From 674317901f232954ebad2e057cdb887c65a75d7e Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Wed, 26 Mar 2025 11:40:00 -0400
Subject: [PATCH 001/186] Initial dump

---
 package-lock.json                             | 217 ++++++++-
 package.json                                  |   5 +
 resources/css/tailwind-animate.css            | 275 +++++++++++
 resources/css/ui.css                          |  53 +++
 resources/js/bootstrap/statamic.js            |   4 +-
 resources/js/bootstrap/ui.js                  |  29 ++
 resources/js/components/ui/Badge.vue          |  71 +++
 resources/js/components/ui/Button/Group.vue   |  16 +
 resources/js/components/ui/Button/Index.vue   |  87 ++++
 resources/js/components/ui/Calendar/Index.vue | 111 +++++
 resources/js/components/ui/Card/Index.vue     |  26 +
 resources/js/components/ui/Card/Panel.vue     |  16 +
 .../js/components/ui/CharacterCounter.vue     |  89 ++++
 resources/js/components/ui/Checkbox/Group.vue |  30 ++
 resources/js/components/ui/Checkbox/Item.vue  |  36 ++
 .../js/components/ui/DataTable/Index.vue      | 159 +++++++
 .../js/components/ui/Datepicker/Index.vue     |  93 ++++
 resources/js/components/ui/Description.vue    |  19 +
 .../js/components/ui/Dropdown/Footer.vue      |  25 +
 .../js/components/ui/Dropdown/Header.vue      |  25 +
 resources/js/components/ui/Dropdown/Index.vue |  45 ++
 resources/js/components/ui/Dropdown/Item.vue  |  32 ++
 resources/js/components/ui/Dropdown/Label.vue |  19 +
 resources/js/components/ui/Dropdown/Menu.vue  |   5 +
 .../js/components/ui/Dropdown/Separator.vue   |   7 +
 resources/js/components/ui/Field.vue          |  41 ++
 resources/js/components/ui/Header.vue         |  18 +
 resources/js/components/ui/Heading.vue        |  33 ++
 resources/js/components/ui/Icon.vue           |  37 ++
 resources/js/components/ui/Input/Group.vue    |  32 ++
 .../js/components/ui/Input/GroupAppend.vue    |  13 +
 .../js/components/ui/Input/GroupPrepend.vue   |  13 +
 resources/js/components/ui/Input/Index.vue    | 134 ++++++
 resources/js/components/ui/Label.vue          |  23 +
 resources/js/components/ui/Modal/Close.vue    |  19 +
 resources/js/components/ui/Modal/Index.vue    |  49 ++
 resources/js/components/ui/Modal/Title.vue    |  14 +
 resources/js/components/ui/Panel/Header.vue   |  12 +
 resources/js/components/ui/Panel/Index.vue    |  10 +
 resources/js/components/ui/Popover.vue        |  54 +++
 resources/js/components/ui/Radio/Group.vue    |  30 ++
 resources/js/components/ui/Radio/Item.vue     |  32 ++
 resources/js/components/ui/Select/Index.vue   |  97 ++++
 resources/js/components/ui/Separator.vue      |  48 ++
 resources/js/components/ui/Slider.vue         |  35 ++
 resources/js/components/ui/Splitter/Group.vue |  13 +
 resources/js/components/ui/Splitter/Panel.vue |  15 +
 .../components/ui/Splitter/ResizeHandle.vue   |   7 +
 resources/js/components/ui/Subheading.vue     |  25 +
 resources/js/components/ui/Switch.vue         |  41 ++
 resources/js/components/ui/Table/Cell.vue     |   5 +
 resources/js/components/ui/Table/Column.vue   |   5 +
 resources/js/components/ui/Table/Columns.vue  |   7 +
 resources/js/components/ui/Table/Index.vue    |   7 +
 resources/js/components/ui/Table/Row.vue      |   5 +
 resources/js/components/ui/Table/Rows.vue     |   5 +
 resources/js/components/ui/Tabs/Content.vue   |  13 +
 resources/js/components/ui/Tabs/Index.vue     |  13 +
 resources/js/components/ui/Tabs/Indicator.vue |  11 +
 resources/js/components/ui/Tabs/List.vue      |  20 +
 resources/js/components/ui/Tabs/Trigger.vue   |  19 +
 resources/js/components/ui/Textarea.vue       |  57 +++
 resources/js/components/ui/ThemeSwitcher.vue  |  90 ++++
 resources/js/components/ui/Tooltip.vue        |  41 ++
 resources/js/components/ui/WithField.vue      |  35 ++
 resources/js/components/ui/svg/addons.svg     |   1 +
 .../js/components/ui/svg/align-center.svg     |   1 +
 resources/js/components/ui/svg/align-left.svg |   1 +
 .../js/components/ui/svg/align-right.svg      |   1 +
 resources/js/components/ui/svg/arrow-down.svg |   1 +
 .../js/components/ui/svg/arrow-right.svg      |   1 +
 .../js/components/ui/svg/arrow-up-right.svg   |   1 +
 resources/js/components/ui/svg/assets.svg     |   1 +
 resources/js/components/ui/svg/avatar.svg     |   1 +
 resources/js/components/ui/svg/bell.svg       |   1 +
 resources/js/components/ui/svg/blueprints.svg |   1 +
 resources/js/components/ui/svg/calendar.svg   |   1 +
 .../js/components/ui/svg/chevron-down.svg     |   1 +
 .../js/components/ui/svg/chevron-left.svg     |   1 +
 .../js/components/ui/svg/chevron-right.svg    |   1 +
 .../js/components/ui/svg/chevron-vertical.svg |   1 +
 .../js/components/ui/svg/clipboard-check.svg  |   1 +
 resources/js/components/ui/svg/clipboard.svg  |   1 +
 resources/js/components/ui/svg/cog-solid.svg  |   1 +
 resources/js/components/ui/svg/cog.svg        |   1 +
 .../js/components/ui/svg/collections.svg      |   1 +
 resources/js/components/ui/svg/columns.svg    |   1 +
 resources/js/components/ui/svg/dashboard.svg  |   1 +
 resources/js/components/ui/svg/dots.svg       |   1 +
 resources/js/components/ui/svg/download.svg   |   1 +
 .../js/components/ui/svg/external-link.svg    |   1 +
 resources/js/components/ui/svg/eye-closed.svg |   1 +
 resources/js/components/ui/svg/eye.svg        |   1 +
 resources/js/components/ui/svg/fields.svg     |   1 +
 resources/js/components/ui/svg/forms.svg      |   1 +
 resources/js/components/ui/svg/globals.svg    |   1 +
 resources/js/components/ui/svg/groups.svg     |   1 +
 .../js/components/ui/svg/live-preview.svg     |   1 +
 resources/js/components/ui/svg/loading.svg    |   1 +
 .../js/components/ui/svg/magnifying-glass.svg |   1 +
 resources/js/components/ui/svg/mail.svg       |   1 +
 resources/js/components/ui/svg/navigation.svg |   1 +
 .../js/components/ui/svg/permissions.svg      |   1 +
 resources/js/components/ui/svg/plus.svg       |   1 +
 .../js/components/ui/svg/preferences.svg      |   1 +
 resources/js/components/ui/svg/sign-in.svg    |   1 +
 .../js/components/ui/svg/site-settings.svg    |   1 +
 resources/js/components/ui/svg/site.svg       |   1 +
 .../components/ui/svg/statamic-mark-lime.svg  |   1 +
 resources/js/components/ui/svg/taxonomies.svg |   1 +
 resources/js/components/ui/svg/team.svg       |   1 +
 resources/js/components/ui/svg/updates.svg    |   1 +
 resources/js/components/ui/svg/users.svg      |   1 +
 resources/js/components/ui/svg/utilities.svg  |   1 +
 resources/js/components/ui/svg/x.svg          |   1 +
 resources/js/composables/has-component.js     |  15 +
 resources/views/playground.blade.php          | 449 +++++++-----------
 src/Providers/CpServiceProvider.php           |  10 +
 118 files changed, 2915 insertions(+), 281 deletions(-)
 create mode 100644 resources/css/tailwind-animate.css
 create mode 100644 resources/css/ui.css
 create mode 100644 resources/js/bootstrap/ui.js
 create mode 100644 resources/js/components/ui/Badge.vue
 create mode 100644 resources/js/components/ui/Button/Group.vue
 create mode 100644 resources/js/components/ui/Button/Index.vue
 create mode 100644 resources/js/components/ui/Calendar/Index.vue
 create mode 100644 resources/js/components/ui/Card/Index.vue
 create mode 100644 resources/js/components/ui/Card/Panel.vue
 create mode 100644 resources/js/components/ui/CharacterCounter.vue
 create mode 100644 resources/js/components/ui/Checkbox/Group.vue
 create mode 100644 resources/js/components/ui/Checkbox/Item.vue
 create mode 100644 resources/js/components/ui/DataTable/Index.vue
 create mode 100644 resources/js/components/ui/Datepicker/Index.vue
 create mode 100644 resources/js/components/ui/Description.vue
 create mode 100644 resources/js/components/ui/Dropdown/Footer.vue
 create mode 100644 resources/js/components/ui/Dropdown/Header.vue
 create mode 100644 resources/js/components/ui/Dropdown/Index.vue
 create mode 100644 resources/js/components/ui/Dropdown/Item.vue
 create mode 100644 resources/js/components/ui/Dropdown/Label.vue
 create mode 100644 resources/js/components/ui/Dropdown/Menu.vue
 create mode 100644 resources/js/components/ui/Dropdown/Separator.vue
 create mode 100644 resources/js/components/ui/Field.vue
 create mode 100644 resources/js/components/ui/Header.vue
 create mode 100644 resources/js/components/ui/Heading.vue
 create mode 100644 resources/js/components/ui/Icon.vue
 create mode 100644 resources/js/components/ui/Input/Group.vue
 create mode 100644 resources/js/components/ui/Input/GroupAppend.vue
 create mode 100644 resources/js/components/ui/Input/GroupPrepend.vue
 create mode 100644 resources/js/components/ui/Input/Index.vue
 create mode 100644 resources/js/components/ui/Label.vue
 create mode 100644 resources/js/components/ui/Modal/Close.vue
 create mode 100644 resources/js/components/ui/Modal/Index.vue
 create mode 100644 resources/js/components/ui/Modal/Title.vue
 create mode 100644 resources/js/components/ui/Panel/Header.vue
 create mode 100644 resources/js/components/ui/Panel/Index.vue
 create mode 100644 resources/js/components/ui/Popover.vue
 create mode 100644 resources/js/components/ui/Radio/Group.vue
 create mode 100644 resources/js/components/ui/Radio/Item.vue
 create mode 100644 resources/js/components/ui/Select/Index.vue
 create mode 100644 resources/js/components/ui/Separator.vue
 create mode 100644 resources/js/components/ui/Slider.vue
 create mode 100644 resources/js/components/ui/Splitter/Group.vue
 create mode 100644 resources/js/components/ui/Splitter/Panel.vue
 create mode 100644 resources/js/components/ui/Splitter/ResizeHandle.vue
 create mode 100644 resources/js/components/ui/Subheading.vue
 create mode 100644 resources/js/components/ui/Switch.vue
 create mode 100644 resources/js/components/ui/Table/Cell.vue
 create mode 100644 resources/js/components/ui/Table/Column.vue
 create mode 100644 resources/js/components/ui/Table/Columns.vue
 create mode 100644 resources/js/components/ui/Table/Index.vue
 create mode 100644 resources/js/components/ui/Table/Row.vue
 create mode 100644 resources/js/components/ui/Table/Rows.vue
 create mode 100644 resources/js/components/ui/Tabs/Content.vue
 create mode 100644 resources/js/components/ui/Tabs/Index.vue
 create mode 100644 resources/js/components/ui/Tabs/Indicator.vue
 create mode 100644 resources/js/components/ui/Tabs/List.vue
 create mode 100644 resources/js/components/ui/Tabs/Trigger.vue
 create mode 100644 resources/js/components/ui/Textarea.vue
 create mode 100644 resources/js/components/ui/ThemeSwitcher.vue
 create mode 100644 resources/js/components/ui/Tooltip.vue
 create mode 100644 resources/js/components/ui/WithField.vue
 create mode 100644 resources/js/components/ui/svg/addons.svg
 create mode 100644 resources/js/components/ui/svg/align-center.svg
 create mode 100644 resources/js/components/ui/svg/align-left.svg
 create mode 100644 resources/js/components/ui/svg/align-right.svg
 create mode 100644 resources/js/components/ui/svg/arrow-down.svg
 create mode 100644 resources/js/components/ui/svg/arrow-right.svg
 create mode 100644 resources/js/components/ui/svg/arrow-up-right.svg
 create mode 100644 resources/js/components/ui/svg/assets.svg
 create mode 100644 resources/js/components/ui/svg/avatar.svg
 create mode 100644 resources/js/components/ui/svg/bell.svg
 create mode 100644 resources/js/components/ui/svg/blueprints.svg
 create mode 100644 resources/js/components/ui/svg/calendar.svg
 create mode 100644 resources/js/components/ui/svg/chevron-down.svg
 create mode 100644 resources/js/components/ui/svg/chevron-left.svg
 create mode 100644 resources/js/components/ui/svg/chevron-right.svg
 create mode 100644 resources/js/components/ui/svg/chevron-vertical.svg
 create mode 100644 resources/js/components/ui/svg/clipboard-check.svg
 create mode 100644 resources/js/components/ui/svg/clipboard.svg
 create mode 100644 resources/js/components/ui/svg/cog-solid.svg
 create mode 100644 resources/js/components/ui/svg/cog.svg
 create mode 100644 resources/js/components/ui/svg/collections.svg
 create mode 100644 resources/js/components/ui/svg/columns.svg
 create mode 100644 resources/js/components/ui/svg/dashboard.svg
 create mode 100644 resources/js/components/ui/svg/dots.svg
 create mode 100644 resources/js/components/ui/svg/download.svg
 create mode 100644 resources/js/components/ui/svg/external-link.svg
 create mode 100644 resources/js/components/ui/svg/eye-closed.svg
 create mode 100644 resources/js/components/ui/svg/eye.svg
 create mode 100644 resources/js/components/ui/svg/fields.svg
 create mode 100644 resources/js/components/ui/svg/forms.svg
 create mode 100644 resources/js/components/ui/svg/globals.svg
 create mode 100644 resources/js/components/ui/svg/groups.svg
 create mode 100644 resources/js/components/ui/svg/live-preview.svg
 create mode 100644 resources/js/components/ui/svg/loading.svg
 create mode 100644 resources/js/components/ui/svg/magnifying-glass.svg
 create mode 100644 resources/js/components/ui/svg/mail.svg
 create mode 100644 resources/js/components/ui/svg/navigation.svg
 create mode 100644 resources/js/components/ui/svg/permissions.svg
 create mode 100644 resources/js/components/ui/svg/plus.svg
 create mode 100644 resources/js/components/ui/svg/preferences.svg
 create mode 100644 resources/js/components/ui/svg/sign-in.svg
 create mode 100644 resources/js/components/ui/svg/site-settings.svg
 create mode 100644 resources/js/components/ui/svg/site.svg
 create mode 100644 resources/js/components/ui/svg/statamic-mark-lime.svg
 create mode 100644 resources/js/components/ui/svg/taxonomies.svg
 create mode 100644 resources/js/components/ui/svg/team.svg
 create mode 100644 resources/js/components/ui/svg/updates.svg
 create mode 100644 resources/js/components/ui/svg/users.svg
 create mode 100644 resources/js/components/ui/svg/utilities.svg
 create mode 100644 resources/js/components/ui/svg/x.svg
 create mode 100644 resources/js/composables/has-component.js

diff --git a/package-lock.json b/package-lock.json
index e3d09fc08bf..1af57570cdd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
         "@floating-ui/dom": "^1.2.5",
         "@he-tree/vue": "^2.8.2",
         "@hoppscotch/vue-toasted": "^0.1.0",
+        "@internationalized/date": "^3.7.0",
         "@shopify/draggable": "^1.0.0-beta.12",
         "@tiptap/core": "^2.0.2",
         "@tiptap/extension-blockquote": "^2.0.2",
@@ -48,8 +49,10 @@
         "autosize": "~6.0.1",
         "axios": "^1.6.0",
         "body-scroll-lock": "^4.0.0-beta.0",
+        "clsx": "^2.1.1",
         "codemirror": "5.65.12",
         "cookies-js": "^1.2.2",
+        "cva": "^1.0.0-beta.3",
         "floating-vue": "^5.2.2",
         "fuse.js": "^7.0.0",
         "highlight.js": "^11.7.0",
@@ -68,11 +71,13 @@
         "pusher-js": "^8.4.0-rc2",
         "qs": "^6.9.7",
         "read-time-estimate": "0.0.3",
+        "reka-ui": "^2.0.0",
         "resize-observer-polyfill": "^1.5.1",
         "semver": "^7.7.1",
         "speakingurl": "^14.0.1",
         "striptags": "^3.2.0",
         "svgo": "^3.0.0",
+        "tailwind-merge": "^3.0.2",
         "tiny-emitter": "^2.1.0",
         "uniqid": "^5.2.0",
         "upload": "^1.3.2",
@@ -639,18 +644,31 @@
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.6.7",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.7.tgz",
-      "integrity": "sha512-wmVfPG5o2xnKDU4jx/m4w5qva9FWHcnZ8BvzEe90D/RpwsJaTAVYPEPdQ8sbr/N8zZTAHlZUTQdqg8ZUbzHmng==",
+      "version": "1.6.13",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.13.tgz",
+      "integrity": "sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==",
+      "license": "MIT",
       "dependencies": {
         "@floating-ui/core": "^1.6.0",
-        "@floating-ui/utils": "^0.2.4"
+        "@floating-ui/utils": "^0.2.9"
       }
     },
     "node_modules/@floating-ui/utils": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.4.tgz",
-      "integrity": "sha512-dWO2pw8hhi+WrXq1YJy2yCuWoL20PddgGaqTgVe4cOS9Q6qklXCiA1tJEqX6BEwRNSCP84/afac9hd4MS+zEUA=="
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz",
+      "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==",
+      "license": "MIT"
+    },
+    "node_modules/@floating-ui/vue": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.1.6.tgz",
+      "integrity": "sha512-XFlUzGHGv12zbgHNk5FN2mUB7ROul3oG2ENdTpWdE+qMFxyNxWSRmsoyhiEnpmabNm6WnUvR1OvJfUfN4ojC1A==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.0.0",
+        "@floating-ui/utils": "^0.2.9",
+        "vue-demi": ">=0.13.0"
+      }
     },
     "node_modules/@he-tree/dnd-utils": {
       "version": "0.1.0-alpha.4",
@@ -729,6 +747,24 @@
         "vue": "^3.2.37"
       }
     },
+    "node_modules/@internationalized/date": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.7.0.tgz",
+      "integrity": "sha512-VJ5WS3fcVx0bejE/YHfbDKR/yawZgKqn/if+oEeLqNwBtPzVB06olkfcnojTmEMX+gTpH+FlQ69SHNitJ8/erQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "node_modules/@internationalized/number": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.6.0.tgz",
+      "integrity": "sha512-PtrRcJVy7nw++wn4W2OuePQQfTqDzfusSuY1QTtui4wa7r+rGVtR75pO8CyKvHvzyQYi3Q1uO5sY0AsB4e65Bw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@@ -1273,6 +1309,15 @@
         "node": ">= 6"
       }
     },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
     "node_modules/@tailwindcss/container-queries": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/@tailwindcss/container-queries/-/container-queries-0.1.1.tgz",
@@ -1297,6 +1342,32 @@
         "tailwindcss": ">=3.0.0 || insiders"
       }
     },
+    "node_modules/@tanstack/virtual-core": {
+      "version": "3.13.5",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.5.tgz",
+      "integrity": "sha512-gMLNylxhJdUlfRR1G3U9rtuwUh2IjdrrniJIDcekVJN3/3i+bluvdMi3+eodnxzJq5nKnxnigo9h0lIpaqV6HQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/vue-virtual": {
+      "version": "3.13.5",
+      "resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.13.5.tgz",
+      "integrity": "sha512-1hhUA6CUjmKc5JDyKLcYOV6mI631FaKKxXh77Ja4UtIy6EOofYaLPk8vVgvK6vLMUSfHR2vI3ZpPY9ibyX60SA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/virtual-core": "3.13.5"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "vue": "^2.7.0 || ^3.0.0"
+      }
+    },
     "node_modules/@tiptap/core": {
       "version": "2.8.0",
       "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-2.8.0.tgz",
@@ -2362,6 +2433,18 @@
       "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
       "dev": true
     },
+    "node_modules/aria-hidden": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.4.tgz",
+      "integrity": "sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/assertion-error": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
@@ -2657,6 +2740,15 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/codemirror": {
       "version": "5.65.12",
       "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.12.tgz",
@@ -2871,6 +2963,26 @@
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
       "license": "MIT"
     },
+    "node_modules/cva": {
+      "version": "1.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/cva/-/cva-1.0.0-beta.3.tgz",
+      "integrity": "sha512-CZa8pTkpEygxJRLH9aod/wfnSgK5z/0GJqG/NNehlwam+S8llqCWUXS3eCenvAiW5sTUpwTWE6bJaeeZ/b4pzA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "clsx": "^2.1.1"
+      },
+      "funding": {
+        "url": "https://polar.sh/cva"
+      },
+      "peerDependencies": {
+        "typescript": ">= 4.5.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/data-urls": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-3.0.2.tgz",
@@ -2986,6 +3098,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/defu": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
+      "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
+      "license": "MIT"
+    },
     "node_modules/delayed-stream": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -4538,6 +4656,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/ohash": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
+      "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+      "license": "MIT"
+    },
     "node_modules/open": {
       "version": "8.4.2",
       "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
@@ -5369,6 +5493,69 @@
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
       "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
     },
+    "node_modules/reka-ui": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.1.1.tgz",
+      "integrity": "sha512-awvpQ041LPXAvf2uRVFwedsyz9SwsuoWlRql1fg4XimUCxEI2GOfHo6FIdL44dSPb/eG/gWbdGhoGHLlbX5gPA==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.6.13",
+        "@floating-ui/vue": "^1.1.6",
+        "@internationalized/date": "^3.5.0",
+        "@internationalized/number": "^3.5.0",
+        "@tanstack/vue-virtual": "^3.12.0",
+        "@vueuse/core": "^12.5.0",
+        "@vueuse/shared": "^12.5.0",
+        "aria-hidden": "^1.2.4",
+        "defu": "^6.1.4",
+        "ohash": "^2.0.11"
+      },
+      "peerDependencies": {
+        "vue": ">= 3.2.0"
+      }
+    },
+    "node_modules/reka-ui/node_modules/@types/web-bluetooth": {
+      "version": "0.0.21",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
+      "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==",
+      "license": "MIT"
+    },
+    "node_modules/reka-ui/node_modules/@vueuse/core": {
+      "version": "12.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-12.8.2.tgz",
+      "integrity": "sha512-HbvCmZdzAu3VGi/pWYm5Ut+Kd9mn1ZHnn4L5G8kOQTPs/IwIAmJoBrmYk2ckLArgMXZj0AW3n5CAejLUO+PhdQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.21",
+        "@vueuse/metadata": "12.8.2",
+        "@vueuse/shared": "12.8.2",
+        "vue": "^3.5.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/reka-ui/node_modules/@vueuse/metadata": {
+      "version": "12.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-12.8.2.tgz",
+      "integrity": "sha512-rAyLGEuoBJ/Il5AmFHiziCPdQzRt88VxR+Y/A/QhJ1EWtWqPBBAxTAFaSkviwEuOEZNtW8pvkPgoCZQ+HxqW1A==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/reka-ui/node_modules/@vueuse/shared": {
+      "version": "12.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-12.8.2.tgz",
+      "integrity": "sha512-dznP38YzxZoNloI0qpEfpkms8knDtaoQ6Y/sfS0L7Yki4zh40LFHEhur0odJC6xTHG5dxWVPiUWBXn+wCG2s5w==",
+      "license": "MIT",
+      "dependencies": {
+        "vue": "^3.5.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
     "node_modules/require-directory": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
@@ -5885,6 +6072,16 @@
       "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
       "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew=="
     },
+    "node_modules/tailwind-merge": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.0.2.tgz",
+      "integrity": "sha512-l7z+OYZ7mu3DTqrL88RiKrKIqO3NcpEO8V/Od04bNpvk0kiIFndGEoqfuzvj4yuhRkHKjRkII2z+KS2HfPcSxw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
     "node_modules/tailwindcss": {
       "version": "3.4.4",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.4.tgz",
@@ -6073,6 +6270,12 @@
       "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
       "dev": true
     },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
     "node_modules/tweetnacl": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-1.0.3.tgz",
diff --git a/package.json b/package.json
index 4db1e66ab6b..fc8e89606a4 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "@floating-ui/dom": "^1.2.5",
     "@he-tree/vue": "^2.8.2",
     "@hoppscotch/vue-toasted": "^0.1.0",
+    "@internationalized/date": "^3.7.0",
     "@shopify/draggable": "^1.0.0-beta.12",
     "@tiptap/core": "^2.0.2",
     "@tiptap/extension-blockquote": "^2.0.2",
@@ -57,8 +58,10 @@
     "autosize": "~6.0.1",
     "axios": "^1.6.0",
     "body-scroll-lock": "^4.0.0-beta.0",
+    "clsx": "^2.1.1",
     "codemirror": "5.65.12",
     "cookies-js": "^1.2.2",
+    "cva": "^1.0.0-beta.3",
     "floating-vue": "^5.2.2",
     "fuse.js": "^7.0.0",
     "highlight.js": "^11.7.0",
@@ -77,11 +80,13 @@
     "pusher-js": "^8.4.0-rc2",
     "qs": "^6.9.7",
     "read-time-estimate": "0.0.3",
+    "reka-ui": "^2.0.0",
     "resize-observer-polyfill": "^1.5.1",
     "semver": "^7.7.1",
     "speakingurl": "^14.0.1",
     "striptags": "^3.2.0",
     "svgo": "^3.0.0",
+    "tailwind-merge": "^3.0.2",
     "tiny-emitter": "^2.1.0",
     "uniqid": "^5.2.0",
     "upload": "^1.3.2",
diff --git a/resources/css/tailwind-animate.css b/resources/css/tailwind-animate.css
new file mode 100644
index 00000000000..46ed8ed1ec1
--- /dev/null
+++ b/resources/css/tailwind-animate.css
@@ -0,0 +1,275 @@
+/**
+ * TailwindCSS v4.0 compatible replacement for `tailwindcss-animate`.
+ *
+ * WARNING: The asterisks are not supported by some formatters and linters. You
+ * might want to exclude this file from formatters and linters for now.
+ *
+ * @author Luca Bosin <https://github.com/Wombosvideo>
+ * @license MIT
+ */
+
+@theme inline {
+  --animation-delay-0: 0s;
+  --animation-delay-75: 75ms;
+  --animation-delay-100: 0.1s;
+  --animation-delay-150: 0.15s;
+  --animation-delay-200: 0.2s;
+  --animation-delay-300: 0.3s;
+  --animation-delay-500: 0.5s;
+  --animation-delay-700: 0.7s;
+  --animation-delay-1000: 1s;
+
+  --animation-repeat-0: 0;
+  --animation-repeat-1: 1;
+  --animation-repeat-infinite: infinite;
+
+  --animation-direction-normal: normal;
+  --animation-direction-reverse: reverse;
+  --animation-direction-alternate: alternate;
+  --animation-direction-alternate-reverse: alternate-reverse;
+
+  --animation-fill-mode-none: none;
+  --animation-fill-mode-forwards: forwards;
+  --animation-fill-mode-backwards: backwards;
+  --animation-fill-mode-both: both;
+
+  --animate-in: var(--tw-duration, 150ms) var(--tw-ease, ease) enter;
+  --animate-out: var(--tw-duration, 150ms) var(--tw-ease, ease) exit;
+
+  --percentage-0: 0;
+  --percentage-5: 0.05;
+  --percentage-10: 0.1;
+  --percentage-15: 0.15;
+  --percentage-20: 0.2;
+  --percentage-25: 0.25;
+  --percentage-30: 0.3;
+  --percentage-35: 0.35;
+  --percentage-40: 0.4;
+  --percentage-45: 0.45;
+  --percentage-50: 0.5;
+  --percentage-55: 0.55;
+  --percentage-60: 0.6;
+  --percentage-65: 0.65;
+  --percentage-70: 0.7;
+  --percentage-75: 0.75;
+  --percentage-80: 0.8;
+  --percentage-85: 0.85;
+  --percentage-90: 0.9;
+  --percentage-95: 0.95;
+  --percentage-100: 1;
+
+  --translate-1/2: 50%;
+  --translate-1/3: 33.333333%;
+  --translate-2/3: 66.666667%;
+  --translate-1/4: 25%;
+  --translate-2/4: 50%;
+  --translate-3/4: 75%;
+  --translate-full: 100%;
+  --translate-px: 1px;
+  --translate-0: 0px;
+  --translate-0.5: 0.125rem;
+  --translate-1: 0.25rem;
+  --translate-1.5: 0.375rem;
+  --translate-2: 0.5rem;
+  --translate-2.5: 0.625rem;
+  --translate-3: 0.75rem;
+  --translate-3.5: 0.875rem;
+  --translate-4: 1rem;
+  --translate-5: 1.25rem;
+  --translate-6: 1.5rem;
+  --translate-7: 1.75rem;
+  --translate-8: 2rem;
+  --translate-9: 2.25rem;
+  --translate-10: 2.5rem;
+  --translate-11: 2.75rem;
+  --translate-12: 3rem;
+  --translate-14: 3.5rem;
+  --translate-16: 4rem;
+  --translate-20: 5rem;
+  --translate-24: 6rem;
+  --translate-28: 7rem;
+  --translate-32: 8rem;
+  --translate-36: 9rem;
+  --translate-40: 10rem;
+  --translate-44: 11rem;
+  --translate-48: 12rem;
+  --translate-52: 13rem;
+  --translate-56: 14rem;
+  --translate-60: 15rem;
+  --translate-64: 16rem;
+  --translate-72: 18rem;
+  --translate-80: 20rem;
+  --translate-96: 24rem;
+
+  @keyframes enter {
+    from {
+      opacity: var(--tw-enter-opacity, 1);
+      transform: translate3d(
+          var(--tw-enter-translate-x, 0),
+          var(--tw-enter-translate-y, 0),
+          0
+        )
+        scale3d(
+          var(--tw-enter-scale, 1),
+          var(--tw-enter-scale, 1),
+          var(--tw-enter-scale, 1)
+        )
+        rotate(var(--tw-enter-rotate, 0));
+    }
+  }
+
+  @keyframes exit {
+    to {
+      opacity: var(--tw-exit-opacity, 1);
+      transform: translate3d(
+          var(--tw-exit-translate-x, 0),
+          var(--tw-exit-translate-y, 0),
+          0
+        )
+        scale3d(
+          var(--tw-exit-scale, 1),
+          var(--tw-exit-scale, 1),
+          var(--tw-exit-scale, 1)
+        )
+        rotate(var(--tw-exit-rotate, 0));
+    }
+  }
+}
+
+/*
+ * Tailwind's default `duration` utility sets the `--tw-duration` variable, so
+ * can set `animation-duration` directly in the animation definition in the
+ * `@theme` section above. Same goes for the `animation-timing-function`, set
+ * with `--tw-ease`.
+ */
+
+@utility delay-* {
+  animation-delay: calc(--value(number) * 1ms);
+  animation-delay: --value(--animation-delay-*, [duration], [*]);
+}
+
+@utility repeat-* {
+  animation-iteration-count: --value(--animation-repeat-*, integer);
+}
+
+@utility direction-* {
+  animation-direction: --value(--animation-direction-*);
+}
+
+@utility fill-mode-* {
+  animation-fill-mode: --value(--animation-fill-mode-*);
+}
+
+@utility running {
+  animation-play-state: running;
+}
+@utility paused {
+  animation-play-state: paused;
+}
+
+@utility fade-in {
+  --tw-enter-opacity: 0;
+}
+@utility fade-in-* {
+  --tw-enter-opacity: --value(--percentage-*, [*]);
+}
+
+@utility fade-out {
+  --tw-exit-opacity: 0;
+}
+@utility fade-out-* {
+  --tw-exit-opacity: --value(--percentage-*, [*]);
+}
+
+@utility zoom-in {
+  --tw-enter-scale: 0;
+}
+@utility zoom-in-* {
+  --tw-enter-scale: calc(--value([percentage]) / 100%);
+  --tw-enter-scale: calc(--value([ratio], [number]));
+  --tw-enter-scale: --value(--percentage-*);
+}
+
+@utility zoom-out {
+  --tw-exit-scale: 0;
+}
+@utility zoom-out-* {
+  --tw-exit-scale: calc(--value([percentage]) / 100%);
+  --tw-exit-scale: calc(--value([ratio], [number]));
+  --tw-exit-scale: --value(--percentage-*);
+}
+
+@utility spin-in {
+  --tw-enter-rotate: 30deg;
+}
+@utility spin-in-* {
+  --tw-enter-rotate: calc(--value(number) * 1deg);
+  --tw-enter-rotate: --value(--rotate-*, [angle]);
+}
+
+@utility spin-out {
+  --tw-exit-rotate: 30deg;
+}
+@utility spin-out-* {
+  --tw-exit-rotate: calc(--value(number) * 1deg);
+  --tw-exit-rotate: --value(--rotate-*, [angle]);
+}
+
+@utility slide-in-from-top {
+  --tw-enter-translate-y: -100%;
+}
+@utility slide-in-from-top-* {
+  --tw-enter-translate-y: calc(--value(integer) * var(--spacing) * -1);
+  --tw-enter-translate-y: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
+}
+
+@utility slide-in-from-bottom {
+  --tw-enter-translate-y: 100%;
+}
+@utility slide-in-from-bottom-* {
+  --tw-enter-translate-y: calc(--value(integer) * var(--spacing));
+  --tw-enter-translate-y: --value(--translate-*, [percentage], ratio, [length]);
+}
+@utility slide-in-from-left {
+  --tw-enter-translate-x: -100%;
+}
+@utility slide-in-from-left-* {
+  --tw-enter-translate-x: calc(--value(integer) * var(--spacing) * -1);
+  --tw-enter-translate-x: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
+}
+@utility slide-in-from-right {
+  --tw-enter-translate-x: 100%;
+}
+@utility slide-in-from-right-* {
+  --tw-enter-translate-x: calc(--value(integer) * var(--spacing));
+  --tw-enter-translate-x: --value(--translate-*, [percentage], ratio, [length]);
+}
+
+@utility slide-out-to-top {
+  --tw-exit-translate-y: -100%;
+}
+@utility slide-out-to-top-* {
+  --tw-exit-translate-y: calc(--value(integer) * var(--spacing) * -1);
+  --tw-exit-translate-y: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
+}
+@utility slide-out-to-bottom {
+  --tw-exit-translate-y: 100%;
+}
+@utility slide-out-to-bottom-* {
+  --tw-exit-translate-y: calc(--value(integer) * var(--spacing));
+  --tw-exit-translate-y: --value(--translate-*, [percentage], ratio, [length]);
+}
+@utility slide-out-to-left {
+  --tw-exit-translate-x: -100%;
+}
+@utility slide-out-to-left-* {
+  --tw-exit-translate-x: calc(--value(integer) * var(--spacing) * -1);
+  --tw-exit-translate-x: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
+}
+@utility slide-out-to-right {
+  --tw-exit-translate-x: 100%;
+}
+@utility slide-out-to-right-* {
+  --tw-exit-translate-x: calc(--value(integer) * var(--spacing));
+  --tw-exit-translate-x: --value(--translate-*, [percentage], ratio, [length]);
+}
diff --git a/resources/css/ui.css b/resources/css/ui.css
new file mode 100644
index 00000000000..3902446cd34
--- /dev/null
+++ b/resources/css/ui.css
@@ -0,0 +1,53 @@
+@theme inline {
+
+    --color-primary: var(--color-zinc-800);
+    --color-primary-border: color-mix(in oklch, var(--color-primary) 100%, black 20%);
+    --color-primary-hover: color-mix(in oklch, var(--color-primary) 100%, black 30%);
+    --color-primary-gap: color-mix(in oklch, var(--color-primary) 100%, black 50%);
+    --color-gray-50: var(--color-zinc-50);
+    --color-gray-100: var(--color-zinc-100);
+    --color-gray-200: var(--color-zinc-200);
+    --color-gray-300: var(--color-zinc-300);
+    --color-gray-400: var(--color-zinc-400);
+    --color-gray-500: var(--color-zinc-500);
+    --color-gray-600: var(--color-zinc-600);
+    --color-gray-700: var(--color-zinc-700);
+    --color-gray-800: var(--color-zinc-800);
+    --color-gray-850: oklch(24.48% 0.0056 285.98);
+    --color-gray-900: var(--color-zinc-900);
+    --color-gray-950: var(--color-zinc-950);
+    --color-volt: #D4FF4C;
+}
+
+@theme {
+    --text-2xs: 0.625rem;
+    --shadow-ui-xs: 0px 1px 3px -1px rgba(0,0,0,0.10);
+    --shadow-ui-sm: 0px 2px 3px -2px rgba(0,0,0,0.15);
+    --shadow-ui-md: 0px 2px 4px -2px rgba(0,0,0,0.37);
+    --shadow-ui-lg: 0px 4px 7px -4px rgba(0,0,0,0.15);
+
+    --animate-wiggle: wiggle 200ms ease-in-out infinite;
+
+    @keyframes wiggle {
+        0%,
+        100% {
+        transform: rotate(-3deg);
+        }
+        50% {
+        transform: rotate(3deg);
+        }
+    }
+}
+
+.popoverAnimation {
+    @apply duration-100 will-change-[transform,opacity];
+    @apply data-[state=open]:animate-in data-[state=closed]:animate-out;
+    @apply data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0;
+    @apply data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95;
+    @apply data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2;
+    @apply data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2;
+}
+
+.content-card {
+    @apply min-h-full px-6 md:px-12 pb-6 bg-white dark:bg-gray-900 border border-gray-200 dark:border-white/10 rounded-xl;
+}
diff --git a/resources/js/bootstrap/statamic.js b/resources/js/bootstrap/statamic.js
index c95608be76b..fff5c1e2df5 100644
--- a/resources/js/bootstrap/statamic.js
+++ b/resources/js/bootstrap/statamic.js
@@ -5,6 +5,7 @@ import axios from 'axios';
 import Config from '../components/Config';
 import Preferences from '../components/Preference';
 import registerGlobalComponents from './components.js';
+import registerUiComponents from './ui.js';
 import registerFieldtypes from './fieldtypes.js';
 import registerVueSelect from './vue-select/vue-select';
 import useGlobalEventBus from '../composables/global-event-bus';
@@ -119,7 +120,7 @@ export default {
         this.$components.register(name, component);
     },
 
-    start() {
+    async start() {
         this.$app = createApp(App);
 
         this.$app.config.silent = false;
@@ -193,6 +194,7 @@ export default {
             mounted: (el) => autosize(el),
         });
 
+        await registerUiComponents(this.$app);
         registerGlobalComponents(this.$app);
         registerFieldtypes(this.$app);
         registerVueSelect(this.$app);
diff --git a/resources/js/bootstrap/ui.js b/resources/js/bootstrap/ui.js
new file mode 100644
index 00000000000..30499d68e40
--- /dev/null
+++ b/resources/js/bootstrap/ui.js
@@ -0,0 +1,29 @@
+export default async (app) => {
+    const components = import.meta.glob('@statamic/components/ui/**/*.vue');
+
+    for (const [path, component] of Object.entries(components)) {
+        // Split full path and remove leading segments up to 'components'
+        const segments = path
+            .split('/')
+            .reduce((acc, segment, index, array) => {
+                if (segment === 'ui' || acc.length > 0) {
+                    acc.push(segment.replace(/\.\w+$/, '')); // Remove extension
+                }
+                return acc;
+            }, [])
+            .slice(1); // Remove 'components' segment
+
+        // Handle Index files specially
+        if (segments.length > 1 && segments[segments.length - 1].toLowerCase() === 'index') {
+            segments.pop();
+        }
+
+        // Convert to kebab case
+        const componentName = segments
+            .join('-') // Join segments with hyphens
+            .replace(/([a-z])([A-Z])/g, '$1-$2') // Add hyphen between camelCase words
+            .toLowerCase(); // Convert to kebab-case
+
+        app.component(`ui-${componentName}`, (await component()).default);
+    }
+};
diff --git a/resources/js/components/ui/Badge.vue b/resources/js/components/ui/Badge.vue
new file mode 100644
index 00000000000..78baf3c88db
--- /dev/null
+++ b/resources/js/components/ui/Badge.vue
@@ -0,0 +1,71 @@
+<script setup>
+import { computed, useSlots } from 'vue';
+import { cva } from 'cva';
+import { twMerge } from 'tailwind-merge';
+
+const props = defineProps({
+    color: { type: String, default: 'default' },
+    href: { type: String, default: null },
+    icon: { type: String, default: null },
+    pill: { type: Boolean, default: false },
+    size: { type: String, default: 'default' },
+    subText: { type: String, default: null },
+    text: { type: String, default: null },
+    variant: { type: String, default: 'default' },
+});
+
+const slots = useSlots();
+const hasDefaultSlot = !!slots.default;
+const tag = computed(() => props.href ? 'a' : 'div');
+
+const badgeClasses = computed(() => {
+    const classes = cva({
+        base: 'inline-flex items-center gap-1 font-normal antialiased whitespace-nowrap no-underline not-prose',
+        variants: {
+            size: {
+                sm: 'text-2xs py-0 leading-normal px-1 rounded-sm [&_svg]:size-2',
+                default: 'text-xs py-0.5 px-2 rounded-sm [&_svg]:size-2.5',
+                lg: 'text-sm py-1 px-3 rounded-md [&_svg]:size-3 [&_svg]:me-1',
+            },
+            color: {
+                amber: 'bg-amber-100 border-amber-400 text-amber-700 [a]:hover:bg-amber-200/70',
+                black: 'bg-gray-900 border-black text-white [a]:hover:bg-black/90',
+                blue: 'bg-blue-100/80 border-blue-300 text-blue-700 [a]:hover:bg-blue-200/60',
+                cyan: 'bg-cyan-100/80 border-cyan-400 text-cyan-700 [a]:hover:bg-cyan-200/60',
+                default: 'bg-gray-100/80 border-gray-300 text-gray-700 [a]:hover:bg-gray-200/50',
+                emerald: 'bg-emerald-100/80 border-emerald-400 text-emerald-700 [a]:hover:bg-emerald-200/60',
+                fuchsia: 'bg-fuchsia-100/80 border-fuchsia-300 text-fuchsia-700 [a]:hover:bg-fuchsia-200/60',
+                green: 'bg-green-100/80 border-green-400 text-green-700 [a]:hover:bg-green-200/60',
+                indigo: 'bg-indigo-100/80 border-indigo-300 text-indigo-700 [a]:hover:bg-indigo-200/60',
+                lime: 'bg-lime-100 border-lime-400 text-lime-700 [a]:hover:bg-lime-200/80',
+                orange: 'bg-orange-100 border-orange-400 text-orange-700 [a]:hover:bg-orange-200/60',
+                pink: 'bg-pink-100/80 border-pink-300 text-pink-800 [a]:hover:bg-pink-200/60',
+                purple: 'bg-purple-100/80 border-purple-300 text-purple-800 [a]:hover:bg-purple-200/60',
+                red: 'bg-red-100/80 border-red-400/80 text-red-700 [a]:hover:bg-red-200/60',
+                rose: 'bg-rose-100/80 border-rose-300 text-rose-800 [a]:hover:bg-rose-200/60',
+                sky: 'bg-sky-100/80 border-sky-300 text-sky-700 [a]:hover:bg-sky-200/60',
+                teal: 'bg-teal-100 border-teal-400 text-teal-700 [a]:hover:bg-teal-200/70',
+                violet: 'bg-violet-100/80 border-violet-300 text-violet-700 [a]:hover:bg-violet-200/60',
+                white: 'bg-white border-gray-300 text-gray-700 [a]:hover:bg-gray-200/50',
+                yellow: 'bg-yellow-100 border-yellow-400 text-yellow-700 [a]:hover:bg-yellow-200/80',
+            },
+            variant: {
+                default: 'border dark:border-none shadow-ui-sm',
+                flat: 'border-0 shadow-none',
+            },
+            pill: { true: 'rounded-full', },
+        },
+    })({ ...props });
+
+    return twMerge(classes);
+});
+</script>
+
+<template>
+    <component :is="tag" :class="badgeClasses" :href="props.href" data-ui-badge>
+        <ui-icon v-if="icon" :name="icon" />
+        <slot v-if="hasDefaultSlot" />
+        <template v-else>{{ text }}</template>
+        <span v-if="props.subText" class="text-[0.625rem] opacity-70 font-medium leading-tight">{{ subText }}</span>
+    </component>
+</template>
diff --git a/resources/js/components/ui/Button/Group.vue b/resources/js/components/ui/Button/Group.vue
new file mode 100644
index 00000000000..0b140e80cd4
--- /dev/null
+++ b/resources/js/components/ui/Button/Group.vue
@@ -0,0 +1,16 @@
+<template>
+    <div
+        class="
+            flex group/button
+            [&>[data-ui-group-target]:not(:first-child):not(:last-child)]:rounded-none
+            [&>[data-ui-group-target]:first-child:not(:last-child)]:rounded-e-none
+            [&>[data-ui-group-target]:last-child:not(:first-child)]:rounded-s-none
+            [&>*:not(:first-child):not(:last-child):not(:only-child)_[data-ui-group-target]]:rounded-none
+            [&>*:first-child:not(:last-child)_[data-ui-group-target]]:rounded-e-none
+            [&>*:last-child:not(:first-child)_[data-ui-group-target]]:rounded-s-none
+        "
+        data-ui-button-group
+    >
+        <slot />
+    </div>
+</template>
diff --git a/resources/js/components/ui/Button/Index.vue b/resources/js/components/ui/Button/Index.vue
new file mode 100644
index 00000000000..eaf21b79d9b
--- /dev/null
+++ b/resources/js/components/ui/Button/Index.vue
@@ -0,0 +1,87 @@
+<script setup>
+import { computed, useSlots } from 'vue';
+import { cva } from 'cva';
+import { twMerge } from 'tailwind-merge';
+
+const props = defineProps({
+    href: {type: String, default: null},
+    icon: {type: String, default: null},
+    iconAppend: {type: String, default: null},
+    loading: {type: Boolean, default: false},
+    round: {type: Boolean, default: false},
+    size: {type: String, default: 'base'},
+    text: {type: String, default: null},
+    type: {type: String, default: 'button' },
+    variant: {type: String, default: 'default' },
+});
+
+const slots = useSlots();
+const hasDefaultSlot = !!slots.default;
+const tag = computed(() => props.href ? 'a' : 'button');
+const iconOnly = computed(() => props.icon && !hasDefaultSlot && !props.text);
+
+const buttonClasses = computed(() => {
+    const classes = cva({
+        base: 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg font-medium antialiased cursor-pointer no-underline disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none [&_svg]:shrink-0',
+        variants: {
+            variant: {
+                default: [
+                    'bg-linear-to-b from-white to-gray-50 hover:to-gray-100 text-gray-800 border border-gray-300 shadow-ui-sm',
+                    'dark:from-gray-800 dark:to-gray-850 dark:hover:to-gray-800 hover:bg-gray-50 dark:hover:bg-gray-850 dark:border-b-0 dark:ring dark:ring-black dark:border-white/15 dark:text-gray-300 dark:shadow-md'
+                ],
+                primary: [
+                    'bg-linear-to-b from-primary/90 to-primary hover:bg-primary-hover text-white border border-primary-border shadow-ui-md inset-shadow-2xs inset-shadow-white/25',
+                    'dark:from-white dark:to-gray-200 dark:hover:from-gray-200 dark:text-gray-800 dark:border-0'
+                ],
+                danger: 'bg-linear-to-b from-red-500/90 to-red-500 hover:bg-red-500/90 text-white border border-red-600 inset-shadow-2xs inset-shadow-red-300 [&_svg]:text-red-200',
+                filled: 'bg-gray-100 hover:bg-gray-200 dark:bg-gray-700/80 dark:hover:bg-gray-700',
+                ghost: 'bg-transparent hover:bg-gray-400/10 text-gray-500 hover:text-gray-700 dark:text-gray-300 dark:hover:bg-gray-700/80 dark:hover:text-gray-200',
+            },
+            size: {
+                base: 'px-4 h-10 text-sm',
+                sm: 'px-3 h-8 text-[0.8125rem]',
+                xs: 'px-2 h-6.5 text-xs',
+            },
+            groupBorder: {
+                default: '[[data-ui-button-group]_&]:border-s-0 [:is([data-ui-button-group]>&:first-child,_[data-ui-button-group]_:first-child>&)]:border-s-[1px]',
+                primary: '[[data-ui-button-group]_&]:border-e-0 [:is([data-ui-button-group]>&:last-child,_[data-ui-button-group]_:last-child>&)]:border-e-[1px] [:is([data-ui-button-group]>&:not(:first-child),_[data-ui-button-group]_:not(:first-child)>&)]:border-s-primary-gap',
+                danger: '[[data-ui-button-group]_&]:border-s-0 [[data-ui-button-group]_&]:border-e [:is([data-ui-button-group]>&:last-child,_[data-ui-button-group]_:last-child>&)]:border-e-0 [[data-ui-button-group]_&]:border-red-600',
+                filled: '[[data-ui-button-group]_&]:border-e [:is([data-ui-button-group]>&:last-child,_[data-ui-button-group]_:last-child>&)]:border-e-0 [[data-ui-button-group]_&]:border-gray-300/70',
+                ghost: '',
+            },
+            iconOnly: { true: 'px-0' },
+            round: { true: 'rounded-full'},
+        },
+        compoundVariants: [
+            { iconOnly: true, size: 'base', class: 'w-10 [&_svg]:size-4' },
+            { iconOnly: true, size: 'sm', class: 'w-8 [&_svg]:size-3.5' },
+            { iconOnly: true, size: 'xs', class: 'w-6.5 [&_svg]:size-3' },
+        ],
+    })({
+        ...props,
+        groupBorder: props.variant,
+        iconOnly: iconOnly.value
+    });
+
+    return twMerge(classes);
+});
+</script>
+
+<template>
+    <component
+        :is="tag"
+        :class="buttonClasses"
+        :disabled="loading"
+        :data-ui-group-target="['subtle', 'ghost'].includes(props.variant) ? null : true"
+        :href
+        :type="props.href ? null : type"
+    >
+        <ui-icon v-if="icon" :name="icon" class="text-gray-400" />
+        <ui-icon v-if="loading" name="loading" :size />
+
+        <slot v-if="hasDefaultSlot" />
+        <template v-else>{{ text }}</template>
+
+        <ui-icon v-if="iconAppend" :name="iconAppend" />
+    </component>
+</template>
diff --git a/resources/js/components/ui/Calendar/Index.vue b/resources/js/components/ui/Calendar/Index.vue
new file mode 100644
index 00000000000..a78b4a480a2
--- /dev/null
+++ b/resources/js/components/ui/Calendar/Index.vue
@@ -0,0 +1,111 @@
+<script setup>
+import { ref, computed } from 'vue'
+import { CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarHeader, CalendarHeading, CalendarRoot, CalendarPrev, CalendarNext } from 'reka-ui'
+import { today, parseDate, parseDateTime } from '@internationalized/date'
+
+defineOptions({ name: 'Calendar' });
+
+const props = defineProps({
+    modelValue: { type: [String, Object], default: null },
+    min: { type: [String, Object], default: null },
+    max: { type: [String, Object], default: null },
+})
+
+const emit = defineEmits(['update:modelValue'])
+
+const value = computed({
+    get: () => props.modelValue ? (typeof props.modelValue === 'string' ? parseDateTime(props.modelValue) : props.modelValue) : today(),
+    set: (val) => emit('update:modelValue', val?.toString())
+})
+
+const minValue = computed(() => props.min ? (typeof props.min === 'string' ? parseDate(props.min) : props.min) : null)
+const maxValue = computed(() => props.max ? (typeof props.max === 'string' ? parseDate(props.max) : props.max) : null)
+</script>
+
+<template>
+    <CalendarRoot
+        v-model="value"
+        v-slot="{ weekDays, grid }"
+        :minValue="minValue"
+        :maxValue="maxValue"
+        fixed-weeks
+    >
+        <CalendarHeader class="flex items-center justify-between">
+            <CalendarHeading class="text-sm text-black dark:text-white font-medium" />
+            <!-- <div>
+                <ui-select
+                    :options="months"
+                    size="sm"
+                    flat
+                    class="w-2/3!"
+                />
+
+                <ui-select
+                    :options="years"
+                    size="sm"
+                    flat
+                    class="w-1/3!"
+                />
+            </div> -->
+            <div>
+                <CalendarPrev class="inline-flex items-center cursor-pointer justify-center rounded-md size-8 hover:bg-gray-50 dark:hover:bg-gray-950 active:scale-90">
+                    <ui-icon name="chevron-left" class="size-4" />
+                </CalendarPrev>
+                <CalendarNext class="inline-flex items-center cursor-pointer justify-center rounded-md size-8 hover:bg-gray-50 dark:hover:bg-gray-950 active:scale-90">
+                    <ui-icon name="chevron-right" class="size-4" />
+                </CalendarNext>
+            </div>
+        </CalendarHeader>
+
+        <div class="flex flex-col space-y-4 pt-4 sm:flex-row sm:space-x-4 sm:space-y-0">
+            <CalendarGrid
+                v-for="month in grid"
+                :key="month.value.toString()"
+                class="w-full border-collapse select-none space-y-1"
+            >
+                <CalendarGridHead>
+                    <CalendarGridRow class="mb-1 grid w-full grid-cols-7">
+                        <CalendarHeadCell
+                            v-for="day in weekDays"
+                            :key="day"
+                            class="rounded-md text-xs text-black dark:text-white"
+                        >
+                            {{ day }}
+                        </CalendarHeadCell>
+                    </CalendarGridRow>
+                </CalendarGridHead>
+
+                <CalendarGridBody class="grid space-y-1">
+                    <CalendarGridRow
+                        v-for="(weekDates, index) in month.rows"
+                        :key="`weekDate-${index}`"
+                        class="grid grid-cols-7"
+                    >
+                        <CalendarCell
+                            v-for="weekDate in weekDates"
+                            :key="weekDate.toString()"
+                            :date="weekDate"
+                            class="relative text-center text-sm"
+                        >
+                            <CalendarCellTrigger
+                                :day="weekDate"
+                                :month="month.value"
+                                class="
+                                    relative flex items-center justify-center rounded-lg whitespace-nowrap text-sm font-normal text-black dark:text-white size-8 outline-none
+                                    data-[outside-view]:text-gray-400 dark:data-[outside-view]:text-gray-600
+                                    data-[selected]:!bg-gray-800 data-[selected]:text-white dark:data-[selected]:!bg-gray-200 dark:data-[selected]:text-black
+                                    hover:bg-gray-100 data-[highlighted]:bg-gray-200 dark:hover:bg-black dark:data-[highlighted]:bg-black
+                                    data-[disabled]:pointer-events-none data-[disabled]:hover:bg-transparent
+                                    data-[disabled]:text-gray-400 dark:data-[disabled]:text-gray-600
+                                    data-[unavailable]:pointer-events-none data-[unavailable]:text-black/30 data-[unavailable]:line-through
+                                    before:absolute before:top-[3px] before:hidden before:rounded-lg before:w-1 before:h-1 before:bg-white
+                                    data-[today]:before:block data-[today]:before:bg-green-600
+                                "
+                            />
+                        </CalendarCell>
+                    </CalendarGridRow>
+                </CalendarGridBody>
+            </CalendarGrid>
+        </div>
+    </CalendarRoot>
+</template>
diff --git a/resources/js/components/ui/Card/Index.vue b/resources/js/components/ui/Card/Index.vue
new file mode 100644
index 00000000000..1a7179f45b1
--- /dev/null
+++ b/resources/js/components/ui/Card/Index.vue
@@ -0,0 +1,26 @@
+<script setup>
+import { cva } from 'cva';
+
+const props = defineProps({
+    inset: {type: Boolean, default: false },
+    variant: {type: String, default: 'default'}
+});
+
+const classes = cva({
+    base: 'bg-white dark:bg-gray-850 rounded-xl border border-gray-200 dark:border-x-0 dark:border-b-0 dark:border-white/15 not-prose',
+    variants: {
+        variant: {
+            default: 'shadow-ui-s',
+            flat: 'shadow-none'
+        },
+        inset: { false: 'px-4.5 py-5' },
+    },
+})({ ...props })
+
+</script>
+
+<template>
+    <div :class="classes">
+        <slot />
+    </div>
+</template>
diff --git a/resources/js/components/ui/Card/Panel.vue b/resources/js/components/ui/Card/Panel.vue
new file mode 100644
index 00000000000..fc66a137afb
--- /dev/null
+++ b/resources/js/components/ui/Card/Panel.vue
@@ -0,0 +1,16 @@
+<script setup>
+    const props = defineProps({
+        heading: {type: String, default: null }
+    });
+</script>
+
+<template>
+    <ui-panel>
+        <ui-panel-header v-if="heading">
+            <ui-heading>{{ heading }}</ui-heading>
+        </ui-panel-header>
+        <ui-card>
+            <slot />
+        </ui-card>
+    </ui-panel>
+</template>
diff --git a/resources/js/components/ui/CharacterCounter.vue b/resources/js/components/ui/CharacterCounter.vue
new file mode 100644
index 00000000000..98c613105db
--- /dev/null
+++ b/resources/js/components/ui/CharacterCounter.vue
@@ -0,0 +1,89 @@
+<script setup>
+import { computed, ref, watch } from 'vue';
+import { cva } from 'cva';
+
+const emit = defineEmits(['update:text']);
+
+const props = defineProps({
+  text: { type: String, default: '' },
+  limit: { type: Number, default: null },
+  dangerZone: { type: Number, default: 20 }
+});
+
+// Character count calculations
+const charCount = computed(() => props.text?.length || 0);
+const charsRemaining = computed(() => props.limit - charCount.value);
+const isOverLimit = computed(() => charsRemaining.value < 0);
+const isNearLimit = computed(() => charsRemaining.value <= props.dangerZone && charsRemaining.value > 0);
+const isAtOrOverLimit = computed(() => charsRemaining.value <= 0);
+
+const tooltipText = computed(() => {
+  return charCount.value + '/' + props.limit;
+});
+
+// Calculate circle fill percentage
+const circleFillPercentage = computed(() => {
+  if (isAtOrOverLimit.value) return 100; // Fill the circle completely
+  return (charCount.value / props.limit) * 100;
+});
+
+// Animation state
+const isAnimating = ref(false);
+const prevCount = ref(charCount.value);
+
+// Watch for count changes to trigger animation on hitting limit exactly
+watch(() => charCount.value, (newCount, oldCount) => {
+  const wasNotAtLimit = oldCount !== props.limit;
+  const isNowAtLimit = newCount === props.limit;
+
+  if (wasNotAtLimit && isNowAtLimit) {
+    isAnimating.value = true;
+    setTimeout(() => {
+      isAnimating.value = false;
+    }, 275); // Animation duration
+  }
+
+  prevCount.value = newCount;
+});
+
+const circleClasses = cva({
+    base: 'absolute h-full w-full',
+    variants: {
+        color: {
+            green: 'text-green-500',
+            amber: 'text-amber-500',
+            red: 'text-red-500',
+            gray: 'text-gray-200 dark:text-gray-700'
+        }
+    }
+});
+
+</script>
+
+<template>
+    <ui-tooltip :text="tooltipText" position="top" delay-duration="0">
+        <div class="relative size-6 flex items-center justify-center" :class="{ 'animate-pop': isAnimating }">
+            <svg :class="circleClasses({ color: 'gray' })" viewBox="0 0 100 100">
+                <circle cx="50" cy="50" r="40" fill="none" stroke="currentColor" stroke-width="8" />
+            </svg>
+            <svg :class="circleClasses({ color: isOverLimit ? 'red' : circleFillPercentage < 70 ? 'green' : circleFillPercentage < 90 ? 'amber' : 'red' }) + ' -rotate-90'" viewBox="0 0 100 100">
+                <circle cx="50" cy="50" r="40" fill="none" stroke="currentColor" stroke-width="8"
+                    stroke-dasharray="251.2" :stroke-dashoffset="251.2 - (251.2 * circleFillPercentage / 100)" stroke-linecap="round" />
+                <line v-if="isOverLimit" x1="20" y1="20" x2="80" y2="80" stroke="currentColor" stroke-width="8" />
+            </svg>
+            <span v-if="isNearLimit" class="text-2xs z-10 absolute text-red-500">
+                {{ charsRemaining }}
+            </span>
+        </div>
+    </ui-tooltip>
+</template>
+
+<style scoped>
+@keyframes pop {
+  0%, 100% { transform: scale(1); }
+  50% { transform: scale(1.2); }
+}
+.animate-pop {
+  animation: pop 0.275s cubic-bezier(0.4, 0, 0.6, 1);
+}
+</style>
diff --git a/resources/js/components/ui/Checkbox/Group.vue b/resources/js/components/ui/Checkbox/Group.vue
new file mode 100644
index 00000000000..3d1e1104f9e
--- /dev/null
+++ b/resources/js/components/ui/Checkbox/Group.vue
@@ -0,0 +1,30 @@
+<script setup>
+import { useId } from 'vue';
+import { CheckboxGroupRoot } from 'reka-ui';
+
+defineProps({
+    description: { type: String, default: null },
+    inline: { type: Boolean, default: false },
+    label: { type: String, default: null },
+    modelValue: { type: Array, default: () => [] },
+    name: { type: String, default: () => useId() },
+    required: { type: Boolean, default: false },
+});
+
+defineEmits(['update:modelValue']);
+</script>
+
+<template>
+    <ui-with-field :label :description :required>
+        <CheckboxGroupRoot
+            :modelValue="modelValue"
+            @update:modelValue="$emit('update:modelValue', $event)"
+            :name="name"
+            class="w-full relative block space-y-2"
+            :class="{ 'flex flex-wrap gap-x-4 gap-y-2 space-y-0': inline }"
+            data-ui-input
+        >
+            <slot />
+        </CheckboxGroupRoot>
+    </ui-with-field>
+</template>
diff --git a/resources/js/components/ui/Checkbox/Item.vue b/resources/js/components/ui/Checkbox/Item.vue
new file mode 100644
index 00000000000..a8a2928aa7f
--- /dev/null
+++ b/resources/js/components/ui/Checkbox/Item.vue
@@ -0,0 +1,36 @@
+<script setup>
+import { CheckboxIndicator, CheckboxRoot, useId } from 'reka-ui';
+
+const props = defineProps({
+    description: { type: String, default: null },
+    disabled: { type: Boolean, default: false },
+    label: { type: String, default: null },
+    value: { type: [String, Number, Boolean], required: true },
+});
+
+const id = useId();
+</script>
+
+<template>
+    <div class="flex items-start gap-2">
+        <CheckboxRoot
+            :id
+            :value="value"
+            class="bg-white size-4 mt-0.5 rounded border border-gray-300 dark:border-none data-[state=checked]:border-gray-900 data-[state=checked]:bg-gray-900 dark:data-[state=checked]:bg-white shadow-ui-xs outline-none cursor-default"
+        >
+            <CheckboxIndicator
+                class="flex items-center justify-center w-full h-full relative text-white dark:text-gray-800"
+            >
+                <svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M9 1L3.5 6.5L1 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                </svg>
+            </CheckboxIndicator>
+        </CheckboxRoot>
+        <label class="flex flex-col" :for="id">
+            <span class="text-gray-600 dark:text-gray-400 font-normal antialiased text-sm">
+                <slot>{{ label || value }}</slot>
+            </span>
+            <span v-if="description" class="block text-xs text-gray-500 mt-0.5 leading-snug">{{ description }}</span>
+        </label>
+    </div>
+</template>
diff --git a/resources/js/components/ui/DataTable/Index.vue b/resources/js/components/ui/DataTable/Index.vue
new file mode 100644
index 00000000000..63c2030683f
--- /dev/null
+++ b/resources/js/components/ui/DataTable/Index.vue
@@ -0,0 +1,159 @@
+<script setup>
+import { ref } from 'vue';
+import { cva } from 'cva';
+
+const events = ref([
+    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
+    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
+    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
+    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
+    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
+    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
+    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
+    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
+    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
+    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
+    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
+    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
+    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
+    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
+    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
+    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
+    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
+    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
+    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
+    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
+    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
+    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
+    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
+    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
+    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
+    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
+    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
+    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
+    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
+    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
+    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
+    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
+    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
+    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
+    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
+    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
+    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
+    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
+    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
+    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
+    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
+    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
+    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
+    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
+    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
+    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
+    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
+    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
+    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
+    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
+    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
+    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
+    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
+    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
+    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
+    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
+    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
+    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
+    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
+    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
+    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
+    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
+    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
+    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
+]);
+
+const props = defineProps({
+    variant: { type: String, default: 'normal' },
+});
+
+const tableCellVariants = cva({
+    base: 'border-t border-gray-200 dark:border-white/10',
+    variants: {
+        position: {
+            first: 'border-l rounded-tl-xl',
+            firstRight: 'border-r rounded-tr-xl',
+            last: 'border-l rounded-bl-xl',
+            lastRight: 'border-r rounded-br-xl',
+            left: 'border-l',
+            right: 'border-r',
+            middle: '',
+        },
+    },
+})
+
+const headerCellClasses = cva({
+    base: 'text-sm font-medium text-gray-800 dark:text-gray-300',
+    variants: {
+        variant: {
+            normal: 'px-4 py-2',
+            compact: 'px-2 py-1.5',
+        },
+    },
+})({ ...props });
+
+const bodyCellClasses = cva({
+    base: '',
+    variants: {
+        variant: {
+            normal: 'px-4 py-3',
+            compact: 'px-2 py-1.5',
+        },
+    },
+})({ ...props });
+
+const titleClasses = cva({
+    base: 'font-medium text-gray-800 dark:text-white',
+    variants: {
+        variant: {
+            normal: 'text-base',
+            compact: 'text-sm',
+        },
+    },
+})({ ...props });
+
+</script>
+
+<template>
+<ui-panel class="relative overflow-x-auto overscroll-x-contain">
+    <table data-ui-data-table class="w-full text-gray-500 antialiased table-fixed border-separate border-spacing-y-0 whitespace-nowrap min-w-full">
+        <thead>
+            <tr>
+                <th class="text-left" :class="headerCellClasses">Title</th>
+                <th class="text-left" :class="headerCellClasses">Slug</th>
+                <th class="text-left" :class="headerCellClasses">Date</th>
+                <th class="text-left" :class="headerCellClasses">Author</th>
+                <th class="text-right w-14" :class="headerCellClasses"></th>
+            </tr>
+        </thead>
+        <tbody class="text-sm bg-white dark:bg-gray-900 rounded-xl shadow-sm">
+            <tr v-for="(event, index) in events" :key="event.id">
+                <td :class="[bodyCellClasses, tableCellVariants({ position: index === 0 ? 'first' : index === events.length - 1 ? 'last' : 'left' })]">
+                    <div :class="titleClasses">{{ event.title }}</div>
+                </td>
+                <td :class="[bodyCellClasses, tableCellVariants()]">{{ event.slug }}</td>
+                <td :class="[bodyCellClasses, tableCellVariants()]">{{ event.date }}</td>
+                <td :class="[bodyCellClasses, tableCellVariants()]">
+                    <div class="flex items-center gap-2">
+                        <img class="size-5 rounded-full" src="https://unavatar.io/jackmcdade" />
+                        {{ event.author }}
+                    </div>
+                </td>
+                <td class="text-right" :class="[bodyCellClasses, tableCellVariants({ position: index === 0 ? 'firstRight' : index === events.length - 1 ? 'lastRight' : 'right' })]">
+                    <ui-button icon="dots" variant="ghost" size="xs" />
+                </td>
+            </tr>
+        </tbody>
+    </table>
+</ui-panel>
+</template>
+
+<style>
+
+</style>
diff --git a/resources/js/components/ui/Datepicker/Index.vue b/resources/js/components/ui/Datepicker/Index.vue
new file mode 100644
index 00000000000..e1a59d69e84
--- /dev/null
+++ b/resources/js/components/ui/Datepicker/Index.vue
@@ -0,0 +1,93 @@
+<script setup>
+import { computed } from 'vue'
+import { DatePickerContent, DatePickerField, DatePickerInput, DatePickerRoot, DatePickerTrigger } from 'reka-ui'
+import { parseDateTime, parseDate } from '@internationalized/date'
+
+const emit = defineEmits(['update:modelValue'])
+
+const props = defineProps({
+    date: { type: String, default: null },
+    badge: { type: String, default: null },
+    description: { type: String, default: null },
+    label: { type: String, default: null },
+    required: { type: Boolean, default: false },
+    modelValue: { type: String, default: null },
+    min: { type: [String, Object], default: null },
+    max: { type: [String, Object], default: null },
+    granularity: { type: String, default: 'day' },
+});
+
+const dateValue = computed({
+    get: () => {
+        if (!props.modelValue) return null;
+
+        // Check if modelValue contains a timestamp (has a 'T' character)
+        if (props.modelValue.includes('T')) {
+            return parseDateTime(props.modelValue);
+        } else {
+            return parseDate(props.modelValue);
+        }
+    },
+    set: (val) => {
+        if (val) {
+            emit('update:modelValue', val.toString())
+        }
+    }
+})
+
+const minValue = computed(() => props.min ? (typeof props.min === 'string' ? parseDate(props.min) : props.min) : null)
+const maxValue = computed(() => props.max ? (typeof props.max === 'string' ? parseDate(props.max) : props.max) : null)
+</script>
+
+<template>
+<ui-with-field :label :description :required :badge>
+    <div class="w-full relative block group/input" data-ui-input>
+        <DatePickerRoot
+            :modelValue="dateValue"
+            :granularity="granularity"
+            @update:modelValue="emit('update:modelValue', $event?.toString())"
+            v-bind="$attrs"
+        >
+            <DatePickerField v-slot="{ segments }" class="w-full">
+                <div class="
+                    w-full flex bg-white dark:bg-gray-900
+                    border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-xs dark:inset-shadow-black
+                    text-gray-600 dark:text-gray-300 leading-[1.375rem]
+                    shadow-ui-sm disabled:shadow-none rounded-lg ps-3 pe-10 py-2 h-10 not-prose
+                    data-[invalid]:border-red-500
+                ">
+                    <template v-for="item in segments" :key="item.part">
+                        <DatePickerInput v-if="item.part === 'literal'" :part="item.part">
+                            {{ item.value }}
+                        </DatePickerInput>
+                        <DatePickerInput
+                            v-else
+                            :part="item.part"
+                            class="py-0.5 px-0.25 rounded focus:outline-none focus:bg-gray-50 dark:focus:bg-gray-800 data-[placeholder]:text-gray-600 dark:data-[placeholder]:text-gray-400"
+                            :class="{ 'px-0.5!': item.part === 'month' || item.part === 'year' || item.part === 'day' }"
+                        >
+                            {{ item.value }}
+                        </DatePickerInput>
+                    </template>
+                </div>
+                <DatePickerTrigger class="absolute text-gray-400 hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-gray-900 dark:focus:bg-gray-900 rounded-lg flex items-center justify-center end-1 px-2 top-1 bottom-1 outline-none">
+                    <ui-icon name="calendar" class="w-4 h-4" />
+                </DatePickerTrigger>
+            </DatePickerField>
+
+            <DatePickerContent
+                :side-offset="4"
+                class="will-change-[transform,opacity] data-[state=open]:data-[side=top]:animate-slideDownAndFade data-[state=open]:data-[side=right]:animate-slideLeftAndFade data-[state=open]:data-[side=bottom]:animate-slideUpAndFade data-[state=open]:data-[side=left]:animate-slideRightAndFade"
+            >
+            <ui-card>
+                <ui-calendar
+                    v-model="dateValue"
+                    :minValue="minValue"
+                    :maxValue="maxValue"
+                />
+            </ui-card>
+            </DatePickerContent>
+        </DatePickerRoot>
+    </div>
+</ui-with-field>
+</template>
diff --git a/resources/js/components/ui/Description.vue b/resources/js/components/ui/Description.vue
new file mode 100644
index 00000000000..3a7be866ecd
--- /dev/null
+++ b/resources/js/components/ui/Description.vue
@@ -0,0 +1,19 @@
+<script setup>
+import { useSlots } from 'vue';
+
+const slots = useSlots();
+const hasDefaultSlot = !!slots.default;
+
+const props = defineProps({
+    required: { type: Boolean, default: false },
+    text: { type: String, default: null }
+});
+
+</script>
+
+<template>
+    <div class="text-sm font-normal text-gray-500 dark:text-gray-400 antialiased" data-ui-description>
+        <slot v-if="hasDefaultSlot" />
+        <template v-else>{{ text }}</template>
+    </div>
+</template>
diff --git a/resources/js/components/ui/Dropdown/Footer.vue b/resources/js/components/ui/Dropdown/Footer.vue
new file mode 100644
index 00000000000..a36370e44ba
--- /dev/null
+++ b/resources/js/components/ui/Dropdown/Footer.vue
@@ -0,0 +1,25 @@
+<script setup>
+import { useSlots } from 'vue';
+
+defineProps({
+    icon: { type: String, default: null },
+    text: { type: String, default: null },
+});
+
+const slots = useSlots();
+const hasDefaultSlot = !!slots.default;
+</script>
+
+<template>
+    <footer class="flex items-center cursor-pointer text-gray-600 antialiased gap-2 py-2 px-3 text-sm rounded-b-xl group/footer" data-ui-dropdown-footer>
+        <div class="flex items-center gap-2">
+            <div v-if="icon" class="size-6 flex items-center justify-center rounded-lg bg-gray-100 dark:bg-gray-900 p-1 text-gray-700 dark:text-gray-500">
+                <ui-icon :name="icon" />
+            </div>
+            <div class="flex-grow truncate text-sm text-gray-600 dark:text-gray-400 group-hover/footer:text-gray-900 dark:group-hover/footer:text-gray-200 antialiased">
+                <slot v-if="hasDefaultSlot" />
+                <template v-else>{{ text }}</template>
+            </div>
+        </div>
+    </footer>
+</template>
diff --git a/resources/js/components/ui/Dropdown/Header.vue b/resources/js/components/ui/Dropdown/Header.vue
new file mode 100644
index 00000000000..17cd2ad14c8
--- /dev/null
+++ b/resources/js/components/ui/Dropdown/Header.vue
@@ -0,0 +1,25 @@
+<script setup>
+import { useSlots } from 'vue';
+
+defineProps({
+    icon: { type: String, default: null },
+    linkToConfig: { type: Boolean, default: false },
+    text: { type: String, default: null },
+});
+
+const slots = useSlots();
+const hasDefaultSlot = !!slots.default;
+</script>
+
+<template>
+    <header class="col-span-2 grid grid-cols-[auto_1fr_auto] items-center px-3.5 py-3 bg-white dark:bg-gray-900 font-medium border-b border-gray-200 dark:border-black text-sm text-gray-800 dark:text-gray-300" data-ui-dropdown-header>
+        <div v-if="icon" class="size-6 -ms-1 me-2 flex items-center justify-center rounded-lg bg-gray-100 dark:bg-gray-800 p-1 text-gray-700 dark:text-gray-400">
+            <ui-icon :name="icon" />
+        </div>
+        <div class="flex-grow truncate col-start-2">
+            <slot v-if="hasDefaultSlot" />
+            <template v-else>{{ text }}</template>
+        </div>
+        <ui-button v-if="linkToConfig" icon="cog-solid" size="xs" class="[&_svg]:text-gray-700 dark:[&_svg]:text-gray-400" />
+    </header>
+</template>
diff --git a/resources/js/components/ui/Dropdown/Index.vue b/resources/js/components/ui/Dropdown/Index.vue
new file mode 100644
index 00000000000..bf28cb7d845
--- /dev/null
+++ b/resources/js/components/ui/Dropdown/Index.vue
@@ -0,0 +1,45 @@
+<script setup>
+import { cva } from 'cva';
+import {
+    DropdownMenuContent,
+    DropdownMenuPortal,
+    DropdownMenuRoot,
+    DropdownMenuTrigger
+} from 'reka-ui';
+
+defineOptions({
+  inheritAttrs: false
+});
+
+const props = defineProps({
+    align: { type: String, default: 'start' },
+    offset: { type: Number, default: 5 },
+    side: { type: String, default: 'bottom' },
+});
+
+const dropdownContentClasses = cva({
+    base: [
+        'rounded-xl w-64 bg-gray-50 dark:bg-gray-800 outline-none overflow-hidden group',
+        'border border-gray-200 dark:border-black shadow-lg popoverAnimation'
+    ],
+})({});
+</script>
+
+<template>
+<DropdownMenuRoot>
+    <DropdownMenuTrigger data-ui-dropdown-trigger>
+        <slot name="trigger" />
+    </DropdownMenuTrigger>
+    <DropdownMenuPortal>
+        <DropdownMenuContent
+            data-ui-dropdown-content
+            :class="[dropdownContentClasses, $attrs.class]"
+            :align
+            :sideOffset="offset"
+            :side
+        >
+            <slot />
+        </DropdownMenuContent>
+    </DropdownMenuPortal>
+</DropdownMenuRoot>
+</template>
diff --git a/resources/js/components/ui/Dropdown/Item.vue b/resources/js/components/ui/Dropdown/Item.vue
new file mode 100644
index 00000000000..8817ce7eb1a
--- /dev/null
+++ b/resources/js/components/ui/Dropdown/Item.vue
@@ -0,0 +1,32 @@
+<script setup>
+import { DropdownMenuItem } from 'reka-ui';
+import { useSlots } from 'vue';
+
+defineProps({
+    href: { type: String, default: null },
+    icon: { type: String, default: null },
+    text: { type: String, default: null },
+});
+
+const slots = useSlots();
+const hasDefaultSlot = !!slots.default;
+
+</script>
+
+<template>
+    <DropdownMenuItem class="
+        col-span-2 grid grid-cols-subgrid items-center
+        py-1.5 px-1 rounded-lg text-sm antialiased
+        not-data-disabled:cursor-pointer data-disabled:opacity-50
+        hover:not-data-disabled:bg-gray-50 dark:hover:not-data-disabled:bg-gray-950
+        outline-none focus-visible:bg-gray-100 dark:focus-visible:bg-gray-950" data-ui-dropdown-item
+    >
+        <div v-if="icon" class="size-6 flex items-center justify-center p-1 text-gray-500">
+            <ui-icon :name="icon" class="size-3.5!" />
+        </div>
+        <div class="col-start-2 ps-2">
+            <slot v-if="hasDefaultSlot" />
+            <template v-else>{{ text }}</template>
+        </div>
+    </DropdownMenuItem>
+</template>
diff --git a/resources/js/components/ui/Dropdown/Label.vue b/resources/js/components/ui/Dropdown/Label.vue
new file mode 100644
index 00000000000..8e32be51f16
--- /dev/null
+++ b/resources/js/components/ui/Dropdown/Label.vue
@@ -0,0 +1,19 @@
+<script setup>
+import { DropdownMenuLabel } from 'reka-ui';
+import { useSlots } from 'vue';
+
+defineProps({
+    text: { type: String, default: null },
+});
+
+const slots = useSlots();
+const hasDefaultSlot = !!slots.default;
+
+</script>
+
+<template>
+    <DropdownMenuLabel class="col-span-2 grid items-center py-2 px-1 rounded-lg text-xs text-gray-500 dark:text-gray-400 antialiased" data-ui-dropdown-label>
+        <slot v-if="hasDefaultSlot" />
+        <template v-else>{{ text }}</template>
+    </DropdownMenuLabel>
+</template>
diff --git a/resources/js/components/ui/Dropdown/Menu.vue b/resources/js/components/ui/Dropdown/Menu.vue
new file mode 100644
index 00000000000..373e8c48a5c
--- /dev/null
+++ b/resources/js/components/ui/Dropdown/Menu.vue
@@ -0,0 +1,5 @@
+<template>
+    <div class="grid grid-cols-[auto_1fr] bg-white dark:bg-gray-900 p-1.5 rounded-b-xl group-has-[[data-ui-dropdown-footer]]:border-b border-gray-200 dark:border-black shadow-ui-xs overflow-hidden">
+        <slot />
+    </div>
+</template>
diff --git a/resources/js/components/ui/Dropdown/Separator.vue b/resources/js/components/ui/Dropdown/Separator.vue
new file mode 100644
index 00000000000..be8e9c1ee7c
--- /dev/null
+++ b/resources/js/components/ui/Dropdown/Separator.vue
@@ -0,0 +1,7 @@
+<script setup>
+import { DropdownMenuSeparator } from 'reka-ui';
+</script>
+
+<template>
+    <DropdownMenuSeparator class="col-span-2 -mx-1.5 my-1 h-px bg-gray-200 dark:bg-black" />
+</template>
diff --git a/resources/js/components/ui/Field.vue b/resources/js/components/ui/Field.vue
new file mode 100644
index 00000000000..d8bf23a0800
--- /dev/null
+++ b/resources/js/components/ui/Field.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { cva } from 'cva';
+
+defineOptions({
+  inheritAttrs: false
+});
+
+const props = defineProps({
+    variant: { type: String, default: 'block' },
+});
+
+const classes = cva({
+    base: [
+        'min-w-0',
+        /* When label exists but no description follows */
+        '[&>[data-ui-label]:not(:has(+[data-ui-description]))]:mb-2',
+        /* When label is followed by description */
+        '[&>[data-ui-description]]:mb-2',
+        /* Dim label when a child input control is disabled */
+        '[&:not(:has([data-ui-field])):has([data-ui-control][disabled])>[data-ui-label]]:opacity-50'
+    ],
+    variants: {
+        variant: {
+            'block': 'w-full',
+            'inline': [
+                'grid gap-x-3 gap-y-1.5',
+                'has-[[data-ui-label]~[data-ui-control]]:grid-cols-[1fr_auto]',
+                'has-[[data-ui-control]~[data-ui-label]]:grid-cols-[auto_1fr]',
+                '[&>[data-ui-control]~[data-ui-description]]:row-start-2 [&>[data-ui-control]~[data-ui-description]]:col-start-2',
+                '[&>[data-ui-label]~[data-ui-control]]:row-start-1 [&>[data-ui-label]~[data-ui-control]]:col-start-2',
+            ]
+        }
+    }
+})({ ...props  });
+</script>
+
+<template>
+    <div :class="[classes, $attrs.class]" data-ui-input-group>
+        <slot />
+    </div>
+</template>
diff --git a/resources/js/components/ui/Header.vue b/resources/js/components/ui/Header.vue
new file mode 100644
index 00000000000..fd33d1228d4
--- /dev/null
+++ b/resources/js/components/ui/Header.vue
@@ -0,0 +1,18 @@
+<script setup>
+    const props = defineProps({
+        title: {type: String, default: null }
+    });
+</script>
+
+<template>
+    <header class="grid grid-cols-[1fr_auto] gap-4 py-8 items-center justify-between" data-ui-header>
+        <h1 class="text-[25px] font-medium antialiased">
+            <slot name="title">{{ title }}</slot>
+        </h1>
+        <div class="flex items-center gap-3">
+            <slot name="actions">
+                <slot></slot>
+            </slot>
+        </div>
+    </header>
+</template>
diff --git a/resources/js/components/ui/Heading.vue b/resources/js/components/ui/Heading.vue
new file mode 100644
index 00000000000..f6ae596c8bf
--- /dev/null
+++ b/resources/js/components/ui/Heading.vue
@@ -0,0 +1,33 @@
+<script setup>
+import { cva } from 'cva';
+import { computed, useSlots } from 'vue';
+
+const props = defineProps({
+    size: {type: String, default: 'base' },
+    level: {type: [Number, null], default: null},
+    text: {type: [String, null], default: null}
+});
+
+const slots = useSlots();
+const hasDefaultSlot = !!slots.default;
+
+const tag = computed(() => props.level ? `h${props.level}` : 'div');
+
+const classes = cva({
+    base: 'font-medium [&:has(+[data-ui-subheading])]:mb-2 antialiased not-prose',
+    variants: {
+        size: {
+            'base': 'text-sm text-gray-600 dark:text-white',
+            'lg': 'text-base text-gray-700 dark:text-white',
+            'xl': 'text-2xl text-gray-800 dark:text-white',
+        }
+    }
+})({ ...props });
+</script>
+
+<template>
+    <component :is="tag" :class="classes" data-ui-heading>
+        <ui-heading v-if="!hasDefaultSlot">{{ text }}</ui-heading>
+        <slot v-else />
+    </component>
+</template>
diff --git a/resources/js/components/ui/Icon.vue b/resources/js/components/ui/Icon.vue
new file mode 100644
index 00000000000..947ba5607e9
--- /dev/null
+++ b/resources/js/components/ui/Icon.vue
@@ -0,0 +1,37 @@
+<script setup>
+// Almost definitely a throwaway component
+import { defineAsyncComponent, shallowRef, watch } from 'vue';
+
+const props = defineProps({
+    name: {
+        type: String,
+        required: true,
+    },
+});
+
+const icon = shallowRef(null);
+
+const loadIcon = () => {
+    // Handle direct SVG strings
+    if (props.name.startsWith('<svg')) {
+        return defineAsyncComponent(() => {
+            return new Promise((resolve) => resolve({ template: props.name }));
+        });
+    }
+
+    // Handle file imports
+    return defineAsyncComponent(() => import(`./svg/${props.name}.svg`));
+};
+
+watch(
+    () => props.name,
+    () => {
+        icon.value = loadIcon();
+    },
+    { immediate: true },
+);
+</script>
+
+<template>
+    <component :is="icon" :class="['size-4 shrink-0']" v-bind="$attrs" />
+</template>
diff --git a/resources/js/components/ui/Input/Group.vue b/resources/js/components/ui/Input/Group.vue
new file mode 100644
index 00000000000..394ae4b5e06
--- /dev/null
+++ b/resources/js/components/ui/Input/Group.vue
@@ -0,0 +1,32 @@
+<script setup>
+const props = defineProps({
+    label: { type: String, default: null },
+    description: { type: String, default: null },
+    required: { type: Boolean, default: false },
+    badge: { type: String, default: null },
+});
+
+</script>
+
+<template>
+    <ui-with-field :label :description :required :badge>
+        <div
+            class="
+                flex group/input w-full *:data-ui-input:grow
+                [&>[data-ui-input]:not(:first-child):not(:last-child)>[data-ui-group-target]:not([data-invalid])]:border-x-0
+                [&>[data-ui-input]:first-child:not(:last-child)>[data-ui-group-target]:not([data-invalid])]:border-e-0
+                [&>[data-ui-input]:last-child:not(:first-child)>[data-ui-group-target]:not([data-invalid])]:border-s-0
+
+                [&>[data-ui-group-target]:not(:first-child):not(:last-child)]:rounded-none
+                [&>[data-ui-group-target]:first-child:not(:last-child)]:rounded-e-none
+                [&>[data-ui-group-target]:last-child:not(:first-child)]:rounded-s-none
+                [&>*:not(:first-child):not(:last-child):not(:only-child)_[data-ui-group-target]]:rounded-none
+                [&>*:first-child:not(:last-child)_[data-ui-group-target]]:rounded-e-none
+                [&>*:last-child:not(:first-child)_[data-ui-group-target]]:rounded-s-none
+            "
+            data-ui-input-group
+        >
+            <slot />
+        </div>
+    </ui-with-field>
+</template>
diff --git a/resources/js/components/ui/Input/GroupAppend.vue b/resources/js/components/ui/Input/GroupAppend.vue
new file mode 100644
index 00000000000..9076d0f8464
--- /dev/null
+++ b/resources/js/components/ui/Input/GroupAppend.vue
@@ -0,0 +1,13 @@
+<template>
+        <div
+            class="
+                flex items-center justify-center
+                shadow-ui-sm disabled:shadow-none
+                bg-gray-50 dark:bg-gray-950 border border-gray-300 dark:border-white/10 text-gray-600 dark:text-gray-300 antialiased
+                text-base rounded-e-lg px-3 h-10 leading-[1.375rem]
+            "
+            data-ui-input-group-append
+        >
+            <slot />
+    </div>
+</template>
diff --git a/resources/js/components/ui/Input/GroupPrepend.vue b/resources/js/components/ui/Input/GroupPrepend.vue
new file mode 100644
index 00000000000..71efd6134b1
--- /dev/null
+++ b/resources/js/components/ui/Input/GroupPrepend.vue
@@ -0,0 +1,13 @@
+<template>
+        <div
+            class="
+                flex items-center justify-center
+                shadow-ui-sm disabled:shadow-none
+                bg-gray-50 dark:bg-gray-950 border border-gray-300 dark:border-white/10 text-gray-600 dark:text-gray-300 antialiased
+                text-base rounded-s-lg px-3 h-10 leading-[1.375rem]
+            "
+            data-ui-input-group-prepend
+        >
+            <slot />
+    </div>
+</template>
diff --git a/resources/js/components/ui/Input/Index.vue b/resources/js/components/ui/Input/Index.vue
new file mode 100644
index 00000000000..e6b58b98c38
--- /dev/null
+++ b/resources/js/components/ui/Input/Index.vue
@@ -0,0 +1,134 @@
+<script setup>
+import { computed, useSlots, ref } from 'vue';
+import { cva } from 'cva';
+import { twMerge } from 'tailwind-merge';
+
+const slots = useSlots();
+
+const props = defineProps({
+    badge: { type: String, default: null },
+    clearable: { type: Boolean, default: false },
+    copyable: { type: Boolean, default: false },
+    description: { type: String, default: null },
+    icon: { type: String, default: null },
+    iconAppend: { type: String, default: null },
+    iconPrepend: { type: String, default: null },
+    label: { type: String, default: null },
+    required: { type: Boolean, default: false },
+    modelValue: { type: String, default: null },
+    size: { type: String, default: 'base' },
+    type: { type: String, default: 'text' },
+    viewable: { type: Boolean, default: false },
+    prepend: { type: String, default: null },
+    append: { type: String, default: null }
+});
+
+const hasPrependedIcon = !!props.iconPrepend || !!props.icon || !!slots.prepend;
+const hasAppendedIcon = !!props.iconAppend || !!slots.append || props.clearable || props.viewable || props.copyable;
+
+const inputClasses = computed(() => {
+    const classes = cva({
+        base: [
+            'w-full block bg-white dark:bg-gray-900',
+            'border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-xs dark:inset-shadow-black',
+            'text-gray-600 dark:text-gray-300',
+            'appearance-none antialiased shadow-ui-sm disabled:shadow-none not-prose',
+        ],
+        variants: {
+            size: {
+                base: 'text-base rounded-lg px-3 py-2 h-10 leading-[1.375rem]',
+                sm: 'text-sm rounded-md px-2.5 py-1.5 h-8 leading-[1.125rem]',
+                xs: 'text-xs rounded-sm px-2 py-1.5 h-6 leading-[1.125rem]'
+            },
+        },
+        compoundVariants: [
+            { hasPrependedIcon: true, size: 'base', class: 'ps-10' },
+            { hasPrependedIcon: true, size: 'sm', class: 'ps-8' },
+            { hasPrependedIcon: true, size: 'xs', class: 'ps-6' },
+            { hasAppendedIcon: true, size: 'base', class: 'pe-10' },
+            { hasAppendedIcon: true, size: 'sm', class: 'pe-8' },
+            { hasAppendedIcon: true, size: 'xs', class: 'pe-6' },
+        ]
+    })({
+        ...props,
+        hasPrependedIcon: hasPrependedIcon,
+        hasAppendedIcon: hasAppendedIcon,
+    });
+
+    return twMerge(classes);
+});
+
+
+const iconClasses = cva({
+    base: 'absolute top-0 bottom-0 flex items-center justify-center text-xs text-gray-400/75',
+    variants: {
+        size: {
+            base: '[&_svg]:size-4',
+            sm: '[&_svg]:size-3.5',
+            xs: '[&_svg]:size-3'
+        },
+    },
+    compoundVariants: [
+        { size: 'base', hasPrependedIcon: true, class: 'ps-3 has-[button]:ps-1 start-0' },
+        { size: 'sm', hasPrependedIcon: true, class: 'ps-2 has-[button]:ps-1 start-0' },
+        { size: 'xs', hasPrependedIcon: true, class: 'ps-1.5 has-[button]:ps-0 start-0' },
+        { size: 'base', hasAppendedIcon: true, class: 'pe-3 has-[button]:pe-1 end-0' },
+        { size: 'sm', hasAppendedIcon: true, class: 'pe-2 has-[button]:pe-1 end-0' },
+        { size: 'xs', hasAppendedIcon: true, class: 'pe-1.5 has-[button]:pe-0 end-0' },
+    ]
+})({
+    ...props,
+    hasPrependedIcon: hasPrependedIcon,
+    hasAppendedIcon: hasAppendedIcon,
+});
+
+const emit = defineEmits(['update:modelValue']);
+const clear = () => {
+    emit('update:modelValue', '');
+};
+
+const inputType = ref(props.type);
+const togglePassword = () => {
+    inputType.value = inputType.value === 'password' ? 'text' : 'password';
+};
+
+const copied = ref(false);
+const copy = () => {
+    if (!props.modelValue) return;
+    navigator.clipboard.writeText('props.modelValue');
+    copied.value = true;
+    setTimeout(() => copied.value = false, 1000);
+};
+
+const hasPrepend = !!props.prepend;
+const hasAppend = !!props.append;
+</script>
+
+<template>
+    <ui-with-field :label :description :required :badge>
+        <div class="w-full relative block group/input" data-ui-input>
+            <div v-if="hasPrependedIcon" :class="iconClasses">
+                <slot name="prepend">
+                    <ui-icon :name="iconPrepend || icon" />
+                </slot>
+            </div>
+            <input
+                :class="inputClasses"
+                :type="inputType"
+                :value="modelValue"
+                data-ui-control
+                data-ui-group-target
+                v-bind="$attrs"
+                @input="$emit('update:modelValue', $event.target.value)"
+            />
+            <div v-if="hasAppendedIcon" :class="iconClasses">
+                <slot name="append">
+                    <ui-button size="sm" icon="x" variant="ghsost" v-if="clearable" @click="clear" />
+                    <ui-button size="sm" :icon="inputType === 'password' ? 'eye' : 'eye-closed'" variant="ghost" v-else-if="viewable" @click="togglePassword" />
+                    <ui-button size="sm" :icon="copied ? 'clipboard-check' : 'clipboard'" variant="ghost" v-else-if="copyable" @click="copy" class="animate" :class="copied ? 'animate-wiggle' : ''" />
+                    <ui-icon v-else :name="iconAppend" />
+                </slot>
+            </div>
+        </div>
+    </ui-with-field>
+</template>
diff --git a/resources/js/components/ui/Label.vue b/resources/js/components/ui/Label.vue
new file mode 100644
index 00000000000..a9c8015d669
--- /dev/null
+++ b/resources/js/components/ui/Label.vue
@@ -0,0 +1,23 @@
+<script setup>
+import { useSlots } from 'vue';
+
+const slots = useSlots();
+const hasDefaultSlot = !!slots.default;
+
+const props = defineProps({
+    badge: { type: String, default: '' },
+    required: { type: Boolean, default: false },
+    text: { type: String, default: null }
+});
+</script>
+
+<template>
+    <label class="flex justify-between text-sm font-medium text-gray-800 dark:text-gray-300 antialiased select-none" data-ui-label>
+        <div>
+            <slot v-if="hasDefaultSlot" />
+            <template v-else>{{ text }}</template>
+            <span v-if="required" class="text-red-600 ms-0.5 relative -top-px">*</span>
+        </div>
+        <ui-badge v-if="badge" :text="badge" variant="flat" />
+    </label>
+</template>
diff --git a/resources/js/components/ui/Modal/Close.vue b/resources/js/components/ui/Modal/Close.vue
new file mode 100644
index 00000000000..0f89c81d78e
--- /dev/null
+++ b/resources/js/components/ui/Modal/Close.vue
@@ -0,0 +1,19 @@
+<script setup>
+import { DialogClose } from 'reka-ui';
+import { computed, useSlots } from 'vue';
+
+const slots = useSlots();
+
+const hasSlot = computed(() => !!slots.default);
+</script>
+
+<template>
+    <DialogClose data-ui-modal-close :asChild="!hasSlot">
+        <template v-if="hasSlot">
+            <slot />
+        </template>
+        <template v-else>
+            <ui-button variant="ghost" size="sm" icon="x" class="absolute top-3 right-2" />
+        </template>
+    </DialogClose>
+</template>
diff --git a/resources/js/components/ui/Modal/Index.vue b/resources/js/components/ui/Modal/Index.vue
new file mode 100644
index 00000000000..d6f6c418cf0
--- /dev/null
+++ b/resources/js/components/ui/Modal/Index.vue
@@ -0,0 +1,49 @@
+<script setup>
+import { cva } from 'cva';
+import { hasComponent } from '@statamic/composables/has-component.js';
+import { DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from 'reka-ui';
+
+const props = defineProps({
+    title: { type: String, default: '' },
+});
+
+const hasModalTitleComponent = hasComponent('ModalTitle');
+
+const modalClasses = cva({
+    base: [
+        'fixed outline-none left-1/2 top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2',
+        'bg-white/80 dark:bg-gray-850 backdrop-blur-[2px] rounded-2xl p-2',
+        'shadow-[0_8px_5px_-6px_rgba(0,0,0,0.12),_0_3px_8px_0_rgba(0,0,0,0.02),_0_30px_22px_-22px_rgba(39,39,42,0.35)]',
+        'dark:shadow-[0_5px_20px_rgba(0,0,0,.5)]',
+        'duration-200 will-change-[transform,opacity]',
+        'data-[state=open]:animate-in data-[state=closed]:animate-out',
+        'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+        'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
+        'slide-in-from-top-2',
+    ],
+})({});
+</script>
+
+<template>
+    <DialogRoot>
+        <DialogTrigger data-ui-modal-trigger>
+            <slot name="trigger" />
+        </DialogTrigger>
+        <DialogPortal>
+            <DialogOverlay
+                class="data-[state=open]:show fixed inset-0 z-30 bg-gray-800/20 backdrop-blur-[2px] dark:bg-gray-800/50"
+            />
+            <DialogContent :class="[modalClasses, $attrs.class]" data-ui-modal-content :aria-describedby="undefined">
+                <div
+                    class="dark:inset-shadow-2xs dark:inset-shadow-white/15 relative space-y-3 rounded-xl border border-gray-400/60 bg-white p-4 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:border-none dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)]"
+                >
+                    <DialogTitle v-if="!hasModalTitleComponent" data-ui-modal-title>
+                        {{ title }}
+                    </DialogTitle>
+                    <slot />
+                </div>
+                <slot name="footer" />
+            </DialogContent>
+        </DialogPortal>
+    </DialogRoot>
+</template>
diff --git a/resources/js/components/ui/Modal/Title.vue b/resources/js/components/ui/Modal/Title.vue
new file mode 100644
index 00000000000..7f21e6e9f04
--- /dev/null
+++ b/resources/js/components/ui/Modal/Title.vue
@@ -0,0 +1,14 @@
+<script setup>
+import { DialogTitle } from 'reka-ui';
+import { defineOptions } from 'vue';
+
+defineOptions({
+  name: 'ModalTitle',
+});
+</script>
+
+<template>
+    <DialogTitle data-ui-modal-title>
+        <slot />
+    </DialogTitle>
+</template>
diff --git a/resources/js/components/ui/Panel/Header.vue b/resources/js/components/ui/Panel/Header.vue
new file mode 100644
index 00000000000..5761680106e
--- /dev/null
+++ b/resources/js/components/ui/Panel/Header.vue
@@ -0,0 +1,12 @@
+<script setup>
+    const props = defineProps({
+        title: {type: String, default: null }
+    });
+</script>
+
+<template>
+    <header class="px-4.5 py-2 antialiased" data-ui-panel-header>
+        <ui-heading v-text="props.title" v-if="props.title" />
+        <slot v-else />
+    </header>
+</template>
diff --git a/resources/js/components/ui/Panel/Index.vue b/resources/js/components/ui/Panel/Index.vue
new file mode 100644
index 00000000000..3c8a33f1e97
--- /dev/null
+++ b/resources/js/components/ui/Panel/Index.vue
@@ -0,0 +1,10 @@
+<template>
+    <div class="
+            bg-gray-100 dark:bg-black/25 dark:border-b dark:border-white/13 dark:inset-shadow-xs dark:inset-shadow-black
+            rounded-[.825rem] px-1 py-1.25 w-full not-prose
+        "
+        data-ui-panel
+    >
+        <slot />
+    </div>
+</template>
diff --git a/resources/js/components/ui/Popover.vue b/resources/js/components/ui/Popover.vue
new file mode 100644
index 00000000000..8f73afd7913
--- /dev/null
+++ b/resources/js/components/ui/Popover.vue
@@ -0,0 +1,54 @@
+<script setup>
+import { cva } from 'cva';
+import { PopoverArrow, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from 'reka-ui';
+
+defineOptions({
+  inheritAttrs: false
+});
+
+const props = defineProps({
+    align: { type: String, default: 'center' },
+    arrow: { type: Boolean, default: false },
+    inset: { type: Boolean, default: false },
+    offset: { type: Number, default: 5 },
+    side: { type: String, default: 'bottom' },
+});
+
+const popoverContentClasses = cva({
+    base: [
+        'rounded-xl w-64 bg-white dark:bg-gray-800 outline-none overflow-hidden',
+        'border border-gray-200 dark:border-white/15 dark:border-b-0 shadow-lg',
+        'duration-100 will-change-[transform,opacity]',
+        'data-[state=open]:animate-in data-[state=closed]:animate-out',
+        'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+        'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
+        'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2',
+        'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2'
+    ],
+    variants: {
+        inset: { true: 'inset-0', false: 'p-4' }
+    }
+})({
+    ...props,
+});
+</script>
+
+<template>
+<PopoverRoot>
+    <PopoverTrigger data-ui-popover-trigger>
+        <slot name="trigger" />
+    </PopoverTrigger>
+    <PopoverPortal>
+        <PopoverContent
+            data-ui-popover-content
+            :class="[popoverContentClasses, $attrs.class]"
+            :align
+            :sideOffset="offset"
+            :side
+        >
+            <slot />
+            <PopoverArrow v-if="arrow" class="fill-white stroke-gray-300" />
+        </PopoverContent>
+    </PopoverPortal>
+</PopoverRoot>
+</template>
diff --git a/resources/js/components/ui/Radio/Group.vue b/resources/js/components/ui/Radio/Group.vue
new file mode 100644
index 00000000000..83f21312aa1
--- /dev/null
+++ b/resources/js/components/ui/Radio/Group.vue
@@ -0,0 +1,30 @@
+<script setup>
+import { useId } from 'vue';
+import { RadioGroupRoot } from 'reka-ui';
+
+defineProps({
+    description: { type: String, default: null },
+    inline: { type: Boolean, default: false },
+    label: { type: String, default: null },
+    modelValue: { type: [String, Number, Boolean], default: null },
+    name: { type: String, default: () => useId() },
+    required: { type: Boolean, default: false },
+});
+
+defineEmits(['update:modelValue']);
+</script>
+
+<template>
+    <ui-with-field :label :description :required>
+        <RadioGroupRoot
+            :modelValue="modelValue"
+            @update:modelValue="$emit('update:modelValue', $event)"
+            :name="name"
+            class="w-full relative block space-y-2"
+            :class="{ 'flex flex-wrap gap-x-4 gap-y-2 space-y-0': inline }"
+            data-ui-input
+        >
+            <slot />
+        </RadioGroupRoot>
+    </ui-with-field>
+</template>
diff --git a/resources/js/components/ui/Radio/Item.vue b/resources/js/components/ui/Radio/Item.vue
new file mode 100644
index 00000000000..75c1944949d
--- /dev/null
+++ b/resources/js/components/ui/Radio/Item.vue
@@ -0,0 +1,32 @@
+<script setup>
+import { RadioGroupIndicator, RadioGroupItem, useId } from 'reka-ui';
+
+const props = defineProps({
+    description: { type: String, default: null },
+    disabled: { type: Boolean, default: false },
+    label: { type: String, default: null },
+    value: { type: [String, Number, Boolean], required: true },
+});
+
+const id = useId();
+</script>
+
+<template>
+    <div class="flex items-start gap-3">
+        <RadioGroupItem
+            :id
+            :value="value"
+            class="bg-white size-4 mt-0.5 rounded-full border border-gray-300 dark:border-none data-[active=true]:border-gray-900 data-[active=true]:bg-gray-900 dark:data-[active=true]:bg-white shadow-ui-xs outline-none cursor-default"
+        >
+            <RadioGroupIndicator
+                class="flex items-center justify-center w-full h-full relative after:content-[''] after:block after:w-1.5 after:h-1.5 after:rounded-[50%] after:bg-white dark:after:bg-gray-800"
+            />
+        </RadioGroupItem>
+        <label class="flex flex-col" :for="id">
+            <span class="text-gray-600 dark:text-gray-400 font-normal antialiased text-sm">
+                <slot>{{ label || value }}</slot>
+            </span>
+            <span v-if="description" class="block text-xs text-gray-500 mt-0.5 leading-snug">{{ description }}</span>
+        </label>
+    </div>
+</template>
diff --git a/resources/js/components/ui/Select/Index.vue b/resources/js/components/ui/Select/Index.vue
new file mode 100644
index 00000000000..97ab9b62d2b
--- /dev/null
+++ b/resources/js/components/ui/Select/Index.vue
@@ -0,0 +1,97 @@
+<script setup>
+import { cva } from 'cva';
+import {
+    SelectContent,
+    SelectItem,
+    SelectItemText,
+    SelectPortal,
+    SelectRoot,
+    SelectTrigger,
+    SelectValue,
+    SelectViewport,
+} from 'reka-ui';
+import { useAttrs } from 'vue';
+
+defineEmits(['update:modelValue']);
+
+const props = defineProps({
+    description: { type: String, default: null },
+    label: { type: String, default: null },
+    modelValue: { type: Object|String, default: null },
+    size: { type: String, default: 'base' },
+    placeholder: { type: String, default: 'Select...' },
+    options: { type: Array, default: null },
+    flat: { type: Boolean, default: false },
+});
+
+defineOptions({
+  inheritAttrs: false
+});
+
+const attrs = useAttrs();
+
+
+const triggerClasses = cva({
+    base: 'w-full flex items-center justify-between border border-gray-300 dark:border-b-0 dark:ring dark:ring-gray-900 dark:border-white/15 text-gray-600 dark:text-gray-300 antialiased appearance-none shadow-ui-sm dark:shadow-md not-prose',
+    variants: {
+        size: {
+            base: 'text-base rounded-lg ps-3 py-2 h-10 leading-[1.375rem]',
+            sm: 'text-sm rounded-md ps-2.5 py-1.5 h-8 leading-[1.125rem]',
+            xs: 'text-xs rounded-sm ps-2 py-1.5 h-6 leading-[1.125rem]'
+        },
+        flat: {
+            true: 'shadow-none',
+            false: 'bg-linear-to-b from-white to-gray-50 hover:to-gray-100 dark:from-gray-800/30 dark:to-gray-800 dark:hover:to-gray-850 shadow-ui-sm'
+        }
+    }
+})({ size: props.size, flat: props.flat })
+
+const itemClasses = cva({
+    base: 'antialiased rounded-lg py-1.5 px-2 flex items-center gap-2 text-gray-600 dark:text-gray-300 relative select-none data-[disabled]:text-gray-300 data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-gray-50 data-[highlighted]:text-gray-900 dark:data-[highlighted]:bg-gray-700 dark:data-[highlighted]:text-gray-300',
+    variants: {
+        size: {
+            base: '',
+            sm: 'text-sm',
+            xs: 'text-xs'
+        },
+    },
+})({ size: props.size })
+</script>
+
+<template>
+    <ui-with-field :label :description>
+        <SelectRoot v-bind="attrs">
+            <SelectTrigger :class="[triggerClasses, $attrs.class]" data-ui-select-trigger>
+                <SelectValue :placeholder="placeholder" class="select-none" />
+                <ui-icon name="chevron-down" class="me-2" />
+            </SelectTrigger>
+
+            <SelectPortal>
+                <SelectContent
+                    position="popper"
+                    :side-offset="5"
+                    class="
+                        bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-white/10 shadow-ui-sm p-2 z-[100]
+                        w-[var(--reka-select-trigger-width)] max-h-[var(--reka-select-content-available-height)]
+                    "
+                >
+                    <SelectViewport>
+                        <SelectItem
+                            v-if="options"
+                            v-for="(option, index) in options"
+                            :key="index"
+                            :value="option.value"
+                            :text-value="option.label"
+                            :class="itemClasses"
+                        >
+                            <slot name="option" v-bind="option">
+                                <img v-if="option.image" :src="option.image" class="size-5 rounded-full" />
+                                <SelectItemText v-html="option.label" />
+                            </slot>
+                        </SelectItem>
+                    </SelectViewport>
+                </SelectContent>
+            </SelectPortal>
+        </SelectRoot>
+    </ui-with-field>
+</template>
diff --git a/resources/js/components/ui/Separator.vue b/resources/js/components/ui/Separator.vue
new file mode 100644
index 00000000000..ade9cbd1e17
--- /dev/null
+++ b/resources/js/components/ui/Separator.vue
@@ -0,0 +1,48 @@
+<script setup>
+import { cva } from 'cva';
+
+const props = defineProps({
+    text: { type: String, default: null },
+    variant: { type: String, default: 'line' },
+    vertical: { type: Boolean, default: false },
+});
+
+const classes = cva({
+    variants: {
+        text: { true: 'before:me-4 after:ms-4 antialiased' },
+        vertical: {
+            true: 'inline-block h-full bg-gray-300 dark:bg-gray-600 self-center w-px',
+            false: 'flex w-full items-center text-center text-gray-400 dark:text-gray-500 text-sm my-4 before:flex-1 after:flex-1'
+        },
+        variant: {
+            line: 'before:bg-gray-300 after:bg-gray-300 before:h-px after:h-px dark:before:bg-gray-600 dark:after:bg-gray-600',
+            dots: 'dotted-line',
+        }
+    }
+})({
+    text: !!props.text,
+    variant: props.variant,
+    vertical: props.vertical,
+});
+
+</script>
+
+<template>
+    <div :class="classes" v-text="text" data-ui-separator />
+</template>
+
+<style scoped>
+
+.dotted-line::before,
+.dotted-line::after {
+    background: linear-gradient(90deg, var(--color-gray-400) 1.5px, transparent 1.5px) 50% 50% / 8px 1.5px repeat-x;
+    height: 1.5px;
+}
+
+.dark .dotted-line::before,
+.dark .dotted-line::after {
+    background: linear-gradient(90deg, var(--color-gray-600) 1.5px, transparent 1.5px) 50% 50% / 8px 1.5px repeat-x;
+    height: 1.5px;
+}
+
+</style>
diff --git a/resources/js/components/ui/Slider.vue b/resources/js/components/ui/Slider.vue
new file mode 100644
index 00000000000..d204fbbe2f8
--- /dev/null
+++ b/resources/js/components/ui/Slider.vue
@@ -0,0 +1,35 @@
+<script setup>
+import { useId } from 'vue';
+import { SliderRange, SliderRoot, SliderThumb, SliderTrack } from 'reka-ui'
+
+defineProps({
+    description: { type: String, default: null },
+    id: { type: String, default: () => useId() },
+    label: { type: String, default: null },
+    modelValue: { type: Boolean, default: false },
+});
+
+defineEmits(['update:modelValue']);
+</script>
+
+<template>
+    <ui-with-field :label :description :required variant="inline" :for="id">
+        <SliderRoot
+            data-ui-control
+            class="relative flex items-center select-none touch-none w-full h-5"
+            :id
+            :max="100"
+            :step="1"
+            v-model="sliderValue"
+            @update:checked="$emit('update:modelValue', $event)"
+        >
+            <SliderTrack class="bg-gray-200/80 relative grow rounded-full h-2">
+                <SliderRange class="absolute bg-slate-900 rounded-full h-full" />
+            </SliderTrack>
+            <SliderThumb
+                class="block w-5 h-5 bg-white rounded-full hover:bg-gray-50 border-2 border-gray-900 shadow-ui-sm focus:outline-none focus:shadow-ui-md"
+                :aria-label="label"
+            />
+        </SliderRoot>
+    </ui-with-field>
+</template>
diff --git a/resources/js/components/ui/Splitter/Group.vue b/resources/js/components/ui/Splitter/Group.vue
new file mode 100644
index 00000000000..821956df026
--- /dev/null
+++ b/resources/js/components/ui/Splitter/Group.vue
@@ -0,0 +1,13 @@
+<script setup>
+import { SplitterGroup } from 'reka-ui'
+
+defineProps({
+    direction: { type: String, default: 'horizontal' },
+});
+</script>
+
+<template>
+<SplitterGroup :direction>
+    <slot />
+</SplitterGroup>
+</template>
diff --git a/resources/js/components/ui/Splitter/Panel.vue b/resources/js/components/ui/Splitter/Panel.vue
new file mode 100644
index 00000000000..9ed549be106
--- /dev/null
+++ b/resources/js/components/ui/Splitter/Panel.vue
@@ -0,0 +1,15 @@
+<script setup>
+import { SplitterPanel } from 'reka-ui'
+
+defineProps({
+    collapsible: { type: Boolean, default: false },
+    collapsedSize: { type: Number, default: 10 },
+    minSize: { type: Number, default: 20 },
+});
+</script>
+
+<template>
+<SplitterPanel :min-size :collapsible class="">
+    <slot />
+</SplitterPanel>
+</template>
diff --git a/resources/js/components/ui/Splitter/ResizeHandle.vue b/resources/js/components/ui/Splitter/ResizeHandle.vue
new file mode 100644
index 00000000000..8f99b98a7f0
--- /dev/null
+++ b/resources/js/components/ui/Splitter/ResizeHandle.vue
@@ -0,0 +1,7 @@
+<script setup>
+import { SplitterResizeHandle } from 'reka-ui'
+</script>
+
+<template>
+<SplitterResizeHandle />
+</template>
diff --git a/resources/js/components/ui/Subheading.vue b/resources/js/components/ui/Subheading.vue
new file mode 100644
index 00000000000..031f25c7279
--- /dev/null
+++ b/resources/js/components/ui/Subheading.vue
@@ -0,0 +1,25 @@
+<script setup>
+import { cva } from 'cva';
+
+const props = defineProps({
+    size: { type: String, default: 'base' }
+});
+
+const classes = cva({
+    base: 'text-gray-500 not-prose',
+    variants: {
+        size: {
+            'sm': 'text-xs',
+            'base': 'text-sm',
+            'lg': 'text-base',
+            'xl': 'text-lg',
+        }
+    }
+})({ ...props });
+</script>
+
+<template>
+    <div :class="classes" data-ui-subheading>
+        <slot />
+    </div>
+</template>
diff --git a/resources/js/components/ui/Switch.vue b/resources/js/components/ui/Switch.vue
new file mode 100644
index 00000000000..2a46b31bc15
--- /dev/null
+++ b/resources/js/components/ui/Switch.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { useId } from 'vue';
+import { SwitchRoot, SwitchThumb } from 'reka-ui';
+
+defineProps({
+    description: { type: String, default: null },
+    required: { type: Boolean, default: false },
+    id: { type: String, default: () => useId() },
+    label: { type: String, default: null },
+    modelValue: { type: Boolean, default: false },
+});
+
+defineEmits(['update:modelValue']);
+</script>
+
+<template>
+    <ui-with-field :label :description :required variant="inline" :for="id">
+        <SwitchRoot
+            :checked="modelValue"
+            :id
+            @update:checked="$emit('update:modelValue', $event)"
+            class="
+                relative flex h-[20px] w-[32px] rounded-full border
+                transition-[background] focus-within:outline-none
+                data-[state=checked]:border-gray-700
+                data-[state=checked]:bg-gray-800
+                data-[state=unchecked]:border-transparent
+                data-[state=unchecked]:bg-gray-400
+            "
+            data-ui-control
+            dir="ltr"
+        >
+            <SwitchThumb
+                class="
+                    my-auto flex size-3.5 translate-x-0.5 items-center justify-center rounded-full bg-white text-xs shadow-xl transition-transform will-change-transform
+                    data-[state=checked]:translate-x-full
+                "
+            />
+        </SwitchRoot>
+    </ui-with-field>
+</template>
diff --git a/resources/js/components/ui/Table/Cell.vue b/resources/js/components/ui/Table/Cell.vue
new file mode 100644
index 00000000000..a0714f02dd6
--- /dev/null
+++ b/resources/js/components/ui/Table/Cell.vue
@@ -0,0 +1,5 @@
+<template>
+  <td class="p-3 text-sm text-left first:pl-0 last:pr-0">
+    <slot />
+  </td>
+</template>
diff --git a/resources/js/components/ui/Table/Column.vue b/resources/js/components/ui/Table/Column.vue
new file mode 100644
index 00000000000..1b9db52d8c7
--- /dev/null
+++ b/resources/js/components/ui/Table/Column.vue
@@ -0,0 +1,5 @@
+<template>
+  <th class="p-3 first:pl-0 last:pr-0 text-left text-sm font-medium text-gray-800 dark:text-gray-300 antialiased">
+    <slot />
+  </th>
+</template>
diff --git a/resources/js/components/ui/Table/Columns.vue b/resources/js/components/ui/Table/Columns.vue
new file mode 100644
index 00000000000..e389f0a4fb9
--- /dev/null
+++ b/resources/js/components/ui/Table/Columns.vue
@@ -0,0 +1,7 @@
+<template>
+  <thead>
+    <tr>
+      <slot />
+    </tr>
+  </thead>
+</template>
diff --git a/resources/js/components/ui/Table/Index.vue b/resources/js/components/ui/Table/Index.vue
new file mode 100644
index 00000000000..bcc280732ec
--- /dev/null
+++ b/resources/js/components/ui/Table/Index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div class="w-full overflow-auto">
+    <table class="w-full text-sm divide-y divide-gray-800/10 dark:divide-white/20 [&:not(:has(*))]:border-t-0!">
+      <slot />
+    </table>
+  </div>
+</template>
diff --git a/resources/js/components/ui/Table/Row.vue b/resources/js/components/ui/Table/Row.vue
new file mode 100644
index 00000000000..7cc1a6222d5
--- /dev/null
+++ b/resources/js/components/ui/Table/Row.vue
@@ -0,0 +1,5 @@
+<template>
+  <tr class="border-b border-gray-200 dark:border-gray-700">
+    <slot />
+  </tr>
+</template>
diff --git a/resources/js/components/ui/Table/Rows.vue b/resources/js/components/ui/Table/Rows.vue
new file mode 100644
index 00000000000..d4d52407b7b
--- /dev/null
+++ b/resources/js/components/ui/Table/Rows.vue
@@ -0,0 +1,5 @@
+<template>
+  <tbody class="[&_tr:last-child]:border-0">
+    <slot />
+  </tbody>
+</template>
diff --git a/resources/js/components/ui/Tabs/Content.vue b/resources/js/components/ui/Tabs/Content.vue
new file mode 100644
index 00000000000..01d1fe891d0
--- /dev/null
+++ b/resources/js/components/ui/Tabs/Content.vue
@@ -0,0 +1,13 @@
+<script setup>
+import { TabsContent } from 'reka-ui'
+
+defineProps({
+    name: { type: String, default: null },
+});
+</script>
+
+<template>
+<TabsContent :value="name">
+    <slot />
+</TabsContent>
+</template>
diff --git a/resources/js/components/ui/Tabs/Index.vue b/resources/js/components/ui/Tabs/Index.vue
new file mode 100644
index 00000000000..95feff0b96a
--- /dev/null
+++ b/resources/js/components/ui/Tabs/Index.vue
@@ -0,0 +1,13 @@
+<script setup>
+import { TabsRoot } from 'reka-ui'
+
+defineProps({
+    defaultTab: { type: String, default: null },
+});
+</script>
+
+<template>
+  <TabsRoot :default-value="defaultTab">
+    <slot />
+  </TabsRoot>
+</template>
diff --git a/resources/js/components/ui/Tabs/Indicator.vue b/resources/js/components/ui/Tabs/Indicator.vue
new file mode 100644
index 00000000000..78b1364bd07
--- /dev/null
+++ b/resources/js/components/ui/Tabs/Indicator.vue
@@ -0,0 +1,11 @@
+<script setup>
+import { TabsIndicator } from 'reka-ui'
+
+defineOptions({
+    name: 'TabsIndicator',
+})
+</script>
+
+<template>
+<TabsIndicator />
+</template>
diff --git a/resources/js/components/ui/Tabs/List.vue b/resources/js/components/ui/Tabs/List.vue
new file mode 100644
index 00000000000..da6fccbe92d
--- /dev/null
+++ b/resources/js/components/ui/Tabs/List.vue
@@ -0,0 +1,20 @@
+<script setup>
+import { TabsIndicator, TabsList } from 'reka-ui';
+import { hasComponent } from '@statamic/composables/has-component.js';
+
+const hasTabIndicatorComponent = hasComponent('TabsIndicator');
+</script>
+
+<template>
+    <TabsList
+        class="relative flex shrink-0 space-x-4 border-b border-gray-200 text-sm text-gray-400 dark:border-gray-700 dark:text-gray-500"
+        data-ui-tabs-list
+    >
+        <TabsIndicator
+            v-if="!hasTabIndicatorComponent"
+            class="absolute bottom-0 left-0 h-px w-[var(--reka-tabs-indicator-size)] translate-x-[var(--reka-tabs-indicator-position)] translate-y-[1px] rounded-full bg-black transition duration-300 dark:bg-white"
+            data-ui-tabs-indicator
+        />
+        <slot />
+    </TabsList>
+</template>
diff --git a/resources/js/components/ui/Tabs/Trigger.vue b/resources/js/components/ui/Tabs/Trigger.vue
new file mode 100644
index 00000000000..5b3ae404177
--- /dev/null
+++ b/resources/js/components/ui/Tabs/Trigger.vue
@@ -0,0 +1,19 @@
+<script setup>
+import { TabsTrigger } from 'reka-ui'
+import { useSlots } from 'vue'
+
+const slots = useSlots();
+const hasSlot = !!slots.default;
+
+defineProps({
+    text: { type: String, default: null },
+    name: { type: String, default: null },
+});
+</script>
+
+<template>
+<TabsTrigger :value="name" class="pb-1 hover:text-gray-600 dark:hover:text-gray-400 cursor-pointer data-[state=active]:text-gray-800 dark:data-[state=active]:text-gray-200">
+    <slot v-if="hasSlot" />
+    <span v-else>{{ text }}</span>
+</TabsTrigger>
+</template>
diff --git a/resources/js/components/ui/Textarea.vue b/resources/js/components/ui/Textarea.vue
new file mode 100644
index 00000000000..aed8ebfd81e
--- /dev/null
+++ b/resources/js/components/ui/Textarea.vue
@@ -0,0 +1,57 @@
+<script setup>
+import { cva } from 'cva';
+
+defineEmits(['update:modelValue']);
+
+const props = defineProps({
+    description: { type: String, default: null },
+    elastic: { type: Boolean, default: false },
+    label: { type: String, default: null },
+    required: { type: Boolean, default: false },
+    resize: { type: String, default: 'vertical' },
+    rows: { type: [Number, String], default: 4 },
+    modelValue: { type: String, default: null },
+    limit: { type: Number, default: null },
+});
+
+const classes = cva({
+    base: [
+        'w-full block bg-white dark:bg-gray-900 px-3 pt-2.5 pb-3 rounded-lg',
+        'border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-xs dark:inset-shadow-black',
+        'text-gray-600 dark:text-gray-300',
+        'appearance-none antialiased shadow-ui-sm disabled:shadow-none not-prose',
+    ],
+    variants: {
+        resize: {
+            'both': 'resize',
+            'horizontal': 'resize-x',
+            'vertical': 'resize-y',
+            'none': 'resize-none',
+        },
+        elastic: {
+            true: 'field-sizing-content'
+        }
+    }
+})({ ...props });
+</script>
+
+<template>
+    <ui-with-field :label="label" :description="description" :required="required">
+        <div class="w-full relative block group/input" data-ui-input>
+            <textarea
+                :class="classes"
+                :rows="rows"
+                v-bind="$attrs"
+                :value="modelValue"
+                data-ui-control
+                @input="$emit('update:modelValue', $event.target.value)"
+            />
+            <div class="absolute bottom-2 right-2" v-if="limit">
+                <ui-character-counter
+                    :text="modelValue"
+                    :limit
+                />
+            </div>
+        </div>
+    </ui-with-field>
+</template>
diff --git a/resources/js/components/ui/ThemeSwitcher.vue b/resources/js/components/ui/ThemeSwitcher.vue
new file mode 100644
index 00000000000..e859c6b0e8b
--- /dev/null
+++ b/resources/js/components/ui/ThemeSwitcher.vue
@@ -0,0 +1,90 @@
+<template>
+  <ui-button @click="toggleTheme" class="w-10">
+    <svg
+      v-if="isDark"
+      xmlns="http://www.w3.org/2000/svg"
+      class="h-5 w-5 transform transition-transform duration-300"
+      viewBox="0 0 20 20"
+      fill="currentColor"
+    >
+      <path fill-rule="evenodd" d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" clip-rule="evenodd" />
+    </svg>
+    <svg
+      v-else
+      xmlns="http://www.w3.org/2000/svg"
+      class="h-5 w-5 transform transition-transform duration-300"
+      viewBox="0 0 20 20"
+      fill="currentColor"
+    >
+      <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" />
+    </svg>
+  </ui-button>
+</template>
+
+<script>
+export default {
+  name: 'ThemeSwitcher',
+  data() {
+    return {
+      isDark: false
+    }
+  },
+  mounted() {
+    // Check if user has a theme preference stored
+    const storedTheme = localStorage.getItem('theme');
+
+    // Check if user has a system preference
+    const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+    // Set initial theme based on stored preference or system preference
+    this.isDark = storedTheme === 'dark' || (!storedTheme && systemPrefersDark);
+
+    // Apply theme on initial load
+    this.applyTheme();
+
+    // Listen for system preference changes
+    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
+      if (!localStorage.getItem('theme')) {
+        this.isDark = e.matches;
+        this.applyTheme();
+      }
+    });
+  },
+  methods: {
+    toggleTheme() {
+      this.isDark = !this.isDark;
+      this.applyTheme();
+
+      // Store user preference
+      localStorage.setItem('theme', this.isDark ? 'dark' : 'light');
+    },
+    applyTheme() {
+      // Apply to document and add CSS transitions
+      const root = document.documentElement;
+
+      // Add transition styles if not already added
+    if (!document.head.querySelector('#theme-transition-style')) {
+      const style = document.createElement('style');
+      style.id = 'theme-transition-style';
+      style.textContent = `
+        *, *::before, *::after {
+        transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+        }
+      `;
+      document.head.appendChild(style);
+
+      // Remove the style after the transition is done
+      setTimeout(() => {
+        document.head.removeChild(style);
+      }, 200); // Slightly longer than the transition duration to ensure it's complete
+    }
+
+      if (this.isDark) {
+        root.classList.add('dark');
+      } else {
+        root.classList.remove('dark');
+      }
+    }
+  }
+}
+</script>
diff --git a/resources/js/components/ui/Tooltip.vue b/resources/js/components/ui/Tooltip.vue
new file mode 100644
index 00000000000..dc540f580fe
--- /dev/null
+++ b/resources/js/components/ui/Tooltip.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger } from 'reka-ui'
+
+defineProps({
+    text: { type: String, default: null }
+});
+</script>
+
+<template>
+<TooltipProvider
+    :ariaLabel="text"
+>
+    <TooltipRoot>
+        <TooltipTrigger>
+            <slot />
+        </TooltipTrigger>
+        <TooltipPortal>
+            <TooltipContent
+                class="
+                    data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade
+                    data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade
+                    data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade
+                    data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade
+                    rounded-xl bg-white px-3 py-2
+                    text-xs text-gray-600 leading-none
+                    shadow-ui-sm border border-gray-300
+                    will-change-[transform,opacity]
+                "
+            :side-offset="5"
+            >
+                {{ text }}
+            <TooltipArrow
+                class="fill-white stroke-gray-300"
+                :width="12"
+                :height="6"
+            />
+            </TooltipContent>
+        </TooltipPortal>
+    </TooltipRoot>
+</TooltipProvider>
+</template>
diff --git a/resources/js/components/ui/WithField.vue b/resources/js/components/ui/WithField.vue
new file mode 100644
index 00000000000..416beaa131b
--- /dev/null
+++ b/resources/js/components/ui/WithField.vue
@@ -0,0 +1,35 @@
+<template>
+    <ui-field v-if="label || description" :class="fieldClasses" :variant>
+        <ui-label v-if="label" :text="label" :required :for :badge />
+        <ui-description v-if="description" :text="description" />
+        <slot v-bind="slotAttrs" />
+    </ui-field>
+    <slot v-else v-bind="$attrs" />
+</template>
+
+<script setup>
+import { useAttrs, computed } from 'vue';
+
+defineOptions({ inheritAttrs: false });
+const rawAttrs = useAttrs();
+
+// Extract wrapper classes specifically meant for the ui-field component
+const fieldClasses = computed(() => {
+    return rawAttrs.wrapperClass || rawAttrs.fieldClass || '';
+});
+
+// Prepare attributes for the child component/slot, excluding what we've used
+const slotAttrs = computed(() => {
+    const { wrapperClass, fieldClass, ...rest } = rawAttrs;
+    return rest;
+});
+
+const props = defineProps({
+    badge: { type: String, default: null },
+    description: { type: String, default: null },
+    for: { type: String, default: null },
+    label: { type: String, default: null },
+    required: { type: Boolean, default: false },
+    variant: { type: String, default: 'block' },
+});
+</script>
diff --git a/resources/js/components/ui/svg/addons.svg b/resources/js/components/ui/svg/addons.svg
new file mode 100644
index 00000000000..a9aba52208c
--- /dev/null
+++ b/resources/js/components/ui/svg/addons.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 17 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round"><path d="M2.42941714,4.16541714 L0.615085714,5.11004571 C0.237097143,5.30683429 -8.8817842e-16,5.69758857 -8.8817842e-16,6.12373714 L-8.8817842e-16,9.74348571 C-8.8817842e-16,10.1226514 0.186980571,10.4787657 0.506197714,10.6832229 C1.69249143,11.4433371 2.92226286,12.0808229 4.22620571,12.6193371 C4.52318857,12.7419657 4.85844571,12.7259657 5.14617143,12.5829943 C8.21458286,11.0578514 11.25336,9.48064 14.2620457,7.84113143 C14.62856,7.64146286 14.8558743,7.25715429 14.8558743,6.83986286 L14.8558743,3.28884571 C14.8558743,2.86361143 14.61976,2.47354286 14.2430743,2.27633143 L11.7110743,0.950891429 M5.14542857,2.75132571 L7.65348571,1.44552"/><path d="M14.8558743,2.59709714 C11.65336,4.35333714 8.41656,6.03795429 5.14617143,7.66355429 C4.85844571,7.80657143 4.52318857,7.82249143 4.22620571,7.69984 C2.73585143,7.08437714 1.34238857,6.3396 -8.8817842e-16,5.43024"/><line x1="4.69426286" y1="7.88728" x2="4.69426286" y2="12.4922514" stroke-linecap="round"/><path d="M9.71733714,2.74006857 C11.01256,2.74006857 11.7411314,2.24685714 11.7411314,1.37003429 C11.7411314,0.493211429 11.01256,0 9.71733714,0 C8.42208,0 7.69349714,0.493211429 7.69349714,1.37003429 C7.69349714,2.24685714 8.42208,2.74006857 9.71733714,2.74006857 L9.71733714,2.74006857 Z" stroke-linecap="round"/><path d="M4.45059429,5.48002286 C5.74585143,5.48002286 6.47443429,4.98681143 6.47443429,4.10998857 C6.47443429,3.23316571 5.74585143,2.73995429 4.45059429,2.73995429 C3.15533714,2.73995429 2.42675429,3.23316571 2.42675429,4.10998857 C2.42675429,4.98681143 3.15533714,5.48002286 4.45059429,5.48002286 Z" stroke-linecap="round"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/align-center.svg b/resources/js/components/ui/svg/align-center.svg
new file mode 100644
index 00000000000..52c8529040d
--- /dev/null
+++ b/resources/js/components/ui/svg/align-center.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path d="M.571.571H15.43M2.286 5.524h11.428M.571 15.429H15.43M2.286 10.476h11.428" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/align-left.svg b/resources/js/components/ui/svg/align-left.svg
new file mode 100644
index 00000000000..4ba21629644
--- /dev/null
+++ b/resources/js/components/ui/svg/align-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path d="M.571.571H15.43M.571 5.524h10.572M.571 15.429H15.43M.571 10.476h10.572" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/align-right.svg b/resources/js/components/ui/svg/align-right.svg
new file mode 100644
index 00000000000..b2bbcd84e84
--- /dev/null
+++ b/resources/js/components/ui/svg/align-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path d="M15.429.571H.57M15.429 5.524H4.857M15.429 15.429H.57M15.429 10.476H4.857" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/arrow-down.svg b/resources/js/components/ui/svg/arrow-down.svg
new file mode 100644
index 00000000000..c79a85a6c6f
--- /dev/null
+++ b/resources/js/components/ui/svg/arrow-down.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 8 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><line x1="3.08638819" y1="9.44099048" x2="3.08638819" y2="0"/><path d="M6.17258,6.35469293 C5.55536581,7.58919685 4.32081657,8.82370076 3.08634287,9.44099048 C1.85177853,8.82370076 0.617259511,7.58919685 0,6.35469293"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/arrow-right.svg b/resources/js/components/ui/svg/arrow-right.svg
new file mode 100644
index 00000000000..1518564ebfb
--- /dev/null
+++ b/resources/js/components/ui/svg/arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m15.142857142857142 7.999725714285714 -14.285714285714285 0" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.4728 3.3297942857142857c1.8679999999999999 0.9340228571428572 3.7359999999999998 2.8020457142857143 4.670057142857142 4.669999999999999 -0.9340571428571428 1.8680914285714283 -2.8020571428571426 3.7360914285714286 -4.670057142857142 4.670148571428571" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/arrow-up-right.svg b/resources/js/components/ui/svg/arrow-up-right.svg
new file mode 100644
index 00000000000..9d6b87208de
--- /dev/null
+++ b/resources/js/components/ui/svg/arrow-up-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M1.097 11.735a3.58 3.58 0 0 0 3.146 3.155c1.222.136 2.477.253 3.757.253s2.535-.117 3.757-.253a3.58 3.58 0 0 0 3.146-3.155c.13-1.215.24-2.463.24-3.735s-.11-2.52-.24-3.735a3.58 3.58 0 0 0-3.146-3.155C10.535.974 9.28.857 8 .857s-2.535.117-3.757.253a3.58 3.58 0 0 0-3.146 3.155C.967 5.48.857 6.728.857 8s.11 2.52.24 3.735M5.623 10.377l4.3-4.3"/><path d="M6.69 6.078c.606-.606 2.222-.606 3.232 0 .606 1.01.606 2.626 0 3.232"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/assets.svg b/resources/js/components/ui/svg/assets.svg
new file mode 100644
index 00000000000..58e906511c0
--- /dev/null
+++ b/resources/js/components/ui/svg/assets.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M0.239848,10.8782857 C0.416,12.5248 1.74022857,13.8490286 3.38589714,14.0324571 C4.60824,14.1686857 5.86328,14.2857143 7.14285714,14.2857143 C8.42243429,14.2857143 9.67747429,14.1686857 10.8997714,14.0324571 C12.5454857,13.8490286 13.8697143,12.5248 14.0458286,10.8782857 C14.1758857,9.66288 14.2857143,8.41502857 14.2857143,7.14285714 C14.2857143,5.87067429 14.1758857,4.62283429 14.0458286,3.40739429 C13.8697143,1.76093714 12.5454857,0.436697143 10.8997714,0.253267429 C9.67747429,0.117019429 8.42243429,0 7.14285714,0 C5.86328,0 4.60824,0.117019429 3.38589714,0.253267429 C1.74022857,0.436697143 0.416,1.76093714 0.239848,3.40739429 C0.109809143,4.62283429 0,5.87067429 0,7.14285714 C0,8.41502857 0.109810286,9.66288 0.239848,10.8782857 L0.239848,10.8782857 Z"/><path d="M9.64062857,5.84152 C10.6642286,5.84152 11.24,5.26576 11.24,4.24218286 C11.24,3.21861714 10.6642286,2.64285714 9.64062857,2.64285714 C8.61705143,2.64285714 8.04129143,3.21861714 8.04129143,4.24218286 C8.04129143,5.26576 8.61705143,5.84152 9.64062857,5.84152 L9.64062857,5.84152 Z"/><path d="M3.38602286,14.0324571 C1.74036571,13.8490286 0.416137143,12.5248 0.239980571,10.8782857 C0.187091429,10.3839657 0.137547429,9.88425143 0.0973771429,9.37972571 C1.07053714,8.11075429 2.23736,7.14285714 3.51715429,7.14285714 C6.36521143,7.14285714 8.65374857,11.9362286 9.49368,14.1739429 C8.72085714,14.2406857 7.93664,14.2857143 7.14299429,14.2857143 C5.86340571,14.2857143 4.60836571,14.1686857 3.38602286,14.0324571 L3.38602286,14.0324571 Z"/><path d="M13.8370286,11.7500571 C12.7993143,10.2546171 11.5054857,9.03571429 10.06928,9.03571429 C9.16346286,9.03571429 8.31424,9.52059429 7.55022857,10.2539086 C8.43904,11.6305143 9.11417143,13.1630857 9.49362286,14.1739429 C9.9668,14.1331429 10.4357143,14.0842286 10.8998857,14.0324571 C12.2425143,13.8827429 13.3712,12.9738286 13.8370286,11.7500571 L13.8370286,11.7500571 Z"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/avatar.svg b/resources/js/components/ui/svg/avatar.svg
new file mode 100644
index 00000000000..b51fa2b20dc
--- /dev/null
+++ b/resources/js/components/ui/svg/avatar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m3.17188 12.5625 0.12377 -0.528c0.20645 -0.7775 0.65299 -1.4723 1.27877 -1.9838 0.68452 -0.55951 1.54143 -0.86515 2.42552 -0.86515s1.74099 0.30564 2.42552 0.86515c0.62574 0.5115 1.07234 1.2063 1.27874 1.9838l0.1239 0.5436" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 13.5c4.16 0 6.5 -2.34 6.5 -6.5S11.16 0.5 7 0.5 0.5 2.84 0.5 7s2.34 6.5 6.5 6.5Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.99927 7.57996c1.4 0 2.1875 -0.7875 2.1875 -2.1875s-0.7875 -2.1875 -2.1875 -2.1875 -2.1875 0.7875 -2.1875 2.1875 0.7875 2.1875 2.1875 2.1875Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/bell.svg b/resources/js/components/ui/svg/bell.svg
new file mode 100644
index 00000000000..f568c22298a
--- /dev/null
+++ b/resources/js/components/ui/svg/bell.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 15 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M4.47409437,13.8669432 C4.75289386,14.5996788 5.39756504,14.9985242 6.34492951,14.9985242 C7.29230552,14.9985242 7.93697671,14.5996788 8.21577619,13.8669432"/><path d="M11.0167621,4.78632903 C11.0167621,1.72307661 9.33512759,0 6.34549484,0 C3.35585056,0 1.67418142,1.72307661 1.67418142,4.78632903 C1.67418142,7.70876839 0,6.7329298 0,8.899432 C0,11.16294 4.76984219,11.4496426 6.34549484,11.4496426 C7.92114749,11.4496426 12.6910589,11.1630554 12.6910589,8.899432 C12.6910589,6.73287211 11.0167621,7.708803 11.0167621,4.78632903 Z"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/blueprints.svg b/resources/js/components/ui/svg/blueprints.svg
new file mode 100644
index 00000000000..088ff2f8813
--- /dev/null
+++ b/resources/js/components/ui/svg/blueprints.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M4.81319857,12.4677737 L4.80357571,0.0276022459 C4.10588429,-0.0876103255 3.11806714,0.183419389 2.49653571,0.369305103 C2.08339286,0.492859389 1.61985,0.724013675 1.15580429,0.964299389 C0.988855714,1.0507451 0.847015714,1.27328225 0.739392857,1.4995451 C0.55361,1.89008225 0.47721,2.32755653 0.406078571,2.7601851 L0.349392857,3.10496225 C-0.116464286,5.93824225 -0.116464286,8.83856225 0.349392857,11.671888 C0.36057,11.739888 0.371358571,11.8088022 0.382215714,11.8780594 C0.476947143,12.4829737 0.576924286,13.1213737 0.993004286,13.5213737 C1.10492429,13.6289165 1.23203286,13.6931451 1.36949571,13.664688 C1.69628429,13.5971451 2.02938143,13.4691451 2.37732429,13.3354308 C2.47782714,13.2968022 2.57955286,13.2577165 2.68273,13.2195451 C2.88310714,13.1452594 3.08347286,13.0681165 3.28252429,12.9914308 C3.75530143,12.8093737 4.22066143,12.6301737 4.66118714,12.4992022 C4.71123286,12.4843451 4.76204429,12.4739451 4.81319857,12.4677737 L4.81319857,12.4677737 Z"/><path d="M9.41501571,13.6785165 C9.39525571,13.674288 9.37549571,13.6697165 9.35572429,13.664688 L5.20714143,12.5003451 C5.07823857,12.4641165 4.94471857,12.4520022 4.81347286,12.4677737 L4.80385,0.0275565317 C4.84862714,0.0349508174 4.89220429,0.0439336745 4.93441,0.0546308174 L8.96004429,1.18455082 C9.11837571,1.2289851 9.28249,1.2358651 9.44109571,1.20531653 L9.41501571,13.6785165 Z"/><path d="M9.41490143,13.6786308 C10.0017814,13.8035451 10.5862843,13.5789737 11.2201129,13.3354308 C11.32057,13.2969165 11.4222843,13.2578308 11.5254843,13.2195451 C11.7259414,13.1452594 11.9262843,13.0681165 12.12537,12.9914308 C12.40217,12.8849165 12.6763414,12.7793165 12.94457,12.6837737 C13.1105129,12.624688 13.2609129,12.4568022 13.3868557,12.2620594 C13.71817,11.7496022 13.8294843,11.1105165 13.93257,10.4947451 C14.4007986,7.69657367 14.4047986,4.80589939 13.93657,2.00771653 C13.9284557,1.95889367 13.9203414,1.90972796 13.9123414,1.86036796 C13.8153129,1.26764796 13.7135986,0.645762246 13.3268557,0.222539389 C13.20777,0.0921393888 13.0695986,0.00409367451 12.9183986,0.0192822459 C12.3606843,0.0752822459 11.7643414,0.242219389 11.3393129,0.36932796 C10.8756557,0.507979389 10.3486729,0.782105103 9.82866143,1.05257367 C9.79412429,1.07053939 9.75962143,1.08848225 9.72517571,1.10636796 C9.63429571,1.15355653 9.53868429,1.1865851 9.44098143,1.20539653 L9.41490143,13.6786308 Z"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/calendar.svg b/resources/js/components/ui/svg/calendar.svg
new file mode 100644
index 00000000000..296fb01b848
--- /dev/null
+++ b/resources/js/components/ui/svg/calendar.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M0.172874,9.7749 C0.33883,11.2143 1.54224,12.3571 3.03036,12.4268 C4.05892,12.475 5.10964,12.5 6.25,12.5 C7.39036,12.5 8.44107,12.475 9.4696,12.4268 C10.9578,12.3571 12.1612,11.2143 12.3271,9.7749 C12.5576,7.77571 12.5576,6.07323 12.3271,4.07404 C12.1612,2.63465 10.9578,1.49181 9.4696,1.42213 C8.44108,1.37397 7.39036,1.34894 6.25,1.34894 C5.10964,1.34894 4.05893,1.37397 3.03036,1.42213 C1.54224,1.49181 0.33883,2.63465 0.172873,4.07404 C-0.057625,6.07323 -0.057624,7.77571 0.172874,9.7749 Z"/><path d="M12.397,4.74994 L0.102539,4.74994 C0.122886,4.52793 0.146255,4.30293 0.172646,4.07404 C0.3386,2.63465 1.54202,1.49181 3.03013,1.42213 C4.0587,1.37397 5.10941,1.34894 6.24977,1.34894 C7.39014,1.34894 8.44085,1.37397 9.4694,1.42213 C10.9575,1.49181 12.1609,2.63465 12.3269,4.07404 C12.3533,4.30293 12.3767,4.52793 12.397,4.74994 L12.397,4.74994 Z"/><line x1="3.50195" y1="0" x2="3.50195" y2="2.75"/><line x1="8.99805" y1="0" x2="8.99805" y2="2.75"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/chevron-down.svg b/resources/js/components/ui/svg/chevron-down.svg
new file mode 100644
index 00000000000..8683ca7aed9
--- /dev/null
+++ b/resources/js/components/ui/svg/chevron-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/chevron-left.svg b/resources/js/components/ui/svg/chevron-left.svg
new file mode 100644
index 00000000000..fc436fa7439
--- /dev/null
+++ b/resources/js/components/ui/svg/chevron-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" viewBox="0 0 15 15"><path fill="currentColor" fill-rule="evenodd" d="M8.842 3.135a.5.5 0 0 1 .023.707L5.435 7.5l3.43 3.658a.5.5 0 0 1-.73.684l-3.75-4a.5.5 0 0 1 0-.684l3.75-4a.5.5 0 0 1 .707-.023" clip-rule="evenodd"></path></svg>
diff --git a/resources/js/components/ui/svg/chevron-right.svg b/resources/js/components/ui/svg/chevron-right.svg
new file mode 100644
index 00000000000..dc4544ae7f3
--- /dev/null
+++ b/resources/js/components/ui/svg/chevron-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" viewBox="0 0 15 15"><path fill="currentColor" fill-rule="evenodd" d="M6.158 3.135a.5.5 0 0 1 .707.023l3.75 4a.5.5 0 0 1 0 .684l-3.75 4a.5.5 0 1 1-.73-.684L9.566 7.5l-3.43-3.658a.5.5 0 0 1 .023-.707" clip-rule="evenodd"></path></svg>
diff --git a/resources/js/components/ui/svg/chevron-vertical.svg b/resources/js/components/ui/svg/chevron-vertical.svg
new file mode 100644
index 00000000000..5ffc7ea7fbe
--- /dev/null
+++ b/resources/js/components/ui/svg/chevron-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 8"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.5 2.5 2.882.54A.2.2 0 0 1 3 .5c.044 0 .087.014.118.04L5.5 2.5m-5 3 2.382 1.96c.031.026.074.04.118.04a.2.2 0 0 0 .118-.04L5.5 5.5"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/clipboard-check.svg b/resources/js/components/ui/svg/clipboard-check.svg
new file mode 100644
index 00000000000..ab1db1f26d2
--- /dev/null
+++ b/resources/js/components/ui/svg/clipboard-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" d="M4.17349 2.10889c-0.25729 0.02946 -0.60252 0.06018 -0.85608 0.09067 -0.24071 0.02894 -0.47967 0.05767 -0.71681 0.08492 -0.49602 0.05701 -0.88913 0.44564 -0.92587 0.93465 -0.23427 3.11835 -0.23427 6.06189 0 9.18027 0.03674 0.489 0.43009 0.8788 0.92783 0.9188 3.02054 0.2425 5.77459 0.2425 8.79514 0 0.4977 -0.04 0.8911 -0.4298 0.9278 -0.9188 0.2343 -3.11838 0.2343 -6.06192 0 -9.18027 -0.0367 -0.48901 -0.4298 -0.87764 -0.9259 -0.93465 -0.2371 -0.02725 -0.4761 -0.05598 -0.7168 -0.08492 -0.2535 -0.03049 -0.6081 -0.06121 -0.86532 -0.09067" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.3045 0.54519c0.97879 0.037253 1.52665 0.52425 1.52665 1.36417 0 0.83991 -0.54786 1.3269 -1.52665 1.36416 -1.58314 0.06025 -1.02528 0.06025 -2.60842 0 -0.97879 -0.03726 -1.52665 -0.52425 -1.52665 -1.36416 0 -0.83992 0.54786 -1.326918 1.52665 -1.36417 1.58314 -0.060253 1.02528 -0.060253 2.60842 0Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4.75 9.17822 1.63636 1.68748C7.15637 8.65381 7.79765 7.6832 9.25 6.36572" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/clipboard.svg b/resources/js/components/ui/svg/clipboard.svg
new file mode 100644
index 00000000000..9fc50f2174e
--- /dev/null
+++ b/resources/js/components/ui/svg/clipboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" d="M4.769702857142857 2.41016c-0.2940457142857143 0.03366857142857143 -0.6885942857142856 0.06877714285714286 -0.9783771428571427 0.10362285714285714 -0.2750971428571429 0.033074285714285716 -0.5481942857142856 0.06590857142857143 -0.8192114285714285 0.09705142857142857 -0.5668799999999999 0.0651542857142857 -1.0161485714285714 0.5093028571428571 -1.0581371428571427 1.0681714285714285 -0.26773714285714284 3.563828571428571 -0.26773714285714284 6.927874285714285 0 10.491737142857142 0.04198857142857143 0.5588571428571428 0.4915314285714285 1.0043428571428572 1.060377142857143 1.0500571428571428 3.452045714285714 0.27714285714285714 6.599531428571428 0.27714285714285714 10.05158857142857 0 0.5688 -0.045714285714285714 1.0184 -0.49119999999999997 1.060342857142857 -1.0500571428571428 0.26777142857142855 -3.563862857142857 0.26777142857142855 -6.927908571428571 0 -10.491737142857142 -0.04194285714285714 -0.5588685714285714 -0.49119999999999997 -1.0030171428571428 -1.0581714285714285 -1.0681714285714285 -0.2709714285714286 -0.031142857142857142 -0.5441142857142857 -0.06397714285714286 -0.8191999999999999 -0.09705142857142857 -0.2897142857142857 -0.034845714285714285 -0.6949714285714285 -0.0699542857142857 -0.9889371428571427 -0.10362285714285714" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.490857142857143 0.6230742857142856c1.1186171428571428 0.04257485714285714 1.7447428571428572 0.5991428571428571 1.7447428571428572 1.5590514285714285 0 0.9598971428571429 -0.6261257142857143 1.5164571428571427 -1.7447428571428572 1.55904 -1.809302857142857 0.06885714285714285 -1.1717485714285714 0.06885714285714285 -2.9810514285714285 0 -1.1186171428571428 -0.042582857142857145 -1.7447428571428572 -0.5991428571428571 -1.7447428571428572 -1.55904 0 -0.9599085714285713 0.6261257142857143 -1.5164777142857142 1.7447428571428572 -1.5590514285714285 1.809302857142857 -0.06886057142857142 1.1717485714285714 -0.06886057142857142 2.9810514285714285 0Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.293108571428571 7.440011428571428h5.413782857142857" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.293108571428571 10.475725714285714h3.2669371428571425" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/cog-solid.svg b/resources/js/components/ui/svg/cog-solid.svg
new file mode 100644
index 00000000000..536a92d5149
--- /dev/null
+++ b/resources/js/components/ui/svg/cog-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M6.591 0.0000066757C6.28929 0.000389427 5.99383 0.0911818 5.74434 0.260876c-0.2492 0.169501 -0.44175 0.409982 -0.55213 0.690456l-0.00042 0.00107 -0.37713 0.948998 -1.15881 0.6671 -1.01644 -0.15413c-0.29876 -0.04483 -0.60501 0.00085 -0.87743 0.13146 -0.27234 0.13058 -0.49922 0.34 -0.65066 0.60135l-0.40882 0.70354c-0.15185 0.26131 -0.22104 0.56237 -0.198246 0.86376 0.022787 0.30129 0.136398 0.58844 0.325585 0.82399l0.641651 0.79948v1.32411l-0.641482 0.79928c-0.189187 0.23555 -0.302967 0.5229 -0.325754 0.8242 -0.022794 0.30139 0.046392 0.60244 0.198242 0.86376l0.408634 0.7032c0.15143 0.2614 0.37848 0.4711 0.65085 0.6017 0.27242 0.1306 0.57791 0.1764 0.87667 0.1316l1.02013 -0.1543 1.15559 0.6634 0.37555 0.9527c0.11034 0.2808 0.30316 0.5219 0.55256 0.6915 0.24948 0.1697 0.54431 0.2605 0.84601 0.2609l0.40933 0 0.40932 0c0.3017 -0.0004 0.59653 -0.0912 0.84601 -0.2609 0.2494 -0.1696 0.44222 -0.4107 0.55256 -0.6915l0.37555 -0.9528 1.15554 -0.6633 1.0202 0.1542c0.2987 0.0449 0.6042 -0.0009 0.8767 -0.1315 0.2723 -0.1306 0.4994 -0.3403 0.6508 -0.6017l0.4086 -0.7032c0.1519 -0.26133 0.2211 -0.56238 0.1983 -0.86377 -0.0228 -0.3013 -0.1366 -0.58865 -0.3258 -0.8242l-0.6415 -0.79928v-1.3241l0.6417 -0.79949c0.1892 -0.23555 0.3028 -0.52269 0.3256 -0.82399 0.0228 -0.30139 -0.0464 -0.60245 -0.1983 -0.86376l-0.4088 -0.70354c-0.1514 -0.26135 -0.3783 -0.47077 -0.6506 -0.60135 -0.2725 -0.13061 -0.5787 -0.17629 -0.8775 -0.13146l-1.0164 0.15413 -1.15883 -0.66709 -0.37713 -0.949004 -0.00042 -0.001071C8.69304 0.670851 8.50049 0.430371 8.25129 0.260869 8.0018 0.0911751 7.70634 0.000382751 7.40463 0l-0.40681 0.0000068843 -0.40682 -2.086e-7ZM5.28484 5.2868c0.41242 -0.41242 1.00266 -0.61297 1.71297 -0.61297 0.71032 0 1.30056 0.20055 1.71297 0.61297 0.41242 0.41241 0.61297 1.00265 0.61297 1.71297 0 0.71031 -0.20055 1.30055 -0.61297 1.71297 -0.41241 0.41241 -1.00265 0.61296 -1.71297 0.61296 -0.71031 0 -1.30055 -0.20055 -1.71297 -0.61296 -0.41241 -0.41242 -0.61296 -1.00266 -0.61296 -1.71297 0 -0.71032 0.20055 -1.30056 0.61296 -1.71297Z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/cog.svg b/resources/js/components/ui/svg/cog.svg
new file mode 100644
index 00000000000..69a024a2adc
--- /dev/null
+++ b/resources/js/components/ui/svg/cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M12.029 7.756q0 .08.05.145l.697.874a.995.995 0 0 1 .085 1.123l-.409.704a1 1 0 0 1-1.02.49l-1.111-.169a.24.24 0 0 0-.153.029l-1.316.756a.24.24 0 0 0-.101.117l-.41 1.04a1 1 0 0 1-.934.635H6.59a1.01 1.01 0 0 1-.934-.635l-.41-1.04a.24.24 0 0 0-.1-.117l-1.317-.756a.24.24 0 0 0-.152-.029l-1.112.168a1.01 1.01 0 0 1-1.02-.49l-.41-.703a.995.995 0 0 1 .086-1.123L1.92 7.9a.23.23 0 0 0 .05-.145V6.244a.23.23 0 0 0-.05-.145l-.701-.874a1 1 0 0 1-.085-1.123l.409-.704a1 1 0 0 1 1.02-.49l1.109.169a.24.24 0 0 0 .152-.029l1.32-.76a.24.24 0 0 0 .1-.117l.412-1.036A1 1 0 0 1 6.591.5h.82a1.01 1.01 0 0 1 .934.635l.41 1.036c.019.05.054.093.1.121l1.317.756c.046.026.1.036.152.029l1.112-.168a1.01 1.01 0 0 1 1.02.49l.41.703a.995.995 0 0 1-.086 1.124l-.701.873a.23.23 0 0 0-.05.145z"/><path d="M7 9.076c1.329 0 2.076-.748 2.076-2.076S8.329 4.924 7 4.924 4.924 5.67 4.924 7c0 1.328.747 2.076 2.076 2.076"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/collections.svg b/resources/js/components/ui/svg/collections.svg
new file mode 100644
index 00000000000..36887ca4f9a
--- /dev/null
+++ b/resources/js/components/ui/svg/collections.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 17 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M3.83589745,9.90856857 C3.72320031,8.67430571 3.62246888,7.38498 3.62246888,6.1757 C3.62246888,4.48875143 3.81848031,2.85042 3.96958888,1.28498 C4.01987459,0.764077143 4.46030888,0.34442 5.02369173,0.273471429 C7.91912031,-0.0911571429 10.5604917,-0.0911571429 13.455886,0.273471429 C14.0193146,0.34442 14.4597717,0.764077143 14.5100574,1.28498 C14.6611432,2.85042 14.8571432,4.48875143 14.8571432,6.1757 C14.8571432,7.54268286 14.7284574,8.87775714 14.5992003,10.1679971 C14.4948574,11.2094829 13.6108574,12.05874 12.4844574,12.2030829 C11.4320003,12.3378257 10.3475889,12.4626257 9.23980602,12.4626257 C7.77610316,12.4626257 5.81205745,12.4114257 4.37284602,12.32994 C3.64296031,12.2886829 2.91378316,12.2382829 2.18499459,12.1830829 C1.08797745,12.0986257 0.223499734,11.2914257 0.163196877,10.2804543 C0.0528871626,8.43133429 0.0106197341,6.44887714 0,4.51051143 C-0.00326369451,3.91094571 0.525657448,3.4249 1.17760031,3.4249 L3.76163459,3.4249"/><line x1="6.28459459" y1="8.46205429" x2="12.1428574" y2="8.46205429"/><line x1="6.28459459" y1="5.81919714" x2="12.1428574" y2="5.81919714"/><line x1="6.28459459" y1="3.17634" x2="12.1428574" y2="3.17634"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/columns.svg b/resources/js/components/ui/svg/columns.svg
new file mode 100644
index 00000000000..9b06b6099e9
--- /dev/null
+++ b/resources/js/components/ui/svg/columns.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 15 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(.936 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M10.2730575,13.764912 C11.8279657,13.59232 13.078519,12.294576 13.2517423,10.681776 C13.3803916,9.4839248 13.4909091,8.2539856 13.4909091,7 C13.4909091,5.7460032 13.3803916,4.516064 13.2517423,3.3181792 C13.078519,1.705424 11.8279657,0.40768 10.2730575,0.23505104 C9.12527249,0.10761408 7.94684698,0 6.74545455,0 C5.54405132,0 4.3656366,0.10761408 3.21781926,0.23505104 C1.662965,0.40768 0.412400902,1.705424 0.239175471,3.3181792 C0.110508893,4.5160752 0,5.7460144 0,7 C0,8.2539856 0.110508893,9.4839248 0.23917655,10.681776 C0.412400902,12.294576 1.662965,13.59232 3.21781926,13.764912 C4.3656366,13.892368 5.54405132,14 6.74545455,14 C7.94684698,14 9.12527249,13.892368 10.2730575,13.764912 Z"/><line x1="4.04727273" y1="10.36" x2="4.04727273" y2="7"/><line x1="9.44363636" y1="3.64" x2="9.44363636" y2="7"/><path d="M7.82472727,8.68 C7.82472727,9.7552 8.40753455,10.36 9.44363636,10.36 C10.4797382,10.36 11.0625455,9.7552 11.0625455,8.68 C11.0625455,7.6048 10.4797382,7 9.44363636,7 C8.40753455,7 7.82472727,7.6048 7.82472727,8.68 Z"/><path d="M2.42836364,5.32 C2.42836364,6.3952 3.01117091,7 4.04727273,7 C5.08337455,7 5.66618182,6.3952 5.66618182,5.32 C5.66618182,4.2448 5.08337455,3.64 4.04727273,3.64 C3.01117091,3.64 2.42836364,4.2448 2.42836364,5.32 Z"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/dashboard.svg b/resources/js/components/ui/svg/dashboard.svg
new file mode 100644
index 00000000000..7157b9e4595
--- /dev/null
+++ b/resources/js/components/ui/svg/dashboard.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M0.0587531429,11.8840003 L0,7.15051457 C1.81668571,4.14970314 3.29958857,2.430926 6.51675429,0.196555714 C6.89409143,-0.0655185714 7.39162286,-0.0655185714 7.76897143,0.196555714 C10.9861714,2.430926 12.4690286,4.14970314 14.2857143,7.15051457 L14.2269714,11.8840003 C14.1037714,12.9929146 13.2289143,13.8768003 12.1323429,14.0052574 C8.94105143,14.3792003 5.34466286,14.3792003 2.15337143,14.0052574 C1.05681143,13.8768003 0.181913143,12.9929146 0.0587531429,11.8840003 Z"/><path d="M7.45258286,5.03794314 C6.70481143,5.69226314 5.80510857,7.58515457 5.57142857,8.25114314 L8.71451429,7.690286 C8.4224,8.84702886 7.32408,10.4360917 6.85670857,10.9619431"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/dots.svg b/resources/js/components/ui/svg/dots.svg
new file mode 100644
index 00000000000..afdb5bcf7e4
--- /dev/null
+++ b/resources/js/components/ui/svg/dots.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 15 3" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor"><circle cx="13.5" cy="1.5" r="1.5"/><circle cx="7.5" cy="1.5" r="1.5"/><circle cx="1.5" cy="1.5" r="1.5"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/download.svg b/resources/js/components/ui/svg/download.svg
new file mode 100644
index 00000000000..dc870a4e967
--- /dev/null
+++ b/resources/js/components/ui/svg/download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5714285714285714 12.173257142857143c0 -0.5878857142857142 0.510952 -1.0508114285714285 1.09744 -1.0091657142857142C2.87032 11.249382857142855 5.029039999999999 11.363085714285715 8 11.363085714285715s5.129714285714286 -0.11370285714285713 6.331085714285714 -0.1989942857142857c0.5865142857142857 -0.041645714285714286 1.0974857142857142 0.42128 1.0974857142857142 1.0091657142857142v0c0 1.3961142857142856 -0.9780571428571428 2.586171428571429 -2.3669714285714285 2.728342857142857 -1.2396571428571428 0.12685714285714286 -2.944388571428571 0.24125714285714286 -5.061599999999999 0.24125714285714286 -2.1172114285714283 0 -3.82192 -0.11439999999999999 -5.061645714285714 -0.24125714285714286C1.549542857142857 14.759428571428572 0.5714285714285714 13.56937142857143 0.5714285714285714 12.173257142857143v0Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.373737142857141 2.6448114285714284c0.6958857142857142 0.04432 1.3950628571428572 0.10805714285714285 2.10032 0.19121142857142853 1.0764571428571428 0.1269142857142857 1.8912 1.0174742857142858 1.9103999999999999 2.101257142857143 0.03245714285714286 1.826445714285714 -0.16217142857142855 4.339634285714285 -0.4721142857142857 6.2549714285714275 -1.2543999999999997 0.08014857142857142 -3.2595657142857144 0.17079999999999998 -5.912342857142857 0.17079999999999998 -2.6530400000000003 0 -4.658377142857143 -0.09067428571428571 -5.912731428571428 -0.17082285714285714 -0.3099885714285714 -1.9153371428571428 -0.5045485714285713 -4.428514285714286 -0.4721485714285714 -6.254948571428572 0.01921142857142857 -1.0837828571428572 0.8339885714285714 -1.974342857142857 1.91048 -2.101257142857143 0.7052571428571428 -0.08315428571428572 1.4043999999999999 -0.14689142857142856 2.100285714285714 -0.19121142857142853" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 0.8571679999999999 8 8.147325714285714" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.312502857142858 5.834582857142857c-0.46254857142857136 0.9250971428571427 -1.3876457142857144 1.8501942857142855 -2.3127085714285713 2.3127428571428568 -0.9251314285714286 -0.46254857142857136 -1.8502285714285711 -1.3876457142857144 -2.312777142857143 -2.3127428571428568" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/external-link.svg b/resources/js/components/ui/svg/external-link.svg
new file mode 100644
index 00000000000..ce53edc94f9
--- /dev/null
+++ b/resources/js/components/ui/svg/external-link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path d="M13.25 7c0 1.113-.096 2.205-.21 3.269a3.13 3.13 0 0 1-2.753 2.76c-1.07.119-2.167.221-3.287.221s-2.218-.102-3.287-.222a3.13 3.13 0 0 1-2.753-2.76C.846 9.205.75 8.114.75 7s.096-2.205.21-3.269A3.13 3.13 0 0 1 3.713.971C4.783.853 5.88.75 7 .75M6.5 7.5l4.203-4.203M10.166 1.016c.77-.155 1.598-.132 2.194-.05a.76.76 0 0 1 .658.658c.082.596.105 1.424-.05 2.194-.104.52-.669.73-1.107.432a8.1 8.1 0 0 1-2.127-2.127c-.298-.438-.088-1.003.432-1.107" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/eye-closed.svg b/resources/js/components/ui/svg/eye-closed.svg
new file mode 100644
index 00000000000..9036ac08522
--- /dev/null
+++ b/resources/js/components/ui/svg/eye-closed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5 4.4176c3.43414 4.39843 9.5659 4.39843 13 0.00001" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.04785 5.9845 0.745258 7.71645" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m11.8369 6.06689 1.4183 1.64946" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m5.14062 7.50037 -0.55448 2.08206" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m8.82812 7.50037 0.58667 2.0821" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/eye.svg b/resources/js/components/ui/svg/eye.svg
new file mode 100644
index 00000000000..b239eac96ed
--- /dev/null
+++ b/resources/js/components/ui/svg/eye.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 15 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M13,5 C13,6.10537 10.0899,10 6.5,10 C2.91015,10 0,6.10537 0,5 C0,3.89463 2.91015,0 6.5,0 C10.0899,0 13,3.89463 13,5 Z"/><path d="M6.5,7 C7.78,7 8.5,6.28 8.5,5 C8.5,3.72 7.78,3 6.5,3 C5.22,3 4.5,3.72 4.5,5 C4.5,6.28 5.22,7 6.5,7 Z"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/fields.svg b/resources/js/components/ui/svg/fields.svg
new file mode 100644
index 00000000000..c90d90e2635
--- /dev/null
+++ b/resources/js/components/ui/svg/fields.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 17 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><line x1="9.3192" y1="6.60958857" x2="7.22665143" y2="6.60958857"/><path d="M5.72712,3.81738286 C4.72221714,3.62904 3.76478857,3.62904 2.75987429,3.81738286"/><line x1="4.24357714" y1="6.60958857" x2="4.24357714" y2="3.67612571"/><path d="M0.142284571,7.08773714 C0.354773714,8.71394286 1.74609143,9.96491429 3.38112,10.0924571 C4.69653714,10.1952 6.04883429,10.2857143 7.42857143,10.2857143 C8.80830857,10.2857143 10.1606057,10.1952 11.476,10.0924571 C13.1110857,9.96491429 14.5024,8.71394286 14.7148571,7.08773714 C14.7981714,6.44992 14.8571429,5.80091429 14.8571429,5.14285714 C14.8571429,4.4848 14.7981714,3.83579429 14.7148571,3.19797714 C14.5024,1.57179429 13.1110857,0.320845714 11.476,0.193234286 C10.1606057,0.0905714286 8.80830857,0 7.42857143,0 C6.04883429,0 4.69653714,0.0905714286 3.38112,0.193234286 C1.74609143,0.320845714 0.354772571,1.57179429 0.142284571,3.19797714 C0.0589428571,3.83579429 0,4.4848 0,5.14285714 C0,5.80091429 0.058944,6.44992 0.142284571,7.08773714 Z"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/forms.svg b/resources/js/components/ui/svg/forms.svg
new file mode 100644
index 00000000000..9fc50f2174e
--- /dev/null
+++ b/resources/js/components/ui/svg/forms.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" d="M4.769702857142857 2.41016c-0.2940457142857143 0.03366857142857143 -0.6885942857142856 0.06877714285714286 -0.9783771428571427 0.10362285714285714 -0.2750971428571429 0.033074285714285716 -0.5481942857142856 0.06590857142857143 -0.8192114285714285 0.09705142857142857 -0.5668799999999999 0.0651542857142857 -1.0161485714285714 0.5093028571428571 -1.0581371428571427 1.0681714285714285 -0.26773714285714284 3.563828571428571 -0.26773714285714284 6.927874285714285 0 10.491737142857142 0.04198857142857143 0.5588571428571428 0.4915314285714285 1.0043428571428572 1.060377142857143 1.0500571428571428 3.452045714285714 0.27714285714285714 6.599531428571428 0.27714285714285714 10.05158857142857 0 0.5688 -0.045714285714285714 1.0184 -0.49119999999999997 1.060342857142857 -1.0500571428571428 0.26777142857142855 -3.563862857142857 0.26777142857142855 -6.927908571428571 0 -10.491737142857142 -0.04194285714285714 -0.5588685714285714 -0.49119999999999997 -1.0030171428571428 -1.0581714285714285 -1.0681714285714285 -0.2709714285714286 -0.031142857142857142 -0.5441142857142857 -0.06397714285714286 -0.8191999999999999 -0.09705142857142857 -0.2897142857142857 -0.034845714285714285 -0.6949714285714285 -0.0699542857142857 -0.9889371428571427 -0.10362285714285714" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.490857142857143 0.6230742857142856c1.1186171428571428 0.04257485714285714 1.7447428571428572 0.5991428571428571 1.7447428571428572 1.5590514285714285 0 0.9598971428571429 -0.6261257142857143 1.5164571428571427 -1.7447428571428572 1.55904 -1.809302857142857 0.06885714285714285 -1.1717485714285714 0.06885714285714285 -2.9810514285714285 0 -1.1186171428571428 -0.042582857142857145 -1.7447428571428572 -0.5991428571428571 -1.7447428571428572 -1.55904 0 -0.9599085714285713 0.6261257142857143 -1.5164777142857142 1.7447428571428572 -1.5590514285714285 1.809302857142857 -0.06886057142857142 1.1717485714285714 -0.06886057142857142 2.9810514285714285 0Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.293108571428571 7.440011428571428h5.413782857142857" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.293108571428571 10.475725714285714h3.2669371428571425" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/globals.svg b/resources/js/components/ui/svg/globals.svg
new file mode 100644
index 00000000000..dddddd76dbe
--- /dev/null
+++ b/resources/js/components/ui/svg/globals.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M7.42857143,14.8571429 C12.1828571,14.8571429 14.8571429,12.1828571 14.8571429,7.42857143 C14.8571429,2.67428571 12.1828571,0 7.42857143,0 C2.67428571,0 0,2.67428571 0,7.42857143 C0,12.1828571 2.67428571,14.8571429 7.42857143,14.8571429 Z"/><path d="M11.9658286,13.2291429 L11.9644571,13.6996571 M11.9644571,13.6996571 C13.8469714,12.4870857 14.8572571,10.35072 14.8572571,7.42860571 C14.8572571,7.40297143 14.8571429,7.37740571 14.8570286,7.35189714 L14.7916571,7.31494857 C13.4819429,6.63570286 10.2751543,6.30976 9.14206857,7.44284571 C8.77026286,7.81465143 8.56138286,8.31893714 8.56138286,8.84475429 C8.56138286,9.37057143 8.77026286,9.87485714 9.14206857,10.2466629 C9.51388571,10.6184686 10.01816,10.8273486 10.5439771,10.8273486 C10.9195429,10.8273486 11.2797714,10.9765714 11.5453714,11.2421714 C11.8109714,11.5076571 11.9601143,11.8678857 11.9601143,12.2435429 L11.9601143,13.7025143 L11.9644571,13.6996571 L11.9644571,13.6996571 Z"/><path d="M4.01550857,9.68017143 C4.38731429,9.30835429 4.59619429,8.80408 4.59619429,8.27826286 L4.59619429,6.57889143 C4.59619429,6.05307429 4.80507429,5.54878857 5.17689143,5.17698286 C5.54869714,4.80517714 6.05298286,4.59629714 6.5788,4.59629714 C7.10461714,4.59629714 7.60889143,4.38741714 7.98070857,4.0156 C8.93814857,3.05816 8.78428571,1.39285714 8.56139429,0.0541668571 C8.19813714,0.0181668571 7.82042286,0 7.42857143,0 C2.67428571,0 0,2.67428571 0,7.42857143 C0,8.47568 0.129724571,9.42188571 0.382822857,10.2608571 C1.67142857,10.8828571 3.11486857,10.5808114 4.01550857,9.68017143 Z"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/groups.svg b/resources/js/components/ui/svg/groups.svg
new file mode 100644
index 00000000000..1cbbf11892b
--- /dev/null
+++ b/resources/js/components/ui/svg/groups.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 17 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M2.99971543,4.35411429 C3.42832114,3.74145143 4.10824114,3.36161143 4.95956686,3.36161143 C5.81088114,3.36161143 6.49081257,3.74145143 6.91940686,4.35411429 M7.93275543,4.35411429 C8.36134971,3.74145143 9.04128114,3.36161143 9.89259543,3.36161143 C10.7439211,3.36161143 11.4238754,3.74145143 11.8524469,4.35411429"/><path d="M9.892904,3.36170286 C10.9686754,3.36170286 11.573704,2.75659429 11.573704,1.68085714 C11.573704,0.605108571 10.9686754,-2.22044605e-16 9.892904,-2.22044605e-16 C8.81715543,-2.22044605e-16 8.21205829,0.605108571 8.21205829,1.68085714 C8.21205829,2.75659429 8.81715543,3.36170286 9.892904,3.36170286 Z"/><path d="M4.96070971,3.36170286 C6.03644686,3.36170286 6.64155543,2.75659429 6.64155543,1.68085714 C6.64155543,0.605108571 6.03644686,-2.22044605e-16 4.96070971,-2.22044605e-16 C3.88496114,-2.22044605e-16 3.27985257,0.605108571 3.27985257,1.68085714 C3.27985257,2.75659429 3.88496114,3.36170286 4.96070971,3.36170286 Z"/><path d="M9.90213829,12.5736914 C9.90213829,11.0212343 8.93097257,9.84374857 7.42651543,9.84374857 C5.92206971,9.84374857 4.95089257,11.0212343 4.95089257,12.5736914"/><path d="M4.95124686,12.5736914 C4.95124686,11.0212343 3.98006971,9.84374857 2.475624,9.84374857 C0.971178286,9.84374857 -4.4408921e-16,11.0212343 -4.4408921e-16,12.5736914"/><path d="M14.8530183,12.5736914 C14.8530183,11.0212343 13.8818183,9.84374857 12.3773611,9.84374857 C10.8730183,9.84374857 9.901784,11.0212343 9.901784,12.5736914"/><path d="M7.42621829,9.84386286 C8.50596686,9.84386286 9.11331543,9.23874286 9.11331543,8.16299429 C9.11331543,7.08725714 8.50596686,6.48214857 7.42621829,6.48214857 C6.34646971,6.48214857 5.73912114,7.08725714 5.73912114,8.16299429 C5.73912114,9.23874286 6.34646971,9.84386286 7.42621829,9.84386286 L7.42621829,9.84386286 Z"/><path d="M2.47588686,9.84386286 C3.555624,9.84386286 4.162984,9.23874286 4.162984,8.16299429 C4.162984,7.08725714 3.555624,6.48214857 2.47588686,6.48214857 C1.39613829,6.48214857 0.788778286,7.08725714 0.788778286,8.16299429 C0.788778286,9.23874286 1.39613829,9.84386286 2.47588686,9.84386286 L2.47588686,9.84386286 Z"/><path d="M12.377704,9.84386286 C13.4573611,9.84386286 14.0647897,9.23874286 14.0647897,8.16299429 C14.0647897,7.08725714 13.4573611,6.48214857 12.377704,6.48214857 C11.2979326,6.48214857 10.6905726,7.08725714 10.6905726,8.16299429 C10.6905726,9.23874286 11.2979326,9.84386286 12.377704,9.84386286 L12.377704,9.84386286 Z"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/live-preview.svg b/resources/js/components/ui/svg/live-preview.svg
new file mode 100644
index 00000000000..4bebc86149f
--- /dev/null
+++ b/resources/js/components/ui/svg/live-preview.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M10.854 7.252a1.86 1.86 0 0 0 1.27 1.204 1.86 1.86 0 0 0 1.204-1.27M3.14 6.768a1.86 1.86 0 0 0-1.267-1.201 1.86 1.86 0 0 0-1.2 1.267"/><path d="M3.175 3.05C4.066 2.195 5.358 1.744 7 1.744c3.363 0 5.255 1.892 5.255 5.255q0 .776-.133 1.446M1.872 5.581A7.5 7.5 0 0 0 1.746 7c0 3.363 1.892 5.255 5.255 5.255 1.686 0 3.003-.476 3.896-1.374"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/loading.svg b/resources/js/components/ui/svg/loading.svg
new file mode 100644
index 00000000000..75148c85101
--- /dev/null
+++ b/resources/js/components/ui/svg/loading.svg
@@ -0,0 +1 @@
+<svg class="animate-spin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-6.219-8.56"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/magnifying-glass.svg b/resources/js/components/ui/svg/magnifying-glass.svg
new file mode 100644
index 00000000000..94d1f538cc3
--- /dev/null
+++ b/resources/js/components/ui/svg/magnifying-glass.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" fill="none" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.712 12.712 3.538 3.538m-2-7.25a5.25 5.25 0 1 1-10.5 0 5.25 5.25 0 0 1 10.5 0Z"></path></svg>
diff --git a/resources/js/components/ui/svg/mail.svg b/resources/js/components/ui/svg/mail.svg
new file mode 100644
index 00000000000..b9ac80907c6
--- /dev/null
+++ b/resources/js/components/ui/svg/mail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.2498628571428572 3.5999314285714283C2.8088571428571427 5.106971428571429 4.432674285714286 6.502617142857143 6.217371428571428 7.7328c1.0753828571428572 0.7412457142857143 2.4897142857142858 0.7412342857142857 3.565085714285714 -0.00002285714285714286C11.5672 6.5025828571428566 13.190971428571427 5.1069257142857145 14.749942857142857 3.599885714285714" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.115748571428571 1.9242742857142856c-0.8361257142857142 0.07988571428571428 -1.6156114285714285 0.3971428571428571 -2.21136 0.9000571428571428 -0.5957371428571429 0.5029028571428571 -0.9725874285714285 1.1617942857142856 -1.0690982857142857 1.869222857142857C0.6926617142857143 5.7698857142857145 0.5714274285714286 6.873371428571428 0.5714274285714286 8c0 1.1266285714285713 0.1212342857142857 2.2311199999999998 0.2638628571428571 3.3064457142857138 0.09651085714285713 0.7073828571428571 0.4733611428571428 1.3663542857142856 1.0690982857142857 1.8692114285714283 0.5957485714285714 0.5029714285714285 1.3752342857142856 0.8202285714285714 2.21136 0.9001142857142856 1.2634514285714287 0.11462857142857143 2.5613714285714284 0.21119999999999997 3.8842514285714285 0.21119999999999997 1.32288 0 2.6208 -0.09657142857142857 3.885485714285714 -0.21119999999999997 0.8361142857142857 -0.07988571428571428 1.615542857142857 -0.3971428571428571 2.211314285714286 -0.9001142857142856 0.5957714285714285 -0.5028571428571428 0.9725714285714285 -1.1618285714285712 1.0691428571428572 -1.8692114285714283C15.306171428571426 10.230114285714285 15.428571428571427 9.12662857142857 15.428571428571427 8c0 -1.1266285714285713 -0.12125714285714286 -2.2311199999999998 -0.2638857142857143 -3.3064457142857138 -0.09645714285714285 -0.7074285714285714 -0.47337142857142855 -1.36632 -1.0690285714285714 -1.869222857142857 -0.5957714285714285 -0.5029142857142856 -1.3753142857142857 -0.8201714285714286 -2.2114285714285713 -0.9000571428571428C10.621988571428572 1.8095999999999999 9.32406857142857 1.7130285714285711 8 1.7130285714285711s-2.6208 0.09657142857142857 -3.8842514285714285 0.2112457142857143Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/navigation.svg b/resources/js/components/ui/svg/navigation.svg
new file mode 100644
index 00000000000..d1c076796c5
--- /dev/null
+++ b/resources/js/components/ui/svg/navigation.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M3.42857143,4.57868571 L3.42857143,8.57142857 C3.42857143,12.5 5.03571429,13.1500571 6.85714286,13.1500571"/><line x1="3.42857143" y1="7.43582857" x2="6.85714286" y2="7.43582857"/><path d="M3.58497143,-4.4408921e-16 C2.85883429,-4.4408921e-16 2.17297143,0.0270834286 1.55484571,0.0905542857 C0.907634286,0.157011429 0.297112,0.543054857 0.123641143,1.17011429 C0.040232,1.47162286 0,1.81517714 0,2.28572571 C0,2.75628571 0.040232,3.09984 0.123641143,3.40134857 C0.297112,4.02841143 0.907634286,4.41444571 1.55484571,4.48090286 C2.17296,4.54435429 2.85882286,4.57142857 3.58494857,4.57142857 C4.31107429,4.57142857 4.99689143,4.54435429 5.61497143,4.48088 C6.26218286,4.41442286 6.87270857,4.02837714 7.04617143,3.40132571 C7.12958857,3.09980571 7.16981714,2.75625143 7.16981714,2.28570286 C7.16981714,1.81517714 7.12962286,1.47163429 7.04624,1.17013714 C6.87283429,0.543059429 6.26230857,0.157011429 5.61509714,0.0905542857 C4.99697143,0.0270834286 4.31109714,-4.4408921e-16 3.58497143,-4.4408921e-16 Z"/><path d="M10.8572571,5.67355429 C9.94397714,5.67355429 9.08781714,5.70008 8.33264,5.76341714 C7.77178286,5.81045714 7.19457143,6.06469714 6.98988571,6.58897143 C6.90035429,6.81828571 6.85714286,7.08001143 6.85714286,7.43598857 C6.85714286,7.79196571 6.90035429,8.05369143 6.98988571,8.28300571 C7.19457143,8.80729143 7.77178286,9.06152 8.33264,9.10856 C9.08780571,9.17188571 9.94395429,9.1984 10.8571429,9.1984 C11.7704,9.1984 12.6265143,9.17187429 13.3816,9.10853714 C13.9425143,9.06149714 14.5196571,8.80726857 14.7243429,8.28299429 C14.8139429,8.05366857 14.8571429,7.79195429 14.8571429,7.43596571 C14.8571429,7.08001143 14.8139429,6.81830857 14.7244571,6.58900571 C14.5198857,6.06469714 13.9426286,5.81045714 13.3818286,5.76341714 C12.6266286,5.70008 11.7704,5.67355429 10.8572571,5.67355429 L10.8572571,5.67355429 Z"/><path d="M10.8572571,11.3323429 C9.94397714,11.3323429 9.08781714,11.3588571 8.33264,11.4221714 C7.77178286,11.4692571 7.19457143,11.7234286 6.98988571,12.2477714 C6.90035429,12.4770286 6.85714286,12.7387429 6.85714286,13.0947429 C6.85714286,13.4507429 6.90035429,13.7124571 6.98988571,13.9417143 C7.19457143,14.4660571 7.77178286,14.7202286 8.33264,14.7673143 C9.08780571,14.8306286 9.94395429,14.8571429 10.8571429,14.8571429 C11.7704,14.8571429 12.6265143,14.8306286 13.3816,14.7673143 C13.9425143,14.7202286 14.5196571,14.4660571 14.7243429,13.9417143 C14.8139429,13.7124571 14.8571429,13.4507429 14.8571429,13.0947429 C14.8571429,12.7387429 14.8139429,12.4770286 14.7244571,12.2477714 C14.5198857,11.7234286 13.9426286,11.4692571 13.3818286,11.4221714 C12.6266286,11.3588571 11.7704,11.3323429 10.8572571,11.3323429 Z"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/permissions.svg b/resources/js/components/ui/svg/permissions.svg
new file mode 100644
index 00000000000..e876d547013
--- /dev/null
+++ b/resources/js/components/ui/svg/permissions.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M4.82143017,12.3830857 L1.97837875,12.3830857 C0.23180046,12.3830857 -0.749792683,10.5157371 0.703875888,9.54755429 C2.00779589,8.67910857 3.57371589,8.17299429 5.25785303,8.17299429 C6.34599017,8.17299429 7.38477875,8.38427429 8.3354416,8.76805714"/><path d="M5.2598416,5.94378286 C7.1618416,5.94378286 8.23172732,4.87389714 8.23172732,2.97188571 C8.23172732,1.06987429 7.1618416,0 5.2598416,0 C3.35783017,0 2.28794446,1.06987429 2.28794446,2.97188571 C2.28794446,4.87389714 3.35783017,5.94378286 5.2598416,5.94378286 Z"/><path d="M9.86285875,11.1572571 L11.9889159,7.47485714 C12.2694873,6.98885714 12.890973,6.82233143 13.3769159,7.10292571 L14.8570302,7.95745143"/><line x1="10.9992016" y1="9.18861714" x2="12.7963445" y2="10.2261943"/><path d="M10.5741387,13.8123429 C9.95193303,14.8900571 8.9957616,15.1462857 7.9180816,14.5241143 C6.8404016,13.9018286 6.58418446,12.9457143 7.20639017,11.868 C7.82858446,10.7903429 8.78476732,10.5341371 9.86244732,11.1563429 C10.9401159,11.7785143 11.1963445,12.7347429 10.5741387,13.8123429 Z"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/plus.svg b/resources/js/components/ui/svg/plus.svg
new file mode 100644
index 00000000000..b08c59e04ae
--- /dev/null
+++ b/resources/js/components/ui/svg/plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/preferences.svg b/resources/js/components/ui/svg/preferences.svg
new file mode 100644
index 00000000000..2d553bee28c
--- /dev/null
+++ b/resources/js/components/ui/svg/preferences.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M5.2598416,5.94378286 C7.1618416,5.94378286 8.23172732,4.87389714 8.23172732,2.97188571 C8.23172732,1.06987429 7.1618416,0 5.2598416,0 C3.35783017,0 2.28794446,1.06987429 2.28794446,2.97188571 C2.28794446,4.87389714 3.35783017,5.94378286 5.2598416,5.94378286 Z"/><path d="M14.3020587,11.5562286 C14.3019445,11.5865143 14.3121159,11.6157714 14.3308587,11.6395429 L14.729373,12.1416 C14.8014873,12.2318857 14.8446873,12.3417143 14.853373,12.4569143 C14.8620587,12.5721143 14.835773,12.6873143 14.7779445,12.7873143 L14.5442302,13.1917714 C14.4866302,13.2918857 14.4001159,13.3722286 14.2961159,13.4224 C14.1920016,13.4725714 14.0752016,13.4901714 13.9610302,13.4729143 L13.3260587,13.3763429 C13.2960016,13.3721143 13.2654873,13.3779429 13.2390873,13.3929143 L12.4867445,13.8273143 C12.460573,13.8426286 12.4402302,13.8662857 12.4290302,13.8945143 L12.1948587,14.4921143 C12.1529159,14.5995429 12.0795445,14.6918857 11.9843445,14.7569143 C11.8891445,14.8220571 11.776573,14.8569143 11.6612587,14.8571429 L11.1938302,14.8571429 C11.0785159,14.8569143 10.9658302,14.8220571 10.8706302,14.7569143 C10.7754873,14.6918857 10.7021387,14.5995429 10.6601845,14.4921143 L10.4259445,13.8945143 C10.414733,13.8662857 10.3944473,13.8426286 10.3683102,13.8273143 L9.61593303,13.3929143 C9.58956732,13.3779429 9.55898446,13.3721143 9.5289616,13.3763429 L8.89397875,13.4729143 C8.77975017,13.4901714 8.66299589,13.4725714 8.55893875,13.4224 C8.45489303,13.3722286 8.36839017,13.2918857 8.31075589,13.1917714 L8.07703017,12.7873143 C8.01923589,12.6873143 7.9929616,12.5721143 8.00162446,12.4569143 C8.01028732,12.3417143 8.05348732,12.2318857 8.12559017,12.1416 L8.5263216,11.6395429 C8.54507589,11.6157714 8.55523589,11.5865143 8.55514446,11.5562286 L8.55514446,10.6875657 C8.55523589,10.65736 8.54507589,10.6280114 8.5263216,10.60432 L8.12559017,10.1022057 C8.05348732,10.0119657 8.01028732,9.90206857 8.00162446,9.78688 C7.9929616,9.67169143 8.01923589,9.55657143 8.07703017,9.45654857 L8.31075589,9.05208 C8.36839017,8.95197714 8.45489303,8.8716 8.55893875,8.82142857 C8.66299589,8.77125714 8.77975017,8.75364571 8.89397875,8.77088 L9.5273616,8.86746286 C9.55738446,8.87171429 9.58796732,8.86589714 9.61433303,8.85091429 L10.3683102,8.41443429 C10.3944473,8.39904 10.414733,8.37538286 10.4259445,8.3472 L10.6612587,7.75170286 C10.7032016,7.64427429 10.7765502,7.55198857 10.871773,7.48688 C10.966973,7.42177143 11.0795445,7.38686857 11.1948587,7.38672 L11.6633159,7.38672 C11.7786302,7.38686857 11.8913159,7.42177143 11.9865159,7.48688 C12.0816016,7.55198857 12.154973,7.64427429 12.1969159,7.75170286 L12.4312016,8.3472 C12.4420587,8.37618286 12.4622873,8.40062857 12.4888016,8.41657143 L13.2412587,8.85091429 C13.2675445,8.86585143 13.298173,8.87166857 13.3282302,8.86746286 L13.9632016,8.77088 C14.077373,8.75364571 14.194173,8.77125714 14.298173,8.82142857 C14.4022873,8.8716 14.4888016,8.95197714 14.5464016,9.05208 L14.7801159,9.45654857 C14.8379445,9.55657143 14.8642302,9.67169143 14.8555445,9.78688 C14.8468587,9.90206857 14.8036587,10.0119657 14.7315445,10.1022057 L14.3308587,10.60432 C14.3121159,10.6280114 14.3019445,10.65736 14.3020587,10.6875657 L14.3020587,11.5562286 L14.3020587,11.5562286 Z"/><path d="M11.428573,10.5506399 C11.2841159,10.5505486 11.1395445,10.5926629 11.0387445,10.67696 C10.8137616,10.8650286 10.7995787,11.2948571 10.9865159,11.5145143 C11.0880016,11.6338286 11.2582873,11.6934857 11.428573,11.6933716"/><path d="M11.428573,10.550777 C11.5730302,10.5506971 11.7176016,10.5928 11.8184016,10.6770971 C12.0434302,10.8651429 12.0576016,11.2949714 11.8706302,11.5146286 C11.7691445,11.6339429 11.5988587,11.6936 11.428573,11.6934859"/><path d="M6.14417303,8.21984 C5.85300732,8.18864 5.55730446,8.17264 5.25785303,8.17264 C3.57371589,8.17264 2.00779589,8.67876571 0.703875888,9.5472 C-0.749792683,10.5153943 0.23180046,12.3827429 1.97837875,12.3827429 L5.69643589,12.3827429"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/sign-in.svg b/resources/js/components/ui/svg/sign-in.svg
new file mode 100644
index 00000000000..3e96a5e1f8a
--- /dev/null
+++ b/resources/js/components/ui/svg/sign-in.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 19 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M16.755077,1.25932208 C16.9096439,5.13856205 16.8888966,8.92795353 16.692576,12.8314548 C16.6696243,13.2865972 16.4213059,13.6966144 16.0377414,13.9180912 L11.2362091,16.6903106 C10.4100283,17.1673673 9.38879757,16.5834624 9.34971497,15.6028962 C9.19512214,11.7236303 9.21597311,7.93423884 9.41226788,4.0307635 C9.43515467,3.57562106 9.68346016,3.16559089 10.0671413,2.9440623 L14.8686348,0.171868788 C15.6947637,-0.305134754 16.7160463,0.278726119 16.755077,1.25932208 L16.755077,1.25932208 Z"/><path d="M15.3826475,0 L6.66323347,0 C5.98215365,0 5.41632472,0.526760595 5.37647706,1.20667597 C5.32267689,2.12471513 5.2802488,3.04804484 5.24917982,3.9744218 M9.24739221,15.5693116 L6.66323347,15.5693116 C5.98215365,15.5693116 5.41632472,15.0425912 5.37647706,14.3627303 C5.35163225,13.9385791 5.3291993,13.5133904 5.30920416,13.0872941"/><line x1="0" y1="8.43236695" x2="5.79606393" y2="8.43236695"/><path d="M3.71936957,6.13527213 C4.6376162,6.59439544 5.55584987,7.51264208 6.01497318,8.43084981 C5.55584987,9.34912238 4.6376162,10.267369 3.71936957,10.7264923"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/site-settings.svg b/resources/js/components/ui/svg/site-settings.svg
new file mode 100644
index 00000000000..123012a4aa8
--- /dev/null
+++ b/resources/js/components/ui/svg/site-settings.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M11.3236436,14.8571429 C8.51955214,14.5509714 5.77414643,14.5509714 2.97003214,14.8571429"/><path d="M8.89655786,11.6153143 C7.72624929,11.6546286 6.56122071,11.6546286 5.39091214,11.6152 L4.84374643,14.6976 C6.380295,14.6041143 7.90694643,14.604 9.44344929,14.6971429 L8.89655786,11.6153143 Z"/><path d="M6.39452357,0.576731429 C5.05444357,0.596022857 3.711415,0.66712 2.34951786,0.790034286 C1.27428357,0.887074286 0.392434429,1.73464 0.237601286,2.82432 C-0.079201,5.05387429 -0.0791998571,7.16216 0.237601286,9.39171429 C0.392434429,10.4813943 1.27428357,11.3289143 2.34951786,11.4260571 C5.580535,11.7176 8.70539214,11.7176 11.9364436,11.4260571 C13.0116436,11.3289143 13.8934721,10.4813943 14.0483293,9.39171429 C14.1045579,8.99611429 14.1507293,8.60434286 14.1870721,8.21502857"/><path d="M14.350615,3.80742857 C14.350615,3.83500571 14.3598721,3.86180571 14.377015,3.88344 L14.7409007,4.34194286 C14.8068436,4.42435429 14.8462721,4.52470857 14.8541579,4.62988571 C14.8620436,4.73507429 14.8380436,4.84019429 14.7852436,4.93152 L14.5718721,5.30086857 C14.5191864,5.39227429 14.440215,5.46568 14.3452436,5.51148571 C14.2502721,5.55730286 14.1436436,5.57338286 14.0393007,5.55764571 L13.459415,5.46945143 C13.4321007,5.46561143 13.4041007,5.47091429 13.3801007,5.48456 L12.693015,5.88118857 C12.6691293,5.89524571 12.650615,5.91684571 12.6404436,5.94258286 L12.4265007,6.48830857 C12.388215,6.5864 12.3212436,6.67067429 12.2342721,6.73012571 C12.147415,6.78958857 12.0445579,6.82146286 11.9391864,6.82158857 L11.5124436,6.82158857 C11.4070721,6.82146286 11.304215,6.78958857 11.2173579,6.73012571 C11.1303864,6.67067429 11.063415,6.5864 11.0251293,6.48830857 L10.8112321,5.94258286 C10.8009921,5.91684571 10.7824779,5.89524571 10.7586036,5.88118857 L10.071575,5.48456 C10.047495,5.47088 10.0195636,5.46557714 9.99214643,5.46945143 L9.41231786,5.55764571 C9.30800929,5.57338286 9.20139214,5.55730286 9.106375,5.51148571 C9.01136929,5.46568 8.932375,5.39227429 8.87974643,5.30086857 L8.66632929,4.93152 C8.61355214,4.84019429 8.58955214,4.73507429 8.59746071,4.62988571 C8.60536929,4.52470857 8.64482071,4.42435429 8.71066071,4.34194286 L9.07659214,3.88344 C9.09372357,3.86180571 9.10299214,3.83500571 9.10290071,3.80742857 L9.10290071,3.01417143 C9.10299214,2.98658286 9.09372357,2.95978286 9.07659214,2.93816 L8.71066071,2.47964571 C8.64482071,2.39724571 8.60536929,2.29689143 8.59746071,2.19170286 C8.58955214,2.08652571 8.61355214,1.98139429 8.66632929,1.89006857 L8.87974643,1.52073143 C8.932375,1.42931429 9.01136929,1.35592 9.106375,1.31010286 C9.20139214,1.26429714 9.30800929,1.24820571 9.41231786,1.26394286 L9.99068357,1.35213714 C10.0181007,1.35602286 10.0460321,1.35070857 10.0701121,1.33702857 L10.7586036,0.938457143 C10.7824779,0.9244 10.8009921,0.9028 10.8112321,0.877062857 L11.0261579,0.333283429 C11.0644436,0.235187429 11.131415,0.150915429 11.2182721,0.0914617143 C11.3052436,0.032008 11.4081007,0.000134857143 11.5133579,8.8817842e-16 L11.9411293,8.8817842e-16 C12.0465007,0.000134857143 12.1493579,0.032008 12.236215,0.0914617143 C12.3231864,0.150915429 12.3901579,0.235187429 12.4284436,0.333283429 L12.6423864,0.877062857 C12.652215,0.90352 12.6707293,0.925851429 12.6949579,0.9404 L13.3820436,1.33702857 C13.4060436,1.35067429 13.4340436,1.35598857 13.4614721,1.35213714 L14.0412436,1.26394286 C14.1455864,1.24820571 14.252215,1.26429714 14.3471864,1.31010286 C14.4421579,1.35592 14.5211293,1.42931429 14.573815,1.52073143 L14.7871864,1.89006857 C14.8399864,1.98139429 14.8639864,2.08652571 14.8561007,2.19170286 C14.848215,2.29689143 14.8087864,2.39724571 14.7429579,2.47964571 L14.377015,2.93816 C14.3598721,2.95978286 14.350615,2.98658286 14.350615,3.01417143 L14.350615,3.80742857 Z"/><g transform="translate(10.939 2.84)"><path d="M0.785714286,1.14285714 C0.42,1.14285714 0.214285714,0.937142857 0.214285714,0.571428571 C0.214285714,0.205714286 0.42,0 0.785714286,0"/><path d="M0.789371429,1.14285714 C1.15508571,1.14285714 1.3608,0.937142857 1.3608,0.571428571 C1.3608,0.205714286 1.15508571,0 0.789371429,0"/></g></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/site.svg b/resources/js/components/ui/svg/site.svg
new file mode 100644
index 00000000000..123012a4aa8
--- /dev/null
+++ b/resources/js/components/ui/svg/site.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M11.3236436,14.8571429 C8.51955214,14.5509714 5.77414643,14.5509714 2.97003214,14.8571429"/><path d="M8.89655786,11.6153143 C7.72624929,11.6546286 6.56122071,11.6546286 5.39091214,11.6152 L4.84374643,14.6976 C6.380295,14.6041143 7.90694643,14.604 9.44344929,14.6971429 L8.89655786,11.6153143 Z"/><path d="M6.39452357,0.576731429 C5.05444357,0.596022857 3.711415,0.66712 2.34951786,0.790034286 C1.27428357,0.887074286 0.392434429,1.73464 0.237601286,2.82432 C-0.079201,5.05387429 -0.0791998571,7.16216 0.237601286,9.39171429 C0.392434429,10.4813943 1.27428357,11.3289143 2.34951786,11.4260571 C5.580535,11.7176 8.70539214,11.7176 11.9364436,11.4260571 C13.0116436,11.3289143 13.8934721,10.4813943 14.0483293,9.39171429 C14.1045579,8.99611429 14.1507293,8.60434286 14.1870721,8.21502857"/><path d="M14.350615,3.80742857 C14.350615,3.83500571 14.3598721,3.86180571 14.377015,3.88344 L14.7409007,4.34194286 C14.8068436,4.42435429 14.8462721,4.52470857 14.8541579,4.62988571 C14.8620436,4.73507429 14.8380436,4.84019429 14.7852436,4.93152 L14.5718721,5.30086857 C14.5191864,5.39227429 14.440215,5.46568 14.3452436,5.51148571 C14.2502721,5.55730286 14.1436436,5.57338286 14.0393007,5.55764571 L13.459415,5.46945143 C13.4321007,5.46561143 13.4041007,5.47091429 13.3801007,5.48456 L12.693015,5.88118857 C12.6691293,5.89524571 12.650615,5.91684571 12.6404436,5.94258286 L12.4265007,6.48830857 C12.388215,6.5864 12.3212436,6.67067429 12.2342721,6.73012571 C12.147415,6.78958857 12.0445579,6.82146286 11.9391864,6.82158857 L11.5124436,6.82158857 C11.4070721,6.82146286 11.304215,6.78958857 11.2173579,6.73012571 C11.1303864,6.67067429 11.063415,6.5864 11.0251293,6.48830857 L10.8112321,5.94258286 C10.8009921,5.91684571 10.7824779,5.89524571 10.7586036,5.88118857 L10.071575,5.48456 C10.047495,5.47088 10.0195636,5.46557714 9.99214643,5.46945143 L9.41231786,5.55764571 C9.30800929,5.57338286 9.20139214,5.55730286 9.106375,5.51148571 C9.01136929,5.46568 8.932375,5.39227429 8.87974643,5.30086857 L8.66632929,4.93152 C8.61355214,4.84019429 8.58955214,4.73507429 8.59746071,4.62988571 C8.60536929,4.52470857 8.64482071,4.42435429 8.71066071,4.34194286 L9.07659214,3.88344 C9.09372357,3.86180571 9.10299214,3.83500571 9.10290071,3.80742857 L9.10290071,3.01417143 C9.10299214,2.98658286 9.09372357,2.95978286 9.07659214,2.93816 L8.71066071,2.47964571 C8.64482071,2.39724571 8.60536929,2.29689143 8.59746071,2.19170286 C8.58955214,2.08652571 8.61355214,1.98139429 8.66632929,1.89006857 L8.87974643,1.52073143 C8.932375,1.42931429 9.01136929,1.35592 9.106375,1.31010286 C9.20139214,1.26429714 9.30800929,1.24820571 9.41231786,1.26394286 L9.99068357,1.35213714 C10.0181007,1.35602286 10.0460321,1.35070857 10.0701121,1.33702857 L10.7586036,0.938457143 C10.7824779,0.9244 10.8009921,0.9028 10.8112321,0.877062857 L11.0261579,0.333283429 C11.0644436,0.235187429 11.131415,0.150915429 11.2182721,0.0914617143 C11.3052436,0.032008 11.4081007,0.000134857143 11.5133579,8.8817842e-16 L11.9411293,8.8817842e-16 C12.0465007,0.000134857143 12.1493579,0.032008 12.236215,0.0914617143 C12.3231864,0.150915429 12.3901579,0.235187429 12.4284436,0.333283429 L12.6423864,0.877062857 C12.652215,0.90352 12.6707293,0.925851429 12.6949579,0.9404 L13.3820436,1.33702857 C13.4060436,1.35067429 13.4340436,1.35598857 13.4614721,1.35213714 L14.0412436,1.26394286 C14.1455864,1.24820571 14.252215,1.26429714 14.3471864,1.31010286 C14.4421579,1.35592 14.5211293,1.42931429 14.573815,1.52073143 L14.7871864,1.89006857 C14.8399864,1.98139429 14.8639864,2.08652571 14.8561007,2.19170286 C14.848215,2.29689143 14.8087864,2.39724571 14.7429579,2.47964571 L14.377015,2.93816 C14.3598721,2.95978286 14.350615,2.98658286 14.350615,3.01417143 L14.350615,3.80742857 Z"/><g transform="translate(10.939 2.84)"><path d="M0.785714286,1.14285714 C0.42,1.14285714 0.214285714,0.937142857 0.214285714,0.571428571 C0.214285714,0.205714286 0.42,0 0.785714286,0"/><path d="M0.789371429,1.14285714 C1.15508571,1.14285714 1.3608,0.937142857 1.3608,0.571428571 C1.3608,0.205714286 1.15508571,0 0.789371429,0"/></g></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/statamic-mark-lime.svg b/resources/js/components/ui/svg/statamic-mark-lime.svg
new file mode 100644
index 00000000000..7889815edc1
--- /dev/null
+++ b/resources/js/components/ui/svg/statamic-mark-lime.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 139.56 112.01"><path fill="#191a1b" d="M112.46 110.67c9.62-.6 13.78-5.17 14.72-15.49.73-8.04 1-12.06 1.36-20.11.43-9.6 5.28-15.13 9.96-17.7 1.41-.8 1.4-2.65 0-3.54-4.88-2.94-9.61-9.19-9.98-17.45-.36-7.9-.63-11.85-1.35-19.75-1.02-11.13-4.55-14.67-14.18-15.28a799 799 0 0 0-86.42.02c-9.62.61-13.16 4.15-14.18 15.28-.72 7.9-.99 11.85-1.35 19.75-.38 8.26-5.1 14.51-9.98 17.45a2.01 2.01 0 0 0 0 3.54c4.69 2.49 9.53 8.01 9.96 17.7.36 8.04.63 12.06 1.36 20.11.94 10.32 5.1 14.89 14.72 15.49 28.52 1.53 56.85 1.53 85.36 0ZM69.55 92.82c-8.77.49-19.7-3.8-25.95-9.95-1.23-1.13-1.73-2.53-1.76-3.92-.03-1.11.23-2.31 1.04-3.23.87-1.14 1.31-1.71 2.18-2.85 1.1-1.38 2.3-2.02 3.7-2.01 1.58.01 3.08.67 4.68 1.71 5.06 3.3 10.63 5.2 17.31 5.2 5.1 0 9.78-2.89 9.23-6.57-2.18-14.6-38.37-6.19-37.83-30.63C42.44 27.71 55.29 18.69 67.9 19c9.77.25 17.47 3.09 23.08 6.71 1.4.95 2.37 2.83 2.41 4.69.02 1.12-.23 2.13-.86 3.06-.65 1-.97 1.49-1.63 2.49-1.18 1.66-2.57 2.49-4.34 2.48-1.21 0-2.52-.48-3.92-1.14-4.2-2.17-8.56-3.31-13.85-3.31-5.47 0-9.15 3.52-8.76 6.1 2.18 14.47 37.35 5.97 37.84 30.07.3 14.88-15.58 22.52-28.34 22.68Z"/><path fill="#d4ff4c" d="M105.69 102.58c8.47-.62 12.23-4.7 13.2-13.82.75-7.1 1.03-10.65 1.4-17.76.44-8.48 4.75-13.37 8.92-15.64 1.25-.7 1.25-2.33 0-3.12-4.34-2.59-8.55-8.12-8.94-15.41-.37-6.98-.65-10.46-1.39-17.44-1.05-9.83-4.24-13-12.71-13.62a612 612 0 0 0-76.11 0c-8.47.62-11.67 3.79-12.71 13.62-.74 6.98-1.02 10.46-1.39 17.44-.39 7.29-4.59 12.82-8.94 15.41-1.25.71-1.25 2.41 0 3.12 4.17 2.19 8.48 7.08 8.92 15.64.37 7.1.65 10.65 1.4 17.76.96 9.12 4.72 13.2 13.2 13.82 25.18 1.54 50 1.54 75.18 0Z"/><path d="M47.49 69.34c.93-1.21 2-1.74 3.21-1.74 1.34 0 2.67.54 4.01 1.48 4.27 2.82 9.08 4.43 14.83 4.43 4.41 0 7.88-1.88 7.88-5.63 0-9.79-32.46-4.43-32.46-26.43 0-11.81 9.62-18.38 22.04-18.38 8.82 0 15.23 2.55 20.04 5.63 1.2.8 2 2.41 2 4.02 0 .94-.27 1.88-.8 2.68l-1.47 2.15c-1.07 1.48-2.27 2.15-3.74 2.15-1.07 0-2.14-.4-3.34-.94-3.61-1.88-7.35-2.82-11.89-2.82s-7.48 2.55-7.48 5.23c0 10.06 32.46 4.56 32.46 25.89 0 11.94-9.62 19.32-24.31 19.32-9.35 0-16.16-2.82-22.44-8.32-1.07-.94-1.47-2.15-1.47-3.35 0-.94.27-2.01.94-2.82l2-2.55Z"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/taxonomies.svg b/resources/js/components/ui/svg/taxonomies.svg
new file mode 100644
index 00000000000..d4daab7c390
--- /dev/null
+++ b/resources/js/components/ui/svg/taxonomies.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M7.54421659,14.3130289 C6.72259373,15.0552003 5.4030623,15.0315431 4.41665087,14.2826289 C3.70577087,13.7429717 2.99117659,13.1741717 2.33707373,12.5201146 C1.68295944,11.8659431 1.11411373,11.1513146 0.574468014,10.4404917 C-0.174350272,9.45408028 -0.198014272,8.13454885 0.544094299,7.31292599 C2.65703944,4.97356599 4.84877659,2.81842314 7.24175944,0.72504028 C7.53135944,0.471691709 7.88766801,0.304829994 8.28366801,0.249906566 C9.71932516,0.0507922802 13.306628,-0.336274006 14.2500566,0.60712028 C15.1933709,1.55052599 14.8063994,5.13781742 14.6071994,6.57347457 C14.5523423,6.96947457 14.3854852,7.32578314 14.1321137,7.61538314 C12.0387423,10.008366 9.88357659,12.2001146 7.54421659,14.3130289 Z"/><path d="M10.6227652,5.66294885 C9.70847944,5.66294885 9.19419373,5.14866314 9.19419373,4.23437742 C9.19419373,3.32009171 9.70847944,2.80580599 10.6227652,2.80580599 C11.537028,2.80580599 12.0513137,3.32009171 12.0513137,4.23437742 C12.0513137,5.14866314 11.537028,5.66294885 10.6227652,5.66294885 L10.6227652,5.66294885 Z"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/team.svg b/resources/js/components/ui/svg/team.svg
new file mode 100644
index 00000000000..70d46ece42d
--- /dev/null
+++ b/resources/js/components/ui/svg/team.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.91526 10.4853c0.22179 -0.2345 0.47845 -0.4351 0.76204 -0.59445 0.4816 -0.27054 1.02471 -0.41264 1.5771 -0.41264 0.5524 0 1.0955 0.1421 1.5771 0.41264 0.2083 0.11705 0.4494 0.30235 0.6255 0.46095l0.2461 0.242" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.77734 13.1487c-0.09951 -1.1918 -0.39084 -1.9427 -0.55365 -2.2185 -0.34662 -0.5894 -0.83378 -1.07647 -1.41463 -1.41445 -0.58086 -0.33798 -1.23588 -0.51551 -1.90211 -0.51551 -0.66623 0 -1.32126 0.17753 -1.90211 0.51551 -0.46382 0.26988 -0.86789 0.63485 -1.18837 1.07095l-0.2735 0.3979" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 13.5c4.16 0 6.5 -2.34 6.5 -6.5S11.16 0.5 7 0.5 0.5 2.84 0.5 7s2.34 6.5 6.5 6.5Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.04547 7.48358c1.27692 0 1.99518 -0.71826 1.99518 -1.99518 0 -1.27691 -0.71826 -1.99517 -1.99518 -1.99517 -1.27691 0 -1.99518 0.71826 -1.99518 1.99517 0 1.27692 0.71827 1.99518 1.99518 1.99518Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.2546 8.00024c1.0304 0 1.61 -0.57961 1.61 -1.61004s-0.5796 -1.61005 -1.61 -1.61005c-1.03045 0 -1.61007 0.57962 -1.61007 1.61005s0.57962 1.61004 1.61007 1.61004Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/updates.svg b/resources/js/components/ui/svg/updates.svg
new file mode 100644
index 00000000000..636bc629b43
--- /dev/null
+++ b/resources/js/components/ui/svg/updates.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M11.3236436,14.8571429 C8.51955214,14.5509714 5.77414643,14.5509714 2.97003214,14.8571429"/><path d="M8.89655786,11.6153143 C7.72624929,11.6546286 6.56122071,11.6546286 5.39091214,11.6152 L4.84374643,14.6976 C6.380295,14.6041143 7.90694643,14.604 9.44344929,14.6971429 L8.89655786,11.6153143 Z"/><path d="M13.3869579,2.73309714 C13.519415,3.09755429 13.7710721,3.33616 14.1421579,3.44890286 C14.506615,3.31649143 14.7451293,3.06478857 14.8579293,2.69378286"/><path d="M8.80218071,3.52538286 C8.67012357,3.16190857 8.419095,2.92394286 8.04908357,2.81150857 C7.68560929,2.94355429 7.447655,3.19458286 7.33520929,3.56459429"/><path d="M13.4125579,5.42986286 C12.8814721,5.96387429 12.0989579,6.24662857 11.0965579,6.24662857 C9.09762071,6.24662857 7.97320929,5.12222857 7.97320929,3.12329143 C7.97320929,3.03083429 7.97562071,2.94025143 7.98040929,2.85156571"/><path d="M8.824215,0.775131429 C9.35415786,0.268070857 10.1216893,2.22044605e-16 11.0977007,2.22044605e-16 C13.0966721,2.22044605e-16 14.221015,1.1244 14.221015,3.12333714 C14.221015,3.22021714 14.2183864,3.31504 14.2131293,3.40777143"/><path d="M14.2151864,7.88861714 C14.1758721,8.38532571 14.1203293,8.88545143 14.0483293,9.39182857 C13.8934721,10.4815086 13.0116436,11.3290286 11.9364436,11.4261714 C8.70539214,11.7177143 5.580535,11.7177143 2.34951786,11.4261714 C1.27428357,11.3290286 0.392434429,10.48152 0.237601286,9.39184 C-0.0791998571,7.16227429 -0.079201,5.054 0.237601286,2.82443429 C0.392434429,1.73475429 1.27428357,0.887188571 2.34951786,0.790148571 C3.668535,0.671108571 4.96986071,0.600674286 6.26794071,0.578822857"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/users.svg b/resources/js/components/ui/svg/users.svg
new file mode 100644
index 00000000000..10ba7909743
--- /dev/null
+++ b/resources/js/components/ui/svg/users.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M8.47458286,11.4117714 C8.72805714,11.1437714 9.02138286,10.9145143 9.34548571,10.7324 C9.89588571,10.4232114 10.5165829,10.2608114 11.1478857,10.2608114 C11.7792,10.2608114 12.3998857,10.4232114 12.9502857,10.7324 C13.1883429,10.8661714 13.4638857,11.0779429 13.6651429,11.2592 L13.9464,11.5357714"/><path d="M9.45981714,14.4556571 C9.34609143,13.0936 9.01314286,12.2354286 8.82707429,11.9202286 C8.43093714,11.2466286 7.87418286,10.6899771 7.21035429,10.3037143 C6.54651429,9.91745143 5.79792,9.71456 5.03651429,9.71456 C4.27510857,9.71456 3.52650286,9.91745143 2.86267429,10.3037143 C2.33259429,10.6121486 1.8708,11.0292571 1.50453714,11.5276571 L1.19196571,11.9824"/><path d="M7.42857143,14.8571429 C12.1828571,14.8571429 14.8571429,12.1828571 14.8571429,7.42857143 C14.8571429,2.67428571 12.1828571,0 7.42857143,0 C2.67428571,0 0,2.67428571 0,7.42857143 C0,12.1828571 2.67428571,14.8571429 7.42857143,14.8571429 Z"/><path d="M5.19482286,7.98123429 C6.65416,7.98123429 7.47502857,7.16036571 7.47502857,5.70102857 C7.47502857,4.24170286 6.65416,3.42083429 5.19482286,3.42083429 C3.73549714,3.42083429 2.91461714,4.24170286 2.91461714,5.70102857 C2.91461714,7.16036571 3.73549714,7.98123429 5.19482286,7.98123429 Z"/><path d="M11.1481143,8.57170286 C12.3257143,8.57170286 12.9881143,7.90929143 12.9881143,6.73165714 C12.9881143,5.55402286 12.3257143,4.8916 11.1481143,4.8916 C9.97045714,4.8916 9.30803429,5.55402286 9.30803429,6.73165714 C9.30803429,7.90929143 9.97045714,8.57170286 11.1481143,8.57170286 Z"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/utilities.svg b/resources/js/components/ui/svg/utilities.svg
new file mode 100644
index 00000000000..6acffba3559
--- /dev/null
+++ b/resources/js/components/ui/svg/utilities.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M0.239848,10.8782857 C0.416,12.5248 1.74022857,13.8490286 3.38589714,14.0324571 C4.60824,14.1686857 5.86328,14.2857143 7.14285714,14.2857143 C8.42243429,14.2857143 9.67747429,14.1686857 10.8997714,14.0324571 C12.5454857,13.8490286 13.8697143,12.5248 14.0458286,10.8782857 C14.1758857,9.66288 14.2857143,8.41502857 14.2857143,7.14285714 C14.2857143,5.87067429 14.1758857,4.62283429 14.0458286,3.40739429 C13.8697143,1.76093714 12.5454857,0.436697143 10.8997714,0.253267429 C9.67747429,0.117019429 8.42243429,0 7.14285714,0 C5.86328,0 4.60824,0.117019429 3.38589714,0.253267429 C1.74022857,0.436697143 0.416,1.76093714 0.239848,3.40739429 C0.109809143,4.62283429 0,5.87067429 0,7.14285714 C0,8.41502857 0.109810286,9.66288 0.239848,10.8782857 Z"/><line x1="3.71428571" y1="4.28571429" x2="7.14285714" y2="4.28571429"/><line x1="10.5714286" y1="10" x2="7.14285714" y2="10"/><path d="M7.14285714,4.28571429 C7.14285714,5.38285714 7.76,6 8.85714286,6 C9.95428571,6 10.5714286,5.38285714 10.5714286,4.28571429 C10.5714286,3.18857143 9.95428571,2.57142857 8.85714286,2.57142857 C7.76,2.57142857 7.14285714,3.18857143 7.14285714,4.28571429 Z"/><path d="M3.71428571,10 C3.71428571,11.0971429 4.33142857,11.7142857 5.42857143,11.7142857 C6.52571429,11.7142857 7.14285714,11.0971429 7.14285714,10 C7.14285714,8.90285714 6.52571429,8.28571429 5.42857143,8.28571429 C4.33142857,8.28571429 3.71428571,8.90285714 3.71428571,10 Z"/></g></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/x.svg b/resources/js/components/ui/svg/x.svg
new file mode 100644
index 00000000000..8a216b24b35
--- /dev/null
+++ b/resources/js/components/ui/svg/x.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 6L6 18M6 6l12 12"/></svg>
\ No newline at end of file
diff --git a/resources/js/composables/has-component.js b/resources/js/composables/has-component.js
new file mode 100644
index 00000000000..a41b495ea9e
--- /dev/null
+++ b/resources/js/composables/has-component.js
@@ -0,0 +1,15 @@
+import { useSlots, computed } from 'vue';
+
+export function hasComponent(componentName) {
+    const slots = useSlots();
+
+    return computed(() => {
+        const defaultSlot = slots.default?.();
+        if (!defaultSlot) return false;
+
+        return defaultSlot.some((vnode) => {
+            const type = vnode.type;
+            return type?.name === componentName || type?.__name === componentName;
+        });
+    });
+}
diff --git a/resources/views/playground.blade.php b/resources/views/playground.blade.php
index f8028e63f41..298cf71b3bf 100644
--- a/resources/views/playground.blade.php
+++ b/resources/views/playground.blade.php
@@ -5,309 +5,212 @@
 @extends('statamic::layout')
 @section('wrapper_class', 'max-w-7xl')
 
-@section('nontent')
-
-<collection-wizard :steps="['Naming', 'Ordering', 'Behavior', 'Content Model', 'Front-End']"></collection-wizard>
-
-@stop
-
 @section('content')
-
-<div class="mb-10 flex">
-    <h1>{{ __('The Statamic Playground') }}</h1>
-</div>
-
-<h2 class="mb-2">Form Inputs</h2>
-
-<div class="mb-16 rounded-lg bg-white p-8 shadow">
-    <div class="mb-4">
-        <input type="text" placeholder="unstyled" />
-    </div>
     <div class="mb-4 flex">
-        <input type="text" class="input-text" placeholder="v3 style" />
-        <select class="ltr:ml-2 rtl:mr-2" name="" id="">
-            <option value="">Oh hai Mark</option>
-        </select>
+        <ui-button text="Click me" />
     </div>
+
     <div class="mb-4 flex">
-        <input type="text" class="input-text" placeholder="v3 style" />
-        <button class="btn ltr:ml-2 rtl:mr-2">Default Button</button>
-        <button class="btn-primary ltr:ml-2 rtl:mr-2">Primary Button</button>
+        <ui-badge text="New" color="green" />
     </div>
-    <div class="mb-4">
-        <textarea name="" class="input-text" placeholder="v3 style"></textarea>
+
+    <div class="mb-4 flex">
+        <ui-card>
+            <ui-calendar />
+        </ui-card>
     </div>
-    <div class="mb-4">
-        <div class="select-input-container w-64">
-            <select class="select-input">
-                <option value="">Oh hai Mark</option>
-                <option value="">I did not do it i did not</option>
-            </select>
-            <div class="select-input-toggle">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
-                    <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" />
-                </svg>
+
+    <div class="mb-4 flex">
+        <ui-card class="w-full space-y-6">
+            <header>
+                <ui-heading size="lg">Create a new account</ui-heading>
+                <ui-subheading>Welcome to the thing! You're gonna love it here.</ui-subheading>
+            </header>
+            <ui-input label="Name" placeholder="Your name" />
+            <ui-input label="Email" type="email" placeholder="Your email" />
+            <div class="space-y-2 pt-6">
+                <ui-button variant="primary" class="w-full" text="Continue" type="submit" />
+                <ui-button variant="ghost" class="w-full">Already have an account? Go sign in</ui-button>
             </div>
-        </div>
+        </ui-card>
     </div>
-    <div class="mb-4">
-        <v-select
-            :multiple="true"
-            :options="['Nintendo 64', 'Super Nintendo', 'Nintendo Gameboy', 'Sega Genesis', 'Sega Game Gear', 'Atari 2600']"
-        ></v-select>
+
+    <div class="mb-4 flex">
+        <ui-card-panel heading="Card Panel">This is a card panel.</ui-card-panel>
     </div>
-</div>
 
-<h2 class="mb-2">Typography</h2>
-<div class="mb-16 overflow-hidden rounded-lg bg-white p-8 shadow">
-    <h1 class="mb-4">This is first level heading</h1>
-    <h2 class="mb-4">This is a second level heading</h2>
-    <h3 class="mb-4">This is a third level heading</h3>
-    <h4 class="mb-4">This is a fourth level heading</h4>
-    <h5 class="mb-4">This is a fifth level heading</h5>
-    <h6 class="mb-4">This is a sixth level heading</h6>
-    <p>
-        Paragraph text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam error tempore veritatis, laborum,
-        et assumenda? Necessitatibus excepturi enim quidem maxime! Temporibus dolorum fugit aspernatur.
-    </p>
-</div>
+    <div class="mb-4 flex">
+        <ui-checkbox-group name="meals" label="Select your favorite meals">
+            <ui-checkbox-item
+                label="Breakfast"
+                description="The morning meal. Should include eggs."
+                value="breakfast"
+            />
+            <ui-checkbox-item label="Lunch" description="The mid-day meal. Should be protein heavy." value="lunch" />
+            <ui-checkbox-item label="Dinner" description="The evening meal. Should be delicious." value="dinner" />
+        </ui-checkbox-group>
+    </div>
 
-<h2 class="mb-2">Buttons</h2>
-<div class="mb-16 rounded-lg bg-white p-8 shadow">
-    <h6 class="mb-4">Flavors</h6>
-    <div class="mb-8 flex">
-        <button class="btn ltr:mr-4 rtl:ml-4">Default Button</button>
-        <button class="btn-primary ltr:mr-4 rtl:ml-4">Primary Button</button>
-        <button class="btn-danger ltr:mr-4 rtl:ml-4">Danger Button</button>
-        <button class="btn-flat">Flat Button</button>
+    <div class="mb-4 flex">
+        <ui-datepicker />
     </div>
-    <h6 class="mb-4">With Dropdowns</h6>
-    <div class="mb-8 flex">
-        <div class="btn-group ltr:mr-4 rtl:ml-4">
-            <button class="btn">Default Button</button>
-            <dropdown-list>
-                <template v-slot:trigger>
-                    <button class="btn">
-                        <svg-icon name="micro/chevron-down-xs" class="w-2" />
-                    </button>
-                </template>
-                <li>
-                    <dropdown-item text="Item 1" redirect="https://example.com"></dropdown-item>
-                    <dropdown-item text="Item 2" redirect="https://example2.com"></dropdown-item>
-                </li>
-            </dropdown-list>
-        </div>
-        <div class="btn-group ltr:mr-4 rtl:ml-4">
-            <button class="btn-primary">Default Button</button>
-            <dropdown-list>
-                <template v-slot:trigger>
-                    <button class="btn-primary">
-                        <svg-icon name="micro/chevron-down-xs" class="w-2" />
-                    </button>
-                </template>
-                <li>
-                    <dropdown-item text="Item 1" redirect="https://example.com"></dropdown-item>
-                    <dropdown-item text="Item 2" redirect="https://example2.com"></dropdown-item>
-                </li>
-            </dropdown-list>
-        </div>
-        <div class="btn-group ltr:mr-4 rtl:ml-4">
-            <button class="btn-danger">Default Button</button>
-            <dropdown-list>
-                <template v-slot:trigger>
-                    <button class="btn-danger">
-                        <svg-icon name="micro/chevron-down-xs" class="w-2" />
-                    </button>
-                </template>
-                <li>
-                    <dropdown-item text="Item 1" redirect="https://example.com"></dropdown-item>
-                    <dropdown-item text="Item 2" redirect="https://example2.com"></dropdown-item>
-                </li>
-            </dropdown-list>
-        </div>
-        <div class="btn-group ltr:mr-4 rtl:ml-4">
-            <button class="btn-flat">Default Button</button>
-            <dropdown-list>
-                <template v-slot:trigger>
-                    <button class="btn-flat">
-                        <svg-icon name="micro/chevron-down-xs" class="w-2" />
-                    </button>
-                </template>
-                <li>
-                    <dropdown-item text="Item 1" redirect="https://example.com"></dropdown-item>
-                    <dropdown-item text="Item 2" redirect="https://example2.com"></dropdown-item>
-                </li>
-            </dropdown-list>
-        </div>
+
+    <div class="mb-4 flex">
+        <ui-dropdown>
+            <template #trigger>
+                <ui-button text="Do a Action" variant="filled" icon-append="chevron-vertical" class="[&_svg]:size-2" />
+            </template>
+            <ui-dropdown-menu>
+                <ui-dropdown-item text="Bake a food" />
+                <ui-dropdown-item text="Write that book" />
+                <ui-dropdown-item text="Eat this meal" />
+                <ui-dropdown-item text="Lie about larceny" />
+                <ui-dropdown-item text="Save some bird" />
+            </ui-dropdown-menu>
+        </ui-dropdown>
     </div>
-    <h6 class="mb-4">Disabled States</h6>
-    <div class="mb-8 flex">
-        <button disabled class="btn disabled ltr:mr-4 rtl:ml-4">Default Button</button>
-        <button disabled class="btn-primary disabled ltr:mr-4 rtl:ml-4">Primary Button</button>
-        <button disabled class="btn-danger disabled ltr:mr-4 rtl:ml-4">Danger Button</button>
-        <button disabled class="btn-flat disabled">Flat Button</button>
+
+    <div class="mb-4 flex">
+        <ui-icon name="download" class="size-6" />
     </div>
 
-    <h6 class="mb-4">Large</h6>
-    <div class="mb-8 flex">
-        <button class="btn btn-lg ltr:mr-4 rtl:ml-4">Default Button</button>
-        <button class="btn-primary btn-lg ltr:mr-4 rtl:ml-4">Primary Button</button>
-        <button class="btn-danger btn-lg ltr:mr-4 rtl:ml-4">Danger Button</button>
-        <button class="btn-flat btn-lg">Flat Button</button>
+    <div class="mb-4 flex">
+        <ui-input
+            name="email"
+            type="email"
+            required
+            label="Email"
+            description="We need it so we can sell your info to spammers."
+        />
     </div>
 
-    <h6 class="mb-4">Small</h6>
-    <div class="flex">
-        <button class="btn btn-xs ltr:mr-4 rtl:ml-4">Default Button</button>
-        <button class="btn-primary btn-xs ltr:mr-4 rtl:ml-4">Primary Button</button>
-        <button class="btn-danger btn-xs ltr:mr-4 rtl:ml-4">Danger Button</button>
-        <button class="btn-flat btn-xs">Flat Button</button>
+    <div class="mb-4 flex">
+        <ui-modal title="That's Pretty Neat">
+            <template #trigger>
+                <ui-button text="How neat is that?" />
+            </template>
+        </ui-modal>
     </div>
-</div>
 
-<h2 class="mb-2">Colors</h2>
-<div class="mb-16 overflow-hidden rounded-lg bg-white p-10 shadow dark:bg-black">
-    <h6 class="mb-4">grays</h6>
-    {{-- <div class="p-4" style="background: #48606f"></div> --}}
-    <div class="mb-8 flex flex-row-reverse text-center text-sm">
-        <div class="flex-1 bg-blue-100 p-4 text-black">100</div>
-        <div class="flex-1 bg-blue-200 p-4 text-black">200</div>
-        <div class="flex-1 bg-blue-300 p-4 text-black">300</div>
-        <div class="flex-1 bg-blue-400 p-4 text-black">400</div>
-        <div class="flex-1 bg-blue p-4 text-black">def</div>
-        <div class="flex-1 bg-blue-500 p-4 text-black">500</div>
-        <div class="flex-1 bg-blue-600 p-4 text-black">600</div>
-        <div class="flex-1 bg-blue-700 p-4 text-black">700</div>
-        <div class="flex-1 bg-blue-800 p-4 text-white">800</div>
-        <div class="flex-1 bg-blue-900 p-4 text-white">900</div>
+    <div class="mb-4 flex">
+        <ui-popover>
+            <template #trigger>
+                <ui-button text="Open Popover" />
+            </template>
+
+            <div class="flex flex-col gap-2.5">
+                <ui-heading text="Provide Feedback" />
+                <ui-textarea placeholder="How we can make this component better?" elastic />
+                <div class="flex flex-col sm:flex-row sm:justify-end">
+                    <ui-button variant="primary" size="sm" text="Submit" />
+                </div>
+            </div>
+        </ui-popover>
     </div>
-    <div class="mb-8 flex flex-row-reverse text-center text-sm">
-        <div class="flex-1 bg-white p-4 text-black">White</div>
-        <div class="flex-1 bg-gray-100 p-4 text-black">100</div>
-        <div class="flex-1 bg-gray-200 p-4 text-black">200</div>
-        <div class="flex-1 bg-gray-300 p-4 text-black">300</div>
-        <div class="flex-1 bg-gray-400 p-4 text-black">400</div>
-        <div class="flex-1 bg-gray-500 p-4 text-black">500</div>
-        <div class="flex-1 bg-gray-600 p-4 text-black">600</div>
-        <div class="flex-1 bg-gray-700 p-4 text-black">700</div>
-        <div class="flex-1 bg-gray-800 p-4 text-white">800</div>
-        <div class="flex-1 bg-gray-900 p-4 text-white">900</div>
-        {{-- <div class="text-white bg-gray-950 p-4 flex-1">950</div> --}}
-        <div class="flex-1 bg-black p-4 text-white">Black</div>
+
+    <div class="mb-4 flex">
+        <ui-radio-group name="favorite" label="Choose your favorite meal">
+            <ui-radio-item
+                label="Breakfast"
+                description="The morning meal. Should include eggs."
+                value="breakfast"
+                checked
+            />
+            <ui-radio-item label="Lunch" description="The mid-day meal. Should be protein heavy." value="lunch" />
+            <ui-radio-item label="Dinner" description="The evening meal Should be delicious." value="dinner" />
+        </ui-radio-group>
     </div>
 
-    <div class="mb-8 flex flex-row-reverse text-center text-sm">
-        <div class="flex-1 bg-white p-4 text-black">White</div>
-        <div class="bg-slate-100 flex-1 p-4 text-black">100</div>
-        <div class="bg-slate-200 flex-1 p-4 text-black">200</div>
-        <div class="bg-slate-300 flex-1 p-4 text-black">300</div>
-        <div class="bg-slate-400 flex-1 p-4 text-black">400</div>
-        <div class="bg-slate-500 flex-1 p-4 text-black">500</div>
-        <div class="bg-slate-600 flex-1 p-4 text-black">600</div>
-        <div class="bg-slate-700 flex-1 p-4 text-black">700</div>
-        <div class="bg-slate-800 flex-1 p-4 text-white">800</div>
-        <div class="bg-slate-900 flex-1 p-4 text-white">900</div>
-        <div class="flex-1 bg-black p-4 text-white">Black</div>
+    <div class="mb-4 flex">
+        <ui-select
+            label="Favorite band"
+            :options="[
+     { label: 'The Midnight', value: 'the_midnight' },
+     { label: 'The 1975', value: 'the_1975' },
+     { label: 'Sunglasses Kid', value: 'sunglasses_kid' }
+     ]"
+        />
     </div>
 
-    <h6 class="mb-4">dark mode</h6>
-    <div class="mb-8 flex flex-row-reverse overflow-x-auto text-center text-sm">
-        <div class="flex-1 bg-white p-4 text-black">White</div>
-        <div class="flex-1 bg-dark-100 p-4 text-black">100</div>
-        <div class="flex-1 bg-dark-150 p-4 text-black">150</div>
-        <div class="flex-1 bg-dark-175 p-4 text-black">175</div>
-        <div class="flex-1 bg-dark-200 p-4 text-black">200</div>
-        <div class="flex-1 bg-dark-250 p-4 text-black">250</div>
-        <div class="flex-1 bg-dark-275 p-4 text-black">275</div>
-        <div class="flex-1 bg-dark-300 p-4 text-black">300</div>
-        <div class="flex-1 bg-dark-350 p-4 text-black">350</div>
-        <div class="flex-1 bg-dark-400 p-4 text-black">400</div>
-        <div class="flex-1 bg-dark-500 p-4 text-black">500</div>
-        <div class="flex-1 bg-dark-550 p-4 text-black">550</div>
-        <div class="flex-1 bg-dark-575 p-4 text-black">575</div>
-        <div class="flex-1 bg-dark-600 p-4 text-black">600</div>
-        <div class="flex-1 bg-dark-650 p-4 text-black">650</div>
-        <div class="flex-1 bg-dark-700 p-4 text-black">700</div>
-        <div class="flex-1 bg-dark-750 p-4 text-black">750</div>
-        <div class="flex-1 bg-dark-800 p-4 text-white">800</div>
-        <div class="flex-1 bg-dark-900 p-4 text-white">900</div>
-        <div class="flex-1 bg-dark-950 p-4 text-white">950</div>
-        <div class="flex-1 bg-dark-975 p-4 text-white">975</div>
-        <div class="flex-1 bg-black p-4 text-white">Black</div>
+    <div class="mb-4 flex">
+        <ui-separator text="vs" />
     </div>
 
-    <h6 class="mb-4">Other Colors (needs simplifying)</h6>
-    <div class="flex text-center text-sm">
-        <div class="flex-1 bg-blue p-6 text-black">Blue</div>
-        <div class="flex-1 bg-green-600 p-6 text-black">Green</div>
-        <div class="m-1 flex-1 border border-orange bg-orange-light p-6 text-black">Orange</div>
-        <div class="m-1 flex-1 border border-yellow-dark bg-yellow p-6 text-black">Yellow</div>
-        <div class="m-1 flex-1 bg-yellow-dark p-6 text-black">Yellow Dark</div>
-        <div class="m-1 flex-1 border border-pink-dark bg-pink p-6 text-black">Pink</div>
-        <div class="flex-1 border border-purple bg-purple-light p-6 text-black">Purple</div>
+    <div class="mb-4 flex">
+        <ui-splitter-group>
+            <ui-splitter-panel class="flex h-24 items-center justify-center rounded-xl bg-white">
+                Left
+            </ui-splitter-panel>
+            <ui-splitter-resize-handle class="w-3" />
+            <ui-splitter-panel class="flex h-24 items-center justify-center rounded-xl bg-white">
+                Right
+            </ui-splitter-panel>
+        </ui-splitter-group>
     </div>
 
-    <h6 class="my-4">Reds</h6>
-    <div class="flex space-x-1 text-center text-sm rtl:space-x-reverse">
-        <div class="flex-1 border border-red-200 bg-red-100 p-6 text-black">Red Lighter</div>
-        <div class="flex-1 bg-red-400 p-6 text-black">Red Light</div>
-        <div class="flex-1 bg-red-500 p-6 text-black">Red</div>
-        <div class="flex-1 bg-red-700 p-6 text-black">Red Dark</div>
+    <div class="mb-4 flex">
+        <ui-switch label="Make it So" description="Would you like to make it so?" />
     </div>
-</div>
 
-<h2 class="mb-2">Widgets</h2>
-<div class="-mx-4 mb-8 flex flex-wrap">
-    <div class="w-1/3 px-4">
-        <div class="card px-6">
-            <div class="mb-4 flex items-center justify-between">
-                <h3 class="font-bold text-gray">New Users</h3>
-                <select class="text-xs" name="" id="">
-                    <option value="">30 Days</option>
-                </select>
-            </div>
-            <div class="mb-4 text-4xl">89</div>
-            <div class="flex items-center">
-                <span class="h-4 w-4 text-green-500 ltr:mr-2 rtl:ml-2">
-                    @cp_svg('icons/light/performance-increase')
-                </span>
-                <span class="text-sm leading-none">8.54% Increase</span>
-            </div>
-        </div>
+    <div class="mb-4 flex">
+        <ui-table>
+            <ui-table-columns>
+                <ui-table-column>Product</ui-table-column>
+                <ui-table-column>Stock</ui-table-column>
+                <ui-table-column class="text-right">Price</ui-table-column>
+            </ui-table-columns>
+            <ui-table-rows>
+                <ui-table-row>
+                    <ui-table-cell>Mechanical Keyboard</ui-table-cell>
+                    <ui-table-cell>
+                        <ui-badge color="green" pill>In Stock</ui-badge>
+                    </ui-table-cell>
+                    <ui-table-cell class="text-right font-semibold text-black">$159.00</ui-table-cell>
+                </ui-table-row>
+                <ui-table-row>
+                    <ui-table-cell>Ergonomic Mouse</ui-table-cell>
+                    <ui-table-cell>
+                        <ui-badge color="red" pill>Out of Stock</ui-badge>
+                    </ui-table-cell>
+                    <ui-table-cell class="text-right font-semibold text-black">$89.00</ui-table-cell>
+                </ui-table-row>
+                <ui-table-row>
+                    <ui-table-cell>4K Monitor</ui-table-cell>
+                    <ui-table-cell>
+                        <ui-badge color="yellow" pill>Low Stock</ui-badge>
+                    </ui-table-cell>
+                    <ui-table-cell class="text-right font-semibold text-black">$349.00</ui-table-cell>
+                </ui-table-row>
+            </ui-table-rows>
+        </ui-table>
     </div>
-    <div class="w-1/3 px-4">
-        <div class="card px-6">
-            <div class="mb-4 flex items-center justify-between">
-                <h3 class="font-bold text-gray">Form Submissions</h3>
-                <select class="text-xs" name="" id="">
-                    <option value="">7 Days</option>
-                </select>
-            </div>
-            <div class="mb-4 text-4xl">35</div>
-            <div class="flex items-center">
-                <span class="h-4 w-4 text-green-500 ltr:mr-2 rtl:ml-2">
-                    @cp_svg('icons/light/performance-increase')
-                </span>
-                <span class="text-sm leading-none">2.15% Increase</span>
-            </div>
-        </div>
+
+    <div class="mb-4 flex">
+        <ui-tabs default-tab="tab1" class="text-center">
+            <ui-tabs-list>
+                <ui-tabs-trigger text="Shiny" name="tab1" />
+                <ui-tabs-trigger text="Happy" name="tab2" />
+                <ui-tabs-trigger text="People" name="tab3" />
+            </ui-tabs-list>
+            <ui-tabs-content name="tab1">
+                <p>Tab 1 content</p>
+            </ui-tabs-content>
+            <ui-tabs-content name="tab2">
+                <p>Tab 2 content</p>
+            </ui-tabs-content>
+            <ui-tabs-content name="tab3">
+                <p>Tab 3 content</p>
+            </ui-tabs-content>
+        </ui-tabs>
     </div>
-    <div class="w-1/3 px-4">
-        <div class="card bg-gray-900 px-6">
-            <div class="mb-4 flex items-center justify-between">
-                <h3 class="font-bold text-gray-400">New Users</h3>
-                <select class="text-xs" name="" id="" class="border-gray-800 bg-gray-800 text-gray-400">
-                    <option value="">30 Days</option>
-                </select>
-            </div>
-            <div class="mb-4 text-4xl text-gray-400">251</div>
-            <div class="flex items-center">
-                <span class="h-4 w-4 text-green-500 ltr:mr-2 rtl:ml-2">
-                    @cp_svg('icons/light/performance-increase')
-                </span>
-                <span class="text-sm leading-none text-gray-400">8.54% Increase</span>
-            </div>
-        </div>
+
+    <div class="mb-4 flex">
+        <ui-textarea label="Message" />
+    </div>
+
+    <div class="mb-4 flex">
+        <ui-tooltip text="Never gonna give you up">
+            <ui-button text="Hover me" />
+        </ui-tooltip>
     </div>
-</div>
-@stop
+@endsection
diff --git a/src/Providers/CpServiceProvider.php b/src/Providers/CpServiceProvider.php
index 666ba482b33..a7f160658df 100644
--- a/src/Providers/CpServiceProvider.php
+++ b/src/Providers/CpServiceProvider.php
@@ -45,6 +45,8 @@ public function boot()
         Sets::setIconsDirectory();
 
         $this->registerMiddlewareGroups();
+
+        $this->bootSelfClosingUiTags();
     }
 
     public function register()
@@ -105,4 +107,12 @@ protected function registerMiddlewareGroups()
             \Statamic\Http\Middleware\DeleteTemporaryFileUploads::class,
         ]);
     }
+
+    private function bootSelfClosingUiTags()
+    {
+        // Converts <ui-component /> to <ui-component></ui-component>
+        Blade::prepareStringsForCompilationUsing(fn ($template) => str_contains($template, '<ui-')
+            ? preg_replace_callback('/<(ui-[a-zA-Z0-9_-]+)([^>]*)\/>/', fn ($match) => "<{$match[1]}{$match[2]}></{$match[1]}>", $template)
+            : $template);
+    }
 }

From c4aff18458948dd1f57cf8ac69675ad6e130b0a5 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 26 Mar 2025 14:45:43 -0400
Subject: [PATCH 002/186] Upgrade to Tailwind 4

---
 package-lock.json                             | 13567 ++++++++--------
 package.json                                  |   234 +-
 postcss.config.cjs                            |     8 -
 resources/css/app.css                         |    26 +
 resources/css/components/array.css            |     6 +-
 resources/css/components/assets.css           |    20 +-
 resources/css/components/blueprints.css       |     8 +-
 resources/css/components/cards.css            |     2 +-
 resources/css/components/column-picker.css    |     4 +-
 .../css/components/fieldtypes/assets.css      |     2 +-
 resources/css/components/fieldtypes/bard.css  |    22 +-
 resources/css/components/fieldtypes/code.css  |     4 +-
 .../fieldtypes/dictionary-fields.css          |     2 +-
 resources/css/components/fieldtypes/grid.css  |    12 +-
 .../css/components/fieldtypes/markdown.css    |    20 +-
 .../css/components/fieldtypes/replicator.css  |     6 +-
 .../css/components/fieldtypes/section.css     |     2 +-
 resources/css/components/fieldtypes/table.css |    14 +-
 .../css/components/fieldtypes/textarea.css    |     2 +-
 resources/css/components/fieldtypes/video.css |     6 +-
 resources/css/components/fieldtypes/width.css |     2 +-
 resources/css/components/fieldtypes/yaml.css  |     2 +-
 resources/css/components/global-header.css    |    16 +-
 resources/css/components/items.css            |     2 +-
 resources/css/components/metrics.css          |     2 +-
 resources/css/components/modal.css            |     2 +-
 resources/css/components/nav-main.css         |     4 +-
 resources/css/components/nav-mobile.css       |     2 +-
 resources/css/components/notifications.css    |     2 +-
 resources/css/components/outside.css          |     2 +-
 resources/css/components/page-tree.css        |     2 +-
 resources/css/components/pagination.css       |     2 +-
 resources/css/components/preview.css          |    12 +-
 resources/css/components/progress.css         |     4 +-
 resources/css/components/revisions.css        |     2 +-
 resources/css/components/settings.css         |     6 +-
 resources/css/components/shortcuts.css        |     2 +-
 resources/css/components/tabs.css             |    14 +-
 resources/css/components/toggle.css           |    10 +-
 resources/css/components/updater.css          |     2 +-
 resources/css/components/wizard.css           |     2 +-
 resources/css/core/layout.css                 |     4 +-
 resources/css/core/typography.css             |     2 +-
 resources/css/core/utilities.css              |    44 +-
 resources/css/cp.css                          |   140 +-
 resources/css/dark.css                        |     8 +-
 resources/css/elements/badges.css             |     8 +-
 resources/css/elements/buttons.css            |    60 +-
 resources/css/elements/dropdowns.css          |     2 +-
 resources/css/elements/forms.css              |    30 +-
 resources/css/elements/icons.css              |    34 +-
 resources/css/elements/tables.css             |    54 +-
 resources/css/tailwind-animate.css            |    54 +-
 resources/css/tailwind.css                    |     7 -
 resources/css/ui.css                          |    65 +-
 resources/css/vendors/vue-select.css          |    19 +-
 resources/js/components/AddonList.vue         |     2 +-
 resources/js/components/FavoriteCreator.vue   |     2 +-
 resources/js/components/GlobalSearch.vue      |     2 +-
 .../js/components/assets/Browser/Browser.vue  |     2 +-
 .../components/assets/Browser/Thumbnail.vue   |     6 +-
 .../js/components/assets/Editor/Editor.vue    |    24 +-
 resources/js/components/assets/Upload.vue     |     4 +-
 .../js/components/blueprints/Section.vue      |     2 +-
 .../js/components/blueprints/Sections.vue     |     6 +-
 .../js/components/collections/CreateForm.vue  |     2 +-
 .../js/components/collections/Scaffolder.vue  |     2 +-
 resources/js/components/configure/Tabs.vue    |     4 +-
 .../js/components/data-list/ColumnPicker.vue  |     2 +-
 resources/js/components/data-list/Table.vue   |     4 +-
 .../js/components/entries/PublishForm.vue     |     2 +-
 .../components/field-conditions/Condition.vue |     6 +-
 .../components/field-validation/Builder.vue   |     2 +-
 .../components/fields/FieldtypeSelector.vue   |     2 +-
 .../js/components/fieldsets/CreateForm.vue    |     2 +-
 .../components/fieldtypes/ArrayFieldtype.vue  |     2 +-
 .../components/fieldtypes/CodeFieldtype.vue   |     2 +-
 .../components/fieldtypes/ColorFieldtype.vue  |    10 +-
 .../fieldtypes/DictionaryFieldtype.vue        |     2 +-
 .../fieldtypes/FieldDisplayFieldtype.vue      |     2 +-
 .../js/components/fieldtypes/Fieldtype.vue    |     2 +-
 .../components/fieldtypes/FloatFieldtype.vue  |     2 +-
 .../components/fieldtypes/GroupFieldtype.vue  |    12 +-
 .../components/fieldtypes/IconFieldtype.vue   |     2 +-
 .../fieldtypes/IntegerFieldtype.vue           |     2 +-
 .../components/fieldtypes/ListFieldtype.vue   |     4 +-
 .../components/fieldtypes/RangeFieldtype.vue  |     4 +-
 .../components/fieldtypes/SelectFieldtype.vue |     2 +-
 .../components/fieldtypes/SlugFieldtype.vue   |     2 +-
 .../components/fieldtypes/TableFieldtype.vue  |     4 +-
 .../components/fieldtypes/TagsFieldtype.vue   |     2 +-
 .../components/fieldtypes/TextFieldtype.vue   |     2 +-
 .../fieldtypes/TextareaFieldtype.vue          |     2 +-
 .../components/fieldtypes/TimeFieldtype.vue   |     2 +-
 .../components/fieldtypes/VideoFieldtype.vue  |     2 +-
 .../components/fieldtypes/WidthFieldtype.vue  |     2 +-
 .../components/fieldtypes/assets/AssetRow.vue |     2 +-
 .../fieldtypes/assets/AssetsFieldtype.vue     |     6 +-
 .../fieldtypes/bard/BardFieldtype.vue         |     2 +-
 .../js/components/fieldtypes/bard/Image.vue   |     2 +-
 .../fieldtypes/bard/LinkToolbar.vue           |    10 +-
 .../js/components/fieldtypes/bard/Set.vue     |     4 +-
 .../fieldtypes/date/RangePopover.vue          |     6 +-
 .../fieldtypes/date/SinglePopover.vue         |     4 +-
 .../js/components/fieldtypes/grid/Cell.vue    |     2 +-
 .../js/components/fieldtypes/grid/Grid.vue    |     2 +-
 .../js/components/fieldtypes/grid/Row.vue     |     2 +-
 .../js/components/fieldtypes/grid/Stacked.vue |     4 +-
 .../components/fieldtypes/grid/StackedRow.vue |     4 +-
 .../js/components/fieldtypes/grid/Table.vue   |     4 +-
 .../fieldtypes/markdown/MarkdownFieldtype.vue |     2 +-
 .../relationship/RelationshipFieldtype.vue    |     2 +-
 .../fieldtypes/replicator/Field.vue           |     2 +-
 .../fieldtypes/replicator/Replicator.vue      |     4 +-
 .../components/fieldtypes/replicator/Set.vue  |     2 +-
 .../fieldtypes/replicator/SetPicker.vue       |    10 +-
 resources/js/components/forms/CreateForm.vue  |     2 +-
 resources/js/components/forms/Listing.vue     |     2 +-
 resources/js/components/globals/Create.vue    |     2 +-
 .../js/components/globals/PublishForm.vue     |     2 +-
 resources/js/components/inputs/Select.vue     |     2 +-
 resources/js/components/inputs/Text.vue       |     4 +-
 resources/js/components/inputs/Textarea.vue   |     2 +-
 .../inputs/relationship/CreateButton.vue      |     2 +-
 .../inputs/relationship/RelationshipInput.vue |    12 +-
 .../inputs/relationship/SelectField.vue       |     2 +-
 resources/js/components/nav/Branch.vue        |     2 +-
 resources/js/components/nav/Builder.vue       |     2 +-
 .../js/components/nav/TopLevelBranch.vue      |     2 +-
 .../js/components/navigation/CreateForm.vue   |     2 +-
 resources/js/components/navigation/View.vue   |     8 +-
 resources/js/components/publish/Container.vue |     2 +-
 resources/js/components/publish/Field.vue     |     6 +-
 resources/js/components/publish/Fields.vue    |     4 +-
 resources/js/components/publish/Sections.vue  |     4 +-
 resources/js/components/publish/Tabs.vue      |     4 +-
 resources/js/components/structures/Branch.vue |     2 +-
 .../js/components/structures/PageEditor.vue   |     2 +-
 .../js/components/structures/PageTree.vue     |     2 +-
 .../js/components/taxonomies/CreateForm.vue   |     2 +-
 resources/js/components/terms/PublishForm.vue |     2 +-
 resources/js/components/ui/Badge.vue          |     4 +-
 resources/js/components/ui/Button/Index.vue   |    10 +-
 resources/js/components/ui/Calendar/Index.vue |    16 +-
 resources/js/components/ui/Checkbox/Item.vue  |     2 +-
 .../js/components/ui/Datepicker/Index.vue     |     8 +-
 .../js/components/ui/Dropdown/Footer.vue      |     2 +-
 .../js/components/ui/Dropdown/Header.vue      |     2 +-
 resources/js/components/ui/Dropdown/Index.vue |     2 +-
 resources/js/components/ui/Dropdown/Item.vue  |     2 +-
 resources/js/components/ui/Dropdown/Menu.vue  |     2 +-
 resources/js/components/ui/Field.vue          |     2 +-
 resources/js/components/ui/Input/Group.vue    |     2 +-
 resources/js/components/ui/Input/Index.vue    |     4 +-
 resources/js/components/ui/Modal/Index.vue    |     2 +-
 resources/js/components/ui/Panel/Index.vue    |     2 +-
 resources/js/components/ui/Popover.vue        |     2 +-
 resources/js/components/ui/Radio/Item.vue     |     2 +-
 resources/js/components/ui/Select/Index.vue   |     8 +-
 resources/js/components/ui/Slider.vue         |     2 +-
 resources/js/components/ui/Switch.vue         |     2 +-
 resources/js/components/ui/Textarea.vue       |     2 +-
 resources/js/components/updater/Updater.vue   |     2 +-
 .../js/components/user-groups/PublishForm.vue |     2 +-
 resources/js/components/users/Listing.vue     |     2 +-
 resources/js/components/users/PublishForm.vue |     2 +-
 resources/js/components/users/Wizard.vue      |     5 +-
 resources/views/auth/login.blade.php          |     2 +-
 .../views/auth/passwords/email.blade.php      |     2 +-
 .../views/auth/passwords/reset.blade.php      |     2 +-
 .../views/auth/protect/password.antlers.html  |     6 +-
 resources/views/auth/unauthorized.blade.php   |     2 +-
 .../collections/blueprints/create.blade.php   |     2 +-
 resources/views/collections/empty.blade.php   |     8 +-
 resources/views/licensing.blade.php           |     4 +-
 .../views/partials/global-header.blade.php    |     2 +-
 .../taxonomies/blueprints/create.blade.php    |     2 +-
 resources/views/taxonomies/empty.blade.php    |     6 +-
 resources/views/utilities/git.blade.php       |     2 +-
 resources/views/utilities/index.blade.php     |     2 +-
 src/Statamic.php                              |     2 +-
 tailwind.config.js                            |    98 +-
 .../views/partials/_card.antlers.html         |     2 +-
 vite.config.js                                |    31 +-
 184 files changed, 7346 insertions(+), 7812 deletions(-)
 delete mode 100644 postcss.config.cjs
 create mode 100644 resources/css/app.css
 delete mode 100644 resources/css/tailwind.css

diff --git a/package-lock.json b/package-lock.json
index 1af57570cdd..af26aabcda6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,7021 +1,6554 @@
 {
-  "name": "statamic",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "statamic",
-      "dependencies": {
-        "@angelblanco/v-calendar": "^3.1.2",
-        "@floating-ui/dom": "^1.2.5",
-        "@he-tree/vue": "^2.8.2",
-        "@hoppscotch/vue-toasted": "^0.1.0",
-        "@internationalized/date": "^3.7.0",
-        "@shopify/draggable": "^1.0.0-beta.12",
-        "@tiptap/core": "^2.0.2",
-        "@tiptap/extension-blockquote": "^2.0.2",
-        "@tiptap/extension-bold": "^2.0.2",
-        "@tiptap/extension-bullet-list": "^2.0.2",
-        "@tiptap/extension-character-count": "^2.0.2",
-        "@tiptap/extension-code": "^2.0.2",
-        "@tiptap/extension-code-block": "^2.4.0",
-        "@tiptap/extension-code-block-lowlight": "^2.0.2",
-        "@tiptap/extension-document": "^2.0.2",
-        "@tiptap/extension-dropcursor": "^2.0.2",
-        "@tiptap/extension-gapcursor": "^2.0.2",
-        "@tiptap/extension-hard-break": "^2.0.2",
-        "@tiptap/extension-heading": "^2.0.2",
-        "@tiptap/extension-history": "^2.0.2",
-        "@tiptap/extension-horizontal-rule": "^2.0.2",
-        "@tiptap/extension-italic": "^2.0.2",
-        "@tiptap/extension-list-item": "^2.0.2",
-        "@tiptap/extension-ordered-list": "^2.0.2",
-        "@tiptap/extension-paragraph": "^2.0.2",
-        "@tiptap/extension-placeholder": "^2.0.2",
-        "@tiptap/extension-strike": "^2.0.2",
-        "@tiptap/extension-subscript": "^2.0.2",
-        "@tiptap/extension-superscript": "^2.0.2",
-        "@tiptap/extension-table": "^2.0.2",
-        "@tiptap/extension-table-cell": "^2.0.2",
-        "@tiptap/extension-table-header": "^2.0.2",
-        "@tiptap/extension-table-row": "^2.0.2",
-        "@tiptap/extension-text": "^2.0.2",
-        "@tiptap/extension-text-align": "^2.0.2",
-        "@tiptap/extension-typography": "^2.0.2",
-        "@tiptap/extension-underline": "^2.0.2",
-        "@tiptap/pm": "^2.0.2",
-        "@tiptap/vue-3": "^2.4.0",
-        "alpinejs": "^3.1.1",
-        "autosize": "~6.0.1",
-        "axios": "^1.6.0",
-        "body-scroll-lock": "^4.0.0-beta.0",
-        "clsx": "^2.1.1",
-        "codemirror": "5.65.12",
-        "cookies-js": "^1.2.2",
-        "cva": "^1.0.0-beta.3",
-        "floating-vue": "^5.2.2",
-        "fuse.js": "^7.0.0",
-        "highlight.js": "^11.7.0",
-        "imask": "^7.6.1",
-        "laravel-echo": "^1.16.0",
-        "lodash-es": "^4.17.21",
-        "lowlight": "^3.1.0",
-        "marked": "^13.0.0",
-        "marked-plaintext": "0.0.2",
-        "mousetrap": "~1.6.5",
-        "nprogress": "^0.2.0",
-        "pdfobject": "^2.2.7",
-        "pinia": "^2.3.1",
-        "portal-vue": "^3.0.0",
-        "pretty": "^2.0.0",
-        "pusher-js": "^8.4.0-rc2",
-        "qs": "^6.9.7",
-        "read-time-estimate": "0.0.3",
-        "reka-ui": "^2.0.0",
-        "resize-observer-polyfill": "^1.5.1",
-        "semver": "^7.7.1",
-        "speakingurl": "^14.0.1",
-        "striptags": "^3.2.0",
-        "svgo": "^3.0.0",
-        "tailwind-merge": "^3.0.2",
-        "tiny-emitter": "^2.1.0",
-        "uniqid": "^5.2.0",
-        "upload": "^1.3.2",
-        "validator": "^13.7.0",
-        "vite-svg-loader": "^5.1.0",
-        "vue": "^3.4.27",
-        "vue-final-modal": "^4.5.4",
-        "vue-screen-utils": "^1.0.0-beta.13",
-        "vue-select": "4.0.0-beta.6",
-        "vue3-click-away": "^1.2.4"
-      },
-      "devDependencies": {
-        "@rollup/plugin-inject": "^5.0.3",
-        "@tailwindcss/container-queries": "^0.1.0",
-        "@tailwindcss/typography": "^0.5.9",
-        "@vitejs/plugin-vue": "^5.2.1",
-        "@vue/test-utils": "^2.4.6",
-        "autoprefixer": "^10.4.0",
-        "knip": "^5.43.6",
-        "laravel-vite-plugin": "^1.2.0",
-        "postcss": "^8.4.31",
-        "prettier": "^3.4.2",
-        "prettier-plugin-antlers": "^2.0.5",
-        "prettier-plugin-blade": "^2.1.19",
-        "prettier-plugin-tailwindcss": "^0.6.11",
-        "rollup-plugin-visualizer": "^5.14.0",
-        "tailwindcss": "^3.3.0",
-        "vite": "^6.0",
-        "vitest": "^3.0.5"
-      }
-    },
-    "node_modules/@alloc/quick-lru": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
-      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@angelblanco/v-calendar": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/@angelblanco/v-calendar/-/v-calendar-3.1.3.tgz",
-      "integrity": "sha512-WxIrdPNXNjbkAVzcp2cvngeBQZ3w5pJvwKJMZii26iKtzHFF4E8z6qaDRAgA2UutqTMKNJkoR9JGKHRzUur7Mg==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/lodash": "^4.14.165",
-        "@types/resize-observer-browser": "^0.1.7",
-        "date-fns": "^2.16.1",
-        "date-fns-tz": "^2.0.0",
-        "lodash": "^4.17.20",
-        "vue-screen-utils": "^1.0.0-beta.13"
-      },
-      "peerDependencies": {
-        "@popperjs/core": "^2.0.0",
-        "vue": "^3.2.0"
-      }
-    },
-    "node_modules/@babel/helper-string-parser": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
-      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
-      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/parser": {
-      "version": "7.26.7",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.7.tgz",
-      "integrity": "sha512-kEvgGGgEjRUutvdVvZhbn/BxVt+5VSpwXz1j3WYXQbXDo8KzFOPNG2GQbdAiNq8g6wn1yKk7C/qrke03a84V+w==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.26.7"
-      },
-      "bin": {
-        "parser": "bin/babel-parser.js"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@babel/runtime": {
-      "version": "7.26.10",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.10.tgz",
-      "integrity": "sha512-2WJMeRQPHKSPemqk/awGrAiuFfzBmOIPXKizAsVhWH9YJqLZ0H+HS4c8loHGgW6utJ3E/ejXQUsiGaQy2NZ9Fw==",
-      "license": "MIT",
-      "dependencies": {
-        "regenerator-runtime": "^0.14.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/runtime-corejs3": {
-      "version": "7.26.10",
-      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.26.10.tgz",
-      "integrity": "sha512-uITFQYO68pMEYR46AHgQoyBg7KPPJDAbGn4jUTIRgCFJIp88MIBUianVOplhZDEec07bp9zIyr4Kp0FCyQzmWg==",
-      "license": "MIT",
-      "dependencies": {
-        "core-js-pure": "^3.30.2",
-        "regenerator-runtime": "^0.14.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/types": {
-      "version": "7.26.7",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.7.tgz",
-      "integrity": "sha512-t8kDRGrKXyp6+tjUh7hw2RLyclsW4TRoRvRHtSyAX9Bb5ldlFh+90YAYY6awRXrlB4G5G2izNeGySpATlFzmOg==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.25.9",
-        "@babel/helper-validator-identifier": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.1.tgz",
-      "integrity": "sha512-kfYGy8IdzTGy+z0vFGvExZtxkFlA4zAxgKEahG9KE1ScBjpQnFsNOX8KTU5ojNru5ed5CVoJYXFtoxaq5nFbjQ==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "aix"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-arm": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.1.tgz",
-      "integrity": "sha512-dp+MshLYux6j/JjdqVLnMglQlFu+MuVeNrmT5nk6q07wNhCdSnB7QZj+7G8VMUGh1q+vj2Bq8kRsuyA00I/k+Q==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-arm64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.1.tgz",
-      "integrity": "sha512-50tM0zCJW5kGqgG7fQ7IHvQOcAn9TKiVRuQ/lN0xR+T2lzEFvAi1ZcS8DiksFcEpf1t/GYOeOfCAgDHFpkiSmA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/android-x64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.1.tgz",
-      "integrity": "sha512-GCj6WfUtNldqUzYkN/ITtlhwQqGWu9S45vUXs7EIYf+7rCiiqH9bCloatO9VhxsL0Pji+PF4Lz2XXCES+Q8hDw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.1.tgz",
-      "integrity": "sha512-5hEZKPf+nQjYoSr/elb62U19/l1mZDdqidGfmFutVUjjUZrOazAtwK+Kr+3y0C/oeJfLlxo9fXb1w7L+P7E4FQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/darwin-x64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.1.tgz",
-      "integrity": "sha512-hxVnwL2Dqs3fM1IWq8Iezh0cX7ZGdVhbTfnOy5uURtao5OIVCEyj9xIzemDi7sRvKsuSdtCAhMKarxqtlyVyfA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.1.tgz",
-      "integrity": "sha512-1MrCZs0fZa2g8E+FUo2ipw6jw5qqQiH+tERoS5fAfKnRx6NXH31tXBKI3VpmLijLH6yriMZsxJtaXUyFt/8Y4A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.1.tgz",
-      "integrity": "sha512-0IZWLiTyz7nm0xuIs0q1Y3QWJC52R8aSXxe40VUxm6BB1RNmkODtW6LHvWRrGiICulcX7ZvyH6h5fqdLu4gkww==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-arm": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.1.tgz",
-      "integrity": "sha512-NdKOhS4u7JhDKw9G3cY6sWqFcnLITn6SqivVArbzIaf3cemShqfLGHYMx8Xlm/lBit3/5d7kXvriTUGa5YViuQ==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-arm64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.1.tgz",
-      "integrity": "sha512-jaN3dHi0/DDPelk0nLcXRm1q7DNJpjXy7yWaWvbfkPvI+7XNSc/lDOnCLN7gzsyzgu6qSAmgSvP9oXAhP973uQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-ia32": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.1.tgz",
-      "integrity": "sha512-OJykPaF4v8JidKNGz8c/q1lBO44sQNUQtq1KktJXdBLn1hPod5rE/Hko5ugKKZd+D2+o1a9MFGUEIUwO2YfgkQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-loong64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.1.tgz",
-      "integrity": "sha512-nGfornQj4dzcq5Vp835oM/o21UMlXzn79KobKlcs3Wz9smwiifknLy4xDCLUU0BWp7b/houtdrgUz7nOGnfIYg==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.1.tgz",
-      "integrity": "sha512-1osBbPEFYwIE5IVB/0g2X6i1qInZa1aIoj1TdL4AaAb55xIIgbg8Doq6a5BzYWgr+tEcDzYH67XVnTmUzL+nXg==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.1.tgz",
-      "integrity": "sha512-/6VBJOwUf3TdTvJZ82qF3tbLuWsscd7/1w+D9LH0W/SqUgM5/JJD0lrJ1fVIfZsqB6RFmLCe0Xz3fmZc3WtyVg==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.1.tgz",
-      "integrity": "sha512-nSut/Mx5gnilhcq2yIMLMe3Wl4FK5wx/o0QuuCLMtmJn+WeWYoEGDN1ipcN72g1WHsnIbxGXd4i/MF0gTcuAjQ==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-s390x": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.1.tgz",
-      "integrity": "sha512-cEECeLlJNfT8kZHqLarDBQso9a27o2Zd2AQ8USAEoGtejOrCYHNtKP8XQhMDJMtthdF4GBmjR2au3x1udADQQQ==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/linux-x64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.1.tgz",
-      "integrity": "sha512-xbfUhu/gnvSEg+EGovRc+kjBAkrvtk38RlerAzQxvMzlB4fXpCFCeUAYzJvrnhFtdeyVCDANSjJvOvGYoeKzFA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/netbsd-arm64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.1.tgz",
-      "integrity": "sha512-O96poM2XGhLtpTh+s4+nP7YCCAfb4tJNRVZHfIE7dgmax+yMP2WgMd2OecBuaATHKTHsLWHQeuaxMRnCsH8+5g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.1.tgz",
-      "integrity": "sha512-X53z6uXip6KFXBQ+Krbx25XHV/NCbzryM6ehOAeAil7X7oa4XIq+394PWGnwaSQ2WRA0KI6PUO6hTO5zeF5ijA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.1.tgz",
-      "integrity": "sha512-Na9T3szbXezdzM/Kfs3GcRQNjHzM6GzFBeU1/6IV/npKP5ORtp9zbQjvkDJ47s6BCgaAZnnnu/cY1x342+MvZg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.1.tgz",
-      "integrity": "sha512-T3H78X2h1tszfRSf+txbt5aOp/e7TAz3ptVKu9Oyir3IAOFPGV6O9c2naym5TOriy1l0nNf6a4X5UXRZSGX/dw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/sunos-x64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.1.tgz",
-      "integrity": "sha512-2H3RUvcmULO7dIE5EWJH8eubZAI4xw54H1ilJnRNZdeo8dTADEZ21w6J22XBkXqGJbe0+wnNJtw3UXRoLJnFEg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-arm64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.1.tgz",
-      "integrity": "sha512-GE7XvrdOzrb+yVKB9KsRMq+7a2U/K5Cf/8grVFRAGJmfADr/e/ODQ134RK2/eeHqYV5eQRFxb1hY7Nr15fv1NQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-ia32": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.1.tgz",
-      "integrity": "sha512-uOxSJCIcavSiT6UnBhBzE8wy3n0hOkJsBOzy7HDAuTDE++1DJMRRVCPGisULScHL+a/ZwdXPpXD3IyFKjA7K8A==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@esbuild/win32-x64": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.1.tgz",
-      "integrity": "sha512-Y1EQdcfwMSeQN/ujR5VayLOJ1BHaK+ssyk0AEzPjC+t1lITgsnccPqFjb6V+LsTp/9Iov4ysfjxLaGJ9RPtkVg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@floating-ui/core": {
-      "version": "1.6.4",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.4.tgz",
-      "integrity": "sha512-a4IowK4QkXl4SCWTGUR0INAfEOX3wtsYw3rKK5InQEHMGObkR8Xk44qYQD9P4r6HHw0iIfK6GUKECmY8sTkqRA==",
-      "dependencies": {
-        "@floating-ui/utils": "^0.2.4"
-      }
-    },
-    "node_modules/@floating-ui/dom": {
-      "version": "1.6.13",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.13.tgz",
-      "integrity": "sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==",
-      "license": "MIT",
-      "dependencies": {
-        "@floating-ui/core": "^1.6.0",
-        "@floating-ui/utils": "^0.2.9"
-      }
-    },
-    "node_modules/@floating-ui/utils": {
-      "version": "0.2.9",
-      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz",
-      "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==",
-      "license": "MIT"
-    },
-    "node_modules/@floating-ui/vue": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.1.6.tgz",
-      "integrity": "sha512-XFlUzGHGv12zbgHNk5FN2mUB7ROul3oG2ENdTpWdE+qMFxyNxWSRmsoyhiEnpmabNm6WnUvR1OvJfUfN4ojC1A==",
-      "license": "MIT",
-      "dependencies": {
-        "@floating-ui/dom": "^1.0.0",
-        "@floating-ui/utils": "^0.2.9",
-        "vue-demi": ">=0.13.0"
-      }
-    },
-    "node_modules/@he-tree/dnd-utils": {
-      "version": "0.1.0-alpha.4",
-      "resolved": "https://registry.npmjs.org/@he-tree/dnd-utils/-/dnd-utils-0.1.0-alpha.4.tgz",
-      "integrity": "sha512-DuxkFOQ8eztoHrX1/VelqOnQphQbRszemfMKSKlAEEhVjqR/IkaOE2QSRlAdj6OC6AfMvHDPvIZOiEPFwP6/ZQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.7.7",
-        "drag-event-service": "^2.0.0",
-        "helper-js": "^3.1.2"
-      }
-    },
-    "node_modules/@he-tree/tree-utils": {
-      "version": "0.1.0-alpha.6",
-      "resolved": "https://registry.npmjs.org/@he-tree/tree-utils/-/tree-utils-0.1.0-alpha.6.tgz",
-      "integrity": "sha512-TIH1iIRLpn3sjd4EuIfKQzFd6ToY8GLYk3i5bfK1njCW7lBBDHLqSyK0mlJPbCPk4PfkZBC4K+sMcYyH4hokyg==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.7.7",
-        "drag-event-service": "^2.0.0",
-        "helper-js": "^3.1.2"
-      }
-    },
-    "node_modules/@he-tree/vue": {
-      "version": "2.9.4",
-      "resolved": "https://registry.npmjs.org/@he-tree/vue/-/vue-2.9.4.tgz",
-      "integrity": "sha512-n8yycL4fk46mlg6sIkcdSZmSCRvdzqj7Ts14ulKXLqmyR6NyTSnP6O9pj6dPk2S2wJIuX2Ad6MOzpg0qDhlBXA==",
-      "license": "MIT",
-      "dependencies": {
-        "@he-tree/dnd-utils": "^0.1.0-alpha.4",
-        "@he-tree/tree-utils": "^0.1.0-alpha.6",
-        "@virtual-list/vue": "^1.2.1",
-        "helper-js": "^3.1.2",
-        "vue-demi": "latest"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.4.6",
-        "vue": "^2.0.0 || >=3.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@he-tree/vue/node_modules/@virtual-list/vue": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@virtual-list/vue/-/vue-1.2.1.tgz",
-      "integrity": "sha512-sVangNRLgHJsrwjf2EeXuc8mUExbLRJO39J9/FXFWXXQkue/FBT4ZWN7GH5+GJTeVaEEfHW1W2UuVaf3LEB3jQ==",
-      "license": "MIT",
-      "dependencies": {
-        "helper-js": "^3.1.2",
-        "vue-demi": "latest"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.4.6",
-        "vue": "^2.0.0 || >=3.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@hoppscotch/vue-toasted": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/@hoppscotch/vue-toasted/-/vue-toasted-0.1.0.tgz",
-      "integrity": "sha512-DIgmeTHxWwX5UeaHLEqDYNLJFGRosx/5N1fCHkaO8zt+sZv8GrHlkrIpjfKF2drmA3kKw5cY42Cw7WuCoabR3g==",
-      "license": "MIT",
-      "peerDependencies": {
-        "vue": "^3.2.37"
-      }
-    },
-    "node_modules/@internationalized/date": {
-      "version": "3.7.0",
-      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.7.0.tgz",
-      "integrity": "sha512-VJ5WS3fcVx0bejE/YHfbDKR/yawZgKqn/if+oEeLqNwBtPzVB06olkfcnojTmEMX+gTpH+FlQ69SHNitJ8/erQ==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@swc/helpers": "^0.5.0"
-      }
-    },
-    "node_modules/@internationalized/number": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.6.0.tgz",
-      "integrity": "sha512-PtrRcJVy7nw++wn4W2OuePQQfTqDzfusSuY1QTtui4wa7r+rGVtR75pO8CyKvHvzyQYi3Q1uO5sY0AsB4e65Bw==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@swc/helpers": "^0.5.0"
-      }
-    },
-    "node_modules/@isaacs/cliui": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "dependencies": {
-        "string-width": "^5.1.2",
-        "string-width-cjs": "npm:string-width@^4.2.0",
-        "strip-ansi": "^7.0.1",
-        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-        "wrap-ansi": "^8.1.0",
-        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
-    },
-    "node_modules/@isaacs/cliui/node_modules/string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "dependencies": {
-        "eastasianwidth": "^0.2.0",
-        "emoji-regex": "^9.2.2",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "dependencies": {
-        "ansi-styles": "^6.1.0",
-        "string-width": "^5.0.1",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
-      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/set-array": "^1.2.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
-      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
-      "license": "MIT"
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.25",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
-      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
-      }
-    },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@one-ini/wasm": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz",
-      "integrity": "sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw=="
-    },
-    "node_modules/@pkgjs/parseargs": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-      "optional": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/@popperjs/core": {
-      "version": "2.11.8",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
-      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/popperjs"
-      }
-    },
-    "node_modules/@remirror/core-constants": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-3.0.0.tgz",
-      "integrity": "sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==",
-      "license": "MIT"
-    },
-    "node_modules/@rollup/plugin-inject": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-inject/-/plugin-inject-5.0.5.tgz",
-      "integrity": "sha512-2+DEJbNBoPROPkgTDNe8/1YXWcqxbN5DTjASVIOx8HS+pITXushyNiBV56RB08zuptzz8gT3YfkqriTBVycepg==",
-      "dev": true,
-      "dependencies": {
-        "@rollup/pluginutils": "^5.0.1",
-        "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.3"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
-      },
-      "peerDependenciesMeta": {
-        "rollup": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@rollup/pluginutils": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
-      "integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==",
-      "dev": true,
-      "dependencies": {
-        "@types/estree": "^1.0.0",
-        "estree-walker": "^2.0.2",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
-      },
-      "peerDependenciesMeta": {
-        "rollup": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.32.1.tgz",
-      "integrity": "sha512-/pqA4DmqyCm8u5YIDzIdlLcEmuvxb0v8fZdFhVMszSpDTgbQKdw3/mB3eMUHIbubtJ6F9j+LtmyCnHTEqIHyzA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.32.1.tgz",
-      "integrity": "sha512-If3PDskT77q7zgqVqYuj7WG3WC08G1kwXGVFi9Jr8nY6eHucREHkfpX79c0ACAjLj3QIWKPJR7w4i+f5EdLH5Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.32.1.tgz",
-      "integrity": "sha512-zCpKHioQ9KgZToFp5Wvz6zaWbMzYQ2LJHQ+QixDKq52KKrF65ueu6Af4hLlLWHjX1Wf/0G5kSJM9PySW9IrvHA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.32.1.tgz",
-      "integrity": "sha512-sFvF+t2+TyUo/ZQqUcifrJIgznx58oFZbdHS9TvHq3xhPVL9nOp+yZ6LKrO9GWTP+6DbFtoyLDbjTpR62Mbr3Q==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.32.1.tgz",
-      "integrity": "sha512-NbOa+7InvMWRcY9RG+B6kKIMD/FsnQPH0MWUvDlQB1iXnF/UcKSudCXZtv4lW+C276g3w5AxPbfry5rSYvyeYA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.32.1.tgz",
-      "integrity": "sha512-JRBRmwvHPXR881j2xjry8HZ86wIPK2CcDw0EXchE1UgU0ubWp9nvlT7cZYKc6bkypBt745b4bglf3+xJ7hXWWw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.32.1.tgz",
-      "integrity": "sha512-PKvszb+9o/vVdUzCCjL0sKHukEQV39tD3fepXxYrHE3sTKrRdCydI7uldRLbjLmDA3TFDmh418XH19NOsDRH8g==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.32.1.tgz",
-      "integrity": "sha512-9WHEMV6Y89eL606ReYowXuGF1Yb2vwfKWKdD1A5h+OYnPZSJvxbEjxTRKPgi7tkP2DSnW0YLab1ooy+i/FQp/Q==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.32.1.tgz",
-      "integrity": "sha512-tZWc9iEt5fGJ1CL2LRPw8OttkCBDs+D8D3oEM8mH8S1ICZCtFJhD7DZ3XMGM8kpqHvhGUTvNUYVDnmkj4BDXnw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.32.1.tgz",
-      "integrity": "sha512-FTYc2YoTWUsBz5GTTgGkRYYJ5NGJIi/rCY4oK/I8aKowx1ToXeoVVbIE4LGAjsauvlhjfl0MYacxClLld1VrOw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.32.1.tgz",
-      "integrity": "sha512-F51qLdOtpS6P1zJVRzYM0v6MrBNypyPEN1GfMiz0gPu9jN8ScGaEFIZQwteSsGKg799oR5EaP7+B2jHgL+d+Kw==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.32.1.tgz",
-      "integrity": "sha512-wO0WkfSppfX4YFm5KhdCCpnpGbtgQNj/tgvYzrVYFKDpven8w2N6Gg5nB6w+wAMO3AIfSTWeTjfVe+uZ23zAlg==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.32.1.tgz",
-      "integrity": "sha512-iWswS9cIXfJO1MFYtI/4jjlrGb/V58oMu4dYJIKnR5UIwbkzR0PJ09O0PDZT0oJ3LYWXBSWahNf/Mjo6i1E5/g==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.32.1.tgz",
-      "integrity": "sha512-RKt8NI9tebzmEthMnfVgG3i/XeECkMPS+ibVZjZ6mNekpbbUmkNWuIN2yHsb/mBPyZke4nlI4YqIdFPgKuoyQQ==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.32.1.tgz",
-      "integrity": "sha512-WQFLZ9c42ECqEjwg/GHHsouij3pzLXkFdz0UxHa/0OM12LzvX7DzedlY0SIEly2v18YZLRhCRoHZDxbBSWoGYg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.32.1.tgz",
-      "integrity": "sha512-BLoiyHDOWoS3uccNSADMza6V6vCNiphi94tQlVIL5de+r6r/CCQuNnerf+1g2mnk2b6edp5dk0nhdZ7aEjOBsA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.32.1.tgz",
-      "integrity": "sha512-w2l3UnlgYTNNU+Z6wOR8YdaioqfEnwPjIsJ66KxKAf0p+AuL2FHeTX6qvM+p/Ue3XPBVNyVSfCrfZiQh7vZHLQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.32.1.tgz",
-      "integrity": "sha512-Am9H+TGLomPGkBnaPWie4F3x+yQ2rr4Bk2jpwy+iV+Gel9jLAu/KqT8k3X4jxFPW6Zf8OMnehyutsd+eHoq1WQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.32.1.tgz",
-      "integrity": "sha512-ar80GhdZb4DgmW3myIS9nRFYcpJRSME8iqWgzH2i44u+IdrzmiXVxeFnExQ5v4JYUSpg94bWjevMG8JHf1Da5Q==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@shopify/draggable": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@shopify/draggable/-/draggable-1.1.3.tgz",
-      "integrity": "sha512-okZG6FTOX1HpfToN2uFVXTicum+NtHFGEY+0MFkZsdChP5qvLSlkffQormMxoDQVIDsK+jso3yz03tteIJ/A0w=="
-    },
-    "node_modules/@snyk/github-codeowners": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@snyk/github-codeowners/-/github-codeowners-1.1.0.tgz",
-      "integrity": "sha512-lGFf08pbkEac0NYgVf4hdANpAgApRjNByLXB+WBip3qj1iendOIyAwP2GKkKbQMNVy2r1xxDf0ssfWscoiC+Vw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "commander": "^4.1.1",
-        "ignore": "^5.1.8",
-        "p-map": "^4.0.0"
-      },
-      "bin": {
-        "github-codeowners": "dist/cli.js"
-      },
-      "engines": {
-        "node": ">=8.10"
-      }
-    },
-    "node_modules/@snyk/github-codeowners/node_modules/commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/@swc/helpers": {
-      "version": "0.5.15",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
-      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "tslib": "^2.8.0"
-      }
-    },
-    "node_modules/@tailwindcss/container-queries": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/container-queries/-/container-queries-0.1.1.tgz",
-      "integrity": "sha512-p18dswChx6WnTSaJCSGx6lTmrGzNNvm2FtXmiO6AuA1V4U5REyoqwmT6kgAsIMdjo07QdAfYXHJ4hnMtfHzWgA==",
-      "dev": true,
-      "peerDependencies": {
-        "tailwindcss": ">=3.2.0"
-      }
-    },
-    "node_modules/@tailwindcss/typography": {
-      "version": "0.5.13",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.13.tgz",
-      "integrity": "sha512-ADGcJ8dX21dVVHIwTRgzrcunY6YY9uSlAHHGVKvkA+vLc5qLwEszvKts40lx7z0qc4clpjclwLeK5rVCV2P/uw==",
-      "dev": true,
-      "dependencies": {
-        "lodash.castarray": "^4.4.0",
-        "lodash.isplainobject": "^4.0.6",
-        "lodash.merge": "^4.6.2",
-        "postcss-selector-parser": "6.0.10"
-      },
-      "peerDependencies": {
-        "tailwindcss": ">=3.0.0 || insiders"
-      }
-    },
-    "node_modules/@tanstack/virtual-core": {
-      "version": "3.13.5",
-      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.5.tgz",
-      "integrity": "sha512-gMLNylxhJdUlfRR1G3U9rtuwUh2IjdrrniJIDcekVJN3/3i+bluvdMi3+eodnxzJq5nKnxnigo9h0lIpaqV6HQ==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/tannerlinsley"
-      }
-    },
-    "node_modules/@tanstack/vue-virtual": {
-      "version": "3.13.5",
-      "resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.13.5.tgz",
-      "integrity": "sha512-1hhUA6CUjmKc5JDyKLcYOV6mI631FaKKxXh77Ja4UtIy6EOofYaLPk8vVgvK6vLMUSfHR2vI3ZpPY9ibyX60SA==",
-      "license": "MIT",
-      "dependencies": {
-        "@tanstack/virtual-core": "3.13.5"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/tannerlinsley"
-      },
-      "peerDependencies": {
-        "vue": "^2.7.0 || ^3.0.0"
-      }
-    },
-    "node_modules/@tiptap/core": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-2.8.0.tgz",
-      "integrity": "sha512-xsqDI4BNzYRWRtBq7+/38ThhqEr7uG9Njip1x+9/wgR3vWPBFnBkYJTz6jSxS35NRE6BSnERm4/B/vrLuY1Hdw==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-blockquote": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.8.0.tgz",
-      "integrity": "sha512-m3CKrOIvV7fY1Ak2gYf5LkKiz6AHxHpg6wxfVaJvdBqXgLyVtHo552N+A4oSHOSRbB4AG9EBQ2NeBM8cdEQ4MA==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-bold": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.8.0.tgz",
-      "integrity": "sha512-U1YkZBxDkSLNvPNiqxB5g42IeJHr27C7zDb/yGQN2xL4UBeg4O9xVhCFfe32f6tLwivSL0dar4ScElpaCJuqow==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-bubble-menu": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-2.8.0.tgz",
-      "integrity": "sha512-swg+myJPN60LduQvLMF4hVBqP5LOIN01INZBzBI8egz8QufqtSyRCgXl7Xcma0RT5xIXnZSG9XOqNFf2rtkjKA==",
-      "license": "MIT",
-      "dependencies": {
-        "tippy.js": "^6.3.7"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-bullet-list": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.8.0.tgz",
-      "integrity": "sha512-H4O2X0ozbc/ce9/XF1H98sqWVUdtt7jzy7hMBunwmY8ZxI4dHtcRkeg81CZbpKTqOqRrMCLWjE3M2tgiDXrDkA==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/extension-list-item": "^2.7.0",
-        "@tiptap/extension-text-style": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-character-count": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-character-count/-/extension-character-count-2.8.0.tgz",
-      "integrity": "sha512-wTV5RFNqKh202qPFrvoAaueL9BJVpIHPCc1fGRrLe7ri95oMmEO+50SoFH1xOVjU0Pd8SXKwLKPiYTpbi3SRXQ==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-code": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.8.0.tgz",
-      "integrity": "sha512-VSFn3sFF6qPpOGkXFhik8oYRH5iByVJpFEFd/duIEftmS0MdPzkbSItOpN3mc9xsJ5dCX80LYaResSj5hr5zkA==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-code-block": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.8.0.tgz",
-      "integrity": "sha512-POuA5Igx+Dto0DTazoBFAQTj/M/FCdkqRVD9Uhsxhv49swPyANTJRr05vgbgtHB+NDDsZfCawVh7pI0IAD/O0w==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-code-block-lowlight": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block-lowlight/-/extension-code-block-lowlight-2.8.0.tgz",
-      "integrity": "sha512-6RRGtzmRXlUrxJXz6cuTIpGTeMe+0Mz3XBQaZ0t7Y7PgbBDFj9tw9+LeO4eHLS/SraX4Y+P73HzKe03AdfQ95A==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/extension-code-block": "^2.7.0",
-        "@tiptap/pm": "^2.7.0",
-        "highlight.js": "^11",
-        "lowlight": "^2 || ^3"
-      }
-    },
-    "node_modules/@tiptap/extension-document": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.8.0.tgz",
-      "integrity": "sha512-mp7Isx1sVc/ifeW4uW/PexGQ9exN3NRUOebSpnLfqXeWYk4y1RS1PA/3+IHkOPVetbnapgPjFx/DswlCP3XLjA==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-dropcursor": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.8.0.tgz",
-      "integrity": "sha512-rAFvx44YuT6dtS1c+ALw0ROAGI16l5L1HxquL4hR1gtxDcTieST5xhw5bkshXlmrlfotZXPrhokzqA7qjhZtJw==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-floating-menu": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-floating-menu/-/extension-floating-menu-2.8.0.tgz",
-      "integrity": "sha512-H4QT61CrkLqisnGGC7zgiYmsl2jXPHl89yQCbdlkQN7aw11H7PltcJS2PJguL0OrRVJS/Mv/VTTUiMslmsEV5g==",
-      "license": "MIT",
-      "dependencies": {
-        "tippy.js": "^6.3.7"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-gapcursor": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.8.0.tgz",
-      "integrity": "sha512-Be1LWCmvteQInOnNVN+HTqc1XWsj1bCl+Q7et8qqNjtGtTaCbdCp8ppcH1SKJxNTM/RLUtPyJ8FDgOTj51ixCA==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-hard-break": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.8.0.tgz",
-      "integrity": "sha512-vqiIfviNiCmy/pJTHuDSCAGL2O4QDEdDmAvGJu8oRmElUrnlg8DbJUfKvn6DWQHNSQwRb+LDrwWlzAYj1K9u6A==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-heading": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.8.0.tgz",
-      "integrity": "sha512-4inWgrTPiqlivPmEHFOM5ck2UsmOsbKKPtqga6bALvWPmCv24S6/EBwFp8Jz4YABabXDnkviihmGu0LpP9D69w==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-history": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.8.0.tgz",
-      "integrity": "sha512-u5YS0J5Egsxt8TUWMMAC3QhPZaak+IzQeyHch4gtqxftx96tprItY7AD/A3pGDF2uCSnN+SZrk6yVexm6EncDw==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-horizontal-rule": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.8.0.tgz",
-      "integrity": "sha512-Sn/MI8WVFBoIYSIHA9NJryJIyCEzZdRysau8pC5TFnfifre0QV1ksPz2bgF+DyCD69ozQiRdBBHDEwKe47ZbfQ==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-italic": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.8.0.tgz",
-      "integrity": "sha512-PwwSE2LTYiHI47NJnsfhBmPiLE8IXZYqaSoNPU6flPrk1KxEzqvRI1joKZBmD9wuqzmHJ93VFIeZcC+kfwi8ZA==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-list-item": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.8.0.tgz",
-      "integrity": "sha512-o7OGymGxB0B9x3x2prp3KBDYFuBYGc5sW69O672jk8G52DqhzzndgPnkk0qUn8nXAUKuDGbJmpmHVA2kagqnRg==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-ordered-list": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.8.0.tgz",
-      "integrity": "sha512-sCvNbcTS1+5QTTXwUPFa10vf5I1pr8sGcOTIh0G+a5ZkS5+6FxT12k7VLzPt39QyNbOi+77U2o4Xr4XyaEkfSg==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/extension-list-item": "^2.7.0",
-        "@tiptap/extension-text-style": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-paragraph": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.8.0.tgz",
-      "integrity": "sha512-XgxxNNbuBF48rAGwv7/s6as92/xjm/lTZIGTq9aG13ClUKFtgdel7C33SpUCcxg3cO2WkEyllXVyKUiauFZw/A==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-placeholder": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-placeholder/-/extension-placeholder-2.8.0.tgz",
-      "integrity": "sha512-BMqv/C9Tcjd7L1/OphUAJTZhWfpWs0rTQJ0bs3RRGsC8L+K20Fg+li45vw7M0teojpfrw57zwJogJd/m23Zr1Q==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-strike": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.8.0.tgz",
-      "integrity": "sha512-ezkDiXxQ3ME/dDMMM7tAMkKRi6UWw7tIu+Mx7Os0z8HCGpVBk1gFhLlhEd8I5rJaPZr4tK1wtSehMA9bscFGQw==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-subscript": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-subscript/-/extension-subscript-2.8.0.tgz",
-      "integrity": "sha512-m14K5M7E+SqqrBul+B9t5sjN4zqTddV+Q+vd+RIm+OHG6AQhwewNoFyghZz5dGZ2Xj7HqiEyusBN+iHwfgJpmg==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-superscript": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-superscript/-/extension-superscript-2.8.0.tgz",
-      "integrity": "sha512-3rAVyRvzhoM51vaeIAEXmr2PkucIwv7ptgyxg6zx6STxcyzMchafGee0LJL7Kcn9uE/n7Yt7ek6bDqo8jU8CtA==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-table": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-table/-/extension-table-2.8.0.tgz",
-      "integrity": "sha512-dm9CitjacXyJuE5SZfV2lUc3uOiP2sxo6fygIzMz7iuxHqQueyONWG+TBkK7HjqzXOiMPsvOf/25NazzIG8HMg==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-table-cell": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-table-cell/-/extension-table-cell-2.8.0.tgz",
-      "integrity": "sha512-IZpxONWyOd474L8+k4bHrFNRhbsl9eRwbNs5O877JkVFItc2WUz1DIhbJzjmBRsqExtWQJuOsiqWFab1kpiwGQ==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-table-header": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-table-header/-/extension-table-header-2.8.0.tgz",
-      "integrity": "sha512-B67A96yMQlG96IFzZBc7D5dnn7O29hcjuDLtjyZkKvU5D/RlFKPMmC9nVphCV3CnbkvEOZUdK9pNaOpen64naw==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-table-row": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-table-row/-/extension-table-row-2.8.0.tgz",
-      "integrity": "sha512-Iezej6l7X+WqKzGLmCgAwmpL+QsfjFv1g8yVH5d0/3Pkcj3G9nDn+GSm4bZnbfYFyqInHG94PZ5PMReiALrJtA==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-text": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.8.0.tgz",
-      "integrity": "sha512-EDAdFFzWOvQfVy7j3qkKhBpOeE5thkJaBemSWfXI93/gMVc0ZCdLi24mDvNNgUHlT+RjlIoQq908jZaaxLKN2A==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-text-align": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-text-align/-/extension-text-align-2.8.0.tgz",
-      "integrity": "sha512-Y6s/DF+P4lxpAnvSrnmt4xGwQT/AJJJm0aA1wu5GuPKpAQ+K4C7K6rE6uGNAXtR39GlewC7KdmcvA+CYhL8xlw==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-text-style": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-text-style/-/extension-text-style-2.8.0.tgz",
-      "integrity": "sha512-jJp0vcZ2Ty7RvIL0VU6dm1y+fTfXq1lN2GwtYzYM0ueFuESa+Qo8ticYOImyWZ3wGJGVrjn7OV9r0ReW0/NYkQ==",
-      "license": "MIT",
-      "peer": true,
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-typography": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-typography/-/extension-typography-2.8.0.tgz",
-      "integrity": "sha512-g+tbUba6cHbz62rLlmAdXw3GqBfZBVnYXtRqnQzTTPgb8a00+vEoUWA3sNyloq8FhfKFYcMWQDiqaVDqmity+w==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-underline": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-2.8.0.tgz",
-      "integrity": "sha512-1ouuHwZJphT8OosAmp6x8e+Wly3cUd1pNWBiOutJX+6QRGBXJnIKFCzn8YOTlWhg1YQigisG7dNF3YdlyuRNHw==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/pm": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.8.0.tgz",
-      "integrity": "sha512-eMGpRooUMvKz/vOpnKKppApMSoNM325HxTdAJvTlVAmuHp5bOY5kyY1kfUlePRiVx1t1UlFcXs3kecFwkkBD3Q==",
-      "license": "MIT",
-      "dependencies": {
-        "prosemirror-changeset": "^2.2.1",
-        "prosemirror-collab": "^1.3.1",
-        "prosemirror-commands": "^1.6.0",
-        "prosemirror-dropcursor": "^1.8.1",
-        "prosemirror-gapcursor": "^1.3.2",
-        "prosemirror-history": "^1.4.1",
-        "prosemirror-inputrules": "^1.4.0",
-        "prosemirror-keymap": "^1.2.2",
-        "prosemirror-markdown": "^1.13.0",
-        "prosemirror-menu": "^1.2.4",
-        "prosemirror-model": "^1.22.3",
-        "prosemirror-schema-basic": "^1.2.3",
-        "prosemirror-schema-list": "^1.4.1",
-        "prosemirror-state": "^1.4.3",
-        "prosemirror-tables": "^1.4.0",
-        "prosemirror-trailing-node": "^3.0.0",
-        "prosemirror-transform": "^1.10.0",
-        "prosemirror-view": "^1.33.10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      }
-    },
-    "node_modules/@tiptap/vue-3": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/@tiptap/vue-3/-/vue-3-2.8.0.tgz",
-      "integrity": "sha512-bJLoNQAkKXcWfRuX1YGu7SQFF+xY40YkpDagBXKXtmAfwIAwjO52grj4dpZoEtM12ZyxsC2RAHYYxBVPPYRSnw==",
-      "license": "MIT",
-      "dependencies": {
-        "@tiptap/extension-bubble-menu": "^2.8.0",
-        "@tiptap/extension-floating-menu": "^2.8.0"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0",
-        "vue": "^3.0.0"
-      }
-    },
-    "node_modules/@tootallnate/once": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
-      "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@trysound/sax": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
-      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/@types/estree": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
-      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/hast": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
-      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
-      "dependencies": {
-        "@types/unist": "*"
-      }
-    },
-    "node_modules/@types/lodash": {
-      "version": "4.17.6",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.6.tgz",
-      "integrity": "sha512-OpXEVoCKSS3lQqjx9GGGOapBeuW5eUboYHRlHP9urXPX25IKZ6AnP5ZRxtVf63iieUbsHxLn8NQ5Nlftc6yzAA=="
-    },
-    "node_modules/@types/node": {
-      "version": "20.14.10",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.10.tgz",
-      "integrity": "sha512-MdiXf+nDuMvY0gJKxyfZ7/6UFsETO7mGKF54MVD/ekJS6HdFtpZFBgrh6Pseu64XTb2MLyFPlbW6hj8HYRQNOQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "undici-types": "~5.26.4"
-      }
-    },
-    "node_modules/@types/resize-observer-browser": {
-      "version": "0.1.11",
-      "resolved": "https://registry.npmjs.org/@types/resize-observer-browser/-/resize-observer-browser-0.1.11.tgz",
-      "integrity": "sha512-cNw5iH8JkMkb3QkCoe7DaZiawbDQEUX8t7iuQaRTyLOyQCR2h+ibBD4GJt7p5yhUHrlOeL7ZtbxNHeipqNsBzQ=="
-    },
-    "node_modules/@types/unist": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.2.tgz",
-      "integrity": "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="
-    },
-    "node_modules/@types/web-bluetooth": {
-      "version": "0.0.20",
-      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
-      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow=="
-    },
-    "node_modules/@vitejs/plugin-vue": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.1.tgz",
-      "integrity": "sha512-cxh314tzaWwOLqVes2gnnCtvBDcM1UMdn+iFR+UjAn411dPT3tOmqrJjbMd7koZpMAmBM/GqeV4n9ge7JSiJJQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.0.0 || >=20.0.0"
-      },
-      "peerDependencies": {
-        "vite": "^5.0.0 || ^6.0.0",
-        "vue": "^3.2.25"
-      }
-    },
-    "node_modules/@vitest/expect": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.0.5.tgz",
-      "integrity": "sha512-nNIOqupgZ4v5jWuQx2DSlHLEs7Q4Oh/7AYwNyE+k0UQzG7tSmjPXShUikn1mpNGzYEN2jJbTvLejwShMitovBA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/spy": "3.0.5",
-        "@vitest/utils": "3.0.5",
-        "chai": "^5.1.2",
-        "tinyrainbow": "^2.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/mocker": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-3.0.5.tgz",
-      "integrity": "sha512-CLPNBFBIE7x6aEGbIjaQAX03ZZlBMaWwAjBdMkIf/cAn6xzLTiM3zYqO/WAbieEjsAZir6tO71mzeHZoodThvw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/spy": "3.0.5",
-        "estree-walker": "^3.0.3",
-        "magic-string": "^0.30.17"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      },
-      "peerDependencies": {
-        "msw": "^2.4.9",
-        "vite": "^5.0.0 || ^6.0.0"
-      },
-      "peerDependenciesMeta": {
-        "msw": {
-          "optional": true
-        },
-        "vite": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vitest/mocker/node_modules/estree-walker": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "^1.0.0"
-      }
-    },
-    "node_modules/@vitest/pretty-format": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.0.5.tgz",
-      "integrity": "sha512-CjUtdmpOcm4RVtB+up8r2vVDLR16Mgm/bYdkGFe3Yj/scRfCpbSi2W/BDSDcFK7ohw8UXvjMbOp9H4fByd/cOA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tinyrainbow": "^2.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/runner": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-3.0.5.tgz",
-      "integrity": "sha512-BAiZFityFexZQi2yN4OX3OkJC6scwRo8EhRB0Z5HIGGgd2q+Nq29LgHU/+ovCtd0fOfXj5ZI6pwdlUmC5bpi8A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/utils": "3.0.5",
-        "pathe": "^2.0.2"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/snapshot": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-3.0.5.tgz",
-      "integrity": "sha512-GJPZYcd7v8QNUJ7vRvLDmRwl+a1fGg4T/54lZXe+UOGy47F9yUfE18hRCtXL5aHN/AONu29NGzIXSVFh9K0feA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/pretty-format": "3.0.5",
-        "magic-string": "^0.30.17",
-        "pathe": "^2.0.2"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/spy": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.0.5.tgz",
-      "integrity": "sha512-5fOzHj0WbUNqPK6blI/8VzZdkBlQLnT25knX0r4dbZI9qoZDf3qAdjoMmDcLG5A83W6oUUFJgUd0EYBc2P5xqg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tinyspy": "^3.0.2"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/utils": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.0.5.tgz",
-      "integrity": "sha512-N9AX0NUoUtVwKwy21JtwzaqR5L5R5A99GAbrHfCCXK1lp593i/3AZAXhSP43wRQuxYsflrdzEfXZFo1reR1Nkg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/pretty-format": "3.0.5",
-        "loupe": "^3.1.2",
-        "tinyrainbow": "^2.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vue/compiler-core": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.13.tgz",
-      "integrity": "sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.25.3",
-        "@vue/shared": "3.5.13",
-        "entities": "^4.5.0",
-        "estree-walker": "^2.0.2",
-        "source-map-js": "^1.2.0"
-      }
-    },
-    "node_modules/@vue/compiler-core/node_modules/@vue/shared": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
-      "license": "MIT"
-    },
-    "node_modules/@vue/compiler-dom": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
-      "integrity": "sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/compiler-core": "3.5.13",
-        "@vue/shared": "3.5.13"
-      }
-    },
-    "node_modules/@vue/compiler-dom/node_modules/@vue/shared": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
-      "license": "MIT"
-    },
-    "node_modules/@vue/compiler-sfc": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz",
-      "integrity": "sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.25.3",
-        "@vue/compiler-core": "3.5.13",
-        "@vue/compiler-dom": "3.5.13",
-        "@vue/compiler-ssr": "3.5.13",
-        "@vue/shared": "3.5.13",
-        "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.11",
-        "postcss": "^8.4.48",
-        "source-map-js": "^1.2.0"
-      }
-    },
-    "node_modules/@vue/compiler-sfc/node_modules/@vue/shared": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
-      "license": "MIT"
-    },
-    "node_modules/@vue/compiler-ssr": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz",
-      "integrity": "sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/compiler-dom": "3.5.13",
-        "@vue/shared": "3.5.13"
-      }
-    },
-    "node_modules/@vue/compiler-ssr/node_modules/@vue/shared": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
-      "license": "MIT"
-    },
-    "node_modules/@vue/devtools-api": {
-      "version": "6.6.3",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.3.tgz",
-      "integrity": "sha512-0MiMsFma/HqA6g3KLKn+AGpL1kgKhFWszC9U29NfpWK5LE7bjeXxySWJrOJ77hBz+TBrBQ7o4QJqbPbqbs8rJw=="
-    },
-    "node_modules/@vue/reactivity": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
-      "integrity": "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==",
-      "dependencies": {
-        "@vue/shared": "3.1.5"
-      }
-    },
-    "node_modules/@vue/runtime-core": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.13.tgz",
-      "integrity": "sha512-Fj4YRQ3Az0WTZw1sFe+QDb0aXCerigEpw418pw1HBUKFtnQHWzwojaukAs2X/c9DQz4MQ4bsXTGlcpGxU/RCIw==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/reactivity": "3.5.13",
-        "@vue/shared": "3.5.13"
-      }
-    },
-    "node_modules/@vue/runtime-core/node_modules/@vue/reactivity": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz",
-      "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/shared": "3.5.13"
-      }
-    },
-    "node_modules/@vue/runtime-core/node_modules/@vue/shared": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
-      "license": "MIT"
-    },
-    "node_modules/@vue/runtime-dom": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.13.tgz",
-      "integrity": "sha512-dLaj94s93NYLqjLiyFzVs9X6dWhTdAlEAciC3Moq7gzAc13VJUdCnjjRurNM6uTLFATRHexHCTu/Xp3eW6yoog==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/reactivity": "3.5.13",
-        "@vue/runtime-core": "3.5.13",
-        "@vue/shared": "3.5.13",
-        "csstype": "^3.1.3"
-      }
-    },
-    "node_modules/@vue/runtime-dom/node_modules/@vue/reactivity": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz",
-      "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/shared": "3.5.13"
-      }
-    },
-    "node_modules/@vue/runtime-dom/node_modules/@vue/shared": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
-      "license": "MIT"
-    },
-    "node_modules/@vue/server-renderer": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.13.tgz",
-      "integrity": "sha512-wAi4IRJV/2SAW3htkTlB+dHeRmpTiVIK1OGLWV1yeStVSebSQQOwGwIq0D3ZIoBj2C2qpgz5+vX9iEBkTdk5YA==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/compiler-ssr": "3.5.13",
-        "@vue/shared": "3.5.13"
-      },
-      "peerDependencies": {
-        "vue": "3.5.13"
-      }
-    },
-    "node_modules/@vue/server-renderer/node_modules/@vue/shared": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
-      "license": "MIT"
-    },
-    "node_modules/@vue/shared": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.5.tgz",
-      "integrity": "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA=="
-    },
-    "node_modules/@vue/test-utils": {
-      "version": "2.4.6",
-      "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.4.6.tgz",
-      "integrity": "sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "js-beautify": "^1.14.9",
-        "vue-component-type-helpers": "^2.0.0"
-      }
-    },
-    "node_modules/@vueuse/core": {
-      "version": "10.11.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.11.0.tgz",
-      "integrity": "sha512-x3sD4Mkm7PJ+pcq3HX8PLPBadXCAlSDR/waK87dz0gQE+qJnaaFhc/dZVfJz+IUYzTMVGum2QlR7ImiJQN4s6g==",
-      "dependencies": {
-        "@types/web-bluetooth": "^0.0.20",
-        "@vueuse/metadata": "10.11.0",
-        "@vueuse/shared": "10.11.0",
-        "vue-demi": ">=0.14.8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/@vueuse/metadata": {
-      "version": "10.11.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.11.0.tgz",
-      "integrity": "sha512-kQX7l6l8dVWNqlqyN3ePW3KmjCQO3ZMgXuBMddIu83CmucrsBfXlH+JoviYyRBws/yLTQO8g3Pbw+bdIoVm4oQ==",
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/@vueuse/shared": {
-      "version": "10.11.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.11.0.tgz",
-      "integrity": "sha512-fyNoIXEq3PfX1L3NkNhtVQUSRtqYwJtJg+Bp9rIzculIZWHTkKSysujrOk2J+NrRulLTQH9+3gGSfYLWSEWU1A==",
-      "dependencies": {
-        "vue-demi": ">=0.14.8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/abab": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
-      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
-      "deprecated": "Use your platform's native atob() and btoa() methods instead",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/abbrev": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz",
-      "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==",
-      "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-      }
-    },
-    "node_modules/acorn": {
-      "version": "8.12.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
-      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-globals": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-7.0.1.tgz",
-      "integrity": "sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "acorn": "^8.1.0",
-        "acorn-walk": "^8.0.2"
-      }
-    },
-    "node_modules/acorn-walk": {
-      "version": "8.3.3",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.3.tgz",
-      "integrity": "sha512-MxXdReSRhGO7VlFe1bRG/oI7/mdLV9B9JJT0N8vZOhF7gFRR5l3M8W9G8JxmKV+JC5mGqJ0QvqfSOLsCPa4nUw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "acorn": "^8.11.0"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/agent-base": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
-      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6.0.0"
-      }
-    },
-    "node_modules/aggregate-error": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
-      "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "clean-stack": "^2.0.0",
-        "indent-string": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/alpinejs": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.14.1.tgz",
-      "integrity": "sha512-ICar8UsnRZAYvv/fCNfNeKMXNoXGUfwHrjx7LqXd08zIP95G2d9bAOuaL97re+1mgt/HojqHsfdOLo/A5LuWgQ==",
-      "dependencies": {
-        "@vue/reactivity": "~3.1.1"
-      }
-    },
-    "node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/any-promise": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-      "dev": true
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "dev": true,
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/arg": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "dev": true
-    },
-    "node_modules/aria-hidden": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.4.tgz",
-      "integrity": "sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==",
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/assertion-error": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
-      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/asynckit": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
-    },
-    "node_modules/autoprefixer": {
-      "version": "10.4.19",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.19.tgz",
-      "integrity": "sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "browserslist": "^4.23.0",
-        "caniuse-lite": "^1.0.30001599",
-        "fraction.js": "^4.3.7",
-        "normalize-range": "^0.1.2",
-        "picocolors": "^1.0.0",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "bin": {
-        "autoprefixer": "bin/autoprefixer"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      },
-      "peerDependencies": {
-        "postcss": "^8.1.0"
-      }
-    },
-    "node_modules/autosize": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/autosize/-/autosize-6.0.1.tgz",
-      "integrity": "sha512-f86EjiUKE6Xvczc4ioP1JBlWG7FKrE13qe/DxBCpe8GCipCq2nFw73aO8QEBKHfSbYGDN5eB9jXWKen7tspDqQ=="
-    },
-    "node_modules/axios": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.8.4.tgz",
-      "integrity": "sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==",
-      "license": "MIT",
-      "dependencies": {
-        "follow-redirects": "^1.15.6",
-        "form-data": "^4.0.0",
-        "proxy-from-env": "^1.1.0"
-      }
-    },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
-    },
-    "node_modules/binary-extensions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
-      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/body-scroll-lock": {
-      "version": "4.0.0-beta.0",
-      "resolved": "https://registry.npmjs.org/body-scroll-lock/-/body-scroll-lock-4.0.0-beta.0.tgz",
-      "integrity": "sha512-a7tP5+0Mw3YlUJcGAKUqIBkYYGlYxk2fnCasq/FUph1hadxlTRjF+gAcZksxANnaMnALjxEddmSi/H3OR8ugcQ=="
-    },
-    "node_modules/boolbase": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="
-    },
-    "node_modules/braces": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "dev": true,
-      "dependencies": {
-        "fill-range": "^7.1.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/browserslist": {
-      "version": "4.23.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.1.tgz",
-      "integrity": "sha512-TUfofFo/KsK/bWZ9TWQ5O26tsWW4Uhmt8IYklbnUa70udB6P2wA7w7o4PY4muaEPBQaAX+CEnmmIA41NVHtPVw==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "caniuse-lite": "^1.0.30001629",
-        "electron-to-chromium": "^1.4.796",
-        "node-releases": "^2.0.14",
-        "update-browserslist-db": "^1.0.16"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/cac": {
-      "version": "6.7.14",
-      "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
-      "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/call-bind": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
-      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
-      "dependencies": {
-        "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.4",
-        "set-function-length": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/camelcase-css": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001640",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001640.tgz",
-      "integrity": "sha512-lA4VMpW0PSUrFnkmVuEKBUovSWKhj7puyCg8StBChgu298N1AtuF1sKWEvfDuimSEDbhlb/KqPKC3fs1HbuQUA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ]
-    },
-    "node_modules/chai": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/chai/-/chai-5.1.2.tgz",
-      "integrity": "sha512-aGtmf24DW6MLHHG5gCx4zaI3uBq3KRtxeVs0DjFH6Z0rDNbsvTxFASFvdj79pxjxZ8/5u3PIiN3IwEIQkiiuPw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "assertion-error": "^2.0.1",
-        "check-error": "^2.1.1",
-        "deep-eql": "^5.0.1",
-        "loupe": "^3.1.0",
-        "pathval": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/check-error": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.1.tgz",
-      "integrity": "sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 16"
-      }
-    },
-    "node_modules/chokidar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "dev": true,
-      "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
-      "engines": {
-        "node": ">= 8.10.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/chokidar/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/clean-stack": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
-      "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/cliui": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
-      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.1",
-        "wrap-ansi": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/clone": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
-      "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
-    "node_modules/clsx": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
-      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/codemirror": {
-      "version": "5.65.12",
-      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.12.tgz",
-      "integrity": "sha512-z2jlHBocElRnPYysN2HAuhXbO3DNB0bcSKmNz3hcWR2Js2Dkhc1bEOxG93Z3DeUrnm+qx56XOY5wQmbP5KY0sw=="
-    },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "license": "MIT",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "license": "MIT"
-    },
-    "node_modules/combined-stream": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "dependencies": {
-        "delayed-stream": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/commander": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
-      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/condense-newlines": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/condense-newlines/-/condense-newlines-0.2.1.tgz",
-      "integrity": "sha512-P7X+QL9Hb9B/c8HI5BFFKmjgBu2XpQuF98WZ9XkO+dBGgk5XgwiQz7o1SmpglNWId3581UcS0SFAWfoIhMHPfg==",
-      "dependencies": {
-        "extend-shallow": "^2.0.1",
-        "is-whitespace": "^0.3.0",
-        "kind-of": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/config-chain": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
-      "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
-      "dependencies": {
-        "ini": "^1.3.4",
-        "proto-list": "~1.2.1"
-      }
-    },
-    "node_modules/cookies-js": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/cookies-js/-/cookies-js-1.2.3.tgz",
-      "integrity": "sha512-yqW9Kl46LcwedlF+2wyFSaCSwRKRrU6m3n9WoAsFfn23bpRfkEBwfOkD+lFw4jCLLs960ke/aM5Qe1BAhtgJmQ=="
-    },
-    "node_modules/core-js-pure": {
-      "version": "3.37.1",
-      "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.37.1.tgz",
-      "integrity": "sha512-J/r5JTHSmzTxbiYYrzXg9w1VpqrYt+gexenBE9pugeyhwPZTAEJddyiReJWsLO6uNQ8xJZFbod6XC7KKwatCiA==",
-      "hasInstallScript": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/core-js"
-      }
-    },
-    "node_modules/crelt": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
-      "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g=="
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
-      "license": "MIT",
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/css-select": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
-      "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
-      "dependencies": {
-        "boolbase": "^1.0.0",
-        "css-what": "^6.1.0",
-        "domhandler": "^5.0.2",
-        "domutils": "^3.0.1",
-        "nth-check": "^2.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
-    "node_modules/css-tree": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
-      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
-      "dependencies": {
-        "mdn-data": "2.0.30",
-        "source-map-js": "^1.0.1"
-      },
-      "engines": {
-        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
-      }
-    },
-    "node_modules/css-what": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
-      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
-      "engines": {
-        "node": ">= 6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
-    "node_modules/cssesc": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true,
-      "bin": {
-        "cssesc": "bin/cssesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/csso": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz",
-      "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
-      "dependencies": {
-        "css-tree": "~2.2.0"
-      },
-      "engines": {
-        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
-        "npm": ">=7.0.0"
-      }
-    },
-    "node_modules/csso/node_modules/css-tree": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
-      "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
-      "dependencies": {
-        "mdn-data": "2.0.28",
-        "source-map-js": "^1.0.1"
-      },
-      "engines": {
-        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
-        "npm": ">=7.0.0"
-      }
-    },
-    "node_modules/csso/node_modules/mdn-data": {
-      "version": "2.0.28",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz",
-      "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g=="
-    },
-    "node_modules/cssom": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.5.0.tgz",
-      "integrity": "sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/cssstyle": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz",
-      "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "cssom": "~0.3.6"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cssstyle/node_modules/cssom": {
-      "version": "0.3.8",
-      "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
-      "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/csstype": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "license": "MIT"
-    },
-    "node_modules/cva": {
-      "version": "1.0.0-beta.3",
-      "resolved": "https://registry.npmjs.org/cva/-/cva-1.0.0-beta.3.tgz",
-      "integrity": "sha512-CZa8pTkpEygxJRLH9aod/wfnSgK5z/0GJqG/NNehlwam+S8llqCWUXS3eCenvAiW5sTUpwTWE6bJaeeZ/b4pzA==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "clsx": "^2.1.1"
-      },
-      "funding": {
-        "url": "https://polar.sh/cva"
-      },
-      "peerDependencies": {
-        "typescript": ">= 4.5.5"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/data-urls": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-3.0.2.tgz",
-      "integrity": "sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "abab": "^2.0.6",
-        "whatwg-mimetype": "^3.0.0",
-        "whatwg-url": "^11.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/date-fns": {
-      "version": "2.30.0",
-      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
-      "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
-      "dependencies": {
-        "@babel/runtime": "^7.21.0"
-      },
-      "engines": {
-        "node": ">=0.11"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/date-fns"
-      }
-    },
-    "node_modules/date-fns-tz": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/date-fns-tz/-/date-fns-tz-2.0.1.tgz",
-      "integrity": "sha512-fJCG3Pwx8HUoLhkepdsP7Z5RsucUi+ZBOxyM5d0ZZ6c4SdYustq0VMmOu6Wf7bli+yS/Jwp91TOCqn9jMcVrUA==",
-      "peerDependencies": {
-        "date-fns": "2.x"
-      }
-    },
-    "node_modules/debug": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
-      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/decimal.js": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
-      "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/deep-eql": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
-      "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/defaults": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz",
-      "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "clone": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/define-data-property": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
-      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
-      "dependencies": {
-        "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/define-lazy-prop": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
-      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/defu": {
-      "version": "6.1.4",
-      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
-      "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
-      "license": "MIT"
-    },
-    "node_modules/delayed-stream": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/dequal": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
-      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/devlop": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
-      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
-      "dependencies": {
-        "dequal": "^2.0.0"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/didyoumean": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "dev": true
-    },
-    "node_modules/dlv": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "dev": true
-    },
-    "node_modules/dom-serializer": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
-      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
-      "dependencies": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.2",
-        "entities": "^4.2.0"
-      },
-      "funding": {
-        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
-      }
-    },
-    "node_modules/domelementtype": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
-      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ]
-    },
-    "node_modules/domexception": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz",
-      "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
-      "deprecated": "Use your platform's native DOMException instead",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "webidl-conversions": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/domhandler": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
-      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
-      "dependencies": {
-        "domelementtype": "^2.3.0"
-      },
-      "engines": {
-        "node": ">= 4"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domhandler?sponsor=1"
-      }
-    },
-    "node_modules/domutils": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
-      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
-      "dependencies": {
-        "dom-serializer": "^2.0.0",
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domutils?sponsor=1"
-      }
-    },
-    "node_modules/drag-event-service": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/drag-event-service/-/drag-event-service-2.0.0.tgz",
-      "integrity": "sha512-JVEnOEbbNDS3RrWd+tVVIDu2SHQZ9luhEFGSQ1hXMjl+ABw0PxhHmnkGjzPVE836Tsg+k7rkm5GM9Ln/UgbYpA==",
-      "dependencies": {
-        "@babel/runtime": "^7.7.7",
-        "helper-js": "^3.0.0"
-      }
-    },
-    "node_modules/eastasianwidth": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
-    },
-    "node_modules/easy-table": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/easy-table/-/easy-table-1.2.0.tgz",
-      "integrity": "sha512-OFzVOv03YpvtcWGe5AayU5G2hgybsg3iqA6drU8UaoZyB9jLGMTrz9+asnLp/E+6qPh88yEI1gvyZFZ41dmgww==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "optionalDependencies": {
-        "wcwidth": "^1.0.1"
-      }
-    },
-    "node_modules/editorconfig": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-1.0.4.tgz",
-      "integrity": "sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==",
-      "dependencies": {
-        "@one-ini/wasm": "0.1.1",
-        "commander": "^10.0.0",
-        "minimatch": "9.0.1",
-        "semver": "^7.5.3"
-      },
-      "bin": {
-        "editorconfig": "bin/editorconfig"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/editorconfig/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/editorconfig/node_modules/minimatch": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
-      "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.4.818",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.818.tgz",
-      "integrity": "sha512-eGvIk2V0dGImV9gWLq8fDfTTsCAeMDwZqEPMr+jMInxZdnp9Us8UpovYpRCf9NQ7VOFgrN2doNSgvISbsbNpxA==",
-      "dev": true
-    },
-    "node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
-    },
-    "node_modules/enhanced-resolve": {
-      "version": "5.18.1",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
-      "integrity": "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "graceful-fs": "^4.2.4",
-        "tapable": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/es-define-property": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
-      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
-      "dependencies": {
-        "get-intrinsic": "^1.2.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-errors": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-module-lexer": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.6.0.tgz",
-      "integrity": "sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/esbuild": {
-      "version": "0.25.1",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.1.tgz",
-      "integrity": "sha512-BGO5LtrGC7vxnqucAe/rmvKdJllfGaYWdyABvyMoXQlfYMb2bbRuReWR5tEGE//4LcNJj9XrkovTqNYRFZHAMQ==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.25.1",
-        "@esbuild/android-arm": "0.25.1",
-        "@esbuild/android-arm64": "0.25.1",
-        "@esbuild/android-x64": "0.25.1",
-        "@esbuild/darwin-arm64": "0.25.1",
-        "@esbuild/darwin-x64": "0.25.1",
-        "@esbuild/freebsd-arm64": "0.25.1",
-        "@esbuild/freebsd-x64": "0.25.1",
-        "@esbuild/linux-arm": "0.25.1",
-        "@esbuild/linux-arm64": "0.25.1",
-        "@esbuild/linux-ia32": "0.25.1",
-        "@esbuild/linux-loong64": "0.25.1",
-        "@esbuild/linux-mips64el": "0.25.1",
-        "@esbuild/linux-ppc64": "0.25.1",
-        "@esbuild/linux-riscv64": "0.25.1",
-        "@esbuild/linux-s390x": "0.25.1",
-        "@esbuild/linux-x64": "0.25.1",
-        "@esbuild/netbsd-arm64": "0.25.1",
-        "@esbuild/netbsd-x64": "0.25.1",
-        "@esbuild/openbsd-arm64": "0.25.1",
-        "@esbuild/openbsd-x64": "0.25.1",
-        "@esbuild/sunos-x64": "0.25.1",
-        "@esbuild/win32-arm64": "0.25.1",
-        "@esbuild/win32-ia32": "0.25.1",
-        "@esbuild/win32-x64": "0.25.1"
-      }
-    },
-    "node_modules/escalade": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
-      "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/escodegen": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
-      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "esprima": "^4.0.1",
-        "estraverse": "^5.2.0",
-        "esutils": "^2.0.2"
-      },
-      "bin": {
-        "escodegen": "bin/escodegen.js",
-        "esgenerate": "bin/esgenerate.js"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "optionalDependencies": {
-        "source-map": "~0.6.1"
-      }
-    },
-    "node_modules/esprima": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
-      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "bin": {
-        "esparse": "bin/esparse.js",
-        "esvalidate": "bin/esvalidate.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estree-walker": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
-    },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/expect-type": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.1.0.tgz",
-      "integrity": "sha512-bFi65yM+xZgk+u/KRIpekdSYkTB5W1pEf0Lt8Q8Msh7b+eQ7LXVtIB1Bkm4fvclDEL1b2CZkMhv2mOeF8tMdkA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/extend-shallow": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
-      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
-      "dependencies": {
-        "is-extendable": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/fast-glob": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
-      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.8"
-      },
-      "engines": {
-        "node": ">=8.6.0"
-      }
-    },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fastq": {
-      "version": "1.17.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
-      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
-      "dev": true,
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "node_modules/fill-range": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "dev": true,
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/floating-vue": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/floating-vue/-/floating-vue-5.2.2.tgz",
-      "integrity": "sha512-afW+h2CFafo+7Y9Lvw/xsqjaQlKLdJV7h1fCHfcYQ1C4SVMlu7OAekqWgu5d4SgvkBVU0pVpLlVsrSTBURFRkg==",
-      "dependencies": {
-        "@floating-ui/dom": "~1.1.1",
-        "vue-resize": "^2.0.0-alpha.1"
-      },
-      "peerDependencies": {
-        "@nuxt/kit": "^3.2.0",
-        "vue": "^3.2.0"
-      },
-      "peerDependenciesMeta": {
-        "@nuxt/kit": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/floating-vue/node_modules/@floating-ui/dom": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.1.1.tgz",
-      "integrity": "sha512-TpIO93+DIujg3g7SykEAGZMDtbJRrmnYRCNYSjJlvIbGhBjRSNTLVbNeDQBrzy9qDgUbiWdc7KA0uZHZ2tJmiw==",
-      "dependencies": {
-        "@floating-ui/core": "^1.1.0"
-      }
-    },
-    "node_modules/focus-trap": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.5.4.tgz",
-      "integrity": "sha512-N7kHdlgsO/v+iD/dMoJKtsSqs5Dz/dXZVebRgJw23LDk+jMi/974zyiOYDziY2JPp8xivq9BmUGwIJMiuSBi7w==",
-      "dependencies": {
-        "tabbable": "^6.2.0"
-      }
-    },
-    "node_modules/follow-redirects": {
-      "version": "1.15.6",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
-      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/RubenVerborgh"
-        }
-      ],
-      "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependenciesMeta": {
-        "debug": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/foreground-child": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.2.1.tgz",
-      "integrity": "sha512-PXUUyLqrR2XCWICfv6ukppP96sdFwWbNEnfEMt7jNsISjMsvaLNinAHNDYyvkyU+SZG2BTSbT5NjG+vZslfGTA==",
-      "dependencies": {
-        "cross-spawn": "^7.0.0",
-        "signal-exit": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/foreground-child/node_modules/signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/form-data": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "mime-types": "^2.1.12"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fraction.js": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
-      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
-      "dev": true,
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "type": "patreon",
-        "url": "https://github.com/sponsors/rawify"
-      }
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/fuse.js": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-7.0.0.tgz",
-      "integrity": "sha512-14F4hBIxqKvD4Zz/XjDc3y94mNZN6pRv3U13Udo0lNLCWRBUsrMv2xwcF/y/Z5sV6+FQW+/ow68cHpm4sunt8Q==",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/get-caller-file": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": "6.* || 8.* || >= 10.*"
-      }
-    },
-    "node_modules/get-intrinsic": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
-      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "dependencies": {
-        "get-intrinsic": "^1.1.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/graceful-fs": {
-      "version": "4.2.11",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-      "dev": true
-    },
-    "node_modules/has-property-descriptors": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
-      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
-      "dependencies": {
-        "es-define-property": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-proto": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
-      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/helper-js": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/helper-js/-/helper-js-3.1.5.tgz",
-      "integrity": "sha512-CQ56onWqmWwJRUK55/aJ6EeJUV/eqoRiayG6bk2i0Bhs79U94M+aRdA2QLOUGXp/Hy5yAos+YQK1LQHRWiSOHw==",
-      "dependencies": {
-        "@babel/runtime": "^7.7.7"
-      }
-    },
-    "node_modules/highlight.js": {
-      "version": "11.10.0",
-      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.10.0.tgz",
-      "integrity": "sha512-SYVnVFswQER+zu1laSya563s+F8VDGt7o35d4utbamowvUNLLMovFqwCLSocpZTz3MgaSRA1IbqRWZv97dtErQ==",
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/html-encoding-sniffer": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
-      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "whatwg-encoding": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/http-proxy-agent": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
-      "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@tootallnate/once": "2",
-        "agent-base": "6",
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/https-proxy-agent": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
-      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "agent-base": "6",
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/iconv-lite": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/ignore": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
-      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/imask": {
-      "version": "7.6.1",
-      "resolved": "https://registry.npmjs.org/imask/-/imask-7.6.1.tgz",
-      "integrity": "sha512-sJlIFM7eathUEMChTh9Mrfw/IgiWgJqBKq2VNbyXvBZ7ev/IlO6/KQTKlV/Fm+viQMLrFLG/zCuudrLIwgK2dg==",
-      "dependencies": {
-        "@babel/runtime-corejs3": "^7.24.4"
-      },
-      "engines": {
-        "npm": ">=4.0.0"
-      }
-    },
-    "node_modules/indent-string": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ini": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
-    },
-    "node_modules/is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dev": true,
-      "dependencies": {
-        "binary-extensions": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-buffer": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
-      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
-    },
-    "node_modules/is-core-module": {
-      "version": "2.14.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.14.0.tgz",
-      "integrity": "sha512-a5dFJih5ZLYlRtDc0dZWP7RiKr6xIKzmn/oAYCDvdLThadVgyJwlaoQPmRtMSpz+rk0OGAgIu+TcM9HUF0fk1A==",
-      "dev": true,
-      "dependencies": {
-        "hasown": "^2.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-docker": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
-      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "is-docker": "cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-extendable": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
-      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/is-potential-custom-element-name": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
-      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/is-whitespace": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/is-whitespace/-/is-whitespace-0.3.0.tgz",
-      "integrity": "sha512-RydPhl4S6JwAyj0JJjshWJEFG6hNye3pZFBRZaTUfZFwGHxzppNaNOVgQuS/E/SlhrApuMXrpnK1EEIXfdo3Dg==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-wsl": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
-      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-docker": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
-    },
-    "node_modules/jackspeak": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.1.tgz",
-      "integrity": "sha512-U23pQPDnmYybVkYjObcuYMk43VRlMLLqLI+RdZy8s8WV8WsxO9SnqSroKaluuvcNOdCAlauKszDwd+umbot5Mg==",
-      "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
-      }
-    },
-    "node_modules/jiti": {
-      "version": "1.21.6",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
-      "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
-      "dev": true,
-      "bin": {
-        "jiti": "bin/jiti.js"
-      }
-    },
-    "node_modules/js-beautify": {
-      "version": "1.15.1",
-      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.15.1.tgz",
-      "integrity": "sha512-ESjNzSlt/sWE8sciZH8kBF8BPlwXPwhR6pWKAw8bw4Bwj+iZcnKW6ONWUutJ7eObuBZQpiIb8S7OYspWrKt7rA==",
-      "dependencies": {
-        "config-chain": "^1.1.13",
-        "editorconfig": "^1.0.4",
-        "glob": "^10.3.3",
-        "js-cookie": "^3.0.5",
-        "nopt": "^7.2.0"
-      },
-      "bin": {
-        "css-beautify": "js/bin/css-beautify.js",
-        "html-beautify": "js/bin/html-beautify.js",
-        "js-beautify": "js/bin/js-beautify.js"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/js-beautify/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/js-beautify/node_modules/glob": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.3.tgz",
-      "integrity": "sha512-Q38SGlYRpVtDBPSWEylRyctn7uDeTp4NQERTLiCT1FqA9JXPYWqAVmQU6qh4r/zMM5ehxTcbaO8EjhWnvEhmyg==",
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/js-beautify/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/js-cookie": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
-      "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/jsdom": {
-      "version": "20.0.3",
-      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-20.0.3.tgz",
-      "integrity": "sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "abab": "^2.0.6",
-        "acorn": "^8.8.1",
-        "acorn-globals": "^7.0.0",
-        "cssom": "^0.5.0",
-        "cssstyle": "^2.3.0",
-        "data-urls": "^3.0.2",
-        "decimal.js": "^10.4.2",
-        "domexception": "^4.0.0",
-        "escodegen": "^2.0.0",
-        "form-data": "^4.0.0",
-        "html-encoding-sniffer": "^3.0.0",
-        "http-proxy-agent": "^5.0.0",
-        "https-proxy-agent": "^5.0.1",
-        "is-potential-custom-element-name": "^1.0.1",
-        "nwsapi": "^2.2.2",
-        "parse5": "^7.1.1",
-        "saxes": "^6.0.0",
-        "symbol-tree": "^3.2.4",
-        "tough-cookie": "^4.1.2",
-        "w3c-xmlserializer": "^4.0.0",
-        "webidl-conversions": "^7.0.0",
-        "whatwg-encoding": "^2.0.0",
-        "whatwg-mimetype": "^3.0.0",
-        "whatwg-url": "^11.0.0",
-        "ws": "^8.11.0",
-        "xml-name-validator": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "peerDependencies": {
-        "canvas": "^2.5.0"
-      },
-      "peerDependenciesMeta": {
-        "canvas": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/kind-of": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
-      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
-      "dependencies": {
-        "is-buffer": "^1.1.5"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/knip": {
-      "version": "5.43.6",
-      "resolved": "https://registry.npmjs.org/knip/-/knip-5.43.6.tgz",
-      "integrity": "sha512-bUCFlg44imdV5vayYxu0pIAB373S8Ufjda0qaI9oRZDH6ltJFwUoAO2j7nafxDmo5G0ZeP4IiLAHqlc3wYIONQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/webpro"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/knip"
-        },
-        {
-          "type": "polar",
-          "url": "https://polar.sh/webpro-nl"
-        }
-      ],
-      "license": "ISC",
-      "dependencies": {
-        "@nodelib/fs.walk": "3.0.1",
-        "@snyk/github-codeowners": "1.1.0",
-        "easy-table": "1.2.0",
-        "enhanced-resolve": "^5.18.0",
-        "fast-glob": "^3.3.3",
-        "jiti": "^2.4.2",
-        "js-yaml": "^4.1.0",
-        "minimist": "^1.2.8",
-        "picocolors": "^1.1.0",
-        "picomatch": "^4.0.1",
-        "pretty-ms": "^9.0.0",
-        "smol-toml": "^1.3.1",
-        "strip-json-comments": "5.0.1",
-        "summary": "2.1.0",
-        "zod": "^3.22.4",
-        "zod-validation-error": "^3.0.3"
-      },
-      "bin": {
-        "knip": "bin/knip.js",
-        "knip-bun": "bin/knip-bun.js"
-      },
-      "engines": {
-        "node": ">=18.18.0"
-      },
-      "peerDependencies": {
-        "@types/node": ">=18",
-        "typescript": ">=5.0.4"
-      }
-    },
-    "node_modules/knip/node_modules/@nodelib/fs.scandir": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-4.0.1.tgz",
-      "integrity": "sha512-vAkI715yhnmiPupY+dq+xenu5Tdf2TBQ66jLvBIcCddtz+5Q8LbMKaf9CIJJreez8fQ8fgaY+RaywQx8RJIWpw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@nodelib/fs.stat": "4.0.0",
-        "run-parallel": "^1.2.0"
-      },
-      "engines": {
-        "node": ">=18.18.0"
-      }
-    },
-    "node_modules/knip/node_modules/@nodelib/fs.stat": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-4.0.0.tgz",
-      "integrity": "sha512-ctr6bByzksKRCV0bavi8WoQevU6plSp2IkllIsEqaiKe2mwNNnaluhnRhcsgGZHrrHk57B3lf95MkLMO3STYcg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18.18.0"
-      }
-    },
-    "node_modules/knip/node_modules/@nodelib/fs.walk": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-3.0.1.tgz",
-      "integrity": "sha512-nIh/M6Kh3ZtOmlY00DaUYB4xeeV6F3/ts1l29iwl3/cfyY/OuCfUx+v08zgx8TKPTifXRcjjqVQ4KB2zOYSbyw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@nodelib/fs.scandir": "4.0.1",
-        "fastq": "^1.15.0"
-      },
-      "engines": {
-        "node": ">=18.18.0"
-      }
-    },
-    "node_modules/knip/node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true,
-      "license": "Python-2.0"
-    },
-    "node_modules/knip/node_modules/jiti": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz",
-      "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "jiti": "lib/jiti-cli.mjs"
-      }
-    },
-    "node_modules/knip/node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/knip/node_modules/picomatch": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
-      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/knip/node_modules/strip-json-comments": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-5.0.1.tgz",
-      "integrity": "sha512-0fk9zBqO67Nq5M/m45qHCJxylV/DhBlIOVExqgOMiCCrzrhU6tCibRXNqE3jwJLftzE9SNuZtYbpzcO+i9FiKw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/laravel-echo": {
-      "version": "1.16.1",
-      "resolved": "https://registry.npmjs.org/laravel-echo/-/laravel-echo-1.16.1.tgz",
-      "integrity": "sha512-++Ylb6M3ariC9Rk5WE5gZjj6wcEV5kvLF8b+geJ5/rRIfdoOA+eG6b9qJPrarMD9rY28Apx+l3eelIrCc2skVg==",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/laravel-vite-plugin": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-1.2.0.tgz",
-      "integrity": "sha512-R0pJ+IcTVeqEMoKz/B2Ij57QVq3sFTABiFmb06gAwFdivbOgsUtuhX6N2MGLEArajrS3U5JbberzwOe7uXHMHQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "picocolors": "^1.0.0",
-        "vite-plugin-full-reload": "^1.1.0"
-      },
-      "bin": {
-        "clean-orphaned-assets": "bin/clean.js"
-      },
-      "engines": {
-        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
-      },
-      "peerDependencies": {
-        "vite": "^5.0.0 || ^6.0.0"
-      }
-    },
-    "node_modules/lilconfig": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
-      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true
-    },
-    "node_modules/linkify-it": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
-      "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
-      "dependencies": {
-        "uc.micro": "^2.0.0"
-      }
-    },
-    "node_modules/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-    },
-    "node_modules/lodash-es": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
-      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
-      "license": "MIT"
-    },
-    "node_modules/lodash.castarray": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
-      "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==",
-      "dev": true
-    },
-    "node_modules/lodash.isplainobject": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
-      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
-      "dev": true
-    },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true
-    },
-    "node_modules/loupe": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.1.3.tgz",
-      "integrity": "sha512-kkIp7XSkP78ZxJEsSxW3712C6teJVoeHHwgo9zJ380de7IYyJ2ISlxojcH2pC5OFLewESmnRi/+XCDIEEVyoug==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/lowlight": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/lowlight/-/lowlight-3.1.0.tgz",
-      "integrity": "sha512-CEbNVoSikAxwDMDPjXlqlFYiZLkDJHwyGu/MfOsJnF3d7f3tds5J3z8s/l9TMXhzfsJCCJEAsD78842mwmg0PQ==",
-      "dependencies": {
-        "@types/hast": "^3.0.0",
-        "devlop": "^1.0.0",
-        "highlight.js": "~11.9.0"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/lowlight/node_modules/highlight.js": {
-      "version": "11.9.0",
-      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.9.0.tgz",
-      "integrity": "sha512-fJ7cW7fQGCYAkgv4CPfwFHrfd/cLS4Hau96JuJ+ZTOWhjnhoeN1ub1tFmALm/+lW5z4WCAuAV9bm05AP0mS6Gw==",
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/magic-string": {
-      "version": "0.30.17",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
-      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0"
-      }
-    },
-    "node_modules/markdown-it": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz",
-      "integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
-      "dependencies": {
-        "argparse": "^2.0.1",
-        "entities": "^4.4.0",
-        "linkify-it": "^5.0.0",
-        "mdurl": "^2.0.0",
-        "punycode.js": "^2.3.1",
-        "uc.micro": "^2.1.0"
-      },
-      "bin": {
-        "markdown-it": "bin/markdown-it.mjs"
-      }
-    },
-    "node_modules/markdown-it/node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
-    },
-    "node_modules/marked": {
-      "version": "13.0.2",
-      "resolved": "https://registry.npmjs.org/marked/-/marked-13.0.2.tgz",
-      "integrity": "sha512-J6CPjP8pS5sgrRqxVRvkCIkZ6MFdRIjDkwUwgJ9nL2fbmM6qGQeB2C16hi8Cc9BOzj6xXzy0jyi0iPIfnMHYzA==",
-      "bin": {
-        "marked": "bin/marked.js"
-      },
-      "engines": {
-        "node": ">= 18"
-      }
-    },
-    "node_modules/marked-plaintext": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/marked-plaintext/-/marked-plaintext-0.0.2.tgz",
-      "integrity": "sha512-6u/EfbyqTV8p9CqxFUOK3RUGo1KGULVUaiacKRjb+9VzXpGYYQlgff76xjlfxOGYpsDkzYg+l28CtGd86I6c0w=="
-    },
-    "node_modules/mdn-data": {
-      "version": "2.0.30",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
-      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA=="
-    },
-    "node_modules/mdurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
-      "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w=="
-    },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/micromatch": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "braces": "^3.0.3",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dependencies": {
-        "mime-db": "1.52.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/minimist": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/minipass": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
-    "node_modules/mousetrap": {
-      "version": "1.6.5",
-      "resolved": "https://registry.npmjs.org/mousetrap/-/mousetrap-1.6.5.tgz",
-      "integrity": "sha512-QNo4kEepaIBwiT8CDhP98umTetp+JNfQYBWvC1pc6/OAibuXtRcxZ58Qz8skvEHYvURne/7R8T5VoOI7rDsEUA=="
-    },
-    "node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/mz": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
-      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "dev": true,
-      "dependencies": {
-        "any-promise": "^1.0.0",
-        "object-assign": "^4.0.1",
-        "thenify-all": "^1.0.0"
-      }
-    },
-    "node_modules/nanoid": {
-      "version": "3.3.8",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
-      "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/node-releases": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
-      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
-      "dev": true
-    },
-    "node_modules/nopt": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.1.tgz",
-      "integrity": "sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==",
-      "dependencies": {
-        "abbrev": "^2.0.0"
-      },
-      "bin": {
-        "nopt": "bin/nopt.js"
-      },
-      "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-      }
-    },
-    "node_modules/normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/normalize-range": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/nprogress": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
-      "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA=="
-    },
-    "node_modules/nth-check": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
-      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
-      "dependencies": {
-        "boolbase": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/nth-check?sponsor=1"
-      }
-    },
-    "node_modules/nwsapi": {
-      "version": "2.2.10",
-      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.10.tgz",
-      "integrity": "sha512-QK0sRs7MKv0tKe1+5uZIQk/C8XGza4DAnztJG8iD+TpJIORARrCxczA738awHrZoHeTjSSoHqao2teO0dC/gFQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-hash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/object-inspect": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
-      "integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/ohash": {
-      "version": "2.0.11",
-      "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
-      "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
-      "license": "MIT"
-    },
-    "node_modules/open": {
-      "version": "8.4.2",
-      "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
-      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "define-lazy-prop": "^2.0.0",
-        "is-docker": "^2.1.1",
-        "is-wsl": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/orderedmap": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz",
-      "integrity": "sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g=="
-    },
-    "node_modules/p-map": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
-      "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "aggregate-error": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/package-json-from-dist": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz",
-      "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw=="
-    },
-    "node_modules/parse-ms": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/parse-ms/-/parse-ms-4.0.0.tgz",
-      "integrity": "sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/parse5": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
-      "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "entities": "^4.4.0"
-      },
-      "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
-      }
-    },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "dev": true
-    },
-    "node_modules/path-scurry": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-      "dependencies": {
-        "lru-cache": "^10.2.0",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/path-scurry/node_modules/lru-cache": {
-      "version": "10.4.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.0.tgz",
-      "integrity": "sha512-bfJaPTuEiTYBu+ulDaeQ0F+uLmlfFkMgXj4cbwfuMSjgObGMzb55FMMbDvbRU0fAHZ4sLGkz2mKwcMg8Dvm8Ww==",
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/pathe": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.2.tgz",
-      "integrity": "sha512-15Ztpk+nov8DR524R4BF7uEuzESgzUEAV4Ah7CUMNGXdE5ELuvxElxGXndBl32vMSsWa1jpNf22Z+Er3sKwq+w==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/pathval": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.0.tgz",
-      "integrity": "sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 14.16"
-      }
-    },
-    "node_modules/pdfobject": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/pdfobject/-/pdfobject-2.3.0.tgz",
-      "integrity": "sha512-w/9pXDXTDs3IDmOri/w8lM/w6LHR0/F4fcBLLzH+4csSoyshQ5su0TE7k0FLHZO7aOjVLDGecqd1M89+PVpVAA=="
-    },
-    "node_modules/picocolors": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "license": "ISC"
-    },
-    "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/pify": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/pinia": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.3.1.tgz",
-      "integrity": "sha512-khUlZSwt9xXCaTbbxFYBKDc/bWAGWJjOgvxETwkTN7KRm66EeT1ZdZj6i2ceh9sP2Pzqsbc704r2yngBrxBVug==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/devtools-api": "^6.6.3",
-        "vue-demi": "^0.14.10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/posva"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.4.4",
-        "vue": "^2.7.0 || ^3.5.11"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/pirates": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
-      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/portal-vue": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/portal-vue/-/portal-vue-3.0.0.tgz",
-      "integrity": "sha512-9eprMxNURLx6ijbcgkWjYNcTWJYu/H8QF8nyAeBzOmk9lKCea01BW1hYBeLkgz+AestmPOvznAEOFmNuO4Adjw==",
-      "engines": {
-        "node": ">=14.19"
-      },
-      "peerDependencies": {
-        "vue": "^3.0.4"
-      },
-      "peerDependenciesMeta": {
-        "vue": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.5.3",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
-      "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "nanoid": "^3.3.8",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/postcss-import": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
-      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-      "dev": true,
-      "dependencies": {
-        "postcss-value-parser": "^4.0.0",
-        "read-cache": "^1.0.0",
-        "resolve": "^1.1.7"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.0"
-      }
-    },
-    "node_modules/postcss-js": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
-      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-      "dev": true,
-      "dependencies": {
-        "camelcase-css": "^2.0.1"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >= 16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.21"
-      }
-    },
-    "node_modules/postcss-load-config": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
-      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "lilconfig": "^3.0.0",
-        "yaml": "^2.3.4"
-      },
-      "engines": {
-        "node": ">= 14"
-      },
-      "peerDependencies": {
-        "postcss": ">=8.0.9",
-        "ts-node": ">=9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "postcss": {
-          "optional": true
-        },
-        "ts-node": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/postcss-load-config/node_modules/lilconfig": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz",
-      "integrity": "sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==",
-      "dev": true,
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antonk52"
-      }
-    },
-    "node_modules/postcss-nested": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
-      "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
-      "dev": true,
-      "dependencies": {
-        "postcss-selector-parser": "^6.0.11"
-      },
-      "engines": {
-        "node": ">=12.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.14"
-      }
-    },
-    "node_modules/postcss-nested/node_modules/postcss-selector-parser": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.0.tgz",
-      "integrity": "sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==",
-      "dev": true,
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-selector-parser": {
-      "version": "6.0.10",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
-      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
-      "dev": true,
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-value-parser": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-      "dev": true
-    },
-    "node_modules/prettier": {
-      "version": "3.4.2",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.2.tgz",
-      "integrity": "sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "prettier": "bin/prettier.cjs"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/prettier/prettier?sponsor=1"
-      }
-    },
-    "node_modules/prettier-plugin-antlers": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/prettier-plugin-antlers/-/prettier-plugin-antlers-2.0.5.tgz",
-      "integrity": "sha512-KIdjVV7Hp0IS9psbbKJkb43bGXh9EQTmbGgXCEMnzBz+V6/2H22bk/NlKceLLJJtKLcK/D61vuYnZRwtsFhv4w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "prettier": ">=3"
-      }
-    },
-    "node_modules/prettier-plugin-blade": {
-      "version": "2.1.19",
-      "resolved": "https://registry.npmjs.org/prettier-plugin-blade/-/prettier-plugin-blade-2.1.19.tgz",
-      "integrity": "sha512-bLOrrZmWYZe9IN0EkMUESgOLExCKGJYOgUr+ZOxaOujUK0rirxTPiUYI4wnDZZfX2sI9MHaHCeKTlRnNmiRhAQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "prettier": ">=3"
-      }
-    },
-    "node_modules/prettier-plugin-tailwindcss": {
-      "version": "0.6.11",
-      "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.11.tgz",
-      "integrity": "sha512-YxaYSIvZPAqhrrEpRtonnrXdghZg1irNg4qrjboCXrpybLWVs55cW2N3juhspVJiO0JBvYJT8SYsJpc8OQSnsA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14.21.3"
-      },
-      "peerDependencies": {
-        "@ianvs/prettier-plugin-sort-imports": "*",
-        "@prettier/plugin-pug": "*",
-        "@shopify/prettier-plugin-liquid": "*",
-        "@trivago/prettier-plugin-sort-imports": "*",
-        "@zackad/prettier-plugin-twig": "*",
-        "prettier": "^3.0",
-        "prettier-plugin-astro": "*",
-        "prettier-plugin-css-order": "*",
-        "prettier-plugin-import-sort": "*",
-        "prettier-plugin-jsdoc": "*",
-        "prettier-plugin-marko": "*",
-        "prettier-plugin-multiline-arrays": "*",
-        "prettier-plugin-organize-attributes": "*",
-        "prettier-plugin-organize-imports": "*",
-        "prettier-plugin-sort-imports": "*",
-        "prettier-plugin-style-order": "*",
-        "prettier-plugin-svelte": "*"
-      },
-      "peerDependenciesMeta": {
-        "@ianvs/prettier-plugin-sort-imports": {
-          "optional": true
-        },
-        "@prettier/plugin-pug": {
-          "optional": true
-        },
-        "@shopify/prettier-plugin-liquid": {
-          "optional": true
-        },
-        "@trivago/prettier-plugin-sort-imports": {
-          "optional": true
-        },
-        "@zackad/prettier-plugin-twig": {
-          "optional": true
-        },
-        "prettier-plugin-astro": {
-          "optional": true
-        },
-        "prettier-plugin-css-order": {
-          "optional": true
-        },
-        "prettier-plugin-import-sort": {
-          "optional": true
-        },
-        "prettier-plugin-jsdoc": {
-          "optional": true
-        },
-        "prettier-plugin-marko": {
-          "optional": true
-        },
-        "prettier-plugin-multiline-arrays": {
-          "optional": true
-        },
-        "prettier-plugin-organize-attributes": {
-          "optional": true
-        },
-        "prettier-plugin-organize-imports": {
-          "optional": true
-        },
-        "prettier-plugin-sort-imports": {
-          "optional": true
-        },
-        "prettier-plugin-style-order": {
-          "optional": true
-        },
-        "prettier-plugin-svelte": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/pretty": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/pretty/-/pretty-2.0.0.tgz",
-      "integrity": "sha512-G9xUchgTEiNpormdYBl+Pha50gOUovT18IvAe7EYMZ1/f9W/WWMPRn+xI68yXNMUk3QXHDwo/1wV/4NejVNe1w==",
-      "dependencies": {
-        "condense-newlines": "^0.2.1",
-        "extend-shallow": "^2.0.1",
-        "js-beautify": "^1.6.12"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/pretty-ms": {
-      "version": "9.2.0",
-      "resolved": "https://registry.npmjs.org/pretty-ms/-/pretty-ms-9.2.0.tgz",
-      "integrity": "sha512-4yf0QO/sllf/1zbZWYnvWw3NxCQwLXKzIj0G849LSufP15BXKM0rbD2Z3wVnkMfjdn/CB0Dpp444gYAACdsplg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "parse-ms": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/prosemirror-changeset": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.2.1.tgz",
-      "integrity": "sha512-J7msc6wbxB4ekDFj+n9gTW/jav/p53kdlivvuppHsrZXCaQdVgRghoZbSS3kwrRyAstRVQ4/+u5k7YfLgkkQvQ==",
-      "dependencies": {
-        "prosemirror-transform": "^1.0.0"
-      }
-    },
-    "node_modules/prosemirror-collab": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/prosemirror-collab/-/prosemirror-collab-1.3.1.tgz",
-      "integrity": "sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==",
-      "dependencies": {
-        "prosemirror-state": "^1.0.0"
-      }
-    },
-    "node_modules/prosemirror-commands": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.6.1.tgz",
-      "integrity": "sha512-tNy4uaGWzvuUYXDke7B28krndIrdQJhSh0OLpubtwtEwFbjItOj/eoAfPvstBJyyV0S2+b5t4G+4XPXdxar6pg==",
-      "license": "MIT",
-      "dependencies": {
-        "prosemirror-model": "^1.0.0",
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.10.2"
-      }
-    },
-    "node_modules/prosemirror-dropcursor": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.8.1.tgz",
-      "integrity": "sha512-M30WJdJZLyXHi3N8vxN6Zh5O8ZBbQCz0gURTfPmTIBNQ5pxrdU7A58QkNqfa98YEjSAL1HUyyU34f6Pm5xBSGw==",
-      "dependencies": {
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.1.0",
-        "prosemirror-view": "^1.1.0"
-      }
-    },
-    "node_modules/prosemirror-gapcursor": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.3.2.tgz",
-      "integrity": "sha512-wtjswVBd2vaQRrnYZaBCbyDqr232Ed4p2QPtRIUK5FuqHYKGWkEwl08oQM4Tw7DOR0FsasARV5uJFvMZWxdNxQ==",
-      "dependencies": {
-        "prosemirror-keymap": "^1.0.0",
-        "prosemirror-model": "^1.0.0",
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-view": "^1.0.0"
-      }
-    },
-    "node_modules/prosemirror-history": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.4.1.tgz",
-      "integrity": "sha512-2JZD8z2JviJrboD9cPuX/Sv/1ChFng+xh2tChQ2X4bB2HeK+rra/bmJ3xGntCcjhOqIzSDG6Id7e8RJ9QPXLEQ==",
-      "license": "MIT",
-      "dependencies": {
-        "prosemirror-state": "^1.2.2",
-        "prosemirror-transform": "^1.0.0",
-        "prosemirror-view": "^1.31.0",
-        "rope-sequence": "^1.3.0"
-      }
-    },
-    "node_modules/prosemirror-inputrules": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.4.0.tgz",
-      "integrity": "sha512-6ygpPRuTJ2lcOXs9JkefieMst63wVJBgHZGl5QOytN7oSZs3Co/BYbc3Yx9zm9H37Bxw8kVzCnDsihsVsL4yEg==",
-      "dependencies": {
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.0.0"
-      }
-    },
-    "node_modules/prosemirror-keymap": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.2.2.tgz",
-      "integrity": "sha512-EAlXoksqC6Vbocqc0GtzCruZEzYgrn+iiGnNjsJsH4mrnIGex4qbLdWWNza3AW5W36ZRrlBID0eM6bdKH4OStQ==",
-      "dependencies": {
-        "prosemirror-state": "^1.0.0",
-        "w3c-keyname": "^2.2.0"
-      }
-    },
-    "node_modules/prosemirror-markdown": {
-      "version": "1.13.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-markdown/-/prosemirror-markdown-1.13.0.tgz",
-      "integrity": "sha512-UziddX3ZYSYibgx8042hfGKmukq5Aljp2qoBiJRejD/8MH70siQNz5RB1TrdTPheqLMy4aCe4GYNF10/3lQS5g==",
-      "dependencies": {
-        "markdown-it": "^14.0.0",
-        "prosemirror-model": "^1.20.0"
-      }
-    },
-    "node_modules/prosemirror-menu": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/prosemirror-menu/-/prosemirror-menu-1.2.4.tgz",
-      "integrity": "sha512-S/bXlc0ODQup6aiBbWVsX/eM+xJgCTAfMq/nLqaO5ID/am4wS0tTCIkzwytmao7ypEtjj39i7YbJjAgO20mIqA==",
-      "dependencies": {
-        "crelt": "^1.0.0",
-        "prosemirror-commands": "^1.0.0",
-        "prosemirror-history": "^1.0.0",
-        "prosemirror-state": "^1.0.0"
-      }
-    },
-    "node_modules/prosemirror-model": {
-      "version": "1.23.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.23.0.tgz",
-      "integrity": "sha512-Q/fgsgl/dlOAW9ILu4OOhYWQbc7TQd4BwKH/RwmUjyVf8682Be4zj3rOYdLnYEcGzyg8LL9Q5IWYKD8tdToreQ==",
-      "license": "MIT",
-      "dependencies": {
-        "orderedmap": "^2.0.0"
-      }
-    },
-    "node_modules/prosemirror-schema-basic": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/prosemirror-schema-basic/-/prosemirror-schema-basic-1.2.3.tgz",
-      "integrity": "sha512-h+H0OQwZVqMon1PNn0AG9cTfx513zgIG2DY00eJ00Yvgb3UD+GQ/VlWW5rcaxacpCGT1Yx8nuhwXk4+QbXUfJA==",
-      "license": "MIT",
-      "dependencies": {
-        "prosemirror-model": "^1.19.0"
-      }
-    },
-    "node_modules/prosemirror-schema-list": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.4.1.tgz",
-      "integrity": "sha512-jbDyaP/6AFfDfu70VzySsD75Om2t3sXTOdl5+31Wlxlg62td1haUpty/ybajSfJ1pkGadlOfwQq9kgW5IMo1Rg==",
-      "license": "MIT",
-      "dependencies": {
-        "prosemirror-model": "^1.0.0",
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.7.3"
-      }
-    },
-    "node_modules/prosemirror-state": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.4.3.tgz",
-      "integrity": "sha512-goFKORVbvPuAQaXhpbemJFRKJ2aixr+AZMGiquiqKxaucC6hlpHNZHWgz5R7dS4roHiwq9vDctE//CZ++o0W1Q==",
-      "dependencies": {
-        "prosemirror-model": "^1.0.0",
-        "prosemirror-transform": "^1.0.0",
-        "prosemirror-view": "^1.27.0"
-      }
-    },
-    "node_modules/prosemirror-tables": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.5.0.tgz",
-      "integrity": "sha512-VMx4zlYWm7aBlZ5xtfJHpqa3Xgu3b7srV54fXYnXgsAcIGRqKSrhiK3f89omzzgaAgAtDOV4ImXnLKhVfheVNQ==",
-      "license": "MIT",
-      "dependencies": {
-        "prosemirror-keymap": "^1.1.2",
-        "prosemirror-model": "^1.8.1",
-        "prosemirror-state": "^1.3.1",
-        "prosemirror-transform": "^1.2.1",
-        "prosemirror-view": "^1.13.3"
-      }
-    },
-    "node_modules/prosemirror-trailing-node": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-3.0.0.tgz",
-      "integrity": "sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@remirror/core-constants": "3.0.0",
-        "escape-string-regexp": "^4.0.0"
-      },
-      "peerDependencies": {
-        "prosemirror-model": "^1.22.1",
-        "prosemirror-state": "^1.4.2",
-        "prosemirror-view": "^1.33.8"
-      }
-    },
-    "node_modules/prosemirror-trailing-node/node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/prosemirror-transform": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.10.2.tgz",
-      "integrity": "sha512-2iUq0wv2iRoJO/zj5mv8uDUriOHWzXRnOTVgCzSXnktS/2iQRa3UUQwVlkBlYZFtygw6Nh1+X4mGqoYBINn5KQ==",
-      "license": "MIT",
-      "dependencies": {
-        "prosemirror-model": "^1.21.0"
-      }
-    },
-    "node_modules/prosemirror-view": {
-      "version": "1.34.3",
-      "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.34.3.tgz",
-      "integrity": "sha512-mKZ54PrX19sSaQye+sef+YjBbNu2voNwLS1ivb6aD2IRmxRGW64HU9B644+7OfJStGLyxvOreKqEgfvXa91WIA==",
-      "license": "MIT",
-      "dependencies": {
-        "prosemirror-model": "^1.20.0",
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.1.0"
-      }
-    },
-    "node_modules/proto-list": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
-      "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA=="
-    },
-    "node_modules/proxy-from-env": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
-    },
-    "node_modules/psl": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
-      "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/punycode": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/punycode.js": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
-      "integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/pusher-js": {
-      "version": "8.4.0-rc2",
-      "resolved": "https://registry.npmjs.org/pusher-js/-/pusher-js-8.4.0-rc2.tgz",
-      "integrity": "sha512-d87GjOEEl9QgO5BWmViSqW0LOzPvybvX6WA9zLUstNdB57jVJuR27zHkRnrav2a3+zAMlHbP2Og8wug+rG8T+g==",
-      "dependencies": {
-        "tweetnacl": "^1.0.3"
-      }
-    },
-    "node_modules/qs": {
-      "version": "6.12.2",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.12.2.tgz",
-      "integrity": "sha512-x+NLUpx9SYrcwXtX7ob1gnkSems4i/mGZX5SlYxwIau6RrUSODO89TR/XDGGpn5RPWSYIB+aSfuSlV5+CmbTBg==",
-      "dependencies": {
-        "side-channel": "^1.0.6"
-      },
-      "engines": {
-        "node": ">=0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/querystringify": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
-      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/read-cache": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
-      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "dev": true,
-      "dependencies": {
-        "pify": "^2.3.0"
-      }
-    },
-    "node_modules/read-time-estimate": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/read-time-estimate/-/read-time-estimate-0.0.3.tgz",
-      "integrity": "sha512-TF87eHTuEyRtu/mwnQE8FoZYHpsN1Oj+U/oROL5nrsoEWsh/iGhBzkV50N6DdPEqZ9Jh2PSZk1ZA7KMucgb+ng=="
-    },
-    "node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
-    "node_modules/regenerator-runtime": {
-      "version": "0.14.1",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
-    },
-    "node_modules/reka-ui": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.1.1.tgz",
-      "integrity": "sha512-awvpQ041LPXAvf2uRVFwedsyz9SwsuoWlRql1fg4XimUCxEI2GOfHo6FIdL44dSPb/eG/gWbdGhoGHLlbX5gPA==",
-      "license": "MIT",
-      "dependencies": {
-        "@floating-ui/dom": "^1.6.13",
-        "@floating-ui/vue": "^1.1.6",
-        "@internationalized/date": "^3.5.0",
-        "@internationalized/number": "^3.5.0",
-        "@tanstack/vue-virtual": "^3.12.0",
-        "@vueuse/core": "^12.5.0",
-        "@vueuse/shared": "^12.5.0",
-        "aria-hidden": "^1.2.4",
-        "defu": "^6.1.4",
-        "ohash": "^2.0.11"
-      },
-      "peerDependencies": {
-        "vue": ">= 3.2.0"
-      }
-    },
-    "node_modules/reka-ui/node_modules/@types/web-bluetooth": {
-      "version": "0.0.21",
-      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
-      "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==",
-      "license": "MIT"
-    },
-    "node_modules/reka-ui/node_modules/@vueuse/core": {
-      "version": "12.8.2",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-12.8.2.tgz",
-      "integrity": "sha512-HbvCmZdzAu3VGi/pWYm5Ut+Kd9mn1ZHnn4L5G8kOQTPs/IwIAmJoBrmYk2ckLArgMXZj0AW3n5CAejLUO+PhdQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/web-bluetooth": "^0.0.21",
-        "@vueuse/metadata": "12.8.2",
-        "@vueuse/shared": "12.8.2",
-        "vue": "^3.5.13"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/reka-ui/node_modules/@vueuse/metadata": {
-      "version": "12.8.2",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-12.8.2.tgz",
-      "integrity": "sha512-rAyLGEuoBJ/Il5AmFHiziCPdQzRt88VxR+Y/A/QhJ1EWtWqPBBAxTAFaSkviwEuOEZNtW8pvkPgoCZQ+HxqW1A==",
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/reka-ui/node_modules/@vueuse/shared": {
-      "version": "12.8.2",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-12.8.2.tgz",
-      "integrity": "sha512-dznP38YzxZoNloI0qpEfpkms8knDtaoQ6Y/sfS0L7Yki4zh40LFHEhur0odJC6xTHG5dxWVPiUWBXn+wCG2s5w==",
-      "license": "MIT",
-      "dependencies": {
-        "vue": "^3.5.13"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/require-directory": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/requires-port": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
-      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/resize-observer-polyfill": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
-      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
-    },
-    "node_modules/resolve": {
-      "version": "1.22.8",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-      "dev": true,
-      "dependencies": {
-        "is-core-module": "^2.13.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/reusify": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/rollup": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.32.1.tgz",
-      "integrity": "sha512-z+aeEsOeEa3mEbS1Tjl6sAZ8NE3+AalQz1RJGj81M+fizusbdDMoEJwdJNHfaB40Scr4qNu+welOfes7maKonA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "1.0.6"
-      },
-      "bin": {
-        "rollup": "dist/bin/rollup"
-      },
-      "engines": {
-        "node": ">=18.0.0",
-        "npm": ">=8.0.0"
-      },
-      "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.32.1",
-        "@rollup/rollup-android-arm64": "4.32.1",
-        "@rollup/rollup-darwin-arm64": "4.32.1",
-        "@rollup/rollup-darwin-x64": "4.32.1",
-        "@rollup/rollup-freebsd-arm64": "4.32.1",
-        "@rollup/rollup-freebsd-x64": "4.32.1",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.32.1",
-        "@rollup/rollup-linux-arm-musleabihf": "4.32.1",
-        "@rollup/rollup-linux-arm64-gnu": "4.32.1",
-        "@rollup/rollup-linux-arm64-musl": "4.32.1",
-        "@rollup/rollup-linux-loongarch64-gnu": "4.32.1",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.32.1",
-        "@rollup/rollup-linux-riscv64-gnu": "4.32.1",
-        "@rollup/rollup-linux-s390x-gnu": "4.32.1",
-        "@rollup/rollup-linux-x64-gnu": "4.32.1",
-        "@rollup/rollup-linux-x64-musl": "4.32.1",
-        "@rollup/rollup-win32-arm64-msvc": "4.32.1",
-        "@rollup/rollup-win32-ia32-msvc": "4.32.1",
-        "@rollup/rollup-win32-x64-msvc": "4.32.1",
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/rollup-plugin-visualizer": {
-      "version": "5.14.0",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.14.0.tgz",
-      "integrity": "sha512-VlDXneTDaKsHIw8yzJAFWtrzguoJ/LnQ+lMpoVfYJ3jJF4Ihe5oYLAqLklIK/35lgUY+1yEzCkHyZ1j4A5w5fA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "open": "^8.4.0",
-        "picomatch": "^4.0.2",
-        "source-map": "^0.7.4",
-        "yargs": "^17.5.1"
-      },
-      "bin": {
-        "rollup-plugin-visualizer": "dist/bin/cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "rolldown": "1.x",
-        "rollup": "2.x || 3.x || 4.x"
-      },
-      "peerDependenciesMeta": {
-        "rolldown": {
-          "optional": true
-        },
-        "rollup": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/rollup-plugin-visualizer/node_modules/picomatch": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
-      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/rollup-plugin-visualizer/node_modules/source-map": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
-      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/rope-sequence": {
-      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.4.tgz",
-      "integrity": "sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ=="
-    },
-    "node_modules/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
-    "node_modules/safer-buffer": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/saxes": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
-      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "xmlchars": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=v12.22.7"
-      }
-    },
-    "node_modules/semver": {
-      "version": "7.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
-      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/set-function-length": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
-      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
-      "dependencies": {
-        "define-data-property": "^1.1.4",
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.4",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/side-channel": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
-      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4",
-        "object-inspect": "^1.13.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/siginfo": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
-      "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/smol-toml": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/smol-toml/-/smol-toml-1.3.1.tgz",
-      "integrity": "sha512-tEYNll18pPKHroYSmLLrksq233j021G0giwW7P3D24jC54pQ5W5BXMsQ/Mvw1OJCmEYDgY+lrzT+3nNUtoNfXQ==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">= 18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/cyyynthia"
-      }
-    },
-    "node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/speakingurl": {
-      "version": "14.0.1",
-      "resolved": "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz",
-      "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/stackback": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
-      "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/std-env": {
-      "version": "3.8.0",
-      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.8.0.tgz",
-      "integrity": "sha512-Bc3YwwCB+OzldMxOXJIIvC6cPRWr/LxOp48CdQTOkPyk/t4JWWJbrilwBd7RJzKV8QW7tJkcgAmeuLLJugl5/w==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs": {
-      "name": "string-width",
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi-cjs": {
-      "name": "strip-ansi",
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/striptags": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/striptags/-/striptags-3.2.0.tgz",
-      "integrity": "sha512-g45ZOGzHDMe2bdYMdIvdAfCQkCTDMGBazSw1ypMowwGIee7ZQ5dU0rBJ8Jqgl+jAKIv4dbeE1jscZq9wid1Tkw=="
-    },
-    "node_modules/sucrase": {
-      "version": "3.35.0",
-      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
-      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "commander": "^4.0.0",
-        "glob": "^10.3.10",
-        "lines-and-columns": "^1.1.6",
-        "mz": "^2.7.0",
-        "pirates": "^4.0.1",
-        "ts-interface-checker": "^0.1.9"
-      },
-      "bin": {
-        "sucrase": "bin/sucrase",
-        "sucrase-node": "bin/sucrase-node"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
-    "node_modules/sucrase/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/sucrase/node_modules/commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/sucrase/node_modules/glob": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.3.tgz",
-      "integrity": "sha512-Q38SGlYRpVtDBPSWEylRyctn7uDeTp4NQERTLiCT1FqA9JXPYWqAVmQU6qh4r/zMM5ehxTcbaO8EjhWnvEhmyg==",
-      "dev": true,
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/sucrase/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/summary": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/summary/-/summary-2.1.0.tgz",
-      "integrity": "sha512-nMIjMrd5Z2nuB2RZCKJfFMjgS3fygbeyGk9PxPPaJR1RIcyN9yn4A63Isovzm3ZtQuEkLBVgMdPup8UeLH7aQw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/svgo": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.3.2.tgz",
-      "integrity": "sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==",
-      "dependencies": {
-        "@trysound/sax": "0.2.0",
-        "commander": "^7.2.0",
-        "css-select": "^5.1.0",
-        "css-tree": "^2.3.1",
-        "css-what": "^6.1.0",
-        "csso": "^5.0.5",
-        "picocolors": "^1.0.0"
-      },
-      "bin": {
-        "svgo": "bin/svgo"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/svgo"
-      }
-    },
-    "node_modules/svgo/node_modules/commander": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
-      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/symbol-tree": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
-      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/tabbable": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
-      "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew=="
-    },
-    "node_modules/tailwind-merge": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.0.2.tgz",
-      "integrity": "sha512-l7z+OYZ7mu3DTqrL88RiKrKIqO3NcpEO8V/Od04bNpvk0kiIFndGEoqfuzvj4yuhRkHKjRkII2z+KS2HfPcSxw==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/dcastil"
-      }
-    },
-    "node_modules/tailwindcss": {
-      "version": "3.4.4",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.4.tgz",
-      "integrity": "sha512-ZoyXOdJjISB7/BcLTR6SEsLgKtDStYyYZVLsUtWChO4Ps20CBad7lfJKVDiejocV4ME1hLmyY0WJE3hSDcmQ2A==",
-      "dev": true,
-      "dependencies": {
-        "@alloc/quick-lru": "^5.2.0",
-        "arg": "^5.0.2",
-        "chokidar": "^3.5.3",
-        "didyoumean": "^1.2.2",
-        "dlv": "^1.1.3",
-        "fast-glob": "^3.3.0",
-        "glob-parent": "^6.0.2",
-        "is-glob": "^4.0.3",
-        "jiti": "^1.21.0",
-        "lilconfig": "^2.1.0",
-        "micromatch": "^4.0.5",
-        "normalize-path": "^3.0.0",
-        "object-hash": "^3.0.0",
-        "picocolors": "^1.0.0",
-        "postcss": "^8.4.23",
-        "postcss-import": "^15.1.0",
-        "postcss-js": "^4.0.1",
-        "postcss-load-config": "^4.0.1",
-        "postcss-nested": "^6.0.1",
-        "postcss-selector-parser": "^6.0.11",
-        "resolve": "^1.22.2",
-        "sucrase": "^3.32.0"
-      },
-      "bin": {
-        "tailwind": "lib/cli.js",
-        "tailwindcss": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/postcss-selector-parser": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.0.tgz",
-      "integrity": "sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==",
-      "dev": true,
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/tapable": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
-      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/thenify": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
-      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "dev": true,
-      "dependencies": {
-        "any-promise": "^1.0.0"
-      }
-    },
-    "node_modules/thenify-all": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
-      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-      "dev": true,
-      "dependencies": {
-        "thenify": ">= 3.1.0 < 4"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
-    "node_modules/tiny-emitter": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
-      "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q=="
-    },
-    "node_modules/tinybench": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
-      "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/tinyexec": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-0.3.2.tgz",
-      "integrity": "sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/tinypool": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-1.0.2.tgz",
-      "integrity": "sha512-al6n+QEANGFOMf/dmUMsuS5/r9B06uwlyNjZZql/zv8J7ybHCgoihBNORZCY2mzUuAnomQa2JdhyHKzZxPCrFA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.0.0 || >=20.0.0"
-      }
-    },
-    "node_modules/tinyrainbow": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
-      "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/tinyspy": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-3.0.2.tgz",
-      "integrity": "sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/tippy.js": {
-      "version": "6.3.7",
-      "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz",
-      "integrity": "sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@popperjs/core": "^2.9.0"
-      }
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/tough-cookie": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz",
-      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "psl": "^1.1.33",
-        "punycode": "^2.1.1",
-        "universalify": "^0.2.0",
-        "url-parse": "^1.5.3"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/tr46": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
-      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "punycode": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/ts-interface-checker": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-      "dev": true
-    },
-    "node_modules/tslib": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "license": "0BSD"
-    },
-    "node_modules/tweetnacl": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-1.0.3.tgz",
-      "integrity": "sha512-6rt+RN7aOi1nGMyC4Xa5DdYiukl2UWCbcJft7YhxReBGQD7OAM8Pbxw6YMo4r2diNEA8FEmu32YOn9rhaiE5yw=="
-    },
-    "node_modules/typescript": {
-      "version": "5.7.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.3.tgz",
-      "integrity": "sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==",
-      "devOptional": true,
-      "license": "Apache-2.0",
-      "peer": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/uc.micro": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz",
-      "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A=="
-    },
-    "node_modules/undici-types": {
-      "version": "5.26.5",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
-      "dev": true,
-      "peer": true
-    },
-    "node_modules/uniqid": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/uniqid/-/uniqid-5.4.0.tgz",
-      "integrity": "sha512-38JRbJ4Fj94VmnC7G/J/5n5SC7Ab46OM5iNtSstB/ko3l1b5g7ALt4qzHFgGciFkyiRNtDXtLNb+VsxtMSE77A=="
-    },
-    "node_modules/universalify": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
-      "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
-    "node_modules/update-browserslist-db": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz",
-      "integrity": "sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "escalade": "^3.1.2",
-        "picocolors": "^1.0.1"
-      },
-      "bin": {
-        "update-browserslist-db": "cli.js"
-      },
-      "peerDependencies": {
-        "browserslist": ">= 4.21.0"
-      }
-    },
-    "node_modules/upload": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/upload/-/upload-1.3.2.tgz",
-      "integrity": "sha512-1uyb/KFxhiQlnD4yW1qqMZHO+zvUqFfnkgF6OF8Rekufeqk5JBNc3w1gsAQJ2g2bC6GCXaRhkiqOSNyVxkpsLA==",
-      "dependencies": {
-        "form-data": "^4.0.0"
-      }
-    },
-    "node_modules/url-parse": {
-      "version": "1.5.10",
-      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
-      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "querystringify": "^2.1.1",
-        "requires-port": "^1.0.0"
-      }
-    },
-    "node_modules/util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true
-    },
-    "node_modules/validator": {
-      "version": "13.12.0",
-      "resolved": "https://registry.npmjs.org/validator/-/validator-13.12.0.tgz",
-      "integrity": "sha512-c1Q0mCiPlgdTVVVIJIrBuxNicYE+t/7oKeI9MWLj3fh/uq2Pxh/3eeWbVZ4OcGW1TUf53At0njHw5SMdA3tmMg==",
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/vite": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-6.2.2.tgz",
-      "integrity": "sha512-yW7PeMM+LkDzc7CgJuRLMW2Jz0FxMOsVJ8Lv3gpgW9WLcb9cTW+121UEr1hvmfR7w3SegR5ItvYyzVz1vxNJgQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "esbuild": "^0.25.0",
-        "postcss": "^8.5.3",
-        "rollup": "^4.30.1"
-      },
-      "bin": {
-        "vite": "bin/vite.js"
-      },
-      "engines": {
-        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/vitejs/vite?sponsor=1"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.3"
-      },
-      "peerDependencies": {
-        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
-        "jiti": ">=1.21.0",
-        "less": "*",
-        "lightningcss": "^1.21.0",
-        "sass": "*",
-        "sass-embedded": "*",
-        "stylus": "*",
-        "sugarss": "*",
-        "terser": "^5.16.0",
-        "tsx": "^4.8.1",
-        "yaml": "^2.4.2"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "jiti": {
-          "optional": true
-        },
-        "less": {
-          "optional": true
-        },
-        "lightningcss": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        },
-        "sass-embedded": {
-          "optional": true
-        },
-        "stylus": {
-          "optional": true
-        },
-        "sugarss": {
-          "optional": true
-        },
-        "terser": {
-          "optional": true
-        },
-        "tsx": {
-          "optional": true
-        },
-        "yaml": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vite-node": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-3.0.5.tgz",
-      "integrity": "sha512-02JEJl7SbtwSDJdYS537nU6l+ktdvcREfLksk/NDAqtdKWGqHl+joXzEubHROmS3E6pip+Xgu2tFezMu75jH7A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cac": "^6.7.14",
-        "debug": "^4.4.0",
-        "es-module-lexer": "^1.6.0",
-        "pathe": "^2.0.2",
-        "vite": "^5.0.0 || ^6.0.0"
-      },
-      "bin": {
-        "vite-node": "vite-node.mjs"
-      },
-      "engines": {
-        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/vite-plugin-full-reload": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.1.0.tgz",
-      "integrity": "sha512-3cObNDzX6DdfhD9E7kf6w2mNunFpD7drxyNgHLw+XwIYAgb+Xt16SEXo0Up4VH+TMf3n+DSVJZtW2POBGcBYAA==",
-      "dev": true,
-      "dependencies": {
-        "picocolors": "^1.0.0",
-        "picomatch": "^2.3.1"
-      }
-    },
-    "node_modules/vite-svg-loader": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/vite-svg-loader/-/vite-svg-loader-5.1.0.tgz",
-      "integrity": "sha512-M/wqwtOEjgb956/+m5ZrYT/Iq6Hax0OakWbokj8+9PXOnB7b/4AxESHieEtnNEy7ZpjsjYW1/5nK8fATQMmRxw==",
-      "dependencies": {
-        "svgo": "^3.0.2"
-      },
-      "peerDependencies": {
-        "vue": ">=3.2.13"
-      }
-    },
-    "node_modules/vitest": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-3.0.5.tgz",
-      "integrity": "sha512-4dof+HvqONw9bvsYxtkfUp2uHsTN9bV2CZIi1pWgoFpL1Lld8LA1ka9q/ONSsoScAKG7NVGf2stJTI7XRkXb2Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/expect": "3.0.5",
-        "@vitest/mocker": "3.0.5",
-        "@vitest/pretty-format": "^3.0.5",
-        "@vitest/runner": "3.0.5",
-        "@vitest/snapshot": "3.0.5",
-        "@vitest/spy": "3.0.5",
-        "@vitest/utils": "3.0.5",
-        "chai": "^5.1.2",
-        "debug": "^4.4.0",
-        "expect-type": "^1.1.0",
-        "magic-string": "^0.30.17",
-        "pathe": "^2.0.2",
-        "std-env": "^3.8.0",
-        "tinybench": "^2.9.0",
-        "tinyexec": "^0.3.2",
-        "tinypool": "^1.0.2",
-        "tinyrainbow": "^2.0.0",
-        "vite": "^5.0.0 || ^6.0.0",
-        "vite-node": "3.0.5",
-        "why-is-node-running": "^2.3.0"
-      },
-      "bin": {
-        "vitest": "vitest.mjs"
-      },
-      "engines": {
-        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      },
-      "peerDependencies": {
-        "@edge-runtime/vm": "*",
-        "@types/debug": "^4.1.12",
-        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
-        "@vitest/browser": "3.0.5",
-        "@vitest/ui": "3.0.5",
-        "happy-dom": "*",
-        "jsdom": "*"
-      },
-      "peerDependenciesMeta": {
-        "@edge-runtime/vm": {
-          "optional": true
-        },
-        "@types/debug": {
-          "optional": true
-        },
-        "@types/node": {
-          "optional": true
-        },
-        "@vitest/browser": {
-          "optional": true
-        },
-        "@vitest/ui": {
-          "optional": true
-        },
-        "happy-dom": {
-          "optional": true
-        },
-        "jsdom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vue": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.13.tgz",
-      "integrity": "sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/compiler-dom": "3.5.13",
-        "@vue/compiler-sfc": "3.5.13",
-        "@vue/runtime-dom": "3.5.13",
-        "@vue/server-renderer": "3.5.13",
-        "@vue/shared": "3.5.13"
-      },
-      "peerDependencies": {
-        "typescript": "*"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vue-component-type-helpers": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-2.2.0.tgz",
-      "integrity": "sha512-cYrAnv2me7bPDcg9kIcGwjJiSB6Qyi08+jLDo9yuvoFQjzHiPTzML7RnkJB1+3P6KMsX/KbCD4QE3Tv/knEllw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/vue-demi": {
-      "version": "0.14.10",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
-      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
-      "hasInstallScript": true,
-      "license": "MIT",
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vue-final-modal": {
-      "version": "4.5.4",
-      "resolved": "https://registry.npmjs.org/vue-final-modal/-/vue-final-modal-4.5.4.tgz",
-      "integrity": "sha512-wYunoN89Ago2d6p/hevyo4KSfar1HxScllS6FaHujCGyx69fsb40YPGzN17bk9K68daYAgrJ1inxv+fvhIGv5A==",
-      "dependencies": {
-        "@vueuse/core": "^10.5.0",
-        "@vueuse/integrations": "^10.5.0",
-        "focus-trap": "^7.5.4"
-      },
-      "peerDependencies": {
-        "@vueuse/core": ">=10.0.0",
-        "@vueuse/integrations": ">=10.0.0",
-        "focus-trap": ">=7.2.0",
-        "vue": ">=3.2.0"
-      }
-    },
-    "node_modules/vue-final-modal/node_modules/@vueuse/integrations": {
-      "version": "10.11.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/integrations/-/integrations-10.11.0.tgz",
-      "integrity": "sha512-Pp6MtWEIr+NDOccWd8j59Kpjy5YDXogXI61Kb1JxvSfVBO8NzFQkmrKmSZz47i+ZqHnIzxaT38L358yDHTncZg==",
-      "dependencies": {
-        "@vueuse/core": "10.11.0",
-        "@vueuse/shared": "10.11.0",
-        "vue-demi": ">=0.14.8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "async-validator": "^4",
-        "axios": "^1",
-        "change-case": "^4",
-        "drauu": "^0.3",
-        "focus-trap": "^7",
-        "fuse.js": "^6",
-        "idb-keyval": "^6",
-        "jwt-decode": "^3",
-        "nprogress": "^0.2",
-        "qrcode": "^1.5",
-        "sortablejs": "^1",
-        "universal-cookie": "^6"
-      },
-      "peerDependenciesMeta": {
-        "async-validator": {
-          "optional": true
-        },
-        "axios": {
-          "optional": true
-        },
-        "change-case": {
-          "optional": true
-        },
-        "drauu": {
-          "optional": true
-        },
-        "focus-trap": {
-          "optional": true
-        },
-        "fuse.js": {
-          "optional": true
-        },
-        "idb-keyval": {
-          "optional": true
-        },
-        "jwt-decode": {
-          "optional": true
-        },
-        "nprogress": {
-          "optional": true
-        },
-        "qrcode": {
-          "optional": true
-        },
-        "sortablejs": {
-          "optional": true
-        },
-        "universal-cookie": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vue-final-modal/node_modules/fuse.js": {
-      "version": "6.6.2",
-      "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-6.6.2.tgz",
-      "integrity": "sha512-cJaJkxCCxC8qIIcPBF9yGxY0W/tVZS3uEISDxhYIdtk8OL93pe+6Zj7LjCqVV4dzbqcriOZ+kQ/NE4RXZHsIGA==",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/vue-resize": {
-      "version": "2.0.0-alpha.1",
-      "resolved": "https://registry.npmjs.org/vue-resize/-/vue-resize-2.0.0-alpha.1.tgz",
-      "integrity": "sha512-7+iqOueLU7uc9NrMfrzbG8hwMqchfVfSzpVlCMeJQe4pyibqyoifDNbKTZvwxZKDvGkB+PdFeKvnGZMoEb8esg==",
-      "peerDependencies": {
-        "vue": "^3.0.0"
-      }
-    },
-    "node_modules/vue-screen-utils": {
-      "version": "1.0.0-beta.13",
-      "resolved": "https://registry.npmjs.org/vue-screen-utils/-/vue-screen-utils-1.0.0-beta.13.tgz",
-      "integrity": "sha512-EJ/8TANKhFj+LefDuOvZykwMr3rrLFPLNb++lNBqPOpVigT2ActRg6icH9RFQVm4nHwlHIHSGm5OY/Clar9yIg==",
-      "peerDependencies": {
-        "vue": "^3.2.0"
-      }
-    },
-    "node_modules/vue-select": {
-      "version": "4.0.0-beta.6",
-      "resolved": "https://registry.npmjs.org/vue-select/-/vue-select-4.0.0-beta.6.tgz",
-      "integrity": "sha512-K+zrNBSpwMPhAxYLTCl56gaMrWZGgayoWCLqe5rWwkB8aUbAUh7u6sXjIR7v4ckp2WKC7zEEUY27g6h1MRsIHw==",
-      "peerDependencies": {
-        "vue": "3.x"
-      }
-    },
-    "node_modules/vue/node_modules/@vue/shared": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
-      "license": "MIT"
-    },
-    "node_modules/vue3-click-away": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/vue3-click-away/-/vue3-click-away-1.2.4.tgz",
-      "integrity": "sha512-O9Z2KlvIhJT8OxaFy04eiZE9rc1Mk/bp+70dLok68ko3Kr8AW5dU+j8avSk4GDQu94FllSr4m5ul4BpzlKOw1A=="
-    },
-    "node_modules/w3c-keyname": {
-      "version": "2.2.8",
-      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
-      "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ=="
-    },
-    "node_modules/w3c-xmlserializer": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
-      "integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "xml-name-validator": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/wcwidth": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
-      "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "defaults": "^1.0.3"
-      }
-    },
-    "node_modules/webidl-conversions": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
-      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/whatwg-encoding": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
-      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "iconv-lite": "0.6.3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/whatwg-mimetype": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
-      "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/whatwg-url": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
-      "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "tr46": "^3.0.0",
-        "webidl-conversions": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/why-is-node-running": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
-      "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "siginfo": "^2.0.0",
-        "stackback": "0.0.2"
-      },
-      "bin": {
-        "why-is-node-running": "cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs": {
-      "name": "wrap-ansi",
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/ws": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
-      "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": ">=5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
+    "name": "statamic",
+    "lockfileVersion": 3,
+    "requires": true,
+    "packages": {
+        "": {
+            "name": "statamic",
+            "dependencies": {
+                "@angelblanco/v-calendar": "^3.1.2",
+                "@floating-ui/dom": "^1.2.5",
+                "@he-tree/vue": "^2.8.2",
+                "@hoppscotch/vue-toasted": "^0.1.0",
+                "@internationalized/date": "^3.7.0",
+                "@shopify/draggable": "^1.0.0-beta.12",
+                "@tiptap/core": "^2.0.2",
+                "@tiptap/extension-blockquote": "^2.0.2",
+                "@tiptap/extension-bold": "^2.0.2",
+                "@tiptap/extension-bullet-list": "^2.0.2",
+                "@tiptap/extension-character-count": "^2.0.2",
+                "@tiptap/extension-code": "^2.0.2",
+                "@tiptap/extension-code-block": "^2.4.0",
+                "@tiptap/extension-code-block-lowlight": "^2.0.2",
+                "@tiptap/extension-document": "^2.0.2",
+                "@tiptap/extension-dropcursor": "^2.0.2",
+                "@tiptap/extension-gapcursor": "^2.0.2",
+                "@tiptap/extension-hard-break": "^2.0.2",
+                "@tiptap/extension-heading": "^2.0.2",
+                "@tiptap/extension-history": "^2.0.2",
+                "@tiptap/extension-horizontal-rule": "^2.0.2",
+                "@tiptap/extension-italic": "^2.0.2",
+                "@tiptap/extension-list-item": "^2.0.2",
+                "@tiptap/extension-ordered-list": "^2.0.2",
+                "@tiptap/extension-paragraph": "^2.0.2",
+                "@tiptap/extension-placeholder": "^2.0.2",
+                "@tiptap/extension-strike": "^2.0.2",
+                "@tiptap/extension-subscript": "^2.0.2",
+                "@tiptap/extension-superscript": "^2.0.2",
+                "@tiptap/extension-table": "^2.0.2",
+                "@tiptap/extension-table-cell": "^2.0.2",
+                "@tiptap/extension-table-header": "^2.0.2",
+                "@tiptap/extension-table-row": "^2.0.2",
+                "@tiptap/extension-text": "^2.0.2",
+                "@tiptap/extension-text-align": "^2.0.2",
+                "@tiptap/extension-typography": "^2.0.2",
+                "@tiptap/extension-underline": "^2.0.2",
+                "@tiptap/pm": "^2.0.2",
+                "@tiptap/vue-3": "^2.4.0",
+                "alpinejs": "^3.1.1",
+                "autosize": "~6.0.1",
+                "axios": "^1.6.0",
+                "body-scroll-lock": "^4.0.0-beta.0",
+                "clsx": "^2.1.1",
+                "codemirror": "5.65.12",
+                "cookies-js": "^1.2.2",
+                "cva": "^1.0.0-beta.3",
+                "floating-vue": "^5.2.2",
+                "fuse.js": "^7.0.0",
+                "highlight.js": "^11.7.0",
+                "imask": "^7.6.1",
+                "laravel-echo": "^1.16.0",
+                "lodash-es": "^4.17.21",
+                "lowlight": "^3.1.0",
+                "marked": "^13.0.0",
+                "marked-plaintext": "0.0.2",
+                "mousetrap": "~1.6.5",
+                "nprogress": "^0.2.0",
+                "pdfobject": "^2.2.7",
+                "pinia": "^2.3.1",
+                "portal-vue": "^3.0.0",
+                "pretty": "^2.0.0",
+                "pusher-js": "^8.4.0-rc2",
+                "qs": "^6.9.7",
+                "read-time-estimate": "0.0.3",
+                "reka-ui": "^2.0.0",
+                "resize-observer-polyfill": "^1.5.1",
+                "semver": "^7.7.1",
+                "speakingurl": "^14.0.1",
+                "striptags": "^3.2.0",
+                "svgo": "^3.0.0",
+                "tailwind-merge": "^3.0.2",
+                "tiny-emitter": "^2.1.0",
+                "uniqid": "^5.2.0",
+                "upload": "^1.3.2",
+                "validator": "^13.7.0",
+                "vite-svg-loader": "^5.1.0",
+                "vue": "^3.4.27",
+                "vue-final-modal": "^4.5.4",
+                "vue-screen-utils": "^1.0.0-beta.13",
+                "vue-select": "4.0.0-beta.6",
+                "vue3-click-away": "^1.2.4"
+            },
+            "devDependencies": {
+                "@rollup/plugin-inject": "^5.0.3",
+                "@tailwindcss/typography": "^0.5.9",
+                "@tailwindcss/vite": "^4.0.6",
+                "@vitejs/plugin-vue": "^5.2.1",
+                "@vue/test-utils": "^2.4.6",
+                "knip": "^5.43.6",
+                "laravel-vite-plugin": "^1.2.0",
+                "prettier": "^3.4.2",
+                "prettier-plugin-antlers": "^2.0.5",
+                "prettier-plugin-blade": "^2.1.19",
+                "prettier-plugin-tailwindcss": "^0.6.11",
+                "rollup-plugin-visualizer": "^5.14.0",
+                "tailwindcss": "^4.0.17",
+                "vite": "^6.0",
+                "vitest": "^3.0.5"
+            }
+        },
+        "node_modules/@angelblanco/v-calendar": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/@angelblanco/v-calendar/-/v-calendar-3.1.3.tgz",
+            "integrity": "sha512-WxIrdPNXNjbkAVzcp2cvngeBQZ3w5pJvwKJMZii26iKtzHFF4E8z6qaDRAgA2UutqTMKNJkoR9JGKHRzUur7Mg==",
+            "license": "MIT",
+            "dependencies": {
+                "@types/lodash": "^4.14.165",
+                "@types/resize-observer-browser": "^0.1.7",
+                "date-fns": "^2.16.1",
+                "date-fns-tz": "^2.0.0",
+                "lodash": "^4.17.20",
+                "vue-screen-utils": "^1.0.0-beta.13"
+            },
+            "peerDependencies": {
+                "@popperjs/core": "^2.0.0",
+                "vue": "^3.2.0"
+            }
+        },
+        "node_modules/@babel/helper-string-parser": {
+            "version": "7.25.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
+            "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-validator-identifier": {
+            "version": "7.25.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+            "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/parser": {
+            "version": "7.27.0",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.0.tgz",
+            "integrity": "sha512-iaepho73/2Pz7w2eMS0Q5f83+0RKI7i4xmiYeBmDzfRVbQtTOG7Ts0S4HzJVsTMGI9keU8rNfuZr8DKfSt7Yyg==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/types": "^7.27.0"
+            },
+            "bin": {
+                "parser": "bin/babel-parser.js"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@babel/runtime": {
+            "version": "7.27.0",
+            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.0.tgz",
+            "integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==",
+            "license": "MIT",
+            "dependencies": {
+                "regenerator-runtime": "^0.14.0"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/runtime-corejs3": {
+            "version": "7.27.0",
+            "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.27.0.tgz",
+            "integrity": "sha512-UWjX6t+v+0ckwZ50Y5ShZLnlk95pP5MyW/pon9tiYzl3+18pkTHTFNTKr7rQbfRXPkowt2QAn30o1b6oswszew==",
+            "license": "MIT",
+            "dependencies": {
+                "core-js-pure": "^3.30.2",
+                "regenerator-runtime": "^0.14.0"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/types": {
+            "version": "7.27.0",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.0.tgz",
+            "integrity": "sha512-H45s8fVLYjbhFH62dIJ3WtmJ6RSPt/3DRO0ZcT2SUiYiQyz3BLVb9ADEnLl91m74aQPS3AzzeajZHYOalWe3bg==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/helper-string-parser": "^7.25.9",
+                "@babel/helper-validator-identifier": "^7.25.9"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@esbuild/aix-ppc64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.1.tgz",
+            "integrity": "sha512-kfYGy8IdzTGy+z0vFGvExZtxkFlA4zAxgKEahG9KE1ScBjpQnFsNOX8KTU5ojNru5ed5CVoJYXFtoxaq5nFbjQ==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "aix"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/android-arm": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.1.tgz",
+            "integrity": "sha512-dp+MshLYux6j/JjdqVLnMglQlFu+MuVeNrmT5nk6q07wNhCdSnB7QZj+7G8VMUGh1q+vj2Bq8kRsuyA00I/k+Q==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/android-arm64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.1.tgz",
+            "integrity": "sha512-50tM0zCJW5kGqgG7fQ7IHvQOcAn9TKiVRuQ/lN0xR+T2lzEFvAi1ZcS8DiksFcEpf1t/GYOeOfCAgDHFpkiSmA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/android-x64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.1.tgz",
+            "integrity": "sha512-GCj6WfUtNldqUzYkN/ITtlhwQqGWu9S45vUXs7EIYf+7rCiiqH9bCloatO9VhxsL0Pji+PF4Lz2XXCES+Q8hDw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/darwin-arm64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.1.tgz",
+            "integrity": "sha512-5hEZKPf+nQjYoSr/elb62U19/l1mZDdqidGfmFutVUjjUZrOazAtwK+Kr+3y0C/oeJfLlxo9fXb1w7L+P7E4FQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/darwin-x64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.1.tgz",
+            "integrity": "sha512-hxVnwL2Dqs3fM1IWq8Iezh0cX7ZGdVhbTfnOy5uURtao5OIVCEyj9xIzemDi7sRvKsuSdtCAhMKarxqtlyVyfA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/freebsd-arm64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.1.tgz",
+            "integrity": "sha512-1MrCZs0fZa2g8E+FUo2ipw6jw5qqQiH+tERoS5fAfKnRx6NXH31tXBKI3VpmLijLH6yriMZsxJtaXUyFt/8Y4A==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/freebsd-x64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.1.tgz",
+            "integrity": "sha512-0IZWLiTyz7nm0xuIs0q1Y3QWJC52R8aSXxe40VUxm6BB1RNmkODtW6LHvWRrGiICulcX7ZvyH6h5fqdLu4gkww==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-arm": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.1.tgz",
+            "integrity": "sha512-NdKOhS4u7JhDKw9G3cY6sWqFcnLITn6SqivVArbzIaf3cemShqfLGHYMx8Xlm/lBit3/5d7kXvriTUGa5YViuQ==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-arm64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.1.tgz",
+            "integrity": "sha512-jaN3dHi0/DDPelk0nLcXRm1q7DNJpjXy7yWaWvbfkPvI+7XNSc/lDOnCLN7gzsyzgu6qSAmgSvP9oXAhP973uQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-ia32": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.1.tgz",
+            "integrity": "sha512-OJykPaF4v8JidKNGz8c/q1lBO44sQNUQtq1KktJXdBLn1hPod5rE/Hko5ugKKZd+D2+o1a9MFGUEIUwO2YfgkQ==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-loong64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.1.tgz",
+            "integrity": "sha512-nGfornQj4dzcq5Vp835oM/o21UMlXzn79KobKlcs3Wz9smwiifknLy4xDCLUU0BWp7b/houtdrgUz7nOGnfIYg==",
+            "cpu": [
+                "loong64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-mips64el": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.1.tgz",
+            "integrity": "sha512-1osBbPEFYwIE5IVB/0g2X6i1qInZa1aIoj1TdL4AaAb55xIIgbg8Doq6a5BzYWgr+tEcDzYH67XVnTmUzL+nXg==",
+            "cpu": [
+                "mips64el"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-ppc64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.1.tgz",
+            "integrity": "sha512-/6VBJOwUf3TdTvJZ82qF3tbLuWsscd7/1w+D9LH0W/SqUgM5/JJD0lrJ1fVIfZsqB6RFmLCe0Xz3fmZc3WtyVg==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-riscv64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.1.tgz",
+            "integrity": "sha512-nSut/Mx5gnilhcq2yIMLMe3Wl4FK5wx/o0QuuCLMtmJn+WeWYoEGDN1ipcN72g1WHsnIbxGXd4i/MF0gTcuAjQ==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-s390x": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.1.tgz",
+            "integrity": "sha512-cEECeLlJNfT8kZHqLarDBQso9a27o2Zd2AQ8USAEoGtejOrCYHNtKP8XQhMDJMtthdF4GBmjR2au3x1udADQQQ==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/linux-x64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.1.tgz",
+            "integrity": "sha512-xbfUhu/gnvSEg+EGovRc+kjBAkrvtk38RlerAzQxvMzlB4fXpCFCeUAYzJvrnhFtdeyVCDANSjJvOvGYoeKzFA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/netbsd-arm64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.1.tgz",
+            "integrity": "sha512-O96poM2XGhLtpTh+s4+nP7YCCAfb4tJNRVZHfIE7dgmax+yMP2WgMd2OecBuaATHKTHsLWHQeuaxMRnCsH8+5g==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "netbsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/netbsd-x64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.1.tgz",
+            "integrity": "sha512-X53z6uXip6KFXBQ+Krbx25XHV/NCbzryM6ehOAeAil7X7oa4XIq+394PWGnwaSQ2WRA0KI6PUO6hTO5zeF5ijA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "netbsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/openbsd-arm64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.1.tgz",
+            "integrity": "sha512-Na9T3szbXezdzM/Kfs3GcRQNjHzM6GzFBeU1/6IV/npKP5ORtp9zbQjvkDJ47s6BCgaAZnnnu/cY1x342+MvZg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openbsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/openbsd-x64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.1.tgz",
+            "integrity": "sha512-T3H78X2h1tszfRSf+txbt5aOp/e7TAz3ptVKu9Oyir3IAOFPGV6O9c2naym5TOriy1l0nNf6a4X5UXRZSGX/dw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openbsd"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/sunos-x64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.1.tgz",
+            "integrity": "sha512-2H3RUvcmULO7dIE5EWJH8eubZAI4xw54H1ilJnRNZdeo8dTADEZ21w6J22XBkXqGJbe0+wnNJtw3UXRoLJnFEg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "sunos"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/win32-arm64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.1.tgz",
+            "integrity": "sha512-GE7XvrdOzrb+yVKB9KsRMq+7a2U/K5Cf/8grVFRAGJmfADr/e/ODQ134RK2/eeHqYV5eQRFxb1hY7Nr15fv1NQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/win32-ia32": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.1.tgz",
+            "integrity": "sha512-uOxSJCIcavSiT6UnBhBzE8wy3n0hOkJsBOzy7HDAuTDE++1DJMRRVCPGisULScHL+a/ZwdXPpXD3IyFKjA7K8A==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@esbuild/win32-x64": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.1.tgz",
+            "integrity": "sha512-Y1EQdcfwMSeQN/ujR5VayLOJ1BHaK+ssyk0AEzPjC+t1lITgsnccPqFjb6V+LsTp/9Iov4ysfjxLaGJ9RPtkVg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@floating-ui/core": {
+            "version": "1.6.9",
+            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.9.tgz",
+            "integrity": "sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/utils": "^0.2.9"
+            }
+        },
+        "node_modules/@floating-ui/dom": {
+            "version": "1.6.13",
+            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.13.tgz",
+            "integrity": "sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/core": "^1.6.0",
+                "@floating-ui/utils": "^0.2.9"
+            }
+        },
+        "node_modules/@floating-ui/utils": {
+            "version": "0.2.9",
+            "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz",
+            "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==",
+            "license": "MIT"
+        },
+        "node_modules/@floating-ui/vue": {
+            "version": "1.1.6",
+            "resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.1.6.tgz",
+            "integrity": "sha512-XFlUzGHGv12zbgHNk5FN2mUB7ROul3oG2ENdTpWdE+qMFxyNxWSRmsoyhiEnpmabNm6WnUvR1OvJfUfN4ojC1A==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/dom": "^1.0.0",
+                "@floating-ui/utils": "^0.2.9",
+                "vue-demi": ">=0.13.0"
+            }
+        },
+        "node_modules/@he-tree/dnd-utils": {
+            "version": "0.1.0-alpha.4",
+            "resolved": "https://registry.npmjs.org/@he-tree/dnd-utils/-/dnd-utils-0.1.0-alpha.4.tgz",
+            "integrity": "sha512-DuxkFOQ8eztoHrX1/VelqOnQphQbRszemfMKSKlAEEhVjqR/IkaOE2QSRlAdj6OC6AfMvHDPvIZOiEPFwP6/ZQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.7.7",
+                "drag-event-service": "^2.0.0",
+                "helper-js": "^3.1.2"
+            }
+        },
+        "node_modules/@he-tree/tree-utils": {
+            "version": "0.1.0-alpha.6",
+            "resolved": "https://registry.npmjs.org/@he-tree/tree-utils/-/tree-utils-0.1.0-alpha.6.tgz",
+            "integrity": "sha512-TIH1iIRLpn3sjd4EuIfKQzFd6ToY8GLYk3i5bfK1njCW7lBBDHLqSyK0mlJPbCPk4PfkZBC4K+sMcYyH4hokyg==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.7.7",
+                "drag-event-service": "^2.0.0",
+                "helper-js": "^3.1.2"
+            }
+        },
+        "node_modules/@he-tree/vue": {
+            "version": "2.9.4",
+            "resolved": "https://registry.npmjs.org/@he-tree/vue/-/vue-2.9.4.tgz",
+            "integrity": "sha512-n8yycL4fk46mlg6sIkcdSZmSCRvdzqj7Ts14ulKXLqmyR6NyTSnP6O9pj6dPk2S2wJIuX2Ad6MOzpg0qDhlBXA==",
+            "license": "MIT",
+            "dependencies": {
+                "@he-tree/dnd-utils": "^0.1.0-alpha.4",
+                "@he-tree/tree-utils": "^0.1.0-alpha.6",
+                "@virtual-list/vue": "^1.2.1",
+                "helper-js": "^3.1.2",
+                "vue-demi": "latest"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "peerDependencies": {
+                "@vue/composition-api": "^1.4.6",
+                "vue": "^2.0.0 || >=3.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@vue/composition-api": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@he-tree/vue/node_modules/@virtual-list/vue": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/@virtual-list/vue/-/vue-1.2.1.tgz",
+            "integrity": "sha512-sVangNRLgHJsrwjf2EeXuc8mUExbLRJO39J9/FXFWXXQkue/FBT4ZWN7GH5+GJTeVaEEfHW1W2UuVaf3LEB3jQ==",
+            "license": "MIT",
+            "dependencies": {
+                "helper-js": "^3.1.2",
+                "vue-demi": "latest"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "peerDependencies": {
+                "@vue/composition-api": "^1.4.6",
+                "vue": "^2.0.0 || >=3.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@vue/composition-api": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@hoppscotch/vue-toasted": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/@hoppscotch/vue-toasted/-/vue-toasted-0.1.0.tgz",
+            "integrity": "sha512-DIgmeTHxWwX5UeaHLEqDYNLJFGRosx/5N1fCHkaO8zt+sZv8GrHlkrIpjfKF2drmA3kKw5cY42Cw7WuCoabR3g==",
+            "license": "MIT",
+            "peerDependencies": {
+                "vue": "^3.2.37"
+            }
+        },
+        "node_modules/@internationalized/date": {
+            "version": "3.7.0",
+            "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.7.0.tgz",
+            "integrity": "sha512-VJ5WS3fcVx0bejE/YHfbDKR/yawZgKqn/if+oEeLqNwBtPzVB06olkfcnojTmEMX+gTpH+FlQ69SHNitJ8/erQ==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "@swc/helpers": "^0.5.0"
+            }
+        },
+        "node_modules/@internationalized/number": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.6.0.tgz",
+            "integrity": "sha512-PtrRcJVy7nw++wn4W2OuePQQfTqDzfusSuY1QTtui4wa7r+rGVtR75pO8CyKvHvzyQYi3Q1uO5sY0AsB4e65Bw==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "@swc/helpers": "^0.5.0"
+            }
+        },
+        "node_modules/@isaacs/cliui": {
+            "version": "8.0.2",
+            "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+            "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+            "license": "ISC",
+            "dependencies": {
+                "string-width": "^5.1.2",
+                "string-width-cjs": "npm:string-width@^4.2.0",
+                "strip-ansi": "^7.0.1",
+                "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+                "wrap-ansi": "^8.1.0",
+                "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@jridgewell/sourcemap-codec": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+            "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+            "license": "MIT"
+        },
+        "node_modules/@nodelib/fs.scandir": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-4.0.1.tgz",
+            "integrity": "sha512-vAkI715yhnmiPupY+dq+xenu5Tdf2TBQ66jLvBIcCddtz+5Q8LbMKaf9CIJJreez8fQ8fgaY+RaywQx8RJIWpw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@nodelib/fs.stat": "4.0.0",
+                "run-parallel": "^1.2.0"
+            },
+            "engines": {
+                "node": ">=18.18.0"
+            }
+        },
+        "node_modules/@nodelib/fs.stat": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-4.0.0.tgz",
+            "integrity": "sha512-ctr6bByzksKRCV0bavi8WoQevU6plSp2IkllIsEqaiKe2mwNNnaluhnRhcsgGZHrrHk57B3lf95MkLMO3STYcg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=18.18.0"
+            }
+        },
+        "node_modules/@nodelib/fs.walk": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-3.0.1.tgz",
+            "integrity": "sha512-nIh/M6Kh3ZtOmlY00DaUYB4xeeV6F3/ts1l29iwl3/cfyY/OuCfUx+v08zgx8TKPTifXRcjjqVQ4KB2zOYSbyw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@nodelib/fs.scandir": "4.0.1",
+                "fastq": "^1.15.0"
+            },
+            "engines": {
+                "node": ">=18.18.0"
+            }
+        },
+        "node_modules/@one-ini/wasm": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz",
+            "integrity": "sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==",
+            "license": "MIT"
+        },
+        "node_modules/@pkgjs/parseargs": {
+            "version": "0.11.0",
+            "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+            "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+            "license": "MIT",
+            "optional": true,
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/@popperjs/core": {
+            "version": "2.11.8",
+            "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+            "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+            "license": "MIT",
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/popperjs"
+            }
+        },
+        "node_modules/@remirror/core-constants": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-3.0.0.tgz",
+            "integrity": "sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==",
+            "license": "MIT"
+        },
+        "node_modules/@rollup/plugin-inject": {
+            "version": "5.0.5",
+            "resolved": "https://registry.npmjs.org/@rollup/plugin-inject/-/plugin-inject-5.0.5.tgz",
+            "integrity": "sha512-2+DEJbNBoPROPkgTDNe8/1YXWcqxbN5DTjASVIOx8HS+pITXushyNiBV56RB08zuptzz8gT3YfkqriTBVycepg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@rollup/pluginutils": "^5.0.1",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.30.3"
+            },
+            "engines": {
+                "node": ">=14.0.0"
+            },
+            "peerDependencies": {
+                "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+            },
+            "peerDependenciesMeta": {
+                "rollup": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@rollup/pluginutils": {
+            "version": "5.1.4",
+            "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.4.tgz",
+            "integrity": "sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/estree": "^1.0.0",
+                "estree-walker": "^2.0.2",
+                "picomatch": "^4.0.2"
+            },
+            "engines": {
+                "node": ">=14.0.0"
+            },
+            "peerDependencies": {
+                "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+            },
+            "peerDependenciesMeta": {
+                "rollup": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@rollup/rollup-android-arm-eabi": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.37.0.tgz",
+            "integrity": "sha512-l7StVw6WAa8l3vA1ov80jyetOAEo1FtHvZDbzXDO/02Sq/QVvqlHkYoFwDJPIMj0GKiistsBudfx5tGFnwYWDQ==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ]
+        },
+        "node_modules/@rollup/rollup-android-arm64": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.37.0.tgz",
+            "integrity": "sha512-6U3SlVyMxezt8Y+/iEBcbp945uZjJwjZimu76xoG7tO1av9VO691z8PkhzQ85ith2I8R2RddEPeSfcbyPfD4hA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ]
+        },
+        "node_modules/@rollup/rollup-darwin-arm64": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.37.0.tgz",
+            "integrity": "sha512-+iTQ5YHuGmPt10NTzEyMPbayiNTcOZDWsbxZYR1ZnmLnZxG17ivrPSWFO9j6GalY0+gV3Jtwrrs12DBscxnlYA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ]
+        },
+        "node_modules/@rollup/rollup-darwin-x64": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.37.0.tgz",
+            "integrity": "sha512-m8W2UbxLDcmRKVjgl5J/k4B8d7qX2EcJve3Sut7YGrQoPtCIQGPH5AMzuFvYRWZi0FVS0zEY4c8uttPfX6bwYQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ]
+        },
+        "node_modules/@rollup/rollup-freebsd-arm64": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.37.0.tgz",
+            "integrity": "sha512-FOMXGmH15OmtQWEt174v9P1JqqhlgYge/bUjIbiVD1nI1NeJ30HYT9SJlZMqdo1uQFyt9cz748F1BHghWaDnVA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-freebsd-x64": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.37.0.tgz",
+            "integrity": "sha512-SZMxNttjPKvV14Hjck5t70xS3l63sbVwl98g3FlVVx2YIDmfUIy29jQrsw06ewEYQ8lQSuY9mpAPlmgRD2iSsA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.37.0.tgz",
+            "integrity": "sha512-hhAALKJPidCwZcj+g+iN+38SIOkhK2a9bqtJR+EtyxrKKSt1ynCBeqrQy31z0oWU6thRZzdx53hVgEbRkuI19w==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.37.0.tgz",
+            "integrity": "sha512-jUb/kmn/Gd8epbHKEqkRAxq5c2EwRt0DqhSGWjPFxLeFvldFdHQs/n8lQ9x85oAeVb6bHcS8irhTJX2FCOd8Ag==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm64-gnu": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.37.0.tgz",
+            "integrity": "sha512-oNrJxcQT9IcbcmKlkF+Yz2tmOxZgG9D9GRq+1OE6XCQwCVwxixYAa38Z8qqPzQvzt1FCfmrHX03E0pWoXm1DqA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm64-musl": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.37.0.tgz",
+            "integrity": "sha512-pfxLBMls+28Ey2enpX3JvjEjaJMBX5XlPCZNGxj4kdJyHduPBXtxYeb8alo0a7bqOoWZW2uKynhHxF/MWoHaGQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.37.0.tgz",
+            "integrity": "sha512-yCE0NnutTC/7IGUq/PUHmoeZbIwq3KRh02e9SfFh7Vmc1Z7atuJRYWhRME5fKgT8aS20mwi1RyChA23qSyRGpA==",
+            "cpu": [
+                "loong64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.37.0.tgz",
+            "integrity": "sha512-NxcICptHk06E2Lh3a4Pu+2PEdZ6ahNHuK7o6Np9zcWkrBMuv21j10SQDJW3C9Yf/A/P7cutWoC/DptNLVsZ0VQ==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.37.0.tgz",
+            "integrity": "sha512-PpWwHMPCVpFZLTfLq7EWJWvrmEuLdGn1GMYcm5MV7PaRgwCEYJAwiN94uBuZev0/J/hFIIJCsYw4nLmXA9J7Pw==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-riscv64-musl": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.37.0.tgz",
+            "integrity": "sha512-DTNwl6a3CfhGTAOYZ4KtYbdS8b+275LSLqJVJIrPa5/JuIufWWZ/QFvkxp52gpmguN95eujrM68ZG+zVxa8zHA==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-s390x-gnu": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.37.0.tgz",
+            "integrity": "sha512-hZDDU5fgWvDdHFuExN1gBOhCuzo/8TMpidfOR+1cPZJflcEzXdCy1LjnklQdW8/Et9sryOPJAKAQRw8Jq7Tg+A==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-x64-gnu": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.37.0.tgz",
+            "integrity": "sha512-pKivGpgJM5g8dwj0ywBwe/HeVAUSuVVJhUTa/URXjxvoyTT/AxsLTAbkHkDHG7qQxLoW2s3apEIl26uUe08LVQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-x64-musl": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.37.0.tgz",
+            "integrity": "sha512-E2lPrLKE8sQbY/2bEkVTGDEk4/49UYRVWgj90MY8yPjpnGBQ+Xi1Qnr7b7UIWw1NOggdFQFOLZ8+5CzCiz143w==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-arm64-msvc": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.37.0.tgz",
+            "integrity": "sha512-Jm7biMazjNzTU4PrQtr7VS8ibeys9Pn29/1bm4ph7CP2kf21950LgN+BaE2mJ1QujnvOc6p54eWWiVvn05SOBg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-ia32-msvc": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.37.0.tgz",
+            "integrity": "sha512-e3/1SFm1OjefWICB2Ucstg2dxYDkDTZGDYgwufcbsxTHyqQps1UQf33dFEChBNmeSsTOyrjw2JJq0zbG5GF6RA==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-x64-msvc": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.37.0.tgz",
+            "integrity": "sha512-LWbXUBwn/bcLx2sSsqy7pK5o+Nr+VCoRoAohfJ5C/aBio9nfJmGQqHAhU6pwxV/RmyTk5AqdySma7uwWGlmeuA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@shopify/draggable": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/@shopify/draggable/-/draggable-1.1.4.tgz",
+            "integrity": "sha512-EkXxBtQH119pGpLWhhhIPEdaeirGcVwkh6Nft1nqbMdM4N6b4r4v9wCmR1/r2gjTwu888I6qGI0VSlhoYivbYw==",
+            "license": "MIT"
+        },
+        "node_modules/@snyk/github-codeowners": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/@snyk/github-codeowners/-/github-codeowners-1.1.0.tgz",
+            "integrity": "sha512-lGFf08pbkEac0NYgVf4hdANpAgApRjNByLXB+WBip3qj1iendOIyAwP2GKkKbQMNVy2r1xxDf0ssfWscoiC+Vw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "commander": "^4.1.1",
+                "ignore": "^5.1.8",
+                "p-map": "^4.0.0"
+            },
+            "bin": {
+                "github-codeowners": "dist/cli.js"
+            },
+            "engines": {
+                "node": ">=8.10"
+            }
+        },
+        "node_modules/@snyk/github-codeowners/node_modules/commander": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+            "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/@swc/helpers": {
+            "version": "0.5.15",
+            "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+            "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "tslib": "^2.8.0"
+            }
+        },
+        "node_modules/@tailwindcss/node": {
+            "version": "4.0.17",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.0.17.tgz",
+            "integrity": "sha512-LIdNwcqyY7578VpofXyqjH6f+3fP4nrz7FBLki5HpzqjYfXdF2m/eW18ZfoKePtDGg90Bvvfpov9d2gy5XVCbg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "enhanced-resolve": "^5.18.1",
+                "jiti": "^2.4.2",
+                "tailwindcss": "4.0.17"
+            }
+        },
+        "node_modules/@tailwindcss/oxide": {
+            "version": "4.0.17",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.0.17.tgz",
+            "integrity": "sha512-B4OaUIRD2uVrULpAD1Yksx2+wNarQr2rQh65nXqaqbLY1jCd8fO+3KLh/+TH4Hzh2NTHQvgxVbPdUDOtLk7vAw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 10"
+            },
+            "optionalDependencies": {
+                "@tailwindcss/oxide-android-arm64": "4.0.17",
+                "@tailwindcss/oxide-darwin-arm64": "4.0.17",
+                "@tailwindcss/oxide-darwin-x64": "4.0.17",
+                "@tailwindcss/oxide-freebsd-x64": "4.0.17",
+                "@tailwindcss/oxide-linux-arm-gnueabihf": "4.0.17",
+                "@tailwindcss/oxide-linux-arm64-gnu": "4.0.17",
+                "@tailwindcss/oxide-linux-arm64-musl": "4.0.17",
+                "@tailwindcss/oxide-linux-x64-gnu": "4.0.17",
+                "@tailwindcss/oxide-linux-x64-musl": "4.0.17",
+                "@tailwindcss/oxide-win32-arm64-msvc": "4.0.17",
+                "@tailwindcss/oxide-win32-x64-msvc": "4.0.17"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-android-arm64": {
+            "version": "4.0.17",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.0.17.tgz",
+            "integrity": "sha512-3RfO0ZK64WAhop+EbHeyxGThyDr/fYhxPzDbEQjD2+v7ZhKTb2svTWy+KK+J1PHATus2/CQGAGp7pHY/8M8ugg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-darwin-arm64": {
+            "version": "4.0.17",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.0.17.tgz",
+            "integrity": "sha512-e1uayxFQCCDuzTk9s8q7MC5jFN42IY7nzcr5n0Mw/AcUHwD6JaBkXnATkD924ZsHyPDvddnusIEvkgLd2CiREg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-darwin-x64": {
+            "version": "4.0.17",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.0.17.tgz",
+            "integrity": "sha512-d6z7HSdOKfXQ0HPlVx1jduUf/YtBuCCtEDIEFeBCzgRRtDsUuRtofPqxIVaSCUTOk5+OfRLonje6n9dF6AH8wQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-freebsd-x64": {
+            "version": "4.0.17",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.0.17.tgz",
+            "integrity": "sha512-EjrVa6lx3wzXz3l5MsdOGtYIsRjgs5Mru6lDv4RuiXpguWeOb3UzGJ7vw7PEzcFadKNvNslEQqoAABeMezprxQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+            "version": "4.0.17",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.0.17.tgz",
+            "integrity": "sha512-65zXfCOdi8wuaY0Ye6qMR5LAXokHYtrGvo9t/NmxvSZtCCitXV/gzJ/WP5ksXPhff1SV5rov0S+ZIZU+/4eyCQ==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+            "version": "4.0.17",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.0.17.tgz",
+            "integrity": "sha512-+aaq6hJ8ioTdbJV5IA1WjWgLmun4T7eYLTvJIToiXLHy5JzUERRbIZjAcjgK9qXMwnvuu7rqpxzej+hGoEcG5g==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+            "version": "4.0.17",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.0.17.tgz",
+            "integrity": "sha512-/FhWgZCdUGAeYHYnZKekiOC0aXFiBIoNCA0bwzkICiMYS5Rtx2KxFfMUXQVnl4uZRblG5ypt5vpPhVaXgGk80w==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+            "version": "4.0.17",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.0.17.tgz",
+            "integrity": "sha512-gELJzOHK6GDoIpm/539Golvk+QWZjxQcbkKq9eB2kzNkOvrP0xc5UPgO9bIMNt1M48mO8ZeNenCMGt6tfkvVBg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+            "version": "4.0.17",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.0.17.tgz",
+            "integrity": "sha512-68NwxcJrZn94IOW4TysMIbYv5AlM6So1luTlbYUDIGnKma1yTFGBRNEJ+SacJ3PZE2rgcTBNRHX1TB4EQ/XEHw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+            "version": "4.0.17",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.0.17.tgz",
+            "integrity": "sha512-AkBO8efP2/7wkEXkNlXzRD4f/7WerqKHlc6PWb5v0jGbbm22DFBLbIM19IJQ3b+tNewQZa+WnPOaGm0SmwMNjw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+            "version": "4.0.17",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.0.17.tgz",
+            "integrity": "sha512-7/DTEvXcoWlqX0dAlcN0zlmcEu9xSermuo7VNGX9tJ3nYMdo735SHvbrHDln1+LYfF6NhJ3hjbpbjkMOAGmkDg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/@tailwindcss/typography": {
+            "version": "0.5.16",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.16.tgz",
+            "integrity": "sha512-0wDLwCVF5V3x3b1SGXPCDcdsbDHMBe+lkFzBRaHeLvNi+nrrnZ1lA18u+OTWO8iSWU2GxUOCvlXtDuqftc1oiA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "lodash.castarray": "^4.4.0",
+                "lodash.isplainobject": "^4.0.6",
+                "lodash.merge": "^4.6.2",
+                "postcss-selector-parser": "6.0.10"
+            },
+            "peerDependencies": {
+                "tailwindcss": ">=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1"
+            }
+        },
+        "node_modules/@tailwindcss/vite": {
+            "version": "4.0.17",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.0.17.tgz",
+            "integrity": "sha512-HJbBYDlDVg5cvYZzECb6xwc1IDCEM3uJi3hEZp3BjZGCNGJcTsnCpan+z+VMW0zo6gR0U6O6ElqU1OoZ74Dhww==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@tailwindcss/node": "4.0.17",
+                "@tailwindcss/oxide": "4.0.17",
+                "lightningcss": "1.29.2",
+                "tailwindcss": "4.0.17"
+            },
+            "peerDependencies": {
+                "vite": "^5.2.0 || ^6"
+            }
+        },
+        "node_modules/@tanstack/virtual-core": {
+            "version": "3.13.5",
+            "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.5.tgz",
+            "integrity": "sha512-gMLNylxhJdUlfRR1G3U9rtuwUh2IjdrrniJIDcekVJN3/3i+bluvdMi3+eodnxzJq5nKnxnigo9h0lIpaqV6HQ==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            }
+        },
+        "node_modules/@tanstack/vue-virtual": {
+            "version": "3.13.5",
+            "resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.13.5.tgz",
+            "integrity": "sha512-1hhUA6CUjmKc5JDyKLcYOV6mI631FaKKxXh77Ja4UtIy6EOofYaLPk8vVgvK6vLMUSfHR2vI3ZpPY9ibyX60SA==",
+            "license": "MIT",
+            "dependencies": {
+                "@tanstack/virtual-core": "3.13.5"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/tannerlinsley"
+            },
+            "peerDependencies": {
+                "vue": "^2.7.0 || ^3.0.0"
+            }
+        },
+        "node_modules/@tiptap/core": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-2.11.5.tgz",
+            "integrity": "sha512-jb0KTdUJaJY53JaN7ooY3XAxHQNoMYti/H6ANo707PsLXVeEqJ9o8+eBup1JU5CuwzrgnDc2dECt2WIGX9f8Jw==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/pm": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-blockquote": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.11.5.tgz",
+            "integrity": "sha512-MZfcRIzKRD8/J1hkt/eYv49060GTL6qGR3NY/oTDuw2wYzbQXXLEbjk8hxAtjwNn7G+pWQv3L+PKFzZDxibLuA==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-bold": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.11.5.tgz",
+            "integrity": "sha512-OAq03MHEbl7MtYCUzGuwb0VpOPnM0k5ekMbEaRILFU5ZC7cEAQ36XmPIw1dQayrcuE8GZL35BKub2qtRxyC9iA==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-bubble-menu": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-2.11.5.tgz",
+            "integrity": "sha512-rx+rMd7EEdht5EHLWldpkzJ56SWYA9799b33ustePqhXd6linnokJCzBqY13AfZ9+xp3RsR6C0ZHI9GGea0tIA==",
+            "license": "MIT",
+            "dependencies": {
+                "tippy.js": "^6.3.7"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0",
+                "@tiptap/pm": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-bullet-list": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.11.5.tgz",
+            "integrity": "sha512-VXwHlX6A/T6FAspnyjbKDO0TQ+oetXuat6RY1/JxbXphH42nLuBaGWJ6pgy6xMl6XY8/9oPkTNrfJw/8/eeRwA==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-character-count": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-character-count/-/extension-character-count-2.11.5.tgz",
+            "integrity": "sha512-Da2VGb7ClmKwXdQdQC2735qylYD8/MQAPA0skPEcHxcDTDuI8ibyIDnMPnczgS/hR5g0TYE2DQp/dkhJXeovkQ==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0",
+                "@tiptap/pm": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-code": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.11.5.tgz",
+            "integrity": "sha512-xOvHevNIQIcCCVn9tpvXa1wBp0wHN/2umbAZGTVzS+AQtM7BTo0tz8IyzwxkcZJaImONcUVYLOLzt2AgW1LltA==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-code-block": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.11.5.tgz",
+            "integrity": "sha512-ksxMMvqLDlC+ftcQLynqZMdlJT1iHYZorXsXw/n+wuRd7YElkRkd6YWUX/Pq/njFY6lDjKiqFLEXBJB8nrzzBA==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0",
+                "@tiptap/pm": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-code-block-lowlight": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block-lowlight/-/extension-code-block-lowlight-2.11.5.tgz",
+            "integrity": "sha512-EIE+mAGsp8C69dI0Yyg+VH1x36rgyPJc93SfA7h4xFF6Oth18z4YhJtiLaZcwCMyOOVs2efApZ0R3/Fnz2VlqA==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0",
+                "@tiptap/extension-code-block": "^2.7.0",
+                "@tiptap/pm": "^2.7.0",
+                "highlight.js": "^11",
+                "lowlight": "^2 || ^3"
+            }
+        },
+        "node_modules/@tiptap/extension-document": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.11.5.tgz",
+            "integrity": "sha512-7I4BRTpIux2a0O2qS3BDmyZ5LGp3pszKbix32CmeVh7lN9dV7W5reDqtJJ9FCZEEF+pZ6e1/DQA362dflwZw2g==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-dropcursor": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.11.5.tgz",
+            "integrity": "sha512-uIN7L3FU0904ec7FFFbndO7RQE/yiON4VzAMhNn587LFMyWO8US139HXIL4O8dpZeYwYL3d1FnDTflZl6CwLlg==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0",
+                "@tiptap/pm": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-floating-menu": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-floating-menu/-/extension-floating-menu-2.11.5.tgz",
+            "integrity": "sha512-HsMI0hV5Lwzm530Z5tBeyNCBNG38eJ3qjfdV2OHlfSf3+KOEfn6a5AUdoNaZO02LF79/8+7BaYU2drafag9cxQ==",
+            "license": "MIT",
+            "dependencies": {
+                "tippy.js": "^6.3.7"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0",
+                "@tiptap/pm": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-gapcursor": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.11.5.tgz",
+            "integrity": "sha512-kcWa+Xq9cb6lBdiICvLReuDtz/rLjFKHWpW3jTTF3FiP3wx4H8Rs6bzVtty7uOVTfwupxZRiKICAMEU6iT0xrQ==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0",
+                "@tiptap/pm": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-hard-break": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.11.5.tgz",
+            "integrity": "sha512-q9doeN+Yg9F5QNTG8pZGYfNye3tmntOwch683v0CCVCI4ldKaLZ0jG3NbBTq+mosHYdgOH2rNbIORlRRsQ+iYQ==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-heading": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.11.5.tgz",
+            "integrity": "sha512-x/MV53psJ9baRcZ4k4WjnCUBMt8zCX7mPlKVT+9C/o+DEs/j/qxPLs95nHeQv70chZpSwCQCt93xMmuF0kPoAg==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-history": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.11.5.tgz",
+            "integrity": "sha512-b+wOS33Dz1azw6F1i9LFTEIJ/gUui0Jwz5ZvmVDpL2ZHBhq1Ui0/spTT+tuZOXq7Y/uCbKL8Liu4WoedIvhboQ==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0",
+                "@tiptap/pm": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-horizontal-rule": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.11.5.tgz",
+            "integrity": "sha512-3up2r1Du8/5/4ZYzTC0DjTwhgPI3dn8jhOCLu73m5F3OGvK/9whcXoeWoX103hYMnGDxBlfOje71yQuN35FL4A==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0",
+                "@tiptap/pm": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-italic": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.11.5.tgz",
+            "integrity": "sha512-9VGfb2/LfPhQ6TjzDwuYLRvw0A6VGbaIp3F+5Mql8XVdTBHb2+rhELbyhNGiGVR78CaB/EiKb6dO9xu/tBWSYA==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-list-item": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.11.5.tgz",
+            "integrity": "sha512-Mp5RD/pbkfW1vdc6xMVxXYcta73FOwLmblQlFNn/l/E5/X1DUSA4iGhgDDH4EWO3swbs03x2f7Zka/Xoj3+WLg==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-ordered-list": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.11.5.tgz",
+            "integrity": "sha512-Cu8KwruBNWAaEfshRQR0yOSaUKAeEwxW7UgbvF9cN/zZuKgK5uZosPCPTehIFCcRe+TBpRtZQh+06f/gNYpYYg==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-paragraph": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.11.5.tgz",
+            "integrity": "sha512-YFBWeg7xu/sBnsDIF/+nh9Arf7R0h07VZMd0id5Ydd2Qe3c1uIZwXxeINVtH0SZozuPIQFAT8ICe9M0RxmE+TA==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-placeholder": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-placeholder/-/extension-placeholder-2.11.5.tgz",
+            "integrity": "sha512-Pr+0Ju/l2ZvXMd9VQxtaoSZbs0BBp1jbBDqwms88ctpyvQFRfLSfSkqudQcSHyw2ROOz2E31p/7I7fpI8Y0CLA==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0",
+                "@tiptap/pm": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-strike": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.11.5.tgz",
+            "integrity": "sha512-PVfUiCqrjvsLpbIoVlegSY8RlkR64F1Rr2RYmiybQfGbg+AkSZXDeO0eIrc03//4gua7D9DfIozHmAKv1KN3ow==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-subscript": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-subscript/-/extension-subscript-2.11.5.tgz",
+            "integrity": "sha512-VpaSzxku/Bcvf4SgDB2K5d0E+FNA/56iJHMygg/WXsq2F4tMMUEivQHI/n+17ndUEO4Wybz0wItnM1G2JfRuLQ==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-superscript": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-superscript/-/extension-superscript-2.11.5.tgz",
+            "integrity": "sha512-sK6v2G0zFfGW+j9CmYp2e+tyZ3FTa3dP0xY4kJzefgZcHhMJLlLnjxBRwHCSi/jj5ie6WdZT4KoEooxnPs1Vzw==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-table": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-table/-/extension-table-2.11.5.tgz",
+            "integrity": "sha512-NKXLhKWdAdURklm98YkCd2ai4fh8jY8HS/+X2s/2QiQt8Z98CU1keCm35fJEEExM234iB/hCqG5vY4JgTc0Tvw==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0",
+                "@tiptap/pm": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-table-cell": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-table-cell/-/extension-table-cell-2.11.5.tgz",
+            "integrity": "sha512-S967Au0pgeULstP3FaasOf/LEh72p61Ooh1PcUMF/az4x8EeGgpcEUARpVUxsGxLFvogv6LmhPHZdtcGgdHcBw==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-table-header": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-table-header/-/extension-table-header-2.11.5.tgz",
+            "integrity": "sha512-O1iBtzZP1XZDi4h1Xmgq1T63il+fpKPvBIMZ0JJH9TyCw5i5rcrMLL2dyy5zaWK3BFRJuYBNSke4c+VWnr/g6w==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-table-row": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-table-row/-/extension-table-row-2.11.5.tgz",
+            "integrity": "sha512-+/VWhCuW24BcM5aaIc/f0bC6ZR1Q5gnuqw13MIo7gyPx7iIY6BXK8roGiZSs8wYAN4uBEf3EKFm0bSZwQuAeyg==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-text": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.11.5.tgz",
+            "integrity": "sha512-Gq1WwyhFpCbEDrLPIHt5A8aLSlf8bfz4jm417c8F/JyU0J5dtYdmx0RAxjnLw1i7ZHE7LRyqqAoS0sl7JHDNSQ==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-text-align": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-text-align/-/extension-text-align-2.11.5.tgz",
+            "integrity": "sha512-Ei0zDpH5N9EV59ogydK4HTKa4lCPicCsQllM5n/Nf2tUJPir3aiYxzJ73FzhComD4Hpo1ANYnmssBhy8QeoPZA==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-typography": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-typography/-/extension-typography-2.11.5.tgz",
+            "integrity": "sha512-K+mwkyyH3bhnw8f6dKt0AIIh7ipPPVTY5XiWxm1ZMnS6p7TkXeqSJRU6mT1a47YLX4IGBEMlTQdvDVvJ1hwTjA==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/extension-underline": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-2.11.5.tgz",
+            "integrity": "sha512-YpWHXNIkSoRSuzT2cvgKpyJ2tTz3LzqkTM64uC+uTJ8cUkvXIWUWejJR42q8ma/mTlQe4lHff4IQ0Sf58Digtw==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0"
+            }
+        },
+        "node_modules/@tiptap/pm": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.11.5.tgz",
+            "integrity": "sha512-z9JFtqc5ZOsdQLd9vRnXfTCQ8v5ADAfRt9Nm7SqP6FUHII8E1hs38ACzf5xursmth/VonJYb5+73Pqxk1hGIPw==",
+            "license": "MIT",
+            "dependencies": {
+                "prosemirror-changeset": "^2.2.1",
+                "prosemirror-collab": "^1.3.1",
+                "prosemirror-commands": "^1.6.2",
+                "prosemirror-dropcursor": "^1.8.1",
+                "prosemirror-gapcursor": "^1.3.2",
+                "prosemirror-history": "^1.4.1",
+                "prosemirror-inputrules": "^1.4.0",
+                "prosemirror-keymap": "^1.2.2",
+                "prosemirror-markdown": "^1.13.1",
+                "prosemirror-menu": "^1.2.4",
+                "prosemirror-model": "^1.23.0",
+                "prosemirror-schema-basic": "^1.2.3",
+                "prosemirror-schema-list": "^1.4.1",
+                "prosemirror-state": "^1.4.3",
+                "prosemirror-tables": "^1.6.3",
+                "prosemirror-trailing-node": "^3.0.0",
+                "prosemirror-transform": "^1.10.2",
+                "prosemirror-view": "^1.37.0"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            }
+        },
+        "node_modules/@tiptap/vue-3": {
+            "version": "2.11.5",
+            "resolved": "https://registry.npmjs.org/@tiptap/vue-3/-/vue-3-2.11.5.tgz",
+            "integrity": "sha512-etOURQq85MpfkMPeTG0r79s7wmLM7PqLD4aj19m7Fk5rkWuoEZyBinnA+9jfIKEttnhQ1G8PQnHNaqJhfIHQfA==",
+            "license": "MIT",
+            "dependencies": {
+                "@tiptap/extension-bubble-menu": "^2.11.5",
+                "@tiptap/extension-floating-menu": "^2.11.5"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/ueberdosis"
+            },
+            "peerDependencies": {
+                "@tiptap/core": "^2.7.0",
+                "@tiptap/pm": "^2.7.0",
+                "vue": "^3.0.0"
+            }
+        },
+        "node_modules/@trysound/sax": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
+            "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
+            "license": "ISC",
+            "engines": {
+                "node": ">=10.13.0"
+            }
+        },
+        "node_modules/@types/estree": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz",
+            "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@types/hast": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+            "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@types/unist": "*"
+            }
+        },
+        "node_modules/@types/linkify-it": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
+            "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
+            "license": "MIT"
+        },
+        "node_modules/@types/lodash": {
+            "version": "4.17.16",
+            "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.16.tgz",
+            "integrity": "sha512-HX7Em5NYQAXKW+1T+FiuG27NGwzJfCX3s1GjOa7ujxZa52kjJLOr4FUxT+giF6Tgxv1e+/czV/iTtBw27WTU9g==",
+            "license": "MIT"
+        },
+        "node_modules/@types/markdown-it": {
+            "version": "14.1.2",
+            "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
+            "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
+            "license": "MIT",
+            "dependencies": {
+                "@types/linkify-it": "^5",
+                "@types/mdurl": "^2"
+            }
+        },
+        "node_modules/@types/mdurl": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
+            "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
+            "license": "MIT"
+        },
+        "node_modules/@types/node": {
+            "version": "22.13.13",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-22.13.13.tgz",
+            "integrity": "sha512-ClsL5nMwKaBRwPcCvH8E7+nU4GxHVx1axNvMZTFHMEfNI7oahimt26P5zjVCRrjiIWj6YFXfE1v3dEp94wLcGQ==",
+            "dev": true,
+            "license": "MIT",
+            "peer": true,
+            "dependencies": {
+                "undici-types": "~6.20.0"
+            }
+        },
+        "node_modules/@types/resize-observer-browser": {
+            "version": "0.1.11",
+            "resolved": "https://registry.npmjs.org/@types/resize-observer-browser/-/resize-observer-browser-0.1.11.tgz",
+            "integrity": "sha512-cNw5iH8JkMkb3QkCoe7DaZiawbDQEUX8t7iuQaRTyLOyQCR2h+ibBD4GJt7p5yhUHrlOeL7ZtbxNHeipqNsBzQ==",
+            "license": "MIT"
+        },
+        "node_modules/@types/unist": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+            "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+            "license": "MIT"
+        },
+        "node_modules/@types/web-bluetooth": {
+            "version": "0.0.21",
+            "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
+            "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==",
+            "license": "MIT"
+        },
+        "node_modules/@vitejs/plugin-vue": {
+            "version": "5.2.3",
+            "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.3.tgz",
+            "integrity": "sha512-IYSLEQj4LgZZuoVpdSUCw3dIynTWQgPlaRP6iAvMle4My0HdYwr5g5wQAfwOeHQBmYwEkqF70nRpSilr6PoUDg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": "^18.0.0 || >=20.0.0"
+            },
+            "peerDependencies": {
+                "vite": "^5.0.0 || ^6.0.0",
+                "vue": "^3.2.25"
+            }
+        },
+        "node_modules/@vitest/expect": {
+            "version": "3.0.9",
+            "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.0.9.tgz",
+            "integrity": "sha512-5eCqRItYgIML7NNVgJj6TVCmdzE7ZVgJhruW0ziSQV4V7PvLkDL1bBkBdcTs/VuIz0IxPb5da1IDSqc1TR9eig==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@vitest/spy": "3.0.9",
+                "@vitest/utils": "3.0.9",
+                "chai": "^5.2.0",
+                "tinyrainbow": "^2.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/vitest"
+            }
+        },
+        "node_modules/@vitest/mocker": {
+            "version": "3.0.9",
+            "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-3.0.9.tgz",
+            "integrity": "sha512-ryERPIBOnvevAkTq+L1lD+DTFBRcjueL9lOUfXsLfwP92h4e+Heb+PjiqS3/OURWPtywfafK0kj++yDFjWUmrA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@vitest/spy": "3.0.9",
+                "estree-walker": "^3.0.3",
+                "magic-string": "^0.30.17"
+            },
+            "funding": {
+                "url": "https://opencollective.com/vitest"
+            },
+            "peerDependencies": {
+                "msw": "^2.4.9",
+                "vite": "^5.0.0 || ^6.0.0"
+            },
+            "peerDependenciesMeta": {
+                "msw": {
+                    "optional": true
+                },
+                "vite": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@vitest/mocker/node_modules/estree-walker": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+            "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/estree": "^1.0.0"
+            }
+        },
+        "node_modules/@vitest/pretty-format": {
+            "version": "3.0.9",
+            "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.0.9.tgz",
+            "integrity": "sha512-OW9F8t2J3AwFEwENg3yMyKWweF7oRJlMyHOMIhO5F3n0+cgQAJZBjNgrF8dLwFTEXl5jUqBLXd9QyyKv8zEcmA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "tinyrainbow": "^2.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/vitest"
+            }
+        },
+        "node_modules/@vitest/runner": {
+            "version": "3.0.9",
+            "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-3.0.9.tgz",
+            "integrity": "sha512-NX9oUXgF9HPfJSwl8tUZCMP1oGx2+Sf+ru6d05QjzQz4OwWg0psEzwY6VexP2tTHWdOkhKHUIZH+fS6nA7jfOw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@vitest/utils": "3.0.9",
+                "pathe": "^2.0.3"
+            },
+            "funding": {
+                "url": "https://opencollective.com/vitest"
+            }
+        },
+        "node_modules/@vitest/snapshot": {
+            "version": "3.0.9",
+            "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-3.0.9.tgz",
+            "integrity": "sha512-AiLUiuZ0FuA+/8i19mTYd+re5jqjEc2jZbgJ2up0VY0Ddyyxg/uUtBDpIFAy4uzKaQxOW8gMgBdAJJ2ydhu39A==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@vitest/pretty-format": "3.0.9",
+                "magic-string": "^0.30.17",
+                "pathe": "^2.0.3"
+            },
+            "funding": {
+                "url": "https://opencollective.com/vitest"
+            }
+        },
+        "node_modules/@vitest/spy": {
+            "version": "3.0.9",
+            "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.0.9.tgz",
+            "integrity": "sha512-/CcK2UDl0aQ2wtkp3YVWldrpLRNCfVcIOFGlVGKO4R5eajsH393Z1yiXLVQ7vWsj26JOEjeZI0x5sm5P4OGUNQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "tinyspy": "^3.0.2"
+            },
+            "funding": {
+                "url": "https://opencollective.com/vitest"
+            }
+        },
+        "node_modules/@vitest/utils": {
+            "version": "3.0.9",
+            "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.0.9.tgz",
+            "integrity": "sha512-ilHM5fHhZ89MCp5aAaM9uhfl1c2JdxVxl3McqsdVyVNN6JffnEen8UMCdRTzOhGXNQGo5GNL9QugHrz727Wnng==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@vitest/pretty-format": "3.0.9",
+                "loupe": "^3.1.3",
+                "tinyrainbow": "^2.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/vitest"
+            }
+        },
+        "node_modules/@vue/compiler-core": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.13.tgz",
+            "integrity": "sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^7.25.3",
+                "@vue/shared": "3.5.13",
+                "entities": "^4.5.0",
+                "estree-walker": "^2.0.2",
+                "source-map-js": "^1.2.0"
+            }
+        },
+        "node_modules/@vue/compiler-core/node_modules/@vue/shared": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+            "license": "MIT"
+        },
+        "node_modules/@vue/compiler-dom": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
+            "integrity": "sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/compiler-core": "3.5.13",
+                "@vue/shared": "3.5.13"
+            }
+        },
+        "node_modules/@vue/compiler-dom/node_modules/@vue/shared": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+            "license": "MIT"
+        },
+        "node_modules/@vue/compiler-sfc": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz",
+            "integrity": "sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^7.25.3",
+                "@vue/compiler-core": "3.5.13",
+                "@vue/compiler-dom": "3.5.13",
+                "@vue/compiler-ssr": "3.5.13",
+                "@vue/shared": "3.5.13",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.30.11",
+                "postcss": "^8.4.48",
+                "source-map-js": "^1.2.0"
+            }
+        },
+        "node_modules/@vue/compiler-sfc/node_modules/@vue/shared": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+            "license": "MIT"
+        },
+        "node_modules/@vue/compiler-ssr": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz",
+            "integrity": "sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/compiler-dom": "3.5.13",
+                "@vue/shared": "3.5.13"
+            }
+        },
+        "node_modules/@vue/compiler-ssr/node_modules/@vue/shared": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+            "license": "MIT"
+        },
+        "node_modules/@vue/devtools-api": {
+            "version": "6.6.4",
+            "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+            "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+            "license": "MIT"
+        },
+        "node_modules/@vue/reactivity": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
+            "integrity": "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/shared": "3.1.5"
+            }
+        },
+        "node_modules/@vue/runtime-core": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.13.tgz",
+            "integrity": "sha512-Fj4YRQ3Az0WTZw1sFe+QDb0aXCerigEpw418pw1HBUKFtnQHWzwojaukAs2X/c9DQz4MQ4bsXTGlcpGxU/RCIw==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/reactivity": "3.5.13",
+                "@vue/shared": "3.5.13"
+            }
+        },
+        "node_modules/@vue/runtime-core/node_modules/@vue/reactivity": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz",
+            "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/shared": "3.5.13"
+            }
+        },
+        "node_modules/@vue/runtime-core/node_modules/@vue/shared": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+            "license": "MIT"
+        },
+        "node_modules/@vue/runtime-dom": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.13.tgz",
+            "integrity": "sha512-dLaj94s93NYLqjLiyFzVs9X6dWhTdAlEAciC3Moq7gzAc13VJUdCnjjRurNM6uTLFATRHexHCTu/Xp3eW6yoog==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/reactivity": "3.5.13",
+                "@vue/runtime-core": "3.5.13",
+                "@vue/shared": "3.5.13",
+                "csstype": "^3.1.3"
+            }
+        },
+        "node_modules/@vue/runtime-dom/node_modules/@vue/reactivity": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz",
+            "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/shared": "3.5.13"
+            }
+        },
+        "node_modules/@vue/runtime-dom/node_modules/@vue/shared": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+            "license": "MIT"
+        },
+        "node_modules/@vue/server-renderer": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.13.tgz",
+            "integrity": "sha512-wAi4IRJV/2SAW3htkTlB+dHeRmpTiVIK1OGLWV1yeStVSebSQQOwGwIq0D3ZIoBj2C2qpgz5+vX9iEBkTdk5YA==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/compiler-ssr": "3.5.13",
+                "@vue/shared": "3.5.13"
+            },
+            "peerDependencies": {
+                "vue": "3.5.13"
+            }
+        },
+        "node_modules/@vue/server-renderer/node_modules/@vue/shared": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+            "license": "MIT"
+        },
+        "node_modules/@vue/shared": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.5.tgz",
+            "integrity": "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA==",
+            "license": "MIT"
+        },
+        "node_modules/@vue/test-utils": {
+            "version": "2.4.6",
+            "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.4.6.tgz",
+            "integrity": "sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "js-beautify": "^1.14.9",
+                "vue-component-type-helpers": "^2.0.0"
+            }
+        },
+        "node_modules/@vueuse/core": {
+            "version": "12.8.2",
+            "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-12.8.2.tgz",
+            "integrity": "sha512-HbvCmZdzAu3VGi/pWYm5Ut+Kd9mn1ZHnn4L5G8kOQTPs/IwIAmJoBrmYk2ckLArgMXZj0AW3n5CAejLUO+PhdQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@types/web-bluetooth": "^0.0.21",
+                "@vueuse/metadata": "12.8.2",
+                "@vueuse/shared": "12.8.2",
+                "vue": "^3.5.13"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
+        "node_modules/@vueuse/metadata": {
+            "version": "12.8.2",
+            "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-12.8.2.tgz",
+            "integrity": "sha512-rAyLGEuoBJ/Il5AmFHiziCPdQzRt88VxR+Y/A/QhJ1EWtWqPBBAxTAFaSkviwEuOEZNtW8pvkPgoCZQ+HxqW1A==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
+        "node_modules/@vueuse/shared": {
+            "version": "12.8.2",
+            "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-12.8.2.tgz",
+            "integrity": "sha512-dznP38YzxZoNloI0qpEfpkms8knDtaoQ6Y/sfS0L7Yki4zh40LFHEhur0odJC6xTHG5dxWVPiUWBXn+wCG2s5w==",
+            "license": "MIT",
+            "dependencies": {
+                "vue": "^3.5.13"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
+        "node_modules/abbrev": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz",
+            "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==",
+            "license": "ISC",
+            "engines": {
+                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+            }
+        },
+        "node_modules/aggregate-error": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
+            "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "clean-stack": "^2.0.0",
+                "indent-string": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/alpinejs": {
+            "version": "3.14.9",
+            "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.14.9.tgz",
+            "integrity": "sha512-gqSOhTEyryU9FhviNqiHBHzgjkvtukq9tevew29fTj+ofZtfsYriw4zPirHHOAy9bw8QoL3WGhyk7QqCh5AYlw==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/reactivity": "~3.1.1"
+            }
+        },
+        "node_modules/ansi-regex": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/ansi-styles": {
+            "version": "6.2.1",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+            "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/argparse": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+            "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+            "license": "Python-2.0"
+        },
+        "node_modules/aria-hidden": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.4.tgz",
+            "integrity": "sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==",
+            "license": "MIT",
+            "dependencies": {
+                "tslib": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/assertion-error": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
+            "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/asynckit": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+            "license": "MIT"
+        },
+        "node_modules/autosize": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/autosize/-/autosize-6.0.1.tgz",
+            "integrity": "sha512-f86EjiUKE6Xvczc4ioP1JBlWG7FKrE13qe/DxBCpe8GCipCq2nFw73aO8QEBKHfSbYGDN5eB9jXWKen7tspDqQ==",
+            "license": "MIT"
+        },
+        "node_modules/axios": {
+            "version": "1.8.4",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-1.8.4.tgz",
+            "integrity": "sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==",
+            "license": "MIT",
+            "dependencies": {
+                "follow-redirects": "^1.15.6",
+                "form-data": "^4.0.0",
+                "proxy-from-env": "^1.1.0"
+            }
+        },
+        "node_modules/balanced-match": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+            "license": "MIT"
+        },
+        "node_modules/body-scroll-lock": {
+            "version": "4.0.0-beta.0",
+            "resolved": "https://registry.npmjs.org/body-scroll-lock/-/body-scroll-lock-4.0.0-beta.0.tgz",
+            "integrity": "sha512-a7tP5+0Mw3YlUJcGAKUqIBkYYGlYxk2fnCasq/FUph1hadxlTRjF+gAcZksxANnaMnALjxEddmSi/H3OR8ugcQ==",
+            "license": "MIT"
+        },
+        "node_modules/boolbase": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+            "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+            "license": "ISC"
+        },
+        "node_modules/brace-expansion": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+            "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+            "license": "MIT",
+            "dependencies": {
+                "balanced-match": "^1.0.0"
+            }
+        },
+        "node_modules/braces": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+            "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "fill-range": "^7.1.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/cac": {
+            "version": "6.7.14",
+            "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
+            "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/call-bind-apply-helpers": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+            "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "function-bind": "^1.1.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/call-bound": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+            "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind-apply-helpers": "^1.0.2",
+                "get-intrinsic": "^1.3.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/chai": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/chai/-/chai-5.2.0.tgz",
+            "integrity": "sha512-mCuXncKXk5iCLhfhwTc0izo0gtEmpz5CtG2y8GiOINBlMVS6v8TMRc5TaLWKS6692m9+dVVfzgeVxR5UxWHTYw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "assertion-error": "^2.0.1",
+                "check-error": "^2.1.1",
+                "deep-eql": "^5.0.1",
+                "loupe": "^3.1.0",
+                "pathval": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/check-error": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.1.tgz",
+            "integrity": "sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 16"
+            }
+        },
+        "node_modules/clean-stack": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
+            "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/cliui": {
+            "version": "8.0.1",
+            "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+            "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "string-width": "^4.2.0",
+                "strip-ansi": "^6.0.1",
+                "wrap-ansi": "^7.0.0"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/cliui/node_modules/ansi-styles": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "color-convert": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/cliui/node_modules/emoji-regex": {
+            "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/cliui/node_modules/string-width": {
+            "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "emoji-regex": "^8.0.0",
+                "is-fullwidth-code-point": "^3.0.0",
+                "strip-ansi": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/cliui/node_modules/strip-ansi": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "ansi-regex": "^5.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/cliui/node_modules/wrap-ansi": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "ansi-styles": "^4.0.0",
+                "string-width": "^4.1.0",
+                "strip-ansi": "^6.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+            }
+        },
+        "node_modules/clone": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+            "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "engines": {
+                "node": ">=0.8"
+            }
+        },
+        "node_modules/clsx": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+            "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/codemirror": {
+            "version": "5.65.12",
+            "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.12.tgz",
+            "integrity": "sha512-z2jlHBocElRnPYysN2HAuhXbO3DNB0bcSKmNz3hcWR2Js2Dkhc1bEOxG93Z3DeUrnm+qx56XOY5wQmbP5KY0sw==",
+            "license": "MIT"
+        },
+        "node_modules/color-convert": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+            "license": "MIT",
+            "dependencies": {
+                "color-name": "~1.1.4"
+            },
+            "engines": {
+                "node": ">=7.0.0"
+            }
+        },
+        "node_modules/color-name": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+            "license": "MIT"
+        },
+        "node_modules/combined-stream": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+            "license": "MIT",
+            "dependencies": {
+                "delayed-stream": "~1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/commander": {
+            "version": "10.0.1",
+            "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+            "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/condense-newlines": {
+            "version": "0.2.1",
+            "resolved": "https://registry.npmjs.org/condense-newlines/-/condense-newlines-0.2.1.tgz",
+            "integrity": "sha512-P7X+QL9Hb9B/c8HI5BFFKmjgBu2XpQuF98WZ9XkO+dBGgk5XgwiQz7o1SmpglNWId3581UcS0SFAWfoIhMHPfg==",
+            "license": "MIT",
+            "dependencies": {
+                "extend-shallow": "^2.0.1",
+                "is-whitespace": "^0.3.0",
+                "kind-of": "^3.0.2"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/config-chain": {
+            "version": "1.1.13",
+            "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
+            "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
+            "license": "MIT",
+            "dependencies": {
+                "ini": "^1.3.4",
+                "proto-list": "~1.2.1"
+            }
+        },
+        "node_modules/cookies-js": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/cookies-js/-/cookies-js-1.2.3.tgz",
+            "integrity": "sha512-yqW9Kl46LcwedlF+2wyFSaCSwRKRrU6m3n9WoAsFfn23bpRfkEBwfOkD+lFw4jCLLs960ke/aM5Qe1BAhtgJmQ==",
+            "license": "Public Domain"
+        },
+        "node_modules/core-js-pure": {
+            "version": "3.41.0",
+            "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.41.0.tgz",
+            "integrity": "sha512-71Gzp96T9YPk63aUvE5Q5qP+DryB4ZloUZPSOebGM88VNw8VNfvdA7z6kGA8iGOTEzAomsRidp4jXSmUIJsL+Q==",
+            "hasInstallScript": true,
+            "license": "MIT",
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/core-js"
+            }
+        },
+        "node_modules/crelt": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
+            "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
+            "license": "MIT"
+        },
+        "node_modules/cross-spawn": {
+            "version": "7.0.6",
+            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+            "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+            "license": "MIT",
+            "dependencies": {
+                "path-key": "^3.1.0",
+                "shebang-command": "^2.0.0",
+                "which": "^2.0.1"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/css-select": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
+            "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
+            "license": "BSD-2-Clause",
+            "dependencies": {
+                "boolbase": "^1.0.0",
+                "css-what": "^6.1.0",
+                "domhandler": "^5.0.2",
+                "domutils": "^3.0.1",
+                "nth-check": "^2.0.1"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/fb55"
+            }
+        },
+        "node_modules/css-tree": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+            "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+            "license": "MIT",
+            "dependencies": {
+                "mdn-data": "2.0.30",
+                "source-map-js": "^1.0.1"
+            },
+            "engines": {
+                "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+            }
+        },
+        "node_modules/css-what": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+            "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
+            "license": "BSD-2-Clause",
+            "engines": {
+                "node": ">= 6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/fb55"
+            }
+        },
+        "node_modules/cssesc": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "cssesc": "bin/cssesc"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/csso": {
+            "version": "5.0.5",
+            "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz",
+            "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
+            "license": "MIT",
+            "dependencies": {
+                "css-tree": "~2.2.0"
+            },
+            "engines": {
+                "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+                "npm": ">=7.0.0"
+            }
+        },
+        "node_modules/csso/node_modules/css-tree": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
+            "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
+            "license": "MIT",
+            "dependencies": {
+                "mdn-data": "2.0.28",
+                "source-map-js": "^1.0.1"
+            },
+            "engines": {
+                "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+                "npm": ">=7.0.0"
+            }
+        },
+        "node_modules/csso/node_modules/mdn-data": {
+            "version": "2.0.28",
+            "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz",
+            "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
+            "license": "CC0-1.0"
+        },
+        "node_modules/csstype": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+            "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+            "license": "MIT"
+        },
+        "node_modules/cva": {
+            "version": "1.0.0-beta.3",
+            "resolved": "https://registry.npmjs.org/cva/-/cva-1.0.0-beta.3.tgz",
+            "integrity": "sha512-CZa8pTkpEygxJRLH9aod/wfnSgK5z/0GJqG/NNehlwam+S8llqCWUXS3eCenvAiW5sTUpwTWE6bJaeeZ/b4pzA==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "clsx": "^2.1.1"
+            },
+            "funding": {
+                "url": "https://polar.sh/cva"
+            },
+            "peerDependencies": {
+                "typescript": ">= 4.5.5"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/date-fns": {
+            "version": "2.30.0",
+            "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
+            "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.21.0"
+            },
+            "engines": {
+                "node": ">=0.11"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/date-fns"
+            }
+        },
+        "node_modules/date-fns-tz": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/date-fns-tz/-/date-fns-tz-2.0.1.tgz",
+            "integrity": "sha512-fJCG3Pwx8HUoLhkepdsP7Z5RsucUi+ZBOxyM5d0ZZ6c4SdYustq0VMmOu6Wf7bli+yS/Jwp91TOCqn9jMcVrUA==",
+            "license": "MIT",
+            "peerDependencies": {
+                "date-fns": "2.x"
+            }
+        },
+        "node_modules/debug": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+            "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "ms": "^2.1.3"
+            },
+            "engines": {
+                "node": ">=6.0"
+            },
+            "peerDependenciesMeta": {
+                "supports-color": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/deep-eql": {
+            "version": "5.0.2",
+            "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
+            "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/defaults": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz",
+            "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==",
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "dependencies": {
+                "clone": "^1.0.2"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/define-lazy-prop": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
+            "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/defu": {
+            "version": "6.1.4",
+            "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
+            "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
+            "license": "MIT"
+        },
+        "node_modules/delayed-stream": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
+        "node_modules/dequal": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+            "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/detect-libc": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
+            "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/devlop": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
+            "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+            "license": "MIT",
+            "dependencies": {
+                "dequal": "^2.0.0"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/wooorm"
+            }
+        },
+        "node_modules/dom-serializer": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+            "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+            "license": "MIT",
+            "dependencies": {
+                "domelementtype": "^2.3.0",
+                "domhandler": "^5.0.2",
+                "entities": "^4.2.0"
+            },
+            "funding": {
+                "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+            }
+        },
+        "node_modules/domelementtype": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+            "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/fb55"
+                }
+            ],
+            "license": "BSD-2-Clause"
+        },
+        "node_modules/domhandler": {
+            "version": "5.0.3",
+            "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+            "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+            "license": "BSD-2-Clause",
+            "dependencies": {
+                "domelementtype": "^2.3.0"
+            },
+            "engines": {
+                "node": ">= 4"
+            },
+            "funding": {
+                "url": "https://github.com/fb55/domhandler?sponsor=1"
+            }
+        },
+        "node_modules/domutils": {
+            "version": "3.2.2",
+            "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
+            "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
+            "license": "BSD-2-Clause",
+            "dependencies": {
+                "dom-serializer": "^2.0.0",
+                "domelementtype": "^2.3.0",
+                "domhandler": "^5.0.3"
+            },
+            "funding": {
+                "url": "https://github.com/fb55/domutils?sponsor=1"
+            }
+        },
+        "node_modules/drag-event-service": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/drag-event-service/-/drag-event-service-2.0.0.tgz",
+            "integrity": "sha512-JVEnOEbbNDS3RrWd+tVVIDu2SHQZ9luhEFGSQ1hXMjl+ABw0PxhHmnkGjzPVE836Tsg+k7rkm5GM9Ln/UgbYpA==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.7.7",
+                "helper-js": "^3.0.0"
+            }
+        },
+        "node_modules/dunder-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+            "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind-apply-helpers": "^1.0.1",
+                "es-errors": "^1.3.0",
+                "gopd": "^1.2.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/eastasianwidth": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+            "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+            "license": "MIT"
+        },
+        "node_modules/easy-table": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/easy-table/-/easy-table-1.2.0.tgz",
+            "integrity": "sha512-OFzVOv03YpvtcWGe5AayU5G2hgybsg3iqA6drU8UaoZyB9jLGMTrz9+asnLp/E+6qPh88yEI1gvyZFZ41dmgww==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "ansi-regex": "^5.0.1"
+            },
+            "optionalDependencies": {
+                "wcwidth": "^1.0.1"
+            }
+        },
+        "node_modules/editorconfig": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-1.0.4.tgz",
+            "integrity": "sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==",
+            "license": "MIT",
+            "dependencies": {
+                "@one-ini/wasm": "0.1.1",
+                "commander": "^10.0.0",
+                "minimatch": "9.0.1",
+                "semver": "^7.5.3"
+            },
+            "bin": {
+                "editorconfig": "bin/editorconfig"
+            },
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/emoji-regex": {
+            "version": "9.2.2",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+            "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+            "license": "MIT"
+        },
+        "node_modules/enhanced-resolve": {
+            "version": "5.18.1",
+            "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
+            "integrity": "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "graceful-fs": "^4.2.4",
+                "tapable": "^2.2.0"
+            },
+            "engines": {
+                "node": ">=10.13.0"
+            }
+        },
+        "node_modules/entities": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+            "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+            "license": "BSD-2-Clause",
+            "engines": {
+                "node": ">=0.12"
+            },
+            "funding": {
+                "url": "https://github.com/fb55/entities?sponsor=1"
+            }
+        },
+        "node_modules/es-define-property": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+            "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-errors": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+            "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-module-lexer": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.6.0.tgz",
+            "integrity": "sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/es-object-atoms": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+            "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-set-tostringtag": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+            "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "get-intrinsic": "^1.2.6",
+                "has-tostringtag": "^1.0.2",
+                "hasown": "^2.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/esbuild": {
+            "version": "0.25.1",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.1.tgz",
+            "integrity": "sha512-BGO5LtrGC7vxnqucAe/rmvKdJllfGaYWdyABvyMoXQlfYMb2bbRuReWR5tEGE//4LcNJj9XrkovTqNYRFZHAMQ==",
+            "dev": true,
+            "hasInstallScript": true,
+            "license": "MIT",
+            "bin": {
+                "esbuild": "bin/esbuild"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "optionalDependencies": {
+                "@esbuild/aix-ppc64": "0.25.1",
+                "@esbuild/android-arm": "0.25.1",
+                "@esbuild/android-arm64": "0.25.1",
+                "@esbuild/android-x64": "0.25.1",
+                "@esbuild/darwin-arm64": "0.25.1",
+                "@esbuild/darwin-x64": "0.25.1",
+                "@esbuild/freebsd-arm64": "0.25.1",
+                "@esbuild/freebsd-x64": "0.25.1",
+                "@esbuild/linux-arm": "0.25.1",
+                "@esbuild/linux-arm64": "0.25.1",
+                "@esbuild/linux-ia32": "0.25.1",
+                "@esbuild/linux-loong64": "0.25.1",
+                "@esbuild/linux-mips64el": "0.25.1",
+                "@esbuild/linux-ppc64": "0.25.1",
+                "@esbuild/linux-riscv64": "0.25.1",
+                "@esbuild/linux-s390x": "0.25.1",
+                "@esbuild/linux-x64": "0.25.1",
+                "@esbuild/netbsd-arm64": "0.25.1",
+                "@esbuild/netbsd-x64": "0.25.1",
+                "@esbuild/openbsd-arm64": "0.25.1",
+                "@esbuild/openbsd-x64": "0.25.1",
+                "@esbuild/sunos-x64": "0.25.1",
+                "@esbuild/win32-arm64": "0.25.1",
+                "@esbuild/win32-ia32": "0.25.1",
+                "@esbuild/win32-x64": "0.25.1"
+            }
+        },
+        "node_modules/escalade": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+            "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/escape-string-regexp": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+            "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/estree-walker": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+            "license": "MIT"
+        },
+        "node_modules/expect-type": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.2.0.tgz",
+            "integrity": "sha512-80F22aiJ3GLyVnS/B3HzgR6RelZVumzj9jkL0Rhz4h0xYbNW9PjlQz5h3J/SShErbXBc295vseR4/MIbVmUbeA==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "engines": {
+                "node": ">=12.0.0"
+            }
+        },
+        "node_modules/extend-shallow": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+            "license": "MIT",
+            "dependencies": {
+                "is-extendable": "^0.1.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/fast-glob": {
+            "version": "3.3.3",
+            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+            "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@nodelib/fs.stat": "^2.0.2",
+                "@nodelib/fs.walk": "^1.2.3",
+                "glob-parent": "^5.1.2",
+                "merge2": "^1.3.0",
+                "micromatch": "^4.0.8"
+            },
+            "engines": {
+                "node": ">=8.6.0"
+            }
+        },
+        "node_modules/fast-glob/node_modules/@nodelib/fs.scandir": {
+            "version": "2.1.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@nodelib/fs.stat": "2.0.5",
+                "run-parallel": "^1.1.9"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/fast-glob/node_modules/@nodelib/fs.stat": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/fast-glob/node_modules/@nodelib/fs.walk": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@nodelib/fs.scandir": "2.1.5",
+                "fastq": "^1.6.0"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/fastq": {
+            "version": "1.19.1",
+            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+            "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "reusify": "^1.0.4"
+            }
+        },
+        "node_modules/fill-range": {
+            "version": "7.1.1",
+            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+            "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "to-regex-range": "^5.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/floating-vue": {
+            "version": "5.2.2",
+            "resolved": "https://registry.npmjs.org/floating-vue/-/floating-vue-5.2.2.tgz",
+            "integrity": "sha512-afW+h2CFafo+7Y9Lvw/xsqjaQlKLdJV7h1fCHfcYQ1C4SVMlu7OAekqWgu5d4SgvkBVU0pVpLlVsrSTBURFRkg==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/dom": "~1.1.1",
+                "vue-resize": "^2.0.0-alpha.1"
+            },
+            "peerDependencies": {
+                "@nuxt/kit": "^3.2.0",
+                "vue": "^3.2.0"
+            },
+            "peerDependenciesMeta": {
+                "@nuxt/kit": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/floating-vue/node_modules/@floating-ui/dom": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.1.1.tgz",
+            "integrity": "sha512-TpIO93+DIujg3g7SykEAGZMDtbJRrmnYRCNYSjJlvIbGhBjRSNTLVbNeDQBrzy9qDgUbiWdc7KA0uZHZ2tJmiw==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/core": "^1.1.0"
+            }
+        },
+        "node_modules/focus-trap": {
+            "version": "7.6.4",
+            "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.6.4.tgz",
+            "integrity": "sha512-xx560wGBk7seZ6y933idtjJQc1l+ck+pI3sKvhKozdBV1dRZoKhkW5xoCaFv9tQiX5RH1xfSxjuNu6g+lmN/gw==",
+            "license": "MIT",
+            "dependencies": {
+                "tabbable": "^6.2.0"
+            }
+        },
+        "node_modules/follow-redirects": {
+            "version": "1.15.9",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
+            "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
+            "funding": [
+                {
+                    "type": "individual",
+                    "url": "https://github.com/sponsors/RubenVerborgh"
+                }
+            ],
+            "license": "MIT",
+            "engines": {
+                "node": ">=4.0"
+            },
+            "peerDependenciesMeta": {
+                "debug": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/foreground-child": {
+            "version": "3.3.1",
+            "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+            "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+            "license": "ISC",
+            "dependencies": {
+                "cross-spawn": "^7.0.6",
+                "signal-exit": "^4.0.1"
+            },
+            "engines": {
+                "node": ">=14"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
+        "node_modules/form-data": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.2.tgz",
+            "integrity": "sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==",
+            "license": "MIT",
+            "dependencies": {
+                "asynckit": "^0.4.0",
+                "combined-stream": "^1.0.8",
+                "es-set-tostringtag": "^2.1.0",
+                "mime-types": "^2.1.12"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/fsevents": {
+            "version": "2.3.3",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+            "dev": true,
+            "hasInstallScript": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+            }
+        },
+        "node_modules/function-bind": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+            "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/fuse.js": {
+            "version": "7.1.0",
+            "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-7.1.0.tgz",
+            "integrity": "sha512-trLf4SzuuUxfusZADLINj+dE8clK1frKdmqiJNb1Es75fmI5oY6X2mxLVUciLLjxqw/xr72Dhy+lER6dGd02FQ==",
+            "license": "Apache-2.0",
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/get-caller-file": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+            "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+            "dev": true,
+            "license": "ISC",
+            "engines": {
+                "node": "6.* || 8.* || >= 10.*"
+            }
+        },
+        "node_modules/get-intrinsic": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+            "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind-apply-helpers": "^1.0.2",
+                "es-define-property": "^1.0.1",
+                "es-errors": "^1.3.0",
+                "es-object-atoms": "^1.1.1",
+                "function-bind": "^1.1.2",
+                "get-proto": "^1.0.1",
+                "gopd": "^1.2.0",
+                "has-symbols": "^1.1.0",
+                "hasown": "^2.0.2",
+                "math-intrinsics": "^1.1.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/get-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+            "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+            "license": "MIT",
+            "dependencies": {
+                "dunder-proto": "^1.0.1",
+                "es-object-atoms": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/glob": {
+            "version": "10.4.5",
+            "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+            "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+            "license": "ISC",
+            "dependencies": {
+                "foreground-child": "^3.1.0",
+                "jackspeak": "^3.1.2",
+                "minimatch": "^9.0.4",
+                "minipass": "^7.1.2",
+                "package-json-from-dist": "^1.0.0",
+                "path-scurry": "^1.11.1"
+            },
+            "bin": {
+                "glob": "dist/esm/bin.mjs"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
+        "node_modules/glob-parent": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "is-glob": "^4.0.1"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/glob/node_modules/minimatch": {
+            "version": "9.0.5",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+            "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+            "license": "ISC",
+            "dependencies": {
+                "brace-expansion": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=16 || 14 >=14.17"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
+        "node_modules/gopd": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+            "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/graceful-fs": {
+            "version": "4.2.11",
+            "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+            "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/has-symbols": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+            "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/has-tostringtag": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+            "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+            "license": "MIT",
+            "dependencies": {
+                "has-symbols": "^1.0.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/hasown": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+            "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+            "license": "MIT",
+            "dependencies": {
+                "function-bind": "^1.1.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/helper-js": {
+            "version": "3.1.6",
+            "resolved": "https://registry.npmjs.org/helper-js/-/helper-js-3.1.6.tgz",
+            "integrity": "sha512-lhncHDAxS2PTA44aG1AofxT51v0IXEVOmaUCC6HwuGaGqE1yEkjhPH74Vb/Aw4xt8Kt5bMvStCr6FekANp+PGg==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.7.7"
+            }
+        },
+        "node_modules/highlight.js": {
+            "version": "11.11.1",
+            "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.11.1.tgz",
+            "integrity": "sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==",
+            "license": "BSD-3-Clause",
+            "engines": {
+                "node": ">=12.0.0"
+            }
+        },
+        "node_modules/ignore": {
+            "version": "5.3.2",
+            "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+            "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 4"
+            }
+        },
+        "node_modules/imask": {
+            "version": "7.6.1",
+            "resolved": "https://registry.npmjs.org/imask/-/imask-7.6.1.tgz",
+            "integrity": "sha512-sJlIFM7eathUEMChTh9Mrfw/IgiWgJqBKq2VNbyXvBZ7ev/IlO6/KQTKlV/Fm+viQMLrFLG/zCuudrLIwgK2dg==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime-corejs3": "^7.24.4"
+            },
+            "engines": {
+                "npm": ">=4.0.0"
+            }
+        },
+        "node_modules/indent-string": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+            "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/ini": {
+            "version": "1.3.8",
+            "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+            "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+            "license": "ISC"
+        },
+        "node_modules/is-buffer": {
+            "version": "1.1.6",
+            "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+            "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
+            "license": "MIT"
+        },
+        "node_modules/is-docker": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+            "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "is-docker": "cli.js"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/is-extendable": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+            "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-extglob": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-fullwidth-code-point": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/is-glob": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "is-extglob": "^2.1.1"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-number": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.12.0"
+            }
+        },
+        "node_modules/is-whitespace": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/is-whitespace/-/is-whitespace-0.3.0.tgz",
+            "integrity": "sha512-RydPhl4S6JwAyj0JJjshWJEFG6hNye3pZFBRZaTUfZFwGHxzppNaNOVgQuS/E/SlhrApuMXrpnK1EEIXfdo3Dg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-wsl": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+            "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "is-docker": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/isexe": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+            "license": "ISC"
+        },
+        "node_modules/jackspeak": {
+            "version": "3.4.3",
+            "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+            "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+            "license": "BlueOak-1.0.0",
+            "dependencies": {
+                "@isaacs/cliui": "^8.0.2"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            },
+            "optionalDependencies": {
+                "@pkgjs/parseargs": "^0.11.0"
+            }
+        },
+        "node_modules/jiti": {
+            "version": "2.4.2",
+            "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz",
+            "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "jiti": "lib/jiti-cli.mjs"
+            }
+        },
+        "node_modules/js-beautify": {
+            "version": "1.15.4",
+            "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.15.4.tgz",
+            "integrity": "sha512-9/KXeZUKKJwqCXUdBxFJ3vPh467OCckSBmYDwSK/EtV090K+iMJ7zx2S3HLVDIWFQdqMIsZWbnaGiba18aWhaA==",
+            "license": "MIT",
+            "dependencies": {
+                "config-chain": "^1.1.13",
+                "editorconfig": "^1.0.4",
+                "glob": "^10.4.2",
+                "js-cookie": "^3.0.5",
+                "nopt": "^7.2.1"
+            },
+            "bin": {
+                "css-beautify": "js/bin/css-beautify.js",
+                "html-beautify": "js/bin/html-beautify.js",
+                "js-beautify": "js/bin/js-beautify.js"
+            },
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/js-cookie": {
+            "version": "3.0.5",
+            "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
+            "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/js-yaml": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+            "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "argparse": "^2.0.1"
+            },
+            "bin": {
+                "js-yaml": "bin/js-yaml.js"
+            }
+        },
+        "node_modules/kind-of": {
+            "version": "3.2.2",
+            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+            "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+            "license": "MIT",
+            "dependencies": {
+                "is-buffer": "^1.1.5"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/knip": {
+            "version": "5.46.2",
+            "resolved": "https://registry.npmjs.org/knip/-/knip-5.46.2.tgz",
+            "integrity": "sha512-QGVkUVUwNv1zDOmb9ob4jraWNZu06O5xPa5cl97wzHmGGqJHkLfuvAzGTpuVxgujq+FKOXTbD8vv1TfimKTPAQ==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/webpro"
+                },
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/knip"
+                },
+                {
+                    "type": "polar",
+                    "url": "https://polar.sh/webpro-nl"
+                }
+            ],
+            "license": "ISC",
+            "dependencies": {
+                "@nodelib/fs.walk": "3.0.1",
+                "@snyk/github-codeowners": "1.1.0",
+                "easy-table": "1.2.0",
+                "enhanced-resolve": "^5.18.0",
+                "fast-glob": "^3.3.3",
+                "jiti": "^2.4.2",
+                "js-yaml": "^4.1.0",
+                "minimist": "^1.2.8",
+                "picocolors": "^1.1.0",
+                "picomatch": "^4.0.1",
+                "pretty-ms": "^9.0.0",
+                "smol-toml": "^1.3.1",
+                "strip-json-comments": "5.0.1",
+                "summary": "2.1.0",
+                "zod": "^3.22.4",
+                "zod-validation-error": "^3.0.3"
+            },
+            "bin": {
+                "knip": "bin/knip.js",
+                "knip-bun": "bin/knip-bun.js"
+            },
+            "engines": {
+                "node": ">=18.18.0"
+            },
+            "peerDependencies": {
+                "@types/node": ">=18",
+                "typescript": ">=5.0.4"
+            }
+        },
+        "node_modules/laravel-echo": {
+            "version": "1.19.0",
+            "resolved": "https://registry.npmjs.org/laravel-echo/-/laravel-echo-1.19.0.tgz",
+            "integrity": "sha512-o/X4XH8BIRwij66PSjtotZfM88Z8g/4P3gzxQf2BTcZBKmGqucvI5JYYLprR2OZQ9XlGsmJ2v+hDpPGEbXwUWw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/laravel-vite-plugin": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-1.2.0.tgz",
+            "integrity": "sha512-R0pJ+IcTVeqEMoKz/B2Ij57QVq3sFTABiFmb06gAwFdivbOgsUtuhX6N2MGLEArajrS3U5JbberzwOe7uXHMHQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "picocolors": "^1.0.0",
+                "vite-plugin-full-reload": "^1.1.0"
+            },
+            "bin": {
+                "clean-orphaned-assets": "bin/clean.js"
+            },
+            "engines": {
+                "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+            },
+            "peerDependencies": {
+                "vite": "^5.0.0 || ^6.0.0"
+            }
+        },
+        "node_modules/lightningcss": {
+            "version": "1.29.2",
+            "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.29.2.tgz",
+            "integrity": "sha512-6b6gd/RUXKaw5keVdSEtqFVdzWnU5jMxTUjA2bVcMNPLwSQ08Sv/UodBVtETLCn7k4S1Ibxwh7k68IwLZPgKaA==",
+            "dev": true,
+            "license": "MPL-2.0",
+            "dependencies": {
+                "detect-libc": "^2.0.3"
+            },
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            },
+            "optionalDependencies": {
+                "lightningcss-darwin-arm64": "1.29.2",
+                "lightningcss-darwin-x64": "1.29.2",
+                "lightningcss-freebsd-x64": "1.29.2",
+                "lightningcss-linux-arm-gnueabihf": "1.29.2",
+                "lightningcss-linux-arm64-gnu": "1.29.2",
+                "lightningcss-linux-arm64-musl": "1.29.2",
+                "lightningcss-linux-x64-gnu": "1.29.2",
+                "lightningcss-linux-x64-musl": "1.29.2",
+                "lightningcss-win32-arm64-msvc": "1.29.2",
+                "lightningcss-win32-x64-msvc": "1.29.2"
+            }
+        },
+        "node_modules/lightningcss-darwin-arm64": {
+            "version": "1.29.2",
+            "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.29.2.tgz",
+            "integrity": "sha512-cK/eMabSViKn/PG8U/a7aCorpeKLMlK0bQeNHmdb7qUnBkNPnL+oV5DjJUo0kqWsJUapZsM4jCfYItbqBDvlcA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-darwin-x64": {
+            "version": "1.29.2",
+            "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.29.2.tgz",
+            "integrity": "sha512-j5qYxamyQw4kDXX5hnnCKMf3mLlHvG44f24Qyi2965/Ycz829MYqjrVg2H8BidybHBp9kom4D7DR5VqCKDXS0w==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-freebsd-x64": {
+            "version": "1.29.2",
+            "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.29.2.tgz",
+            "integrity": "sha512-wDk7M2tM78Ii8ek9YjnY8MjV5f5JN2qNVO+/0BAGZRvXKtQrBC4/cn4ssQIpKIPP44YXw6gFdpUF+Ps+RGsCwg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-linux-arm-gnueabihf": {
+            "version": "1.29.2",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.29.2.tgz",
+            "integrity": "sha512-IRUrOrAF2Z+KExdExe3Rz7NSTuuJ2HvCGlMKoquK5pjvo2JY4Rybr+NrKnq0U0hZnx5AnGsuFHjGnNT14w26sg==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-linux-arm64-gnu": {
+            "version": "1.29.2",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.29.2.tgz",
+            "integrity": "sha512-KKCpOlmhdjvUTX/mBuaKemp0oeDIBBLFiU5Fnqxh1/DZ4JPZi4evEH7TKoSBFOSOV3J7iEmmBaw/8dpiUvRKlQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-linux-arm64-musl": {
+            "version": "1.29.2",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.29.2.tgz",
+            "integrity": "sha512-Q64eM1bPlOOUgxFmoPUefqzY1yV3ctFPE6d/Vt7WzLW4rKTv7MyYNky+FWxRpLkNASTnKQUaiMJ87zNODIrrKQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-linux-x64-gnu": {
+            "version": "1.29.2",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.29.2.tgz",
+            "integrity": "sha512-0v6idDCPG6epLXtBH/RPkHvYx74CVziHo6TMYga8O2EiQApnUPZsbR9nFNrg2cgBzk1AYqEd95TlrsL7nYABQg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-linux-x64-musl": {
+            "version": "1.29.2",
+            "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.29.2.tgz",
+            "integrity": "sha512-rMpz2yawkgGT8RULc5S4WiZopVMOFWjiItBT7aSfDX4NQav6M44rhn5hjtkKzB+wMTRlLLqxkeYEtQ3dd9696w==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-win32-arm64-msvc": {
+            "version": "1.29.2",
+            "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.29.2.tgz",
+            "integrity": "sha512-nL7zRW6evGQqYVu/bKGK+zShyz8OVzsCotFgc7judbt6wnB2KbiKKJwBE4SGoDBQ1O94RjW4asrCjQL4i8Fhbw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/lightningcss-win32-x64-msvc": {
+            "version": "1.29.2",
+            "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.29.2.tgz",
+            "integrity": "sha512-EdIUW3B2vLuHmv7urfzMI/h2fmlnOQBk1xlsDxkN1tCWKjNFjfLhGxYk8C8mzpSfr+A6jFFIi8fU6LbQGsRWjA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MPL-2.0",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 12.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/linkify-it": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
+            "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
+            "license": "MIT",
+            "dependencies": {
+                "uc.micro": "^2.0.0"
+            }
+        },
+        "node_modules/lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+            "license": "MIT"
+        },
+        "node_modules/lodash-es": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+            "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
+            "license": "MIT"
+        },
+        "node_modules/lodash.castarray": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
+            "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/lodash.isplainobject": {
+            "version": "4.0.6",
+            "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+            "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/lodash.merge": {
+            "version": "4.6.2",
+            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/loupe": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.1.3.tgz",
+            "integrity": "sha512-kkIp7XSkP78ZxJEsSxW3712C6teJVoeHHwgo9zJ380de7IYyJ2ISlxojcH2pC5OFLewESmnRi/+XCDIEEVyoug==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/lowlight": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/lowlight/-/lowlight-3.3.0.tgz",
+            "integrity": "sha512-0JNhgFoPvP6U6lE/UdVsSq99tn6DhjjpAj5MxG49ewd2mOBVtwWYIT8ClyABhq198aXXODMU6Ox8DrGy/CpTZQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@types/hast": "^3.0.0",
+                "devlop": "^1.0.0",
+                "highlight.js": "~11.11.0"
+            },
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/wooorm"
+            }
+        },
+        "node_modules/lru-cache": {
+            "version": "10.4.3",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+            "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+            "license": "ISC"
+        },
+        "node_modules/magic-string": {
+            "version": "0.30.17",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+            "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.5.0"
+            }
+        },
+        "node_modules/markdown-it": {
+            "version": "14.1.0",
+            "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz",
+            "integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
+            "license": "MIT",
+            "dependencies": {
+                "argparse": "^2.0.1",
+                "entities": "^4.4.0",
+                "linkify-it": "^5.0.0",
+                "mdurl": "^2.0.0",
+                "punycode.js": "^2.3.1",
+                "uc.micro": "^2.1.0"
+            },
+            "bin": {
+                "markdown-it": "bin/markdown-it.mjs"
+            }
+        },
+        "node_modules/marked": {
+            "version": "13.0.3",
+            "resolved": "https://registry.npmjs.org/marked/-/marked-13.0.3.tgz",
+            "integrity": "sha512-rqRix3/TWzE9rIoFGIn8JmsVfhiuC8VIQ8IdX5TfzmeBucdY05/0UlzKaw0eVtpcN/OdVFpBk7CjKGo9iHJ/zA==",
+            "license": "MIT",
+            "bin": {
+                "marked": "bin/marked.js"
+            },
+            "engines": {
+                "node": ">= 18"
+            }
+        },
+        "node_modules/marked-plaintext": {
+            "version": "0.0.2",
+            "resolved": "https://registry.npmjs.org/marked-plaintext/-/marked-plaintext-0.0.2.tgz",
+            "integrity": "sha512-6u/EfbyqTV8p9CqxFUOK3RUGo1KGULVUaiacKRjb+9VzXpGYYQlgff76xjlfxOGYpsDkzYg+l28CtGd86I6c0w==",
+            "license": "ISC"
+        },
+        "node_modules/math-intrinsics": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+            "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/mdn-data": {
+            "version": "2.0.30",
+            "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+            "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
+            "license": "CC0-1.0"
+        },
+        "node_modules/mdurl": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
+            "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==",
+            "license": "MIT"
+        },
+        "node_modules/merge2": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/micromatch": {
+            "version": "4.0.8",
+            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+            "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "braces": "^3.0.3",
+                "picomatch": "^2.3.1"
+            },
+            "engines": {
+                "node": ">=8.6"
+            }
+        },
+        "node_modules/micromatch/node_modules/picomatch": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/jonschlinkert"
+            }
+        },
+        "node_modules/mime-db": {
+            "version": "1.52.0",
+            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/mime-types": {
+            "version": "2.1.35",
+            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+            "license": "MIT",
+            "dependencies": {
+                "mime-db": "1.52.0"
+            },
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/minimatch": {
+            "version": "9.0.1",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
+            "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
+            "license": "ISC",
+            "dependencies": {
+                "brace-expansion": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=16 || 14 >=14.17"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
+        "node_modules/minimist": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+            "dev": true,
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/minipass": {
+            "version": "7.1.2",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+            "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+            "license": "ISC",
+            "engines": {
+                "node": ">=16 || 14 >=14.17"
+            }
+        },
+        "node_modules/mousetrap": {
+            "version": "1.6.5",
+            "resolved": "https://registry.npmjs.org/mousetrap/-/mousetrap-1.6.5.tgz",
+            "integrity": "sha512-QNo4kEepaIBwiT8CDhP98umTetp+JNfQYBWvC1pc6/OAibuXtRcxZ58Qz8skvEHYvURne/7R8T5VoOI7rDsEUA==",
+            "license": "Apache-2.0 WITH LLVM-exception"
+        },
+        "node_modules/ms": {
+            "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/nanoid": {
+            "version": "3.3.11",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+            "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "bin": {
+                "nanoid": "bin/nanoid.cjs"
+            },
+            "engines": {
+                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+            }
+        },
+        "node_modules/nopt": {
+            "version": "7.2.1",
+            "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.1.tgz",
+            "integrity": "sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==",
+            "license": "ISC",
+            "dependencies": {
+                "abbrev": "^2.0.0"
+            },
+            "bin": {
+                "nopt": "bin/nopt.js"
+            },
+            "engines": {
+                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+            }
+        },
+        "node_modules/nprogress": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
+            "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==",
+            "license": "MIT"
+        },
+        "node_modules/nth-check": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+            "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+            "license": "BSD-2-Clause",
+            "dependencies": {
+                "boolbase": "^1.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/fb55/nth-check?sponsor=1"
+            }
+        },
+        "node_modules/object-inspect": {
+            "version": "1.13.4",
+            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+            "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/ohash": {
+            "version": "2.0.11",
+            "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
+            "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+            "license": "MIT"
+        },
+        "node_modules/open": {
+            "version": "8.4.2",
+            "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
+            "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "define-lazy-prop": "^2.0.0",
+                "is-docker": "^2.1.1",
+                "is-wsl": "^2.2.0"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/orderedmap": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz",
+            "integrity": "sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==",
+            "license": "MIT"
+        },
+        "node_modules/p-map": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
+            "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "aggregate-error": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/package-json-from-dist": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+            "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
+            "license": "BlueOak-1.0.0"
+        },
+        "node_modules/parse-ms": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/parse-ms/-/parse-ms-4.0.0.tgz",
+            "integrity": "sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/path-key": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/path-scurry": {
+            "version": "1.11.1",
+            "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+            "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+            "license": "BlueOak-1.0.0",
+            "dependencies": {
+                "lru-cache": "^10.2.0",
+                "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+            },
+            "engines": {
+                "node": ">=16 || 14 >=14.18"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
+        "node_modules/pathe": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+            "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/pathval": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.0.tgz",
+            "integrity": "sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 14.16"
+            }
+        },
+        "node_modules/pdfobject": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/pdfobject/-/pdfobject-2.3.1.tgz",
+            "integrity": "sha512-vluuGiSDmMGpOvWFGiUY4trNB8aGKLDVxIXuuGHjX0kK3bMxCANUVtLivctE7uejLBScWCnbVarKatFVvdwXaQ==",
+            "license": "MIT"
+        },
+        "node_modules/picocolors": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+            "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+            "license": "ISC"
+        },
+        "node_modules/picomatch": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+            "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/jonschlinkert"
+            }
+        },
+        "node_modules/pinia": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.3.1.tgz",
+            "integrity": "sha512-khUlZSwt9xXCaTbbxFYBKDc/bWAGWJjOgvxETwkTN7KRm66EeT1ZdZj6i2ceh9sP2Pzqsbc704r2yngBrxBVug==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/devtools-api": "^6.6.3",
+                "vue-demi": "^0.14.10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/posva"
+            },
+            "peerDependencies": {
+                "typescript": ">=4.4.4",
+                "vue": "^2.7.0 || ^3.5.11"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/portal-vue": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/portal-vue/-/portal-vue-3.0.0.tgz",
+            "integrity": "sha512-9eprMxNURLx6ijbcgkWjYNcTWJYu/H8QF8nyAeBzOmk9lKCea01BW1hYBeLkgz+AestmPOvznAEOFmNuO4Adjw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=14.19"
+            },
+            "peerDependencies": {
+                "vue": "^3.0.4"
+            },
+            "peerDependenciesMeta": {
+                "vue": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/postcss": {
+            "version": "8.5.3",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
+            "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
+            "funding": [
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/postcss/"
+                },
+                {
+                    "type": "tidelift",
+                    "url": "https://tidelift.com/funding/github/npm/postcss"
+                },
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "nanoid": "^3.3.8",
+                "picocolors": "^1.1.1",
+                "source-map-js": "^1.2.1"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            }
+        },
+        "node_modules/postcss-selector-parser": {
+            "version": "6.0.10",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+            "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "cssesc": "^3.0.0",
+                "util-deprecate": "^1.0.2"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/prettier": {
+            "version": "3.5.3",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.5.3.tgz",
+            "integrity": "sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "prettier": "bin/prettier.cjs"
+            },
+            "engines": {
+                "node": ">=14"
+            },
+            "funding": {
+                "url": "https://github.com/prettier/prettier?sponsor=1"
+            }
+        },
+        "node_modules/prettier-plugin-antlers": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/prettier-plugin-antlers/-/prettier-plugin-antlers-2.0.5.tgz",
+            "integrity": "sha512-KIdjVV7Hp0IS9psbbKJkb43bGXh9EQTmbGgXCEMnzBz+V6/2H22bk/NlKceLLJJtKLcK/D61vuYnZRwtsFhv4w==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "peerDependencies": {
+                "prettier": ">=3"
+            }
+        },
+        "node_modules/prettier-plugin-blade": {
+            "version": "2.1.21",
+            "resolved": "https://registry.npmjs.org/prettier-plugin-blade/-/prettier-plugin-blade-2.1.21.tgz",
+            "integrity": "sha512-+BPBPvla/Ppr0MVrqMAO+FTwxpXUYo8zhQPIGC7psNuMbB24y84cGrJ4Uc02GHTQN0q8txeG4Y4MxyJWgOujyQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12.0.0"
+            },
+            "peerDependencies": {
+                "prettier": ">=3"
+            }
+        },
+        "node_modules/prettier-plugin-tailwindcss": {
+            "version": "0.6.11",
+            "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.11.tgz",
+            "integrity": "sha512-YxaYSIvZPAqhrrEpRtonnrXdghZg1irNg4qrjboCXrpybLWVs55cW2N3juhspVJiO0JBvYJT8SYsJpc8OQSnsA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=14.21.3"
+            },
+            "peerDependencies": {
+                "@ianvs/prettier-plugin-sort-imports": "*",
+                "@prettier/plugin-pug": "*",
+                "@shopify/prettier-plugin-liquid": "*",
+                "@trivago/prettier-plugin-sort-imports": "*",
+                "@zackad/prettier-plugin-twig": "*",
+                "prettier": "^3.0",
+                "prettier-plugin-astro": "*",
+                "prettier-plugin-css-order": "*",
+                "prettier-plugin-import-sort": "*",
+                "prettier-plugin-jsdoc": "*",
+                "prettier-plugin-marko": "*",
+                "prettier-plugin-multiline-arrays": "*",
+                "prettier-plugin-organize-attributes": "*",
+                "prettier-plugin-organize-imports": "*",
+                "prettier-plugin-sort-imports": "*",
+                "prettier-plugin-style-order": "*",
+                "prettier-plugin-svelte": "*"
+            },
+            "peerDependenciesMeta": {
+                "@ianvs/prettier-plugin-sort-imports": {
+                    "optional": true
+                },
+                "@prettier/plugin-pug": {
+                    "optional": true
+                },
+                "@shopify/prettier-plugin-liquid": {
+                    "optional": true
+                },
+                "@trivago/prettier-plugin-sort-imports": {
+                    "optional": true
+                },
+                "@zackad/prettier-plugin-twig": {
+                    "optional": true
+                },
+                "prettier-plugin-astro": {
+                    "optional": true
+                },
+                "prettier-plugin-css-order": {
+                    "optional": true
+                },
+                "prettier-plugin-import-sort": {
+                    "optional": true
+                },
+                "prettier-plugin-jsdoc": {
+                    "optional": true
+                },
+                "prettier-plugin-marko": {
+                    "optional": true
+                },
+                "prettier-plugin-multiline-arrays": {
+                    "optional": true
+                },
+                "prettier-plugin-organize-attributes": {
+                    "optional": true
+                },
+                "prettier-plugin-organize-imports": {
+                    "optional": true
+                },
+                "prettier-plugin-sort-imports": {
+                    "optional": true
+                },
+                "prettier-plugin-style-order": {
+                    "optional": true
+                },
+                "prettier-plugin-svelte": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/pretty": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/pretty/-/pretty-2.0.0.tgz",
+            "integrity": "sha512-G9xUchgTEiNpormdYBl+Pha50gOUovT18IvAe7EYMZ1/f9W/WWMPRn+xI68yXNMUk3QXHDwo/1wV/4NejVNe1w==",
+            "license": "MIT",
+            "dependencies": {
+                "condense-newlines": "^0.2.1",
+                "extend-shallow": "^2.0.1",
+                "js-beautify": "^1.6.12"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/pretty-ms": {
+            "version": "9.2.0",
+            "resolved": "https://registry.npmjs.org/pretty-ms/-/pretty-ms-9.2.0.tgz",
+            "integrity": "sha512-4yf0QO/sllf/1zbZWYnvWw3NxCQwLXKzIj0G849LSufP15BXKM0rbD2Z3wVnkMfjdn/CB0Dpp444gYAACdsplg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "parse-ms": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/prosemirror-changeset": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.2.1.tgz",
+            "integrity": "sha512-J7msc6wbxB4ekDFj+n9gTW/jav/p53kdlivvuppHsrZXCaQdVgRghoZbSS3kwrRyAstRVQ4/+u5k7YfLgkkQvQ==",
+            "license": "MIT",
+            "dependencies": {
+                "prosemirror-transform": "^1.0.0"
+            }
+        },
+        "node_modules/prosemirror-collab": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/prosemirror-collab/-/prosemirror-collab-1.3.1.tgz",
+            "integrity": "sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==",
+            "license": "MIT",
+            "dependencies": {
+                "prosemirror-state": "^1.0.0"
+            }
+        },
+        "node_modules/prosemirror-commands": {
+            "version": "1.7.0",
+            "resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.7.0.tgz",
+            "integrity": "sha512-6toodS4R/Aah5pdsrIwnTYPEjW70SlO5a66oo5Kk+CIrgJz3ukOoS+FYDGqvQlAX5PxoGWDX1oD++tn5X3pyRA==",
+            "license": "MIT",
+            "dependencies": {
+                "prosemirror-model": "^1.0.0",
+                "prosemirror-state": "^1.0.0",
+                "prosemirror-transform": "^1.10.2"
+            }
+        },
+        "node_modules/prosemirror-dropcursor": {
+            "version": "1.8.1",
+            "resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.8.1.tgz",
+            "integrity": "sha512-M30WJdJZLyXHi3N8vxN6Zh5O8ZBbQCz0gURTfPmTIBNQ5pxrdU7A58QkNqfa98YEjSAL1HUyyU34f6Pm5xBSGw==",
+            "license": "MIT",
+            "dependencies": {
+                "prosemirror-state": "^1.0.0",
+                "prosemirror-transform": "^1.1.0",
+                "prosemirror-view": "^1.1.0"
+            }
+        },
+        "node_modules/prosemirror-gapcursor": {
+            "version": "1.3.2",
+            "resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.3.2.tgz",
+            "integrity": "sha512-wtjswVBd2vaQRrnYZaBCbyDqr232Ed4p2QPtRIUK5FuqHYKGWkEwl08oQM4Tw7DOR0FsasARV5uJFvMZWxdNxQ==",
+            "license": "MIT",
+            "dependencies": {
+                "prosemirror-keymap": "^1.0.0",
+                "prosemirror-model": "^1.0.0",
+                "prosemirror-state": "^1.0.0",
+                "prosemirror-view": "^1.0.0"
+            }
+        },
+        "node_modules/prosemirror-history": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.4.1.tgz",
+            "integrity": "sha512-2JZD8z2JviJrboD9cPuX/Sv/1ChFng+xh2tChQ2X4bB2HeK+rra/bmJ3xGntCcjhOqIzSDG6Id7e8RJ9QPXLEQ==",
+            "license": "MIT",
+            "dependencies": {
+                "prosemirror-state": "^1.2.2",
+                "prosemirror-transform": "^1.0.0",
+                "prosemirror-view": "^1.31.0",
+                "rope-sequence": "^1.3.0"
+            }
+        },
+        "node_modules/prosemirror-inputrules": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.5.0.tgz",
+            "integrity": "sha512-K0xJRCmt+uSw7xesnHmcn72yBGTbY45vm8gXI4LZXbx2Z0jwh5aF9xrGQgrVPu0WbyFVFF3E/o9VhJYz6SQWnA==",
+            "license": "MIT",
+            "dependencies": {
+                "prosemirror-state": "^1.0.0",
+                "prosemirror-transform": "^1.0.0"
+            }
+        },
+        "node_modules/prosemirror-keymap": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.2.2.tgz",
+            "integrity": "sha512-EAlXoksqC6Vbocqc0GtzCruZEzYgrn+iiGnNjsJsH4mrnIGex4qbLdWWNza3AW5W36ZRrlBID0eM6bdKH4OStQ==",
+            "license": "MIT",
+            "dependencies": {
+                "prosemirror-state": "^1.0.0",
+                "w3c-keyname": "^2.2.0"
+            }
+        },
+        "node_modules/prosemirror-markdown": {
+            "version": "1.13.2",
+            "resolved": "https://registry.npmjs.org/prosemirror-markdown/-/prosemirror-markdown-1.13.2.tgz",
+            "integrity": "sha512-FPD9rHPdA9fqzNmIIDhhnYQ6WgNoSWX9StUZ8LEKapaXU9i6XgykaHKhp6XMyXlOWetmaFgGDS/nu/w9/vUc5g==",
+            "license": "MIT",
+            "dependencies": {
+                "@types/markdown-it": "^14.0.0",
+                "markdown-it": "^14.0.0",
+                "prosemirror-model": "^1.25.0"
+            }
+        },
+        "node_modules/prosemirror-menu": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/prosemirror-menu/-/prosemirror-menu-1.2.4.tgz",
+            "integrity": "sha512-S/bXlc0ODQup6aiBbWVsX/eM+xJgCTAfMq/nLqaO5ID/am4wS0tTCIkzwytmao7ypEtjj39i7YbJjAgO20mIqA==",
+            "license": "MIT",
+            "dependencies": {
+                "crelt": "^1.0.0",
+                "prosemirror-commands": "^1.0.0",
+                "prosemirror-history": "^1.0.0",
+                "prosemirror-state": "^1.0.0"
+            }
+        },
+        "node_modules/prosemirror-model": {
+            "version": "1.25.0",
+            "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.25.0.tgz",
+            "integrity": "sha512-/8XUmxWf0pkj2BmtqZHYJipTBMHIdVjuvFzMvEoxrtyGNmfvdhBiRwYt/eFwy2wA9DtBW3RLqvZnjurEkHaFCw==",
+            "license": "MIT",
+            "dependencies": {
+                "orderedmap": "^2.0.0"
+            }
+        },
+        "node_modules/prosemirror-schema-basic": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/prosemirror-schema-basic/-/prosemirror-schema-basic-1.2.4.tgz",
+            "integrity": "sha512-ELxP4TlX3yr2v5rM7Sb70SqStq5NvI15c0j9j/gjsrO5vaw+fnnpovCLEGIcpeGfifkuqJwl4fon6b+KdrODYQ==",
+            "license": "MIT",
+            "dependencies": {
+                "prosemirror-model": "^1.25.0"
+            }
+        },
+        "node_modules/prosemirror-schema-list": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.5.1.tgz",
+            "integrity": "sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==",
+            "license": "MIT",
+            "dependencies": {
+                "prosemirror-model": "^1.0.0",
+                "prosemirror-state": "^1.0.0",
+                "prosemirror-transform": "^1.7.3"
+            }
+        },
+        "node_modules/prosemirror-state": {
+            "version": "1.4.3",
+            "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.4.3.tgz",
+            "integrity": "sha512-goFKORVbvPuAQaXhpbemJFRKJ2aixr+AZMGiquiqKxaucC6hlpHNZHWgz5R7dS4roHiwq9vDctE//CZ++o0W1Q==",
+            "license": "MIT",
+            "dependencies": {
+                "prosemirror-model": "^1.0.0",
+                "prosemirror-transform": "^1.0.0",
+                "prosemirror-view": "^1.27.0"
+            }
+        },
+        "node_modules/prosemirror-tables": {
+            "version": "1.6.4",
+            "resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.6.4.tgz",
+            "integrity": "sha512-TkDY3Gw52gRFRfRn2f4wJv5WOgAOXLJA2CQJYIJ5+kdFbfj3acR4JUW6LX2e1hiEBiUwvEhzH5a3cZ5YSztpIA==",
+            "license": "MIT",
+            "dependencies": {
+                "prosemirror-keymap": "^1.2.2",
+                "prosemirror-model": "^1.24.1",
+                "prosemirror-state": "^1.4.3",
+                "prosemirror-transform": "^1.10.2",
+                "prosemirror-view": "^1.37.2"
+            }
+        },
+        "node_modules/prosemirror-trailing-node": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-3.0.0.tgz",
+            "integrity": "sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@remirror/core-constants": "3.0.0",
+                "escape-string-regexp": "^4.0.0"
+            },
+            "peerDependencies": {
+                "prosemirror-model": "^1.22.1",
+                "prosemirror-state": "^1.4.2",
+                "prosemirror-view": "^1.33.8"
+            }
+        },
+        "node_modules/prosemirror-transform": {
+            "version": "1.10.3",
+            "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.10.3.tgz",
+            "integrity": "sha512-Nhh/+1kZGRINbEHmVu39oynhcap4hWTs/BlU7NnxWj3+l0qi8I1mu67v6mMdEe/ltD8hHvU4FV6PHiCw2VSpMw==",
+            "license": "MIT",
+            "dependencies": {
+                "prosemirror-model": "^1.21.0"
+            }
+        },
+        "node_modules/prosemirror-view": {
+            "version": "1.38.1",
+            "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.38.1.tgz",
+            "integrity": "sha512-4FH/uM1A4PNyrxXbD+RAbAsf0d/mM0D/wAKSVVWK7o0A9Q/oOXJBrw786mBf2Vnrs/Edly6dH6Z2gsb7zWwaUw==",
+            "license": "MIT",
+            "dependencies": {
+                "prosemirror-model": "^1.20.0",
+                "prosemirror-state": "^1.0.0",
+                "prosemirror-transform": "^1.1.0"
+            }
+        },
+        "node_modules/proto-list": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
+            "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==",
+            "license": "ISC"
+        },
+        "node_modules/proxy-from-env": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+            "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+            "license": "MIT"
+        },
+        "node_modules/punycode.js": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
+            "integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/pusher-js": {
+            "version": "8.4.0",
+            "resolved": "https://registry.npmjs.org/pusher-js/-/pusher-js-8.4.0.tgz",
+            "integrity": "sha512-wp3HqIIUc1GRyu1XrP6m2dgyE9MoCsXVsWNlohj0rjSkLf+a0jLvEyVubdg58oMk7bhjBWnFClgp8jfAa6Ak4Q==",
+            "license": "MIT",
+            "dependencies": {
+                "tweetnacl": "^1.0.3"
+            }
+        },
+        "node_modules/qs": {
+            "version": "6.14.0",
+            "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
+            "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
+            "license": "BSD-3-Clause",
+            "dependencies": {
+                "side-channel": "^1.1.0"
+            },
+            "engines": {
+                "node": ">=0.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/queue-microtask": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ],
+            "license": "MIT"
+        },
+        "node_modules/read-time-estimate": {
+            "version": "0.0.3",
+            "resolved": "https://registry.npmjs.org/read-time-estimate/-/read-time-estimate-0.0.3.tgz",
+            "integrity": "sha512-TF87eHTuEyRtu/mwnQE8FoZYHpsN1Oj+U/oROL5nrsoEWsh/iGhBzkV50N6DdPEqZ9Jh2PSZk1ZA7KMucgb+ng==",
+            "license": "MIT"
+        },
+        "node_modules/regenerator-runtime": {
+            "version": "0.14.1",
+            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+            "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
+            "license": "MIT"
+        },
+        "node_modules/reka-ui": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.1.1.tgz",
+            "integrity": "sha512-awvpQ041LPXAvf2uRVFwedsyz9SwsuoWlRql1fg4XimUCxEI2GOfHo6FIdL44dSPb/eG/gWbdGhoGHLlbX5gPA==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/dom": "^1.6.13",
+                "@floating-ui/vue": "^1.1.6",
+                "@internationalized/date": "^3.5.0",
+                "@internationalized/number": "^3.5.0",
+                "@tanstack/vue-virtual": "^3.12.0",
+                "@vueuse/core": "^12.5.0",
+                "@vueuse/shared": "^12.5.0",
+                "aria-hidden": "^1.2.4",
+                "defu": "^6.1.4",
+                "ohash": "^2.0.11"
+            },
+            "peerDependencies": {
+                "vue": ">= 3.2.0"
+            }
+        },
+        "node_modules/require-directory": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+            "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/resize-observer-polyfill": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+            "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
+            "license": "MIT"
+        },
+        "node_modules/reusify": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+            "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "iojs": ">=1.0.0",
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/rollup": {
+            "version": "4.37.0",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.37.0.tgz",
+            "integrity": "sha512-iAtQy/L4QFU+rTJ1YUjXqJOJzuwEghqWzCEYD2FEghT7Gsy1VdABntrO4CLopA5IkflTyqNiLNwPcOJ3S7UKLg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/estree": "1.0.6"
+            },
+            "bin": {
+                "rollup": "dist/bin/rollup"
+            },
+            "engines": {
+                "node": ">=18.0.0",
+                "npm": ">=8.0.0"
+            },
+            "optionalDependencies": {
+                "@rollup/rollup-android-arm-eabi": "4.37.0",
+                "@rollup/rollup-android-arm64": "4.37.0",
+                "@rollup/rollup-darwin-arm64": "4.37.0",
+                "@rollup/rollup-darwin-x64": "4.37.0",
+                "@rollup/rollup-freebsd-arm64": "4.37.0",
+                "@rollup/rollup-freebsd-x64": "4.37.0",
+                "@rollup/rollup-linux-arm-gnueabihf": "4.37.0",
+                "@rollup/rollup-linux-arm-musleabihf": "4.37.0",
+                "@rollup/rollup-linux-arm64-gnu": "4.37.0",
+                "@rollup/rollup-linux-arm64-musl": "4.37.0",
+                "@rollup/rollup-linux-loongarch64-gnu": "4.37.0",
+                "@rollup/rollup-linux-powerpc64le-gnu": "4.37.0",
+                "@rollup/rollup-linux-riscv64-gnu": "4.37.0",
+                "@rollup/rollup-linux-riscv64-musl": "4.37.0",
+                "@rollup/rollup-linux-s390x-gnu": "4.37.0",
+                "@rollup/rollup-linux-x64-gnu": "4.37.0",
+                "@rollup/rollup-linux-x64-musl": "4.37.0",
+                "@rollup/rollup-win32-arm64-msvc": "4.37.0",
+                "@rollup/rollup-win32-ia32-msvc": "4.37.0",
+                "@rollup/rollup-win32-x64-msvc": "4.37.0",
+                "fsevents": "~2.3.2"
+            }
+        },
+        "node_modules/rollup-plugin-visualizer": {
+            "version": "5.14.0",
+            "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.14.0.tgz",
+            "integrity": "sha512-VlDXneTDaKsHIw8yzJAFWtrzguoJ/LnQ+lMpoVfYJ3jJF4Ihe5oYLAqLklIK/35lgUY+1yEzCkHyZ1j4A5w5fA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "open": "^8.4.0",
+                "picomatch": "^4.0.2",
+                "source-map": "^0.7.4",
+                "yargs": "^17.5.1"
+            },
+            "bin": {
+                "rollup-plugin-visualizer": "dist/bin/cli.js"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "peerDependencies": {
+                "rolldown": "1.x",
+                "rollup": "2.x || 3.x || 4.x"
+            },
+            "peerDependenciesMeta": {
+                "rolldown": {
+                    "optional": true
+                },
+                "rollup": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/rollup/node_modules/@types/estree": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+            "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/rope-sequence": {
+            "version": "1.3.4",
+            "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.4.tgz",
+            "integrity": "sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==",
+            "license": "MIT"
+        },
+        "node_modules/run-parallel": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "queue-microtask": "^1.2.2"
+            }
+        },
+        "node_modules/semver": {
+            "version": "7.7.1",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+            "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+            "license": "ISC",
+            "bin": {
+                "semver": "bin/semver.js"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/shebang-command": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+            "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+            "license": "MIT",
+            "dependencies": {
+                "shebang-regex": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/shebang-regex": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+            "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/side-channel": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+            "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "object-inspect": "^1.13.3",
+                "side-channel-list": "^1.0.0",
+                "side-channel-map": "^1.0.1",
+                "side-channel-weakmap": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/side-channel-list": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+            "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "object-inspect": "^1.13.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/side-channel-map": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+            "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.2",
+                "es-errors": "^1.3.0",
+                "get-intrinsic": "^1.2.5",
+                "object-inspect": "^1.13.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/side-channel-weakmap": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+            "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bound": "^1.0.2",
+                "es-errors": "^1.3.0",
+                "get-intrinsic": "^1.2.5",
+                "object-inspect": "^1.13.3",
+                "side-channel-map": "^1.0.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/siginfo": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
+            "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
+            "dev": true,
+            "license": "ISC"
+        },
+        "node_modules/signal-exit": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+            "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+            "license": "ISC",
+            "engines": {
+                "node": ">=14"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/isaacs"
+            }
+        },
+        "node_modules/smol-toml": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/smol-toml/-/smol-toml-1.3.1.tgz",
+            "integrity": "sha512-tEYNll18pPKHroYSmLLrksq233j021G0giwW7P3D24jC54pQ5W5BXMsQ/Mvw1OJCmEYDgY+lrzT+3nNUtoNfXQ==",
+            "dev": true,
+            "license": "BSD-3-Clause",
+            "engines": {
+                "node": ">= 18"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/cyyynthia"
+            }
+        },
+        "node_modules/source-map": {
+            "version": "0.7.4",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+            "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+            "dev": true,
+            "license": "BSD-3-Clause",
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/source-map-js": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+            "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+            "license": "BSD-3-Clause",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/speakingurl": {
+            "version": "14.0.1",
+            "resolved": "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz",
+            "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==",
+            "license": "BSD-3-Clause",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/stackback": {
+            "version": "0.0.2",
+            "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
+            "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/std-env": {
+            "version": "3.8.1",
+            "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.8.1.tgz",
+            "integrity": "sha512-vj5lIj3Mwf9D79hBkltk5qmkFI+biIKWS2IBxEyEU3AX1tUf7AoL8nSazCOiiqQsGKIq01SClsKEzweu34uwvA==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/string-width": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+            "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+            "license": "MIT",
+            "dependencies": {
+                "eastasianwidth": "^0.2.0",
+                "emoji-regex": "^9.2.2",
+                "strip-ansi": "^7.0.1"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/string-width-cjs": {
+            "name": "string-width",
+            "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+            "license": "MIT",
+            "dependencies": {
+                "emoji-regex": "^8.0.0",
+                "is-fullwidth-code-point": "^3.0.0",
+                "strip-ansi": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/string-width-cjs/node_modules/emoji-regex": {
+            "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+            "license": "MIT"
+        },
+        "node_modules/string-width-cjs/node_modules/strip-ansi": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+            "license": "MIT",
+            "dependencies": {
+                "ansi-regex": "^5.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/strip-ansi": {
+            "version": "7.1.0",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+            "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+            "license": "MIT",
+            "dependencies": {
+                "ansi-regex": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+            }
+        },
+        "node_modules/strip-ansi-cjs": {
+            "name": "strip-ansi",
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+            "license": "MIT",
+            "dependencies": {
+                "ansi-regex": "^5.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/strip-ansi/node_modules/ansi-regex": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+            "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+            }
+        },
+        "node_modules/strip-json-comments": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-5.0.1.tgz",
+            "integrity": "sha512-0fk9zBqO67Nq5M/m45qHCJxylV/DhBlIOVExqgOMiCCrzrhU6tCibRXNqE3jwJLftzE9SNuZtYbpzcO+i9FiKw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=14.16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/striptags": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/striptags/-/striptags-3.2.0.tgz",
+            "integrity": "sha512-g45ZOGzHDMe2bdYMdIvdAfCQkCTDMGBazSw1ypMowwGIee7ZQ5dU0rBJ8Jqgl+jAKIv4dbeE1jscZq9wid1Tkw==",
+            "license": "MIT"
+        },
+        "node_modules/summary": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/summary/-/summary-2.1.0.tgz",
+            "integrity": "sha512-nMIjMrd5Z2nuB2RZCKJfFMjgS3fygbeyGk9PxPPaJR1RIcyN9yn4A63Isovzm3ZtQuEkLBVgMdPup8UeLH7aQw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/svgo": {
+            "version": "3.3.2",
+            "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.3.2.tgz",
+            "integrity": "sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==",
+            "license": "MIT",
+            "dependencies": {
+                "@trysound/sax": "0.2.0",
+                "commander": "^7.2.0",
+                "css-select": "^5.1.0",
+                "css-tree": "^2.3.1",
+                "css-what": "^6.1.0",
+                "csso": "^5.0.5",
+                "picocolors": "^1.0.0"
+            },
+            "bin": {
+                "svgo": "bin/svgo"
+            },
+            "engines": {
+                "node": ">=14.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/svgo"
+            }
+        },
+        "node_modules/svgo/node_modules/commander": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+            "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 10"
+            }
+        },
+        "node_modules/tabbable": {
+            "version": "6.2.0",
+            "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
+            "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==",
+            "license": "MIT"
+        },
+        "node_modules/tailwind-merge": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.0.2.tgz",
+            "integrity": "sha512-l7z+OYZ7mu3DTqrL88RiKrKIqO3NcpEO8V/Od04bNpvk0kiIFndGEoqfuzvj4yuhRkHKjRkII2z+KS2HfPcSxw==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/dcastil"
+            }
+        },
+        "node_modules/tailwindcss": {
+            "version": "4.0.17",
+            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.17.tgz",
+            "integrity": "sha512-OErSiGzRa6rLiOvaipsDZvLMSpsBZ4ysB4f0VKGXUrjw2jfkJRd6kjRKV2+ZmTCNvwtvgdDam5D7w6WXsdLJZw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/tapable": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+            "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/tiny-emitter": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
+            "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==",
+            "license": "MIT"
+        },
+        "node_modules/tinybench": {
+            "version": "2.9.0",
+            "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
+            "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/tinyexec": {
+            "version": "0.3.2",
+            "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-0.3.2.tgz",
+            "integrity": "sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/tinypool": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-1.0.2.tgz",
+            "integrity": "sha512-al6n+QEANGFOMf/dmUMsuS5/r9B06uwlyNjZZql/zv8J7ybHCgoihBNORZCY2mzUuAnomQa2JdhyHKzZxPCrFA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": "^18.0.0 || >=20.0.0"
+            }
+        },
+        "node_modules/tinyrainbow": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
+            "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=14.0.0"
+            }
+        },
+        "node_modules/tinyspy": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-3.0.2.tgz",
+            "integrity": "sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=14.0.0"
+            }
+        },
+        "node_modules/tippy.js": {
+            "version": "6.3.7",
+            "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz",
+            "integrity": "sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@popperjs/core": "^2.9.0"
+            }
+        },
+        "node_modules/to-regex-range": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "is-number": "^7.0.0"
+            },
+            "engines": {
+                "node": ">=8.0"
+            }
+        },
+        "node_modules/tslib": {
+            "version": "2.8.1",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+            "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+            "license": "0BSD"
+        },
+        "node_modules/tweetnacl": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-1.0.3.tgz",
+            "integrity": "sha512-6rt+RN7aOi1nGMyC4Xa5DdYiukl2UWCbcJft7YhxReBGQD7OAM8Pbxw6YMo4r2diNEA8FEmu32YOn9rhaiE5yw==",
+            "license": "Unlicense"
+        },
+        "node_modules/typescript": {
+            "version": "5.8.2",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
+            "integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
+            "devOptional": true,
+            "license": "Apache-2.0",
+            "peer": true,
+            "bin": {
+                "tsc": "bin/tsc",
+                "tsserver": "bin/tsserver"
+            },
+            "engines": {
+                "node": ">=14.17"
+            }
+        },
+        "node_modules/uc.micro": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz",
+            "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==",
+            "license": "MIT"
+        },
+        "node_modules/undici-types": {
+            "version": "6.20.0",
+            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
+            "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
+            "dev": true,
+            "license": "MIT",
+            "peer": true
+        },
+        "node_modules/uniqid": {
+            "version": "5.4.0",
+            "resolved": "https://registry.npmjs.org/uniqid/-/uniqid-5.4.0.tgz",
+            "integrity": "sha512-38JRbJ4Fj94VmnC7G/J/5n5SC7Ab46OM5iNtSstB/ko3l1b5g7ALt4qzHFgGciFkyiRNtDXtLNb+VsxtMSE77A==",
+            "license": "MIT"
+        },
+        "node_modules/upload": {
+            "version": "1.3.2",
+            "resolved": "https://registry.npmjs.org/upload/-/upload-1.3.2.tgz",
+            "integrity": "sha512-1uyb/KFxhiQlnD4yW1qqMZHO+zvUqFfnkgF6OF8Rekufeqk5JBNc3w1gsAQJ2g2bC6GCXaRhkiqOSNyVxkpsLA==",
+            "license": "BSD-3-Clause-Clear",
+            "dependencies": {
+                "form-data": "^4.0.0"
+            }
+        },
+        "node_modules/util-deprecate": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/validator": {
+            "version": "13.15.0",
+            "resolved": "https://registry.npmjs.org/validator/-/validator-13.15.0.tgz",
+            "integrity": "sha512-36B2ryl4+oL5QxZ3AzD0t5SsMNGvTtQHpjgFO5tbNxfXbMFkY822ktCDe1MnlqV3301QQI9SLHDNJokDI+Z9pA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.10"
+            }
+        },
+        "node_modules/vite": {
+            "version": "6.2.3",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-6.2.3.tgz",
+            "integrity": "sha512-IzwM54g4y9JA/xAeBPNaDXiBF8Jsgl3VBQ2YQ/wOY6fyW3xMdSoltIV3Bo59DErdqdE6RxUfv8W69DvUorE4Eg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "esbuild": "^0.25.0",
+                "postcss": "^8.5.3",
+                "rollup": "^4.30.1"
+            },
+            "bin": {
+                "vite": "bin/vite.js"
+            },
+            "engines": {
+                "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/vitejs/vite?sponsor=1"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.3"
+            },
+            "peerDependencies": {
+                "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+                "jiti": ">=1.21.0",
+                "less": "*",
+                "lightningcss": "^1.21.0",
+                "sass": "*",
+                "sass-embedded": "*",
+                "stylus": "*",
+                "sugarss": "*",
+                "terser": "^5.16.0",
+                "tsx": "^4.8.1",
+                "yaml": "^2.4.2"
+            },
+            "peerDependenciesMeta": {
+                "@types/node": {
+                    "optional": true
+                },
+                "jiti": {
+                    "optional": true
+                },
+                "less": {
+                    "optional": true
+                },
+                "lightningcss": {
+                    "optional": true
+                },
+                "sass": {
+                    "optional": true
+                },
+                "sass-embedded": {
+                    "optional": true
+                },
+                "stylus": {
+                    "optional": true
+                },
+                "sugarss": {
+                    "optional": true
+                },
+                "terser": {
+                    "optional": true
+                },
+                "tsx": {
+                    "optional": true
+                },
+                "yaml": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vite-node": {
+            "version": "3.0.9",
+            "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-3.0.9.tgz",
+            "integrity": "sha512-w3Gdx7jDcuT9cNn9jExXgOyKmf5UOTb6WMHz8LGAm54eS1Elf5OuBhCxl6zJxGhEeIkgsE1WbHuoL0mj/UXqXg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "cac": "^6.7.14",
+                "debug": "^4.4.0",
+                "es-module-lexer": "^1.6.0",
+                "pathe": "^2.0.3",
+                "vite": "^5.0.0 || ^6.0.0"
+            },
+            "bin": {
+                "vite-node": "vite-node.mjs"
+            },
+            "engines": {
+                "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/vitest"
+            }
+        },
+        "node_modules/vite-plugin-full-reload": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.2.0.tgz",
+            "integrity": "sha512-kz18NW79x0IHbxRSHm0jttP4zoO9P9gXh+n6UTwlNKnviTTEpOlum6oS9SmecrTtSr+muHEn5TUuC75UovQzcA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "picocolors": "^1.0.0",
+                "picomatch": "^2.3.1"
+            }
+        },
+        "node_modules/vite-plugin-full-reload/node_modules/picomatch": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=8.6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/jonschlinkert"
+            }
+        },
+        "node_modules/vite-svg-loader": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/vite-svg-loader/-/vite-svg-loader-5.1.0.tgz",
+            "integrity": "sha512-M/wqwtOEjgb956/+m5ZrYT/Iq6Hax0OakWbokj8+9PXOnB7b/4AxESHieEtnNEy7ZpjsjYW1/5nK8fATQMmRxw==",
+            "license": "MIT",
+            "dependencies": {
+                "svgo": "^3.0.2"
+            },
+            "peerDependencies": {
+                "vue": ">=3.2.13"
+            }
+        },
+        "node_modules/vitest": {
+            "version": "3.0.9",
+            "resolved": "https://registry.npmjs.org/vitest/-/vitest-3.0.9.tgz",
+            "integrity": "sha512-BbcFDqNyBlfSpATmTtXOAOj71RNKDDvjBM/uPfnxxVGrG+FSH2RQIwgeEngTaTkuU/h0ScFvf+tRcKfYXzBybQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@vitest/expect": "3.0.9",
+                "@vitest/mocker": "3.0.9",
+                "@vitest/pretty-format": "^3.0.9",
+                "@vitest/runner": "3.0.9",
+                "@vitest/snapshot": "3.0.9",
+                "@vitest/spy": "3.0.9",
+                "@vitest/utils": "3.0.9",
+                "chai": "^5.2.0",
+                "debug": "^4.4.0",
+                "expect-type": "^1.1.0",
+                "magic-string": "^0.30.17",
+                "pathe": "^2.0.3",
+                "std-env": "^3.8.0",
+                "tinybench": "^2.9.0",
+                "tinyexec": "^0.3.2",
+                "tinypool": "^1.0.2",
+                "tinyrainbow": "^2.0.0",
+                "vite": "^5.0.0 || ^6.0.0",
+                "vite-node": "3.0.9",
+                "why-is-node-running": "^2.3.0"
+            },
+            "bin": {
+                "vitest": "vitest.mjs"
+            },
+            "engines": {
+                "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+            },
+            "funding": {
+                "url": "https://opencollective.com/vitest"
+            },
+            "peerDependencies": {
+                "@edge-runtime/vm": "*",
+                "@types/debug": "^4.1.12",
+                "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+                "@vitest/browser": "3.0.9",
+                "@vitest/ui": "3.0.9",
+                "happy-dom": "*",
+                "jsdom": "*"
+            },
+            "peerDependenciesMeta": {
+                "@edge-runtime/vm": {
+                    "optional": true
+                },
+                "@types/debug": {
+                    "optional": true
+                },
+                "@types/node": {
+                    "optional": true
+                },
+                "@vitest/browser": {
+                    "optional": true
+                },
+                "@vitest/ui": {
+                    "optional": true
+                },
+                "happy-dom": {
+                    "optional": true
+                },
+                "jsdom": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vue": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.13.tgz",
+            "integrity": "sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/compiler-dom": "3.5.13",
+                "@vue/compiler-sfc": "3.5.13",
+                "@vue/runtime-dom": "3.5.13",
+                "@vue/server-renderer": "3.5.13",
+                "@vue/shared": "3.5.13"
+            },
+            "peerDependencies": {
+                "typescript": "*"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vue-component-type-helpers": {
+            "version": "2.2.8",
+            "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-2.2.8.tgz",
+            "integrity": "sha512-4bjIsC284coDO9om4HPA62M7wfsTvcmZyzdfR0aUlFXqq4tXxM1APyXpNVxPC8QazKw9OhmZNHBVDA6ODaZsrA==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/vue-demi": {
+            "version": "0.14.10",
+            "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+            "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+            "hasInstallScript": true,
+            "license": "MIT",
+            "bin": {
+                "vue-demi-fix": "bin/vue-demi-fix.js",
+                "vue-demi-switch": "bin/vue-demi-switch.js"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            },
+            "peerDependencies": {
+                "@vue/composition-api": "^1.0.0-rc.1",
+                "vue": "^3.0.0-0 || ^2.6.0"
+            },
+            "peerDependenciesMeta": {
+                "@vue/composition-api": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vue-final-modal": {
+            "version": "4.5.5",
+            "resolved": "https://registry.npmjs.org/vue-final-modal/-/vue-final-modal-4.5.5.tgz",
+            "integrity": "sha512-A6xgsXqE6eLw9e6Tq/W6pxDBmimPuSuvq20WL9TOZpZy7itPdGeNn8e1P15PCGqP2yHM3q2gJIchPY9ZJd8YsA==",
+            "license": "MIT",
+            "dependencies": {
+                "@vueuse/core": "^10.5.0",
+                "@vueuse/integrations": "^10.5.0",
+                "focus-trap": "^7.5.4"
+            },
+            "peerDependencies": {
+                "@vueuse/core": ">=10.0.0",
+                "@vueuse/integrations": ">=10.0.0",
+                "focus-trap": ">=7.2.0",
+                "vue": ">=3.2.0"
+            }
+        },
+        "node_modules/vue-final-modal/node_modules/@types/web-bluetooth": {
+            "version": "0.0.20",
+            "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
+            "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==",
+            "license": "MIT"
+        },
+        "node_modules/vue-final-modal/node_modules/@vueuse/core": {
+            "version": "10.11.1",
+            "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.11.1.tgz",
+            "integrity": "sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==",
+            "license": "MIT",
+            "dependencies": {
+                "@types/web-bluetooth": "^0.0.20",
+                "@vueuse/metadata": "10.11.1",
+                "@vueuse/shared": "10.11.1",
+                "vue-demi": ">=0.14.8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
+        "node_modules/vue-final-modal/node_modules/@vueuse/integrations": {
+            "version": "10.11.1",
+            "resolved": "https://registry.npmjs.org/@vueuse/integrations/-/integrations-10.11.1.tgz",
+            "integrity": "sha512-Y5hCGBguN+vuVYTZmdd/IMXLOdfS60zAmDmFYc4BKBcMUPZH1n4tdyDECCPjXm0bNT3ZRUy1xzTLGaUje8Xyaw==",
+            "license": "MIT",
+            "dependencies": {
+                "@vueuse/core": "10.11.1",
+                "@vueuse/shared": "10.11.1",
+                "vue-demi": ">=0.14.8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            },
+            "peerDependencies": {
+                "async-validator": "^4",
+                "axios": "^1",
+                "change-case": "^4",
+                "drauu": "^0.3",
+                "focus-trap": "^7",
+                "fuse.js": "^6",
+                "idb-keyval": "^6",
+                "jwt-decode": "^3",
+                "nprogress": "^0.2",
+                "qrcode": "^1.5",
+                "sortablejs": "^1",
+                "universal-cookie": "^6"
+            },
+            "peerDependenciesMeta": {
+                "async-validator": {
+                    "optional": true
+                },
+                "axios": {
+                    "optional": true
+                },
+                "change-case": {
+                    "optional": true
+                },
+                "drauu": {
+                    "optional": true
+                },
+                "focus-trap": {
+                    "optional": true
+                },
+                "fuse.js": {
+                    "optional": true
+                },
+                "idb-keyval": {
+                    "optional": true
+                },
+                "jwt-decode": {
+                    "optional": true
+                },
+                "nprogress": {
+                    "optional": true
+                },
+                "qrcode": {
+                    "optional": true
+                },
+                "sortablejs": {
+                    "optional": true
+                },
+                "universal-cookie": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vue-final-modal/node_modules/@vueuse/metadata": {
+            "version": "10.11.1",
+            "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.11.1.tgz",
+            "integrity": "sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
+        "node_modules/vue-final-modal/node_modules/@vueuse/shared": {
+            "version": "10.11.1",
+            "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.11.1.tgz",
+            "integrity": "sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==",
+            "license": "MIT",
+            "dependencies": {
+                "vue-demi": ">=0.14.8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
+        "node_modules/vue-final-modal/node_modules/fuse.js": {
+            "version": "6.6.2",
+            "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-6.6.2.tgz",
+            "integrity": "sha512-cJaJkxCCxC8qIIcPBF9yGxY0W/tVZS3uEISDxhYIdtk8OL93pe+6Zj7LjCqVV4dzbqcriOZ+kQ/NE4RXZHsIGA==",
+            "license": "Apache-2.0",
+            "optional": true,
+            "peer": true,
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/vue-resize": {
+            "version": "2.0.0-alpha.1",
+            "resolved": "https://registry.npmjs.org/vue-resize/-/vue-resize-2.0.0-alpha.1.tgz",
+            "integrity": "sha512-7+iqOueLU7uc9NrMfrzbG8hwMqchfVfSzpVlCMeJQe4pyibqyoifDNbKTZvwxZKDvGkB+PdFeKvnGZMoEb8esg==",
+            "license": "MIT",
+            "peerDependencies": {
+                "vue": "^3.0.0"
+            }
+        },
+        "node_modules/vue-screen-utils": {
+            "version": "1.0.0-beta.13",
+            "resolved": "https://registry.npmjs.org/vue-screen-utils/-/vue-screen-utils-1.0.0-beta.13.tgz",
+            "integrity": "sha512-EJ/8TANKhFj+LefDuOvZykwMr3rrLFPLNb++lNBqPOpVigT2ActRg6icH9RFQVm4nHwlHIHSGm5OY/Clar9yIg==",
+            "license": "MIT",
+            "peerDependencies": {
+                "vue": "^3.2.0"
+            }
+        },
+        "node_modules/vue-select": {
+            "version": "4.0.0-beta.6",
+            "resolved": "https://registry.npmjs.org/vue-select/-/vue-select-4.0.0-beta.6.tgz",
+            "integrity": "sha512-K+zrNBSpwMPhAxYLTCl56gaMrWZGgayoWCLqe5rWwkB8aUbAUh7u6sXjIR7v4ckp2WKC7zEEUY27g6h1MRsIHw==",
+            "license": "MIT",
+            "peerDependencies": {
+                "vue": "3.x"
+            }
+        },
+        "node_modules/vue/node_modules/@vue/shared": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+            "license": "MIT"
+        },
+        "node_modules/vue3-click-away": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/vue3-click-away/-/vue3-click-away-1.2.4.tgz",
+            "integrity": "sha512-O9Z2KlvIhJT8OxaFy04eiZE9rc1Mk/bp+70dLok68ko3Kr8AW5dU+j8avSk4GDQu94FllSr4m5ul4BpzlKOw1A==",
+            "license": "MIT"
+        },
+        "node_modules/w3c-keyname": {
+            "version": "2.2.8",
+            "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
+            "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
+            "license": "MIT"
+        },
+        "node_modules/wcwidth": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
+            "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==",
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "dependencies": {
+                "defaults": "^1.0.3"
+            }
+        },
+        "node_modules/which": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+            "license": "ISC",
+            "dependencies": {
+                "isexe": "^2.0.0"
+            },
+            "bin": {
+                "node-which": "bin/node-which"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/why-is-node-running": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
+            "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "siginfo": "^2.0.0",
+                "stackback": "0.0.2"
+            },
+            "bin": {
+                "why-is-node-running": "cli.js"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/wrap-ansi": {
+            "version": "8.1.0",
+            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+            "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+            "license": "MIT",
+            "dependencies": {
+                "ansi-styles": "^6.1.0",
+                "string-width": "^5.0.1",
+                "strip-ansi": "^7.0.1"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+            }
+        },
+        "node_modules/wrap-ansi-cjs": {
+            "name": "wrap-ansi",
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+            "license": "MIT",
+            "dependencies": {
+                "ansi-styles": "^4.0.0",
+                "string-width": "^4.1.0",
+                "strip-ansi": "^6.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+            }
+        },
+        "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "license": "MIT",
+            "dependencies": {
+                "color-convert": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
+            "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+            "license": "MIT"
+        },
+        "node_modules/wrap-ansi-cjs/node_modules/string-width": {
+            "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+            "license": "MIT",
+            "dependencies": {
+                "emoji-regex": "^8.0.0",
+                "is-fullwidth-code-point": "^3.0.0",
+                "strip-ansi": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+            "license": "MIT",
+            "dependencies": {
+                "ansi-regex": "^5.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/y18n": {
+            "version": "5.0.8",
+            "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+            "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+            "dev": true,
+            "license": "ISC",
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/yargs": {
+            "version": "17.7.2",
+            "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+            "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "cliui": "^8.0.1",
+                "escalade": "^3.1.1",
+                "get-caller-file": "^2.0.5",
+                "require-directory": "^2.1.1",
+                "string-width": "^4.2.3",
+                "y18n": "^5.0.5",
+                "yargs-parser": "^21.1.1"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/yargs-parser": {
+            "version": "21.1.1",
+            "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+            "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+            "dev": true,
+            "license": "ISC",
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/yargs/node_modules/emoji-regex": {
+            "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/yargs/node_modules/string-width": {
+            "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "emoji-regex": "^8.0.0",
+                "is-fullwidth-code-point": "^3.0.0",
+                "strip-ansi": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/yargs/node_modules/strip-ansi": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "ansi-regex": "^5.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/zod": {
+            "version": "3.24.2",
+            "resolved": "https://registry.npmjs.org/zod/-/zod-3.24.2.tgz",
+            "integrity": "sha512-lY7CDW43ECgW9u1TcT3IoXHflywfVqDYze4waEz812jR/bZ8FHDsl7pFQoSZTz5N+2NqRXs8GBwnAwo3ZNxqhQ==",
+            "dev": true,
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/colinhacks"
+            }
+        },
+        "node_modules/zod-validation-error": {
+            "version": "3.4.0",
+            "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-3.4.0.tgz",
+            "integrity": "sha512-ZOPR9SVY6Pb2qqO5XHt+MkkTRxGXb4EVtnjc9JpXUOtUB1T9Ru7mZOT361AN3MsetVe7R0a1KZshJDZdgp9miQ==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=18.0.0"
+            },
+            "peerDependencies": {
+                "zod": "^3.18.0"
+            }
         }
-      }
-    },
-    "node_modules/xml-name-validator": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
-      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
-      "dev": true,
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/xmlchars": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
-      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
-      "dev": true,
-      "optional": true,
-      "peer": true
-    },
-    "node_modules/y18n": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
-      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/yaml": {
-      "version": "2.4.5",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.5.tgz",
-      "integrity": "sha512-aBx2bnqDzVOyNKfsysjA2ms5ZlnjSAW2eG3/L5G/CSujfjLJTJsEw1bGw8kCf04KodQWk1pxlGnZ56CRxiawmg==",
-      "dev": true,
-      "bin": {
-        "yaml": "bin.mjs"
-      },
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/yargs": {
-      "version": "17.7.2",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
-      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cliui": "^8.0.1",
-        "escalade": "^3.1.1",
-        "get-caller-file": "^2.0.5",
-        "require-directory": "^2.1.1",
-        "string-width": "^4.2.3",
-        "y18n": "^5.0.5",
-        "yargs-parser": "^21.1.1"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/yargs-parser": {
-      "version": "21.1.1",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
-      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/zod": {
-      "version": "3.24.1",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.24.1.tgz",
-      "integrity": "sha512-muH7gBL9sI1nciMZV67X5fTKKBLtwpZ5VBp1vsOQzj1MhrBZ4wlVCm3gedKZWLp0Oyel8sIGfeiz54Su+OVT+A==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/colinhacks"
-      }
-    },
-    "node_modules/zod-validation-error": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-3.4.0.tgz",
-      "integrity": "sha512-ZOPR9SVY6Pb2qqO5XHt+MkkTRxGXb4EVtnjc9JpXUOtUB1T9Ru7mZOT361AN3MsetVe7R0a1KZshJDZdgp9miQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18.0.0"
-      },
-      "peerDependencies": {
-        "zod": "^3.18.0"
-      }
     }
-  }
 }
diff --git a/package.json b/package.json
index fc8e89606a4..74391f3e217 100644
--- a/package.json
+++ b/package.json
@@ -1,120 +1,118 @@
 {
-  "name": "statamic",
-  "type": "module",
-  "private": true,
-  "scripts": {
-    "dev": "rm -rf resources/dist/build && vite",
-    "build": "vite build",
-    "svgo": "svgo -f ./resources/svg/  -r",
-    "test": "vitest run",
-    "test-watch": "npm run test -- --watch --notify",
-    "frontend-dev": "vite -c vite-frontend.config.js",
-    "frontend-build": "vite build -c vite-frontend.config.js",
-    "prettier:format": "prettier --write \"**/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts,vue,blade.php,antlers.html,css}\"",
-    "prettier:check": "prettier --check \"**/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts,vue,blade.php,antlers.html,css}\"",
-    "knip": "knip"
-  },
-  "dependencies": {
-    "@angelblanco/v-calendar": "^3.1.2",
-    "@floating-ui/dom": "^1.2.5",
-    "@he-tree/vue": "^2.8.2",
-    "@hoppscotch/vue-toasted": "^0.1.0",
-    "@internationalized/date": "^3.7.0",
-    "@shopify/draggable": "^1.0.0-beta.12",
-    "@tiptap/core": "^2.0.2",
-    "@tiptap/extension-blockquote": "^2.0.2",
-    "@tiptap/extension-bold": "^2.0.2",
-    "@tiptap/extension-bullet-list": "^2.0.2",
-    "@tiptap/extension-character-count": "^2.0.2",
-    "@tiptap/extension-code": "^2.0.2",
-    "@tiptap/extension-code-block": "^2.4.0",
-    "@tiptap/extension-code-block-lowlight": "^2.0.2",
-    "@tiptap/extension-document": "^2.0.2",
-    "@tiptap/extension-dropcursor": "^2.0.2",
-    "@tiptap/extension-gapcursor": "^2.0.2",
-    "@tiptap/extension-hard-break": "^2.0.2",
-    "@tiptap/extension-heading": "^2.0.2",
-    "@tiptap/extension-history": "^2.0.2",
-    "@tiptap/extension-horizontal-rule": "^2.0.2",
-    "@tiptap/extension-italic": "^2.0.2",
-    "@tiptap/extension-list-item": "^2.0.2",
-    "@tiptap/extension-ordered-list": "^2.0.2",
-    "@tiptap/extension-paragraph": "^2.0.2",
-    "@tiptap/extension-placeholder": "^2.0.2",
-    "@tiptap/extension-strike": "^2.0.2",
-    "@tiptap/extension-subscript": "^2.0.2",
-    "@tiptap/extension-superscript": "^2.0.2",
-    "@tiptap/extension-table": "^2.0.2",
-    "@tiptap/extension-table-cell": "^2.0.2",
-    "@tiptap/extension-table-header": "^2.0.2",
-    "@tiptap/extension-table-row": "^2.0.2",
-    "@tiptap/extension-text": "^2.0.2",
-    "@tiptap/extension-text-align": "^2.0.2",
-    "@tiptap/extension-typography": "^2.0.2",
-    "@tiptap/extension-underline": "^2.0.2",
-    "@tiptap/pm": "^2.0.2",
-    "@tiptap/vue-3": "^2.4.0",
-    "alpinejs": "^3.1.1",
-    "autosize": "~6.0.1",
-    "axios": "^1.6.0",
-    "body-scroll-lock": "^4.0.0-beta.0",
-    "clsx": "^2.1.1",
-    "codemirror": "5.65.12",
-    "cookies-js": "^1.2.2",
-    "cva": "^1.0.0-beta.3",
-    "floating-vue": "^5.2.2",
-    "fuse.js": "^7.0.0",
-    "highlight.js": "^11.7.0",
-    "imask": "^7.6.1",
-    "laravel-echo": "^1.16.0",
-    "lodash-es": "^4.17.21",
-    "lowlight": "^3.1.0",
-    "marked": "^13.0.0",
-    "marked-plaintext": "0.0.2",
-    "mousetrap": "~1.6.5",
-    "nprogress": "^0.2.0",
-    "pdfobject": "^2.2.7",
-    "pinia": "^2.3.1",
-    "portal-vue": "^3.0.0",
-    "pretty": "^2.0.0",
-    "pusher-js": "^8.4.0-rc2",
-    "qs": "^6.9.7",
-    "read-time-estimate": "0.0.3",
-    "reka-ui": "^2.0.0",
-    "resize-observer-polyfill": "^1.5.1",
-    "semver": "^7.7.1",
-    "speakingurl": "^14.0.1",
-    "striptags": "^3.2.0",
-    "svgo": "^3.0.0",
-    "tailwind-merge": "^3.0.2",
-    "tiny-emitter": "^2.1.0",
-    "uniqid": "^5.2.0",
-    "upload": "^1.3.2",
-    "validator": "^13.7.0",
-    "vite-svg-loader": "^5.1.0",
-    "vue": "^3.4.27",
-    "vue-final-modal": "^4.5.4",
-    "vue-screen-utils": "^1.0.0-beta.13",
-    "vue-select": "4.0.0-beta.6",
-    "vue3-click-away": "^1.2.4"
-  },
-  "devDependencies": {
-    "@rollup/plugin-inject": "^5.0.3",
-    "@tailwindcss/container-queries": "^0.1.0",
-    "@tailwindcss/typography": "^0.5.9",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vue/test-utils": "^2.4.6",
-    "autoprefixer": "^10.4.0",
-    "knip": "^5.43.6",
-    "laravel-vite-plugin": "^1.2.0",
-    "postcss": "^8.4.31",
-    "prettier": "^3.4.2",
-    "prettier-plugin-antlers": "^2.0.5",
-    "prettier-plugin-blade": "^2.1.19",
-    "prettier-plugin-tailwindcss": "^0.6.11",
-    "rollup-plugin-visualizer": "^5.14.0",
-    "tailwindcss": "^3.3.0",
-    "vite": "^6.0",
-    "vitest": "^3.0.5"
-  }
+    "name": "statamic",
+    "type": "module",
+    "private": true,
+    "scripts": {
+        "dev": "rm -rf resources/dist/build && vite",
+        "build": "vite build",
+        "svgo": "svgo -f ./resources/svg/  -r",
+        "test": "vitest run",
+        "test-watch": "npm run test -- --watch --notify",
+        "frontend-dev": "vite -c vite-frontend.config.js",
+        "frontend-build": "vite build -c vite-frontend.config.js",
+        "prettier:format": "prettier --write \"**/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts,vue,blade.php,antlers.html,css}\"",
+        "prettier:check": "prettier --check \"**/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts,vue,blade.php,antlers.html,css}\"",
+        "knip": "knip"
+    },
+    "dependencies": {
+        "@angelblanco/v-calendar": "^3.1.2",
+        "@floating-ui/dom": "^1.2.5",
+        "@he-tree/vue": "^2.8.2",
+        "@hoppscotch/vue-toasted": "^0.1.0",
+        "@internationalized/date": "^3.7.0",
+        "@shopify/draggable": "^1.0.0-beta.12",
+        "@tiptap/core": "^2.0.2",
+        "@tiptap/extension-blockquote": "^2.0.2",
+        "@tiptap/extension-bold": "^2.0.2",
+        "@tiptap/extension-bullet-list": "^2.0.2",
+        "@tiptap/extension-character-count": "^2.0.2",
+        "@tiptap/extension-code": "^2.0.2",
+        "@tiptap/extension-code-block": "^2.4.0",
+        "@tiptap/extension-code-block-lowlight": "^2.0.2",
+        "@tiptap/extension-document": "^2.0.2",
+        "@tiptap/extension-dropcursor": "^2.0.2",
+        "@tiptap/extension-gapcursor": "^2.0.2",
+        "@tiptap/extension-hard-break": "^2.0.2",
+        "@tiptap/extension-heading": "^2.0.2",
+        "@tiptap/extension-history": "^2.0.2",
+        "@tiptap/extension-horizontal-rule": "^2.0.2",
+        "@tiptap/extension-italic": "^2.0.2",
+        "@tiptap/extension-list-item": "^2.0.2",
+        "@tiptap/extension-ordered-list": "^2.0.2",
+        "@tiptap/extension-paragraph": "^2.0.2",
+        "@tiptap/extension-placeholder": "^2.0.2",
+        "@tiptap/extension-strike": "^2.0.2",
+        "@tiptap/extension-subscript": "^2.0.2",
+        "@tiptap/extension-superscript": "^2.0.2",
+        "@tiptap/extension-table": "^2.0.2",
+        "@tiptap/extension-table-cell": "^2.0.2",
+        "@tiptap/extension-table-header": "^2.0.2",
+        "@tiptap/extension-table-row": "^2.0.2",
+        "@tiptap/extension-text": "^2.0.2",
+        "@tiptap/extension-text-align": "^2.0.2",
+        "@tiptap/extension-typography": "^2.0.2",
+        "@tiptap/extension-underline": "^2.0.2",
+        "@tiptap/pm": "^2.0.2",
+        "@tiptap/vue-3": "^2.4.0",
+        "alpinejs": "^3.1.1",
+        "autosize": "~6.0.1",
+        "axios": "^1.6.0",
+        "body-scroll-lock": "^4.0.0-beta.0",
+        "clsx": "^2.1.1",
+        "codemirror": "5.65.12",
+        "cookies-js": "^1.2.2",
+        "cva": "^1.0.0-beta.3",
+        "floating-vue": "^5.2.2",
+        "fuse.js": "^7.0.0",
+        "highlight.js": "^11.7.0",
+        "imask": "^7.6.1",
+        "laravel-echo": "^1.16.0",
+        "lodash-es": "^4.17.21",
+        "lowlight": "^3.1.0",
+        "marked": "^13.0.0",
+        "marked-plaintext": "0.0.2",
+        "mousetrap": "~1.6.5",
+        "nprogress": "^0.2.0",
+        "pdfobject": "^2.2.7",
+        "pinia": "^2.3.1",
+        "portal-vue": "^3.0.0",
+        "pretty": "^2.0.0",
+        "pusher-js": "^8.4.0-rc2",
+        "qs": "^6.9.7",
+        "read-time-estimate": "0.0.3",
+        "reka-ui": "^2.0.0",
+        "resize-observer-polyfill": "^1.5.1",
+        "semver": "^7.7.1",
+        "speakingurl": "^14.0.1",
+        "striptags": "^3.2.0",
+        "svgo": "^3.0.0",
+        "tailwind-merge": "^3.0.2",
+        "tiny-emitter": "^2.1.0",
+        "uniqid": "^5.2.0",
+        "upload": "^1.3.2",
+        "validator": "^13.7.0",
+        "vite-svg-loader": "^5.1.0",
+        "vue": "^3.4.27",
+        "vue-final-modal": "^4.5.4",
+        "vue-screen-utils": "^1.0.0-beta.13",
+        "vue-select": "4.0.0-beta.6",
+        "vue3-click-away": "^1.2.4"
+    },
+    "devDependencies": {
+        "@rollup/plugin-inject": "^5.0.3",
+        "@tailwindcss/typography": "^0.5.9",
+        "@tailwindcss/vite": "^4.0.6",
+        "@vitejs/plugin-vue": "^5.2.1",
+        "@vue/test-utils": "^2.4.6",
+        "knip": "^5.43.6",
+        "laravel-vite-plugin": "^1.2.0",
+        "prettier": "^3.4.2",
+        "prettier-plugin-antlers": "^2.0.5",
+        "prettier-plugin-blade": "^2.1.19",
+        "prettier-plugin-tailwindcss": "^0.6.11",
+        "rollup-plugin-visualizer": "^5.14.0",
+        "tailwindcss": "^4.0.17",
+        "vite": "^6.0",
+        "vitest": "^3.0.5"
+    }
 }
diff --git a/postcss.config.cjs b/postcss.config.cjs
deleted file mode 100644
index e960c0e6c3f..00000000000
--- a/postcss.config.cjs
+++ /dev/null
@@ -1,8 +0,0 @@
-module.exports = {
-    plugins: {
-        'postcss-import': {},
-        'tailwindcss/nesting': {},
-        tailwindcss: {},
-        autoprefixer: {},
-    },
-};
diff --git a/resources/css/app.css b/resources/css/app.css
new file mode 100644
index 00000000000..4c31a66a5b6
--- /dev/null
+++ b/resources/css/app.css
@@ -0,0 +1,26 @@
+@import 'tailwindcss';
+@import './cp.css' layer(base);
+@import './core/utilities.css';
+@import './dark.css';
+@import './tailwind-animate.css';
+@import './ui.css';
+@config '../../tailwind.config.js';
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+
+/* @layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: #d1d5db;
+  }
+} */
diff --git a/resources/css/components/array.css b/resources/css/components/array.css
index 780f35e3a8f..215bb9134b2 100644
--- a/resources/css/components/array.css
+++ b/resources/css/components/array.css
@@ -6,15 +6,15 @@
 }
 
 .array-table-wrapper {
-    @apply overflow-hidden rounded border dark:border-dark-900;
+    @apply overflow-hidden rounded-sm border dark:border-dark-900;
     &:focus-within {
         @apply ring-2 ring-blue-300 dark:ring-dark-blue-100;
     }
 }
 .array-table {
-    @apply w-full rounded text-sm ltr:text-left rtl:text-right;
+    @apply w-full rounded-sm text-sm ltr:text-left rtl:text-right;
     &:focus {
-        @apply outline-none;
+        @apply outline-hidden;
     }
 
     tr:not(:last-child) {
diff --git a/resources/css/components/assets.css b/resources/css/components/assets.css
index f54661b081d..25a3f29d4d5 100644
--- a/resources/css/components/assets.css
+++ b/resources/css/components/assets.css
@@ -4,7 +4,7 @@
 
 .asset-modal {
     .saving {
-        @apply absolute inset-0 flex items-center rounded-sm bg-white/90;
+        @apply absolute inset-0 flex items-center rounded-xs bg-white/90;
         z-index: 200;
 
         .inner {
@@ -26,15 +26,15 @@
 }
 
 .drag-notification {
-    @apply absolute inset-0 flex items-center justify-center rounded p-1 text-center text-xs leading-tight @sm:text-lg;
-    border: 1px dashed theme('colors.gray.600');
+    @apply absolute inset-0 flex items-center justify-center rounded-sm p-1 text-center text-xs leading-tight @sm:text-lg;
+    border: 1px dashed var(--color-gray-600);
     pointer-events: none;
     z-index: 1049;
     background: rgba(255, 255, 255, 0.9);
 
     .dark & {
         @apply bg-dark-900/90;
-        border-color: theme('colors.dark.600');
+        border-color: var(--color-dark-600);
     }
 }
 
@@ -42,13 +42,13 @@
    ========================================================================== */
 
 .asset-table-listing {
-    @apply relative overflow-hidden rounded border dark:border-dark-900;
+    @apply relative overflow-hidden rounded-sm border dark:border-dark-900;
 
     table {
         @apply m-0 w-full select-none rounded-b border-none;
     }
     tbody tr {
-        @apply outline-none;
+        @apply outline-hidden;
     }
 
     tbody tr:not(:last-child) {
@@ -113,10 +113,10 @@
    ========================================================================== */
 
 .asset-tile {
-    @apply relative flex min-w-0 cursor-pointer flex-col items-center justify-between rounded border bg-white dark:border-dark-300 dark:bg-dark-600;
+    @apply relative flex min-w-0 cursor-pointer flex-col items-center justify-between rounded-sm border bg-white dark:border-dark-300 dark:bg-dark-600;
 
     .asset-thumb {
-        @apply flex h-full w-full items-center justify-center rounded;
+        @apply flex h-full w-full items-center justify-center rounded-sm;
         > img,
         > svg,
         > .svg-img {
@@ -152,7 +152,7 @@
 
 .asset-tile.selected {
     @apply border-blue dark:border-dark-blue-100;
-    box-shadow: 0 0 0 1px theme('colors.blue.DEFAULT');
+    box-shadow: 0 0 0 1px var(--color-blue);
 }
 
 .asset-thumbnail {
@@ -190,7 +190,7 @@
     }
 
     .loading {
-        @apply absolute inset-0 z-10 flex items-center justify-center rounded bg-white/70;
+        @apply absolute inset-0 z-10 flex items-center justify-center rounded-sm bg-white/70;
     }
 }
 
diff --git a/resources/css/components/blueprints.css b/resources/css/components/blueprints.css
index 520285cda4f..d7ef2a7b31e 100644
--- a/resources/css/components/blueprints.css
+++ b/resources/css/components/blueprints.css
@@ -3,7 +3,7 @@
    ========================================================================== */
 
 .blueprint-section {
-    @apply min-h-40 w-full p-2 outline-none;
+    @apply min-h-40 w-full p-2 outline-hidden;
 
     &.draggable-source--is-dragging {
         opacity: 0.5;
@@ -21,10 +21,10 @@
 }
 
 .blueprint-section-field {
-    @apply relative z-10 mb-2 px-1 text-sm outline-none;
+    @apply relative z-10 mb-2 px-1 text-sm outline-hidden;
 
     .blueprint-section-field-inner {
-        @apply relative z-10 flex rounded border bg-gray-200 shadow-sm outline-none;
+        @apply relative z-10 flex rounded-sm border bg-gray-200 shadow-sm outline-hidden;
         @apply dark:border-none dark:bg-dark-600 dark:shadow-dark;
     }
 
@@ -40,7 +40,7 @@
 .blueprint-section-import {
     &:before {
         content: '';
-        @apply absolute rounded border bg-gray-200 shadow-sm;
+        @apply absolute rounded-sm border bg-gray-200 shadow-sm;
         top: -3px;
         left: 6px;
         right: 0;
diff --git a/resources/css/components/cards.css b/resources/css/components/cards.css
index d78d564fe11..8be1d133f20 100644
--- a/resources/css/components/cards.css
+++ b/resources/css/components/cards.css
@@ -7,7 +7,7 @@
     @apply dark:bg-dark-600 dark:shadow-dark;
 }
 
-@screen md {
+@media (width >= theme(--breakpoint-md)) {
     .card {
         @apply p-4;
     }
diff --git a/resources/css/components/column-picker.css b/resources/css/components/column-picker.css
index 3c8b300c1b0..3626264586c 100644
--- a/resources/css/components/column-picker.css
+++ b/resources/css/components/column-picker.css
@@ -1,8 +1,8 @@
 .column-picker-item {
-    @apply flex select-none items-center text-sm outline-none;
+    @apply flex select-none items-center text-sm outline-hidden;
 
     &.sortable {
-        @apply rounded border bg-white;
+        @apply rounded-sm border bg-white;
         &:hover {
             @apply bg-gray-200;
         }
diff --git a/resources/css/components/fieldtypes/assets.css b/resources/css/components/fieldtypes/assets.css
index e1f1565d125..5c247c729e3 100644
--- a/resources/css/components/fieldtypes/assets.css
+++ b/resources/css/components/fieldtypes/assets.css
@@ -7,7 +7,7 @@
 }
 
 .assets-fieldtype .assets-fieldtype-picker {
-    @apply flex flex-wrap items-center rounded border bg-gray-200 px-4 py-2 dark:border-dark-900 dark:bg-dark-650;
+    @apply flex flex-wrap items-center rounded-sm border bg-gray-200 px-4 py-2 dark:border-dark-900 dark:bg-dark-650;
 
     &.is-expanded {
         @apply rounded-b-none border-b-0;
diff --git a/resources/css/components/fieldtypes/bard.css b/resources/css/components/fieldtypes/bard.css
index d0787f7acb0..6712c4a8f03 100644
--- a/resources/css/components/fieldtypes/bard.css
+++ b/resources/css/components/fieldtypes/bard.css
@@ -1,5 +1,5 @@
 .bard-fieldtype-wrapper {
-    @apply relative rounded border outline-none dark:border-dark-900;
+    @apply relative rounded-sm border outline-hidden dark:border-dark-900;
 
     * {
         outline: none;
@@ -7,7 +7,7 @@
 }
 
 .bard-editor {
-    @apply relative rounded bg-gray-100 p-0 text-gray-800 shadow-inner dark:bg-dark-650 dark:text-dark-150;
+    @apply relative rounded-sm bg-gray-100 p-0 text-gray-800 shadow-inner dark:bg-dark-650 dark:text-dark-150;
 }
 
 .bard-editor .ProseMirror {
@@ -44,7 +44,7 @@
     @apply top-0 z-5 flex items-start justify-between rounded-t border-b bg-white p-1 text-sm shadow-none dark:border-dark-900 dark:bg-dark-800;
 
     .bard-toolbar-button {
-        @apply m-0 flex h-8 w-8 items-center justify-center rounded px-1 text-center text-base text-gray-800 dark:text-dark-150;
+        @apply m-0 flex h-8 w-8 items-center justify-center rounded-sm px-1 text-center text-base text-gray-800 dark:text-dark-150;
         svg {
             @apply h-4 w-auto;
         }
@@ -84,7 +84,7 @@
     @apply rounded-full bg-black px-4 shadow-lg;
 
     button {
-        @apply mx-0.5 my-0 flex h-8 w-8 items-center justify-center rounded bg-transparent px-1 text-center text-base text-gray-700 outline-none;
+        @apply mx-0.5 my-0 flex h-8 w-8 items-center justify-center rounded-sm bg-transparent px-1 text-center text-base text-gray-700 outline-hidden;
         svg {
             @apply h-4 w-auto;
         }
@@ -107,7 +107,7 @@
 }
 
 /*  Responive Wangjangling */
-@screen md {
+@media (width >= theme(--breakpoint-md)) {
     /*  Fixed toolbar below fixed global header */
     .bard-fixed-toolbar {
         top: 52px;
@@ -232,11 +232,11 @@
     @apply fixed inset-0 min-h-screen overflow-scroll rounded-none bg-gray-200 pt-14 dark:bg-dark-700;
 
     & > .bard-editor {
-        @apply relative mx-auto my-6 max-w-xl rounded bg-white px-8 shadow dark:bg-dark-800 dark:shadow-dark;
+        @apply relative mx-auto my-6 max-w-xl rounded-sm bg-white px-8 shadow dark:bg-dark-800 dark:shadow-dark;
     }
 
     & > .bard-fixed-toolbar {
-        @apply fixed h-12 w-full bg-gradient-to-b from-white to-gray-100 shadow dark:from-dark-400 dark:to-dark-500 dark:shadow-dark;
+        @apply fixed h-12 w-full bg-linear-to-b from-white to-gray-100 shadow dark:from-dark-400 dark:to-dark-500 dark:shadow-dark;
         padding: 7px 8px;
         top: 0;
         z-index: 999;
@@ -547,7 +547,7 @@
     }
 
     p > code {
-        @apply rounded-sm bg-gray-400 font-mono text-xs dark:bg-dark-750;
+        @apply rounded-xs bg-gray-400 font-mono text-xs dark:bg-dark-750;
         padding: 2px 4px;
         top: -1px;
     }
@@ -557,7 +557,7 @@
     }
 
     pre code {
-        @apply block w-full rounded bg-gray-400 p-4 font-mono text-xs dark:bg-dark-950 dark:text-dark-100;
+        @apply block w-full rounded-sm bg-gray-400 p-4 font-mono text-xs dark:bg-dark-950 dark:text-dark-100;
         line-height: 1.8;
     }
 }
@@ -587,7 +587,7 @@
     }
 
     .bard-toolbar-button {
-        @apply p-0 text-gray-700 outline-none;
+        @apply p-0 text-gray-700 outline-hidden;
         font-size: 16px;
 
         &:hover {
@@ -597,7 +597,7 @@
 }
 
 .bard-inline-image-container {
-    @apply relative mb-6 whitespace-normal rounded border bg-white dark:border-dark-900 dark:bg-dark-600;
+    @apply relative mb-6 whitespace-normal rounded-sm border bg-white dark:border-dark-900 dark:bg-dark-600;
     &:hover {
         cursor: grab;
     }
diff --git a/resources/css/components/fieldtypes/code.css b/resources/css/components/fieldtypes/code.css
index dad935dfda1..d63362b7f99 100644
--- a/resources/css/components/fieldtypes/code.css
+++ b/resources/css/components/fieldtypes/code.css
@@ -1,6 +1,6 @@
 .code-fieldtype-container {
     direction: ltr;
-    @apply rounded dark:border dark:border-dark-800;
+    @apply rounded-sm dark:border dark:border-dark-800;
 }
 
 .code-fieldtype-toolbar {
@@ -21,7 +21,7 @@
     @apply fixed inset-0 min-h-screen overflow-scroll rounded-none bg-gray-200 pt-14 dark:bg-dark-600;
 
     .code-fieldtype-toolbar {
-        @apply fixed top-0 z-2 h-12 w-full rounded-none bg-gradient-to-b from-white to-gray-100 px-6 py-2 text-base shadow dark:from-dark-550 dark:to-dark-600 dark:shadow-dark;
+        @apply fixed top-0 z-2 h-12 w-full rounded-none bg-linear-to-b from-white to-gray-100 px-6 py-2 text-base shadow dark:from-dark-550 dark:to-dark-600 dark:shadow-dark;
     }
 }
 
diff --git a/resources/css/components/fieldtypes/dictionary-fields.css b/resources/css/components/fieldtypes/dictionary-fields.css
index a283f2c8828..a2dd87633c6 100644
--- a/resources/css/components/fieldtypes/dictionary-fields.css
+++ b/resources/css/components/fieldtypes/dictionary-fields.css
@@ -10,7 +10,7 @@
         @apply m-0 p-3 @sm:p-4;
 
         .field-inner {
-            @apply w-full md:w-1/2 ltr:md:pr-8 rtl:md:pl-8;
+            @apply w-full md:w-1/2 md:ltr:pr-8 md:rtl:pl-8;
         }
 
         .field-inner + div {
diff --git a/resources/css/components/fieldtypes/grid.css b/resources/css/components/fieldtypes/grid.css
index 6b549b40efc..f8c92667e77 100644
--- a/resources/css/components/fieldtypes/grid.css
+++ b/resources/css/components/fieldtypes/grid.css
@@ -3,7 +3,7 @@
    ========================================================================== */
 
 .grid-table {
-    @apply relative mb-4 w-full rounded border text-gray shadow-sm outline-none dark:border-dark-900 dark:text-dark-150 ltr:text-left rtl:text-right;
+    @apply relative mb-4 w-full rounded-sm border text-gray shadow-sm outline-hidden dark:border-dark-900 dark:text-dark-150 ltr:text-left rtl:text-right;
     border-collapse: separate;
     border-spacing: 0;
     table-layout: auto;
@@ -34,10 +34,10 @@
 }
 
 .grid-table > tbody {
-    @apply outline-none;
+    @apply outline-hidden;
 
     > tr {
-        @apply outline-none;
+        @apply outline-hidden;
     }
 
     > tr > td {
@@ -51,14 +51,14 @@
             @apply h-full p-2 ltr:border-r rtl:border-l;
             width: 1%;
             cursor: grab;
-            background: theme('colors.gray.200') url('../../../svg/icons/light/drag-dots.svg') center center no-repeat;
+            background: var(--color-gray-200) url('../../../svg/icons/light/drag-dots.svg') center center no-repeat;
             background-size: 7px 17px;
             &:hover {
                 @apply bg-gray-300;
             }
 
             .dark & {
-                background-color: theme('colors.dark.700');
+                background-color: var(--color-dark-700);
             }
         }
     }
@@ -85,7 +85,7 @@
 }
 
 .grid-item-header {
-    @apply flex cursor-move items-center justify-between border-b bg-gray-200 px-4 py-2 text-sm outline-none;
+    @apply flex cursor-move items-center justify-between border-b bg-gray-200 px-4 py-2 text-sm outline-hidden;
 }
 
 .grid-fullscreen {
diff --git a/resources/css/components/fieldtypes/markdown.css b/resources/css/components/fieldtypes/markdown.css
index e3227f1c3f3..bf2c79383bc 100644
--- a/resources/css/components/fieldtypes/markdown.css
+++ b/resources/css/components/fieldtypes/markdown.css
@@ -3,7 +3,7 @@
    ========================================================================== */
 
 .markdown-fieldtype-wrapper {
-    @apply relative overflow-hidden rounded border dark:border-dark-900;
+    @apply relative overflow-hidden rounded-sm border dark:border-dark-900;
 
     .markdown-toolbar {
         @apply flex flex-wrap items-center justify-between rounded-t border-b bg-white text-sm shadow-none dark:border-dark-900 dark:bg-dark-700;
@@ -15,7 +15,7 @@
     }
 
     .markdown-buttons button {
-        @apply flex h-8 w-8 items-center justify-center rounded px-1 text-center text-base text-gray-800 dark:text-dark-150;
+        @apply flex h-8 w-8 items-center justify-center rounded-sm px-1 text-center text-base text-gray-800 dark:text-dark-150;
 
         &:hover {
             @apply bg-gray-200 dark:bg-dark-750;
@@ -37,14 +37,14 @@
         @apply flex items-center;
 
         button {
-            @apply inline-block px-2 py-1 text-gray-700 focus:outline-none dark:text-dark-150 ltr:mr-1 rtl:ml-1;
+            @apply inline-block px-2 py-1 text-gray-700 focus:outline-hidden dark:text-dark-150 ltr:mr-1 rtl:ml-1;
 
             &:hover {
                 @apply text-blue;
             }
 
             &.active {
-                @apply rounded bg-blue-100 text-blue-800 dark:bg-dark-800 dark:text-dark-150;
+                @apply rounded-sm bg-blue-100 text-blue-800 dark:bg-dark-800 dark:text-dark-150;
             }
         }
     }
@@ -92,7 +92,7 @@
 
     .markdown-toolbar {
         @apply border-b border-gray-950 text-white shadow-lg;
-        background: linear-gradient(180deg, theme('colors.gray.900'), hsl(210, 20%, 13%));
+        background: linear-gradient(180deg, var(--color-gray-900), hsl(210, 20%, 13%));
     }
 
     .editor {
@@ -150,7 +150,7 @@
 
 .grid-fieldtype .grid-table .markdown-fieldtype {
     .markdown-fieldtype-wrapper {
-        @apply rounded border;
+        @apply rounded-sm border;
     }
 
     .markdown-preview {
@@ -201,7 +201,7 @@
     }
 
     pre {
-        @apply rounded px-4 py-2 dark:bg-dark-700 dark:text-red-500;
+        @apply rounded-sm px-4 py-2 dark:bg-dark-700 dark:text-red-500;
         color: #c7254e;
         background-color: #f9f2f4;
         direction: ltr;
@@ -231,7 +231,7 @@
     }
 
     .editor {
-        @apply relative mx-auto my-6 max-w-xl rounded bg-white px-2 shadow md:px-8 md:pt-8;
+        @apply relative mx-auto my-6 max-w-xl rounded-sm bg-white px-2 shadow md:px-8 md:pt-8;
 
         .CodeMirror-scroll {
             @apply m-0;
@@ -239,10 +239,10 @@
     }
 
     .CodeMirror {
-        @apply bg-transparent shadow-none outline-none;
+        @apply bg-transparent shadow-none outline-hidden;
         &:focus,
         &:focus-within {
-            @apply ring-0 !important;
+            @apply ring-0!;
         }
     }
 
diff --git a/resources/css/components/fieldtypes/replicator.css b/resources/css/components/fieldtypes/replicator.css
index 11fbe3155c6..79d91c7bc3f 100644
--- a/resources/css/components/fieldtypes/replicator.css
+++ b/resources/css/components/fieldtypes/replicator.css
@@ -3,18 +3,18 @@
    ========================================================================== */
 
 .replicator-set-container {
-    @apply outline-none;
+    @apply outline-hidden;
 }
 
 .replicator-set {
-    @apply relative rounded bg-white shadow-set outline-none dark:bg-dark-800 dark:shadow-dark-set;
+    @apply relative rounded-sm bg-white shadow-set outline-hidden dark:bg-dark-800 dark:shadow-dark-set;
 }
 
 .replicator-set-header {
     @apply flex select-none rounded-t border-b bg-gray-300 dark:border-dark-900 dark:bg-dark-650 ltr:pr-3 rtl:pl-3;
 
     &.collapsed {
-        @apply rounded border-b-0;
+        @apply rounded-sm border-b-0;
     }
 
     .sortable-handle {
diff --git a/resources/css/components/fieldtypes/section.css b/resources/css/components/fieldtypes/section.css
index 103564b5292..6d140ed4f8f 100644
--- a/resources/css/components/fieldtypes/section.css
+++ b/resources/css/components/fieldtypes/section.css
@@ -35,7 +35,7 @@
     }
 
     label:last-child {
-        @apply mb-0 !important; /* Removes spacing under label when there are no instructions to display */
+        @apply mb-0!; /* Removes spacing under label when there are no instructions to display */
     }
 }
 
diff --git a/resources/css/components/fieldtypes/table.css b/resources/css/components/fieldtypes/table.css
index d623aa54e49..5bb91111785 100644
--- a/resources/css/components/fieldtypes/table.css
+++ b/resources/css/components/fieldtypes/table.css
@@ -3,7 +3,7 @@
    ========================================================================== */
 
 .table-fieldtype-table {
-    @apply relative mb-4 w-full rounded border text-gray shadow-sm outline-none dark:border-dark-900 dark:text-dark-150 ltr:text-left rtl:text-right;
+    @apply relative mb-4 w-full rounded-sm border text-gray shadow-sm outline-hidden dark:border-dark-900 dark:text-dark-150 ltr:text-left rtl:text-right;
     border-collapse: separate;
     border-spacing: 0;
     table-layout: fixed;
@@ -29,7 +29,7 @@
 }
 
 .table-fieldtype-table .input-text {
-    @apply rounded-none border-none bg-white text-sm shadow-none outline-none;
+    @apply rounded-none border-none bg-white text-sm shadow-none outline-hidden;
     @apply dark:bg-dark-650;
     &:focus {
         @apply bg-gray-100 shadow-inner ring-0 dark:bg-dark-700;
@@ -37,10 +37,10 @@
 }
 
 .table-fieldtype-table tbody {
-    @apply outline-none;
+    @apply outline-hidden;
 
     tr {
-        @apply outline-none;
+        @apply outline-hidden;
     }
 
     td {
@@ -57,11 +57,11 @@
         &.table-drag-handle {
             @apply h-full w-3 p-2 ltr:border-r rtl:border-l;
             cursor: grab;
-            background: theme('colors.gray.200') url('../../../svg/icons/light/drag-dots.svg') center center no-repeat;
+            background: var(--color-gray-200) url('../../../svg/icons/light/drag-dots.svg') center center no-repeat;
             background-size: 7px 17px;
 
             .dark & {
-                background-color: theme(colors.dark.600);
+                background-color: var(--color-dark-600);
             }
 
             &:hover {
@@ -91,7 +91,7 @@
     &:focus-within {
         @apply bg-gray-200 dark:bg-dark-750;
         button {
-            @apply outline-none ring-0;
+            @apply outline-hidden ring-0;
         }
     }
 }
diff --git a/resources/css/components/fieldtypes/textarea.css b/resources/css/components/fieldtypes/textarea.css
index ef7abd0f89f..1d1962e1c33 100644
--- a/resources/css/components/fieldtypes/textarea.css
+++ b/resources/css/components/fieldtypes/textarea.css
@@ -8,7 +8,7 @@
 
     &:not(.focus-within-only):focus,
     &:not(.focus-within-only):focus-within {
-        @apply shadow-none outline-none ring-2 ring-blue-300 dark:ring-blue-600;
+        @apply shadow-none outline-hidden ring-2 ring-blue-300 dark:ring-blue-600;
     }
 }
 
diff --git a/resources/css/components/fieldtypes/video.css b/resources/css/components/fieldtypes/video.css
index 757fe55bb93..cde115ce1af 100644
--- a/resources/css/components/fieldtypes/video.css
+++ b/resources/css/components/fieldtypes/video.css
@@ -1,5 +1,5 @@
 .video-fieldtype-container {
-    @apply rounded border bg-gray-200 p-4 dark:border-dark-950 dark:bg-dark-700;
+    @apply rounded-sm border bg-gray-200 p-4 dark:border-dark-950 dark:bg-dark-700;
 }
 
 .video-fieldtype .video-preview-wrapper {
@@ -15,7 +15,7 @@
 }
 
 .video-fieldtype .embed-video iframe {
-    @apply rounded;
+    @apply rounded-sm;
     position: absolute;
     top: 0;
     left: 0;
@@ -28,7 +28,7 @@
 }
 
 .video-fieldtype .native-video video {
-    @apply rounded;
+    @apply rounded-sm;
     width: 100% !important;
     height: auto !important;
 }
diff --git a/resources/css/components/fieldtypes/width.css b/resources/css/components/fieldtypes/width.css
index f47138e33d4..6bfb9b754d3 100644
--- a/resources/css/components/fieldtypes/width.css
+++ b/resources/css/components/fieldtypes/width.css
@@ -38,7 +38,7 @@
         }
 
         &.filled {
-            @apply border-gray-500 bg-gradient-to-b from-white to-gray-100 dark:border-dark-750 dark:from-dark-300 dark:to-dark-400;
+            @apply border-gray-500 bg-linear-to-b from-white to-gray-100 dark:border-dark-750 dark:from-dark-300 dark:to-dark-400;
         }
     }
 
diff --git a/resources/css/components/fieldtypes/yaml.css b/resources/css/components/fieldtypes/yaml.css
index ddba9092fe2..555ba6f1757 100644
--- a/resources/css/components/fieldtypes/yaml.css
+++ b/resources/css/components/fieldtypes/yaml.css
@@ -7,7 +7,7 @@
         @apply absolute right-3 top-2 z-10 text-xs uppercase tracking-wider text-gray-600;
     }
     .CodeMirror-wrap {
-        @apply rounded;
+        @apply rounded-sm;
     }
 }
 
diff --git a/resources/css/components/global-header.css b/resources/css/components/global-header.css
index 97decfeb20c..76f69343293 100644
--- a/resources/css/components/global-header.css
+++ b/resources/css/components/global-header.css
@@ -9,13 +9,13 @@
     .dark & {
         .logo {
             path {
-                fill: theme(colors.dark.100) !important;
+                fill: var(--color-dark-100) !important;
             }
         }
     }
 
     .global-header-icon-button {
-        @apply block h-7 w-7 rounded-full border border-transparent p-1 text-gray outline-none hover:border-gray-400 hover:bg-gray-200 hover:text-gray-800;
+        @apply block h-7 w-7 rounded-full border border-transparent p-1 text-gray outline-hidden hover:border-gray-400 hover:bg-gray-200 hover:text-gray-800;
         @apply dark:border-transparent dark:text-dark-100 dark:hover:border-dark-900 dark:hover:bg-dark-800 dark:hover:text-dark-100;
     }
 }
@@ -23,7 +23,7 @@
 /* Responsive Wangjangling
    ========================================================================== */
 
-@screen md {
+@media (width >= theme(--breakpoint-md)) {
     .global-header {
         @apply fixed px-0;
     }
@@ -50,7 +50,7 @@
     }
 
     .global-search-results {
-        @apply absolute w-full rounded border border-gray-500 bg-white p-0 shadow-lg;
+        @apply absolute w-full rounded-sm border border-gray-500 bg-white p-0 shadow-lg;
         @apply dark:border-dark-900 dark:bg-dark-650;
         top: 36px;
         left: -1px;
@@ -83,7 +83,7 @@
     }
 
     .global-search-result-badge {
-        @apply rounded border bg-gray-200 px-1 text-2xs text-gray;
+        @apply rounded-sm border bg-gray-200 px-1 text-2xs text-gray;
         @apply dark:border-dark-700 dark:bg-dark-600 dark:text-dark-100;
     }
 
@@ -129,11 +129,11 @@
     }
 
     kbd {
-        @apply rounded border px-1 pb-px font-sans text-2xs text-gray-500;
+        @apply rounded-sm border px-1 pb-px font-sans text-2xs text-gray-500;
     }
 }
 
-@screen lg {
+@media (width >= theme(--breakpoint-lg)) {
     .global-search {
         @apply flex w-128 max-w-full;
         .global-search-results {
@@ -178,7 +178,7 @@
 }
 
 .session-expiry-stripe {
-    @apply fixed top-0 w-full cursor-pointer bg-red-500 px-4 py-2 text-center text-xs text-white outline-none;
+    @apply fixed top-0 w-full cursor-pointer bg-red-500 px-4 py-2 text-center text-xs text-white outline-hidden;
     z-index: 999;
     height: 48px;
 
diff --git a/resources/css/components/items.css b/resources/css/components/items.css
index effecd04b3f..8f7824d15d4 100644
--- a/resources/css/components/items.css
+++ b/resources/css/components/items.css
@@ -1,5 +1,5 @@
 .item {
-    @apply flex w-full items-center justify-between rounded border bg-white text-sm shadow-sm outline-none;
+    @apply flex w-full items-center justify-between rounded-sm border bg-white text-sm shadow-sm outline-hidden;
     @apply dark:border-dark-900 dark:bg-dark-550 dark:shadow-dark-sm;
 
     .item-move {
diff --git a/resources/css/components/metrics.css b/resources/css/components/metrics.css
index cbf38814003..39274154ca7 100644
--- a/resources/css/components/metrics.css
+++ b/resources/css/components/metrics.css
@@ -13,7 +13,7 @@
 }
 
 .mini-chart {
-    @apply relative rounded bg-gray-800 shadow;
+    @apply relative rounded-sm bg-gray-800 shadow;
     .count {
         overflow: hidden;
         color: #fff;
diff --git a/resources/css/components/modal.css b/resources/css/components/modal.css
index 404efc0a747..9b9282038d7 100644
--- a/resources/css/components/modal.css
+++ b/resources/css/components/modal.css
@@ -6,7 +6,7 @@
 }
 
 .vfm__content {
-    @apply rounded-lg dark:bg-dark-600 dark:shadow-dark !important;
+    @apply rounded-lg! dark:bg-dark-600! dark:shadow-dark!;
     @apply overflow-clip bg-white shadow-2xl;
 
     [dir='rtl'] & {
diff --git a/resources/css/components/nav-main.css b/resources/css/components/nav-main.css
index b7194969e61..f9e244c3b6f 100644
--- a/resources/css/components/nav-main.css
+++ b/resources/css/components/nav-main.css
@@ -81,7 +81,7 @@
     }
 }
 
-@screen md {
+@media (width >= theme(--breakpoint-md)) {
     .nav-main {
         @apply fixed flex overflow-auto bg-transparent shadow-none dark:border-dark-900 ltr:border-r rtl:border-l;
         height: calc(100% - 52px);
@@ -100,7 +100,7 @@
 }
 
 .nav-toggle {
-    @apply flex h-6 w-6 items-center justify-center rounded p-1 ltr:mr-3 rtl:ml-3;
+    @apply flex h-6 w-6 items-center justify-center rounded-sm p-1 ltr:mr-3 rtl:ml-3;
     outline: none !important;
 
     &:hover {
diff --git a/resources/css/components/nav-mobile.css b/resources/css/components/nav-mobile.css
index 0e742619442..edac6022855 100644
--- a/resources/css/components/nav-mobile.css
+++ b/resources/css/components/nav-mobile.css
@@ -29,7 +29,7 @@
     }
 }
 
-@screen md {
+@media (width >= theme(--breakpoint-md)) {
     .nav-main.nav-mobile {
         @apply hidden;
     }
diff --git a/resources/css/components/notifications.css b/resources/css/components/notifications.css
index 32874e423d0..59c68879ea7 100644
--- a/resources/css/components/notifications.css
+++ b/resources/css/components/notifications.css
@@ -13,7 +13,7 @@
 }
 
 .toasted-container .toasted.statamic {
-    @apply mt-4 rounded bg-white p-0 text-base text-gray-800 shadow dark:bg-dark-900 dark:text-dark-100;
+    @apply mt-4 rounded-sm bg-white p-0 text-base text-gray-800 shadow dark:bg-dark-900 dark:text-dark-100;
     height: 48px;
 
     i {
diff --git a/resources/css/components/outside.css b/resources/css/components/outside.css
index 15dd80b0637..d0c65a8a645 100644
--- a/resources/css/components/outside.css
+++ b/resources/css/components/outside.css
@@ -81,7 +81,7 @@ html:not(.dark) .outside.rad-theme {
     }
 
     .btn-primary {
-        @apply text-shadow rounded-md border-0 text-white !important;
+        @apply text-shadow! rounded-md! border-0! text-white!;
         background: linear-gradient(45deg, #f64f59, #c471ed) !important;
         box-shadow: 0 2px 5px rgba(246, 79, 89, 0.3) !important;
         &:hover {
diff --git a/resources/css/components/page-tree.css b/resources/css/components/page-tree.css
index 78703978f98..f3331daca77 100644
--- a/resources/css/components/page-tree.css
+++ b/resources/css/components/page-tree.css
@@ -4,7 +4,7 @@
     }
 
     .page-tree-branch {
-        @apply relative rounded bg-white text-xs shadow;
+        @apply relative rounded-sm bg-white text-xs shadow;
         @apply dark:bg-dark-600 dark:shadow-dark;
 
         &:hover {
diff --git a/resources/css/components/pagination.css b/resources/css/components/pagination.css
index 48356dd150c..270bccf11fd 100644
--- a/resources/css/components/pagination.css
+++ b/resources/css/components/pagination.css
@@ -3,7 +3,7 @@
    ========================================================================== */
 
 .pagination {
-    @apply flex list-none items-center justify-center overflow-hidden rounded p-0 shadow dark:shadow-dark;
+    @apply flex list-none items-center justify-center overflow-hidden rounded-sm p-0 shadow dark:shadow-dark;
 
     li a {
         @apply block h-full bg-white px-3 py-2 text-gray-800 dark:border-dark-900 dark:bg-dark-600 dark:text-dark-150 ltr:border-r rtl:border-l;
diff --git a/resources/css/components/preview.css b/resources/css/components/preview.css
index 59280cbb50c..b11412511c9 100644
--- a/resources/css/components/preview.css
+++ b/resources/css/components/preview.css
@@ -9,8 +9,8 @@
     z-index: 2;
 
     .dark & {
-        background: linear-gradient(180deg, theme(colors.dark.500), theme(colors.dark.550));
-        border-color: theme(colors.dark.900);
+        background: linear-gradient(180deg, var(--color-dark-500), var(--color-dark-550));
+        border-color: var(--color-dark-900);
     }
 }
 
@@ -44,7 +44,7 @@
 }
 
 .live-preview .publish-tabs {
-    @apply ltr:pl-4 ltr:@4xl/live-preview:pl-6 rtl:pr-4 rtl:@4xl/live-preview:pr-6;
+    @apply ltr:pl-4 @-4xl/live-preview:ltr:pl-6 rtl:pr-4 @-4xl/live-preview:rtl:pr-6;
 }
 
 .live-preview .publish-sections-section {
@@ -69,7 +69,7 @@
         @apply h-full w-full;
     }
     &.device {
-        @apply mt-4 rounded shadow-lg;
+        @apply mt-4 rounded-sm shadow-lg;
     }
 }
 
@@ -77,11 +77,11 @@
     @apply w-4 border-gray-400 shadow-sm dark:border-dark-900 ltr:border-l ltr:border-r rtl:border-l rtl:border-r;
     z-index: 1;
     cursor: ew-resize;
-    background: theme('colors.gray.100') url('../../svg/icons/light/drag-dots.svg') center center no-repeat;
+    background: var(--color-gray-100) url('../../svg/icons/light/drag-dots.svg') center center no-repeat;
     background-size: 7px 17px;
 
     .dark & {
-        background-color: theme('colors.dark.500');
+        background-color: var(--color-dark-500);
     }
 }
 
diff --git a/resources/css/components/progress.css b/resources/css/components/progress.css
index 269d540e3ab..9b1e026ffd2 100644
--- a/resources/css/components/progress.css
+++ b/resources/css/components/progress.css
@@ -13,8 +13,8 @@
 #nprogress .peg {
     @apply absolute block h-full w-full opacity-100 ltr:right-0 rtl:left-0;
     box-shadow:
-        0 0 5px theme('colors.blue.DEFAULT'),
-        0 0 2px theme('colors.blue.DEFAULT');
+        0 0 5px var(--color-blue),
+        0 0 2px var(--color-blue);
 }
 
 .nprogress-custom-parent {
diff --git a/resources/css/components/revisions.css b/resources/css/components/revisions.css
index 0db4fa56f1c..b6334c93b51 100644
--- a/resources/css/components/revisions.css
+++ b/resources/css/components/revisions.css
@@ -34,7 +34,7 @@
 }
 
 .revision-item .badge {
-    @apply rounded-sm text-4xs uppercase text-white ltr:ml-2 rtl:mr-2;
+    @apply rounded-xs text-4xs uppercase text-white ltr:ml-2 rtl:mr-2;
     height: 16px;
 
     &.publish {
diff --git a/resources/css/components/settings.css b/resources/css/components/settings.css
index adec248e17e..01aecf4f235 100644
--- a/resources/css/components/settings.css
+++ b/resources/css/components/settings.css
@@ -3,7 +3,7 @@
     @apply m-0 p-3 @sm:p-4;
 
     .field-inner {
-        @apply w-full md:w-1/2 ltr:md:pr-8 rtl:md:pl-8;
+        @apply w-full md:w-1/2 md:ltr:pr-8 md:rtl:pl-8;
     }
 
     .field-inner + div {
@@ -15,7 +15,7 @@
     }
 
     .help-block p:last-child {
-        @apply mb-0 !important;
+        @apply mb-0!;
     }
 }
 
@@ -32,6 +32,6 @@
         @apply w-full;
     }
     .help-block p:last-child {
-        @apply mb-4 !important;
+        @apply mb-4!;
     }
 }
diff --git a/resources/css/components/shortcuts.css b/resources/css/components/shortcuts.css
index 627a01c173c..4d3b9022f43 100644
--- a/resources/css/components/shortcuts.css
+++ b/resources/css/components/shortcuts.css
@@ -26,7 +26,7 @@
         padding: 0 2px 2px 2px;
     }
     .dark & {
-        @apply bg-gradient-to-br from-dark-500 to-dark-600 text-dark-150;
+        @apply bg-linear-to-br from-dark-500 to-dark-600 text-dark-150;
         box-shadow:
             inset 0 1px 0 0 #6b6868,
             inset 0 0 1px 1px rgba(0, 0, 0, 0.7),
diff --git a/resources/css/components/tabs.css b/resources/css/components/tabs.css
index c2b3841dab0..64bafa003dc 100644
--- a/resources/css/components/tabs.css
+++ b/resources/css/components/tabs.css
@@ -11,11 +11,11 @@
     }
 
     .fade-left {
-        @apply ltr:left-0 ltr:bg-gradient-to-r rtl:right-0 rtl:bg-gradient-to-l;
+        @apply ltr:left-0 ltr:bg-linear-to-r rtl:right-0 rtl:bg-linear-to-l;
     }
 
     .fade-right {
-        @apply ltr:right-0 ltr:bg-gradient-to-l rtl:left-0 rtl:bg-gradient-to-r;
+        @apply ltr:right-0 ltr:bg-linear-to-l rtl:left-0 rtl:bg-linear-to-r;
     }
 }
 
@@ -37,7 +37,7 @@
         @apply text-gray-800 dark:text-dark-100;
     }
     &:focus-visible {
-        @apply rounded-t outline-none ring-2 ring-inset ring-blue-500 dark:ring-dark-blue-100;
+        @apply rounded-t outline-hidden ring-2 ring-inset ring-blue-500 dark:ring-dark-blue-100;
     }
     &.active {
         @apply border-blue-500 text-blue-500 dark:border-blue-400 dark:text-blue-400;
@@ -47,7 +47,7 @@
 
         &.active {
             box-shadow:
-                theme('colors.red.400') 0 3px inset,
+                var(--color-red-400) 0 3px inset,
                 rgb(230, 235, 241) -1px 0 inset;
         }
     }
@@ -57,7 +57,7 @@
   ========================================================================== */
 
 .pill-tab {
-    @apply flex items-center rounded px-2 py-1 text-gray-700 focus:outline-none dark:text-dark-175;
+    @apply flex items-center rounded-sm px-2 py-1 text-gray-700 focus:outline-hidden dark:text-dark-175;
 
     &:hover {
         @apply text-gray-900 dark:text-dark-100;
@@ -69,13 +69,13 @@
 }
 
 .button-tab {
-    @apply inline-block px-2 py-1 text-gray-700 focus:outline-none ltr:mr-1 rtl:ml-1;
+    @apply inline-block px-2 py-1 text-gray-700 focus:outline-hidden ltr:mr-1 rtl:ml-1;
 
     &:hover {
         @apply text-blue;
     }
 
     &.active {
-        @apply rounded bg-blue-100 text-blue-800;
+        @apply rounded-sm bg-blue-100 text-blue-800;
     }
 }
diff --git a/resources/css/components/toggle.css b/resources/css/components/toggle.css
index 2294dae974d..22fab2307de 100644
--- a/resources/css/components/toggle.css
+++ b/resources/css/components/toggle.css
@@ -53,7 +53,7 @@
 }
 
 .toggle-knob {
-    @apply absolute top-px rounded-full bg-white outline-none;
+    @apply absolute top-px rounded-full bg-white outline-hidden;
     right: 0;
     [dir='rtl'] & {
         right: auto;
@@ -67,12 +67,12 @@
         background-color 0.2s ease-in-out;
 
     .dark & {
-        background: theme(colors.dark.500);
+        background: var(--color-dark-500);
     }
 }
 
 .toggle-knob:hover {
-    box-shadow: 0 1px 3px rgba(theme('colors.blue.DEFAULT'), 0.9);
+    box-shadow: 0 1px 3px rgba(var(--color-blue), 0.9);
 }
 
 .toggle-container.on {
@@ -82,7 +82,7 @@
     }
 
     .toggle-knob:focus {
-        box-shadow: 0 0 10px theme(colors.green.500/70);
+        box-shadow: 0 0 10px --theme(--color-green-500 / 70);
         .dark & {
             box-shadow: none;
         }
@@ -93,7 +93,7 @@
     @apply border-gray-600 bg-gray-500;
 
     .toggle-knob:focus {
-        box-shadow: 0 0 10px theme(colors.gray.500/70);
+        box-shadow: 0 0 10px --theme(--color-gray-500 / 70);
     }
 }
 
diff --git a/resources/css/components/updater.css b/resources/css/components/updater.css
index bdf93c717a6..c6a4cb43ae3 100644
--- a/resources/css/components/updater.css
+++ b/resources/css/components/updater.css
@@ -113,7 +113,7 @@
         }
 
         .label {
-            @apply relative inline-block rounded text-center text-3xs uppercase text-white ltr:mr-2 rtl:ml-2;
+            @apply relative inline-block rounded-sm text-center text-3xs uppercase text-white ltr:mr-2 rtl:ml-2;
             padding: 2px;
             width: 54px;
             top: -2px;
diff --git a/resources/css/components/wizard.css b/resources/css/components/wizard.css
index 77dd1876c65..61411647238 100644
--- a/resources/css/components/wizard.css
+++ b/resources/css/components/wizard.css
@@ -29,7 +29,7 @@
 
     .step.complete:before,
     .step.complete:after {
-        @apply bg-blue !important;
+        @apply bg-blue!;
     }
 
     .ball {
diff --git a/resources/css/core/layout.css b/resources/css/core/layout.css
index 31fc13a3e99..586d2e106a1 100644
--- a/resources/css/core/layout.css
+++ b/resources/css/core/layout.css
@@ -32,7 +32,7 @@ a {
     text-overflow: ellipsis;
 }
 
-@screen md {
+@media (width >= theme(--breakpoint-md)) {
     #main {
         padding-top: 52px;
     }
@@ -70,7 +70,7 @@ a {
     @apply p-3 pt-6;
 }
 
-@screen md {
+@media (width >= theme(--breakpoint-md)) {
     .page-wrapper {
         @apply mx-auto max-w-xl px-8;
     }
diff --git a/resources/css/core/typography.css b/resources/css/core/typography.css
index a9e9ebfe30f..1e3daf5933e 100644
--- a/resources/css/core/typography.css
+++ b/resources/css/core/typography.css
@@ -138,7 +138,7 @@ sup {
 }
 
 code {
-    @apply rounded font-mono text-[#c7254e] dark:bg-dark-700 dark:text-blue-400;
+    @apply rounded-sm font-mono text-[#c7254e] dark:bg-dark-700 dark:text-blue-400;
     padding: 2px 4px;
     font-size: 90%;
     background-color: #f9f2f4;
diff --git a/resources/css/core/utilities.css b/resources/css/core/utilities.css
index e84efb2d92b..f9549ac7ace 100644
--- a/resources/css/core/utilities.css
+++ b/resources/css/core/utilities.css
@@ -2,29 +2,29 @@
    UTILITES
    ========================================================================== */
 
-.text-shadow {
+@utility text-shadow {
     text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
 }
 
-.focus-outline {
+@utility focus-outline {
     @apply border border-blue-300 dark:border-dark-blue-200;
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
 }
 
-.focus-none {
+@utility focus-none {
     /* @apply border-0; */
     outline: 0;
     box-shadow: none;
 }
 
-.selected-outline {
+@utility selected-outline {
     @apply border-blue;
     outline: 0;
-    box-shadow: 0 0 0 2px theme('colors.blue.DEFAULT');
+    box-shadow: 0 0 0 2px var(--color-blue);
 }
 
-.loading {
+@utility loading {
     text-align: center;
     padding: 20px 0;
 
@@ -33,7 +33,7 @@
         margin-bottom: 5px;
     }
 
-    &.loading-basic {
+    /* &.loading-basic {
         @apply ltr:text-left rtl:text-right;
         padding: 0;
 
@@ -44,10 +44,10 @@
                 margin: -2px 0 0 5px;
             }
         }
-    }
+    } */
 }
 
-.shadow-hover-lg {
+@utility shadow-hover-lg {
     @apply shadow-lg;
     transition: box-shadow 0.08s ease-in-out;
     &:hover {
@@ -55,17 +55,17 @@
     }
 }
 
-.w-fit-content {
+@utility w-fit-content {
     width: fit-content;
 }
 
-.break-overflowing-words {
+@utility break-overflowing-words {
     word-break: break-word;
     overflow-wrap: break-word;
 }
 
-.saving-overlay {
-    @apply absolute inset-0 z-200 flex items-center rounded;
+@utility saving-overlay {
+    @apply absolute inset-0 z-200 flex items-center rounded-sm;
     background: rgba(255, 255, 255, 0.9);
 
     .dark & {
@@ -87,7 +87,7 @@
     }
 }
 
-.bg-checkerboard {
+@utility bg-checkerboard {
     background-color: #fff;
     background-image: linear-gradient(45deg, #edf2f6 25%, transparent 25%),
         linear-gradient(-45deg, #edf2f6 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #edf2f6 75%),
@@ -100,16 +100,16 @@
         -8px 0;
 
     .dark & {
-        background-color: theme(colors.dark.600);
-        background-image: linear-gradient(45deg, theme(colors.dark.950) 25%, transparent 25%),
-            linear-gradient(-45deg, theme(colors.dark.950) 25%, transparent 25%),
-            linear-gradient(45deg, transparent 75%, theme(colors.dark.950) 75%),
-            linear-gradient(-45deg, transparent 75%, theme(colors.dark.950) 75%);
+        background-color: var(--color-dark-600);
+        background-image: linear-gradient(45deg, var(--color-dark-950) 25%, transparent 25%),
+            linear-gradient(-45deg, var(--color-dark-950) 25%, transparent 25%),
+            linear-gradient(45deg, transparent 75%, var(--color-dark-950) 75%),
+            linear-gradient(-45deg, transparent 75%, var(--color-dark-950) 75%);
     }
 }
 
-.clickable {
-    @apply cursor-pointer select-none border bg-gradient-to-b from-white to-gray-100 text-gray-800 dark:border-dark-800 dark:from-dark-550 dark:to-dark-600 dark:text-dark-175;
+@utility clickable {
+    @apply cursor-pointer select-none border bg-linear-to-b from-white to-gray-100 text-gray-800 dark:border-dark-800 dark:from-dark-550 dark:to-dark-600 dark:text-dark-175;
 
     &:hover {
         @apply border-gray-500 from-white to-gray-200 dark:border-dark-900 dark:from-dark-550 dark:to-dark-700;
@@ -121,6 +121,6 @@
     display: none;
 }
 
-.-max-h-screen-px {
+@utility max-h-screen-px {
     max-height: calc(100vh - 1px) !important;
 }
diff --git a/resources/css/cp.css b/resources/css/cp.css
index 9c29bd7f302..5c0759a3e89 100644
--- a/resources/css/cp.css
+++ b/resources/css/cp.css
@@ -1,77 +1,77 @@
-@import 'vendors/codemirror';
-@import 'vendors/vue-select';
+@import './vendors/codemirror.css';
+@import './vendors/vue-select.css';
 
-@import 'core/animation';
-@import 'core/layout';
-@import 'core/fonts';
-@import 'core/typography';
+@import './core/animation.css';
+@import './core/layout.css';
+@import './core/fonts.css';
+@import './core/typography.css';
 
 /* Elements */
-@import 'elements/buttons';
-@import 'elements/badges';
-@import 'elements/dropdowns';
-@import 'elements/forms';
-@import 'elements/icons';
-@import 'elements/tables';
+@import './elements/buttons.css';
+@import './elements/badges.css';
+@import './elements/dropdowns.css';
+@import './elements/forms.css';
+@import './elements/icons.css';
+@import './elements/tables.css';
 
 /* Components */
-@import 'components/array';
-@import 'components/assets';
-@import 'components/blueprints';
-@import 'components/cards';
-@import 'components/column-picker';
-@import 'components/configure';
-@import 'components/dashboard';
-@import 'components/filters';
-@import 'components/focal-point';
-@import 'components/global-header';
-@import 'components/items';
-@import 'components/metrics';
-@import 'components/modal';
-@import 'components/nav-main';
-@import 'components/nav-mobile';
-@import 'components/notifications';
-@import 'components/outside';
-@import 'components/page-tree';
-@import 'components/pagination';
-@import 'components/popover';
-@import 'components/preview';
-@import 'components/publish';
-@import 'components/progress';
-@import 'components/revisions';
-@import 'components/roles';
-@import 'components/settings';
-@import 'components/shortcuts';
-@import 'components/sortable';
-@import 'components/stacks';
-@import 'components/tabs';
-@import 'components/toggle';
-@import 'components/tooltips';
-@import 'components/updater';
-@import 'components/wizard';
+@import './components/array.css';
+@import './components/assets.css';
+@import './components/blueprints.css';
+@import './components/cards.css';
+@import './components/column-picker.css';
+@import './components/configure.css';
+@import './components/dashboard.css';
+@import './components/filters.css';
+@import './components/focal-point.css';
+@import './components/global-header.css';
+@import './components/items.css';
+@import './components/metrics.css';
+@import './components/modal.css';
+@import './components/nav-main.css';
+@import './components/nav-mobile.css';
+@import './components/notifications.css';
+@import './components/outside.css';
+@import './components/page-tree.css';
+@import './components/pagination.css';
+@import './components/popover.css';
+@import './components/preview.css';
+@import './components/publish.css';
+@import './components/progress.css';
+@import './components/revisions.css';
+@import './components/roles.css';
+@import './components/settings.css';
+@import './components/shortcuts.css';
+@import './components/sortable.css';
+@import './components/stacks.css';
+@import './components/tabs.css';
+@import './components/toggle.css';
+@import './components/tooltips.css';
+@import './components/updater.css';
+@import './components/wizard.css';
 
 /* Fieldtypes */
-@import 'components/fieldtypes/array';
-@import 'components/fieldtypes/assets';
-@import 'components/fieldtypes/bard';
-@import 'components/fieldtypes/button-group';
-@import 'components/fieldtypes/checkboxes';
-@import 'components/fieldtypes/code';
-@import 'components/fieldtypes/datetime';
-@import 'components/fieldtypes/dictionary-fields';
-@import 'components/fieldtypes/environment';
-@import 'components/fieldtypes/grid';
-@import 'components/fieldtypes/hidden';
-@import 'components/fieldtypes/markdown';
-@import 'components/fieldtypes/partial';
-@import 'components/fieldtypes/radio';
-@import 'components/fieldtypes/relationship';
-@import 'components/fieldtypes/replicator';
-@import 'components/fieldtypes/section';
-@import 'components/fieldtypes/spacer';
-@import 'components/fieldtypes/table';
-@import 'components/fieldtypes/tags';
-@import 'components/fieldtypes/textarea';
-@import 'components/fieldtypes/width';
-@import 'components/fieldtypes/video';
-@import 'components/fieldtypes/yaml';
+@import './components/fieldtypes/array.css';
+@import './components/fieldtypes/assets.css';
+@import './components/fieldtypes/bard.css';
+@import './components/fieldtypes/button-group.css';
+@import './components/fieldtypes/checkboxes.css';
+@import './components/fieldtypes/code.css';
+@import './components/fieldtypes/datetime.css';
+@import './components/fieldtypes/dictionary-fields.css';
+@import './components/fieldtypes/environment.css';
+@import './components/fieldtypes/grid.css';
+@import './components/fieldtypes/hidden.css';
+@import './components/fieldtypes/markdown.css';
+@import './components/fieldtypes/partial.css';
+@import './components/fieldtypes/radio.css';
+@import './components/fieldtypes/relationship.css';
+@import './components/fieldtypes/replicator.css';
+@import './components/fieldtypes/section.css';
+@import './components/fieldtypes/spacer.css';
+@import './components/fieldtypes/table.css';
+@import './components/fieldtypes/tags.css';
+@import './components/fieldtypes/textarea.css';
+@import './components/fieldtypes/width.css';
+@import './components/fieldtypes/video.css';
+@import './components/fieldtypes/yaml.css';
diff --git a/resources/css/dark.css b/resources/css/dark.css
index dedf1e596a0..99d35ca6c5a 100644
--- a/resources/css/dark.css
+++ b/resources/css/dark.css
@@ -19,13 +19,13 @@
 
 .dark {
     input:-webkit-autofill {
-        -webkit-box-shadow: inset 0 0 0 50px theme('colors.dark.250');
-        -webkit-text-fill-color: theme('colors.dark.150');
+        -webkit-box-shadow: inset 0 0 0 50px var(--color-dark-250);
+        -webkit-text-fill-color: var(--color-dark-150);
 
         &:focus,
         &:active {
-            -webkit-box-shadow: inset 0 0 0 50px theme('colors.dark.200') !important;
-            -webkit-text-fill-color: theme('colors.dark.100');
+            -webkit-box-shadow: inset 0 0 0 50px var(--color-dark-200) !important;
+            -webkit-text-fill-color: var(--color-dark-100);
         }
     }
 
diff --git a/resources/css/elements/badges.css b/resources/css/elements/badges.css
index ecb425900ba..e67640594a4 100644
--- a/resources/css/elements/badges.css
+++ b/resources/css/elements/badges.css
@@ -8,15 +8,15 @@
 }
 
 .badge-pill {
-    @apply rounded bg-gray-300 px-2 py-1 dark:bg-dark-700;
+    @apply rounded-sm bg-gray-300 px-2 py-1 dark:bg-dark-700;
 }
 
 .badge-pill-sm {
-    @apply rounded bg-gray-300 px-1 py-px dark:bg-dark-700;
+    @apply rounded-sm bg-gray-300 px-1 py-px dark:bg-dark-700;
 }
 
 .badge-sm {
-    @apply rounded-sm bg-gray-300 text-4xs uppercase leading-normal text-white dark:bg-dark-700 dark:text-dark-100;
+    @apply rounded-xs bg-gray-300 text-4xs uppercase leading-normal text-white dark:bg-dark-700 dark:text-dark-100;
     height: 16px;
     padding: 1px 5px 2px;
 }
@@ -31,7 +31,7 @@
     }
 
     button {
-        @apply flex items-center rounded px-2 text-base text-gray-600 dark:text-dark-175;
+        @apply flex items-center rounded-sm px-2 text-base text-gray-600 dark:text-dark-175;
 
         &:hover {
             @apply text-gray-800 dark:text-dark-100;
diff --git a/resources/css/elements/buttons.css b/resources/css/elements/buttons.css
index 85b1e53e9c8..cdf6049ebe2 100644
--- a/resources/css/elements/buttons.css
+++ b/resources/css/elements/buttons.css
@@ -9,7 +9,7 @@ button {
 /*  Base button styles that shouldn't need overriding */
 [class^='btn'],
 [class*=' btn'] {
-    @apply relative h-auto cursor-pointer select-none rounded;
+    @apply relative h-auto cursor-pointer select-none rounded-sm;
     @apply inline-flex justify-center whitespace-nowrap align-middle leading-none;
     @apply items-center text-center text-sm subpixel-antialiased;
 
@@ -19,7 +19,7 @@ button {
 
     &:focus {
         /* @apply ring-2 outline-none dark:outline-2 dark:outline-dark-blue-100; */
-        @apply outline-none ring-2;
+        @apply outline-hidden ring-2;
     }
 
     &:disabled {
@@ -42,17 +42,17 @@ button {
     box-shadow:
         inset 0 1px 0 0 #fff,
         0 1px 0 0 rgba(0, 0, 0, 0.05),
-        0 2px 1px 0 theme(colors.gray.600 / 0.15),
+        0 2px 1px 0 --theme(--color-gray-600 / 0.15),
         0 0 0 0 transparent;
 
     .dark & {
-        background: linear-gradient(180deg, theme(colors.dark.550), theme(colors.dark.600));
+        background: linear-gradient(180deg, var(--color-dark-550), var(--color-dark-600));
         background-clip: padding-box;
-        border-color: theme(colors.dark.700);
+        border-color: var(--color-dark-700);
         box-shadow:
-            inset 0 1px 0 0 theme(colors.dark.300),
+            inset 0 1px 0 0 var(--color-dark-300),
             0 1px 0 0 rgba(200, 200, 200, 0.05),
-            0 2px 1px 0 theme(colors.dark.900 / 0.15),
+            0 2px 1px 0 --theme(--color-dark-900 / 0.15),
             0 0 0 0 transparent;
     }
 
@@ -64,9 +64,9 @@ button {
         border-bottom: 1px solid #bfc7d0;
 
         .dark & {
-            background: linear-gradient(180deg, theme(colors.dark.600), theme(colors.dark.700));
+            background: linear-gradient(180deg, var(--color-dark-600), var(--color-dark-700));
             background-clip: padding-box;
-            border-color: theme(colors.dark.800);
+            border-color: var(--color-dark-800);
         }
     }
 
@@ -77,13 +77,13 @@ button {
     &.active,
     &.active:hover {
         box-shadow: inset 2px 2px 3px 0 rgba(25, 30, 35, 0.1);
-        background: theme('colors.gray.400');
+        background: var(--color-gray-400);
         border-color: #aeb9c3 !important;
 
         .dark & {
             @apply shadow-inner-dark;
-            background: theme('colors.dark.400');
-            border-color: theme(colors.dark.700) !important;
+            background: var(--color-dark-400);
+            border-color: var(--color-dark-700) !important;
         }
     }
 
@@ -94,40 +94,40 @@ button {
 
 /*  Primary action button */
 .btn-primary {
-    @apply border border-blue-700 border-b-blue-800 bg-gradient-to-b from-blue-500 to-blue-600 bg-clip-padding text-white dark:border-blue-900 dark:border-b-dark-blue-200 dark:from-dark-blue-100 dark:to-dark-blue-150 !important;
+    @apply border! border-blue-700! border-b-blue-800! bg-linear-to-b! from-blue-500! to-blue-600! bg-clip-padding! text-white! dark:border-blue-900! dark:border-b-dark-blue-200! dark:from-dark-blue-100! dark:to-dark-blue-150!;
     box-shadow:
-        inset 0 1px 0 0 theme('colors.blue.400'),
+        inset 0 1px 0 0 var(--color-blue-400),
         0 1px 0 0 rgba(25, 30, 35, 0.05),
-        0 3px 2px -1px theme(colors.blue.900 / 0.15),
+        0 3px 2px -1px --theme(--color-blue-900 / 0.15),
         0 0 0 0 transparent;
 
     &:hover:not(:disabled),
     :active:not(:disabled) {
-        @apply border-blue-800 border-b-blue-900 from-blue-600 to-blue-700 dark:border-blue-900 dark:border-b-dark-blue-200 dark:from-dark-blue-125 dark:to-dark-blue-175 !important;
+        @apply border-blue-800! border-b-blue-900! from-blue-600! to-blue-700! dark:border-blue-900! dark:border-b-dark-blue-200! dark:from-dark-blue-125! dark:to-dark-blue-175!;
         box-shadow:
-            inset 0 1px 0 0 theme('colors.blue.500'),
+            inset 0 1px 0 0 var(--color-blue-500),
             0 1px 0 0 rgba(25, 30, 35, 0.05),
-            0 3px 2px -1px theme(colors.blue.900 / 0.15),
+            0 3px 2px -1px --theme(--color-blue-900 / 0.15),
             0 0 0 0 transparent;
     }
 
     &:disabled {
-        @apply text-blue-200 opacity-75 dark:text-dark-blue-200 !important;
+        @apply text-blue-200! opacity-75! dark:text-dark-blue-200!;
     }
 }
 
 /*  Danger/delete button */
 .btn-danger {
-    @apply border border-red-600 border-b-red-900 bg-gradient-to-b from-red-500 to-red-600 bg-clip-padding text-white;
+    @apply border border-red-600 border-b-red-900 bg-linear-to-b from-red-500 to-red-600 bg-clip-padding text-white;
     box-shadow:
-        inset 0 1px 0 0 theme('colors.red.400'),
+        inset 0 1px 0 0 var(--color-red-400),
         0 1px 0 0 rgba(0, 0, 0, 0.05),
-        0 3px 2px -1px theme(colors.red.900 / 0.15),
+        0 3px 2px -1px --theme(--color-red-900 / 0.15),
         0 0 0 0 transparent;
 
     &:hover:not(:disabled),
     &:active:not(:disabled) {
-        @apply border border-red-700 border-b-red-900 bg-gradient-to-b from-red-600 to-red-700 bg-clip-padding;
+        @apply border border-red-700 border-b-red-900 bg-linear-to-b from-red-600 to-red-700 bg-clip-padding;
     }
 
     &:disabled {
@@ -152,7 +152,7 @@ button {
     }
 
     &:focus {
-        @apply outline-none ring-2;
+        @apply outline-hidden ring-2;
     }
 
     &:active,
@@ -198,9 +198,9 @@ button {
     width: 32px;
 
     .dark & {
-        background: linear-gradient(180deg, theme(colors.dark.500), theme(colors.dark.550));
+        background: linear-gradient(180deg, var(--color-dark-500), var(--color-dark-550));
         background-clip: padding-box;
-        border-color: theme(colors.dark.400);
+        border-color: var(--color-dark-400);
     }
 
     &:hover:not(:disabled),
@@ -210,9 +210,9 @@ button {
         border-color: #c4cdd5;
 
         .dark & {
-            background: linear-gradient(180deg, theme(colors.dark.550), theme(colors.dark.600));
+            background: linear-gradient(180deg, var(--color-dark-550), var(--color-dark-600));
             background-clip: padding-box;
-            border-color: theme(colors.dark.500);
+            border-color: var(--color-dark-500);
         }
     }
 
@@ -319,7 +319,7 @@ td .btn-icon {
   ========================================================================== */
 
 .btn-close {
-    @apply inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full p-0 text-center text-xl leading-none text-gray-600 outline-none dark:text-dark-150 ltr:ml-4 rtl:mr-4;
+    @apply inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full p-0 text-center text-xl leading-none text-gray-600 outline-hidden dark:text-dark-150 ltr:ml-4 rtl:mr-4;
 
     &:hover {
         @apply bg-gray-400 dark:bg-dark-700;
@@ -333,7 +333,7 @@ td .btn-icon {
 }
 
 .btn-quick-action {
-    @apply inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full p-0 text-center text-xl leading-none text-gray-600 outline-none dark:text-dark-150;
+    @apply inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full p-0 text-center text-xl leading-none text-gray-600 outline-hidden dark:text-dark-150;
 
     &:hover {
         @apply bg-gray-400 dark:bg-dark-700;
diff --git a/resources/css/elements/dropdowns.css b/resources/css/elements/dropdowns.css
index 8dd277cb981..31c718632cc 100644
--- a/resources/css/elements/dropdowns.css
+++ b/resources/css/elements/dropdowns.css
@@ -7,7 +7,7 @@
 
     button,
     a {
-        @apply block w-full rounded-sm px-2 py-1 text-xs font-normal text-gray-800 dark:text-dark-100 ltr:text-left rtl:text-right;
+        @apply block w-full rounded-xs px-2 py-1 text-xs font-normal text-gray-800 dark:text-dark-100 ltr:text-left rtl:text-right;
         line-height: 1.4;
         white-space: nowrap;
 
diff --git a/resources/css/elements/forms.css b/resources/css/elements/forms.css
index cacbfb3797a..28f3c203127 100644
--- a/resources/css/elements/forms.css
+++ b/resources/css/elements/forms.css
@@ -23,14 +23,14 @@ select {
   ========================================================================== */
 
 .input-text {
-    @apply block w-full max-w-full appearance-none rounded border bg-gray-100 p-2 text-md text-gray-800 shadow-inner placeholder:text-gray-600 @lg:text-base;
+    @apply block w-full max-w-full appearance-none rounded-sm border bg-gray-100 p-2 text-md text-gray-800 shadow-inner placeholder:text-gray-600 @lg:text-base;
     @apply dark:border-dark-900 dark:bg-dark-650 dark:text-dark-150 dark:shadow-inner-dark dark:placeholder:text-dark-175;
     transition:
         border-color 0.15s ease-in-out,
         box-shadow 0.15s ease-in-out;
     &:focus,
     &:focus-within {
-        @apply outline-none ring-2 ring-blue-300 dark:ring-blue-600;
+        @apply outline-hidden ring-2 ring-blue-300 dark:ring-blue-600;
     }
 
     &:not(textarea) {
@@ -43,7 +43,7 @@ select {
     @apply w-full appearance-none bg-white p-2 shadow-none dark:bg-dark-550;
 
     &:focus {
-        @apply bg-gray-200 outline-none dark:bg-dark-600;
+        @apply bg-gray-200 outline-hidden dark:bg-dark-600;
     }
 }
 
@@ -59,7 +59,7 @@ input.input-text-minimal:read-only,
   ========================================================================== */
 
 .input-group {
-    @apply flex w-full appearance-none items-center rounded p-0 text-gray-800;
+    @apply flex w-full appearance-none items-center rounded-sm p-0 text-gray-800;
     @apply dark:text-dark-150;
     height: 2.375rem;
 
@@ -106,9 +106,9 @@ input.input-text-minimal:read-only,
         line-height: 36px;
 
         .dark & {
-            background: linear-gradient(180deg, theme(colors.dark.500), theme(colors.dark.600));
+            background: linear-gradient(180deg, var(--color-dark-500), var(--color-dark-600));
             background-clip: padding-box;
-            border-color: theme(colors.dark.900);
+            border-color: var(--color-dark-900);
             box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
         }
 
@@ -150,9 +150,9 @@ input.input-text-minimal:read-only,
         border-color: #c4cdd5;
 
         .dark & {
-            background: linear-gradient(180deg, theme(colors.dark.550), theme(colors.dark.600));
+            background: linear-gradient(180deg, var(--color-dark-550), var(--color-dark-600));
             background-clip: padding-box;
-            border-color: theme(colors.dark.900);
+            border-color: var(--color-dark-900);
         }
     }
 
@@ -213,7 +213,7 @@ input.input-text-minimal:read-only,
 }
 
 .radio-box {
-    @apply relative h-full cursor-pointer rounded border p-4;
+    @apply relative h-full cursor-pointer rounded-sm border p-4;
     &.selected {
         @apply border-blue text-blue shadow;
     }
@@ -222,11 +222,11 @@ input.input-text-minimal:read-only,
 /* Select Fields
   ========================================================================== */
 .select-input-container {
-    @apply relative rounded;
+    @apply relative rounded-sm;
 
     select {
         @apply relative block h-full w-full max-w-full cursor-pointer text-sm text-gray-800 shadow-button dark:text-dark-150 ltr:text-left rtl:text-right;
-        @apply select-none appearance-none whitespace-nowrap rounded align-middle leading-normal subpixel-antialiased;
+        @apply select-none appearance-none whitespace-nowrap rounded-sm align-middle leading-normal subpixel-antialiased;
 
         background: linear-gradient(180deg, #fff, #f9fafb);
         background-clip: padding-box;
@@ -239,9 +239,9 @@ input.input-text-minimal:read-only,
         }
 
         .dark & {
-            background: linear-gradient(180deg, theme(colors.dark.500), theme(colors.dark.600));
+            background: linear-gradient(180deg, var(--color-dark-500), var(--color-dark-600));
             background-clip: padding-box;
-            border-color: theme(colors.dark.800);
+            border-color: var(--color-dark-800);
         }
 
         &:hover:not(:disabled),
@@ -251,9 +251,9 @@ input.input-text-minimal:read-only,
             border-color: #c4cdd5;
 
             .dark & {
-                background: linear-gradient(180deg, theme(colors.dark.700), theme(colors.dark.750));
+                background: linear-gradient(180deg, var(--color-dark-700), var(--color-dark-750));
                 background-clip: padding-box;
-                border-color: theme(colors.dark.900);
+                border-color: var(--color-dark-900);
             }
         }
     }
diff --git a/resources/css/elements/icons.css b/resources/css/elements/icons.css
index 23671358c79..b97115d2dab 100644
--- a/resources/css/elements/icons.css
+++ b/resources/css/elements/icons.css
@@ -11,54 +11,54 @@ svg {
 
 .dark svg {
     [fill='#EAEEF9'] {
-        fill: theme(colors.dark.575);
+        fill: var(--color-dark-575);
     }
     [fill='#989FB0'] {
-        fill: theme(colors.dark.700);
+        fill: var(--color-dark-700);
     }
     [stroke='#EAEEF9'] {
-        stroke: theme(colors.dark.200);
+        stroke: var(--color-dark-200);
     }
     [stroke='#C2C8D6'] {
-        stroke: theme(colors.dark.700);
+        stroke: var(--color-dark-700);
     }
     [fill='white'] {
-        fill: theme(colors.dark.200);
+        fill: var(--color-dark-200);
     }
     [stop-color='#B0BACC'] {
-        stop-color: theme(colors.dark.800);
+        stop-color: var(--color-dark-800);
     }
     [stop-color='#969EAE'] {
-        stop-color: theme(colors.dark.950);
+        stop-color: var(--color-dark-950);
     }
     [stop-color='#FDFEFF'] {
-        stop-color: theme(colors.dark.200);
+        stop-color: var(--color-dark-200);
     }
     [stop-color='#ECF0F5'] {
-        stop-color: theme(colors.dark.250);
+        stop-color: var(--color-dark-250);
     }
     [fill='#D6DCE8'] {
-        fill: theme(colors.dark.300);
+        fill: var(--color-dark-300);
     }
     [stroke='#AAB2C5'] {
-        stroke: theme(colors.dark.950);
+        stroke: var(--color-dark-950);
     }
     [fill='#AAB2C5'] {
-        fill: theme(colors.dark.950);
+        fill: var(--color-dark-950);
     }
     [fill='#D5DDEA'] {
-        fill: theme(colors.dark.700);
+        fill: var(--color-dark-700);
     }
     [fill='#C2C8D6'] {
-        fill: theme(colors.black);
+        fill: var(--color-black);
     }
     [stroke='#989FB0'] {
-        stroke: theme(colors.dark.200);
+        stroke: var(--color-dark-200);
     }
 }
 
 .heroicon-component-accent {
-    fill: theme('colors.blue.DEFAULT');
+    fill: var(--color-blue);
 }
 
 .icon-status,
@@ -84,7 +84,7 @@ svg {
 }
 
 .icon-header-avatar {
-    @apply flex-shrink-0 overflow-hidden rounded-full shadow;
+    @apply shrink-0 overflow-hidden rounded-full shadow;
     height: 32px;
     width: 32px;
     line-height: 32px;
diff --git a/resources/css/elements/tables.css b/resources/css/elements/tables.css
index 822e6a7c07f..6f79c0efe3f 100644
--- a/resources/css/elements/tables.css
+++ b/resources/css/elements/tables.css
@@ -37,7 +37,7 @@
 }
 
 .data-table {
-    @apply w-full max-w-full text-gray-700 outline-none dark:text-dark-150 ltr:text-left rtl:text-right;
+    @apply w-full max-w-full text-gray-700 outline-hidden dark:text-dark-150 ltr:text-left rtl:text-right;
     overflow-x: auto;
 
     thead {
@@ -161,13 +161,13 @@
         &:after {
             @apply absolute bottom-0 top-0 -z-1 ltr:left-0 ltr:right-0 rtl:left-0 rtl:right-0;
             content: '';
-            background-image: linear-gradient(to right, theme(colors.gray.100) 70%, theme(colors.gray.100 / 0%) 100%);
+            background-image: linear-gradient(to right, var(--color-gray-100) 70%, --theme(--color-gray-100 / 0%) 100%);
 
             .dark & {
                 background-image: linear-gradient(
                     to right,
-                    theme(colors.dark.550) 70%,
-                    theme(colors.dark.550 / 0%) 100%
+                    var(--color-dark-550) 70%,
+                    --theme(--color-dark-550 / 0%) 100%
                 );
             }
         }
@@ -177,8 +177,8 @@
                 .dark & {
                     background-image: linear-gradient(
                         to right,
-                        theme(colors.dark.750) 70%,
-                        theme(colors.dark.750 / 0%) 100%
+                        var(--color-dark-750) 70%,
+                        --theme(--color-dark-750 / 0%) 100%
                     );
                     @apply border-b border-dark-550;
                 }
@@ -193,13 +193,13 @@
         &:after {
             @apply absolute bottom-0 top-0 -z-1 ltr:left-0 ltr:right-0 rtl:left-0 rtl:right-0;
             content: '';
-            background-image: linear-gradient(to left, theme(colors.gray.100) 70%, theme(colors.gray.100 / 0%) 100%);
+            background-image: linear-gradient(to left, var(--color-gray-100) 70%, --theme(--color-gray-100 / 0%) 100%);
 
             .dark & {
                 background-image: linear-gradient(
                     to left,
-                    theme(colors.dark.550) 70%,
-                    theme(colors.dark.550 / 0%) 100%
+                    var(--color-dark-550) 70%,
+                    --theme(--color-dark-550 / 0%) 100%
                 );
             }
         }
@@ -209,8 +209,8 @@
                 .dark & {
                     background-image: linear-gradient(
                         to left,
-                        theme(colors.dark.750) 70%,
-                        theme(colors.dark.750 / 0%) 100%
+                        var(--color-dark-750) 70%,
+                        --theme(--color-dark-750 / 0%) 100%
                     );
                     @apply border-b border-dark-550;
                 }
@@ -228,8 +228,8 @@
             .dark & {
                 background-image: linear-gradient(
                     to right,
-                    theme(colors.dark.600) 70%,
-                    theme(colors.dark.600 / 0%) 100%
+                    var(--color-dark-600) 70%,
+                    --theme(--color-dark-600 / 0%) 100%
                 );
             }
         }
@@ -247,42 +247,42 @@
             .dark & {
                 background-image: linear-gradient(
                     to left,
-                    theme(colors.dark.600) 70%,
-                    theme(colors.dark.600 / 0%) 100%
+                    var(--color-dark-600) 70%,
+                    --theme(--color-dark-600 / 0%) 100%
                 );
             }
         }
     }
 
     tbody tr.row-selected .checkbox-column:after {
-        background-image: linear-gradient(to right, theme(colors.gray.200) 70%, theme(colors.gray.200 / 0%) 100%);
+        background-image: linear-gradient(to right, var(--color-gray-200) 70%, --theme(--color-gray-200 / 0%) 100%);
 
         .dark & {
-            background-image: linear-gradient(to right, theme(colors.dark.600) 70%, theme(colors.dark.600 / 0%) 100%);
+            background-image: linear-gradient(to right, var(--color-dark-600) 70%, --theme(--color-dark-600 / 0%) 100%);
         }
     }
 
     tbody tr.row-selected .actions-column:after {
-        background-image: linear-gradient(to left, theme(colors.gray.200) 70%, theme(colors.gray.200 / 0%) 100%);
+        background-image: linear-gradient(to left, var(--color-gray-200) 70%, --theme(--color-gray-200 / 0%) 100%);
 
         .dark & {
-            background-image: linear-gradient(to left, theme(colors.dark.600) 70%, theme(colors.dark.600 / 0%) 100%);
+            background-image: linear-gradient(to left, var(--color-dark-600) 70%, --theme(--color-dark-600 / 0%) 100%);
         }
     }
 
     tbody tr:hover .checkbox-column:after {
-        background-image: linear-gradient(to right, theme(colors.gray.100) 70%, theme(colors.gray.100 / 0%) 100%);
+        background-image: linear-gradient(to right, var(--color-gray-100) 70%, --theme(--color-gray-100 / 0%) 100%);
 
         .dark & {
-            background-image: linear-gradient(to right, theme(colors.dark.500) 70%, theme(colors.dark.500 / 0%) 100%);
+            background-image: linear-gradient(to right, var(--color-dark-500) 70%, --theme(--color-dark-500 / 0%) 100%);
         }
     }
 
     tbody tr:hover .actions-column:after {
-        background-image: linear-gradient(to left, theme(colors.gray.100) 70%, theme(colors.gray.100 / 0%) 100%);
+        background-image: linear-gradient(to left, var(--color-gray-100) 70%, --theme(--color-gray-100 / 0%) 100%);
 
         .dark & {
-            background-image: linear-gradient(to left, theme(colors.dark.500) 70%, theme(colors.dark.500 / 0%) 100%);
+            background-image: linear-gradient(to left, var(--color-dark-500) 70%, --theme(--color-dark-500 / 0%) 100%);
         }
     }
 }
@@ -315,11 +315,11 @@ td.table-drag-handle {
     @apply h-full w-3 p-2 dark:border-dark-900 ltr:border-r rtl:border-l;
     min-width: 16px;
     cursor: grab;
-    background: theme('colors.gray.200') url('../../svg/icons/light/drag-dots.svg') center center no-repeat;
+    background: var(--color-gray-200) url('../../svg/icons/light/drag-dots.svg') center center no-repeat;
     background-size: 7px 17px;
 
     .dark & {
-        background-color: theme(colors.dark.700);
+        background-color: var(--color-dark-700);
     }
 
     &:hover {
@@ -443,7 +443,7 @@ table.control {
 .relationship-index-field {
     min-width: 10vw;
     .relationship-index-field-item {
-        @apply flex items-center rounded border bg-gray-100 px-1 text-2xs dark:border-dark-400 dark:bg-dark-500 ltr:mr-1 rtl:ml-1;
+        @apply flex items-center rounded-sm border bg-gray-100 px-1 text-2xs dark:border-dark-400 dark:bg-dark-500 ltr:mr-1 rtl:ml-1;
         a {
             @apply line-clamp-1;
         }
@@ -476,6 +476,6 @@ table.control {
 
     .role-index-field-item,
     .groups-index-field-item {
-        @apply mb-1 line-clamp-1 inline-block rounded border bg-gray-100 px-1 text-2xs dark:border-dark-900 dark:bg-dark-700;
+        @apply mb-1 line-clamp-1 inline-block rounded-sm border bg-gray-100 px-1 text-2xs dark:border-dark-900 dark:bg-dark-700;
     }
 }
diff --git a/resources/css/tailwind-animate.css b/resources/css/tailwind-animate.css
index 46ed8ed1ec1..916c880471e 100644
--- a/resources/css/tailwind-animate.css
+++ b/resources/css/tailwind-animate.css
@@ -145,19 +145,19 @@
 
 @utility delay-* {
   animation-delay: calc(--value(number) * 1ms);
-  animation-delay: --value(--animation-delay-*, [duration], [*]);
+  animation-delay: --value(--animation-delay- *, [duration], [ *]);
 }
 
 @utility repeat-* {
-  animation-iteration-count: --value(--animation-repeat-*, integer);
+  animation-iteration-count: --value(--animation-repeat- *, integer);
 }
 
 @utility direction-* {
-  animation-direction: --value(--animation-direction-*);
+  animation-direction: --value(--animation-direction- *);
 }
 
 @utility fill-mode-* {
-  animation-fill-mode: --value(--animation-fill-mode-*);
+  animation-fill-mode: --value(--animation-fill-mode- *);
 }
 
 @utility running {
@@ -171,14 +171,14 @@
   --tw-enter-opacity: 0;
 }
 @utility fade-in-* {
-  --tw-enter-opacity: --value(--percentage-*, [*]);
+  --tw-enter-opacity: --value(--percentage- *, [ *]);
 }
 
 @utility fade-out {
   --tw-exit-opacity: 0;
 }
 @utility fade-out-* {
-  --tw-exit-opacity: --value(--percentage-*, [*]);
+  --tw-exit-opacity: --value(--percentage- *, [ *]);
 }
 
 @utility zoom-in {
@@ -187,7 +187,7 @@
 @utility zoom-in-* {
   --tw-enter-scale: calc(--value([percentage]) / 100%);
   --tw-enter-scale: calc(--value([ratio], [number]));
-  --tw-enter-scale: --value(--percentage-*);
+  --tw-enter-scale: --value(--percentage- *);
 }
 
 @utility zoom-out {
@@ -196,7 +196,7 @@
 @utility zoom-out-* {
   --tw-exit-scale: calc(--value([percentage]) / 100%);
   --tw-exit-scale: calc(--value([ratio], [number]));
-  --tw-exit-scale: --value(--percentage-*);
+  --tw-exit-scale: --value(--percentage- *);
 }
 
 @utility spin-in {
@@ -204,7 +204,7 @@
 }
 @utility spin-in-* {
   --tw-enter-rotate: calc(--value(number) * 1deg);
-  --tw-enter-rotate: --value(--rotate-*, [angle]);
+  --tw-enter-rotate: --value(--rotate- *, [angle]);
 }
 
 @utility spin-out {
@@ -212,7 +212,7 @@
 }
 @utility spin-out-* {
   --tw-exit-rotate: calc(--value(number) * 1deg);
-  --tw-exit-rotate: --value(--rotate-*, [angle]);
+  --tw-exit-rotate: --value(--rotate- *, [angle]);
 }
 
 @utility slide-in-from-top {
@@ -220,7 +220,9 @@
 }
 @utility slide-in-from-top-* {
   --tw-enter-translate-y: calc(--value(integer) * var(--spacing) * -1);
-  --tw-enter-translate-y: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
+  --tw-enter-translate-y: calc(
+    --value(--translate- *, [percentage], ratio, [length]) * -1
+  );
 }
 
 @utility slide-in-from-bottom {
@@ -228,21 +230,33 @@
 }
 @utility slide-in-from-bottom-* {
   --tw-enter-translate-y: calc(--value(integer) * var(--spacing));
-  --tw-enter-translate-y: --value(--translate-*, [percentage], ratio, [length]);
+  --tw-enter-translate-y: --value(
+    --translate- *,
+    [percentage],
+    ratio,
+    [length]
+  );
 }
 @utility slide-in-from-left {
   --tw-enter-translate-x: -100%;
 }
 @utility slide-in-from-left-* {
   --tw-enter-translate-x: calc(--value(integer) * var(--spacing) * -1);
-  --tw-enter-translate-x: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
+  --tw-enter-translate-x: calc(
+    --value(--translate- *, [percentage], ratio, [length]) * -1
+  );
 }
 @utility slide-in-from-right {
   --tw-enter-translate-x: 100%;
 }
 @utility slide-in-from-right-* {
   --tw-enter-translate-x: calc(--value(integer) * var(--spacing));
-  --tw-enter-translate-x: --value(--translate-*, [percentage], ratio, [length]);
+  --tw-enter-translate-x: --value(
+    --translate- *,
+    [percentage],
+    ratio,
+    [length]
+  );
 }
 
 @utility slide-out-to-top {
@@ -250,26 +264,30 @@
 }
 @utility slide-out-to-top-* {
   --tw-exit-translate-y: calc(--value(integer) * var(--spacing) * -1);
-  --tw-exit-translate-y: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
+  --tw-exit-translate-y: calc(
+    --value(--translate- *, [percentage], ratio, [length]) * -1
+  );
 }
 @utility slide-out-to-bottom {
   --tw-exit-translate-y: 100%;
 }
 @utility slide-out-to-bottom-* {
   --tw-exit-translate-y: calc(--value(integer) * var(--spacing));
-  --tw-exit-translate-y: --value(--translate-*, [percentage], ratio, [length]);
+  --tw-exit-translate-y: --value(--translate- *, [percentage], ratio, [length]);
 }
 @utility slide-out-to-left {
   --tw-exit-translate-x: -100%;
 }
 @utility slide-out-to-left-* {
   --tw-exit-translate-x: calc(--value(integer) * var(--spacing) * -1);
-  --tw-exit-translate-x: calc(--value(--translate-*, [percentage], ratio, [length]) * -1);
+  --tw-exit-translate-x: calc(
+    --value(--translate- *, [percentage], ratio, [length]) * -1
+  );
 }
 @utility slide-out-to-right {
   --tw-exit-translate-x: 100%;
 }
 @utility slide-out-to-right-* {
   --tw-exit-translate-x: calc(--value(integer) * var(--spacing));
-  --tw-exit-translate-x: --value(--translate-*, [percentage], ratio, [length]);
+  --tw-exit-translate-x: --value(--translate- *, [percentage], ratio, [length]);
 }
diff --git a/resources/css/tailwind.css b/resources/css/tailwind.css
deleted file mode 100644
index 747f54c0981..00000000000
--- a/resources/css/tailwind.css
+++ /dev/null
@@ -1,7 +0,0 @@
-@import 'tailwindcss/base';
-@import 'cp';
-@import 'tailwindcss/components';
-@import 'tailwindcss/utilities';
-@import 'core/utilities';
-@import 'rtl';
-@import 'dark';
diff --git a/resources/css/ui.css b/resources/css/ui.css
index 3902446cd34..31c10d51512 100644
--- a/resources/css/ui.css
+++ b/resources/css/ui.css
@@ -16,7 +16,59 @@
     --color-gray-850: oklch(24.48% 0.0056 285.98);
     --color-gray-900: var(--color-zinc-900);
     --color-gray-950: var(--color-zinc-950);
-    --color-volt: #D4FF4C;
+    --color-volt: oklch(93.86% 0.2018 122.24);
+
+    /* Temp */
+    --color-dark-100: '#dfe1e5';
+    --color-dark-150: '#bbbdc0';
+    --color-dark-175: '#93979a';
+    --color-dark-200: '#5f6163';
+    --color-dark-250: '#555759';
+    --color-dark-275: '#515356';
+    --color-dark-300: '#4e5157';
+    --color-dark-350: '#43454a';
+    --color-dark-400: '#414245';
+    --color-dark-500: '#404143';
+    --color-dark-550: '#3b3f41';
+    --color-dark-575: '#393b40';
+    --color-dark-600: '#2b2d30';
+    --color-dark-650: '#242628';
+    --color-dark-700: '#212223';
+    --color-dark-750: '#22242a';
+    --color-dark-800: '#1e1f22';
+    --color-dark-900: '#171717';
+    --color-dark-950: '#161616';
+    --color-dark-975: '#131314';
+
+    --color-dark-blue-100: '#2870F5';
+    --color-dark-blue-125: '#1e68f1';
+    --color-dark-blue-150: '#1f67ec';
+    --color-dark-blue-175: '#1560ec';
+    --color-dark-blue-200: '#2a4270';
+
+    --color-orange-light: '#fcc062';
+    --color-orange-default: '#f5a82f';
+    --color-orange-dark: '#e08a1e';
+
+    --color-pink-light: '#ff5ba7';
+    --color-pink-default: '#ff269e';
+    --color-pink-dark: '#e00095';
+
+    --color-purple-light: '#e0b7ff';
+    --color-purple-default: '#c471ed';
+    --color-purple-dark: '#a855cd';
+
+    --color-yellow-light: '#ffffe0';
+    --color-yellow-default: '#fbfab0';
+    --color-yellow-dark: '#e8dc1e';
+
+    --color-amber: '#ffd700';
+    --color-green: '#00ff00';
+    --color-red: '#ff0000';
+    --color-dark-red: '#900000';
+    --color-blue: '#0000ff';
+    --color-gray: '#808080';
+    --color-dark-gray: '#404040';
 }
 
 @theme {
@@ -31,10 +83,10 @@
     @keyframes wiggle {
         0%,
         100% {
-        transform: rotate(-3deg);
+            transform: rotate(-3deg);
         }
         50% {
-        transform: rotate(3deg);
+            transform: rotate(3deg);
         }
     }
 }
@@ -48,6 +100,9 @@
     @apply data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2;
 }
 
-.content-card {
-    @apply min-h-full px-6 md:px-12 pb-6 bg-white dark:bg-gray-900 border border-gray-200 dark:border-white/10 rounded-xl;
+@layer components {
+    .content-card {
+        @apply min-h-full px-6 md:px-12 pb-6 bg-white border dark:bg-gray-900 dark:border-y-0 dark:border-r-0 border-gray-200 dark:border-white/10 rounded-xl dark:rounded-none;
+    }
 }
+
diff --git a/resources/css/vendors/vue-select.css b/resources/css/vendors/vue-select.css
index 00d3fc7f677..c1cf39d5db3 100644
--- a/resources/css/vendors/vue-select.css
+++ b/resources/css/vendors/vue-select.css
@@ -1,5 +1,5 @@
 .v-select {
-    @apply relative min-w-0 rounded font-sans;
+    @apply relative min-w-0 rounded-sm font-sans;
 
     [dir='rtl'] & {
         direction: rtl;
@@ -47,7 +47,7 @@
 }
 
 .vs__dropdown-toggle {
-    @apply flex w-full appearance-none items-center rounded border border-gray-500 bg-gray-100 p-0 text-gray-800 shadow-inner;
+    @apply flex w-full appearance-none items-center rounded-sm border border-gray-500 bg-gray-100 p-0 text-gray-800 shadow-inner;
     @apply dark:border-dark-900 dark:bg-dark-650 dark:text-dark-150 dark:shadow-inner-dark;
     height: 2.375rem;
     transition:
@@ -86,7 +86,6 @@
 }
 
 .vs--single.vs--unsearchable .vs__selected-options {
-    @apply clickable;
     @apply relative flex h-full flex-1 rounded-s border-0;
     width: calc(100% - 34px);
 }
@@ -105,7 +104,6 @@
 }
 
 .vs__open-indicator {
-    @apply clickable;
     @apply flex h-full shrink-0 items-center rounded-e border-e-0 bg-clip-padding px-2 text-sm dark:border-dark-800;
     /* height: 2.375rem; */
 }
@@ -131,7 +129,7 @@
 }
 
 .vs__clear {
-    @apply cursor-pointer bg-transparent text-base text-gray-900 shadow-none dark:text-dark-100 ltr:pl-px ltr:pr-2 ltr:@xs:pl-2 rtl:pl-2 rtl:pr-px rtl:@xs:pr-2;
+    @apply cursor-pointer bg-transparent text-base text-gray-900 shadow-none dark:text-dark-100 ltr:pl-px ltr:pr-2 @-xs:ltr:pl-2 rtl:pl-2 rtl:pr-px @-xs:rtl:pr-2;
     &:hover {
         @apply text-blue;
     }
@@ -172,11 +170,10 @@
 }
 
 .v-select:not(.vs--single) .vs__selected {
-    @apply clickable;
-    @apply flex items-center rounded px-2 py-0 text-sm ltr:mr-2 rtl:ml-2;
+    @apply flex items-center rounded-sm px-2 py-0 text-sm ltr:mr-2 rtl:ml-2;
 
     &.sortable-item {
-        @apply !cursor-grab;
+        @apply cursor-grab!;
     }
 
     &.invalid {
@@ -190,14 +187,14 @@
 }
 
 .vs__deselect {
-    @apply flex cursor-pointer items-center p-0 text-gray-600 outline-none dark:text-dark-175 ltr:ml-1 rtl:mr-1;
+    @apply flex cursor-pointer items-center p-0 text-gray-600 outline-hidden dark:text-dark-175 ltr:ml-1 rtl:mr-1;
 
     &:hover {
         @apply text-gray-700 dark:text-dark-100;
     }
 
     &:focus {
-        @apply outline-none;
+        @apply outline-hidden;
     }
 
     span {
@@ -234,7 +231,7 @@
 
 .vs__search,
 .vs__search:focus {
-    @apply m-0 max-w-full appearance-none border-transparent bg-transparent p-0 text-sm text-gray-800 outline-none dark:text-dark-150 ltr:pr-2 rtl:pl-2;
+    @apply m-0 max-w-full appearance-none border-transparent bg-transparent p-0 text-sm text-gray-800 outline-hidden dark:text-dark-150 ltr:pr-2 rtl:pl-2;
     line-height: 1.4;
     border-left: none;
     box-shadow: none;
diff --git a/resources/js/components/AddonList.vue b/resources/js/components/AddonList.vue
index 018f6356c0d..20dce7c75e2 100644
--- a/resources/js/components/AddonList.vue
+++ b/resources/js/components/AddonList.vue
@@ -49,7 +49,7 @@
 
                 <div class="addon-grid my-8" :class="{ 'opacity-50': loading }">
                     <div
-                        class="addon-card relative h-full cursor-pointer rounded bg-white text-gray-800 shadow dark:bg-dark-600 dark:text-dark-150 dark:shadow-dark"
+                        class="addon-card relative h-full cursor-pointer rounded-sm bg-white text-gray-800 shadow dark:bg-dark-600 dark:text-dark-150 dark:shadow-dark"
                         v-for="addon in addons"
                         :key="addon.id"
                         @click="showAddon(addon)"
diff --git a/resources/js/components/FavoriteCreator.vue b/resources/js/components/FavoriteCreator.vue
index a11d05f55b6..5d1ee85ea0f 100644
--- a/resources/js/components/FavoriteCreator.vue
+++ b/resources/js/components/FavoriteCreator.vue
@@ -18,7 +18,7 @@
                     <input type="text" class="input-text w-auto" ref="fave" v-model="name" @keydown.enter="save" />
                     <button @click="save" class="btn-primary ltr:ml-2 rtl:mr-2">{{ __('Save') }}</button>
                 </div>
-                <button @click="makeStartPage" class="mt-2 text-xs text-blue outline-none hover:text-blue-800">
+                <button @click="makeStartPage" class="mt-2 text-xs text-blue outline-hidden hover:text-blue-800">
                     {{ __('Set as start page') }} <span v-html="direction === 'ltr' ? '&rarr;' : '&larr;'"></span>
                 </button>
             </div>
diff --git a/resources/js/components/GlobalSearch.vue b/resources/js/components/GlobalSearch.vue
index 9685def3396..ac30e0ec041 100644
--- a/resources/js/components/GlobalSearch.vue
+++ b/resources/js/components/GlobalSearch.vue
@@ -23,7 +23,7 @@
 
         <span
             v-if="!(isDirty || searching)"
-            class="rounded border px-1 pb-px text-2xs text-gray-600 dark:border-dark-300 dark:text-dark-200"
+            class="rounded-sm border px-1 pb-px text-2xs text-gray-600 dark:border-dark-300 dark:text-dark-200"
             >/</span
         >
         <loading-graphic v-if="searching" :size="14" :inline="true" text="" class="global-search-loading-indicator" />
diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index 9fa0467e738..1c1566edb8e 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -252,7 +252,7 @@
                                     </div>
                                     <!-- Assets -->
                                     <button
-                                        class="asset-tile group relative outline-none"
+                                        class="asset-tile group relative outline-hidden"
                                         v-for="(asset, index) in assets"
                                         :key="asset.id"
                                         :class="{ selected: isSelected(asset.id) }"
diff --git a/resources/js/components/assets/Browser/Thumbnail.vue b/resources/js/components/assets/Browser/Thumbnail.vue
index 3ec63e337d1..1e8ae434ef2 100644
--- a/resources/js/components/assets/Browser/Thumbnail.vue
+++ b/resources/js/components/assets/Browser/Thumbnail.vue
@@ -3,17 +3,17 @@
         <img
             v-if="asset.is_image"
             :src="asset.thumbnail"
-            class="asset-thumbnail mx-auto max-h-8 max-w-full rounded"
+            class="asset-thumbnail mx-auto max-h-8 max-w-full rounded-sm"
             loading="lazy"
             :class="{ 'h-8 w-8 object-cover': square }"
         />
         <img
             v-else-if="asset.is_svg"
             :src="asset.url"
-            class="asset-thumbnail mx-auto h-8 max-w-full rounded"
+            class="asset-thumbnail mx-auto h-8 max-w-full rounded-sm"
             loading="lazy"
         />
-        <file-icon v-else :extension="asset.extension" class="asset-thumbnail h-8 w-8 rounded p-px" />
+        <file-icon v-else :extension="asset.extension" class="asset-thumbnail h-8 w-8 rounded-sm p-px" />
     </div>
 </template>
 
diff --git a/resources/js/components/assets/Editor/Editor.vue b/resources/js/components/assets/Editor/Editor.vue
index a0162b125b8..4eb6c9a0cb9 100644
--- a/resources/js/components/assets/Editor/Editor.vue
+++ b/resources/js/components/assets/Editor/Editor.vue
@@ -1,7 +1,7 @@
 <template>
     <stack name="asset-editor" :before-close="shouldClose" :full="true" @closed="close">
         <div
-            class="asset-editor relative flex h-full flex-col rounded bg-gray-100 dark:bg-dark-800"
+            class="asset-editor relative flex h-full flex-col rounded-sm bg-gray-100 dark:bg-dark-800"
             :class="isImage ? 'is-image' : 'is-file'"
         >
             <div v-if="loading" class="loading">
@@ -39,7 +39,7 @@
                 <div class="flex flex-1 grow flex-col overflow-scroll md:flex-row md:justify-between">
                     <!-- Visual Area -->
                     <div
-                        class="editor-preview md:min-h-auto flex min-h-[45vh] w-full flex-1 flex-col justify-between bg-gray-800 shadow-[inset_0px_4px_3px_0px_black] dark:bg-dark-950 md:w-1/2 md:flex-auto md:grow lg:w-2/3 ltr:md:rounded-tr-md rtl:md:rounded-tl-md"
+                        class="editor-preview md:min-h-auto flex min-h-[45vh] w-full flex-1 flex-col justify-between bg-gray-800 shadow-[inset_0px_4px_3px_0px_black] dark:bg-dark-950 md:w-1/2 md:flex-auto md:grow lg:w-2/3 md:ltr:rounded-tr-md md:rtl:rounded-tl-md"
                     >
                         <!-- Toolbar -->
                         <div
@@ -50,7 +50,7 @@
                             <button
                                 v-if="isImage && isFocalPointEditorEnabled"
                                 type="button"
-                                class="flex items-center justify-center rounded bg-gray-750 px-3 py-1.5 hover:bg-gray-900 hover:text-yellow-light dark:bg-dark-400 dark:hover:bg-dark-600 dark:hover:text-yellow-dark"
+                                class="flex items-center justify-center rounded-sm bg-gray-750 px-3 py-1.5 hover:bg-gray-900 hover:text-yellow-light dark:bg-dark-400 dark:hover:bg-dark-600 dark:hover:text-yellow-dark"
                                 @click.prevent="openFocalPointEditor"
                             >
                                 <svg-icon name="focal-point" class="h-4" />
@@ -62,7 +62,7 @@
                             <button
                                 v-if="canRunAction('rename_asset')"
                                 type="button"
-                                class="flex items-center rounded bg-gray-750 px-3 py-1.5 hover:bg-gray-900 hover:text-yellow-light dark:bg-dark-400 dark:hover:bg-dark-600 dark:hover:text-yellow-dark"
+                                class="flex items-center rounded-sm bg-gray-750 px-3 py-1.5 hover:bg-gray-900 hover:text-yellow-light dark:bg-dark-400 dark:hover:bg-dark-600 dark:hover:text-yellow-dark"
                                 @click.prevent="runAction('rename_asset')"
                             >
                                 <svg-icon name="rename-file" class="h-4" />
@@ -74,7 +74,7 @@
                             <button
                                 v-if="canRunAction('move_asset')"
                                 type="button"
-                                class="flex items-center rounded bg-gray-750 px-3 py-1.5 hover:bg-gray-900 hover:text-yellow-light dark:bg-dark-400 dark:hover:bg-dark-600 dark:hover:text-yellow-dark"
+                                class="flex items-center rounded-sm bg-gray-750 px-3 py-1.5 hover:bg-gray-900 hover:text-yellow-light dark:bg-dark-400 dark:hover:bg-dark-600 dark:hover:text-yellow-dark"
                                 @click.prevent="runAction('move_asset')"
                             >
                                 <svg-icon name="move-file" class="h-4" />
@@ -84,7 +84,7 @@
                             <button
                                 v-if="canRunAction('replace_asset')"
                                 type="button"
-                                class="flex items-center rounded bg-gray-750 px-3 py-1.5 hover:bg-gray-900 hover:text-yellow-light dark:bg-dark-400 dark:hover:bg-dark-600 dark:hover:text-yellow-dark"
+                                class="flex items-center rounded-sm bg-gray-750 px-3 py-1.5 hover:bg-gray-900 hover:text-yellow-light dark:bg-dark-400 dark:hover:bg-dark-600 dark:hover:text-yellow-dark"
                                 @click.prevent="runAction('replace_asset')"
                             >
                                 <svg-icon name="swap" class="h-4" />
@@ -96,7 +96,7 @@
                             <button
                                 v-if="canRunAction('reupload_asset')"
                                 type="button"
-                                class="flex items-center rounded bg-gray-750 px-3 py-1.5 hover:bg-gray-900 hover:text-yellow-light dark:bg-dark-400 dark:hover:bg-dark-600 dark:hover:text-yellow-dark"
+                                class="flex items-center rounded-sm bg-gray-750 px-3 py-1.5 hover:bg-gray-900 hover:text-yellow-light dark:bg-dark-400 dark:hover:bg-dark-600 dark:hover:text-yellow-dark"
                                 @click.prevent="runAction('reupload_asset')"
                             >
                                 <svg-icon name="upload-cloud" class="h-4" />
@@ -107,7 +107,7 @@
 
                             <button
                                 v-if="asset.allowDownloading"
-                                class="flex items-center rounded bg-gray-750 px-3 py-1.5 hover:bg-gray-900 hover:text-yellow-light dark:bg-dark-400 dark:hover:bg-dark-600 dark:hover:text-yellow-dark"
+                                class="flex items-center rounded-sm bg-gray-750 px-3 py-1.5 hover:bg-gray-900 hover:text-yellow-light dark:bg-dark-400 dark:hover:bg-dark-600 dark:hover:text-yellow-dark"
                                 @click="download"
                                 :aria-label="__('Download file')"
                             >
@@ -120,7 +120,7 @@
                             <button
                                 v-if="allowDeleting && canRunAction('delete')"
                                 @click="runAction('delete')"
-                                class="flex items-center rounded bg-gray-750 px-3 py-1.5 text-center hover:bg-gray-900 hover:text-red-400 dark:bg-dark-400 dark:hover:bg-dark-600 dark:hover:text-dark-red"
+                                class="flex items-center rounded-sm bg-gray-750 px-3 py-1.5 text-center hover:bg-gray-900 hover:text-red-400 dark:bg-dark-400 dark:hover:bg-dark-600 dark:hover:text-dark-red"
                             >
                                 <svg-icon name="trash" class="h-4" />
                                 <span class="hidden @3xl/toolbar:inline-block ltr:ml-2 rtl:mr-2">{{
@@ -233,7 +233,7 @@
                         class="hidden h-full flex-1 space-x-3 py-1 text-xs text-gray-800 dark:text-dark-150 sm:flex rtl:space-x-reverse"
                     >
                         <div
-                            class="flex items-center rounded bg-gray-400 py-1 dark:bg-dark-600 ltr:pl-2 ltr:pr-3 rtl:pl-3 rtl:pr-2"
+                            class="flex items-center rounded-sm bg-gray-400 py-1 dark:bg-dark-600 ltr:pl-2 ltr:pr-3 rtl:pl-3 rtl:pr-2"
                             v-if="isImage"
                         >
                             <svg-icon name="image-picture" class="h-3 ltr:mr-2 rtl:ml-2" />
@@ -242,13 +242,13 @@
                             </div>
                         </div>
                         <div
-                            class="flex items-center rounded bg-gray-400 py-1 dark:bg-dark-600 ltr:pl-2 ltr:pr-3 rtl:pl-3 rtl:pr-2"
+                            class="flex items-center rounded-sm bg-gray-400 py-1 dark:bg-dark-600 ltr:pl-2 ltr:pr-3 rtl:pl-3 rtl:pr-2"
                         >
                             <svg-icon name="sd-card" class="h-3 ltr:mr-2 rtl:ml-2" />
                             <div class="">{{ asset.size }}</div>
                         </div>
                         <div
-                            class="flex items-center rounded bg-gray-400 py-1 dark:bg-dark-600 ltr:pl-2 ltr:pr-3 rtl:pl-3 rtl:pr-2"
+                            class="flex items-center rounded-sm bg-gray-400 py-1 dark:bg-dark-600 ltr:pl-2 ltr:pr-3 rtl:pl-3 rtl:pr-2"
                         >
                             <svg-icon name="thumbprint" class="h-3 ltr:mr-2 rtl:ml-2" />
                             <div class="" :title="$date.format(asset.lastModified)">
diff --git a/resources/js/components/assets/Upload.vue b/resources/js/components/assets/Upload.vue
index da4cada3bcf..d02ecdda24d 100644
--- a/resources/js/components/assets/Upload.vue
+++ b/resources/js/components/assets/Upload.vue
@@ -9,8 +9,8 @@
             <div class="filename">{{ basename }}</div>
         </div>
 
-        <div v-if="status !== 'error'" class="mx-2 h-4 flex-1 rounded bg-white">
-            <div class="h-full rounded bg-blue" :style="{ width: percent + '%' }" />
+        <div v-if="status !== 'error'" class="mx-2 h-4 flex-1 rounded-sm bg-white">
+            <div class="h-full rounded-sm bg-blue" :style="{ width: percent + '%' }" />
         </div>
 
         <div class="ml-4 flex items-center gap-2 px-2" v-if="status === 'error'">
diff --git a/resources/js/components/blueprints/Section.vue b/resources/js/components/blueprints/Section.vue
index 9bfbcf27956..4d9aa469a3e 100644
--- a/resources/js/components/blueprints/Section.vue
+++ b/resources/js/components/blueprints/Section.vue
@@ -101,7 +101,7 @@
                 <template v-slot:empty-state>
                     <div
                         v-text="__('Add or drag fields here')"
-                        class="mb-2 rounded border border-dashed p-2 text-center text-2xs text-gray-600 dark:border-dark-200 dark:text-dark-150"
+                        class="mb-2 rounded-sm border border-dashed p-2 text-center text-2xs text-gray-600 dark:border-dark-200 dark:text-dark-150"
                     />
                 </template>
             </fields>
diff --git a/resources/js/components/blueprints/Sections.vue b/resources/js/components/blueprints/Sections.vue
index 8b77a972718..92120ca25a2 100644
--- a/resources/js/components/blueprints/Sections.vue
+++ b/resources/js/components/blueprints/Sections.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div ref="sections" class="blueprint-sections -mx-2 flex flex-wrap outline-none" :data-tab="tabId">
+        <div ref="sections" class="blueprint-sections -mx-2 flex flex-wrap outline-hidden" :data-tab="tabId">
             <blueprint-section
                 ref="section"
                 v-for="(section, i) in sections"
@@ -16,13 +16,13 @@
             />
 
             <div class="blueprint-add-section-container w-full">
-                <button class="blueprint-add-section-button outline-none" @click="addAndEditSection">
+                <button class="blueprint-add-section-button outline-hidden" @click="addAndEditSection">
                     <div class="flex items-center text-center leading-none">
                         <svg-icon name="micro/plus" class="h-3 w-3 ltr:mr-2 rtl:ml-2" />
                         <div v-text="addSectionText" />
                     </div>
 
-                    <div class="blueprint-section-draggable-zone outline-none" :data-tab="tabId" />
+                    <div class="blueprint-section-draggable-zone outline-hidden" :data-tab="tabId" />
                 </button>
             </div>
         </div>
diff --git a/resources/js/components/collections/CreateForm.vue b/resources/js/components/collections/CreateForm.vue
index a4cbe5a7b9f..a54a26dfd00 100644
--- a/resources/js/components/collections/CreateForm.vue
+++ b/resources/js/components/collections/CreateForm.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="mx-auto mt-4 max-w-lg">
-        <div class="rounded bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
+        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
             <header class="mb-16 text-center">
                 <h1 class="mb-6">{{ __('Create Collection') }}</h1>
                 <p class="text-gray" v-text="__('messages.collection_configure_intro')" />
diff --git a/resources/js/components/collections/Scaffolder.vue b/resources/js/components/collections/Scaffolder.vue
index 987e0646831..23c792613fb 100644
--- a/resources/js/components/collections/Scaffolder.vue
+++ b/resources/js/components/collections/Scaffolder.vue
@@ -4,7 +4,7 @@
             <header class="mb-6">
                 <p class="text-gray" v-text="__('messages.collection_scaffold_instructions')" />
             </header>
-            <table class="data-table rounded border">
+            <table class="data-table rounded-sm border">
                 <tbody>
                     <tr>
                         <td class="checkbox-column border-r" @click="selected.index = !selected.index">
diff --git a/resources/js/components/configure/Tabs.vue b/resources/js/components/configure/Tabs.vue
index 142da1fd3e2..b6ab6891041 100644
--- a/resources/js/components/configure/Tabs.vue
+++ b/resources/js/components/configure/Tabs.vue
@@ -16,7 +16,7 @@
                         @synced="$emit('synced', $event)"
                         @desynced="$emit('desynced', $event)"
                         @focus="$emit('focus', $event)"
-                        @blur="$emit('blur', $event)"
+                        @blur="$emit('blur-sm', $event)"
                     />
                 </div>
             </div>
@@ -26,7 +26,7 @@
 
 <script>
 export default {
-    emits: ['updated', 'meta-updated', 'synced', 'desynced', 'focus', 'blur'],
+    emits: ['updated', 'meta-updated', 'synced', 'desynced', 'focus', 'blur-sm'],
 
     inject: ['store', 'storeName'],
 
diff --git a/resources/js/components/data-list/ColumnPicker.vue b/resources/js/components/data-list/ColumnPicker.vue
index 8a78bdd9825..f0fa770e689 100644
--- a/resources/js/components/data-list/ColumnPicker.vue
+++ b/resources/js/components/data-list/ColumnPicker.vue
@@ -27,7 +27,7 @@
                 <div class="flex min-h-0 grow rounded-t-md bg-gray-100 dark:bg-dark-600">
                     <!-- Available Columns -->
                     <div
-                        class="flex w-1/2 flex-col outline-none dark:border-dark-900 ltr:border-r ltr:text-left rtl:border-l rtl:text-right"
+                        class="flex w-1/2 flex-col outline-hidden dark:border-dark-900 ltr:border-r ltr:text-left rtl:border-l rtl:text-right"
                     >
                         <header
                             v-text="__('Available Columns')"
diff --git a/resources/js/components/data-list/Table.vue b/resources/js/components/data-list/Table.vue
index ea9d4ab4c0f..04889eb0259 100644
--- a/resources/js/components/data-list/Table.vue
+++ b/resources/js/components/data-list/Table.vue
@@ -64,7 +64,7 @@
                 <tr
                     v-for="(row, index) in rows"
                     :key="row.id"
-                    class="sortable-row outline-none"
+                    class="sortable-row outline-hidden"
                     :class="{ 'row-selected': sharedState.selections.includes(row.id) }"
                 >
                     <td class="table-drag-handle" v-if="reorderable"></td>
@@ -107,7 +107,7 @@
                     <td class="type-column" v-if="type">
                         <span
                             v-if="type === 'entries' || type === 'terms'"
-                            class="rounded bg-gray-200 px-1 py-px text-2xs uppercase text-gray dark:bg-dark-400 dark:text-dark-150"
+                            class="rounded-sm bg-gray-200 px-1 py-px text-2xs uppercase text-gray dark:bg-dark-400 dark:text-dark-150"
                         >
                             <template v-if="type === 'entries'">{{ __(row.collection.title) }}</template>
                             <template v-if="type === 'terms'">{{ __(row.taxonomy.title) }}</template>
diff --git a/resources/js/components/entries/PublishForm.vue b/resources/js/components/entries/PublishForm.vue
index 47dc555b894..01a3c940c5f 100644
--- a/resources/js/components/entries/PublishForm.vue
+++ b/resources/js/components/entries/PublishForm.vue
@@ -109,7 +109,7 @@
                             @synced="syncField"
                             @desynced="desyncField"
                             @focus="container.$emit('focus', $event)"
-                            @blur="container.$emit('blur', $event)"
+                            @blur="container.$emit('blur-sm', $event)"
                         >
                             <template #actions="{ shouldShowSidebar }">
                                 <div class="card mb-5 p-0">
diff --git a/resources/js/components/field-conditions/Condition.vue b/resources/js/components/field-conditions/Condition.vue
index 2a01a178166..3973a9c286f 100644
--- a/resources/js/components/field-conditions/Condition.vue
+++ b/resources/js/components/field-conditions/Condition.vue
@@ -13,7 +13,7 @@
             :reduce="(field) => field.value"
             :create-option="(field) => ({ value: field, label: field })"
             @update:model-value="fieldSelected"
-            @search:blur="fieldSelectBlur"
+            @-search:blur-sm="fieldSelectBlur"
         >
             <template #no-options><div class="hidden" /></template>
             <template #option="option">
@@ -32,7 +32,7 @@
             :model-value="condition.operator"
             :options="operatorOptions"
             :placeholder="false"
-            class="ltr:md:ml-4 rtl:md:mr-4"
+            class="md:ltr:ml-4 md:rtl:mr-4"
             @update:model-value="operatorSelected"
         />
 
@@ -55,7 +55,7 @@
             :reduce="(field) => field.value"
             :create-option="(field) => ({ value: field, label: field })"
             @update:model-value="valueUpdated"
-            @search:blur="valueSelectBlur"
+            @-search:blur-sm="valueSelectBlur"
         >
             <template #no-options><div class="hidden" /></template>
         </v-select>
diff --git a/resources/js/components/field-validation/Builder.vue b/resources/js/components/field-validation/Builder.vue
index 9a19e6a097d..4f30832b2a7 100644
--- a/resources/js/components/field-validation/Builder.vue
+++ b/resources/js/components/field-validation/Builder.vue
@@ -80,7 +80,7 @@
                     :mirror="false"
                     v-model="rules"
                 >
-                    <div class="vs__selected-options-outside flex flex-wrap outline-none">
+                    <div class="vs__selected-options-outside flex flex-wrap outline-hidden">
                         <span v-for="rule in rules" :key="rule" class="vs__selected sortable-item mt-2">
                             {{ rule }}
                             <button
diff --git a/resources/js/components/fields/FieldtypeSelector.vue b/resources/js/components/fields/FieldtypeSelector.vue
index 1788b41ea85..31614ae7a12 100644
--- a/resources/js/components/fields/FieldtypeSelector.vue
+++ b/resources/js/components/fields/FieldtypeSelector.vue
@@ -43,7 +43,7 @@
                     <div class="fieldtype-list">
                         <div class="p-2" v-for="fieldtype in group.fieldtypes" :key="fieldtype.handle">
                             <button
-                                class="group flex w-full items-center rounded border border-gray-500 bg-white shadow-sm hover:border-gray-600 hover:shadow-md dark:border-dark-900 dark:bg-dark-700 dark:shadow-dark-sm dark:hover:border-dark-950 ltr:pr-3 rtl:pl-3"
+                                class="group flex w-full items-center rounded-sm border border-gray-500 bg-white shadow-sm hover:border-gray-600 hover:shadow-md dark:border-dark-900 dark:bg-dark-700 dark:shadow-dark-sm dark:hover:border-dark-950 ltr:pr-3 rtl:pl-3"
                                 @click="select(fieldtype)"
                             >
                                 <div
diff --git a/resources/js/components/fieldsets/CreateForm.vue b/resources/js/components/fieldsets/CreateForm.vue
index abd861fe4dc..90f92a17c56 100644
--- a/resources/js/components/fieldsets/CreateForm.vue
+++ b/resources/js/components/fieldsets/CreateForm.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="mx-auto mt-4 max-w-lg">
-        <div class="rounded bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
+        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
             <header class="mb-16 text-center">
                 <h1 class="mb-6">{{ __('Create Fieldset') }}</h1>
                 <p class="text-gray" v-text="__('messages.fields_fieldsets_description')" />
diff --git a/resources/js/components/fieldtypes/ArrayFieldtype.vue b/resources/js/components/fieldtypes/ArrayFieldtype.vue
index 5765ad0a9b6..720fa615e14 100644
--- a/resources/js/components/fieldtypes/ArrayFieldtype.vue
+++ b/resources/js/components/fieldtypes/ArrayFieldtype.vue
@@ -4,7 +4,7 @@
             <div class="input-group">
                 <div class="input-group-prepend flex items-center">
                     <select
-                        class="appearance-none border-0 bg-transparent text-sm shadow-none outline-none"
+                        class="appearance-none border-0 bg-transparent text-sm shadow-none outline-hidden"
                         @input="setKey($event.target.value)"
                     >
                         <option
diff --git a/resources/js/components/fieldtypes/CodeFieldtype.vue b/resources/js/components/fieldtypes/CodeFieldtype.vue
index d14b91c55a3..305d55d30b4 100644
--- a/resources/js/components/fieldtypes/CodeFieldtype.vue
+++ b/resources/js/components/fieldtypes/CodeFieldtype.vue
@@ -216,7 +216,7 @@ export default {
             });
 
             this.codemirror.on('focus', () => this.$emit('focus'));
-            this.codemirror.on('blur', () => this.$emit('blur'));
+            this.codemirror.on('blur-sm', () => this.$emit('blur-sm'));
 
             // Refresh to ensure CodeMirror visible and the proper size
             // Most applicable when loaded by another field like Bard
diff --git a/resources/js/components/fieldtypes/ColorFieldtype.vue b/resources/js/components/fieldtypes/ColorFieldtype.vue
index 74d0618a9b7..ba1a3a241c4 100644
--- a/resources/js/components/fieldtypes/ColorFieldtype.vue
+++ b/resources/js/components/fieldtypes/ColorFieldtype.vue
@@ -4,10 +4,10 @@
             <popover name="swatches" class="color-picker" placement="bottom-start">
                 <template #trigger>
                     <div class="input-group-prepend px-px" v-tooltip="__('Pick Color')">
-                        <div class="relative flex items-center outline-none">
-                            <div class="m-0 inline-block cursor-pointer rounded p-[2px]">
+                        <div class="relative flex items-center outline-hidden">
+                            <div class="m-0 inline-block cursor-pointer rounded-sm p-[2px]">
                                 <div
-                                    class="h-8 w-8 rounded-sm"
+                                    class="h-8 w-8 rounded-xs"
                                     :class="{ 'border dark:border-dark-900': !value, 'cursor-not-allowed': isReadOnly }"
                                     :style="{ 'background-color': value }"
                                 />
@@ -20,7 +20,7 @@
                         <div v-if="config.swatches.length" class="grid grid-cols-4 gap-3">
                             <div
                                 v-for="swatch in config.swatches"
-                                class="inline-block flex h-10 w-10 cursor-pointer rounded border border-gray-400"
+                                class="inline-block flex h-10 w-10 cursor-pointer rounded-sm border border-gray-400"
                                 :style="{ 'background-color': swatch }"
                                 @click="
                                     () => {
@@ -54,7 +54,7 @@
                             :class="{ 'mt-5': config.swatches.length }"
                         >
                             <input
-                                class="input-text h-10 w-full cursor-pointer rounded p-[2px] ltr:mr-2 rtl:ml-2"
+                                class="input-text h-10 w-full cursor-pointer rounded-sm p-[2px] ltr:mr-2 rtl:ml-2"
                                 type="color"
                                 :value="customColor"
                                 @input="customColorSelected"
diff --git a/resources/js/components/fieldtypes/DictionaryFieldtype.vue b/resources/js/components/fieldtypes/DictionaryFieldtype.vue
index 698076743a2..420b089d1d0 100644
--- a/resources/js/components/fieldtypes/DictionaryFieldtype.vue
+++ b/resources/js/components/fieldtypes/DictionaryFieldtype.vue
@@ -19,7 +19,7 @@
             @focus="$emit('focus')"
             @search="search"
             @search:focus="$emit('focus')"
-            @search:blur="$emit('blur')"
+            @-search:blur-sm="$emit('blur-sm')"
         >
             <template #selected-option-container v-if="multiple"><i class="hidden"></i></template>
             <template #search="{ events, attributes }" v-if="multiple">
diff --git a/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue b/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue
index 3e81e177614..9ce8ea660b6 100644
--- a/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue
+++ b/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue
@@ -11,7 +11,7 @@
                 @input="updateDebounced($event.target.value)"
                 @keydown="$emit('keydown', $event)"
                 @focus="$emit('focus')"
-                @blur="$emit('blur')"
+                @blur="$emit('blur-sm')"
             />
             <button
                 class="input-group-append flex items-center"
diff --git a/resources/js/components/fieldtypes/Fieldtype.vue b/resources/js/components/fieldtypes/Fieldtype.vue
index 69c2aa8f936..75e918479e0 100644
--- a/resources/js/components/fieldtypes/Fieldtype.vue
+++ b/resources/js/components/fieldtypes/Fieldtype.vue
@@ -3,7 +3,7 @@ import HasFieldActions from '../field-actions/HasFieldActions';
 import debounce from '@statamic/util/debounce.js';
 
 export default {
-    emits: ['update:value', 'focus', 'blur', 'meta-updated', 'replicator-preview-updated'],
+    emits: ['update:value', 'focus', 'blur-sm', 'meta-updated', 'replicator-preview-updated'],
 
     mixins: [HasFieldActions],
 
diff --git a/resources/js/components/fieldtypes/FloatFieldtype.vue b/resources/js/components/fieldtypes/FloatFieldtype.vue
index 11ec9bab985..daff5857f47 100644
--- a/resources/js/components/fieldtypes/FloatFieldtype.vue
+++ b/resources/js/components/fieldtypes/FloatFieldtype.vue
@@ -9,7 +9,7 @@
         :id="fieldId"
         @update:model-value="updateDebounced"
         @focus="$emit('focus')"
-        @blur="$emit('blur')"
+        @blur="$emit('blur-sm')"
     />
 </template>
 
diff --git a/resources/js/components/fieldtypes/GroupFieldtype.vue b/resources/js/components/fieldtypes/GroupFieldtype.vue
index 4efedc9686f..1b49694ba7a 100644
--- a/resources/js/components/fieldtypes/GroupFieldtype.vue
+++ b/resources/js/components/fieldtypes/GroupFieldtype.vue
@@ -10,7 +10,7 @@
                 >
                 </publish-field-fullscreen-header>
                 <section :class="{ 'mt-14 p-4': fullScreenMode }">
-                    <div :class="{ 'replicator-set rounded border shadow-sm dark:border-dark-900': config.border }">
+                    <div :class="{ 'replicator-set rounded-sm border shadow-sm dark:border-dark-900': config.border }">
                         <div
                             class="publish-fields @container"
                             :class="{ 'replicator-set-body': config.border, '-mx-4': !config.border }"
@@ -31,7 +31,7 @@
                                 @updated="updated(field.handle, $event)"
                                 @meta-updated="updateMeta(field.handle, $event)"
                                 @focus="$emit('focus')"
-                                @blur="$emit('blur')"
+                                @blur="$emit('blur-sm')"
                                 @replicator-preview-updated="previewUpdated(field.handle, $event)"
                             />
                         </div>
@@ -44,11 +44,13 @@
 
 <style>
 .group-fieldtype-button-wrapper {
-    @apply absolute top-5 flex sm:top-7 ltr:right-6 rtl:left-6;
+    /* TODO: Remove @apply */
+    /* @apply absolute top-5 flex sm:top-7 ltr:right-6 rtl:left-6; */
 }
 
 .replicator-set .group-fieldtype-button-wrapper {
-    @apply top-5 ltr:right-4 rtl:left-4;
+    /* TODO: Remove @apply */
+    /* @apply top-5 ltr:right-4 rtl:left-4; */
 }
 </style>
 
@@ -134,7 +136,7 @@ export default {
 
             setTimeout(() => {
                 if (!this.$el.contains(document.activeElement)) {
-                    this.$emit('blur');
+                    this.$emit('blur-sm');
                 }
             }, 1);
         },
diff --git a/resources/js/components/fieldtypes/IconFieldtype.vue b/resources/js/components/fieldtypes/IconFieldtype.vue
index 88b7ec002f8..e5471ec73c0 100644
--- a/resources/js/components/fieldtypes/IconFieldtype.vue
+++ b/resources/js/components/fieldtypes/IconFieldtype.vue
@@ -18,7 +18,7 @@
             :create-option="(value) => ({ value, label: value })"
             @update:model-value="vueSelectUpdated"
             @search:focus="$emit('focus')"
-            @search:blur="$emit('blur')"
+            @-search:blur-sm="$emit('blur-sm')"
         >
             <template #option="option">
                 <div class="flex items-center">
diff --git a/resources/js/components/fieldtypes/IntegerFieldtype.vue b/resources/js/components/fieldtypes/IntegerFieldtype.vue
index 23aa5220cea..d702662cca8 100644
--- a/resources/js/components/fieldtypes/IntegerFieldtype.vue
+++ b/resources/js/components/fieldtypes/IntegerFieldtype.vue
@@ -13,7 +13,7 @@
         :placeholder="__(config.placeholder)"
         @update:model-value="updateDebounced"
         @focus="$emit('focus')"
-        @blur="$emit('blur')"
+        @blur="$emit('blur-sm')"
     />
 </template>
 
diff --git a/resources/js/components/fieldtypes/ListFieldtype.vue b/resources/js/components/fieldtypes/ListFieldtype.vue
index c4058f9243d..070caf5c192 100644
--- a/resources/js/components/fieldtypes/ListFieldtype.vue
+++ b/resources/js/components/fieldtypes/ListFieldtype.vue
@@ -8,7 +8,7 @@
                 handle-class="sortable-handle"
                 :mirror="false"
                 @dragstart="$emit('focus')"
-                @dragend="$emit('blur')"
+                @dragend="$emit('blur-sm')"
             >
                 <tbody>
                     <tr class="sortable-row" v-for="(element, index) in data" :key="element._id">
@@ -100,7 +100,7 @@ export default {
 
             setTimeout(() => {
                 if (!this.$el.contains(document.activeElement)) {
-                    this.$emit('blur');
+                    this.$emit('blur-sm');
                     this.editing = null;
                 }
             }, 1);
diff --git a/resources/js/components/fieldtypes/RangeFieldtype.vue b/resources/js/components/fieldtypes/RangeFieldtype.vue
index 6b6edf15a8a..4988caa68ed 100644
--- a/resources/js/components/fieldtypes/RangeFieldtype.vue
+++ b/resources/js/components/fieldtypes/RangeFieldtype.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="range-fieldtype-wrapper rounded border bg-gray-200 px-4 py-2 dark:border-dark-900 dark:bg-dark-700">
+    <div class="range-fieldtype-wrapper rounded-sm border bg-gray-200 px-4 py-2 dark:border-dark-900 dark:bg-dark-700">
         <div class="flex items-center">
             <div v-if="config.prepend" v-text="__(config.prepend)" class="ltr:mr-2 rtl:ml-2" />
             <input
@@ -16,7 +16,7 @@
                 class="min-w-0 flex-1"
             />
             <div
-                class="mx-2 rounded border bg-gray-100 px-2 py-1 dark:border-dark-900 dark:bg-dark-600 dark:shadow-inner-dark"
+                class="mx-2 rounded-sm border bg-gray-100 px-2 py-1 dark:border-dark-900 dark:bg-dark-600 dark:shadow-inner-dark"
             >
                 {{ val }}
             </div>
diff --git a/resources/js/components/fieldtypes/SelectFieldtype.vue b/resources/js/components/fieldtypes/SelectFieldtype.vue
index 9cb83c0a061..4c99d9ff220 100644
--- a/resources/js/components/fieldtypes/SelectFieldtype.vue
+++ b/resources/js/components/fieldtypes/SelectFieldtype.vue
@@ -22,7 +22,7 @@
             @update:model-value="vueSelectUpdated"
             @focus="$emit('focus')"
             @search:focus="$emit('focus')"
-            @search:blur="$emit('blur')"
+            @-search:blur-sm="$emit('blur-sm')"
         >
             <template #selected-option-container v-if="config.multiple"><i class="hidden"></i></template>
             <template #search="{ events, attributes }" v-if="config.multiple">
diff --git a/resources/js/components/fieldtypes/SlugFieldtype.vue b/resources/js/components/fieldtypes/SlugFieldtype.vue
index a51d38a20ff..f4ada469719 100644
--- a/resources/js/components/fieldtypes/SlugFieldtype.vue
+++ b/resources/js/components/fieldtypes/SlugFieldtype.vue
@@ -22,7 +22,7 @@
                 :name="slug"
                 :id="fieldId"
                 @focus="$emit('focus')"
-                @blur="$emit('blur')"
+                @blur="$emit('blur-sm')"
                 direction="ltr"
             >
                 <template v-slot:append v-if="config.show_regenerate">
diff --git a/resources/js/components/fieldtypes/TableFieldtype.vue b/resources/js/components/fieldtypes/TableFieldtype.vue
index 48f0eb45c70..a003ac00cb7 100644
--- a/resources/js/components/fieldtypes/TableFieldtype.vue
+++ b/resources/js/components/fieldtypes/TableFieldtype.vue
@@ -41,7 +41,7 @@
                         handle-class="table-drag-handle"
                         :mirror="false"
                         @dragstart="$emit('focus')"
-                        @dragend="$emit('blur')"
+                        @dragend="$emit('blur-sm')"
                     >
                         <tbody>
                             <tr class="sortable-row" v-for="(row, rowIndex) in data" :key="row._id">
@@ -53,7 +53,7 @@
                                         class="input-text"
                                         :readonly="isReadOnly"
                                         @focus="$emit('focus')"
-                                        @blur="$emit('blur')"
+                                        @blur="$emit('blur-sm')"
                                     />
                                 </td>
                                 <td class="row-controls" v-if="canDeleteRows">
diff --git a/resources/js/components/fieldtypes/TagsFieldtype.vue b/resources/js/components/fieldtypes/TagsFieldtype.vue
index 8cd49a3cf66..dc3a4b5e2b1 100644
--- a/resources/js/components/fieldtypes/TagsFieldtype.vue
+++ b/resources/js/components/fieldtypes/TagsFieldtype.vue
@@ -16,7 +16,7 @@
         :dropdown-should-open="({ open }) => open && config.options.length > 0"
         @update:model-value="update"
         @search:focus="$emit('focus')"
-        @search:blur="$emit('blur')"
+        @-search:blur-sm="$emit('blur-sm')"
     >
         <template #selected-option-container><i class="hidden"></i></template>
         <template #search="{ events, attributes }">
diff --git a/resources/js/components/fieldtypes/TextFieldtype.vue b/resources/js/components/fieldtypes/TextFieldtype.vue
index 6fbe93be4e4..54012dde9dc 100644
--- a/resources/js/components/fieldtypes/TextFieldtype.vue
+++ b/resources/js/components/fieldtypes/TextFieldtype.vue
@@ -17,7 +17,7 @@
         :direction="config.direction"
         @update:model-value="inputUpdated"
         @focus="$emit('focus')"
-        @blur="$emit('blur')"
+        @blur="$emit('blur-sm')"
     />
 </template>
 
diff --git a/resources/js/components/fieldtypes/TextareaFieldtype.vue b/resources/js/components/fieldtypes/TextareaFieldtype.vue
index 486b7175156..f60e0fc40b4 100644
--- a/resources/js/components/fieldtypes/TextareaFieldtype.vue
+++ b/resources/js/components/fieldtypes/TextareaFieldtype.vue
@@ -7,7 +7,7 @@
         :placeholder="__(config.placeholder)"
         :model-value="value"
         :id="fieldId"
-        @blur="$emit('blur')"
+        @blur="$emit('blur-sm')"
         @focus="$emit('focus')"
         @update:model-value="updateDebounced"
     />
diff --git a/resources/js/components/fieldtypes/TimeFieldtype.vue b/resources/js/components/fieldtypes/TimeFieldtype.vue
index 6c38122d6a9..1f41aebf431 100644
--- a/resources/js/components/fieldtypes/TimeFieldtype.vue
+++ b/resources/js/components/fieldtypes/TimeFieldtype.vue
@@ -17,7 +17,7 @@
                 :readonly="isReadOnly"
                 @keydown.esc="clear"
                 @focus="focused"
-                @blur="$emit('blur')"
+                @blur="$emit('blur-sm')"
                 @change="updateActualValue"
             />
         </div>
diff --git a/resources/js/components/fieldtypes/VideoFieldtype.vue b/resources/js/components/fieldtypes/VideoFieldtype.vue
index 14cd4372f2a..341ed42eb87 100644
--- a/resources/js/components/fieldtypes/VideoFieldtype.vue
+++ b/resources/js/components/fieldtypes/VideoFieldtype.vue
@@ -12,7 +12,7 @@
                     :readonly="isReadOnly"
                     :placeholder="__(config.placeholder) || 'https://www.youtube.com/watch?v=dQw4w9WgXcQ'"
                     @focus="$emit('focus')"
-                    @blur="$emit('blur')"
+                    @blur="$emit('blur-sm')"
                 />
             </div>
         </div>
diff --git a/resources/js/components/fieldtypes/WidthFieldtype.vue b/resources/js/components/fieldtypes/WidthFieldtype.vue
index f5b5dedc65e..470887fcd0b 100644
--- a/resources/js/components/fieldtypes/WidthFieldtype.vue
+++ b/resources/js/components/fieldtypes/WidthFieldtype.vue
@@ -4,7 +4,7 @@
         :model-value="value"
         @update:model-value="updateDebounced"
         @focus="$emit('focus')"
-        @blur="$emit('blur')"
+        @blur="$emit('blur-sm')"
         :initial-widths="config.options"
     />
 </template>
diff --git a/resources/js/components/fieldtypes/assets/AssetRow.vue b/resources/js/components/fieldtypes/assets/AssetRow.vue
index 2f8529b1381..d79fad34502 100644
--- a/resources/js/components/fieldtypes/assets/AssetRow.vue
+++ b/resources/js/components/fieldtypes/assets/AssetRow.vue
@@ -12,7 +12,7 @@
                 v-else
             >
                 <img
-                    class="asset-thumbnail h-7 max-h-full w-7 max-w-full rounded object-cover"
+                    class="asset-thumbnail h-7 max-h-full w-7 max-w-full rounded-sm object-cover"
                     loading="lazy"
                     :src="thumbnail"
                     :alt="asset.basename"
diff --git a/resources/js/components/fieldtypes/assets/AssetsFieldtype.vue b/resources/js/components/fieldtypes/assets/AssetsFieldtype.vue
index 2fc67a7991a..b09f60da483 100644
--- a/resources/js/components/fieldtypes/assets/AssetsFieldtype.vue
+++ b/resources/js/components/fieldtypes/assets/AssetsFieldtype.vue
@@ -77,7 +77,7 @@
                         item-class="asset-tile"
                         handle-class="asset-thumb-container"
                         @dragstart="$emit('focus')"
-                        @dragend="$emit('blur')"
+                        @dragend="$emit('blur-sm')"
                         :constrain-dimensions="true"
                         :disabled="isReadOnly"
                         :distance="5"
@@ -85,7 +85,7 @@
                         append-to="body"
                     >
                         <div
-                            class="asset-grid-listing overflow-hidden rounded border dark:border-dark-900"
+                            class="asset-grid-listing overflow-hidden rounded-sm border dark:border-dark-900"
                             :class="{ 'rounded-t-none': !isReadOnly && (showPicker || uploads.length) }"
                             ref="assets"
                         >
@@ -639,7 +639,7 @@ export default {
         },
 
         showSelector(selecting) {
-            this.$emit(selecting ? 'focus' : 'blur');
+            this.$emit(selecting ? 'focus' : 'blur-sm');
         },
     },
 
diff --git a/resources/js/components/fieldtypes/bard/BardFieldtype.vue b/resources/js/components/fieldtypes/bard/BardFieldtype.vue
index 1beae3c5e50..56aebe4d871 100644
--- a/resources/js/components/fieldtypes/bard/BardFieldtype.vue
+++ b/resources/js/components/fieldtypes/bard/BardFieldtype.vue
@@ -738,7 +738,7 @@ export default {
                     // of Bard. We use a timeout because activeElement only exists after the blur event.
                     setTimeout(() => {
                         if (!this.$refs.container.contains(document.activeElement)) {
-                            this.$emit('blur');
+                            this.$emit('blur-sm');
                             this.showAddSetButton = false;
                         }
                     }, 1);
diff --git a/resources/js/components/fieldtypes/bard/Image.vue b/resources/js/components/fieldtypes/bard/Image.vue
index 471c7387192..1afc7ac090a 100644
--- a/resources/js/components/fieldtypes/bard/Image.vue
+++ b/resources/js/components/fieldtypes/bard/Image.vue
@@ -8,7 +8,7 @@
         >
             <div v-if="src" class="p-2 text-center" draggable="true" data-drag-handle>
                 <div ref="content" hidden />
-                <img :src="src" class="mx-auto block rounded-sm" />
+                <img :src="src" class="mx-auto block rounded-xs" />
             </div>
 
             <div
diff --git a/resources/js/components/fieldtypes/bard/LinkToolbar.vue b/resources/js/components/fieldtypes/bard/LinkToolbar.vue
index 2cb149beefa..60f5d3873f7 100644
--- a/resources/js/components/fieldtypes/bard/LinkToolbar.vue
+++ b/resources/js/components/fieldtypes/bard/LinkToolbar.vue
@@ -4,7 +4,7 @@
             <div class="border-b px-4 py-4 dark:border-dark-900">
                 <div class="flex">
                     <div
-                        class="mb-4 flex h-8 items-center rounded border bg-gray-100 text-gray-800 shadow-inner dark:border-dark-200 dark:bg-dark-600 dark:text-dark-150 ltr:mr-1 rtl:ml-1"
+                        class="mb-4 flex h-8 items-center rounded-sm border bg-gray-100 text-gray-800 shadow-inner dark:border-dark-200 dark:bg-dark-600 dark:text-dark-150 ltr:mr-1 rtl:ml-1"
                     >
                         <select class="input w-auto px-1 text-sm" v-model="linkType">
                             <option v-for="visibleLinkType in visibleLinkTypes" :value="visibleLinkType.type">
@@ -14,7 +14,7 @@
                     </div>
 
                     <div
-                        class="dark:placeholder:dark-text-dark-175 mb-4 flex h-8 w-full items-center rounded border bg-gray-100 p-2 text-gray-800 shadow-inner placeholder:text-gray-600 dark:border-dark-200 dark:bg-dark-600 dark:text-dark-150"
+                        class="dark:placeholder:dark-text-dark-175 mb-4 flex h-8 w-full items-center rounded-sm border bg-gray-100 p-2 text-gray-800 shadow-inner placeholder:text-gray-600 dark:border-dark-200 dark:bg-dark-600 dark:text-dark-150"
                     >
                         <!-- URL input -->
                         <input
@@ -61,7 +61,7 @@
                                 <img
                                     v-if="linkType === 'asset' && itemData.asset && itemData.isImage"
                                     :src="itemData.asset.thumbnail || itemData.asset.url"
-                                    class="asset-thumbnail lazyloaded h-6 max-h-full w-6 max-w-full rounded object-cover ltr:mr-2 rtl:ml-2"
+                                    class="asset-thumbnail lazyloaded h-6 max-h-full w-6 max-w-full rounded-sm object-cover ltr:mr-2 rtl:ml-2"
                                 />
                                 {{ displayValue }}
                             </div>
@@ -81,7 +81,7 @@
 
                 <!-- Title attribute -->
                 <div
-                    class="dark:placeholder:dark-text-dark-175 mb-4 flex h-8 w-full items-center rounded border bg-gray-100 p-2 text-gray-800 shadow-inner placeholder:text-gray-600 dark:border-dark-200 dark:bg-dark-600 dark:text-dark-150"
+                    class="dark:placeholder:dark-text-dark-175 mb-4 flex h-8 w-full items-center rounded-sm border bg-gray-100 p-2 text-gray-800 shadow-inner placeholder:text-gray-600 dark:border-dark-200 dark:bg-dark-600 dark:text-dark-150"
                 >
                     <input
                         type="text"
@@ -94,7 +94,7 @@
 
                 <!-- Rel attribute -->
                 <div
-                    class="dark:placeholder:dark-text-dark-175 flex h-8 w-full items-center rounded border bg-gray-100 p-2 text-gray-800 shadow-inner placeholder:text-gray-600 dark:border-dark-200 dark:bg-dark-600 dark:text-dark-150"
+                    class="dark:placeholder:dark-text-dark-175 flex h-8 w-full items-center rounded-sm border bg-gray-100 p-2 text-gray-800 shadow-inner placeholder:text-gray-600 dark:border-dark-200 dark:bg-dark-600 dark:text-dark-150"
                 >
                     <input
                         type="text"
diff --git a/resources/js/components/fieldtypes/bard/Set.vue b/resources/js/components/fieldtypes/bard/Set.vue
index 9abe074fb08..ee991f60c44 100644
--- a/resources/js/components/fieldtypes/bard/Set.vue
+++ b/resources/js/components/fieldtypes/bard/Set.vue
@@ -1,7 +1,7 @@
 <template>
     <node-view-wrapper>
         <div
-            class="bard-set my-6 whitespace-normal rounded border bg-white shadow-md dark:border-dark-900 dark:bg-dark-500"
+            class="bard-set my-6 whitespace-normal rounded-sm border bg-white shadow-md dark:border-dark-900 dark:bg-dark-500"
             :class="{ 'border-blue-400 dark:border-dark-blue-100': selected || withinSelection, 'has-error': hasError }"
             :data-type="config.handle"
             contenteditable="false"
@@ -250,7 +250,7 @@ export default {
             // We use a timeout because activeElement only exists after the blur event.
             setTimeout(() => {
                 const bard = this.extension.options.bard;
-                if (!bard.$el.contains(document.activeElement)) bard.$emit('blur');
+                if (!bard.$el.contains(document.activeElement)) bard.$emit('blur-sm');
             }, 1);
         },
 
diff --git a/resources/js/components/fieldtypes/date/RangePopover.vue b/resources/js/components/fieldtypes/date/RangePopover.vue
index 32081b973e4..78608c291a5 100644
--- a/resources/js/components/fieldtypes/date/RangePopover.vue
+++ b/resources/js/components/fieldtypes/date/RangePopover.vue
@@ -17,7 +17,7 @@
                                 :value="inputValue.start"
                                 v-on="inputEvents.start"
                                 @focus="$emit('focus', $event.target)"
-                                @blur="$emit('blur')"
+                                @blur="$emit('blur-sm')"
                             />
                             <button
                                 v-if="!isReadOnly"
@@ -52,7 +52,7 @@
                                 :value="inputValue.end"
                                 v-on="inputEvents.end"
                                 @focus="$emit('focus', $event.target)"
-                                @blur="$emit('blur')"
+                                @blur="$emit('blur-sm')"
                             />
                         </div>
                     </div>
@@ -66,7 +66,7 @@
 import Picker from './Picker';
 
 export default {
-    emits: ['update:model-value', 'focus', 'blur'],
+    emits: ['update:model-value', 'focus', 'blur-sm'],
 
     mixins: [Picker],
 
diff --git a/resources/js/components/fieldtypes/date/SinglePopover.vue b/resources/js/components/fieldtypes/date/SinglePopover.vue
index e9c7554972e..36668b9f7d1 100644
--- a/resources/js/components/fieldtypes/date/SinglePopover.vue
+++ b/resources/js/components/fieldtypes/date/SinglePopover.vue
@@ -16,7 +16,7 @@
                             :value="inputValue"
                             v-on="inputEvents"
                             @focus="$emit('focus', $event.target)"
-                            @blur="$emit('blur')"
+                            @blur="$emit('blur-sm')"
                         />
                         <button
                             v-if="!isReadOnly"
@@ -39,7 +39,7 @@
 import Picker from './Picker';
 
 export default {
-    emits: ['update:model-value', 'focus', 'blur'],
+    emits: ['update:model-value', 'focus', 'blur-sm'],
 
     mixins: [Picker],
 
diff --git a/resources/js/components/fieldtypes/grid/Cell.vue b/resources/js/components/fieldtypes/grid/Cell.vue
index b74a9d6e013..068109ad199 100644
--- a/resources/js/components/fieldtypes/grid/Cell.vue
+++ b/resources/js/components/fieldtypes/grid/Cell.vue
@@ -13,7 +13,7 @@
                 @update:value="$emit('updated', $event)"
                 @meta-updated="$emit('meta-updated', $event)"
                 @focus="$emit('focus')"
-                @blur="$emit('blur')"
+                @blur="$emit('blur-sm')"
             />
         </div>
 
diff --git a/resources/js/components/fieldtypes/grid/Grid.vue b/resources/js/components/fieldtypes/grid/Grid.vue
index ef0ce156644..eb7fb4c4334 100644
--- a/resources/js/components/fieldtypes/grid/Grid.vue
+++ b/resources/js/components/fieldtypes/grid/Grid.vue
@@ -161,7 +161,7 @@ export default {
 
             setTimeout(() => {
                 if (!this.$el.contains(document.activeElement)) {
-                    this.$emit('blur');
+                    this.$emit('blur-sm');
                 }
             }, 1);
         },
diff --git a/resources/js/components/fieldtypes/grid/Row.vue b/resources/js/components/fieldtypes/grid/Row.vue
index c066d11a294..0d05f0b549f 100644
--- a/resources/js/components/fieldtypes/grid/Row.vue
+++ b/resources/js/components/fieldtypes/grid/Row.vue
@@ -16,7 +16,7 @@
             @updated="updated(field.handle, $event)"
             @meta-updated="metaUpdated(field.handle, $event)"
             @focus="$emit('focus')"
-            @blur="$emit('blur')"
+            @blur="$emit('blur-sm')"
         />
 
         <td class="grid-row-controls row-controls" v-if="!grid.isReadOnly && (canAddRows || canDelete)">
diff --git a/resources/js/components/fieldtypes/grid/Stacked.vue b/resources/js/components/fieldtypes/grid/Stacked.vue
index 3ef2fb16cda..7e1da6e2df5 100644
--- a/resources/js/components/fieldtypes/grid/Stacked.vue
+++ b/resources/js/components/fieldtypes/grid/Stacked.vue
@@ -8,7 +8,7 @@
             append-to="body"
             constrain-dimensions
             @dragstart="$emit('focus')"
-            @dragend="$emit('blur')"
+            @dragend="$emit('blur-sm')"
             @update:model-value="(rows) => $emit('sorted', rows)"
             v-slot="{}"
         >
@@ -36,7 +36,7 @@
                     @meta-updated="$emit('meta-updated', row._id, $event)"
                     @removed="(row) => $emit('removed', row)"
                     @focus="$emit('focus')"
-                    @blur="$emit('blur')"
+                    @blur="$emit('blur-sm')"
                 />
             </div>
         </sortable-list>
diff --git a/resources/js/components/fieldtypes/grid/StackedRow.vue b/resources/js/components/fieldtypes/grid/StackedRow.vue
index fb5a369f667..861960d5048 100644
--- a/resources/js/components/fieldtypes/grid/StackedRow.vue
+++ b/resources/js/components/fieldtypes/grid/StackedRow.vue
@@ -1,6 +1,6 @@
 <template>
     <div
-        class="replicator-set mb-4 rounded border shadow-sm dark:border-dark-900"
+        class="replicator-set mb-4 rounded-sm border shadow-sm dark:border-dark-900"
         :class="[sortableItemClass, { 'opacity-50': isExcessive }]"
     >
         <div class="replicator-set-header">
@@ -42,7 +42,7 @@
                 @updated="updated(field.handle, $event)"
                 @meta-updated="metaUpdated(field.handle, $event)"
                 @focus="$emit('focus')"
-                @blur="$emit('blur')"
+                @blur="$emit('blur-sm')"
             />
         </div>
     </div>
diff --git a/resources/js/components/fieldtypes/grid/Table.vue b/resources/js/components/fieldtypes/grid/Table.vue
index b8cb4d08393..e10c679eef2 100644
--- a/resources/js/components/fieldtypes/grid/Table.vue
+++ b/resources/js/components/fieldtypes/grid/Table.vue
@@ -14,7 +14,7 @@
             :handle-class="sortableHandleClass"
             append-to="body"
             @dragstart="$emit('focus')"
-            @dragend="$emit('blur')"
+            @dragend="$emit('blur-sm')"
             @update:model-value="(rows) => $emit('sorted', rows)"
             v-slot="{}"
         >
@@ -35,7 +35,7 @@
                     @duplicate="(row) => $emit('duplicate', row)"
                     @removed="(row) => $emit('removed', row)"
                     @focus="$emit('focus')"
-                    @blur="$emit('blur')"
+                    @blur="$emit('blur-sm')"
                 />
             </tbody>
         </sortable-list>
diff --git a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
index 8fc1e34770e..c0b708cf24a 100644
--- a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
+++ b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
@@ -754,7 +754,7 @@ export default {
             });
 
             self.codemirror.on('focus', () => self.$emit('focus'));
-            self.codemirror.on('blur', () => self.$emit('blur'));
+            self.codemirror.on('blur-sm', () => self.$emit('blur-sm'));
 
             // Expose the array of selections to the Vue instance
             self.codemirror.on('beforeSelectionChange', function (cm, obj) {
diff --git a/resources/js/components/fieldtypes/relationship/RelationshipFieldtype.vue b/resources/js/components/fieldtypes/relationship/RelationshipFieldtype.vue
index ec822fb3a0d..a3390957c62 100644
--- a/resources/js/components/fieldtypes/relationship/RelationshipFieldtype.vue
+++ b/resources/js/components/fieldtypes/relationship/RelationshipFieldtype.vue
@@ -28,7 +28,7 @@
         :initial-sort-column="meta.initialSortColumn"
         :initial-sort-direction="meta.initialSortDirection"
         @focus="$emit('focus')"
-        @blur="$emit('blur')"
+        @blur="$emit('blur-sm')"
         @input="update"
         @item-data-updated="itemDataUpdated"
     />
diff --git a/resources/js/components/fieldtypes/replicator/Field.vue b/resources/js/components/fieldtypes/replicator/Field.vue
index 4426aaf9432..3eb372712a9 100644
--- a/resources/js/components/fieldtypes/replicator/Field.vue
+++ b/resources/js/components/fieldtypes/replicator/Field.vue
@@ -34,7 +34,7 @@
             @update:value="$emit('updated', $event)"
             @meta-updated="$emit('meta-updated', $event)"
             @focus="$emit('focus')"
-            @blur="$emit('blur')"
+            @blur="$emit('blur-sm')"
             @replicator-preview-updated="$emit('replicator-preview-updated', $event)"
         />
 
diff --git a/resources/js/components/fieldtypes/replicator/Replicator.vue b/resources/js/components/fieldtypes/replicator/Replicator.vue
index 8edad7525fa..d7122f6938c 100644
--- a/resources/js/components/fieldtypes/replicator/Replicator.vue
+++ b/resources/js/components/fieldtypes/replicator/Replicator.vue
@@ -26,7 +26,7 @@
                             constrain-dimensions
                             @update:model-value="sorted($event)"
                             @dragstart="$emit('focus')"
-                            @dragend="$emit('blur')"
+                            @dragend="$emit('blur-sm')"
                             v-slot="{}"
                         >
                             <div class="replicator-set-container">
@@ -296,7 +296,7 @@ export default {
 
             setTimeout(() => {
                 if (!this.$el.contains(document.activeElement)) {
-                    this.$emit('blur');
+                    this.$emit('blur-sm');
                 }
             }, 1);
         },
diff --git a/resources/js/components/fieldtypes/replicator/Set.vue b/resources/js/components/fieldtypes/replicator/Set.vue
index e4bc7903f3f..99cbb4ae09a 100644
--- a/resources/js/components/fieldtypes/replicator/Set.vue
+++ b/resources/js/components/fieldtypes/replicator/Set.vue
@@ -67,7 +67,7 @@
                     @updated="updated(field.handle, $event)"
                     @meta-updated="metaUpdated(field.handle, $event)"
                     @focus="$emit('focus')"
-                    @blur="$emit('blur')"
+                    @blur="$emit('blur-sm')"
                     @replicator-preview-updated="previewUpdated(field.handle, $event)"
                 />
             </div>
diff --git a/resources/js/components/fieldtypes/replicator/SetPicker.vue b/resources/js/components/fieldtypes/replicator/SetPicker.vue
index c4ddbd546e4..053998b9e79 100644
--- a/resources/js/components/fieldtypes/replicator/SetPicker.vue
+++ b/resources/js/components/fieldtypes/replicator/SetPicker.vue
@@ -17,7 +17,7 @@
                 <input
                     ref="search"
                     type="text"
-                    class="input-text h-auto w-full rounded border px-2 py-1 text-xs dark:border-gray-900 dark:bg-dark-650"
+                    class="input-text h-auto w-full rounded-sm border px-2 py-1 text-xs dark:border-gray-900 dark:bg-dark-650"
                     :placeholder="__('Search Sets')"
                     v-show="showSearch"
                     v-model="search"
@@ -25,7 +25,7 @@
                 <div v-if="showGroupBreadcrumb" class="flex items-center font-medium text-gray-700 dark:text-gray-600">
                     <button
                         @click="unselectGroup"
-                        class="rounded hover:text-gray-900 dark:hover:text-gray-500 ltr:ml-2.5 rtl:mr-2.5"
+                        class="rounded-sm hover:text-gray-900 dark:hover:text-gray-500 ltr:ml-2.5 rtl:mr-2.5"
                     >
                         {{ __('Groups') }}
                     </button>
@@ -37,7 +37,7 @@
                 <div
                     v-for="(item, i) in items"
                     :key="item.handle"
-                    class="cursor-pointer rounded"
+                    class="cursor-pointer rounded-sm"
                     :class="{ 'bg-gray-200 dark:bg-dark-600': selectionIndex === i }"
                     @mouseover="selectionIndex = i"
                 >
@@ -49,7 +49,7 @@
                         <svg-icon
                             :name="groupIconName(item.icon)"
                             :directory="iconBaseDirectory"
-                            class="h-9 w-9 rounded border border-gray-600 bg-white p-2 text-gray-800 dark:border-dark-800 dark:bg-dark-650 dark:text-dark-175 ltr:mr-2 rtl:ml-2"
+                            class="h-9 w-9 rounded-sm border border-gray-600 bg-white p-2 text-gray-800 dark:border-dark-800 dark:bg-dark-650 dark:text-dark-175 ltr:mr-2 rtl:ml-2"
                         />
                         <div class="flex-1">
                             <div class="w-52 truncate text-md font-medium text-gray-800 dark:text-dark-175">
@@ -75,7 +75,7 @@
                         <svg-icon
                             :name="setIconName(item.icon)"
                             :directory="iconBaseDirectory"
-                            class="h-9 w-9 rounded border border-gray-600 bg-white p-2 text-gray-800 dark:border-dark-800 dark:bg-dark-650 dark:text-dark-175 ltr:mr-2 rtl:ml-2"
+                            class="h-9 w-9 rounded-sm border border-gray-600 bg-white p-2 text-gray-800 dark:border-dark-800 dark:bg-dark-650 dark:text-dark-175 ltr:mr-2 rtl:ml-2"
                         />
                         <div class="flex-1">
                             <div class="w-52 truncate text-md font-medium text-gray-800 dark:text-dark-175">
diff --git a/resources/js/components/forms/CreateForm.vue b/resources/js/components/forms/CreateForm.vue
index 6907a194804..fd876191732 100644
--- a/resources/js/components/forms/CreateForm.vue
+++ b/resources/js/components/forms/CreateForm.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="mx-auto mt-4 max-w-lg">
-        <div class="rounded bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
+        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
             <header class="mb-16 text-center">
                 <h1 class="mb-6">{{ __('Create Form') }}</h1>
                 <p class="text-gray" v-text="__('messages.form_configure_intro')" />
diff --git a/resources/js/components/forms/Listing.vue b/resources/js/components/forms/Listing.vue
index 456003ffe67..b9082eec885 100644
--- a/resources/js/components/forms/Listing.vue
+++ b/resources/js/components/forms/Listing.vue
@@ -2,7 +2,7 @@
     <data-list :visible-columns="columns" :columns="columns" :rows="items" v-slot="{ filteredRows: rows }">
         <div class="card relative overflow-hidden p-0">
             <data-list-bulk-actions
-                class="rounded"
+                class="rounded-sm"
                 :url="actionUrl"
                 @started="actionStarted"
                 @completed="actionCompleted"
diff --git a/resources/js/components/globals/Create.vue b/resources/js/components/globals/Create.vue
index 3939331f923..d9051ca091f 100644
--- a/resources/js/components/globals/Create.vue
+++ b/resources/js/components/globals/Create.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="mx-auto mt-4 max-w-lg">
-        <div class="rounded bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
+        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
             <header class="mb-16 text-center">
                 <h1 class="mb-6">{{ __('Create Global Set') }}</h1>
                 <p class="text-gray" v-text="__('messages.globals_configure_intro')" />
diff --git a/resources/js/components/globals/PublishForm.vue b/resources/js/components/globals/PublishForm.vue
index 8a9ce9369d4..255774d1bb3 100644
--- a/resources/js/components/globals/PublishForm.vue
+++ b/resources/js/components/globals/PublishForm.vue
@@ -82,7 +82,7 @@
                     @synced="syncField"
                     @desynced="desyncField"
                     @focus="container.$emit('focus', $event)"
-                    @blur="container.$emit('blur', $event)"
+                    @blur="container.$emit('blur-sm', $event)"
                 />
             </div>
         </publish-container>
diff --git a/resources/js/components/inputs/Select.vue b/resources/js/components/inputs/Select.vue
index 18c23eae0e7..70572d9b231 100644
--- a/resources/js/components/inputs/Select.vue
+++ b/resources/js/components/inputs/Select.vue
@@ -8,7 +8,7 @@
             :value="modelValue"
             :disabled="isReadOnly"
             @focus="$emit('focus')"
-            @blur="$emit('blur')"
+            @blur="$emit('blur-sm')"
         >
             <option v-if="placeholder" v-text="__(placeholder)" value="" disabled :selected="modelValue === null" />
 
diff --git a/resources/js/components/inputs/Text.vue b/resources/js/components/inputs/Text.vue
index 4fa6b026f9a..53089494948 100644
--- a/resources/js/components/inputs/Text.vue
+++ b/resources/js/components/inputs/Text.vue
@@ -25,7 +25,7 @@
                 @input="$emit('update:model-value', $event.target.value)"
                 @keydown="$emit('keydown', $event)"
                 @focus="$emit('focus')"
-                @blur="$emit('blur')"
+                @blur="$emit('blur-sm')"
             />
             <slot name="append" v-if="append">
                 <div class="input-group-append">
@@ -43,7 +43,7 @@
 import LengthLimiter from '../LengthLimiter.vue';
 
 export default {
-    emits: ['update:model-value', 'keydown', 'focus', 'blur'],
+    emits: ['update:model-value', 'keydown', 'focus', 'blur-sm'],
     mixins: [LengthLimiter],
     props: {
         name: {},
diff --git a/resources/js/components/inputs/Textarea.vue b/resources/js/components/inputs/Textarea.vue
index 506523c2730..67435f8ce7c 100644
--- a/resources/js/components/inputs/Textarea.vue
+++ b/resources/js/components/inputs/Textarea.vue
@@ -11,7 +11,7 @@
             :autofocus="focus"
             @input.stop="$emit('update:model-value', $event.target.value)"
             @focus.stop="$emit('focus')"
-            @blur.stop="$emit('blur')"
+            @blur.stop="$emit('blur-sm')"
         />
         <div
             class="-mb-3 text-xs @sm:-mb-5 @lg:-mb-5 ltr:text-right rtl:text-left"
diff --git a/resources/js/components/inputs/relationship/CreateButton.vue b/resources/js/components/inputs/relationship/CreateButton.vue
index be22de4a4d9..5482f524b20 100644
--- a/resources/js/components/inputs/relationship/CreateButton.vue
+++ b/resources/js/components/inputs/relationship/CreateButton.vue
@@ -3,7 +3,7 @@
         <dropdown-list :disabled="creatables.length === 1">
             <template #trigger>
                 <button
-                    class="text-button flex items-center text-blue outline-none hover:text-gray-800 dark:text-dark-blue-100 dark:hover:text-dark-100 ltr:mr-6 rtl:ml-6"
+                    class="text-button flex items-center text-blue outline-hidden hover:text-gray-800 dark:text-dark-blue-100 dark:hover:text-dark-100 ltr:mr-6 rtl:ml-6"
                     @click="create"
                 >
                     <svg-icon
diff --git a/resources/js/components/inputs/relationship/RelationshipInput.vue b/resources/js/components/inputs/relationship/RelationshipInput.vue
index f380dd81a8c..08433cf67ec 100644
--- a/resources/js/components/inputs/relationship/RelationshipInput.vue
+++ b/resources/js/components/inputs/relationship/RelationshipInput.vue
@@ -12,7 +12,7 @@
             :site="site"
             @input="selectFieldSelected"
             @focus="$emit('focus')"
-            @blur="$emit('blur')"
+            @blur="$emit('blur-sm')"
         />
 
         <loading-graphic v-if="initializing" :inline="true" />
@@ -20,7 +20,7 @@
         <template v-if="shouldShowSelectedItems">
             <div
                 ref="items"
-                class="relationship-input-items space-y-1 outline-none"
+                class="relationship-input-items space-y-1 outline-hidden"
                 :class="{ 'mt-4': usesSelectField && items.length }"
             >
                 <component
@@ -36,7 +36,7 @@
                     :form-component="formComponent"
                     :form-component-props="formComponentProps"
                     :form-stack-size="formStackSize"
-                    class="item outline-none"
+                    class="item outline-hidden"
                     @removed="remove(i)"
                 />
             </div>
@@ -64,7 +64,7 @@
                     </div>
                     <button
                         ref="existing"
-                        class="mb-2 flex items-center text-blue outline-none hover:text-gray-800 dark:text-dark-blue-100 dark:hover:text-dark-100"
+                        class="mb-2 flex items-center text-blue outline-hidden hover:text-gray-800 dark:text-dark-blue-100 dark:hover:text-dark-100"
                         @click.prevent="isSelecting = true"
                     >
                         <svg-icon name="light/hyperlink" class="flex h-4 w-4 items-center ltr:mr-1 rtl:ml-1"></svg-icon>
@@ -232,7 +232,7 @@ export default {
         },
 
         isSelecting(selecting) {
-            this.$emit(selecting ? 'focus' : 'blur');
+            this.$emit(selecting ? 'focus' : 'blur-sm');
         },
 
         itemData(data, olddata) {
@@ -291,7 +291,7 @@ export default {
                     this.value.length === 1 ? e.cancel() : this.$emit('focus');
                 })
                 .on('drag:stop', (e) => {
-                    this.$emit('blur');
+                    this.$emit('blur-sm');
                 })
                 .on('sortable:stop', (e) => {
                     const val = [...this.value];
diff --git a/resources/js/components/inputs/relationship/SelectField.vue b/resources/js/components/inputs/relationship/SelectField.vue
index 7df843ee217..1ab4a7a9341 100644
--- a/resources/js/components/inputs/relationship/SelectField.vue
+++ b/resources/js/components/inputs/relationship/SelectField.vue
@@ -19,7 +19,7 @@
             @update:model-value="input"
             @search="search"
             @search:focus="$emit('focus')"
-            @search:blur="$emit('blur')"
+            @-search:blur-sm="$emit('blur-sm')"
         >
             <template #option="{ title, hint, status }">
                 <div class="flex items-center justify-between">
diff --git a/resources/js/components/nav/Branch.vue b/resources/js/components/nav/Branch.vue
index 73683b10740..e3bf69f6a2b 100644
--- a/resources/js/components/nav/Branch.vue
+++ b/resources/js/components/nav/Branch.vue
@@ -16,7 +16,7 @@
 
                 <button
                     v-if="hasChildren && !isSection"
-                    class="dark:hover:dark-text-150 flex p-2 text-gray-600 outline-none transition duration-100 hover:text-gray-700 dark:text-dark-200"
+                    class="dark:hover:dark-text-150 flex p-2 text-gray-600 outline-hidden transition duration-100 hover:text-gray-700 dark:text-dark-200"
                     :class="{ '-rotate-90': !isOpen }"
                     @click="$emit('toggle-open')"
                 >
diff --git a/resources/js/components/nav/Builder.vue b/resources/js/components/nav/Builder.vue
index 3efc0548399..3a85549a7cc 100644
--- a/resources/js/components/nav/Builder.vue
+++ b/resources/js/components/nav/Builder.vue
@@ -97,7 +97,7 @@
             >
                 <template #placeholder>
                     <div
-                        class="w-full rounded border border-dashed border-blue-400 bg-blue-500/10 p-2"
+                        class="w-full rounded-sm border border-dashed border-blue-400 bg-blue-500/10 p-2"
                         :class="{
                             'mt-8': isSectionNode(draggingStat),
                             'ml-[-24px]': isDraggingIntoTopLevel,
diff --git a/resources/js/components/nav/TopLevelBranch.vue b/resources/js/components/nav/TopLevelBranch.vue
index 84ad7b808a1..7a3d1226b3e 100644
--- a/resources/js/components/nav/TopLevelBranch.vue
+++ b/resources/js/components/nav/TopLevelBranch.vue
@@ -2,7 +2,7 @@
     <div class="flex">
         <div
             v-if="!hasChildren"
-            class="w-full rounded border border-dashed border-gray-500 p-2 text-center text-xs text-gray-600"
+            class="w-full rounded-sm border border-dashed border-gray-500 p-2 text-center text-xs text-gray-600"
         >
             &nbsp;
         </div>
diff --git a/resources/js/components/navigation/CreateForm.vue b/resources/js/components/navigation/CreateForm.vue
index 0ddc8b4325d..bec5fcc56ce 100644
--- a/resources/js/components/navigation/CreateForm.vue
+++ b/resources/js/components/navigation/CreateForm.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="mx-auto mt-4 max-w-lg">
-        <div class="rounded bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
+        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
             <header class="mb-16 text-center">
                 <h1 class="mb-6">{{ __('Create Navigation') }}</h1>
                 <p class="text-gray" v-text="__('messages.navigation_configure_intro')" />
diff --git a/resources/js/components/navigation/View.vue b/resources/js/components/navigation/View.vue
index 7ecf24fd126..0077b33a79e 100644
--- a/resources/js/components/navigation/View.vue
+++ b/resources/js/components/navigation/View.vue
@@ -84,7 +84,7 @@
                                 name="light/hammer-wrench"
                                 class="h-8 w-8 text-gray-800 dark:text-dark-175 ltr:mr-4 rtl:ml-4"
                             />
-                            <div class="mb-4 flex-1 md:mb-0 ltr:md:mr-6 rtl:md:ml-6">
+                            <div class="mb-4 flex-1 md:mb-0 md:ltr:mr-6 md:rtl:ml-6">
                                 <h3 class="mb-2 text-blue dark:text-blue-600">
                                     {{ __('Configure Navigation') }}
                                     <span v-html="direction === 'ltr' ? '&rarr;' : '&larr;'"></span>
@@ -100,7 +100,7 @@
                                 name="paperclip"
                                 class="h-8 w-8 text-gray-800 dark:text-dark-175 ltr:mr-4 rtl:ml-4"
                             />
-                            <div class="mb-4 flex-1 md:mb-0 ltr:md:mr-6 rtl:md:ml-6">
+                            <div class="mb-4 flex-1 md:mb-0 md:ltr:mr-6 md:rtl:ml-6">
                                 <h3 class="mb-2 text-blue dark:text-blue-600">
                                     {{ __('Link to URL') }}
                                     <span v-html="direction === 'ltr' ? '&rarr;' : '&larr;'"></span>
@@ -117,7 +117,7 @@
                                 name="light/hierarchy-files"
                                 class="h-8 w-8 text-gray-800 dark:text-dark-175 ltr:mr-4 rtl:ml-4"
                             />
-                            <div class="mb-4 flex-1 md:mb-0 ltr:md:mr-6 rtl:md:ml-6">
+                            <div class="mb-4 flex-1 md:mb-0 md:ltr:mr-6 md:rtl:ml-6">
                                 <h3 class="mb-2 text-blue dark:text-blue-600">
                                     {{ __('Link to Entry') }}
                                     <span v-html="direction === 'ltr' ? '&rarr;' : '&larr;'"></span>
@@ -133,7 +133,7 @@
                                 name="light/book-pages"
                                 class="h-8 w-8 text-gray-800 dark:text-dark-175 ltr:mr-4 rtl:ml-4"
                             />
-                            <div class="mb-4 flex-1 md:mb-0 ltr:md:mr-6 rtl:md:ml-6">
+                            <div class="mb-4 flex-1 md:mb-0 md:ltr:mr-6 md:rtl:ml-6">
                                 <h3 class="mb-2 text-blue dark:text-blue-600">
                                     {{ __('Read the Documentation') }}
                                     <span v-html="direction === 'ltr' ? '&rarr;' : '&larr;'"></span>
diff --git a/resources/js/components/publish/Container.vue b/resources/js/components/publish/Container.vue
index a4195becb50..54e2168a3d9 100644
--- a/resources/js/components/publish/Container.vue
+++ b/resources/js/components/publish/Container.vue
@@ -8,7 +8,7 @@ import { isEqual } from 'lodash-es';
 import clone from '@statamic/util/clone.js';
 
 export default {
-    emits: ['updated', 'focus', 'blur'],
+    emits: ['updated', 'focus', 'blur-sm'],
 
     props: {
         reference: {
diff --git a/resources/js/components/publish/Field.vue b/resources/js/components/publish/Field.vue
index 3c6281c481e..ed5a6069ba5 100644
--- a/resources/js/components/publish/Field.vue
+++ b/resources/js/components/publish/Field.vue
@@ -44,7 +44,7 @@
                     <button
                         v-if="!isReadOnly && !isTab"
                         v-show="syncable && isSynced"
-                        class="outline-none"
+                        class="outline-hidden"
                         :class="{ flex: syncable && isSynced }"
                         @click="$emit('desynced')"
                     >
@@ -58,7 +58,7 @@
                     <button
                         v-if="!isReadOnly && !isTab"
                         v-show="syncable && !isSynced"
-                        class="outline-none"
+                        class="outline-hidden"
                         :class="{ flex: syncable && !isSynced }"
                         @click="$emit('synced')"
                     >
@@ -279,7 +279,7 @@ export default {
 
         blurred() {
             if (!this.isLocked) {
-                this.$emit('blur');
+                this.$emit('blur-sm');
             }
         },
 
diff --git a/resources/js/components/publish/Fields.vue b/resources/js/components/publish/Fields.vue
index 6e5e09e9b6c..efdc8561782 100644
--- a/resources/js/components/publish/Fields.vue
+++ b/resources/js/components/publish/Fields.vue
@@ -16,7 +16,7 @@
             @synced="$emit('synced', field.handle)"
             @desynced="$emit('desynced', field.handle)"
             @focus="$emit('focus', field.handle)"
-            @blur="$emit('blur', field.handle)"
+            @blur="$emit('blur-sm', field.handle)"
         />
     </div>
 </template>
@@ -26,7 +26,7 @@ import PublishField from './Field.vue';
 import { ValidatesFieldConditions } from '../field-conditions/FieldConditions.js';
 
 export default {
-    emits: ['updated', 'meta-updated', 'synced', 'desynced', 'focus', 'blur'],
+    emits: ['updated', 'meta-updated', 'synced', 'desynced', 'focus', 'blur-sm'],
 
     components: { PublishField },
 
diff --git a/resources/js/components/publish/Sections.vue b/resources/js/components/publish/Sections.vue
index 5041ea1f37f..5d7f9e87d16 100644
--- a/resources/js/components/publish/Sections.vue
+++ b/resources/js/components/publish/Sections.vue
@@ -20,7 +20,7 @@
                     @synced="$emit('synced', $event)"
                     @desynced="$emit('desynced', $event)"
                     @focus="$emit('focus', $event)"
-                    @blur="$emit('blur', $event)"
+                    @blur="$emit('blur-sm', $event)"
                 />
             </div>
         </div>
@@ -31,7 +31,7 @@
 import { ValidatesFieldConditions } from '../field-conditions/FieldConditions.js';
 
 export default {
-    emits: ['updated', 'meta-updated', 'synced', 'desynced', 'focus', 'blur'],
+    emits: ['updated', 'meta-updated', 'synced', 'desynced', 'focus', 'blur-sm'],
 
     mixins: [ValidatesFieldConditions],
 
diff --git a/resources/js/components/publish/Tabs.vue b/resources/js/components/publish/Tabs.vue
index a9e632e5df8..cdf655fa153 100644
--- a/resources/js/components/publish/Tabs.vue
+++ b/resources/js/components/publish/Tabs.vue
@@ -75,7 +75,7 @@
                             @synced="$emit('synced', $event)"
                             @desynced="$emit('desynced', $event)"
                             @focus="$emit('focus', $event)"
-                            @blur="$emit('blur', $event)"
+                            @blur="$emit('blur-sm', $event)"
                         />
                     </div>
                 </div>
@@ -99,7 +99,7 @@
                             @synced="$emit('synced', $event)"
                             @desynced="$emit('desynced', $event)"
                             @focus="$emit('focus', $event)"
-                            @blur="$emit('blur', $event)"
+                            @blur="$emit('blur-sm', $event)"
                         />
                     </div>
                 </div>
diff --git a/resources/js/components/structures/Branch.vue b/resources/js/components/structures/Branch.vue
index be9cef578b5..1534c661d44 100644
--- a/resources/js/components/structures/Branch.vue
+++ b/resources/js/components/structures/Branch.vue
@@ -28,7 +28,7 @@
 
                 <button
                     v-if="hasChildren"
-                    class="flex p-2 text-gray-600 outline-none transition duration-100 hover:text-gray-700 dark:text-dark-175 dark:hover:text-dark-150"
+                    class="flex p-2 text-gray-600 outline-hidden transition duration-100 hover:text-gray-700 dark:text-dark-175 dark:hover:text-dark-150"
                     :class="{ '-rotate-90': !isOpen }"
                     @click.stop="$emit('toggle-open')"
                 >
diff --git a/resources/js/components/structures/PageEditor.vue b/resources/js/components/structures/PageEditor.vue
index 4abb24b0e23..eb63e3532c1 100644
--- a/resources/js/components/structures/PageEditor.vue
+++ b/resources/js/components/structures/PageEditor.vue
@@ -49,7 +49,7 @@
                             @synced="syncField"
                             @desynced="desyncField"
                             @focus="container.$emit('focus', $event)"
-                            @blur="container.$emit('blur', $event)"
+                            @blur="container.$emit('blur-sm', $event)"
                         />
                     </div>
                 </publish-container>
diff --git a/resources/js/components/structures/PageTree.vue b/resources/js/components/structures/PageTree.vue
index 77e1bc8b48f..b75c3d22da4 100644
--- a/resources/js/components/structures/PageTree.vue
+++ b/resources/js/components/structures/PageTree.vue
@@ -35,7 +35,7 @@
                 @close:node="nodeClosed"
             >
                 <template #placeholder>
-                    <div class="w-full rounded border border-dashed border-blue-400 bg-blue-500/10 p-2">&nbsp;</div>
+                    <div class="w-full rounded-sm border border-dashed border-blue-400 bg-blue-500/10 p-2">&nbsp;</div>
                 </template>
 
                 <template #default="{ node, stat }">
diff --git a/resources/js/components/taxonomies/CreateForm.vue b/resources/js/components/taxonomies/CreateForm.vue
index 271dc273bdb..7bdd9f0a901 100644
--- a/resources/js/components/taxonomies/CreateForm.vue
+++ b/resources/js/components/taxonomies/CreateForm.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="mx-auto mt-4 max-w-lg">
-        <div class="rounded bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
+        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
             <header class="mb-16 text-center">
                 <h1 class="mb-6">{{ __('Create Taxonomy') }}</h1>
                 <p class="text-gray" v-text="__('messages.taxonomy_configure_intro')" />
diff --git a/resources/js/components/terms/PublishForm.vue b/resources/js/components/terms/PublishForm.vue
index e420ef41a76..d1d122ba34d 100644
--- a/resources/js/components/terms/PublishForm.vue
+++ b/resources/js/components/terms/PublishForm.vue
@@ -101,7 +101,7 @@
                             @synced="syncField"
                             @desynced="desyncField"
                             @focus="container.$emit('focus', $event)"
-                            @blur="container.$emit('blur', $event)"
+                            @blur="container.$emit('blur-sm', $event)"
                         >
                             <template #actions="{ shouldShowSidebar }">
                                 <div
diff --git a/resources/js/components/ui/Badge.vue b/resources/js/components/ui/Badge.vue
index 78baf3c88db..5ad4a6d69c5 100644
--- a/resources/js/components/ui/Badge.vue
+++ b/resources/js/components/ui/Badge.vue
@@ -23,8 +23,8 @@ const badgeClasses = computed(() => {
         base: 'inline-flex items-center gap-1 font-normal antialiased whitespace-nowrap no-underline not-prose',
         variants: {
             size: {
-                sm: 'text-2xs py-0 leading-normal px-1 rounded-sm [&_svg]:size-2',
-                default: 'text-xs py-0.5 px-2 rounded-sm [&_svg]:size-2.5',
+                sm: 'text-2xs py-0 leading-normal px-1 rounded-xs [&_svg]:size-2',
+                default: 'text-xs py-0.5 px-2 rounded-xs [&_svg]:size-2.5',
                 lg: 'text-sm py-1 px-3 rounded-md [&_svg]:size-3 [&_svg]:me-1',
             },
             color: {
diff --git a/resources/js/components/ui/Button/Index.vue b/resources/js/components/ui/Button/Index.vue
index eaf21b79d9b..7b69d6c26eb 100644
--- a/resources/js/components/ui/Button/Index.vue
+++ b/resources/js/components/ui/Button/Index.vue
@@ -27,7 +27,7 @@ const buttonClasses = computed(() => {
             variant: {
                 default: [
                     'bg-linear-to-b from-white to-gray-50 hover:to-gray-100 text-gray-800 border border-gray-300 shadow-ui-sm',
-                    'dark:from-gray-800 dark:to-gray-850 dark:hover:to-gray-800 hover:bg-gray-50 dark:hover:bg-gray-850 dark:border-b-0 dark:ring dark:ring-black dark:border-white/15 dark:text-gray-300 dark:shadow-md'
+                    'dark:from-gray-800 dark:to-gray-850 dark:hover:to-gray-800 hover:bg-gray-50 dark:hover:bg-gray-850 dark:border-b-0 dark:ring-3 dark:ring-black dark:border-white/15 dark:text-gray-300 dark:shadow-md'
                 ],
                 primary: [
                     'bg-linear-to-b from-primary/90 to-primary hover:bg-primary-hover text-white border border-primary-border shadow-ui-md inset-shadow-2xs inset-shadow-white/25',
@@ -43,10 +43,10 @@ const buttonClasses = computed(() => {
                 xs: 'px-2 h-6.5 text-xs',
             },
             groupBorder: {
-                default: '[[data-ui-button-group]_&]:border-s-0 [:is([data-ui-button-group]>&:first-child,_[data-ui-button-group]_:first-child>&)]:border-s-[1px]',
-                primary: '[[data-ui-button-group]_&]:border-e-0 [:is([data-ui-button-group]>&:last-child,_[data-ui-button-group]_:last-child>&)]:border-e-[1px] [:is([data-ui-button-group]>&:not(:first-child),_[data-ui-button-group]_:not(:first-child)>&)]:border-s-primary-gap',
-                danger: '[[data-ui-button-group]_&]:border-s-0 [[data-ui-button-group]_&]:border-e [:is([data-ui-button-group]>&:last-child,_[data-ui-button-group]_:last-child>&)]:border-e-0 [[data-ui-button-group]_&]:border-red-600',
-                filled: '[[data-ui-button-group]_&]:border-e [:is([data-ui-button-group]>&:last-child,_[data-ui-button-group]_:last-child>&)]:border-e-0 [[data-ui-button-group]_&]:border-gray-300/70',
+                default: 'in-data-ui-button-group:border-s-0 [:is([data-ui-button-group]>&:first-child,_[data-ui-button-group]_:first-child>&)]:border-s-[1px]',
+                primary: 'in-data-ui-button-group:border-e-0 [:is([data-ui-button-group]>&:last-child,_[data-ui-button-group]_:last-child>&)]:border-e-[1px] [:is([data-ui-button-group]>&:not(:first-child),_[data-ui-button-group]_:not(:first-child)>&)]:border-s-primary-gap',
+                danger: 'in-data-ui-button-group:border-s-0 in-data-ui-button-group:border-e [:is([data-ui-button-group]>&:last-child,_[data-ui-button-group]_:last-child>&)]:border-e-0 in-data-ui-button-group:border-red-600',
+                filled: 'in-data-ui-button-group:border-e [:is([data-ui-button-group]>&:last-child,_[data-ui-button-group]_:last-child>&)]:border-e-0 in-data-ui-button-group:border-gray-300/70',
                 ghost: '',
             },
             iconOnly: { true: 'px-0' },
diff --git a/resources/js/components/ui/Calendar/Index.vue b/resources/js/components/ui/Calendar/Index.vue
index a78b4a480a2..469bedef7c5 100644
--- a/resources/js/components/ui/Calendar/Index.vue
+++ b/resources/js/components/ui/Calendar/Index.vue
@@ -91,15 +91,15 @@ const maxValue = computed(() => props.max ? (typeof props.max === 'string' ? par
                                 :day="weekDate"
                                 :month="month.value"
                                 class="
-                                    relative flex items-center justify-center rounded-lg whitespace-nowrap text-sm font-normal text-black dark:text-white size-8 outline-none
-                                    data-[outside-view]:text-gray-400 dark:data-[outside-view]:text-gray-600
-                                    data-[selected]:!bg-gray-800 data-[selected]:text-white dark:data-[selected]:!bg-gray-200 dark:data-[selected]:text-black
-                                    hover:bg-gray-100 data-[highlighted]:bg-gray-200 dark:hover:bg-black dark:data-[highlighted]:bg-black
-                                    data-[disabled]:pointer-events-none data-[disabled]:hover:bg-transparent
-                                    data-[disabled]:text-gray-400 dark:data-[disabled]:text-gray-600
-                                    data-[unavailable]:pointer-events-none data-[unavailable]:text-black/30 data-[unavailable]:line-through
+                                    relative flex items-center justify-center rounded-lg whitespace-nowrap text-sm font-normal text-black dark:text-white size-8 outline-hidden
+                                    data-outside-view:text-gray-400 dark:data-outside-view:text-gray-600
+                                    data-selected:bg-gray-800! data-selected:text-white dark:data-selected:bg-gray-200! dark:data-selected:text-black
+                                    hover:bg-gray-100 data-highlighted:bg-gray-200 dark:hover:bg-black dark:data-highlighted:bg-black
+                                    data-disabled:pointer-events-none data-disabled:hover:bg-transparent
+                                    data-disabled:text-gray-400 dark:data-disabled:text-gray-600
+                                    data-unavailable:pointer-events-none data-unavailable:text-black/30 data-unavailable:line-through
                                     before:absolute before:top-[3px] before:hidden before:rounded-lg before:w-1 before:h-1 before:bg-white
-                                    data-[today]:before:block data-[today]:before:bg-green-600
+                                    data-today:before:block data-today:before:bg-green-600
                                 "
                             />
                         </CalendarCell>
diff --git a/resources/js/components/ui/Checkbox/Item.vue b/resources/js/components/ui/Checkbox/Item.vue
index a8a2928aa7f..9c6d41bb2fa 100644
--- a/resources/js/components/ui/Checkbox/Item.vue
+++ b/resources/js/components/ui/Checkbox/Item.vue
@@ -16,7 +16,7 @@ const id = useId();
         <CheckboxRoot
             :id
             :value="value"
-            class="bg-white size-4 mt-0.5 rounded border border-gray-300 dark:border-none data-[state=checked]:border-gray-900 data-[state=checked]:bg-gray-900 dark:data-[state=checked]:bg-white shadow-ui-xs outline-none cursor-default"
+            class="bg-white size-4 mt-0.5 rounded-sm border border-gray-300 dark:border-none data-[state=checked]:border-gray-900 data-[state=checked]:bg-gray-900 dark:data-[state=checked]:bg-white shadow-ui-xs outline-hidden cursor-default"
         >
             <CheckboxIndicator
                 class="flex items-center justify-center w-full h-full relative text-white dark:text-gray-800"
diff --git a/resources/js/components/ui/Datepicker/Index.vue b/resources/js/components/ui/Datepicker/Index.vue
index e1a59d69e84..7dd64ea5cb5 100644
--- a/resources/js/components/ui/Datepicker/Index.vue
+++ b/resources/js/components/ui/Datepicker/Index.vue
@@ -51,10 +51,10 @@ const maxValue = computed(() => props.max ? (typeof props.max === 'string' ? par
             <DatePickerField v-slot="{ segments }" class="w-full">
                 <div class="
                     w-full flex bg-white dark:bg-gray-900
-                    border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-xs dark:inset-shadow-black
+                    border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-2xs dark:inset-shadow-black
                     text-gray-600 dark:text-gray-300 leading-[1.375rem]
                     shadow-ui-sm disabled:shadow-none rounded-lg ps-3 pe-10 py-2 h-10 not-prose
-                    data-[invalid]:border-red-500
+                    data-invalid:border-red-500
                 ">
                     <template v-for="item in segments" :key="item.part">
                         <DatePickerInput v-if="item.part === 'literal'" :part="item.part">
@@ -63,14 +63,14 @@ const maxValue = computed(() => props.max ? (typeof props.max === 'string' ? par
                         <DatePickerInput
                             v-else
                             :part="item.part"
-                            class="py-0.5 px-0.25 rounded focus:outline-none focus:bg-gray-50 dark:focus:bg-gray-800 data-[placeholder]:text-gray-600 dark:data-[placeholder]:text-gray-400"
+                            class="py-0.5 px-0.25 rounded-sm focus:outline-hidden focus:bg-gray-50 dark:focus:bg-gray-800 data-placeholder:text-gray-600 dark:data-placeholder:text-gray-400"
                             :class="{ 'px-0.5!': item.part === 'month' || item.part === 'year' || item.part === 'day' }"
                         >
                             {{ item.value }}
                         </DatePickerInput>
                     </template>
                 </div>
-                <DatePickerTrigger class="absolute text-gray-400 hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-gray-900 dark:focus:bg-gray-900 rounded-lg flex items-center justify-center end-1 px-2 top-1 bottom-1 outline-none">
+                <DatePickerTrigger class="absolute text-gray-400 hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-gray-900 dark:focus:bg-gray-900 rounded-lg flex items-center justify-center end-1 px-2 top-1 bottom-1 outline-hidden">
                     <ui-icon name="calendar" class="w-4 h-4" />
                 </DatePickerTrigger>
             </DatePickerField>
diff --git a/resources/js/components/ui/Dropdown/Footer.vue b/resources/js/components/ui/Dropdown/Footer.vue
index a36370e44ba..3578032b7d0 100644
--- a/resources/js/components/ui/Dropdown/Footer.vue
+++ b/resources/js/components/ui/Dropdown/Footer.vue
@@ -16,7 +16,7 @@ const hasDefaultSlot = !!slots.default;
             <div v-if="icon" class="size-6 flex items-center justify-center rounded-lg bg-gray-100 dark:bg-gray-900 p-1 text-gray-700 dark:text-gray-500">
                 <ui-icon :name="icon" />
             </div>
-            <div class="flex-grow truncate text-sm text-gray-600 dark:text-gray-400 group-hover/footer:text-gray-900 dark:group-hover/footer:text-gray-200 antialiased">
+            <div class="grow truncate text-sm text-gray-600 dark:text-gray-400 group-hover/footer:text-gray-900 dark:group-hover/footer:text-gray-200 antialiased">
                 <slot v-if="hasDefaultSlot" />
                 <template v-else>{{ text }}</template>
             </div>
diff --git a/resources/js/components/ui/Dropdown/Header.vue b/resources/js/components/ui/Dropdown/Header.vue
index 17cd2ad14c8..37ebf673b26 100644
--- a/resources/js/components/ui/Dropdown/Header.vue
+++ b/resources/js/components/ui/Dropdown/Header.vue
@@ -16,7 +16,7 @@ const hasDefaultSlot = !!slots.default;
         <div v-if="icon" class="size-6 -ms-1 me-2 flex items-center justify-center rounded-lg bg-gray-100 dark:bg-gray-800 p-1 text-gray-700 dark:text-gray-400">
             <ui-icon :name="icon" />
         </div>
-        <div class="flex-grow truncate col-start-2">
+        <div class="grow truncate col-start-2">
             <slot v-if="hasDefaultSlot" />
             <template v-else>{{ text }}</template>
         </div>
diff --git a/resources/js/components/ui/Dropdown/Index.vue b/resources/js/components/ui/Dropdown/Index.vue
index bf28cb7d845..f3a3cf192d5 100644
--- a/resources/js/components/ui/Dropdown/Index.vue
+++ b/resources/js/components/ui/Dropdown/Index.vue
@@ -19,7 +19,7 @@ const props = defineProps({
 
 const dropdownContentClasses = cva({
     base: [
-        'rounded-xl w-64 bg-gray-50 dark:bg-gray-800 outline-none overflow-hidden group',
+        'rounded-xl w-64 bg-gray-50 dark:bg-gray-800 outline-hidden overflow-hidden group',
         'border border-gray-200 dark:border-black shadow-lg popoverAnimation'
     ],
 })({});
diff --git a/resources/js/components/ui/Dropdown/Item.vue b/resources/js/components/ui/Dropdown/Item.vue
index 8817ce7eb1a..d79d5cf2a2a 100644
--- a/resources/js/components/ui/Dropdown/Item.vue
+++ b/resources/js/components/ui/Dropdown/Item.vue
@@ -19,7 +19,7 @@ const hasDefaultSlot = !!slots.default;
         py-1.5 px-1 rounded-lg text-sm antialiased
         not-data-disabled:cursor-pointer data-disabled:opacity-50
         hover:not-data-disabled:bg-gray-50 dark:hover:not-data-disabled:bg-gray-950
-        outline-none focus-visible:bg-gray-100 dark:focus-visible:bg-gray-950" data-ui-dropdown-item
+        outline-hidden focus-visible:bg-gray-100 dark:focus-visible:bg-gray-950" data-ui-dropdown-item
     >
         <div v-if="icon" class="size-6 flex items-center justify-center p-1 text-gray-500">
             <ui-icon :name="icon" class="size-3.5!" />
diff --git a/resources/js/components/ui/Dropdown/Menu.vue b/resources/js/components/ui/Dropdown/Menu.vue
index 373e8c48a5c..2523c80a4e4 100644
--- a/resources/js/components/ui/Dropdown/Menu.vue
+++ b/resources/js/components/ui/Dropdown/Menu.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="grid grid-cols-[auto_1fr] bg-white dark:bg-gray-900 p-1.5 rounded-b-xl group-has-[[data-ui-dropdown-footer]]:border-b border-gray-200 dark:border-black shadow-ui-xs overflow-hidden">
+    <div class="grid grid-cols-[auto_1fr] bg-white dark:bg-gray-900 p-1.5 rounded-b-xl group-has-data-ui-dropdown-footer:border-b border-gray-200 dark:border-black shadow-ui-xs overflow-hidden">
         <slot />
     </div>
 </template>
diff --git a/resources/js/components/ui/Field.vue b/resources/js/components/ui/Field.vue
index d8bf23a0800..a0e80beb252 100644
--- a/resources/js/components/ui/Field.vue
+++ b/resources/js/components/ui/Field.vue
@@ -15,7 +15,7 @@ const classes = cva({
         /* When label exists but no description follows */
         '[&>[data-ui-label]:not(:has(+[data-ui-description]))]:mb-2',
         /* When label is followed by description */
-        '[&>[data-ui-description]]:mb-2',
+        '*:data-ui-description:mb-2',
         /* Dim label when a child input control is disabled */
         '[&:not(:has([data-ui-field])):has([data-ui-control][disabled])>[data-ui-label]]:opacity-50'
     ],
diff --git a/resources/js/components/ui/Input/Group.vue b/resources/js/components/ui/Input/Group.vue
index 394ae4b5e06..fd471e371b8 100644
--- a/resources/js/components/ui/Input/Group.vue
+++ b/resources/js/components/ui/Input/Group.vue
@@ -12,7 +12,7 @@ const props = defineProps({
     <ui-with-field :label :description :required :badge>
         <div
             class="
-                flex group/input w-full *:data-ui-input:grow
+                flex group/input w-full data-ui-input:*:grow
                 [&>[data-ui-input]:not(:first-child):not(:last-child)>[data-ui-group-target]:not([data-invalid])]:border-x-0
                 [&>[data-ui-input]:first-child:not(:last-child)>[data-ui-group-target]:not([data-invalid])]:border-e-0
                 [&>[data-ui-input]:last-child:not(:first-child)>[data-ui-group-target]:not([data-invalid])]:border-s-0
diff --git a/resources/js/components/ui/Input/Index.vue b/resources/js/components/ui/Input/Index.vue
index e6b58b98c38..603a63aa138 100644
--- a/resources/js/components/ui/Input/Index.vue
+++ b/resources/js/components/ui/Input/Index.vue
@@ -30,7 +30,7 @@ const inputClasses = computed(() => {
     const classes = cva({
         base: [
             'w-full block bg-white dark:bg-gray-900',
-            'border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-xs dark:inset-shadow-black',
+            'border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-2xs dark:inset-shadow-black',
             'text-gray-600 dark:text-gray-300',
             'appearance-none antialiased shadow-ui-sm disabled:shadow-none not-prose',
         ],
@@ -38,7 +38,7 @@ const inputClasses = computed(() => {
             size: {
                 base: 'text-base rounded-lg px-3 py-2 h-10 leading-[1.375rem]',
                 sm: 'text-sm rounded-md px-2.5 py-1.5 h-8 leading-[1.125rem]',
-                xs: 'text-xs rounded-sm px-2 py-1.5 h-6 leading-[1.125rem]'
+                xs: 'text-xs rounded-xs px-2 py-1.5 h-6 leading-[1.125rem]'
             },
         },
         compoundVariants: [
diff --git a/resources/js/components/ui/Modal/Index.vue b/resources/js/components/ui/Modal/Index.vue
index d6f6c418cf0..be92026f657 100644
--- a/resources/js/components/ui/Modal/Index.vue
+++ b/resources/js/components/ui/Modal/Index.vue
@@ -11,7 +11,7 @@ const hasModalTitleComponent = hasComponent('ModalTitle');
 
 const modalClasses = cva({
     base: [
-        'fixed outline-none left-1/2 top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2',
+        'fixed outline-hidden left-1/2 top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2',
         'bg-white/80 dark:bg-gray-850 backdrop-blur-[2px] rounded-2xl p-2',
         'shadow-[0_8px_5px_-6px_rgba(0,0,0,0.12),_0_3px_8px_0_rgba(0,0,0,0.02),_0_30px_22px_-22px_rgba(39,39,42,0.35)]',
         'dark:shadow-[0_5px_20px_rgba(0,0,0,.5)]',
diff --git a/resources/js/components/ui/Panel/Index.vue b/resources/js/components/ui/Panel/Index.vue
index 3c8a33f1e97..3a6c973329a 100644
--- a/resources/js/components/ui/Panel/Index.vue
+++ b/resources/js/components/ui/Panel/Index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="
-            bg-gray-100 dark:bg-black/25 dark:border-b dark:border-white/13 dark:inset-shadow-xs dark:inset-shadow-black
+            bg-gray-100 dark:bg-black/25 dark:border-b dark:border-white/13 dark:inset-shadow-2xs dark:inset-shadow-black
             rounded-[.825rem] px-1 py-1.25 w-full not-prose
         "
         data-ui-panel
diff --git a/resources/js/components/ui/Popover.vue b/resources/js/components/ui/Popover.vue
index 8f73afd7913..1ed090261f1 100644
--- a/resources/js/components/ui/Popover.vue
+++ b/resources/js/components/ui/Popover.vue
@@ -16,7 +16,7 @@ const props = defineProps({
 
 const popoverContentClasses = cva({
     base: [
-        'rounded-xl w-64 bg-white dark:bg-gray-800 outline-none overflow-hidden',
+        'rounded-xl w-64 bg-white dark:bg-gray-800 outline-hidden overflow-hidden',
         'border border-gray-200 dark:border-white/15 dark:border-b-0 shadow-lg',
         'duration-100 will-change-[transform,opacity]',
         'data-[state=open]:animate-in data-[state=closed]:animate-out',
diff --git a/resources/js/components/ui/Radio/Item.vue b/resources/js/components/ui/Radio/Item.vue
index 75c1944949d..feb952ebc97 100644
--- a/resources/js/components/ui/Radio/Item.vue
+++ b/resources/js/components/ui/Radio/Item.vue
@@ -16,7 +16,7 @@ const id = useId();
         <RadioGroupItem
             :id
             :value="value"
-            class="bg-white size-4 mt-0.5 rounded-full border border-gray-300 dark:border-none data-[active=true]:border-gray-900 data-[active=true]:bg-gray-900 dark:data-[active=true]:bg-white shadow-ui-xs outline-none cursor-default"
+            class="bg-white size-4 mt-0.5 rounded-full border border-gray-300 dark:border-none data-[active=true]:border-gray-900 data-[active=true]:bg-gray-900 dark:data-[active=true]:bg-white shadow-ui-xs outline-hidden cursor-default"
         >
             <RadioGroupIndicator
                 class="flex items-center justify-center w-full h-full relative after:content-[''] after:block after:w-1.5 after:h-1.5 after:rounded-[50%] after:bg-white dark:after:bg-gray-800"
diff --git a/resources/js/components/ui/Select/Index.vue b/resources/js/components/ui/Select/Index.vue
index 97ab9b62d2b..b74320083bb 100644
--- a/resources/js/components/ui/Select/Index.vue
+++ b/resources/js/components/ui/Select/Index.vue
@@ -32,12 +32,12 @@ const attrs = useAttrs();
 
 
 const triggerClasses = cva({
-    base: 'w-full flex items-center justify-between border border-gray-300 dark:border-b-0 dark:ring dark:ring-gray-900 dark:border-white/15 text-gray-600 dark:text-gray-300 antialiased appearance-none shadow-ui-sm dark:shadow-md not-prose',
+    base: 'w-full flex items-center justify-between border border-gray-300 dark:border-b-0 dark:ring-3 dark:ring-gray-900 dark:border-white/15 text-gray-600 dark:text-gray-300 antialiased appearance-none shadow-ui-sm dark:shadow-md not-prose',
     variants: {
         size: {
             base: 'text-base rounded-lg ps-3 py-2 h-10 leading-[1.375rem]',
             sm: 'text-sm rounded-md ps-2.5 py-1.5 h-8 leading-[1.125rem]',
-            xs: 'text-xs rounded-sm ps-2 py-1.5 h-6 leading-[1.125rem]'
+            xs: 'text-xs rounded-xs ps-2 py-1.5 h-6 leading-[1.125rem]'
         },
         flat: {
             true: 'shadow-none',
@@ -47,7 +47,7 @@ const triggerClasses = cva({
 })({ size: props.size, flat: props.flat })
 
 const itemClasses = cva({
-    base: 'antialiased rounded-lg py-1.5 px-2 flex items-center gap-2 text-gray-600 dark:text-gray-300 relative select-none data-[disabled]:text-gray-300 data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-gray-50 data-[highlighted]:text-gray-900 dark:data-[highlighted]:bg-gray-700 dark:data-[highlighted]:text-gray-300',
+    base: 'antialiased rounded-lg py-1.5 px-2 flex items-center gap-2 text-gray-600 dark:text-gray-300 relative select-none data-disabled:text-gray-300 data-disabled:pointer-events-none data-highlighted:outline-hidden data-highlighted:bg-gray-50 data-highlighted:text-gray-900 dark:data-highlighted:bg-gray-700 dark:data-highlighted:text-gray-300',
     variants: {
         size: {
             base: '',
@@ -71,7 +71,7 @@ const itemClasses = cva({
                     position="popper"
                     :side-offset="5"
                     class="
-                        bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-white/10 shadow-ui-sm p-2 z-[100]
+                        bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-white/10 shadow-ui-sm p-2 z-100
                         w-[var(--reka-select-trigger-width)] max-h-[var(--reka-select-content-available-height)]
                     "
                 >
diff --git a/resources/js/components/ui/Slider.vue b/resources/js/components/ui/Slider.vue
index d204fbbe2f8..3657c949f30 100644
--- a/resources/js/components/ui/Slider.vue
+++ b/resources/js/components/ui/Slider.vue
@@ -27,7 +27,7 @@ defineEmits(['update:modelValue']);
                 <SliderRange class="absolute bg-slate-900 rounded-full h-full" />
             </SliderTrack>
             <SliderThumb
-                class="block w-5 h-5 bg-white rounded-full hover:bg-gray-50 border-2 border-gray-900 shadow-ui-sm focus:outline-none focus:shadow-ui-md"
+                class="block w-5 h-5 bg-white rounded-full hover:bg-gray-50 border-2 border-gray-900 shadow-ui-sm focus:outline-hidden focus:shadow-ui-md"
                 :aria-label="label"
             />
         </SliderRoot>
diff --git a/resources/js/components/ui/Switch.vue b/resources/js/components/ui/Switch.vue
index 2a46b31bc15..c6e45198b26 100644
--- a/resources/js/components/ui/Switch.vue
+++ b/resources/js/components/ui/Switch.vue
@@ -21,7 +21,7 @@ defineEmits(['update:modelValue']);
             @update:checked="$emit('update:modelValue', $event)"
             class="
                 relative flex h-[20px] w-[32px] rounded-full border
-                transition-[background] focus-within:outline-none
+                transition-[background] focus-within:outline-hidden
                 data-[state=checked]:border-gray-700
                 data-[state=checked]:bg-gray-800
                 data-[state=unchecked]:border-transparent
diff --git a/resources/js/components/ui/Textarea.vue b/resources/js/components/ui/Textarea.vue
index aed8ebfd81e..87259a5ee4b 100644
--- a/resources/js/components/ui/Textarea.vue
+++ b/resources/js/components/ui/Textarea.vue
@@ -17,7 +17,7 @@ const props = defineProps({
 const classes = cva({
     base: [
         'w-full block bg-white dark:bg-gray-900 px-3 pt-2.5 pb-3 rounded-lg',
-        'border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-xs dark:inset-shadow-black',
+        'border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-2xs dark:inset-shadow-black',
         'text-gray-600 dark:text-gray-300',
         'appearance-none antialiased shadow-ui-sm disabled:shadow-none not-prose',
     ],
diff --git a/resources/js/components/updater/Updater.vue b/resources/js/components/updater/Updater.vue
index 6cc10209fc5..3772de30979 100644
--- a/resources/js/components/updater/Updater.vue
+++ b/resources/js/components/updater/Updater.vue
@@ -18,7 +18,7 @@
         </div>
 
         <div
-            class="mb-6 flex cursor-pointer items-center justify-between rounded border border-dashed border-yellow-dark bg-yellow p-4 text-xs"
+            class="mb-6 flex cursor-pointer items-center justify-between rounded-sm border border-dashed border-yellow-dark bg-yellow p-4 text-xs"
             v-if="!showingUnlicensedReleases && hasUnlicensedReleases"
             @click="showingUnlicensedReleases = true"
         >
diff --git a/resources/js/components/user-groups/PublishForm.vue b/resources/js/components/user-groups/PublishForm.vue
index 5d220257f5a..21ef7c91289 100644
--- a/resources/js/components/user-groups/PublishForm.vue
+++ b/resources/js/components/user-groups/PublishForm.vue
@@ -32,7 +32,7 @@
                     @updated="setFieldValue"
                     @meta-updated="setFieldMeta"
                     @focus="container.$emit('focus', $event)"
-                    @blur="container.$emit('blur', $event)"
+                    @blur="container.$emit('blur-sm', $event)"
                 ></publish-tabs>
             </div>
         </publish-container>
diff --git a/resources/js/components/users/Listing.vue b/resources/js/components/users/Listing.vue
index 53195f04c4c..cbe7b3e3b08 100644
--- a/resources/js/components/users/Listing.vue
+++ b/resources/js/components/users/Listing.vue
@@ -76,7 +76,7 @@
                     <div v-show="items.length === 0" class="p-6 text-center text-gray-500" v-text="__('No results')" />
 
                     <data-list-bulk-actions
-                        class="rounded"
+                        class="rounded-sm"
                         :url="actionUrl"
                         @started="actionStarted"
                         @completed="actionCompleted"
diff --git a/resources/js/components/users/PublishForm.vue b/resources/js/components/users/PublishForm.vue
index a69ac541cca..657ccbae82d 100644
--- a/resources/js/components/users/PublishForm.vue
+++ b/resources/js/components/users/PublishForm.vue
@@ -53,7 +53,7 @@
                     @updated="setFieldValue"
                     @meta-updated="setFieldMeta"
                     @focus="container.$emit('focus', $event)"
-                    @blur="container.$emit('blur', $event)"
+                    @blur="container.$emit('blur-sm', $event)"
                 ></publish-tabs>
             </div>
         </publish-container>
diff --git a/resources/js/components/users/Wizard.vue b/resources/js/components/users/Wizard.vue
index 87068c5ec31..cb90f3990e1 100644
--- a/resources/js/components/users/Wizard.vue
+++ b/resources/js/components/users/Wizard.vue
@@ -222,10 +222,11 @@
 
 <style scoped>
 :deep(.publish-fields .form-group .field-inner > label) {
-    @apply mb-1 text-base font-bold;
+    /* TODO: Remove @apply */
+    /* @apply mb-1 text-base font-bold;
     & + .help-block {
         @apply -mt-1 !important;
-    }
+    } */
 }
 </style>
 
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index 7a167e85f56..119df668795 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -9,7 +9,7 @@
 @section('content')
     @include('statamic::partials.outside-logo')
 
-    <div class="relative mx-auto flex max-w-xs items-center justify-center rounded shadow-lg">
+    <div class="relative mx-auto flex max-w-xs items-center justify-center rounded-sm shadow-lg">
         <div class="outside-shadow absolute inset-0"></div>
         <div class="card auth-card">
             <login
diff --git a/resources/views/auth/passwords/email.blade.php b/resources/views/auth/passwords/email.blade.php
index 7cdc796b464..4bb03a9e05b 100644
--- a/resources/views/auth/passwords/email.blade.php
+++ b/resources/views/auth/passwords/email.blade.php
@@ -7,7 +7,7 @@
 @section('content')
     @include('statamic::partials.outside-logo')
 
-    <div class="relative mx-auto flex max-w-xs items-center justify-center rounded shadow-lg">
+    <div class="relative mx-auto flex max-w-xs items-center justify-center rounded-sm shadow-lg">
         <div class="outside-shadow absolute inset-0"></div>
         <div class="card auth-card">
             <div class="mb-4 pb-4 text-center">
diff --git a/resources/views/auth/passwords/reset.blade.php b/resources/views/auth/passwords/reset.blade.php
index 5b72d5110c5..cc2c4e2d7f1 100644
--- a/resources/views/auth/passwords/reset.blade.php
+++ b/resources/views/auth/passwords/reset.blade.php
@@ -7,7 +7,7 @@
 @section('content')
     <h1 class="mb-6 pt-20 text-center text-gray-800 dark:text-white/80">{{ $title }}</h1>
 
-    <div class="relative mx-auto flex max-w-xs items-center justify-center rounded shadow-lg">
+    <div class="relative mx-auto flex max-w-xs items-center justify-center rounded-sm shadow-lg">
         <div class="outside-shadow absolute inset-0"></div>
         <div class="card auth-card" x-data="{ busy: false }" v-pre>
             <form method="POST" action="{{ $action }}" x-on:submit="busy = true">
diff --git a/resources/views/auth/protect/password.antlers.html b/resources/views/auth/protect/password.antlers.html
index fc7b9ab618f..bec17a98104 100644
--- a/resources/views/auth/protect/password.antlers.html
+++ b/resources/views/auth/protect/password.antlers.html
@@ -40,7 +40,7 @@
         <h2 class="mb-4 mt-4 text-xl font-normal">{{ trans key="Protected Page" }}</h2>
 
         {{ protect:password_form }}
-            <div class="mx-auto max-w-xs rounded bg-white p-8 shadow">
+            <div class="mx-auto max-w-xs rounded-sm bg-white p-8 shadow">
                 {{ if no_token }}
                     <p>{{ trans key="statamic::messages.password_protect_token_missing" }}</p>
                 {{ else }}
@@ -49,12 +49,12 @@ <h2 class="mb-4 mt-4 text-xl font-normal">{{ trans key="Protected Page" }}</h2>
                             type="password"
                             name="password"
                             autofocus
-                            class="mb-6 block w-full rounded-sm border p-4 text-center shadow-inner"
+                            class="mb-6 block w-full rounded-xs border p-4 text-center shadow-inner"
                             placeholder="{{ trans key="statamic::messages.password_protect_enter_password" }}"
                         />
                     </div>
 
-                    <button class="block w-full rounded-sm bg-blue-400 px-6 py-4 text-sm text-white">
+                    <button class="block w-full rounded-xs bg-blue-400 px-6 py-4 text-sm text-white">
                         {{ trans key="Submit" }}
                     </button>
                 {{ /if }}
diff --git a/resources/views/auth/unauthorized.blade.php b/resources/views/auth/unauthorized.blade.php
index add10e2e808..71f2d4c7051 100644
--- a/resources/views/auth/unauthorized.blade.php
+++ b/resources/views/auth/unauthorized.blade.php
@@ -8,7 +8,7 @@
 @section('content')
     @include('statamic::partials.outside-logo')
 
-    <div class="relative mx-auto flex max-w-xs items-center justify-center rounded shadow-lg">
+    <div class="relative mx-auto flex max-w-xs items-center justify-center rounded-sm shadow-lg">
         <div class="outside-shadow absolute inset-0"></div>
         <div class="card auth-card">
             <div class="mb-6">{{ __('Unauthorized') }}</div>
diff --git a/resources/views/collections/blueprints/create.blade.php b/resources/views/collections/blueprints/create.blade.php
index a918428a5a7..1534d3bd8c4 100644
--- a/resources/views/collections/blueprints/create.blade.php
+++ b/resources/views/collections/blueprints/create.blade.php
@@ -9,7 +9,7 @@
 <form action="{{ $action }}" method="POST">
     @csrf
     <div class="mx-auto mt-4 max-w-lg">
-        <div class="rounded bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
+        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
             <header class="mb-16 text-center">
                 <h1 class="mb-6">{{ __('Create Blueprint') }}</h1>
                 <p class="text-gray">{{ __('statamic::messages.blueprints_intro') }}</p>
diff --git a/resources/views/collections/empty.blade.php b/resources/views/collections/empty.blade.php
index ec955cd4964..ee40d4bd45a 100644
--- a/resources/views/collections/empty.blade.php
+++ b/resources/views/collections/empty.blade.php
@@ -20,7 +20,7 @@
             <div class="h-8 w-8 rtl:ml-4 ltr:mr-4 text-gray-800 dark:text-dark-175">
                 @cp_svg('icons/light/hammer-wrench')
             </div>
-            <div class="flex-1 mb-4 md:mb-0 rtl:md:ml-6 ltr:md:mr-6">
+            <div class="flex-1 mb-4 md:mb-0 md:rtl:ml-6 md:ltr:mr-6">
                 <h3 class="mb-2 text-blue dark:text-blue-600">{{ __('Configure Collection') }} @rarr</h3>
                 <p>{{ __('statamic::messages.collection_next_steps_configure_description') }}</p>
             </div>
@@ -36,7 +36,7 @@ class="w-full lg:w-1/2 p-4 flex items-start hover:bg-gray-200 dark:hover:bg-dark
             <div class="h-8 w-8 rtl:ml-4 ltr:mr-4 text-gray-800 dark:text-dark-175">
                 @cp_svg('icons/light/content-writing')
             </div>
-            <div class="flex-1 mb-4 md:mb-0 rtl:md:ml-6 ltr:md:mr-6">
+            <div class="flex-1 mb-4 md:mb-0 md:rtl:ml-6 md:ltr:mr-6">
                 <h3 class="mb-2 text-blue dark:text-blue-600">{{ $collection->createLabel() }} @if (!$multipleBlueprints) @rarr @endif</h3>
                 <p>{{ __('statamic::messages.collection_next_steps_create_entry_description') }}</p>
                 @if ($multipleBlueprints)
@@ -53,7 +53,7 @@ class="text-blue text-sm rtl:ml-2 ltr:mr-2">{{ $blueprint->title() }} @rarr</a>
             <div class="h-8 w-8 rtl:ml-4 ltr:mr-4 text-gray-800 dark:text-dark-175">
                 @cp_svg('icons/light/blueprint')
             </div>
-            <div class="flex-1 mb-4 md:mb-0 rtl:md:ml-6 ltr:md:mr-6">
+            <div class="flex-1 mb-4 md:mb-0 md:rtl:ml-6 md:ltr:mr-6">
                 <h3 class="mb-2 text-blue dark:text-blue-600">{{ __('Configure Blueprints') }} @rarr</h3>
                 <p>{{ __('statamic::messages.collection_next_steps_blueprints_description') }}</p>
             </div>
@@ -64,7 +64,7 @@ class="text-blue text-sm rtl:ml-2 ltr:mr-2">{{ $blueprint->title() }} @rarr</a>
             <div class="h-8 w-8 rtl:ml-4 ltr:mr-4 text-gray-800 dark:text-dark-175">
                 @cp_svg('icons/light/crane')
             </div>
-            <div class="flex-1 mb-4 md:mb-0 rtl:md:ml-6 ltr:md:mr-6">
+            <div class="flex-1 mb-4 md:mb-0 md:rtl:ml-6 md:ltr:mr-6">
                 <h3 class="mb-2 text-blue dark:text-blue-600">{{ __('Scaffold Views') }} @rarr</h3>
                 <p>{{ __('statamic::messages.collection_next_steps_scaffold_description') }}</p>
             </div>
diff --git a/resources/views/licensing.blade.php b/resources/views/licensing.blade.php
index d6ef8284dbe..0245152bd18 100644
--- a/resources/views/licensing.blade.php
+++ b/resources/views/licensing.blade.php
@@ -42,7 +42,7 @@
     </div>
 
     @if ($configCached)
-        <div class="rounded border border-yellow-dark bg-yellow p-4 text-xs dark:border-none dark:bg-dark-blue-100">
+        <div class="rounded-sm border border-yellow-dark bg-yellow p-4 text-xs dark:border-none dark:bg-dark-blue-100">
             <div class="mb-2 font-bold">{{ __('Configuration is cached') }}</div>
             <p>{!! __('statamic::messages.licensing_config_cached_warning') !!}</p>
         </div>
@@ -50,7 +50,7 @@
 
     @if ($site->key() && $site->usesIncorrectKeyFormat())
         <div
-            class="{{ $configCached ? 'mt-8' : '' }} rounded border border-yellow-dark bg-yellow p-4 text-xs dark:border-none dark:bg-dark-blue-100"
+            class="{{ $configCached ? 'mt-8' : '' }} rounded-sm border border-yellow-dark bg-yellow p-4 text-xs dark:border-none dark:bg-dark-blue-100"
         >
             <div class="mb-2 font-bold">{{ __('statamic::messages.licensing_incorrect_key_format_heading') }}</div>
             <p>{!! __('statamic::messages.licensing_incorrect_key_format_body') !!}</p>
diff --git a/resources/views/partials/global-header.blade.php b/resources/views/partials/global-header.blade.php
index 1ff16aa357b..522c049b6ee 100644
--- a/resources/views/partials/global-header.blade.php
+++ b/resources/views/partials/global-header.blade.php
@@ -3,7 +3,7 @@
 @endphp
 
 <div class="global-header">
-    <div class="lg:min-w-xl flex h-full items-center ltr:pl-2 ltr:md:pl-6 rtl:pr-2 rtl:md:pr-6">
+    <div class="lg:min-w-xl flex h-full items-center ltr:pl-2 md:ltr:pl-6 rtl:pr-2 md:rtl:pr-6">
         <button
             class="nav-toggle hidden shrink-0 md:flex ltr:ml-1 rtl:mr-1"
             @click="toggleNav"
diff --git a/resources/views/taxonomies/blueprints/create.blade.php b/resources/views/taxonomies/blueprints/create.blade.php
index a918428a5a7..1534d3bd8c4 100644
--- a/resources/views/taxonomies/blueprints/create.blade.php
+++ b/resources/views/taxonomies/blueprints/create.blade.php
@@ -9,7 +9,7 @@
 <form action="{{ $action }}" method="POST">
     @csrf
     <div class="mx-auto mt-4 max-w-lg">
-        <div class="rounded bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
+        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
             <header class="mb-16 text-center">
                 <h1 class="mb-6">{{ __('Create Blueprint') }}</h1>
                 <p class="text-gray">{{ __('statamic::messages.blueprints_intro') }}</p>
diff --git a/resources/views/taxonomies/empty.blade.php b/resources/views/taxonomies/empty.blade.php
index 3cca0fafdb3..87722f0610c 100644
--- a/resources/views/taxonomies/empty.blade.php
+++ b/resources/views/taxonomies/empty.blade.php
@@ -28,7 +28,7 @@ class="group flex w-full items-start rounded-md p-4 hover:bg-gray-200 dark:hover
                 <div class="h-8 w-8 text-gray-800 dark:text-dark-175 ltr:mr-4 rtl:ml-4">
                     @cp_svg('icons/light/hammer-wrench')
                 </div>
-                <div class="mb-4 flex-1 md:mb-0 ltr:md:mr-6 rtl:md:ml-6">
+                <div class="mb-4 flex-1 md:mb-0 md:ltr:mr-6 md:rtl:ml-6">
                     <h3 class="mb-2 text-blue dark:text-blue-600">
                         {{ __('Configure Taxonomy') }}
                         @rarr
@@ -46,7 +46,7 @@ class="group flex w-full items-start rounded-md p-4 hover:bg-gray-200 dark:hover
                 <div class="h-8 w-8 text-gray-800 dark:text-dark-175 ltr:mr-4 rtl:ml-4">
                     @cp_svg('icons/light/content-writing')
                 </div>
-                <div class="mb-4 flex-1 md:mb-0 ltr:md:mr-6 rtl:md:ml-6">
+                <div class="mb-4 flex-1 md:mb-0 md:ltr:mr-6 md:rtl:ml-6">
                     <h3 class="mb-2 text-blue dark:text-blue-600">
                         {{ __('Create Term') }}
                         @rarr
@@ -64,7 +64,7 @@ class="group flex w-full items-start rounded-md p-4 hover:bg-gray-200 dark:hover
                 <div class="h-8 w-8 text-gray-800 dark:text-dark-175 ltr:mr-4 rtl:ml-4">
                     @cp_svg('icons/light/blueprint')
                 </div>
-                <div class="mb-4 flex-1 md:mb-0 ltr:md:mr-6 rtl:md:ml-6">
+                <div class="mb-4 flex-1 md:mb-0 md:ltr:mr-6 md:rtl:ml-6">
                     <h3 class="mb-2 text-blue dark:text-blue-600">
                         {{ __('Configure Blueprints') }}
                         @rarr
diff --git a/resources/views/utilities/git.blade.php b/resources/views/utilities/git.blade.php
index 95030069536..655de309ff2 100644
--- a/resources/views/utilities/git.blade.php
+++ b/resources/views/utilities/git.blade.php
@@ -39,7 +39,7 @@
                 <code class="font-normal">{{ $path }}</code>
             </h2>
             <pre
-                class="mt-4 rounded bg-gray-300 p-4 font-mono text-sm text-gray-700 dark:bg-dark-800 dark:text-dark-150"
+                class="mt-4 rounded-sm bg-gray-300 p-4 font-mono text-sm text-gray-700 dark:bg-dark-800 dark:text-dark-150"
                 dir="ltr"
             >
 {{ $status->status }}</pre
diff --git a/resources/views/utilities/index.blade.php b/resources/views/utilities/index.blade.php
index 0b23353e2a2..ad0f6e403cb 100644
--- a/resources/views/utilities/index.blade.php
+++ b/resources/views/utilities/index.blade.php
@@ -20,7 +20,7 @@ class="group w-full items-start rounded-md border border-transparent p-4 hover:b
                     <div class="h-8 w-8 text-gray-800 dark:text-dark-175 ltr:mr-4 rtl:ml-4">
                         {!! $utility->icon() !!}
                     </div>
-                    <div class="mb-4 flex-1 text-blue md:mb-0 ltr:md:mr-6 rtl:md:ml-6">
+                    <div class="mb-4 flex-1 text-blue md:mb-0 md:ltr:mr-6 md:rtl:ml-6">
                         <h3>{{ $utility->title() }}</h3>
                         <p class="text-xs">{{ $utility->description() }}</p>
                     </div>
diff --git a/src/Statamic.php b/src/Statamic.php
index 1433540c9bd..2756bd7295e 100644
--- a/src/Statamic.php
+++ b/src/Statamic.php
@@ -286,7 +286,7 @@ public static function cpViteScripts()
     {
         return static::cpVite()->withEntryPoints([
             'resources/js/index.js',
-            'resources/css/tailwind.css',
+            'resources/css/app.css',
         ]);
     }
 
diff --git a/tailwind.config.js b/tailwind.config.js
index 0a726a319b2..d21c1aecde0 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,14 +4,8 @@ module.exports = {
     darkMode: 'class',
     content: ['./resources/**/*.{html,js,vue,blade.php}', './tests/**/*.{html,vue,blade.php}'],
     safelist: [
-        {
-            pattern: /m[l|r]-(?:[0-9]|10|11|12|14|16)$/,
-            variants: ['md', 'lg', 'xl'],
-        },
-        {
-            pattern: /p[x|y]-(?:[0-9]|10|11|12|14|16)$/,
-            variants: ['md', 'lg', 'xl'],
-        },
+        { pattern: /m[l|r]-(?:[0-9]|10|11|12|14|16)$/, variants: ['md', 'lg', 'xl'] },
+        { pattern: /p[x|y]-(?:[0-9]|10|11|12|14|16)$/, variants: ['md', 'lg', 'xl'] },
     ],
     theme: {
         colors: {
@@ -68,54 +62,20 @@ module.exports = {
                 950: '#161616',
                 975: '#131314',
             },
-            'dark-blue': {
-                100: '#2870F5',
-                125: '#1e68f1',
-                150: '#1f67ec',
-                175: '#1560ec',
-                200: '#2a4270',
-            },
-            orange: {
-                light: '#fcc062',
-                DEFAULT: '#f5a82f',
-                dark: '#e08a1e',
-            },
-            pink: {
-                light: '#ff5ba7',
-                DEFAULT: '#ff269e',
-                dark: '#e00095',
-            },
-            purple: {
-                light: '#e0b7ff',
-                DEFAULT: '#c471ed',
-                dark: '#a855cd',
-            },
-            yellow: {
-                light: '#ffffe0',
-                DEFAULT: '#fbfab0',
-                dark: '#e8dc1e',
-            },
+            'dark-blue': { 100: '#2870F5', 125: '#1e68f1', 150: '#1f67ec', 175: '#1560ec', 200: '#2a4270' },
+            orange: { light: '#fcc062', DEFAULT: '#f5a82f', dark: '#e08a1e' },
+            pink: { light: '#ff5ba7', DEFAULT: '#ff269e', dark: '#e00095' },
+            purple: { light: '#e0b7ff', DEFAULT: '#c471ed', dark: '#a855cd' },
+            yellow: { light: '#ffffe0', DEFAULT: '#fbfab0', dark: '#e8dc1e' },
             amber: colors.amber,
             green: colors.green,
             red: colors.red,
             'dark-red': '#900000',
         },
-        screens: {
-            sm: '576px',
-            md: '768px',
-            lg: '992px',
-            xl: '1200px',
-            '2xl': '1440px',
-        },
+        screens: { sm: '576px', md: '768px', lg: '992px', xl: '1200px', '2xl': '1440px' },
         extend: {
-            borderColor: {
-                DEFAULT: colors.gray[300],
-            },
-            borderWidth: {
-                0: '0',
-                3: '3px',
-                6: '6px',
-            },
+            borderColor: { DEFAULT: colors.gray[300] },
+            borderWidth: { 0: '0', 3: '3px', 6: '6px' },
             boxShadow: {
                 sm: '1px 2px 4px 0 rgba(0,0,0,.03)',
                 md: '0px 2px 6px -1px rgba(0,0,0,.1)',
@@ -172,16 +132,9 @@ module.exports = {
                 '4xl': '48px',
                 '5xl': '60px',
             },
-            letterSpacing: {
-                normal: '-0.004em',
-                widest: '.15em',
-            },
-            minHeight: {
-                40: '10rem',
-            },
-            maxHeight: {
-                'screen-1/2': '50vh',
-            },
+            letterSpacing: { normal: '-0.004em', widest: '.15em' },
+            minHeight: { 40: '10rem' },
+            maxHeight: { 'screen-1/2': '50vh' },
             maxWidth: {
                 '3xs': '5rem',
                 '2xs': '10rem',
@@ -196,28 +149,9 @@ module.exports = {
                 '5xl': '100rem',
                 full: '100%',
             },
-            spacing: {
-                13: '3.25rem',
-                30: '7.5rem',
-                55: '13.75rem',
-            },
-            width: {
-                128: '32rem',
-                160: '40rem',
-                240: '60rem',
-            },
-            zIndex: {
-                1: '1',
-                2: '2',
-                3: '3',
-                5: '5',
-                200: '200',
-                top: '1001',
-                max: '9999',
-                auto: 'auto',
-            },
+            spacing: { 13: '3.25rem', 30: '7.5rem', 55: '13.75rem', 7: '1.75rem' },
+            width: { 128: '32rem', 160: '40rem', 240: '60rem' },
+            zIndex: { 1: '1', 2: '2', 3: '3', 5: '5', 200: '200', top: '1001', max: '9999', auto: 'auto' },
         },
     },
-    plugins: [require('@tailwindcss/container-queries'), require('@tailwindcss/typography')],
-    important: true,
 };
diff --git a/tests/__fixtures__/views/partials/_card.antlers.html b/tests/__fixtures__/views/partials/_card.antlers.html
index 4b41af5233e..b78c6ac4851 100644
--- a/tests/__fixtures__/views/partials/_card.antlers.html
+++ b/tests/__fixtures__/views/partials/_card.antlers.html
@@ -1,4 +1,4 @@
-<div class="max-w-sm rounded overflow-hidden shadow-lg">
+<div class="max-w-sm rounded-sm overflow-hidden shadow-lg">
     <img class="w-full" src="image/path.jpg" alt="{{ title }}">
     <div class="px-16 py-8">
         <div class="font-bold text-xl mb-4">{{ title }}</div>
diff --git a/vite.config.js b/vite.config.js
index 814b66c1b8e..12e0726d32f 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,4 +1,5 @@
 import { defineConfig, loadEnv } from 'vite';
+import tailwindcss from '@tailwindcss/vite';
 import laravel from 'laravel-vite-plugin';
 import vue from '@vitejs/plugin-vue';
 import inject from '@rollup/plugin-inject';
@@ -12,39 +13,23 @@ export default defineConfig(({ mode }) => {
     return {
         base: './',
         plugins: [
+            tailwindcss(),
             laravel({
                 valetTls: env.VALET_TLS,
-                input: ['resources/css/tailwind.css', 'resources/js/index.js'],
+                input: ['resources/css/app.css', 'resources/js/index.js'],
                 refresh: true,
                 publicDirectory: 'resources/dist',
                 hotFile: 'resources/dist/hot',
             }),
             vue(),
             svgLoader(),
-            inject({
-                Vue: 'vue',
-                include: 'resources/js/**',
-            }),
+            inject({ Vue: 'vue', include: 'resources/js/**' }),
         ],
         resolve: {
-            alias: {
-                vue: 'vue/dist/vue.esm-bundler.js',
-                '@statamic': path.resolve(__dirname, 'resources/js'),
-            },
-        },
-        optimizeDeps: {
-            include: ['vue'],
-        },
-        build: {
-            rollupOptions: {
-                output: {
-                    plugins: [visualizer({ filename: 'bundle-stats.html' })],
-                },
-            },
-        },
-        test: {
-            environment: 'jsdom',
-            setupFiles: 'resources/js/tests/setup.js',
+            alias: { vue: 'vue/dist/vue.esm-bundler.js', '@statamic': path.resolve(__dirname, 'resources/js') },
         },
+        optimizeDeps: { include: ['vue'] },
+        build: { rollupOptions: { output: { plugins: [visualizer({ filename: 'bundle-stats.html' })] } } },
+        test: { environment: 'jsdom', setupFiles: 'resources/js/tests/setup.js' },
     };
 });

From f48199b3bda9ee20a8cb6e8c2d16cd57bea9c30c Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 26 Mar 2025 14:48:31 -0400
Subject: [PATCH 003/186] undo tw upgrader change to JS blurs

---
 resources/js/components/field-conditions/Condition.vue      | 4 ++--
 resources/js/components/fieldtypes/DictionaryFieldtype.vue  | 2 +-
 resources/js/components/fieldtypes/IconFieldtype.vue        | 2 +-
 resources/js/components/fieldtypes/SelectFieldtype.vue      | 2 +-
 resources/js/components/fieldtypes/TagsFieldtype.vue        | 2 +-
 resources/js/components/inputs/relationship/SelectField.vue | 2 +-
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/resources/js/components/field-conditions/Condition.vue b/resources/js/components/field-conditions/Condition.vue
index 3973a9c286f..f5c0fe2e0b1 100644
--- a/resources/js/components/field-conditions/Condition.vue
+++ b/resources/js/components/field-conditions/Condition.vue
@@ -13,7 +13,7 @@
             :reduce="(field) => field.value"
             :create-option="(field) => ({ value: field, label: field })"
             @update:model-value="fieldSelected"
-            @-search:blur-sm="fieldSelectBlur"
+            @-search:blur="fieldSelectBlur"
         >
             <template #no-options><div class="hidden" /></template>
             <template #option="option">
@@ -55,7 +55,7 @@
             :reduce="(field) => field.value"
             :create-option="(field) => ({ value: field, label: field })"
             @update:model-value="valueUpdated"
-            @-search:blur-sm="valueSelectBlur"
+            @-search:blur="valueSelectBlur"
         >
             <template #no-options><div class="hidden" /></template>
         </v-select>
diff --git a/resources/js/components/fieldtypes/DictionaryFieldtype.vue b/resources/js/components/fieldtypes/DictionaryFieldtype.vue
index 420b089d1d0..429afe262b6 100644
--- a/resources/js/components/fieldtypes/DictionaryFieldtype.vue
+++ b/resources/js/components/fieldtypes/DictionaryFieldtype.vue
@@ -19,7 +19,7 @@
             @focus="$emit('focus')"
             @search="search"
             @search:focus="$emit('focus')"
-            @-search:blur-sm="$emit('blur-sm')"
+            @-search:blur="$emit('blur-sm')"
         >
             <template #selected-option-container v-if="multiple"><i class="hidden"></i></template>
             <template #search="{ events, attributes }" v-if="multiple">
diff --git a/resources/js/components/fieldtypes/IconFieldtype.vue b/resources/js/components/fieldtypes/IconFieldtype.vue
index e5471ec73c0..b03b5db80fa 100644
--- a/resources/js/components/fieldtypes/IconFieldtype.vue
+++ b/resources/js/components/fieldtypes/IconFieldtype.vue
@@ -18,7 +18,7 @@
             :create-option="(value) => ({ value, label: value })"
             @update:model-value="vueSelectUpdated"
             @search:focus="$emit('focus')"
-            @-search:blur-sm="$emit('blur-sm')"
+            @-search:blur="$emit('blur-sm')"
         >
             <template #option="option">
                 <div class="flex items-center">
diff --git a/resources/js/components/fieldtypes/SelectFieldtype.vue b/resources/js/components/fieldtypes/SelectFieldtype.vue
index 4c99d9ff220..2eff6b692a6 100644
--- a/resources/js/components/fieldtypes/SelectFieldtype.vue
+++ b/resources/js/components/fieldtypes/SelectFieldtype.vue
@@ -22,7 +22,7 @@
             @update:model-value="vueSelectUpdated"
             @focus="$emit('focus')"
             @search:focus="$emit('focus')"
-            @-search:blur-sm="$emit('blur-sm')"
+            @-search:blur="$emit('blur-sm')"
         >
             <template #selected-option-container v-if="config.multiple"><i class="hidden"></i></template>
             <template #search="{ events, attributes }" v-if="config.multiple">
diff --git a/resources/js/components/fieldtypes/TagsFieldtype.vue b/resources/js/components/fieldtypes/TagsFieldtype.vue
index dc3a4b5e2b1..da8fb2af392 100644
--- a/resources/js/components/fieldtypes/TagsFieldtype.vue
+++ b/resources/js/components/fieldtypes/TagsFieldtype.vue
@@ -16,7 +16,7 @@
         :dropdown-should-open="({ open }) => open && config.options.length > 0"
         @update:model-value="update"
         @search:focus="$emit('focus')"
-        @-search:blur-sm="$emit('blur-sm')"
+        @-search:blur="$emit('blur-sm')"
     >
         <template #selected-option-container><i class="hidden"></i></template>
         <template #search="{ events, attributes }">
diff --git a/resources/js/components/inputs/relationship/SelectField.vue b/resources/js/components/inputs/relationship/SelectField.vue
index 1ab4a7a9341..8ac67ad5e93 100644
--- a/resources/js/components/inputs/relationship/SelectField.vue
+++ b/resources/js/components/inputs/relationship/SelectField.vue
@@ -19,7 +19,7 @@
             @update:model-value="input"
             @search="search"
             @search:focus="$emit('focus')"
-            @-search:blur-sm="$emit('blur-sm')"
+            @-search:blur="$emit('blur-sm')"
         >
             <template #option="{ title, hint, status }">
                 <div class="flex items-center justify-between">

From c66b971c30197db6b668d02d976b0d83f2e80317 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 26 Mar 2025 14:50:57 -0400
Subject: [PATCH 004/186] bring back a few (temp) defaults from tw3

---
 resources/css/app.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index 4c31a66a5b6..4dc0f12f710 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -15,12 +15,12 @@
   color utility to any element that depends on these defaults.
 */
 
-/* @layer base {
+@layer base {
   *,
   ::after,
   ::before,
   ::backdrop,
   ::file-selector-button {
-    border-color: #d1d5db;
+    border-color: var(--color-gray-200, currentColor);
   }
-} */
+}

From 56c6514c064749d14fbccb1ecafa2109aee39de8 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 26 Mar 2025 14:50:59 -0400
Subject: [PATCH 005/186] Fix event names

---
 resources/js/components/field-conditions/Condition.vue      | 4 ++--
 resources/js/components/fieldtypes/DictionaryFieldtype.vue  | 2 +-
 resources/js/components/fieldtypes/IconFieldtype.vue        | 2 +-
 resources/js/components/fieldtypes/SelectFieldtype.vue      | 2 +-
 resources/js/components/fieldtypes/TagsFieldtype.vue        | 2 +-
 resources/js/components/inputs/relationship/SelectField.vue | 2 +-
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/resources/js/components/field-conditions/Condition.vue b/resources/js/components/field-conditions/Condition.vue
index f5c0fe2e0b1..5295c22c9e1 100644
--- a/resources/js/components/field-conditions/Condition.vue
+++ b/resources/js/components/field-conditions/Condition.vue
@@ -13,7 +13,7 @@
             :reduce="(field) => field.value"
             :create-option="(field) => ({ value: field, label: field })"
             @update:model-value="fieldSelected"
-            @-search:blur="fieldSelectBlur"
+            search:blur="fieldSelectBlur"
         >
             <template #no-options><div class="hidden" /></template>
             <template #option="option">
@@ -55,7 +55,7 @@
             :reduce="(field) => field.value"
             :create-option="(field) => ({ value: field, label: field })"
             @update:model-value="valueUpdated"
-            @-search:blur="valueSelectBlur"
+            search:blur="valueSelectBlur"
         >
             <template #no-options><div class="hidden" /></template>
         </v-select>
diff --git a/resources/js/components/fieldtypes/DictionaryFieldtype.vue b/resources/js/components/fieldtypes/DictionaryFieldtype.vue
index 429afe262b6..74dcab1fca4 100644
--- a/resources/js/components/fieldtypes/DictionaryFieldtype.vue
+++ b/resources/js/components/fieldtypes/DictionaryFieldtype.vue
@@ -19,7 +19,7 @@
             @focus="$emit('focus')"
             @search="search"
             @search:focus="$emit('focus')"
-            @-search:blur="$emit('blur-sm')"
+            search:blur="$emit('blur-sm')"
         >
             <template #selected-option-container v-if="multiple"><i class="hidden"></i></template>
             <template #search="{ events, attributes }" v-if="multiple">
diff --git a/resources/js/components/fieldtypes/IconFieldtype.vue b/resources/js/components/fieldtypes/IconFieldtype.vue
index b03b5db80fa..3f3a4977bb0 100644
--- a/resources/js/components/fieldtypes/IconFieldtype.vue
+++ b/resources/js/components/fieldtypes/IconFieldtype.vue
@@ -18,7 +18,7 @@
             :create-option="(value) => ({ value, label: value })"
             @update:model-value="vueSelectUpdated"
             @search:focus="$emit('focus')"
-            @-search:blur="$emit('blur-sm')"
+            search:blur="$emit('blur-sm')"
         >
             <template #option="option">
                 <div class="flex items-center">
diff --git a/resources/js/components/fieldtypes/SelectFieldtype.vue b/resources/js/components/fieldtypes/SelectFieldtype.vue
index 2eff6b692a6..ff7f0c209ba 100644
--- a/resources/js/components/fieldtypes/SelectFieldtype.vue
+++ b/resources/js/components/fieldtypes/SelectFieldtype.vue
@@ -22,7 +22,7 @@
             @update:model-value="vueSelectUpdated"
             @focus="$emit('focus')"
             @search:focus="$emit('focus')"
-            @-search:blur="$emit('blur-sm')"
+            search:blur="$emit('blur-sm')"
         >
             <template #selected-option-container v-if="config.multiple"><i class="hidden"></i></template>
             <template #search="{ events, attributes }" v-if="config.multiple">
diff --git a/resources/js/components/fieldtypes/TagsFieldtype.vue b/resources/js/components/fieldtypes/TagsFieldtype.vue
index da8fb2af392..f2e67af5c5c 100644
--- a/resources/js/components/fieldtypes/TagsFieldtype.vue
+++ b/resources/js/components/fieldtypes/TagsFieldtype.vue
@@ -16,7 +16,7 @@
         :dropdown-should-open="({ open }) => open && config.options.length > 0"
         @update:model-value="update"
         @search:focus="$emit('focus')"
-        @-search:blur="$emit('blur-sm')"
+        search:blur="$emit('blur-sm')"
     >
         <template #selected-option-container><i class="hidden"></i></template>
         <template #search="{ events, attributes }">
diff --git a/resources/js/components/inputs/relationship/SelectField.vue b/resources/js/components/inputs/relationship/SelectField.vue
index 8ac67ad5e93..4fb81d0b0df 100644
--- a/resources/js/components/inputs/relationship/SelectField.vue
+++ b/resources/js/components/inputs/relationship/SelectField.vue
@@ -19,7 +19,7 @@
             @update:model-value="input"
             @search="search"
             @search:focus="$emit('focus')"
-            @-search:blur="$emit('blur-sm')"
+            search:blur="$emit('blur-sm')"
         >
             <template #option="{ title, hint, status }">
                 <div class="flex items-center justify-between">

From 1f4dbeb8d61bbd78e7ea92a573a2a9d0cf36189e Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 26 Mar 2025 14:53:10 -0400
Subject: [PATCH 006/186] just a few more jangwangled blurs

---
 resources/js/components/configure/Tabs.vue                  | 4 ++--
 resources/js/components/entries/PublishForm.vue             | 2 +-
 resources/js/components/fieldtypes/CodeFieldtype.vue        | 2 +-
 resources/js/components/fieldtypes/DictionaryFieldtype.vue  | 2 +-
 .../js/components/fieldtypes/FieldDisplayFieldtype.vue      | 2 +-
 resources/js/components/fieldtypes/Fieldtype.vue            | 2 +-
 resources/js/components/fieldtypes/FloatFieldtype.vue       | 2 +-
 resources/js/components/fieldtypes/GroupFieldtype.vue       | 4 ++--
 resources/js/components/fieldtypes/IconFieldtype.vue        | 2 +-
 resources/js/components/fieldtypes/IntegerFieldtype.vue     | 2 +-
 resources/js/components/fieldtypes/ListFieldtype.vue        | 4 ++--
 resources/js/components/fieldtypes/SelectFieldtype.vue      | 2 +-
 resources/js/components/fieldtypes/SlugFieldtype.vue        | 2 +-
 resources/js/components/fieldtypes/TableFieldtype.vue       | 4 ++--
 resources/js/components/fieldtypes/TagsFieldtype.vue        | 2 +-
 resources/js/components/fieldtypes/TextFieldtype.vue        | 2 +-
 resources/js/components/fieldtypes/TextareaFieldtype.vue    | 2 +-
 resources/js/components/fieldtypes/TimeFieldtype.vue        | 2 +-
 resources/js/components/fieldtypes/VideoFieldtype.vue       | 2 +-
 resources/js/components/fieldtypes/WidthFieldtype.vue       | 2 +-
 .../js/components/fieldtypes/assets/AssetsFieldtype.vue     | 4 ++--
 resources/js/components/fieldtypes/bard/BardFieldtype.vue   | 2 +-
 resources/js/components/fieldtypes/bard/Set.vue             | 2 +-
 resources/js/components/fieldtypes/date/RangePopover.vue    | 6 +++---
 resources/js/components/fieldtypes/date/SinglePopover.vue   | 4 ++--
 resources/js/components/fieldtypes/grid/Cell.vue            | 2 +-
 resources/js/components/fieldtypes/grid/Grid.vue            | 2 +-
 resources/js/components/fieldtypes/grid/Row.vue             | 2 +-
 resources/js/components/fieldtypes/grid/Stacked.vue         | 4 ++--
 resources/js/components/fieldtypes/grid/StackedRow.vue      | 2 +-
 resources/js/components/fieldtypes/grid/Table.vue           | 4 ++--
 .../js/components/fieldtypes/markdown/MarkdownFieldtype.vue | 2 +-
 .../fieldtypes/relationship/RelationshipFieldtype.vue       | 2 +-
 resources/js/components/fieldtypes/replicator/Field.vue     | 2 +-
 .../js/components/fieldtypes/replicator/Replicator.vue      | 4 ++--
 resources/js/components/fieldtypes/replicator/Set.vue       | 2 +-
 resources/js/components/globals/PublishForm.vue             | 2 +-
 resources/js/components/inputs/Select.vue                   | 2 +-
 resources/js/components/inputs/Text.vue                     | 4 ++--
 resources/js/components/inputs/Textarea.vue                 | 2 +-
 .../js/components/inputs/relationship/RelationshipInput.vue | 6 +++---
 resources/js/components/inputs/relationship/SelectField.vue | 2 +-
 resources/js/components/publish/Container.vue               | 2 +-
 resources/js/components/publish/Field.vue                   | 2 +-
 resources/js/components/publish/Fields.vue                  | 4 ++--
 resources/js/components/publish/Sections.vue                | 4 ++--
 resources/js/components/publish/Tabs.vue                    | 4 ++--
 resources/js/components/structures/PageEditor.vue           | 2 +-
 resources/js/components/terms/PublishForm.vue               | 2 +-
 resources/js/components/user-groups/PublishForm.vue         | 2 +-
 resources/js/components/users/PublishForm.vue               | 2 +-
 51 files changed, 68 insertions(+), 68 deletions(-)

diff --git a/resources/js/components/configure/Tabs.vue b/resources/js/components/configure/Tabs.vue
index b6ab6891041..142da1fd3e2 100644
--- a/resources/js/components/configure/Tabs.vue
+++ b/resources/js/components/configure/Tabs.vue
@@ -16,7 +16,7 @@
                         @synced="$emit('synced', $event)"
                         @desynced="$emit('desynced', $event)"
                         @focus="$emit('focus', $event)"
-                        @blur="$emit('blur-sm', $event)"
+                        @blur="$emit('blur', $event)"
                     />
                 </div>
             </div>
@@ -26,7 +26,7 @@
 
 <script>
 export default {
-    emits: ['updated', 'meta-updated', 'synced', 'desynced', 'focus', 'blur-sm'],
+    emits: ['updated', 'meta-updated', 'synced', 'desynced', 'focus', 'blur'],
 
     inject: ['store', 'storeName'],
 
diff --git a/resources/js/components/entries/PublishForm.vue b/resources/js/components/entries/PublishForm.vue
index 01a3c940c5f..47dc555b894 100644
--- a/resources/js/components/entries/PublishForm.vue
+++ b/resources/js/components/entries/PublishForm.vue
@@ -109,7 +109,7 @@
                             @synced="syncField"
                             @desynced="desyncField"
                             @focus="container.$emit('focus', $event)"
-                            @blur="container.$emit('blur-sm', $event)"
+                            @blur="container.$emit('blur', $event)"
                         >
                             <template #actions="{ shouldShowSidebar }">
                                 <div class="card mb-5 p-0">
diff --git a/resources/js/components/fieldtypes/CodeFieldtype.vue b/resources/js/components/fieldtypes/CodeFieldtype.vue
index 305d55d30b4..d14b91c55a3 100644
--- a/resources/js/components/fieldtypes/CodeFieldtype.vue
+++ b/resources/js/components/fieldtypes/CodeFieldtype.vue
@@ -216,7 +216,7 @@ export default {
             });
 
             this.codemirror.on('focus', () => this.$emit('focus'));
-            this.codemirror.on('blur-sm', () => this.$emit('blur-sm'));
+            this.codemirror.on('blur', () => this.$emit('blur'));
 
             // Refresh to ensure CodeMirror visible and the proper size
             // Most applicable when loaded by another field like Bard
diff --git a/resources/js/components/fieldtypes/DictionaryFieldtype.vue b/resources/js/components/fieldtypes/DictionaryFieldtype.vue
index 74dcab1fca4..9322a0d517d 100644
--- a/resources/js/components/fieldtypes/DictionaryFieldtype.vue
+++ b/resources/js/components/fieldtypes/DictionaryFieldtype.vue
@@ -19,7 +19,7 @@
             @focus="$emit('focus')"
             @search="search"
             @search:focus="$emit('focus')"
-            search:blur="$emit('blur-sm')"
+            search:blur="$emit('blur')"
         >
             <template #selected-option-container v-if="multiple"><i class="hidden"></i></template>
             <template #search="{ events, attributes }" v-if="multiple">
diff --git a/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue b/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue
index 9ce8ea660b6..3e81e177614 100644
--- a/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue
+++ b/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue
@@ -11,7 +11,7 @@
                 @input="updateDebounced($event.target.value)"
                 @keydown="$emit('keydown', $event)"
                 @focus="$emit('focus')"
-                @blur="$emit('blur-sm')"
+                @blur="$emit('blur')"
             />
             <button
                 class="input-group-append flex items-center"
diff --git a/resources/js/components/fieldtypes/Fieldtype.vue b/resources/js/components/fieldtypes/Fieldtype.vue
index 75e918479e0..69c2aa8f936 100644
--- a/resources/js/components/fieldtypes/Fieldtype.vue
+++ b/resources/js/components/fieldtypes/Fieldtype.vue
@@ -3,7 +3,7 @@ import HasFieldActions from '../field-actions/HasFieldActions';
 import debounce from '@statamic/util/debounce.js';
 
 export default {
-    emits: ['update:value', 'focus', 'blur-sm', 'meta-updated', 'replicator-preview-updated'],
+    emits: ['update:value', 'focus', 'blur', 'meta-updated', 'replicator-preview-updated'],
 
     mixins: [HasFieldActions],
 
diff --git a/resources/js/components/fieldtypes/FloatFieldtype.vue b/resources/js/components/fieldtypes/FloatFieldtype.vue
index daff5857f47..11ec9bab985 100644
--- a/resources/js/components/fieldtypes/FloatFieldtype.vue
+++ b/resources/js/components/fieldtypes/FloatFieldtype.vue
@@ -9,7 +9,7 @@
         :id="fieldId"
         @update:model-value="updateDebounced"
         @focus="$emit('focus')"
-        @blur="$emit('blur-sm')"
+        @blur="$emit('blur')"
     />
 </template>
 
diff --git a/resources/js/components/fieldtypes/GroupFieldtype.vue b/resources/js/components/fieldtypes/GroupFieldtype.vue
index 1b49694ba7a..576fe47cf21 100644
--- a/resources/js/components/fieldtypes/GroupFieldtype.vue
+++ b/resources/js/components/fieldtypes/GroupFieldtype.vue
@@ -31,7 +31,7 @@
                                 @updated="updated(field.handle, $event)"
                                 @meta-updated="updateMeta(field.handle, $event)"
                                 @focus="$emit('focus')"
-                                @blur="$emit('blur-sm')"
+                                @blur="$emit('blur')"
                                 @replicator-preview-updated="previewUpdated(field.handle, $event)"
                             />
                         </div>
@@ -136,7 +136,7 @@ export default {
 
             setTimeout(() => {
                 if (!this.$el.contains(document.activeElement)) {
-                    this.$emit('blur-sm');
+                    this.$emit('blur');
                 }
             }, 1);
         },
diff --git a/resources/js/components/fieldtypes/IconFieldtype.vue b/resources/js/components/fieldtypes/IconFieldtype.vue
index 3f3a4977bb0..11e955b04ea 100644
--- a/resources/js/components/fieldtypes/IconFieldtype.vue
+++ b/resources/js/components/fieldtypes/IconFieldtype.vue
@@ -18,7 +18,7 @@
             :create-option="(value) => ({ value, label: value })"
             @update:model-value="vueSelectUpdated"
             @search:focus="$emit('focus')"
-            search:blur="$emit('blur-sm')"
+            search:blur="$emit('blur')"
         >
             <template #option="option">
                 <div class="flex items-center">
diff --git a/resources/js/components/fieldtypes/IntegerFieldtype.vue b/resources/js/components/fieldtypes/IntegerFieldtype.vue
index d702662cca8..23aa5220cea 100644
--- a/resources/js/components/fieldtypes/IntegerFieldtype.vue
+++ b/resources/js/components/fieldtypes/IntegerFieldtype.vue
@@ -13,7 +13,7 @@
         :placeholder="__(config.placeholder)"
         @update:model-value="updateDebounced"
         @focus="$emit('focus')"
-        @blur="$emit('blur-sm')"
+        @blur="$emit('blur')"
     />
 </template>
 
diff --git a/resources/js/components/fieldtypes/ListFieldtype.vue b/resources/js/components/fieldtypes/ListFieldtype.vue
index 070caf5c192..c4058f9243d 100644
--- a/resources/js/components/fieldtypes/ListFieldtype.vue
+++ b/resources/js/components/fieldtypes/ListFieldtype.vue
@@ -8,7 +8,7 @@
                 handle-class="sortable-handle"
                 :mirror="false"
                 @dragstart="$emit('focus')"
-                @dragend="$emit('blur-sm')"
+                @dragend="$emit('blur')"
             >
                 <tbody>
                     <tr class="sortable-row" v-for="(element, index) in data" :key="element._id">
@@ -100,7 +100,7 @@ export default {
 
             setTimeout(() => {
                 if (!this.$el.contains(document.activeElement)) {
-                    this.$emit('blur-sm');
+                    this.$emit('blur');
                     this.editing = null;
                 }
             }, 1);
diff --git a/resources/js/components/fieldtypes/SelectFieldtype.vue b/resources/js/components/fieldtypes/SelectFieldtype.vue
index ff7f0c209ba..bc59e329dde 100644
--- a/resources/js/components/fieldtypes/SelectFieldtype.vue
+++ b/resources/js/components/fieldtypes/SelectFieldtype.vue
@@ -22,7 +22,7 @@
             @update:model-value="vueSelectUpdated"
             @focus="$emit('focus')"
             @search:focus="$emit('focus')"
-            search:blur="$emit('blur-sm')"
+            search:blur="$emit('blur')"
         >
             <template #selected-option-container v-if="config.multiple"><i class="hidden"></i></template>
             <template #search="{ events, attributes }" v-if="config.multiple">
diff --git a/resources/js/components/fieldtypes/SlugFieldtype.vue b/resources/js/components/fieldtypes/SlugFieldtype.vue
index f4ada469719..a51d38a20ff 100644
--- a/resources/js/components/fieldtypes/SlugFieldtype.vue
+++ b/resources/js/components/fieldtypes/SlugFieldtype.vue
@@ -22,7 +22,7 @@
                 :name="slug"
                 :id="fieldId"
                 @focus="$emit('focus')"
-                @blur="$emit('blur-sm')"
+                @blur="$emit('blur')"
                 direction="ltr"
             >
                 <template v-slot:append v-if="config.show_regenerate">
diff --git a/resources/js/components/fieldtypes/TableFieldtype.vue b/resources/js/components/fieldtypes/TableFieldtype.vue
index a003ac00cb7..48f0eb45c70 100644
--- a/resources/js/components/fieldtypes/TableFieldtype.vue
+++ b/resources/js/components/fieldtypes/TableFieldtype.vue
@@ -41,7 +41,7 @@
                         handle-class="table-drag-handle"
                         :mirror="false"
                         @dragstart="$emit('focus')"
-                        @dragend="$emit('blur-sm')"
+                        @dragend="$emit('blur')"
                     >
                         <tbody>
                             <tr class="sortable-row" v-for="(row, rowIndex) in data" :key="row._id">
@@ -53,7 +53,7 @@
                                         class="input-text"
                                         :readonly="isReadOnly"
                                         @focus="$emit('focus')"
-                                        @blur="$emit('blur-sm')"
+                                        @blur="$emit('blur')"
                                     />
                                 </td>
                                 <td class="row-controls" v-if="canDeleteRows">
diff --git a/resources/js/components/fieldtypes/TagsFieldtype.vue b/resources/js/components/fieldtypes/TagsFieldtype.vue
index f2e67af5c5c..2f8190e0134 100644
--- a/resources/js/components/fieldtypes/TagsFieldtype.vue
+++ b/resources/js/components/fieldtypes/TagsFieldtype.vue
@@ -16,7 +16,7 @@
         :dropdown-should-open="({ open }) => open && config.options.length > 0"
         @update:model-value="update"
         @search:focus="$emit('focus')"
-        search:blur="$emit('blur-sm')"
+        search:blur="$emit('blur')"
     >
         <template #selected-option-container><i class="hidden"></i></template>
         <template #search="{ events, attributes }">
diff --git a/resources/js/components/fieldtypes/TextFieldtype.vue b/resources/js/components/fieldtypes/TextFieldtype.vue
index 54012dde9dc..6fbe93be4e4 100644
--- a/resources/js/components/fieldtypes/TextFieldtype.vue
+++ b/resources/js/components/fieldtypes/TextFieldtype.vue
@@ -17,7 +17,7 @@
         :direction="config.direction"
         @update:model-value="inputUpdated"
         @focus="$emit('focus')"
-        @blur="$emit('blur-sm')"
+        @blur="$emit('blur')"
     />
 </template>
 
diff --git a/resources/js/components/fieldtypes/TextareaFieldtype.vue b/resources/js/components/fieldtypes/TextareaFieldtype.vue
index f60e0fc40b4..486b7175156 100644
--- a/resources/js/components/fieldtypes/TextareaFieldtype.vue
+++ b/resources/js/components/fieldtypes/TextareaFieldtype.vue
@@ -7,7 +7,7 @@
         :placeholder="__(config.placeholder)"
         :model-value="value"
         :id="fieldId"
-        @blur="$emit('blur-sm')"
+        @blur="$emit('blur')"
         @focus="$emit('focus')"
         @update:model-value="updateDebounced"
     />
diff --git a/resources/js/components/fieldtypes/TimeFieldtype.vue b/resources/js/components/fieldtypes/TimeFieldtype.vue
index 1f41aebf431..6c38122d6a9 100644
--- a/resources/js/components/fieldtypes/TimeFieldtype.vue
+++ b/resources/js/components/fieldtypes/TimeFieldtype.vue
@@ -17,7 +17,7 @@
                 :readonly="isReadOnly"
                 @keydown.esc="clear"
                 @focus="focused"
-                @blur="$emit('blur-sm')"
+                @blur="$emit('blur')"
                 @change="updateActualValue"
             />
         </div>
diff --git a/resources/js/components/fieldtypes/VideoFieldtype.vue b/resources/js/components/fieldtypes/VideoFieldtype.vue
index 341ed42eb87..14cd4372f2a 100644
--- a/resources/js/components/fieldtypes/VideoFieldtype.vue
+++ b/resources/js/components/fieldtypes/VideoFieldtype.vue
@@ -12,7 +12,7 @@
                     :readonly="isReadOnly"
                     :placeholder="__(config.placeholder) || 'https://www.youtube.com/watch?v=dQw4w9WgXcQ'"
                     @focus="$emit('focus')"
-                    @blur="$emit('blur-sm')"
+                    @blur="$emit('blur')"
                 />
             </div>
         </div>
diff --git a/resources/js/components/fieldtypes/WidthFieldtype.vue b/resources/js/components/fieldtypes/WidthFieldtype.vue
index 470887fcd0b..f5b5dedc65e 100644
--- a/resources/js/components/fieldtypes/WidthFieldtype.vue
+++ b/resources/js/components/fieldtypes/WidthFieldtype.vue
@@ -4,7 +4,7 @@
         :model-value="value"
         @update:model-value="updateDebounced"
         @focus="$emit('focus')"
-        @blur="$emit('blur-sm')"
+        @blur="$emit('blur')"
         :initial-widths="config.options"
     />
 </template>
diff --git a/resources/js/components/fieldtypes/assets/AssetsFieldtype.vue b/resources/js/components/fieldtypes/assets/AssetsFieldtype.vue
index b09f60da483..2819a29729c 100644
--- a/resources/js/components/fieldtypes/assets/AssetsFieldtype.vue
+++ b/resources/js/components/fieldtypes/assets/AssetsFieldtype.vue
@@ -77,7 +77,7 @@
                         item-class="asset-tile"
                         handle-class="asset-thumb-container"
                         @dragstart="$emit('focus')"
-                        @dragend="$emit('blur-sm')"
+                        @dragend="$emit('blur')"
                         :constrain-dimensions="true"
                         :disabled="isReadOnly"
                         :distance="5"
@@ -639,7 +639,7 @@ export default {
         },
 
         showSelector(selecting) {
-            this.$emit(selecting ? 'focus' : 'blur-sm');
+            this.$emit(selecting ? 'focus' : 'blur');
         },
     },
 
diff --git a/resources/js/components/fieldtypes/bard/BardFieldtype.vue b/resources/js/components/fieldtypes/bard/BardFieldtype.vue
index 56aebe4d871..1beae3c5e50 100644
--- a/resources/js/components/fieldtypes/bard/BardFieldtype.vue
+++ b/resources/js/components/fieldtypes/bard/BardFieldtype.vue
@@ -738,7 +738,7 @@ export default {
                     // of Bard. We use a timeout because activeElement only exists after the blur event.
                     setTimeout(() => {
                         if (!this.$refs.container.contains(document.activeElement)) {
-                            this.$emit('blur-sm');
+                            this.$emit('blur');
                             this.showAddSetButton = false;
                         }
                     }, 1);
diff --git a/resources/js/components/fieldtypes/bard/Set.vue b/resources/js/components/fieldtypes/bard/Set.vue
index ee991f60c44..81f754044f4 100644
--- a/resources/js/components/fieldtypes/bard/Set.vue
+++ b/resources/js/components/fieldtypes/bard/Set.vue
@@ -250,7 +250,7 @@ export default {
             // We use a timeout because activeElement only exists after the blur event.
             setTimeout(() => {
                 const bard = this.extension.options.bard;
-                if (!bard.$el.contains(document.activeElement)) bard.$emit('blur-sm');
+                if (!bard.$el.contains(document.activeElement)) bard.$emit('blur');
             }, 1);
         },
 
diff --git a/resources/js/components/fieldtypes/date/RangePopover.vue b/resources/js/components/fieldtypes/date/RangePopover.vue
index 78608c291a5..32081b973e4 100644
--- a/resources/js/components/fieldtypes/date/RangePopover.vue
+++ b/resources/js/components/fieldtypes/date/RangePopover.vue
@@ -17,7 +17,7 @@
                                 :value="inputValue.start"
                                 v-on="inputEvents.start"
                                 @focus="$emit('focus', $event.target)"
-                                @blur="$emit('blur-sm')"
+                                @blur="$emit('blur')"
                             />
                             <button
                                 v-if="!isReadOnly"
@@ -52,7 +52,7 @@
                                 :value="inputValue.end"
                                 v-on="inputEvents.end"
                                 @focus="$emit('focus', $event.target)"
-                                @blur="$emit('blur-sm')"
+                                @blur="$emit('blur')"
                             />
                         </div>
                     </div>
@@ -66,7 +66,7 @@
 import Picker from './Picker';
 
 export default {
-    emits: ['update:model-value', 'focus', 'blur-sm'],
+    emits: ['update:model-value', 'focus', 'blur'],
 
     mixins: [Picker],
 
diff --git a/resources/js/components/fieldtypes/date/SinglePopover.vue b/resources/js/components/fieldtypes/date/SinglePopover.vue
index 36668b9f7d1..e9c7554972e 100644
--- a/resources/js/components/fieldtypes/date/SinglePopover.vue
+++ b/resources/js/components/fieldtypes/date/SinglePopover.vue
@@ -16,7 +16,7 @@
                             :value="inputValue"
                             v-on="inputEvents"
                             @focus="$emit('focus', $event.target)"
-                            @blur="$emit('blur-sm')"
+                            @blur="$emit('blur')"
                         />
                         <button
                             v-if="!isReadOnly"
@@ -39,7 +39,7 @@
 import Picker from './Picker';
 
 export default {
-    emits: ['update:model-value', 'focus', 'blur-sm'],
+    emits: ['update:model-value', 'focus', 'blur'],
 
     mixins: [Picker],
 
diff --git a/resources/js/components/fieldtypes/grid/Cell.vue b/resources/js/components/fieldtypes/grid/Cell.vue
index 068109ad199..b74a9d6e013 100644
--- a/resources/js/components/fieldtypes/grid/Cell.vue
+++ b/resources/js/components/fieldtypes/grid/Cell.vue
@@ -13,7 +13,7 @@
                 @update:value="$emit('updated', $event)"
                 @meta-updated="$emit('meta-updated', $event)"
                 @focus="$emit('focus')"
-                @blur="$emit('blur-sm')"
+                @blur="$emit('blur')"
             />
         </div>
 
diff --git a/resources/js/components/fieldtypes/grid/Grid.vue b/resources/js/components/fieldtypes/grid/Grid.vue
index eb7fb4c4334..ef0ce156644 100644
--- a/resources/js/components/fieldtypes/grid/Grid.vue
+++ b/resources/js/components/fieldtypes/grid/Grid.vue
@@ -161,7 +161,7 @@ export default {
 
             setTimeout(() => {
                 if (!this.$el.contains(document.activeElement)) {
-                    this.$emit('blur-sm');
+                    this.$emit('blur');
                 }
             }, 1);
         },
diff --git a/resources/js/components/fieldtypes/grid/Row.vue b/resources/js/components/fieldtypes/grid/Row.vue
index 0d05f0b549f..c066d11a294 100644
--- a/resources/js/components/fieldtypes/grid/Row.vue
+++ b/resources/js/components/fieldtypes/grid/Row.vue
@@ -16,7 +16,7 @@
             @updated="updated(field.handle, $event)"
             @meta-updated="metaUpdated(field.handle, $event)"
             @focus="$emit('focus')"
-            @blur="$emit('blur-sm')"
+            @blur="$emit('blur')"
         />
 
         <td class="grid-row-controls row-controls" v-if="!grid.isReadOnly && (canAddRows || canDelete)">
diff --git a/resources/js/components/fieldtypes/grid/Stacked.vue b/resources/js/components/fieldtypes/grid/Stacked.vue
index 7e1da6e2df5..3ef2fb16cda 100644
--- a/resources/js/components/fieldtypes/grid/Stacked.vue
+++ b/resources/js/components/fieldtypes/grid/Stacked.vue
@@ -8,7 +8,7 @@
             append-to="body"
             constrain-dimensions
             @dragstart="$emit('focus')"
-            @dragend="$emit('blur-sm')"
+            @dragend="$emit('blur')"
             @update:model-value="(rows) => $emit('sorted', rows)"
             v-slot="{}"
         >
@@ -36,7 +36,7 @@
                     @meta-updated="$emit('meta-updated', row._id, $event)"
                     @removed="(row) => $emit('removed', row)"
                     @focus="$emit('focus')"
-                    @blur="$emit('blur-sm')"
+                    @blur="$emit('blur')"
                 />
             </div>
         </sortable-list>
diff --git a/resources/js/components/fieldtypes/grid/StackedRow.vue b/resources/js/components/fieldtypes/grid/StackedRow.vue
index 861960d5048..d2af9e76802 100644
--- a/resources/js/components/fieldtypes/grid/StackedRow.vue
+++ b/resources/js/components/fieldtypes/grid/StackedRow.vue
@@ -42,7 +42,7 @@
                 @updated="updated(field.handle, $event)"
                 @meta-updated="metaUpdated(field.handle, $event)"
                 @focus="$emit('focus')"
-                @blur="$emit('blur-sm')"
+                @blur="$emit('blur')"
             />
         </div>
     </div>
diff --git a/resources/js/components/fieldtypes/grid/Table.vue b/resources/js/components/fieldtypes/grid/Table.vue
index e10c679eef2..b8cb4d08393 100644
--- a/resources/js/components/fieldtypes/grid/Table.vue
+++ b/resources/js/components/fieldtypes/grid/Table.vue
@@ -14,7 +14,7 @@
             :handle-class="sortableHandleClass"
             append-to="body"
             @dragstart="$emit('focus')"
-            @dragend="$emit('blur-sm')"
+            @dragend="$emit('blur')"
             @update:model-value="(rows) => $emit('sorted', rows)"
             v-slot="{}"
         >
@@ -35,7 +35,7 @@
                     @duplicate="(row) => $emit('duplicate', row)"
                     @removed="(row) => $emit('removed', row)"
                     @focus="$emit('focus')"
-                    @blur="$emit('blur-sm')"
+                    @blur="$emit('blur')"
                 />
             </tbody>
         </sortable-list>
diff --git a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
index c0b708cf24a..8fc1e34770e 100644
--- a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
+++ b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
@@ -754,7 +754,7 @@ export default {
             });
 
             self.codemirror.on('focus', () => self.$emit('focus'));
-            self.codemirror.on('blur-sm', () => self.$emit('blur-sm'));
+            self.codemirror.on('blur', () => self.$emit('blur'));
 
             // Expose the array of selections to the Vue instance
             self.codemirror.on('beforeSelectionChange', function (cm, obj) {
diff --git a/resources/js/components/fieldtypes/relationship/RelationshipFieldtype.vue b/resources/js/components/fieldtypes/relationship/RelationshipFieldtype.vue
index a3390957c62..ec822fb3a0d 100644
--- a/resources/js/components/fieldtypes/relationship/RelationshipFieldtype.vue
+++ b/resources/js/components/fieldtypes/relationship/RelationshipFieldtype.vue
@@ -28,7 +28,7 @@
         :initial-sort-column="meta.initialSortColumn"
         :initial-sort-direction="meta.initialSortDirection"
         @focus="$emit('focus')"
-        @blur="$emit('blur-sm')"
+        @blur="$emit('blur')"
         @input="update"
         @item-data-updated="itemDataUpdated"
     />
diff --git a/resources/js/components/fieldtypes/replicator/Field.vue b/resources/js/components/fieldtypes/replicator/Field.vue
index 3eb372712a9..4426aaf9432 100644
--- a/resources/js/components/fieldtypes/replicator/Field.vue
+++ b/resources/js/components/fieldtypes/replicator/Field.vue
@@ -34,7 +34,7 @@
             @update:value="$emit('updated', $event)"
             @meta-updated="$emit('meta-updated', $event)"
             @focus="$emit('focus')"
-            @blur="$emit('blur-sm')"
+            @blur="$emit('blur')"
             @replicator-preview-updated="$emit('replicator-preview-updated', $event)"
         />
 
diff --git a/resources/js/components/fieldtypes/replicator/Replicator.vue b/resources/js/components/fieldtypes/replicator/Replicator.vue
index d7122f6938c..8edad7525fa 100644
--- a/resources/js/components/fieldtypes/replicator/Replicator.vue
+++ b/resources/js/components/fieldtypes/replicator/Replicator.vue
@@ -26,7 +26,7 @@
                             constrain-dimensions
                             @update:model-value="sorted($event)"
                             @dragstart="$emit('focus')"
-                            @dragend="$emit('blur-sm')"
+                            @dragend="$emit('blur')"
                             v-slot="{}"
                         >
                             <div class="replicator-set-container">
@@ -296,7 +296,7 @@ export default {
 
             setTimeout(() => {
                 if (!this.$el.contains(document.activeElement)) {
-                    this.$emit('blur-sm');
+                    this.$emit('blur');
                 }
             }, 1);
         },
diff --git a/resources/js/components/fieldtypes/replicator/Set.vue b/resources/js/components/fieldtypes/replicator/Set.vue
index 99cbb4ae09a..e4bc7903f3f 100644
--- a/resources/js/components/fieldtypes/replicator/Set.vue
+++ b/resources/js/components/fieldtypes/replicator/Set.vue
@@ -67,7 +67,7 @@
                     @updated="updated(field.handle, $event)"
                     @meta-updated="metaUpdated(field.handle, $event)"
                     @focus="$emit('focus')"
-                    @blur="$emit('blur-sm')"
+                    @blur="$emit('blur')"
                     @replicator-preview-updated="previewUpdated(field.handle, $event)"
                 />
             </div>
diff --git a/resources/js/components/globals/PublishForm.vue b/resources/js/components/globals/PublishForm.vue
index 255774d1bb3..8a9ce9369d4 100644
--- a/resources/js/components/globals/PublishForm.vue
+++ b/resources/js/components/globals/PublishForm.vue
@@ -82,7 +82,7 @@
                     @synced="syncField"
                     @desynced="desyncField"
                     @focus="container.$emit('focus', $event)"
-                    @blur="container.$emit('blur-sm', $event)"
+                    @blur="container.$emit('blur', $event)"
                 />
             </div>
         </publish-container>
diff --git a/resources/js/components/inputs/Select.vue b/resources/js/components/inputs/Select.vue
index 70572d9b231..18c23eae0e7 100644
--- a/resources/js/components/inputs/Select.vue
+++ b/resources/js/components/inputs/Select.vue
@@ -8,7 +8,7 @@
             :value="modelValue"
             :disabled="isReadOnly"
             @focus="$emit('focus')"
-            @blur="$emit('blur-sm')"
+            @blur="$emit('blur')"
         >
             <option v-if="placeholder" v-text="__(placeholder)" value="" disabled :selected="modelValue === null" />
 
diff --git a/resources/js/components/inputs/Text.vue b/resources/js/components/inputs/Text.vue
index 53089494948..4fa6b026f9a 100644
--- a/resources/js/components/inputs/Text.vue
+++ b/resources/js/components/inputs/Text.vue
@@ -25,7 +25,7 @@
                 @input="$emit('update:model-value', $event.target.value)"
                 @keydown="$emit('keydown', $event)"
                 @focus="$emit('focus')"
-                @blur="$emit('blur-sm')"
+                @blur="$emit('blur')"
             />
             <slot name="append" v-if="append">
                 <div class="input-group-append">
@@ -43,7 +43,7 @@
 import LengthLimiter from '../LengthLimiter.vue';
 
 export default {
-    emits: ['update:model-value', 'keydown', 'focus', 'blur-sm'],
+    emits: ['update:model-value', 'keydown', 'focus', 'blur'],
     mixins: [LengthLimiter],
     props: {
         name: {},
diff --git a/resources/js/components/inputs/Textarea.vue b/resources/js/components/inputs/Textarea.vue
index 67435f8ce7c..506523c2730 100644
--- a/resources/js/components/inputs/Textarea.vue
+++ b/resources/js/components/inputs/Textarea.vue
@@ -11,7 +11,7 @@
             :autofocus="focus"
             @input.stop="$emit('update:model-value', $event.target.value)"
             @focus.stop="$emit('focus')"
-            @blur.stop="$emit('blur-sm')"
+            @blur.stop="$emit('blur')"
         />
         <div
             class="-mb-3 text-xs @sm:-mb-5 @lg:-mb-5 ltr:text-right rtl:text-left"
diff --git a/resources/js/components/inputs/relationship/RelationshipInput.vue b/resources/js/components/inputs/relationship/RelationshipInput.vue
index 08433cf67ec..5c12e7925db 100644
--- a/resources/js/components/inputs/relationship/RelationshipInput.vue
+++ b/resources/js/components/inputs/relationship/RelationshipInput.vue
@@ -12,7 +12,7 @@
             :site="site"
             @input="selectFieldSelected"
             @focus="$emit('focus')"
-            @blur="$emit('blur-sm')"
+            @blur="$emit('blur')"
         />
 
         <loading-graphic v-if="initializing" :inline="true" />
@@ -232,7 +232,7 @@ export default {
         },
 
         isSelecting(selecting) {
-            this.$emit(selecting ? 'focus' : 'blur-sm');
+            this.$emit(selecting ? 'focus' : 'blur');
         },
 
         itemData(data, olddata) {
@@ -291,7 +291,7 @@ export default {
                     this.value.length === 1 ? e.cancel() : this.$emit('focus');
                 })
                 .on('drag:stop', (e) => {
-                    this.$emit('blur-sm');
+                    this.$emit('blur');
                 })
                 .on('sortable:stop', (e) => {
                     const val = [...this.value];
diff --git a/resources/js/components/inputs/relationship/SelectField.vue b/resources/js/components/inputs/relationship/SelectField.vue
index 4fb81d0b0df..de9d1ddf5da 100644
--- a/resources/js/components/inputs/relationship/SelectField.vue
+++ b/resources/js/components/inputs/relationship/SelectField.vue
@@ -19,7 +19,7 @@
             @update:model-value="input"
             @search="search"
             @search:focus="$emit('focus')"
-            search:blur="$emit('blur-sm')"
+            search:blur="$emit('blur')"
         >
             <template #option="{ title, hint, status }">
                 <div class="flex items-center justify-between">
diff --git a/resources/js/components/publish/Container.vue b/resources/js/components/publish/Container.vue
index 54e2168a3d9..a4195becb50 100644
--- a/resources/js/components/publish/Container.vue
+++ b/resources/js/components/publish/Container.vue
@@ -8,7 +8,7 @@ import { isEqual } from 'lodash-es';
 import clone from '@statamic/util/clone.js';
 
 export default {
-    emits: ['updated', 'focus', 'blur-sm'],
+    emits: ['updated', 'focus', 'blur'],
 
     props: {
         reference: {
diff --git a/resources/js/components/publish/Field.vue b/resources/js/components/publish/Field.vue
index ed5a6069ba5..aa16ed906ea 100644
--- a/resources/js/components/publish/Field.vue
+++ b/resources/js/components/publish/Field.vue
@@ -279,7 +279,7 @@ export default {
 
         blurred() {
             if (!this.isLocked) {
-                this.$emit('blur-sm');
+                this.$emit('blur');
             }
         },
 
diff --git a/resources/js/components/publish/Fields.vue b/resources/js/components/publish/Fields.vue
index efdc8561782..6e5e09e9b6c 100644
--- a/resources/js/components/publish/Fields.vue
+++ b/resources/js/components/publish/Fields.vue
@@ -16,7 +16,7 @@
             @synced="$emit('synced', field.handle)"
             @desynced="$emit('desynced', field.handle)"
             @focus="$emit('focus', field.handle)"
-            @blur="$emit('blur-sm', field.handle)"
+            @blur="$emit('blur', field.handle)"
         />
     </div>
 </template>
@@ -26,7 +26,7 @@ import PublishField from './Field.vue';
 import { ValidatesFieldConditions } from '../field-conditions/FieldConditions.js';
 
 export default {
-    emits: ['updated', 'meta-updated', 'synced', 'desynced', 'focus', 'blur-sm'],
+    emits: ['updated', 'meta-updated', 'synced', 'desynced', 'focus', 'blur'],
 
     components: { PublishField },
 
diff --git a/resources/js/components/publish/Sections.vue b/resources/js/components/publish/Sections.vue
index 5d7f9e87d16..5041ea1f37f 100644
--- a/resources/js/components/publish/Sections.vue
+++ b/resources/js/components/publish/Sections.vue
@@ -20,7 +20,7 @@
                     @synced="$emit('synced', $event)"
                     @desynced="$emit('desynced', $event)"
                     @focus="$emit('focus', $event)"
-                    @blur="$emit('blur-sm', $event)"
+                    @blur="$emit('blur', $event)"
                 />
             </div>
         </div>
@@ -31,7 +31,7 @@
 import { ValidatesFieldConditions } from '../field-conditions/FieldConditions.js';
 
 export default {
-    emits: ['updated', 'meta-updated', 'synced', 'desynced', 'focus', 'blur-sm'],
+    emits: ['updated', 'meta-updated', 'synced', 'desynced', 'focus', 'blur'],
 
     mixins: [ValidatesFieldConditions],
 
diff --git a/resources/js/components/publish/Tabs.vue b/resources/js/components/publish/Tabs.vue
index cdf655fa153..a9e632e5df8 100644
--- a/resources/js/components/publish/Tabs.vue
+++ b/resources/js/components/publish/Tabs.vue
@@ -75,7 +75,7 @@
                             @synced="$emit('synced', $event)"
                             @desynced="$emit('desynced', $event)"
                             @focus="$emit('focus', $event)"
-                            @blur="$emit('blur-sm', $event)"
+                            @blur="$emit('blur', $event)"
                         />
                     </div>
                 </div>
@@ -99,7 +99,7 @@
                             @synced="$emit('synced', $event)"
                             @desynced="$emit('desynced', $event)"
                             @focus="$emit('focus', $event)"
-                            @blur="$emit('blur-sm', $event)"
+                            @blur="$emit('blur', $event)"
                         />
                     </div>
                 </div>
diff --git a/resources/js/components/structures/PageEditor.vue b/resources/js/components/structures/PageEditor.vue
index eb63e3532c1..4abb24b0e23 100644
--- a/resources/js/components/structures/PageEditor.vue
+++ b/resources/js/components/structures/PageEditor.vue
@@ -49,7 +49,7 @@
                             @synced="syncField"
                             @desynced="desyncField"
                             @focus="container.$emit('focus', $event)"
-                            @blur="container.$emit('blur-sm', $event)"
+                            @blur="container.$emit('blur', $event)"
                         />
                     </div>
                 </publish-container>
diff --git a/resources/js/components/terms/PublishForm.vue b/resources/js/components/terms/PublishForm.vue
index d1d122ba34d..e420ef41a76 100644
--- a/resources/js/components/terms/PublishForm.vue
+++ b/resources/js/components/terms/PublishForm.vue
@@ -101,7 +101,7 @@
                             @synced="syncField"
                             @desynced="desyncField"
                             @focus="container.$emit('focus', $event)"
-                            @blur="container.$emit('blur-sm', $event)"
+                            @blur="container.$emit('blur', $event)"
                         >
                             <template #actions="{ shouldShowSidebar }">
                                 <div
diff --git a/resources/js/components/user-groups/PublishForm.vue b/resources/js/components/user-groups/PublishForm.vue
index 21ef7c91289..5d220257f5a 100644
--- a/resources/js/components/user-groups/PublishForm.vue
+++ b/resources/js/components/user-groups/PublishForm.vue
@@ -32,7 +32,7 @@
                     @updated="setFieldValue"
                     @meta-updated="setFieldMeta"
                     @focus="container.$emit('focus', $event)"
-                    @blur="container.$emit('blur-sm', $event)"
+                    @blur="container.$emit('blur', $event)"
                 ></publish-tabs>
             </div>
         </publish-container>
diff --git a/resources/js/components/users/PublishForm.vue b/resources/js/components/users/PublishForm.vue
index 657ccbae82d..a69ac541cca 100644
--- a/resources/js/components/users/PublishForm.vue
+++ b/resources/js/components/users/PublishForm.vue
@@ -53,7 +53,7 @@
                     @updated="setFieldValue"
                     @meta-updated="setFieldMeta"
                     @focus="container.$emit('focus', $event)"
-                    @blur="container.$emit('blur-sm', $event)"
+                    @blur="container.$emit('blur', $event)"
                 ></publish-tabs>
             </div>
         </publish-container>

From 780c1a423e88fb67a88ef83c746f7faeca765413 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 26 Mar 2025 15:17:07 -0400
Subject: [PATCH 007/186] Strip out enough custom classes to get rid of
 tailwind.config.js

---
 resources/css/app.css                                |  5 +++--
 resources/css/components/blueprints.css              |  2 +-
 resources/css/components/cards.css                   |  2 +-
 resources/css/components/fieldtypes/bard.css         |  6 +++---
 resources/css/components/fieldtypes/code.css         |  4 ++--
 resources/css/components/fieldtypes/markdown.css     |  6 +++---
 resources/css/components/fieldtypes/replicator.css   |  2 +-
 resources/css/components/fieldtypes/section.css      |  2 +-
 resources/css/components/fieldtypes/textarea.css     |  2 +-
 resources/css/components/global-header.css           |  2 +-
 resources/css/components/items.css                   |  2 +-
 resources/css/components/modal.css                   |  2 +-
 resources/css/components/nav-main.css                |  2 +-
 resources/css/components/outside.css                 |  9 ---------
 resources/css/components/page-tree.css               |  2 +-
 resources/css/components/pagination.css              |  2 +-
 resources/css/components/sortable.css                |  2 +-
 resources/css/components/tabs.css                    |  2 +-
 resources/css/core/layout.css                        |  4 ++--
 resources/css/elements/buttons.css                   |  4 ++--
 resources/css/elements/dropdowns.css                 |  2 +-
 resources/css/elements/forms.css                     |  6 +++---
 resources/css/ui.css                                 | 11 +++++++----
 resources/css/vendors/vue-select.css                 |  8 ++++----
 resources/js/bootstrap/App.vue                       |  2 +-
 resources/js/components/AddonList.vue                |  2 +-
 resources/js/components/Popover.vue                  |  2 +-
 resources/js/components/collections/CreateForm.vue   |  4 ++--
 resources/js/components/fields/FieldtypeSelector.vue |  4 ++--
 resources/js/components/fields/Settings.vue          |  2 +-
 resources/js/components/fieldsets/CreateForm.vue     |  4 ++--
 .../js/components/fieldtypes/RangeFieldtype.vue      |  2 +-
 .../components/fieldtypes/replicator/SetPicker.vue   |  4 ++--
 resources/js/components/forms/CreateForm.vue         |  4 ++--
 resources/js/components/globals/Create.vue           |  4 ++--
 .../inputs/relationship/InlinePublishForm.vue        |  2 +-
 resources/js/components/navigation/CreateForm.vue    |  4 ++--
 resources/js/components/taxonomies/CreateForm.vue    |  4 ++--
 resources/js/components/ui/Modal/Index.vue           |  2 +-
 resources/js/components/users/Wizard.vue             |  6 +++---
 resources/views/addons/index.blade.php               |  2 +-
 .../views/collections/blueprints/create.blade.php    |  4 ++--
 resources/views/entries/create.blade.php             |  2 +-
 resources/views/entries/edit.blade.php               |  2 +-
 resources/views/licensing.blade.php                  |  2 +-
 resources/views/partials/scripts.blade.php           |  2 +-
 .../views/taxonomies/blueprints/create.blade.php     |  4 ++--
 resources/views/terms/create.blade.php               |  2 +-
 resources/views/terms/edit.blade.php                 |  2 +-
 resources/views/updater/index.blade.php              |  2 +-
 tests/Antlers/Parser/BasicNodeTest.php               | 12 ++++++------
 tests/Antlers/Runtime/MarkdownContentTest.php        |  2 +-
 52 files changed, 88 insertions(+), 93 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index 4dc0f12f710..2ade14e2772 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -1,10 +1,11 @@
 @import 'tailwindcss';
+@import './ui.css';
 @import './cp.css' layer(base);
 @import './core/utilities.css';
 @import './dark.css';
 @import './tailwind-animate.css';
-@import './ui.css';
-@config '../../tailwind.config.js';
+
+/* @config '../../tailwind.config.js'; */
 
 /*
   The default border color has changed to `currentColor` in Tailwind CSS v4,
diff --git a/resources/css/components/blueprints.css b/resources/css/components/blueprints.css
index d7ef2a7b31e..2e7756b6786 100644
--- a/resources/css/components/blueprints.css
+++ b/resources/css/components/blueprints.css
@@ -25,7 +25,7 @@
 
     .blueprint-section-field-inner {
         @apply relative z-10 flex rounded-sm border bg-gray-200 shadow-sm outline-hidden;
-        @apply dark:border-none dark:bg-dark-600 dark:shadow-dark;
+        @apply dark:border-none dark:bg-dark-600 dark:shadow-lg;
     }
 
     &.draggable-source--is-dragging {
diff --git a/resources/css/components/cards.css b/resources/css/components/cards.css
index 8be1d133f20..bcd38e97f09 100644
--- a/resources/css/components/cards.css
+++ b/resources/css/components/cards.css
@@ -4,7 +4,7 @@
 
 .card {
     @apply rounded-md bg-white p-2 shadow;
-    @apply dark:bg-dark-600 dark:shadow-dark;
+    @apply dark:bg-dark-600 dark:shadow-lg;
 }
 
 @media (width >= theme(--breakpoint-md)) {
diff --git a/resources/css/components/fieldtypes/bard.css b/resources/css/components/fieldtypes/bard.css
index 6712c4a8f03..d879632062b 100644
--- a/resources/css/components/fieldtypes/bard.css
+++ b/resources/css/components/fieldtypes/bard.css
@@ -12,7 +12,7 @@
 
 .bard-editor .ProseMirror {
     @apply min-h-40 p-2 text-sm leading-tight;
-    @apply text-md leading-normal @md/bard:p-2;
+    @apply text-sm leading-normal @md/bard:p-2;
     @apply @lg/bard:p-4;
     &:focus {
         @apply ring-2 ring-inset ring-blue-200 dark:ring-blue-600;
@@ -232,11 +232,11 @@
     @apply fixed inset-0 min-h-screen overflow-scroll rounded-none bg-gray-200 pt-14 dark:bg-dark-700;
 
     & > .bard-editor {
-        @apply relative mx-auto my-6 max-w-xl rounded-sm bg-white px-8 shadow dark:bg-dark-800 dark:shadow-dark;
+        @apply relative mx-auto my-6 max-w-5xl rounded-sm bg-white px-8 shadow dark:bg-dark-800 dark:shadow-lg;
     }
 
     & > .bard-fixed-toolbar {
-        @apply fixed h-12 w-full bg-linear-to-b from-white to-gray-100 shadow dark:from-dark-400 dark:to-dark-500 dark:shadow-dark;
+        @apply fixed h-12 w-full bg-linear-to-b from-white to-gray-100 shadow dark:from-dark-400 dark:to-dark-500 dark:shadow-lg;
         padding: 7px 8px;
         top: 0;
         z-index: 999;
diff --git a/resources/css/components/fieldtypes/code.css b/resources/css/components/fieldtypes/code.css
index d63362b7f99..f3281a9a8d1 100644
--- a/resources/css/components/fieldtypes/code.css
+++ b/resources/css/components/fieldtypes/code.css
@@ -21,10 +21,10 @@
     @apply fixed inset-0 min-h-screen overflow-scroll rounded-none bg-gray-200 pt-14 dark:bg-dark-600;
 
     .code-fieldtype-toolbar {
-        @apply fixed top-0 z-2 h-12 w-full rounded-none bg-linear-to-b from-white to-gray-100 px-6 py-2 text-base shadow dark:from-dark-550 dark:to-dark-600 dark:shadow-dark;
+        @apply fixed top-0 z-2 h-12 w-full rounded-none bg-linear-to-b from-white to-gray-100 px-6 py-2 text-base shadow dark:from-dark-550 dark:to-dark-600 dark:shadow-lg;
     }
 }
 
 .CodeMirror {
-    @apply dark:text-dark-150 dark:shadow-inner-dark;
+    @apply dark:text-dark-150 ;
 }
diff --git a/resources/css/components/fieldtypes/markdown.css b/resources/css/components/fieldtypes/markdown.css
index bf2c79383bc..159db2bdbf4 100644
--- a/resources/css/components/fieldtypes/markdown.css
+++ b/resources/css/components/fieldtypes/markdown.css
@@ -50,7 +50,7 @@
     }
 
     .CodeMirror {
-        @apply h-auto bg-gray-100 px-0 py-1 font-mono text-xs leading-normal shadow-inner @md/markdown:p-3 dark:bg-dark-650 dark:text-dark-150 dark:shadow-inner-dark;
+        @apply h-auto bg-gray-100 px-0 py-1 font-mono text-xs leading-normal shadow-inner @md/markdown:p-3 dark:bg-dark-650 dark:text-dark-150 ;
         border-radius: 0 0 3px 3px;
 
         &:focus-within {
@@ -231,7 +231,7 @@
     }
 
     .editor {
-        @apply relative mx-auto my-6 max-w-xl rounded-sm bg-white px-2 shadow md:px-8 md:pt-8;
+        @apply relative mx-auto my-6 max-w-5xl rounded-sm bg-white px-2 shadow md:px-8 md:pt-8;
 
         .CodeMirror-scroll {
             @apply m-0;
@@ -247,7 +247,7 @@
     }
 
     .markdown-preview {
-        @apply relative mx-auto max-w-xl bg-transparent p-8 text-lg;
+        @apply relative mx-auto max-w-5xl bg-transparent p-8 text-lg;
     }
 
     .helpers {
diff --git a/resources/css/components/fieldtypes/replicator.css b/resources/css/components/fieldtypes/replicator.css
index 79d91c7bc3f..d348d51ad30 100644
--- a/resources/css/components/fieldtypes/replicator.css
+++ b/resources/css/components/fieldtypes/replicator.css
@@ -7,7 +7,7 @@
 }
 
 .replicator-set {
-    @apply relative rounded-sm bg-white shadow-set outline-hidden dark:bg-dark-800 dark:shadow-dark-set;
+    @apply relative rounded-sm bg-white shadow-sm outline-hidden dark:bg-dark-800 dark:shadow-lg;
 }
 
 .replicator-set-header {
diff --git a/resources/css/components/fieldtypes/section.css b/resources/css/components/fieldtypes/section.css
index 6d140ed4f8f..5c07d13154c 100644
--- a/resources/css/components/fieldtypes/section.css
+++ b/resources/css/components/fieldtypes/section.css
@@ -4,7 +4,7 @@
 
 .section-fieldtype {
     @apply border-b border-t bg-gray-200;
-    @apply dark:border-dark-900 dark:bg-dark-700 dark:shadow-inner-dark;
+    @apply dark:border-dark-900 dark:bg-dark-700 ;
     @apply -mt-px; /*  Avoid adjacent borders just in case they're stacked */
 
     &.form-group {
diff --git a/resources/css/components/fieldtypes/textarea.css b/resources/css/components/fieldtypes/textarea.css
index 1d1962e1c33..d9c9a8e9603 100644
--- a/resources/css/components/fieldtypes/textarea.css
+++ b/resources/css/components/fieldtypes/textarea.css
@@ -3,7 +3,7 @@
    ========================================================================== */
 
 .textarea-fieldtype textarea {
-    @apply border-gray-500 text-md leading-normal dark:border-dark-900 dark:shadow-inner-dark;
+    @apply border-gray-500 text-sm leading-normal dark:border-dark-900 ;
     min-height: 80px;
 
     &:not(.focus-within-only):focus,
diff --git a/resources/css/components/global-header.css b/resources/css/components/global-header.css
index 76f69343293..8590841ff9f 100644
--- a/resources/css/components/global-header.css
+++ b/resources/css/components/global-header.css
@@ -3,7 +3,7 @@
    ========================================================================== */
 
 .global-header {
-    @apply relative flex h-13 w-full items-center bg-white shadow dark:bg-dark-600 dark:shadow-dark ltr:pr-4 rtl:pl-4;
+    @apply relative flex h-13 w-full items-center bg-white shadow dark:bg-dark-600 dark:shadow-lg ltr:pr-4 rtl:pl-4;
     z-index: 3; /* The search focus overlay sits underneath using z-index 2. */
 
     .dark & {
diff --git a/resources/css/components/items.css b/resources/css/components/items.css
index 8f7824d15d4..5d321bf99ec 100644
--- a/resources/css/components/items.css
+++ b/resources/css/components/items.css
@@ -1,6 +1,6 @@
 .item {
     @apply flex w-full items-center justify-between rounded-sm border bg-white text-sm shadow-sm outline-hidden;
-    @apply dark:border-dark-900 dark:bg-dark-550 dark:shadow-dark-sm;
+    @apply dark:border-dark-900 dark:bg-dark-550 dark:shadow-lg;
 
     .item-move {
         @apply w-4 cursor-grab self-stretch bg-gray-200 p-2 ltr:rounded-l ltr:border-r rtl:rounded-r rtl:border-l;
diff --git a/resources/css/components/modal.css b/resources/css/components/modal.css
index 9b9282038d7..f714a6b2014 100644
--- a/resources/css/components/modal.css
+++ b/resources/css/components/modal.css
@@ -6,7 +6,7 @@
 }
 
 .vfm__content {
-    @apply rounded-lg! dark:bg-dark-600! dark:shadow-dark!;
+    @apply rounded-lg! dark:bg-dark-600! dark:shadow-lg!;
     @apply overflow-clip bg-white shadow-2xl;
 
     [dir='rtl'] & {
diff --git a/resources/css/components/nav-main.css b/resources/css/components/nav-main.css
index f9e244c3b6f..d198785c51b 100644
--- a/resources/css/components/nav-main.css
+++ b/resources/css/components/nav-main.css
@@ -4,7 +4,7 @@
 
 .nav-main {
     @apply absolute hidden h-screen w-56 select-none overflow-scroll bg-white shadow ltr:left-0 rtl:right-0;
-    @apply dark:bg-dark-800 dark:shadow-dark;
+    @apply dark:bg-dark-800 dark:shadow-lg;
 
     transition: all 0.3s;
 
diff --git a/resources/css/components/outside.css b/resources/css/components/outside.css
index d0c65a8a645..854fc99b722 100644
--- a/resources/css/components/outside.css
+++ b/resources/css/components/outside.css
@@ -95,12 +95,3 @@ html:not(.dark) .outside.rad-theme {
         @apply text-shadow text-white;
     }
 }
-
-.dark .outside.rad-theme {
-    .auth-card {
-        @apply shadow-dark;
-        &:hover {
-            @apply shadow-dark-lg;
-        }
-    }
-}
diff --git a/resources/css/components/page-tree.css b/resources/css/components/page-tree.css
index f3331daca77..6f3515f2e4e 100644
--- a/resources/css/components/page-tree.css
+++ b/resources/css/components/page-tree.css
@@ -5,7 +5,7 @@
 
     .page-tree-branch {
         @apply relative rounded-sm bg-white text-xs shadow;
-        @apply dark:bg-dark-600 dark:shadow-dark;
+        @apply dark:bg-dark-600 dark:shadow-lg;
 
         &:hover {
             @apply bg-gray-100 dark:bg-dark-650;
diff --git a/resources/css/components/pagination.css b/resources/css/components/pagination.css
index 270bccf11fd..9663420f7c5 100644
--- a/resources/css/components/pagination.css
+++ b/resources/css/components/pagination.css
@@ -3,7 +3,7 @@
    ========================================================================== */
 
 .pagination {
-    @apply flex list-none items-center justify-center overflow-hidden rounded-sm p-0 shadow dark:shadow-dark;
+    @apply flex list-none items-center justify-center overflow-hidden rounded-sm p-0 shadow dark:shadow-lg;
 
     li a {
         @apply block h-full bg-white px-3 py-2 text-gray-800 dark:border-dark-900 dark:bg-dark-600 dark:text-dark-150 ltr:border-r rtl:border-l;
diff --git a/resources/css/components/sortable.css b/resources/css/components/sortable.css
index c1fc197b040..f772087a9d0 100644
--- a/resources/css/components/sortable.css
+++ b/resources/css/components/sortable.css
@@ -25,7 +25,7 @@ table .ui-sortable-helper {
 
 tbody.ui-sortable {
     > tr > .cell-counter > .move {
-        @apply relative hidden text-md text-gray-700;
+        @apply relative hidden text-sm text-gray-700;
         top: 2px;
     }
 
diff --git a/resources/css/components/tabs.css b/resources/css/components/tabs.css
index 64bafa003dc..80b75694b59 100644
--- a/resources/css/components/tabs.css
+++ b/resources/css/components/tabs.css
@@ -3,7 +3,7 @@
    ========================================================================== */
 
 .tabs-container {
-    @apply relative mb-6 flex w-full border-b text-md dark:border-dark-500;
+    @apply relative mb-6 flex w-full border-b text-sm dark:border-dark-500;
 
     .fade-left,
     .fade-right {
diff --git a/resources/css/core/layout.css b/resources/css/core/layout.css
index 586d2e106a1..e96b6dbdd7e 100644
--- a/resources/css/core/layout.css
+++ b/resources/css/core/layout.css
@@ -3,7 +3,7 @@
    ========================================================================== */
 
 body {
-    @apply relative w-full bg-gray-300 dark:bg-dark-800;
+    @apply relative w-full bg-gray-100 dark:bg-dark-800;
 }
 
 #statamic {
@@ -72,7 +72,7 @@ a {
 
 @media (width >= theme(--breakpoint-md)) {
     .page-wrapper {
-        @apply mx-auto max-w-xl px-8;
+        @apply mx-auto max-w-5xl px-8;
     }
 }
 
diff --git a/resources/css/elements/buttons.css b/resources/css/elements/buttons.css
index cdf6049ebe2..6c565d98fa4 100644
--- a/resources/css/elements/buttons.css
+++ b/resources/css/elements/buttons.css
@@ -34,7 +34,7 @@ button {
 /*  Default, non-primary action button */
 .btn,
 .btn-default {
-    @apply text-gray-800 shadow-button dark:text-dark-150;
+    @apply text-gray-800 shadow-sm dark:text-dark-150;
     background: linear-gradient(180deg, #fff, #f9fafb);
     background-clip: padding-box;
     border: 1px solid #d3dde7;
@@ -81,7 +81,7 @@ button {
         border-color: #aeb9c3 !important;
 
         .dark & {
-            @apply shadow-inner-dark;
+            /* @apply shadow-inner-dark; */
             background: var(--color-dark-400);
             border-color: var(--color-dark-700) !important;
         }
diff --git a/resources/css/elements/dropdowns.css b/resources/css/elements/dropdowns.css
index 31c718632cc..9ea4dc3733e 100644
--- a/resources/css/elements/dropdowns.css
+++ b/resources/css/elements/dropdowns.css
@@ -74,7 +74,7 @@
     @apply relative;
 
     .quick-list-content {
-        @apply absolute right-full top-1/2 mr-[8px] flex min-w-max origin-right -translate-y-1/2 rounded-full bg-white p-0.5 shadow-quick transition dark:bg-dark-550;
+        @apply absolute right-full top-1/2 mr-[8px] flex min-w-max origin-right -translate-y-1/2 rounded-full bg-white p-0.5 shadow-sm transition dark:bg-dark-550;
         &::before {
             content: '';
             position: absolute;
diff --git a/resources/css/elements/forms.css b/resources/css/elements/forms.css
index 28f3c203127..7e79a771d56 100644
--- a/resources/css/elements/forms.css
+++ b/resources/css/elements/forms.css
@@ -23,8 +23,8 @@ select {
   ========================================================================== */
 
 .input-text {
-    @apply block w-full max-w-full appearance-none rounded-sm border bg-gray-100 p-2 text-md text-gray-800 shadow-inner placeholder:text-gray-600 @lg:text-base;
-    @apply dark:border-dark-900 dark:bg-dark-650 dark:text-dark-150 dark:shadow-inner-dark dark:placeholder:text-dark-175;
+    @apply block w-full max-w-full appearance-none rounded-sm border bg-gray-100 p-2 text-sm text-gray-800 shadow-inner placeholder:text-gray-600 @lg:text-base;
+    @apply dark:border-dark-900 dark:bg-dark-650 dark:text-dark-150  dark:placeholder:text-dark-175;
     transition:
         border-color 0.15s ease-in-out,
         box-shadow 0.15s ease-in-out;
@@ -225,7 +225,7 @@ input.input-text-minimal:read-only,
     @apply relative rounded-sm;
 
     select {
-        @apply relative block h-full w-full max-w-full cursor-pointer text-sm text-gray-800 shadow-button dark:text-dark-150 ltr:text-left rtl:text-right;
+        @apply relative block h-full w-full max-w-full cursor-pointer text-sm text-gray-800 shadow-sm dark:text-dark-150 ltr:text-left rtl:text-right;
         @apply select-none appearance-none whitespace-nowrap rounded-sm align-middle leading-normal subpixel-antialiased;
 
         background: linear-gradient(180deg, #fff, #f9fafb);
diff --git a/resources/css/ui.css b/resources/css/ui.css
index 31c10d51512..10972cabffd 100644
--- a/resources/css/ui.css
+++ b/resources/css/ui.css
@@ -47,19 +47,19 @@
     --color-dark-blue-200: '#2a4270';
 
     --color-orange-light: '#fcc062';
-    --color-orange-default: '#f5a82f';
+    --color-orange: '#f5a82f';
     --color-orange-dark: '#e08a1e';
 
     --color-pink-light: '#ff5ba7';
-    --color-pink-default: '#ff269e';
+    --color-pink: '#ff269e';
     --color-pink-dark: '#e00095';
 
     --color-purple-light: '#e0b7ff';
-    --color-purple-default: '#c471ed';
+    --color-purple: '#c471ed';
     --color-purple-dark: '#a855cd';
 
     --color-yellow-light: '#ffffe0';
-    --color-yellow-default: '#fbfab0';
+    --color-yellow: '#fbfab0';
     --color-yellow-dark: '#e8dc1e';
 
     --color-amber: '#ffd700';
@@ -72,7 +72,10 @@
 }
 
 @theme {
+    --text-4xs: 0.4rem;
+    --text-3xs: 0.5rem;
     --text-2xs: 0.625rem;
+
     --shadow-ui-xs: 0px 1px 3px -1px rgba(0,0,0,0.10);
     --shadow-ui-sm: 0px 2px 3px -2px rgba(0,0,0,0.15);
     --shadow-ui-md: 0px 2px 4px -2px rgba(0,0,0,0.37);
diff --git a/resources/css/vendors/vue-select.css b/resources/css/vendors/vue-select.css
index c1cf39d5db3..7d8b3a07514 100644
--- a/resources/css/vendors/vue-select.css
+++ b/resources/css/vendors/vue-select.css
@@ -48,7 +48,7 @@
 
 .vs__dropdown-toggle {
     @apply flex w-full appearance-none items-center rounded-sm border border-gray-500 bg-gray-100 p-0 text-gray-800 shadow-inner;
-    @apply dark:border-dark-900 dark:bg-dark-650 dark:text-dark-150 dark:shadow-inner-dark;
+    @apply dark:border-dark-900 dark:bg-dark-650 dark:text-dark-150 ;
     height: 2.375rem;
     transition:
         border-color 0.15s ease-in-out,
@@ -136,8 +136,8 @@
 }
 
 .vs__dropdown-menu {
-    @apply absolute z-top m-0 block w-full;
-    @apply block flex flex-col rounded-md bg-white p-4 shadow-popover dark:bg-dark-550 dark:shadow-dark-popover ltr:text-left rtl:text-right;
+    @apply absolute z-[9999] m-0 block w-full;
+    @apply flex flex-col rounded-md bg-white p-4 shadow-md dark:bg-dark-550 dark:shadow-lg ltr:text-left rtl:text-right;
     top: 46px;
     padding: 0;
     max-height: 350px;
@@ -198,7 +198,7 @@
     }
 
     span {
-        @apply shrink-0 text-md font-normal;
+        @apply shrink-0 text-sm font-normal;
     }
 }
 
diff --git a/resources/js/bootstrap/App.vue b/resources/js/bootstrap/App.vue
index 130413c7985..387a792211e 100644
--- a/resources/js/bootstrap/App.vue
+++ b/resources/js/bootstrap/App.vue
@@ -115,7 +115,7 @@ export default {
         },
 
         wrapperClass() {
-            return this.$config.get('wrapperClass', 'max-w-xl');
+            return this.$config.get('wrapperClass', 'max-w-5xl');
         },
     },
 
diff --git a/resources/js/components/AddonList.vue b/resources/js/components/AddonList.vue
index 20dce7c75e2..0cc800e24b4 100644
--- a/resources/js/components/AddonList.vue
+++ b/resources/js/components/AddonList.vue
@@ -49,7 +49,7 @@
 
                 <div class="addon-grid my-8" :class="{ 'opacity-50': loading }">
                     <div
-                        class="addon-card relative h-full cursor-pointer rounded-sm bg-white text-gray-800 shadow dark:bg-dark-600 dark:text-dark-150 dark:shadow-dark"
+                        class="addon-card relative h-full cursor-pointer rounded-sm bg-white text-gray-800 shadow dark:bg-dark-600 dark:text-dark-150 dark:shadow-lg"
                         v-for="addon in addons"
                         :key="addon.id"
                         @click="showAddon(addon)"
diff --git a/resources/js/components/Popover.vue b/resources/js/components/Popover.vue
index 4d4ac010992..3ed5e57da32 100644
--- a/resources/js/components/Popover.vue
+++ b/resources/js/components/Popover.vue
@@ -8,7 +8,7 @@
             <div :class="`${isOpen ? 'popover-open' : ''}`">
                 <div ref="popover" class="popover" v-if="!disabled" v-click-away="clickawayClose">
                     <div
-                        class="popover-content rounded-md bg-white shadow-popover dark:bg-dark-550 dark:shadow-dark-popover"
+                        class="popover-content rounded-md bg-white shadow-md dark:bg-dark-550 dark:shadow-lg-lg"
                     >
                         <slot :close="close" />
                     </div>
diff --git a/resources/js/components/collections/CreateForm.vue b/resources/js/components/collections/CreateForm.vue
index a54a26dfd00..38ee7aa1467 100644
--- a/resources/js/components/collections/CreateForm.vue
+++ b/resources/js/components/collections/CreateForm.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="mx-auto mt-4 max-w-lg">
-        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
+    <div class="mx-auto mt-4 max-w-2xl">
+        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-lg lg:px-20 lg:py-10">
             <header class="mb-16 text-center">
                 <h1 class="mb-6">{{ __('Create Collection') }}</h1>
                 <p class="text-gray" v-text="__('messages.collection_configure_intro')" />
diff --git a/resources/js/components/fields/FieldtypeSelector.vue b/resources/js/components/fields/FieldtypeSelector.vue
index 31614ae7a12..584abc86696 100644
--- a/resources/js/components/fields/FieldtypeSelector.vue
+++ b/resources/js/components/fields/FieldtypeSelector.vue
@@ -43,7 +43,7 @@
                     <div class="fieldtype-list">
                         <div class="p-2" v-for="fieldtype in group.fieldtypes" :key="fieldtype.handle">
                             <button
-                                class="group flex w-full items-center rounded-sm border border-gray-500 bg-white shadow-sm hover:border-gray-600 hover:shadow-md dark:border-dark-900 dark:bg-dark-700 dark:shadow-dark-sm dark:hover:border-dark-950 ltr:pr-3 rtl:pl-3"
+                                class="group flex w-full items-center rounded-sm border border-gray-500 bg-white shadow-sm hover:border-gray-600 hover:shadow-md dark:border-dark-900 dark:bg-dark-700 dark:shadow-lg dark:hover:border-dark-950 ltr:pr-3 rtl:pl-3"
                                 @click="select(fieldtype)"
                             >
                                 <div
@@ -60,7 +60,7 @@
                                     ></svg-icon>
                                 </div>
                                 <span
-                                    class="text-md text-gray-800 group-hover:text-gray-900 dark:text-dark-150 dark:group-hover:text-dark-100 ltr:pl-3 rtl:pr-3"
+                                    class="text-sm text-gray-800 group-hover:text-gray-900 dark:text-dark-150 dark:group-hover:text-dark-100 ltr:pl-3 rtl:pr-3"
                                     >{{ fieldtype.text }}</span
                                 >
                             </button>
diff --git a/resources/js/components/fields/Settings.vue b/resources/js/components/fields/Settings.vue
index df3f2ba88c2..e60b0d5ea98 100644
--- a/resources/js/components/fields/Settings.vue
+++ b/resources/js/components/fields/Settings.vue
@@ -6,7 +6,7 @@
 
         <header
             v-if="!loading"
-            class="sticky inset-x-0 top-0 z-1 flex h-13 items-center bg-white px-8 py-2 shadow dark:bg-dark-550 dark:shadow-dark"
+            class="sticky inset-x-0 top-0 z-1 flex h-13 items-center bg-white px-8 py-2 shadow dark:bg-dark-550 dark:shadow-lg"
         >
             <h1 class="flex flex-1 items-center text-xl">
                 {{ __(values.display) || __(config.display) || config.handle }}
diff --git a/resources/js/components/fieldsets/CreateForm.vue b/resources/js/components/fieldsets/CreateForm.vue
index 90f92a17c56..df29a658a6c 100644
--- a/resources/js/components/fieldsets/CreateForm.vue
+++ b/resources/js/components/fieldsets/CreateForm.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="mx-auto mt-4 max-w-lg">
-        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
+    <div class="mx-auto mt-4 max-w-2xl">
+        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-lg lg:px-20 lg:py-10">
             <header class="mb-16 text-center">
                 <h1 class="mb-6">{{ __('Create Fieldset') }}</h1>
                 <p class="text-gray" v-text="__('messages.fields_fieldsets_description')" />
diff --git a/resources/js/components/fieldtypes/RangeFieldtype.vue b/resources/js/components/fieldtypes/RangeFieldtype.vue
index 4988caa68ed..e64fee237dc 100644
--- a/resources/js/components/fieldtypes/RangeFieldtype.vue
+++ b/resources/js/components/fieldtypes/RangeFieldtype.vue
@@ -16,7 +16,7 @@
                 class="min-w-0 flex-1"
             />
             <div
-                class="mx-2 rounded-sm border bg-gray-100 px-2 py-1 dark:border-dark-900 dark:bg-dark-600 dark:shadow-inner-dark"
+                class="mx-2 rounded-sm border bg-gray-100 px-2 py-1 dark:border-dark-900 dark:bg-dark-600 "
             >
                 {{ val }}
             </div>
diff --git a/resources/js/components/fieldtypes/replicator/SetPicker.vue b/resources/js/components/fieldtypes/replicator/SetPicker.vue
index 053998b9e79..3b10b610139 100644
--- a/resources/js/components/fieldtypes/replicator/SetPicker.vue
+++ b/resources/js/components/fieldtypes/replicator/SetPicker.vue
@@ -52,7 +52,7 @@
                             class="h-9 w-9 rounded-sm border border-gray-600 bg-white p-2 text-gray-800 dark:border-dark-800 dark:bg-dark-650 dark:text-dark-175 ltr:mr-2 rtl:ml-2"
                         />
                         <div class="flex-1">
-                            <div class="w-52 truncate text-md font-medium text-gray-800 dark:text-dark-175">
+                            <div class="w-52 truncate text-sm font-medium text-gray-800 dark:text-dark-175">
                                 {{ __(item.display || item.handle) }}
                             </div>
                             <div
@@ -78,7 +78,7 @@
                             class="h-9 w-9 rounded-sm border border-gray-600 bg-white p-2 text-gray-800 dark:border-dark-800 dark:bg-dark-650 dark:text-dark-175 ltr:mr-2 rtl:ml-2"
                         />
                         <div class="flex-1">
-                            <div class="w-52 truncate text-md font-medium text-gray-800 dark:text-dark-175">
+                            <div class="w-52 truncate text-sm font-medium text-gray-800 dark:text-dark-175">
                                 {{ __(item.display || item.handle) }}
                             </div>
                             <div
diff --git a/resources/js/components/forms/CreateForm.vue b/resources/js/components/forms/CreateForm.vue
index fd876191732..405fdc30975 100644
--- a/resources/js/components/forms/CreateForm.vue
+++ b/resources/js/components/forms/CreateForm.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="mx-auto mt-4 max-w-lg">
-        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
+    <div class="mx-auto mt-4 max-w-2xl">
+        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-lg lg:px-20 lg:py-10">
             <header class="mb-16 text-center">
                 <h1 class="mb-6">{{ __('Create Form') }}</h1>
                 <p class="text-gray" v-text="__('messages.form_configure_intro')" />
diff --git a/resources/js/components/globals/Create.vue b/resources/js/components/globals/Create.vue
index d9051ca091f..7e205d60e71 100644
--- a/resources/js/components/globals/Create.vue
+++ b/resources/js/components/globals/Create.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="mx-auto mt-4 max-w-lg">
-        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
+    <div class="mx-auto mt-4 max-w-2xl">
+        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-lg lg:px-20 lg:py-10">
             <header class="mb-16 text-center">
                 <h1 class="mb-6">{{ __('Create Global Set') }}</h1>
                 <p class="text-gray" v-text="__('messages.globals_configure_intro')" />
diff --git a/resources/js/components/inputs/relationship/InlinePublishForm.vue b/resources/js/components/inputs/relationship/InlinePublishForm.vue
index 86958672011..51c98dc494b 100644
--- a/resources/js/components/inputs/relationship/InlinePublishForm.vue
+++ b/resources/js/components/inputs/relationship/InlinePublishForm.vue
@@ -14,7 +14,7 @@
                 </div>
 
                 <component
-                    class="mx-auto max-w-3xl"
+                    class="mx-auto max-w-7xl"
                     :is="component"
                     v-if="!loading"
                     v-bind="componentPropValues"
diff --git a/resources/js/components/navigation/CreateForm.vue b/resources/js/components/navigation/CreateForm.vue
index bec5fcc56ce..9210e94d3b3 100644
--- a/resources/js/components/navigation/CreateForm.vue
+++ b/resources/js/components/navigation/CreateForm.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="mx-auto mt-4 max-w-lg">
-        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
+    <div class="mx-auto mt-4 max-w-2xl">
+        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-lg lg:px-20 lg:py-10">
             <header class="mb-16 text-center">
                 <h1 class="mb-6">{{ __('Create Navigation') }}</h1>
                 <p class="text-gray" v-text="__('messages.navigation_configure_intro')" />
diff --git a/resources/js/components/taxonomies/CreateForm.vue b/resources/js/components/taxonomies/CreateForm.vue
index 7bdd9f0a901..5ac4b7abad9 100644
--- a/resources/js/components/taxonomies/CreateForm.vue
+++ b/resources/js/components/taxonomies/CreateForm.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="mx-auto mt-4 max-w-lg">
-        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
+    <div class="mx-auto mt-4 max-w-2xl">
+        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-lg lg:px-20 lg:py-10">
             <header class="mb-16 text-center">
                 <h1 class="mb-6">{{ __('Create Taxonomy') }}</h1>
                 <p class="text-gray" v-text="__('messages.taxonomy_configure_intro')" />
diff --git a/resources/js/components/ui/Modal/Index.vue b/resources/js/components/ui/Modal/Index.vue
index be92026f657..7f5401c796e 100644
--- a/resources/js/components/ui/Modal/Index.vue
+++ b/resources/js/components/ui/Modal/Index.vue
@@ -11,7 +11,7 @@ const hasModalTitleComponent = hasComponent('ModalTitle');
 
 const modalClasses = cva({
     base: [
-        'fixed outline-hidden left-1/2 top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2',
+        'fixed outline-hidden left-1/2 top-1/2 z-50 w-full max-w-2xl -translate-x-1/2 -translate-y-1/2',
         'bg-white/80 dark:bg-gray-850 backdrop-blur-[2px] rounded-2xl p-2',
         'shadow-[0_8px_5px_-6px_rgba(0,0,0,0.12),_0_3px_8px_0_rgba(0,0,0,0.02),_0_30px_22px_-22px_rgba(39,39,42,0.35)]',
         'dark:shadow-[0_5px_20px_rgba(0,0,0,.5)]',
diff --git a/resources/js/components/users/Wizard.vue b/resources/js/components/users/Wizard.vue
index cb90f3990e1..97a1e1b0fd6 100644
--- a/resources/js/components/users/Wizard.vue
+++ b/resources/js/components/users/Wizard.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="card mx-auto max-w-xl">
-        <div v-if="steps.length > 1" class="relative mx-auto max-w-lg pt-16">
+    <div class="card mx-auto max-w-5xl">
+        <div v-if="steps.length > 1" class="relative mx-auto max-w-2xl pt-16">
             <div class="wizard-steps">
                 <a
                     class="step"
@@ -122,7 +122,7 @@
             </div>
 
             <div
-                class="mx-auto mb-20 max-w-lg rounded-lg border bg-gray-100 py-10 dark:border-dark-900 dark:bg-dark-650"
+                class="mx-auto mb-20 max-w-2xl rounded-lg border bg-gray-100 py-10 dark:border-dark-900 dark:bg-dark-650"
                 v-if="invitation.send"
             >
                 <!-- Subject Line -->
diff --git a/resources/views/addons/index.blade.php b/resources/views/addons/index.blade.php
index a71a3997bc5..aae02278854 100644
--- a/resources/views/addons/index.blade.php
+++ b/resources/views/addons/index.blade.php
@@ -4,7 +4,7 @@
 
 @extends('statamic::layout')
 @section('title', __('Addons'))
-@section('wrapper_class', 'max-w-3xl')
+@section('wrapper_class', 'max-w-7xl')
 
 @section('content')
     <addon-list :install-count="{{ $addonCount }}"></addon-list>
diff --git a/resources/views/collections/blueprints/create.blade.php b/resources/views/collections/blueprints/create.blade.php
index 1534d3bd8c4..6b0abc07e9e 100644
--- a/resources/views/collections/blueprints/create.blade.php
+++ b/resources/views/collections/blueprints/create.blade.php
@@ -8,8 +8,8 @@
 @section('content')
 <form action="{{ $action }}" method="POST">
     @csrf
-    <div class="mx-auto mt-4 max-w-lg">
-        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
+    <div class="mx-auto mt-4 max-w-2xl">
+        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-lg lg:px-20 lg:py-10">
             <header class="mb-16 text-center">
                 <h1 class="mb-6">{{ __('Create Blueprint') }}</h1>
                 <p class="text-gray">{{ __('statamic::messages.blueprints_intro') }}</p>
diff --git a/resources/views/entries/create.blade.php b/resources/views/entries/create.blade.php
index a7ba940aea6..ecbfbd79a97 100644
--- a/resources/views/entries/create.blade.php
+++ b/resources/views/entries/create.blade.php
@@ -1,6 +1,6 @@
 @extends('statamic::layout')
 @section('title', $breadcrumbs->title($collectionCreateLabel))
-@section('wrapper_class', 'max-w-3xl')
+@section('wrapper_class', 'max-w-7xl')
 
 @section('content')
     <base-entry-create-form
diff --git a/resources/views/entries/edit.blade.php b/resources/views/entries/edit.blade.php
index 0bcd3682ee9..2461064ba9d 100644
--- a/resources/views/entries/edit.blade.php
+++ b/resources/views/entries/edit.blade.php
@@ -1,7 +1,7 @@
 @inject('str', 'Statamic\Support\Str')
 @extends('statamic::layout')
 @section('title', $breadcrumbs->title($title))
-@section('wrapper_class', 'max-w-3xl')
+@section('wrapper_class', 'max-w-7xl')
 
 @section('content')
     <entry-publish-form
diff --git a/resources/views/licensing.blade.php b/resources/views/licensing.blade.php
index 0245152bd18..bab23758eaf 100644
--- a/resources/views/licensing.blade.php
+++ b/resources/views/licensing.blade.php
@@ -16,7 +16,7 @@
 )
 
 @if ($requestError)
-    <div class="no-results mx-auto max-w-2xl md:pt-30">
+    <div class="no-results mx-auto max-w-6xl md:pt-30">
         <div class="flex flex-wrap items-center">
             <div class="w-full md:w-1/2">
                 <h1 class="mb-8">{{ __('Licensing') }}</h1>
diff --git a/resources/views/partials/scripts.blade.php b/resources/views/partials/scripts.blade.php
index 098d1fdf513..32b19d148c0 100644
--- a/resources/views/partials/scripts.blade.php
+++ b/resources/views/partials/scripts.blade.php
@@ -27,7 +27,7 @@
         {!!
             json_encode(
                 array_merge(Statamic::jsonVariables(request()), [
-                    'wrapperClass' => $__env->getSection('wrapper_class', 'max-w-xl'),
+                    'wrapperClass' => $__env->getSection('wrapper_class', 'max-w-5xl'),
                 ]),
             )
         !!};
diff --git a/resources/views/taxonomies/blueprints/create.blade.php b/resources/views/taxonomies/blueprints/create.blade.php
index 1534d3bd8c4..6b0abc07e9e 100644
--- a/resources/views/taxonomies/blueprints/create.blade.php
+++ b/resources/views/taxonomies/blueprints/create.blade.php
@@ -8,8 +8,8 @@
 @section('content')
 <form action="{{ $action }}" method="POST">
     @csrf
-    <div class="mx-auto mt-4 max-w-lg">
-        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-dark lg:px-20 lg:py-10">
+    <div class="mx-auto mt-4 max-w-2xl">
+        <div class="rounded-sm bg-white p-6 shadow dark:bg-dark-600 dark:shadow-lg lg:px-20 lg:py-10">
             <header class="mb-16 text-center">
                 <h1 class="mb-6">{{ __('Create Blueprint') }}</h1>
                 <p class="text-gray">{{ __('statamic::messages.blueprints_intro') }}</p>
diff --git a/resources/views/terms/create.blade.php b/resources/views/terms/create.blade.php
index ef4cac652c1..4d660e6dee7 100644
--- a/resources/views/terms/create.blade.php
+++ b/resources/views/terms/create.blade.php
@@ -1,6 +1,6 @@
 @extends('statamic::layout')
 @section('title', $breadcrumbs->title($taxonomyCreateLabel))
-@section('wrapper_class', 'max-w-3xl')
+@section('wrapper_class', 'max-w-7xl')
 
 @section('content')
     <base-term-create-form
diff --git a/resources/views/terms/edit.blade.php b/resources/views/terms/edit.blade.php
index 13710971463..e919590f6b7 100644
--- a/resources/views/terms/edit.blade.php
+++ b/resources/views/terms/edit.blade.php
@@ -5,7 +5,7 @@
 @inject('str', 'Statamic\Support\Str')
 @extends('statamic::layout')
 @section('title', __('Edit Term'))
-@section('wrapper_class', 'max-w-3xl')
+@section('wrapper_class', 'max-w-7xl')
 
 @section('content')
     <term-publish-form
diff --git a/resources/views/updater/index.blade.php b/resources/views/updater/index.blade.php
index d3b7d9a6972..06665387043 100644
--- a/resources/views/updater/index.blade.php
+++ b/resources/views/updater/index.blade.php
@@ -7,7 +7,7 @@
 
 @section('content')
     @if ($requestError)
-        <div class="no-results mx-auto max-w-2xl md:pt-30">
+        <div class="no-results mx-auto max-w-6xl md:pt-30">
             <div class="flex flex-wrap items-center">
                 <div class="w-full md:w-1/2">
                     <h1 class="mb-8">{{ __('Updates') }}</h1>
diff --git a/tests/Antlers/Parser/BasicNodeTest.php b/tests/Antlers/Parser/BasicNodeTest.php
index ce9dea03b68..89bd5394aa0 100644
--- a/tests/Antlers/Parser/BasicNodeTest.php
+++ b/tests/Antlers/Parser/BasicNodeTest.php
@@ -200,14 +200,14 @@ public function test_neighboring_comments_dont_confuse_things()
         $template = <<<'EOT'
 {{# A comment #}}
 {{# another comment {{ width }} #}}
-<div class="max-w-2xl mx-auto mb-32">
+<div class="max-w-6xl mx-auto mb-32">
 <p>test</p> {{ subtitle }}
 </div>
 EOT;
 
         $expected = <<<'EOT'
 
-<div class="max-w-2xl mx-auto mb-32">
+<div class="max-w-6xl mx-auto mb-32">
 <p>test</p> test
 </div>
 EOT;
@@ -292,7 +292,7 @@ public function test_nodes_with_length_five_do_not_skip_literals()
    q = "q"; r = "r"; s = "s"; t = "t";
    u = "u"; v = "v"; w = "w"; x = "x";
    y = "y"; z = "z";
-   
+
    A = "A"; B = "B"; C = "C"; D = "D";
    E = "E"; F = "F"; G = "G"; H = "H";
    I = "I"; J = "J"; K = "K"; L = "L";
@@ -326,7 +326,7 @@ public function test_nodes_with_length_five_do_not_skip_literals()
    q = "q"; r = "r"; s = "s"; t = "t";
    u = "u"; v = "v"; w = "w"; x = "x";
    y = "y"; z = "z";
-   
+
    A = "A"; B = "B"; C = "C"; D = "D";
    E = "E"; F = "F"; G = "G"; H = "H";
    I = "I"; J = "J"; K = "K"; L = "L";
@@ -363,7 +363,7 @@ public function test_nodes_with_length_five_do_not_skip_literals()
    q = "q"; r = "r"; s = "s"; t = "t";
    u = "u"; v = "v"; w = "w"; x = "x";
    y = "y"; z = "z";
-   
+
    A = "A"; B = "B"; C = "C"; D = "D";
    E = "E"; F = "F"; G = "G"; H = "H";
    I = "I"; J = "J"; K = "K"; L = "L";
@@ -424,7 +424,7 @@ public function test_nodes_with_length_five_do_not_skip_literals()
    q = "q"; r = "r"; s = "s"; t = "t";
    u = "u"; v = "v"; w = "w"; x = "x";
    y = "y"; z = "z";
-   
+
    A = "A"; B = "B"; C = "C"; D = "D";
    E = "E"; F = "F"; G = "G"; H = "H";
    I = "I"; J = "J"; K = "K"; L = "L";
diff --git a/tests/Antlers/Runtime/MarkdownContentTest.php b/tests/Antlers/Runtime/MarkdownContentTest.php
index db229b87222..4bf1bb79719 100644
--- a/tests/Antlers/Runtime/MarkdownContentTest.php
+++ b/tests/Antlers/Runtime/MarkdownContentTest.php
@@ -12,7 +12,7 @@ class MarkdownContentTest extends ParserTestCase
     public function test_markdown_content_is_not_parsed_as_antlers()
     {
         $content = <<<'EOT'
-<div class="max-w-3xl mx-auto my-30">
+<div class="max-w-7xl mx-auto my-30">
     {{ markdown }}
 </div>
 EOT;

From 56c07d0964dd2976df4871f97ea61d6fad381857 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 26 Mar 2025 15:19:13 -0400
Subject: [PATCH 008/186] Reconnect dark mode

---
 resources/css/app.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/resources/css/app.css b/resources/css/app.css
index 2ade14e2772..11f8f3b2b7a 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -7,6 +7,8 @@
 
 /* @config '../../tailwind.config.js'; */
 
+@custom-variant dark (&:where(.dark, .dark *));
+
 /*
   The default border color has changed to `currentColor` in Tailwind CSS v4,
   so we've added these compatibility styles to make sure everything still

From 20315e9dec93c18b7cfbc189ba0db75b78ee4b1a Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 26 Mar 2025 16:51:09 -0400
Subject: [PATCH 009/186] Wire up text, textarea, and a few cards

---
 resources/css/components/publish.css          | 10 +---
 resources/css/core/layout.css                 |  2 +-
 resources/css/elements/forms.css              |  2 +-
 .../components/fieldtypes/SlugFieldtype.vue   | 49 +++++++++----------
 .../components/fieldtypes/TextFieldtype.vue   |  2 +-
 .../fieldtypes/TextareaFieldtype.vue          |  4 +-
 resources/js/components/publish/Fields.vue    |  2 +-
 resources/js/components/publish/Sections.vue  | 15 ++----
 resources/js/components/ui/Button/Index.vue   |  3 +-
 resources/js/components/ui/Input/Index.vue    |  9 ++--
 .../views/partials/global-header.blade.php    |  8 +--
 11 files changed, 46 insertions(+), 60 deletions(-)

diff --git a/resources/css/components/publish.css b/resources/css/components/publish.css
index a667f00591c..c7eb9837c35 100644
--- a/resources/css/components/publish.css
+++ b/resources/css/components/publish.css
@@ -112,16 +112,10 @@ code.parent-url {
 }
 
 .publish-sidebar {
-    @apply shrink-0;
-    margin-left: 20px;
-    [dir='rtl'] & {
-        margin-right: 20px;
-        margin-left: 0;
-    }
-    width: 300px;
+    @apply shrink-0 ms-4 w-[300px];
 
     .publish-fields .form-group {
-        @apply p-4;
+        @apply p-0;
     }
 }
 
diff --git a/resources/css/core/layout.css b/resources/css/core/layout.css
index e96b6dbdd7e..f866c7ba396 100644
--- a/resources/css/core/layout.css
+++ b/resources/css/core/layout.css
@@ -3,7 +3,7 @@
    ========================================================================== */
 
 body {
-    @apply relative w-full bg-gray-100 dark:bg-dark-800;
+    @apply relative w-full bg-gray-50 dark:bg-dark-800;
 }
 
 #statamic {
diff --git a/resources/css/elements/forms.css b/resources/css/elements/forms.css
index 7e79a771d56..6f80ccbd029 100644
--- a/resources/css/elements/forms.css
+++ b/resources/css/elements/forms.css
@@ -305,7 +305,7 @@ input[type='file'] {
 /* Form groups
   ========================================================================== */
 .form-group {
-    @apply m-0 p-3 @sm:p-4 @lg:p-6;
+    @apply m-0 pb-3 last:pb-0;
 
     label {
         font-weight: 500;
diff --git a/resources/js/components/fieldtypes/SlugFieldtype.vue b/resources/js/components/fieldtypes/SlugFieldtype.vue
index a51d38a20ff..391425403b0 100644
--- a/resources/js/components/fieldtypes/SlugFieldtype.vue
+++ b/resources/js/components/fieldtypes/SlugFieldtype.vue
@@ -13,32 +13,29 @@
             slug = $event;
         "
     >
-        <div>
-            <text-input
-                v-model="slug"
-                classes="font-mono text-xs"
-                :isReadOnly="isReadOnly"
-                :append="config.show_regenerate"
-                :name="slug"
-                :id="fieldId"
-                @focus="$emit('focus')"
-                @blur="$emit('blur')"
-                direction="ltr"
-            >
-                <template v-slot:append v-if="config.show_regenerate">
-                    <button
-                        class="input-group-append flex items-center"
-                        @click="sync"
-                        v-tooltip="__('Regenerate from: :field', { field: config.from })"
-                    >
-                        <svg-icon name="light/synchronize" class="h-5 w-5" v-show="!syncing" />
-                        <div class="h-5 w-5" v-show="syncing">
-                            <loading-graphic inline text="" class="ml-0.5 mt-0.5" />
-                        </div>
-                    </button>
-                </template>
-            </text-input>
-        </div>
+        <ui-input
+            v-model="slug"
+            :id="fieldId"
+            :isReadOnly="isReadOnly"
+            :name="slug"
+            @focus="$emit('focus')"
+            @blur="$emit('blur')"
+        >
+            <template #append v-if="config.show_regenerate">
+                <ui-button
+                    size="sm"
+                    variant="ghost"
+                    :icon-only="true"
+                    @click="sync"
+                    v-tooltip="__('Regenerate from: :field', { field: config.from })"
+                >
+                    <svg-icon name="light/synchronize" class="h-5 w-5" v-show="!syncing" />
+                    <div class="h-5 w-5" v-show="syncing">
+                        <loading-graphic inline text="" class="ml-0.5 mt-0.5" />
+                    </div>
+                </ui-button>
+            </template>
+        </ui-input>
     </slugify>
 </template>
 
diff --git a/resources/js/components/fieldtypes/TextFieldtype.vue b/resources/js/components/fieldtypes/TextFieldtype.vue
index 6fbe93be4e4..c0c971f1965 100644
--- a/resources/js/components/fieldtypes/TextFieldtype.vue
+++ b/resources/js/components/fieldtypes/TextFieldtype.vue
@@ -1,5 +1,5 @@
 <template>
-    <text-input
+    <ui-input
         ref="input"
         :model-value="value"
         :classes="config.classes"
diff --git a/resources/js/components/fieldtypes/TextareaFieldtype.vue b/resources/js/components/fieldtypes/TextareaFieldtype.vue
index 486b7175156..b41f4cf085a 100644
--- a/resources/js/components/fieldtypes/TextareaFieldtype.vue
+++ b/resources/js/components/fieldtypes/TextareaFieldtype.vue
@@ -1,12 +1,12 @@
 <template>
-    <textarea-input
+    <ui-textarea
         :focus="config.focus"
         :name="name"
+        :id="fieldId"
         :isReadOnly="isReadOnly"
         :limit="config.character_limit || null"
         :placeholder="__(config.placeholder)"
         :model-value="value"
-        :id="fieldId"
         @blur="$emit('blur')"
         @focus="$emit('focus')"
         @update:model-value="updateDebounced"
diff --git a/resources/js/components/publish/Fields.vue b/resources/js/components/publish/Fields.vue
index 6e5e09e9b6c..18249f79571 100644
--- a/resources/js/components/publish/Fields.vue
+++ b/resources/js/components/publish/Fields.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="publish-fields @container">
+    <div class="publish-fields @container space-y-4">
         <publish-field
             v-for="field in fields"
             v-show="showField(field)"
diff --git a/resources/js/components/publish/Sections.vue b/resources/js/components/publish/Sections.vue
index 5041ea1f37f..d951b65f118 100644
--- a/resources/js/components/publish/Sections.vue
+++ b/resources/js/components/publish/Sections.vue
@@ -1,15 +1,10 @@
 <template>
     <div class="publish-sections">
         <div class="publish-sections-section" v-for="(section, i) in visibleSections" :key="i">
-            <div class="card p-0">
-                <header class="publish-section-header @container" v-if="section.display">
-                    <div class="publish-section-header-inner">
-                        <label v-text="__(section.display)" class="text-base font-semibold" />
-                        <div class="help-block" v-if="section.instructions">
-                            <p v-html="$markdown(__(section.instructions))" />
-                        </div>
-                    </div>
-                </header>
+            <ui-card-panel
+                :heading="__(section.display)"
+                :description="__(section.instructions)"
+            >
                 <publish-fields
                     :fields="section.fields"
                     :read-only="readOnly"
@@ -22,7 +17,7 @@
                     @focus="$emit('focus', $event)"
                     @blur="$emit('blur', $event)"
                 />
-            </div>
+            </ui-card-panel>
         </div>
     </div>
 </template>
diff --git a/resources/js/components/ui/Button/Index.vue b/resources/js/components/ui/Button/Index.vue
index 7b69d6c26eb..2a598f2eac7 100644
--- a/resources/js/components/ui/Button/Index.vue
+++ b/resources/js/components/ui/Button/Index.vue
@@ -7,6 +7,7 @@ const props = defineProps({
     href: {type: String, default: null},
     icon: {type: String, default: null},
     iconAppend: {type: String, default: null},
+    iconOnly: {type: Boolean, default: false},
     loading: {type: Boolean, default: false},
     round: {type: Boolean, default: false},
     size: {type: String, default: 'base'},
@@ -18,7 +19,7 @@ const props = defineProps({
 const slots = useSlots();
 const hasDefaultSlot = !!slots.default;
 const tag = computed(() => props.href ? 'a' : 'button');
-const iconOnly = computed(() => props.icon && !hasDefaultSlot && !props.text);
+const iconOnly = computed(() => (props.icon && !hasDefaultSlot && !props.text) || props.iconOnly);
 
 const buttonClasses = computed(() => {
     const classes = cva({
diff --git a/resources/js/components/ui/Input/Index.vue b/resources/js/components/ui/Input/Index.vue
index 603a63aa138..bed7d1af1a8 100644
--- a/resources/js/components/ui/Input/Index.vue
+++ b/resources/js/components/ui/Input/Index.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { computed, useSlots, ref } from 'vue';
+import { computed, useSlots, ref, useId } from 'vue';
 import { cva } from 'cva';
 import { twMerge } from 'tailwind-merge';
 
@@ -13,6 +13,7 @@ const props = defineProps({
     icon: { type: String, default: null },
     iconAppend: { type: String, default: null },
     iconPrepend: { type: String, default: null },
+    id: { type: String, default: () => useId() },
     label: { type: String, default: null },
     required: { type: Boolean, default: false },
     modelValue: { type: String, default: null },
@@ -99,9 +100,6 @@ const copy = () => {
     copied.value = true;
     setTimeout(() => copied.value = false, 1000);
 };
-
-const hasPrepend = !!props.prepend;
-const hasAppend = !!props.append;
 </script>
 
 <template>
@@ -114,6 +112,7 @@ const hasAppend = !!props.append;
             </div>
             <input
                 :class="inputClasses"
+                :id
                 :type="inputType"
                 :value="modelValue"
                 data-ui-control
@@ -123,7 +122,7 @@ const hasAppend = !!props.append;
             />
             <div v-if="hasAppendedIcon" :class="iconClasses">
                 <slot name="append">
-                    <ui-button size="sm" icon="x" variant="ghsost" v-if="clearable" @click="clear" />
+                    <ui-button size="sm" icon="x" variant="ghost" v-if="clearable" @click="clear" />
                     <ui-button size="sm" :icon="inputType === 'password' ? 'eye' : 'eye-closed'" variant="ghost" v-else-if="viewable" @click="togglePassword" />
                     <ui-button size="sm" :icon="copied ? 'clipboard-check' : 'clipboard'" variant="ghost" v-else-if="copyable" @click="copy" class="animate" :class="copied ? 'animate-wiggle' : ''" />
                     <ui-icon v-else :name="iconAppend" />
diff --git a/resources/views/partials/global-header.blade.php b/resources/views/partials/global-header.blade.php
index 522c049b6ee..5af2b407b01 100644
--- a/resources/views/partials/global-header.blade.php
+++ b/resources/views/partials/global-header.blade.php
@@ -3,16 +3,16 @@
 @endphp
 
 <div class="global-header">
-    <div class="lg:min-w-xl flex h-full items-center ltr:pl-2 md:ltr:pl-6 rtl:pr-2 md:rtl:pr-6">
+    <div class="flex h-full items-center ps-2 md:ps-6">
         <button
-            class="nav-toggle hidden shrink-0 md:flex ltr:ml-1 rtl:mr-1"
+            class="nav-toggle hidden shrink-0 md:flex ms-1"
             @click="toggleNav"
             aria-label="{{ __('Toggle Nav') }}"
         >
             @cp_svg('icons/light/burger', 'h-4 w-4')
         </button>
         <button
-            class="nav-toggle shrink-0 md:hidden ltr:ml-1 rtl:mr-1"
+            class="nav-toggle shrink-0 md:hidden ms-1"
             @click="toggleMobileNav"
             v-if="! mobileNavOpen"
             aria-label="{{ __('Toggle Mobile Nav') }}"
@@ -20,7 +20,7 @@ class="nav-toggle shrink-0 md:hidden ltr:ml-1 rtl:mr-1"
             @cp_svg('icons/light/burger', 'h-4 w-4')
         </button>
         <button
-            class="nav-toggle shrink-0 md:hidden ltr:ml-1 rtl:mr-1"
+            class="nav-toggle shrink-0 md:hidden ms-1"
             @click="toggleMobileNav"
             v-else
             v-cloak

From 4dc584220d91179fc3630052b0800c6f67318a66 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Thu, 27 Mar 2025 13:59:43 -0400
Subject: [PATCH 010/186] Use imports

---
 resources/js/components/fieldtypes/TextFieldtype.vue     | 7 ++++++-
 resources/js/components/fieldtypes/TextareaFieldtype.vue | 4 +++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/fieldtypes/TextFieldtype.vue b/resources/js/components/fieldtypes/TextFieldtype.vue
index c0c971f1965..809d1117037 100644
--- a/resources/js/components/fieldtypes/TextFieldtype.vue
+++ b/resources/js/components/fieldtypes/TextFieldtype.vue
@@ -1,5 +1,5 @@
 <template>
-    <ui-input
+    <Input
         ref="input"
         :model-value="value"
         :classes="config.classes"
@@ -23,10 +23,15 @@
 
 <script>
 import Fieldtype from './Fieldtype.vue';
+import Input from '@statamic/components/ui/Input/Index.vue';
 
 export default {
     mixins: [Fieldtype],
 
+    components: {
+        Input,
+    },
+
     methods: {
         inputUpdated(value) {
             if (!this.config.debounce) {
diff --git a/resources/js/components/fieldtypes/TextareaFieldtype.vue b/resources/js/components/fieldtypes/TextareaFieldtype.vue
index b41f4cf085a..a2f6558cc20 100644
--- a/resources/js/components/fieldtypes/TextareaFieldtype.vue
+++ b/resources/js/components/fieldtypes/TextareaFieldtype.vue
@@ -1,5 +1,5 @@
 <template>
-    <ui-textarea
+    <Textarea
         :focus="config.focus"
         :name="name"
         :id="fieldId"
@@ -15,8 +15,10 @@
 
 <script>
 import Fieldtype from './Fieldtype.vue';
+import Textarea from '@statamic/components/ui/Textarea.vue';
 
 export default {
     mixins: [Fieldtype],
+    components: { Textarea },
 };
 </script>

From 393b2abe88a2ee0c5f4f6d5a9dcdb21f42baa7f6 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Thu, 27 Mar 2025 13:59:50 -0400
Subject: [PATCH 011/186] Checkboxes fieldtype

---
 .../fieldtypes/CheckboxesFieldtype.vue        | 33 ++++++++++---------
 resources/js/components/ui/Checkbox/Group.vue |  6 ++++
 2 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/resources/js/components/fieldtypes/CheckboxesFieldtype.vue b/resources/js/components/fieldtypes/CheckboxesFieldtype.vue
index 19c51bea41f..bc14b890f58 100644
--- a/resources/js/components/fieldtypes/CheckboxesFieldtype.vue
+++ b/resources/js/components/fieldtypes/CheckboxesFieldtype.vue
@@ -1,28 +1,31 @@
 <template>
-    <div class="checkboxes-fieldtype-wrapper" :class="{ 'inline-mode': config.inline }">
-        <div class="option" v-for="(option, $index) in options" :key="$index">
-            <label>
-                <input
-                    type="checkbox"
-                    ref="checkbox"
-                    :name="name + '[]'"
-                    :value="option.value"
-                    :disabled="isReadOnly"
-                    v-model="values"
-                />
-                {{ option.label || option.value }}
-            </label>
-        </div>
+    <div>
+        <CheckboxGroup v-model="values" :inline="config.inline" ref="checkboxes">
+            <Checkbox
+                v-for="(option, index) in options"
+                :key="index"
+                :label="option.label || option.value"
+                :value="option.value"
+                :disabled="isReadOnly"
+            />
+        </CheckboxGroup>
     </div>
 </template>
 
 <script>
 import Fieldtype from './Fieldtype.vue';
 import HasInputOptions from './HasInputOptions.js';
+import CheckboxGroup from '@statamic/components/ui/Checkbox/Group.vue';
+import Checkbox from '@statamic/components/ui/Checkbox/Item.vue';
 
 export default {
     mixins: [Fieldtype, HasInputOptions],
 
+    components: {
+        CheckboxGroup,
+        Checkbox,
+    },
+
     data() {
         return {
             values: this.value || [],
@@ -62,7 +65,7 @@ export default {
 
     methods: {
         focus() {
-            this.$refs.checkbox[0].focus();
+            this.$refs.checkboxes.focus();
         },
 
         sortValues(values) {
diff --git a/resources/js/components/ui/Checkbox/Group.vue b/resources/js/components/ui/Checkbox/Group.vue
index 3d1e1104f9e..3f90aff77d8 100644
--- a/resources/js/components/ui/Checkbox/Group.vue
+++ b/resources/js/components/ui/Checkbox/Group.vue
@@ -11,7 +11,13 @@ defineProps({
     required: { type: Boolean, default: false },
 });
 
+const focus = function () {
+    console.log('focusing. todo.');
+};
+
 defineEmits(['update:modelValue']);
+
+defineExpose({ focus });
 </script>
 
 <template>

From e89ff814ea0be39856f4a2ffb7ad7e4e425dbc68 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Thu, 27 Mar 2025 14:20:55 -0400
Subject: [PATCH 012/186] Radio fieldtype

---
 .../components/fieldtypes/RadioFieldtype.vue  | 58 ++++++-------------
 resources/js/components/ui/Radio/Group.vue    |  6 ++
 2 files changed, 23 insertions(+), 41 deletions(-)

diff --git a/resources/js/components/fieldtypes/RadioFieldtype.vue b/resources/js/components/fieldtypes/RadioFieldtype.vue
index 81087df0767..36e56a76acc 100644
--- a/resources/js/components/fieldtypes/RadioFieldtype.vue
+++ b/resources/js/components/fieldtypes/RadioFieldtype.vue
@@ -1,53 +1,29 @@
 <template>
-    <div class="radio-fieldtype-wrapper" :class="{ 'inline-mode': config.inline }">
-        <div
-            v-for="(option, $index) in options"
-            :key="$index"
-            class="option"
-            :class="{
-                selected: value === option.value,
-                disabled: isReadOnly,
-            }"
-        >
-            <label>
-                <svg-icon
-                    name="regular/radio-deselected"
-                    class="radio-icon"
-                    :aria-hidden="value == option.value"
-                    @click="update($event.target.value)"
-                    v-show="value != option.value"
-                    v-cloak
-                />
-                <svg-icon
-                    name="regular/radio-selected"
-                    class="radio-icon"
-                    :aria-hidden="value != option.value"
-                    @click="update($event.target.value)"
-                    v-show="value == option.value"
-                    v-cloak
-                />
-                <input
-                    type="radio"
-                    ref="radio"
-                    :name="name"
-                    @input.stop="update($event.target.value)"
-                    :value="option.value"
-                    :disabled="isReadOnly"
-                    :checked="value == option.value"
-                />
-                {{ option.label || option.value }}
-            </label>
-        </div>
-    </div>
+    <RadioGroup :inline="config.inline" :model-value="value" @update:model-value="update" ref="radio">
+        <Radio
+            v-for="(option, index) in options"
+            :key="index"
+            :label="option.label || option.value"
+            :value="option.value"
+            :disabled="isReadOnly"
+        />
+    </RadioGroup>
 </template>
 
 <script>
 import Fieldtype from './Fieldtype.vue';
 import HasInputOptions from './HasInputOptions.js';
+import RadioGroup from '@statamic/components/ui/Radio/Group.vue';
+import Radio from '@statamic/components/ui/Radio/Item.vue';
 
 export default {
     mixins: [Fieldtype, HasInputOptions],
 
+    components: {
+        RadioGroup,
+        Radio,
+    },
+
     computed: {
         options() {
             return this.normalizeInputOptions(this.meta.options || this.config.options);
@@ -63,7 +39,7 @@ export default {
 
     methods: {
         focus() {
-            this.$refs.radio[0].focus();
+            this.$refs.radio.focus();
         },
     },
 };
diff --git a/resources/js/components/ui/Radio/Group.vue b/resources/js/components/ui/Radio/Group.vue
index 83f21312aa1..1a22b862a2c 100644
--- a/resources/js/components/ui/Radio/Group.vue
+++ b/resources/js/components/ui/Radio/Group.vue
@@ -11,7 +11,13 @@ defineProps({
     required: { type: Boolean, default: false },
 });
 
+const focus = function () {
+    console.log('focusing. todo.');
+};
+
 defineEmits(['update:modelValue']);
+
+defineExpose({ focus });
 </script>
 
 <template>

From 6a67a3f72086fb691cd96b7aab44a3b4f98e1dfc Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Thu, 27 Mar 2025 14:56:40 -0400
Subject: [PATCH 013/186] Start hooking up the global header

---
 resources/css/core/layout.css                 | 12 +--
 resources/js/bootstrap/App.vue                |  2 +
 .../js/components/ui/Dropdown/Footer.vue      |  2 +-
 .../js/components/ui/Dropdown/Header.vue      | 23 ++++-
 resources/js/components/ui/Dropdown/Index.vue |  2 +-
 resources/js/components/ui/Dropdown/Item.vue  | 16 ++--
 resources/js/components/ui/Dropdown/Menu.vue  |  2 +-
 resources/js/components/ui/svg/mask.svg       |  1 +
 resources/views/layout.blade.php              | 90 ++++++++++---------
 .../partials/new-global-header.blade.php      | 89 ++++++++++++++++++
 10 files changed, 176 insertions(+), 63 deletions(-)
 create mode 100644 resources/js/components/ui/svg/mask.svg
 create mode 100644 resources/views/partials/new-global-header.blade.php

diff --git a/resources/css/core/layout.css b/resources/css/core/layout.css
index f866c7ba396..052012dcbae 100644
--- a/resources/css/core/layout.css
+++ b/resources/css/core/layout.css
@@ -2,11 +2,7 @@
    GLOBAL CONTROL PANEL LAYOUT ELEMENTS
    ========================================================================== */
 
-body {
-    @apply relative w-full bg-gray-50 dark:bg-dark-800;
-}
-
-#statamic {
+/* #statamic {
     min-height: 100vh;
 }
 
@@ -15,7 +11,7 @@ body {
     padding-bottom: 72px;
     position: relative;
     z-index: 1;
-}
+} */
 
 #main .workspace {
     transition: padding 0.3s;
@@ -33,9 +29,9 @@ a {
 }
 
 @media (width >= theme(--breakpoint-md)) {
-    #main {
+    /* #main {
         padding-top: 52px;
-    }
+    } */
 
     #main .workspace {
         padding-left: 14rem;
diff --git a/resources/js/bootstrap/App.vue b/resources/js/bootstrap/App.vue
index 387a792211e..5414cc4fd57 100644
--- a/resources/js/bootstrap/App.vue
+++ b/resources/js/bootstrap/App.vue
@@ -44,6 +44,7 @@ import Updater from '../components/updater/Updater.vue';
 import PortalTargets from '../components/portals/PortalTargets.vue';
 import SitesEditForm from '../components/sites/EditForm.vue';
 import { defineAsyncComponent } from 'vue';
+import { ConfigProvider } from 'reka-ui';
 
 export default {
     components: {
@@ -92,6 +93,7 @@ export default {
         Updater,
         PortalTargets,
         SitesEditForm,
+        ConfigProvider,
     },
 
     data() {
diff --git a/resources/js/components/ui/Dropdown/Footer.vue b/resources/js/components/ui/Dropdown/Footer.vue
index 3578032b7d0..65dfa724112 100644
--- a/resources/js/components/ui/Dropdown/Footer.vue
+++ b/resources/js/components/ui/Dropdown/Footer.vue
@@ -16,7 +16,7 @@ const hasDefaultSlot = !!slots.default;
             <div v-if="icon" class="size-6 flex items-center justify-center rounded-lg bg-gray-100 dark:bg-gray-900 p-1 text-gray-700 dark:text-gray-500">
                 <ui-icon :name="icon" />
             </div>
-            <div class="grow truncate text-sm text-gray-600 dark:text-gray-400 group-hover/footer:text-gray-900 dark:group-hover/footer:text-gray-200 antialiased">
+            <div class="grow truncate text-sm text-gray-600 dark:text-gray-400 group-hover/footer:text-gray-950 dark:group-hover/footer:text-gray-200 antialiased">
                 <slot v-if="hasDefaultSlot" />
                 <template v-else>{{ text }}</template>
             </div>
diff --git a/resources/js/components/ui/Dropdown/Header.vue b/resources/js/components/ui/Dropdown/Header.vue
index 37ebf673b26..5b3525b3897 100644
--- a/resources/js/components/ui/Dropdown/Header.vue
+++ b/resources/js/components/ui/Dropdown/Header.vue
@@ -1,18 +1,31 @@
 <script setup>
 import { useSlots } from 'vue';
+import { cva } from 'cva';
 
 defineProps({
     icon: { type: String, default: null },
     linkToConfig: { type: Boolean, default: false },
+    appendIcon: { type: String, default: null },
+    appendHref: { type: String, default: null },
     text: { type: String, default: null },
 });
 
 const slots = useSlots();
 const hasDefaultSlot = !!slots.default;
+
+const headerClasses = cva({
+    base: 'col-span-2 px-3.5 py-3 bg-white dark:bg-gray-900 font-medium border-b border-gray-200 dark:border-black text-sm text-gray-800 dark:text-gray-300',
+    variants: {
+        usingSlot: {
+            true: 'grid grid-cols-[auto_1fr_auto]',
+            false: '',
+        },
+    },
+});
 </script>
 
 <template>
-    <header class="col-span-2 grid grid-cols-[auto_1fr_auto] items-center px-3.5 py-3 bg-white dark:bg-gray-900 font-medium border-b border-gray-200 dark:border-black text-sm text-gray-800 dark:text-gray-300" data-ui-dropdown-header>
+    <header :class="headerClasses({ usingSlot: hasDefaultSlot })" data-ui-dropdown-header>
         <div v-if="icon" class="size-6 -ms-1 me-2 flex items-center justify-center rounded-lg bg-gray-100 dark:bg-gray-800 p-1 text-gray-700 dark:text-gray-400">
             <ui-icon :name="icon" />
         </div>
@@ -20,6 +33,12 @@ const hasDefaultSlot = !!slots.default;
             <slot v-if="hasDefaultSlot" />
             <template v-else>{{ text }}</template>
         </div>
-        <ui-button v-if="linkToConfig" icon="cog-solid" size="xs" class="[&_svg]:text-gray-700 dark:[&_svg]:text-gray-400" />
+        <ui-button
+            v-if="appendIcon"
+            :href="appendHref"
+            :icon="appendIcon"
+            class="[&_svg]:text-gray-700 dark:[&_svg]:text-gray-400"
+            size="xs"
+        />
     </header>
 </template>
diff --git a/resources/js/components/ui/Dropdown/Index.vue b/resources/js/components/ui/Dropdown/Index.vue
index f3a3cf192d5..52d4dba6855 100644
--- a/resources/js/components/ui/Dropdown/Index.vue
+++ b/resources/js/components/ui/Dropdown/Index.vue
@@ -19,7 +19,7 @@ const props = defineProps({
 
 const dropdownContentClasses = cva({
     base: [
-        'rounded-xl w-64 bg-gray-50 dark:bg-gray-800 outline-hidden overflow-hidden group',
+        'rounded-xl w-64 bg-gray-50 dark:bg-gray-800 outline-hidden overflow-hidden group z-50',
         'border border-gray-200 dark:border-black shadow-lg popoverAnimation'
     ],
 })({});
diff --git a/resources/js/components/ui/Dropdown/Item.vue b/resources/js/components/ui/Dropdown/Item.vue
index d79d5cf2a2a..5016d753d24 100644
--- a/resources/js/components/ui/Dropdown/Item.vue
+++ b/resources/js/components/ui/Dropdown/Item.vue
@@ -14,12 +14,16 @@ const hasDefaultSlot = !!slots.default;
 </script>
 
 <template>
-    <DropdownMenuItem class="
-        col-span-2 grid grid-cols-subgrid items-center
-        py-1.5 px-1 rounded-lg text-sm antialiased
-        not-data-disabled:cursor-pointer data-disabled:opacity-50
-        hover:not-data-disabled:bg-gray-50 dark:hover:not-data-disabled:bg-gray-950
-        outline-hidden focus-visible:bg-gray-100 dark:focus-visible:bg-gray-950" data-ui-dropdown-item
+    <DropdownMenuItem
+        class="
+            col-span-2 grid grid-cols-subgrid items-center
+            py-1.5 px-1 rounded-lg text-sm antialiased
+            not-data-disabled:cursor-pointer data-disabled:opacity-50
+            hover:not-data-disabled:bg-gray-50 dark:hover:not-data-disabled:bg-gray-950
+            outline-hidden focus-visible:bg-gray-100 dark:focus-visible:bg-gray-950"
+        data-ui-dropdown-item
+        :as="href ? 'a' : 'div'"
+        :href="href"
     >
         <div v-if="icon" class="size-6 flex items-center justify-center p-1 text-gray-500">
             <ui-icon :name="icon" class="size-3.5!" />
diff --git a/resources/js/components/ui/Dropdown/Menu.vue b/resources/js/components/ui/Dropdown/Menu.vue
index 2523c80a4e4..6877e714bd1 100644
--- a/resources/js/components/ui/Dropdown/Menu.vue
+++ b/resources/js/components/ui/Dropdown/Menu.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="grid grid-cols-[auto_1fr] bg-white dark:bg-gray-900 p-1.5 rounded-b-xl group-has-data-ui-dropdown-footer:border-b border-gray-200 dark:border-black shadow-ui-xs overflow-hidden">
+    <div class="grid grid-cols-[auto_1fr] bg-white dark:bg-gray-900 p-1.5 rounded-b-xl group-has-data-ui-dropdown-footer:border-b border-gray-200 dark:border-black shadow-ui-xs overflow-hidden z-10">
         <slot />
     </div>
 </template>
diff --git a/resources/js/components/ui/svg/mask.svg b/resources/js/components/ui/svg/mask.svg
new file mode 100644
index 00000000000..ba868df3b1f
--- /dev/null
+++ b/resources/js/components/ui/svg/mask.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.627441 6.56124c0 -1.40949 0.154302 -3.09719 0.310105 -4.28622C1.04381 1.46403 1.68433 0.865922 2.49259 0.770237c3.04359 -0.360316 5.97121 -0.360316 9.01481 0 0.8082 0.095685 1.4488 0.693793 1.555 1.504783 0.1558 1.18903 0.3101 2.87673 0.3101 4.28622 0 3.73626 -2.1241 6.93876 -6.37251 6.93876 -4.24836 0 -6.372549 -3.2025 -6.372549 -6.93876Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.49988 5.10461c0.14877 -0.38277 0.4934 -0.59108 1.00004 -0.59108 0.50665 0 0.85127 0.20831 1.00005 0.59108" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.5 5.10461c0.14878 -0.38277 0.4934 -0.59108 1.00005 -0.59108s0.85125 0.20831 1.00005 0.59108" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.1875 8.08142c0.41841 1.07651 1.38762 1.66234 2.81247 1.66234 1.42486 0 2.39407 -0.58583 2.81248 -1.66234" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/views/layout.blade.php b/resources/views/layout.blade.php
index 0e751fc58aa..8c19e78b6ea 100644
--- a/resources/views/layout.blade.php
+++ b/resources/views/layout.blade.php
@@ -2,63 +2,65 @@
 <html
     lang="{{ Statamic::cpLocale() }}"
     dir="{{ Statamic::cpDirection() }}"
-    class="{{ $user->preferredTheme() === 'dark' ? 'dark' : '' }}"
 >
     <head>
         @include('statamic::partials.head')
     </head>
 
-    <body>
-        <div id="statamic">
-            @include('statamic::partials.session-expiry')
-            @include('statamic::partials.licensing-alerts')
-            @include('statamic::partials.global-header')
+    <body class="bg-gray-800 dark:bg-gray-950 font-sans leading-normal text-gray-800 dark:text-white">
+        <config-provider>
+            <div id="statamic">
+                @include('statamic::partials.session-expiry')
+                @include('statamic::partials.licensing-alerts')
+                {{-- @include('statamic::partials.global-header') --}}
+                @include('statamic::partials.new-global-header')
 
-            <div
-                id="main"
-                class="@yield('content-class')"
-                :class="{
-                'nav-closed': ! navOpen,
-                'nav-mobile-open': mobileNavOpen,
-                'showing-license-banner': showBanner
-            }"
-            >
-                @include('statamic::partials.nav-main')
-                @include('statamic::partials.nav-mobile')
+                <div
+                    id="main"
+                    class="@yield('content-class') pt-14 "
+                    :class="{
+                        'nav-closed': ! navOpen,
+                        'nav-mobile-open': mobileNavOpen,
+                        'showing-license-banner': showBanner
+                    }"
+                >
+                    @include('statamic::partials.nav-main')
+                    @include('statamic::partials.nav-mobile')
 
-                <div class="workspace">
-                    <div class="page-wrapper" :class="wrapperClass">
-                        @yield('content')
+                    <div class="workspace bg-gray-50 rounded-t-xl min-h-[calc(100vh-3.5rem)]">
+                        <div class="page-wrapper" :class="wrapperClass">
+                            @yield('content')
+                        </div>
                     </div>
                 </div>
-            </div>
 
-            <component
-                v-for="component in appendedComponents"
-                :key="component.id"
-                :is="component.name"
-                v-bind="component.props"
-                v-on="component.events"
-            ></component>
+                <component
+                    v-for="component in appendedComponents"
+                    :key="component.id"
+                    :is="component.name"
+                    v-bind="component.props"
+                    v-on="component.events"
+                ></component>
 
-            <confirmation-modal
-                v-if="copyToClipboardModalUrl"
-                :cancellable="false"
-                :button-text="__('OK')"
-                :title="__('Copy to clipboard')"
-                @confirm="copyToClipboardModalUrl = null"
-            >
-                <div class="prose">
-                    <code-block :text="copyToClipboardModalUrl" />
-                </div>
-            </confirmation-modal>
+                <confirmation-modal
+                    v-if="copyToClipboardModalUrl"
+                    :cancellable="false"
+                    :button-text="__('OK')"
+                    :title="__('Copy to clipboard')"
+                    @confirm="copyToClipboardModalUrl = null"
+                >
+                    <div class="prose">
+                        <code-block :text="copyToClipboardModalUrl" />
+                    </div>
+                </confirmation-modal>
 
-            <keyboard-shortcuts-modal></keyboard-shortcuts-modal>
+                <keyboard-shortcuts-modal></keyboard-shortcuts-modal>
 
-            <portal-targets></portal-targets>
-        </div>
+                <portal-targets></portal-targets>
+            </div>
 
-        @include('statamic::partials.scripts')
-        @yield('scripts')
+            @include('statamic::partials.scripts')
+            @yield('scripts')
+        </config-provider>
     </body>
 </html>
diff --git a/resources/views/partials/new-global-header.blade.php b/resources/views/partials/new-global-header.blade.php
new file mode 100644
index 00000000000..a113dc425a4
--- /dev/null
+++ b/resources/views/partials/new-global-header.blade.php
@@ -0,0 +1,89 @@
+@php
+    use function Statamic\trans as __;
+@endphp
+
+<header class="h-14 flex justify-between space-x-2 items-center text-white px-4 dark fixed top-0 inset-x-0 z-[100]">
+    <div class="flex items-center gap-3 text-[0.8125rem] text-gray-300">
+        <a href="/" class="flex items-center gap-2">
+            <ui-icon name="statamic-mark-lime" class="size-7" />
+            <a href="{{ route('statamic.cp.index') }}" class="text-gray-300">
+                {{ config('app.name') }}
+            </a>
+            @if (Statamic::pro())
+                <ui-badge size="sm" variant="flat" text="Pro" />
+            @endif
+        </a>
+        <span class="text-gray-500">/</span>
+        <ui-dropdown>
+            <template #trigger>
+                <ui-button text="Collections" size="sm" variant="ghost" icon-append="chevron-vertical" class="[&_svg]:size-2" />
+            </template>
+            <ui-dropdown-header text="Collections" />
+            <ui-dropdown-menu>
+                <ui-dropdown-item text="Assets" icon="assets" />
+                <ui-dropdown-item text="Globals" icon="globals" />
+                <ui-dropdown-item text="Navigation" icon="navigation" />
+                <ui-dropdown-item text="Taxonomies" icon="taxonomies" />
+            </ui-dropdown-menu>
+        </ui-dropdown>
+        <span class="text-gray-500">/</span>
+            <ui-dropdown>
+            <template #trigger>
+                <ui-button text="Events" size="sm" variant="ghost" icon-append="chevron-vertical" class="[&_svg]:size-2" />
+            </template>
+            <ui-dropdown-header text="Events" icon="collections" :link-to-config="true" />
+            <ui-dropdown-menu>
+                <ui-dropdown-item text="Blog" icon="collections" />
+                <ui-dropdown-item text="News" icon="collections" />
+                <ui-dropdown-item text="Pages" icon="collections" />
+            </ui-dropdown-menu>
+            <ui-dropdown-footer icon="plus" text="Create Collection" />
+        </ui-dropdown>
+    </div>
+    <div class="flex-1 flex gap-4 items-center justify-end">
+        <button type="button" aria-expanded="false" class="data-[focus-visible]:outline-focus flex items-center gap-x-2 text-xs text-gray-400 outline-none md:w-32 md:rounded-md md:py-[calc(5/16*1rem)] md:ps-2 md:pe-1.5 md:shadow-[0_1px_5px_-4px_rgba(19,19,22,0.4),0_2px_5px_rgba(32,42,54,0.06)] md:ring-1 md:ring-gray-900/10 bg-gray-900 shadow-[0_-1px_rgba(255,255,255,0.06),0_4px_8px_rgba(0,0,0,0.05),0_1px_6px_-4px_#000] ring-white/10" >
+            <ui-icon name="magnifying-glass" class="size-5 flex-none text-gray-600" />
+            <span class="sr-only md:not-sr-only leading-none">Search</span>
+            <kbd class="ml-auto hidden self-center rounded px-[0.3125rem] py-[0.0625rem] text-[0.625rem]/4 font-medium ring-1 ring-inset bg-white/5 text-gray-400 ring-white/7.5 md:block [word-spacing:-0.15em]">
+            <kbd class="font-sans">⌘ </kbd><kbd class="font-sans">K</kbd></kbd>
+        </button>
+        <ui-theme-switcher size="sm" variant="ghost" class="dark" />
+        <ui-dropdown x-cloak>
+            <template #trigger>
+                <ui-button :icon-only="true" variant="ghost">
+                     <img src="{{ $user->avatar() }}" class="size-7 rounded-full" alt="{{ $user->name() }}" />
+                </ui-button>
+            </template>
+            <ui-dropdown-header>
+                <div class="flex items-center gap-2">
+                    <img src="{{ $user->avatar() }}" class="size-8 rounded-full" alt="{{ $user->name() }}" />
+                    <div>
+                        <div class="text-sm">{{ $user->email() }}</div>
+                        @if ($user->isSuper())
+                            <div class="text-xs text-gray-500 font-normal flex items-center gap-1">
+                                {{ __('Super Admin') }}
+                                @if (session()->get('statamic_impersonated_by'))
+                                    <ui-badge size="sm" pill :text="__('Impersonating')" />
+                                @endif
+                            </div>
+                        @elseif (session()->get('statamic_impersonated_by'))
+                            <ui-badge size="sm" pill :text="__('Impersonating')" />
+                        @endif
+                    </div>
+                </div>
+            </ui-dropdown-header>
+            <ui-dropdown-menu>
+                <ui-dropdown-item icon="avatar" :text="__('Profile')" href="{{ route('statamic.cp.account') }}" />
+                <ui-dropdown-item icon="cog" :text="__('Preferences')" href="{{ cp_route('preferences.user.edit') }}" />
+                @if (session()->get('statamic_impersonated_by'))
+                    <ui-dropdown-item icon="mask" :text="__('Stop Impersonating')" href="{{ cp_route('impersonation.stop') }}" />
+                @endif
+            </ui-dropdown-menu>
+            <ui-dropdown-footer
+                :text="__('Log out')"
+                href="{{ route('statamic.cp.logout', ['redirect' => cp_route('index')]) }}"
+                icon="arrow-right"
+            />
+        </ui-dropdown>
+    </div>
+</header>

From fa73f2a3714a9e11204d454193eb174f49fafbe7 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Thu, 27 Mar 2025 14:27:46 -0400
Subject: [PATCH 014/186] Float fieldtype

---
 resources/js/components/fieldtypes/FloatFieldtype.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/fieldtypes/FloatFieldtype.vue b/resources/js/components/fieldtypes/FloatFieldtype.vue
index 11ec9bab985..a8987ea924d 100644
--- a/resources/js/components/fieldtypes/FloatFieldtype.vue
+++ b/resources/js/components/fieldtypes/FloatFieldtype.vue
@@ -1,5 +1,5 @@
 <template>
-    <text-input
+    <Input
         type="text"
         tabindex="0"
         :name="name"
@@ -15,10 +15,13 @@
 
 <script>
 import Fieldtype from './Fieldtype.vue';
+import Input from '@statamic/components/ui/Input/Index.vue';
 
 export default {
     mixins: [Fieldtype],
 
+    components: { Input },
+
     props: ['focus'],
 };
 </script>

From 8c774983ed9c4597451f77c77d85df64a558d2a9 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Thu, 27 Mar 2025 14:58:06 -0400
Subject: [PATCH 015/186] Accept string or number (needed for float fieldtype)

---
 resources/js/components/ui/Input/Index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Input/Index.vue b/resources/js/components/ui/Input/Index.vue
index bed7d1af1a8..97e14b99b2a 100644
--- a/resources/js/components/ui/Input/Index.vue
+++ b/resources/js/components/ui/Input/Index.vue
@@ -16,7 +16,7 @@ const props = defineProps({
     id: { type: String, default: () => useId() },
     label: { type: String, default: null },
     required: { type: Boolean, default: false },
-    modelValue: { type: String, default: null },
+    modelValue: { type: [String, Number], default: null },
     size: { type: String, default: 'base' },
     type: { type: String, default: 'text' },
     viewable: { type: Boolean, default: false },

From acaa27fc27b265d9ab377e6f9ddfe5a8283bb6ea Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Thu, 27 Mar 2025 14:58:16 -0400
Subject: [PATCH 016/186] Integer fieldtype

---
 resources/js/components/fieldtypes/IntegerFieldtype.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/fieldtypes/IntegerFieldtype.vue b/resources/js/components/fieldtypes/IntegerFieldtype.vue
index 23aa5220cea..70a6cd96531 100644
--- a/resources/js/components/fieldtypes/IntegerFieldtype.vue
+++ b/resources/js/components/fieldtypes/IntegerFieldtype.vue
@@ -1,5 +1,5 @@
 <template>
-    <text-input
+    <Input
         ref="input"
         type="number"
         :name="name"
@@ -19,9 +19,11 @@
 
 <script>
 import Fieldtype from './Fieldtype.vue';
+import Input from '@statamic/components/ui/Input/Index.vue';
 
 export default {
     mixins: [Fieldtype],
+    components: { Input },
     props: {
         prepend: { default: null },
         append: { default: null },

From ac7bafa91d4a5c94c6b85224b6ef37db9bc842e9 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Thu, 27 Mar 2025 15:28:41 -0400
Subject: [PATCH 017/186] apply prettier to ui components

---
 resources/js/components/ui/Badge.vue          |   6 +-
 resources/js/components/ui/Button/Group.vue   |  18 +--
 resources/js/components/ui/Button/Index.vue   |  36 +++--
 resources/js/components/ui/Calendar/Index.vue |  86 +++++++----
 resources/js/components/ui/Card/Index.vue     |   9 +-
 resources/js/components/ui/Card/Panel.vue     |   6 +-
 .../js/components/ui/CharacterCounter.vue     |  87 +++++++----
 resources/js/components/ui/Checkbox/Group.vue |   4 +-
 resources/js/components/ui/Checkbox/Item.vue  |  16 +-
 .../js/components/ui/DataTable/Index.vue      |  88 ++++++-----
 .../js/components/ui/Datepicker/Index.vue     | 122 ++++++++-------
 resources/js/components/ui/Description.vue    |   5 +-
 .../js/components/ui/Dropdown/Footer.vue      |  14 +-
 .../js/components/ui/Dropdown/Header.vue      |   7 +-
 resources/js/components/ui/Dropdown/Index.vue |  43 +++---
 resources/js/components/ui/Dropdown/Item.vue  |  16 +-
 resources/js/components/ui/Dropdown/Label.vue |   6 +-
 resources/js/components/ui/Dropdown/Menu.vue  |   4 +-
 resources/js/components/ui/Field.vue          |  16 +-
 resources/js/components/ui/Header.vue         |   8 +-
 resources/js/components/ui/Heading.vue        |  18 +--
 resources/js/components/ui/Input/Group.vue    |  27 ++--
 .../js/components/ui/Input/GroupAppend.vue    |  20 +--
 .../js/components/ui/Input/GroupPrepend.vue   |  20 +--
 resources/js/components/ui/Input/Index.vue    |  33 ++--
 resources/js/components/ui/Label.vue          |   9 +-
 resources/js/components/ui/Modal/Index.vue    |   2 +-
 resources/js/components/ui/Modal/Title.vue    |   2 +-
 resources/js/components/ui/Panel/Header.vue   |   6 +-
 resources/js/components/ui/Panel/Index.vue    |   9 +-
 resources/js/components/ui/Popover.vue        |  42 ++---
 resources/js/components/ui/Radio/Group.vue    |   4 +-
 resources/js/components/ui/Radio/Item.vue     |   8 +-
 resources/js/components/ui/Select/Index.vue   |  27 ++--
 resources/js/components/ui/Separator.vue      |   9 +-
 resources/js/components/ui/Slider.vue         |  10 +-
 resources/js/components/ui/Splitter/Group.vue |   8 +-
 resources/js/components/ui/Splitter/Panel.vue |   8 +-
 .../components/ui/Splitter/ResizeHandle.vue   |   4 +-
 resources/js/components/ui/Subheading.vue     |  14 +-
 resources/js/components/ui/Switch.vue         |  24 +--
 resources/js/components/ui/Table/Cell.vue     |   6 +-
 resources/js/components/ui/Table/Column.vue   |   6 +-
 resources/js/components/ui/Table/Columns.vue  |  10 +-
 resources/js/components/ui/Table/Index.vue    |  10 +-
 resources/js/components/ui/Table/Row.vue      |   6 +-
 resources/js/components/ui/Table/Rows.vue     |   6 +-
 resources/js/components/ui/Tabs/Content.vue   |   8 +-
 resources/js/components/ui/Tabs/Index.vue     |   8 +-
 resources/js/components/ui/Tabs/Indicator.vue |   6 +-
 resources/js/components/ui/Tabs/Trigger.vue   |  15 +-
 resources/js/components/ui/Textarea.vue       |  23 ++-
 resources/js/components/ui/ThemeSwitcher.vue  | 146 +++++++++---------
 resources/js/components/ui/Tooltip.vue        |  60 ++++---
 54 files changed, 654 insertions(+), 557 deletions(-)

diff --git a/resources/js/components/ui/Badge.vue b/resources/js/components/ui/Badge.vue
index 5ad4a6d69c5..95f26068f5b 100644
--- a/resources/js/components/ui/Badge.vue
+++ b/resources/js/components/ui/Badge.vue
@@ -16,7 +16,7 @@ const props = defineProps({
 
 const slots = useSlots();
 const hasDefaultSlot = !!slots.default;
-const tag = computed(() => props.href ? 'a' : 'div');
+const tag = computed(() => (props.href ? 'a' : 'div'));
 
 const badgeClasses = computed(() => {
     const classes = cva({
@@ -53,7 +53,7 @@ const badgeClasses = computed(() => {
                 default: 'border dark:border-none shadow-ui-sm',
                 flat: 'border-0 shadow-none',
             },
-            pill: { true: 'rounded-full', },
+            pill: { true: 'rounded-full' },
         },
     })({ ...props });
 
@@ -66,6 +66,6 @@ const badgeClasses = computed(() => {
         <ui-icon v-if="icon" :name="icon" />
         <slot v-if="hasDefaultSlot" />
         <template v-else>{{ text }}</template>
-        <span v-if="props.subText" class="text-[0.625rem] opacity-70 font-medium leading-tight">{{ subText }}</span>
+        <span v-if="props.subText" class="text-[0.625rem] leading-tight font-medium opacity-70">{{ subText }}</span>
     </component>
 </template>
diff --git a/resources/js/components/ui/Button/Group.vue b/resources/js/components/ui/Button/Group.vue
index 0b140e80cd4..8568014f86c 100644
--- a/resources/js/components/ui/Button/Group.vue
+++ b/resources/js/components/ui/Button/Group.vue
@@ -1,14 +1,14 @@
 <template>
     <div
-        class="
-            flex group/button
-            [&>[data-ui-group-target]:not(:first-child):not(:last-child)]:rounded-none
-            [&>[data-ui-group-target]:first-child:not(:last-child)]:rounded-e-none
-            [&>[data-ui-group-target]:last-child:not(:first-child)]:rounded-s-none
-            [&>*:not(:first-child):not(:last-child):not(:only-child)_[data-ui-group-target]]:rounded-none
-            [&>*:first-child:not(:last-child)_[data-ui-group-target]]:rounded-e-none
-            [&>*:last-child:not(:first-child)_[data-ui-group-target]]:rounded-s-none
-        "
+        :class="[
+            'group/button flex',
+            '[&>[data-ui-group-target]:not(:first-child):not(:last-child)]:rounded-none',
+            '[&>[data-ui-group-target]:first-child:not(:last-child)]:rounded-e-none',
+            '[&>[data-ui-group-target]:last-child:not(:first-child)]:rounded-s-none',
+            '[&>*:not(:first-child):not(:last-child):not(:only-child)_[data-ui-group-target]]:rounded-none',
+            '[&>*:first-child:not(:last-child)_[data-ui-group-target]]:rounded-e-none',
+            '[&>*:last-child:not(:first-child)_[data-ui-group-target]]:rounded-s-none',
+        ]"
         data-ui-button-group
     >
         <slot />
diff --git a/resources/js/components/ui/Button/Index.vue b/resources/js/components/ui/Button/Index.vue
index 2a598f2eac7..756478befa8 100644
--- a/resources/js/components/ui/Button/Index.vue
+++ b/resources/js/components/ui/Button/Index.vue
@@ -4,21 +4,21 @@ import { cva } from 'cva';
 import { twMerge } from 'tailwind-merge';
 
 const props = defineProps({
-    href: {type: String, default: null},
-    icon: {type: String, default: null},
-    iconAppend: {type: String, default: null},
-    iconOnly: {type: Boolean, default: false},
-    loading: {type: Boolean, default: false},
-    round: {type: Boolean, default: false},
-    size: {type: String, default: 'base'},
-    text: {type: String, default: null},
-    type: {type: String, default: 'button' },
-    variant: {type: String, default: 'default' },
+    href: { type: String, default: null },
+    icon: { type: String, default: null },
+    iconAppend: { type: String, default: null },
+    iconOnly: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    round: { type: Boolean, default: false },
+    size: { type: String, default: 'base' },
+    text: { type: String, default: null },
+    type: { type: String, default: 'button' },
+    variant: { type: String, default: 'default' },
 });
 
 const slots = useSlots();
 const hasDefaultSlot = !!slots.default;
-const tag = computed(() => props.href ? 'a' : 'button');
+const tag = computed(() => (props.href ? 'a' : 'button'));
 const iconOnly = computed(() => (props.icon && !hasDefaultSlot && !props.text) || props.iconOnly);
 
 const buttonClasses = computed(() => {
@@ -28,11 +28,11 @@ const buttonClasses = computed(() => {
             variant: {
                 default: [
                     'bg-linear-to-b from-white to-gray-50 hover:to-gray-100 text-gray-800 border border-gray-300 shadow-ui-sm',
-                    'dark:from-gray-800 dark:to-gray-850 dark:hover:to-gray-800 hover:bg-gray-50 dark:hover:bg-gray-850 dark:border-b-0 dark:ring-3 dark:ring-black dark:border-white/15 dark:text-gray-300 dark:shadow-md'
+                    'dark:from-gray-800 dark:to-gray-850 dark:hover:to-gray-800 hover:bg-gray-50 dark:hover:bg-gray-850 dark:border-b-0 dark:ring-3 dark:ring-black dark:border-white/15 dark:text-gray-300 dark:shadow-md',
                 ],
                 primary: [
                     'bg-linear-to-b from-primary/90 to-primary hover:bg-primary-hover text-white border border-primary-border shadow-ui-md inset-shadow-2xs inset-shadow-white/25',
-                    'dark:from-white dark:to-gray-200 dark:hover:from-gray-200 dark:text-gray-800 dark:border-0'
+                    'dark:from-white dark:to-gray-200 dark:hover:from-gray-200 dark:text-gray-800 dark:border-0',
                 ],
                 danger: 'bg-linear-to-b from-red-500/90 to-red-500 hover:bg-red-500/90 text-white border border-red-600 inset-shadow-2xs inset-shadow-red-300 [&_svg]:text-red-200',
                 filled: 'bg-gray-100 hover:bg-gray-200 dark:bg-gray-700/80 dark:hover:bg-gray-700',
@@ -44,14 +44,16 @@ const buttonClasses = computed(() => {
                 xs: 'px-2 h-6.5 text-xs',
             },
             groupBorder: {
-                default: 'in-data-ui-button-group:border-s-0 [:is([data-ui-button-group]>&:first-child,_[data-ui-button-group]_:first-child>&)]:border-s-[1px]',
-                primary: 'in-data-ui-button-group:border-e-0 [:is([data-ui-button-group]>&:last-child,_[data-ui-button-group]_:last-child>&)]:border-e-[1px] [:is([data-ui-button-group]>&:not(:first-child),_[data-ui-button-group]_:not(:first-child)>&)]:border-s-primary-gap',
+                default:
+                    'in-data-ui-button-group:border-s-0 [:is([data-ui-button-group]>&:first-child,_[data-ui-button-group]_:first-child>&)]:border-s-[1px]',
+                primary:
+                    'in-data-ui-button-group:border-e-0 [:is([data-ui-button-group]>&:last-child,_[data-ui-button-group]_:last-child>&)]:border-e-[1px] [:is([data-ui-button-group]>&:not(:first-child),_[data-ui-button-group]_:not(:first-child)>&)]:border-s-primary-gap',
                 danger: 'in-data-ui-button-group:border-s-0 in-data-ui-button-group:border-e [:is([data-ui-button-group]>&:last-child,_[data-ui-button-group]_:last-child>&)]:border-e-0 in-data-ui-button-group:border-red-600',
                 filled: 'in-data-ui-button-group:border-e [:is([data-ui-button-group]>&:last-child,_[data-ui-button-group]_:last-child>&)]:border-e-0 in-data-ui-button-group:border-gray-300/70',
                 ghost: '',
             },
             iconOnly: { true: 'px-0' },
-            round: { true: 'rounded-full'},
+            round: { true: 'rounded-full' },
         },
         compoundVariants: [
             { iconOnly: true, size: 'base', class: 'w-10 [&_svg]:size-4' },
@@ -61,7 +63,7 @@ const buttonClasses = computed(() => {
     })({
         ...props,
         groupBorder: props.variant,
-        iconOnly: iconOnly.value
+        iconOnly: iconOnly.value,
     });
 
     return twMerge(classes);
diff --git a/resources/js/components/ui/Calendar/Index.vue b/resources/js/components/ui/Calendar/Index.vue
index 469bedef7c5..204d9960bd6 100644
--- a/resources/js/components/ui/Calendar/Index.vue
+++ b/resources/js/components/ui/Calendar/Index.vue
@@ -1,7 +1,20 @@
 <script setup>
-import { ref, computed } from 'vue'
-import { CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarHeader, CalendarHeading, CalendarRoot, CalendarPrev, CalendarNext } from 'reka-ui'
-import { today, parseDate, parseDateTime } from '@internationalized/date'
+import { ref, computed } from 'vue';
+import {
+    CalendarCell,
+    CalendarCellTrigger,
+    CalendarGrid,
+    CalendarGridBody,
+    CalendarGridHead,
+    CalendarGridRow,
+    CalendarHeadCell,
+    CalendarHeader,
+    CalendarHeading,
+    CalendarRoot,
+    CalendarPrev,
+    CalendarNext,
+} from 'reka-ui';
+import { today, parseDate, parseDateTime } from '@internationalized/date';
 
 defineOptions({ name: 'Calendar' });
 
@@ -9,29 +22,32 @@ const props = defineProps({
     modelValue: { type: [String, Object], default: null },
     min: { type: [String, Object], default: null },
     max: { type: [String, Object], default: null },
-})
+});
 
-const emit = defineEmits(['update:modelValue'])
+const emit = defineEmits(['update:modelValue']);
 
 const value = computed({
-    get: () => props.modelValue ? (typeof props.modelValue === 'string' ? parseDateTime(props.modelValue) : props.modelValue) : today(),
-    set: (val) => emit('update:modelValue', val?.toString())
-})
+    get: () =>
+        props.modelValue
+            ? typeof props.modelValue === 'string'
+                ? parseDateTime(props.modelValue)
+                : props.modelValue
+            : today(),
+    set: (val) => emit('update:modelValue', val?.toString()),
+});
 
-const minValue = computed(() => props.min ? (typeof props.min === 'string' ? parseDate(props.min) : props.min) : null)
-const maxValue = computed(() => props.max ? (typeof props.max === 'string' ? parseDate(props.max) : props.max) : null)
+const minValue = computed(() =>
+    props.min ? (typeof props.min === 'string' ? parseDate(props.min) : props.min) : null,
+);
+const maxValue = computed(() =>
+    props.max ? (typeof props.max === 'string' ? parseDate(props.max) : props.max) : null,
+);
 </script>
 
 <template>
-    <CalendarRoot
-        v-model="value"
-        v-slot="{ weekDays, grid }"
-        :minValue="minValue"
-        :maxValue="maxValue"
-        fixed-weeks
-    >
+    <CalendarRoot v-model="value" v-slot="{ weekDays, grid }" :minValue="minValue" :maxValue="maxValue" fixed-weeks>
         <CalendarHeader class="flex items-center justify-between">
-            <CalendarHeading class="text-sm text-black dark:text-white font-medium" />
+            <CalendarHeading class="text-sm font-medium text-black dark:text-white" />
             <!-- <div>
                 <ui-select
                     :options="months"
@@ -48,20 +64,24 @@ const maxValue = computed(() => props.max ? (typeof props.max === 'string' ? par
                 />
             </div> -->
             <div>
-                <CalendarPrev class="inline-flex items-center cursor-pointer justify-center rounded-md size-8 hover:bg-gray-50 dark:hover:bg-gray-950 active:scale-90">
+                <CalendarPrev
+                    class="inline-flex size-8 cursor-pointer items-center justify-center rounded-md hover:bg-gray-50 active:scale-90 dark:hover:bg-gray-950"
+                >
                     <ui-icon name="chevron-left" class="size-4" />
                 </CalendarPrev>
-                <CalendarNext class="inline-flex items-center cursor-pointer justify-center rounded-md size-8 hover:bg-gray-50 dark:hover:bg-gray-950 active:scale-90">
+                <CalendarNext
+                    class="inline-flex size-8 cursor-pointer items-center justify-center rounded-md hover:bg-gray-50 active:scale-90 dark:hover:bg-gray-950"
+                >
                     <ui-icon name="chevron-right" class="size-4" />
                 </CalendarNext>
             </div>
         </CalendarHeader>
 
-        <div class="flex flex-col space-y-4 pt-4 sm:flex-row sm:space-x-4 sm:space-y-0">
+        <div class="flex flex-col space-y-4 pt-4 sm:flex-row sm:space-y-0 sm:space-x-4">
             <CalendarGrid
                 v-for="month in grid"
                 :key="month.value.toString()"
-                class="w-full border-collapse select-none space-y-1"
+                class="w-full border-collapse space-y-1 select-none"
             >
                 <CalendarGridHead>
                     <CalendarGridRow class="mb-1 grid w-full grid-cols-7">
@@ -90,17 +110,17 @@ const maxValue = computed(() => props.max ? (typeof props.max === 'string' ? par
                             <CalendarCellTrigger
                                 :day="weekDate"
                                 :month="month.value"
-                                class="
-                                    relative flex items-center justify-center rounded-lg whitespace-nowrap text-sm font-normal text-black dark:text-white size-8 outline-hidden
-                                    data-outside-view:text-gray-400 dark:data-outside-view:text-gray-600
-                                    data-selected:bg-gray-800! data-selected:text-white dark:data-selected:bg-gray-200! dark:data-selected:text-black
-                                    hover:bg-gray-100 data-highlighted:bg-gray-200 dark:hover:bg-black dark:data-highlighted:bg-black
-                                    data-disabled:pointer-events-none data-disabled:hover:bg-transparent
-                                    data-disabled:text-gray-400 dark:data-disabled:text-gray-600
-                                    data-unavailable:pointer-events-none data-unavailable:text-black/30 data-unavailable:line-through
-                                    before:absolute before:top-[3px] before:hidden before:rounded-lg before:w-1 before:h-1 before:bg-white
-                                    data-today:before:block data-today:before:bg-green-600
-                                "
+                                :class="[
+                                    'relative flex size-8 items-center justify-center rounded-lg text-sm font-normal whitespace-nowrap text-black outline-hidden dark:text-white',
+                                    'data-outside-view:text-gray-400 dark:data-outside-view:text-gray-600',
+                                    'data-selected:bg-gray-800! data-selected:text-white dark:data-selected:bg-gray-200! dark:data-selected:text-black',
+                                    'hover:bg-gray-100 data-highlighted:bg-gray-200 dark:hover:bg-black dark:data-highlighted:bg-black',
+                                    'data-disabled:pointer-events-none data-disabled:hover:bg-transparent',
+                                    'data-disabled:text-gray-400 dark:data-disabled:text-gray-600',
+                                    'data-unavailable:pointer-events-none data-unavailable:text-black/30 data-unavailable:line-through',
+                                    'before:absolute before:top-[3px] before:hidden before:h-1 before:w-1 before:rounded-lg before:bg-white',
+                                    'data-today:before:block data-today:before:bg-green-600',
+                                ]"
                             />
                         </CalendarCell>
                     </CalendarGridRow>
diff --git a/resources/js/components/ui/Card/Index.vue b/resources/js/components/ui/Card/Index.vue
index 1a7179f45b1..430bd84b7e1 100644
--- a/resources/js/components/ui/Card/Index.vue
+++ b/resources/js/components/ui/Card/Index.vue
@@ -2,8 +2,8 @@
 import { cva } from 'cva';
 
 const props = defineProps({
-    inset: {type: Boolean, default: false },
-    variant: {type: String, default: 'default'}
+    inset: { type: Boolean, default: false },
+    variant: { type: String, default: 'default' },
 });
 
 const classes = cva({
@@ -11,12 +11,11 @@ const classes = cva({
     variants: {
         variant: {
             default: 'shadow-ui-s',
-            flat: 'shadow-none'
+            flat: 'shadow-none',
         },
         inset: { false: 'px-4.5 py-5' },
     },
-})({ ...props })
-
+})({ ...props });
 </script>
 
 <template>
diff --git a/resources/js/components/ui/Card/Panel.vue b/resources/js/components/ui/Card/Panel.vue
index fc66a137afb..3f1c49070c3 100644
--- a/resources/js/components/ui/Card/Panel.vue
+++ b/resources/js/components/ui/Card/Panel.vue
@@ -1,7 +1,7 @@
 <script setup>
-    const props = defineProps({
-        heading: {type: String, default: null }
-    });
+const props = defineProps({
+    heading: { type: String, default: null },
+});
 </script>
 
 <template>
diff --git a/resources/js/components/ui/CharacterCounter.vue b/resources/js/components/ui/CharacterCounter.vue
index 98c613105db..e38be34cbcf 100644
--- a/resources/js/components/ui/CharacterCounter.vue
+++ b/resources/js/components/ui/CharacterCounter.vue
@@ -5,9 +5,9 @@ import { cva } from 'cva';
 const emit = defineEmits(['update:text']);
 
 const props = defineProps({
-  text: { type: String, default: '' },
-  limit: { type: Number, default: null },
-  dangerZone: { type: Number, default: 20 }
+    text: { type: String, default: '' },
+    limit: { type: Number, default: null },
+    dangerZone: { type: Number, default: 20 },
 });
 
 // Character count calculations
@@ -18,13 +18,13 @@ const isNearLimit = computed(() => charsRemaining.value <= props.dangerZone && c
 const isAtOrOverLimit = computed(() => charsRemaining.value <= 0);
 
 const tooltipText = computed(() => {
-  return charCount.value + '/' + props.limit;
+    return charCount.value + '/' + props.limit;
 });
 
 // Calculate circle fill percentage
 const circleFillPercentage = computed(() => {
-  if (isAtOrOverLimit.value) return 100; // Fill the circle completely
-  return (charCount.value / props.limit) * 100;
+    if (isAtOrOverLimit.value) return 100; // Fill the circle completely
+    return (charCount.value / props.limit) * 100;
 });
 
 // Animation state
@@ -32,19 +32,22 @@ const isAnimating = ref(false);
 const prevCount = ref(charCount.value);
 
 // Watch for count changes to trigger animation on hitting limit exactly
-watch(() => charCount.value, (newCount, oldCount) => {
-  const wasNotAtLimit = oldCount !== props.limit;
-  const isNowAtLimit = newCount === props.limit;
+watch(
+    () => charCount.value,
+    (newCount, oldCount) => {
+        const wasNotAtLimit = oldCount !== props.limit;
+        const isNowAtLimit = newCount === props.limit;
 
-  if (wasNotAtLimit && isNowAtLimit) {
-    isAnimating.value = true;
-    setTimeout(() => {
-      isAnimating.value = false;
-    }, 275); // Animation duration
-  }
+        if (wasNotAtLimit && isNowAtLimit) {
+            isAnimating.value = true;
+            setTimeout(() => {
+                isAnimating.value = false;
+            }, 275); // Animation duration
+        }
 
-  prevCount.value = newCount;
-});
+        prevCount.value = newCount;
+    },
+);
 
 const circleClasses = cva({
     base: 'absolute h-full w-full',
@@ -53,25 +56,46 @@ const circleClasses = cva({
             green: 'text-green-500',
             amber: 'text-amber-500',
             red: 'text-red-500',
-            gray: 'text-gray-200 dark:text-gray-700'
-        }
-    }
+            gray: 'text-gray-200 dark:text-gray-700',
+        },
+    },
 });
-
 </script>
 
 <template>
     <ui-tooltip :text="tooltipText" position="top" delay-duration="0">
-        <div class="relative size-6 flex items-center justify-center" :class="{ 'animate-pop': isAnimating }">
+        <div class="relative flex size-6 items-center justify-center" :class="{ 'animate-pop': isAnimating }">
             <svg :class="circleClasses({ color: 'gray' })" viewBox="0 0 100 100">
                 <circle cx="50" cy="50" r="40" fill="none" stroke="currentColor" stroke-width="8" />
             </svg>
-            <svg :class="circleClasses({ color: isOverLimit ? 'red' : circleFillPercentage < 70 ? 'green' : circleFillPercentage < 90 ? 'amber' : 'red' }) + ' -rotate-90'" viewBox="0 0 100 100">
-                <circle cx="50" cy="50" r="40" fill="none" stroke="currentColor" stroke-width="8"
-                    stroke-dasharray="251.2" :stroke-dashoffset="251.2 - (251.2 * circleFillPercentage / 100)" stroke-linecap="round" />
+            <svg
+                :class="
+                    circleClasses({
+                        color: isOverLimit
+                            ? 'red'
+                            : circleFillPercentage < 70
+                              ? 'green'
+                              : circleFillPercentage < 90
+                                ? 'amber'
+                                : 'red',
+                    }) + ' -rotate-90'
+                "
+                viewBox="0 0 100 100"
+            >
+                <circle
+                    cx="50"
+                    cy="50"
+                    r="40"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="8"
+                    stroke-dasharray="251.2"
+                    :stroke-dashoffset="251.2 - (251.2 * circleFillPercentage) / 100"
+                    stroke-linecap="round"
+                />
                 <line v-if="isOverLimit" x1="20" y1="20" x2="80" y2="80" stroke="currentColor" stroke-width="8" />
             </svg>
-            <span v-if="isNearLimit" class="text-2xs z-10 absolute text-red-500">
+            <span v-if="isNearLimit" class="text-2xs absolute z-10 text-red-500">
                 {{ charsRemaining }}
             </span>
         </div>
@@ -80,10 +104,15 @@ const circleClasses = cva({
 
 <style scoped>
 @keyframes pop {
-  0%, 100% { transform: scale(1); }
-  50% { transform: scale(1.2); }
+    0%,
+    100% {
+        transform: scale(1);
+    }
+    50% {
+        transform: scale(1.2);
+    }
 }
 .animate-pop {
-  animation: pop 0.275s cubic-bezier(0.4, 0, 0.6, 1);
+    animation: pop 0.275s cubic-bezier(0.4, 0, 0.6, 1);
 }
 </style>
diff --git a/resources/js/components/ui/Checkbox/Group.vue b/resources/js/components/ui/Checkbox/Group.vue
index 3f90aff77d8..602f7a898a9 100644
--- a/resources/js/components/ui/Checkbox/Group.vue
+++ b/resources/js/components/ui/Checkbox/Group.vue
@@ -26,8 +26,8 @@ defineExpose({ focus });
             :modelValue="modelValue"
             @update:modelValue="$emit('update:modelValue', $event)"
             :name="name"
-            class="w-full relative block space-y-2"
-            :class="{ 'flex flex-wrap gap-x-4 gap-y-2 space-y-0': inline }"
+            class="relative block w-full space-y-2"
+            :class="{ 'flex flex-wrap space-y-0 gap-x-4 gap-y-2': inline }"
             data-ui-input
         >
             <slot />
diff --git a/resources/js/components/ui/Checkbox/Item.vue b/resources/js/components/ui/Checkbox/Item.vue
index 9c6d41bb2fa..64cbe9cd47b 100644
--- a/resources/js/components/ui/Checkbox/Item.vue
+++ b/resources/js/components/ui/Checkbox/Item.vue
@@ -16,21 +16,27 @@ const id = useId();
         <CheckboxRoot
             :id
             :value="value"
-            class="bg-white size-4 mt-0.5 rounded-sm border border-gray-300 dark:border-none data-[state=checked]:border-gray-900 data-[state=checked]:bg-gray-900 dark:data-[state=checked]:bg-white shadow-ui-xs outline-hidden cursor-default"
+            class="shadow-ui-xs mt-0.5 size-4 cursor-default rounded-sm border border-gray-300 bg-white outline-hidden data-[state=checked]:border-gray-900 data-[state=checked]:bg-gray-900 dark:border-none dark:data-[state=checked]:bg-white"
         >
             <CheckboxIndicator
-                class="flex items-center justify-center w-full h-full relative text-white dark:text-gray-800"
+                class="relative flex h-full w-full items-center justify-center text-white dark:text-gray-800"
             >
                 <svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M9 1L3.5 6.5L1 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                    <path
+                        d="M9 1L3.5 6.5L1 4"
+                        stroke="currentColor"
+                        stroke-width="1.5"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                    />
                 </svg>
             </CheckboxIndicator>
         </CheckboxRoot>
         <label class="flex flex-col" :for="id">
-            <span class="text-gray-600 dark:text-gray-400 font-normal antialiased text-sm">
+            <span class="text-sm font-normal text-gray-600 antialiased dark:text-gray-400">
                 <slot>{{ label || value }}</slot>
             </span>
-            <span v-if="description" class="block text-xs text-gray-500 mt-0.5 leading-snug">{{ description }}</span>
+            <span v-if="description" class="mt-0.5 block text-xs leading-snug text-gray-500">{{ description }}</span>
         </label>
     </div>
 </template>
diff --git a/resources/js/components/ui/DataTable/Index.vue b/resources/js/components/ui/DataTable/Index.vue
index 63c2030683f..3c0ea8da9cc 100644
--- a/resources/js/components/ui/DataTable/Index.vue
+++ b/resources/js/components/ui/DataTable/Index.vue
@@ -86,7 +86,7 @@ const tableCellVariants = cva({
             middle: '',
         },
     },
-})
+});
 
 const headerCellClasses = cva({
     base: 'text-sm font-medium text-gray-800 dark:text-gray-300',
@@ -117,43 +117,59 @@ const titleClasses = cva({
         },
     },
 })({ ...props });
-
 </script>
 
 <template>
-<ui-panel class="relative overflow-x-auto overscroll-x-contain">
-    <table data-ui-data-table class="w-full text-gray-500 antialiased table-fixed border-separate border-spacing-y-0 whitespace-nowrap min-w-full">
-        <thead>
-            <tr>
-                <th class="text-left" :class="headerCellClasses">Title</th>
-                <th class="text-left" :class="headerCellClasses">Slug</th>
-                <th class="text-left" :class="headerCellClasses">Date</th>
-                <th class="text-left" :class="headerCellClasses">Author</th>
-                <th class="text-right w-14" :class="headerCellClasses"></th>
-            </tr>
-        </thead>
-        <tbody class="text-sm bg-white dark:bg-gray-900 rounded-xl shadow-sm">
-            <tr v-for="(event, index) in events" :key="event.id">
-                <td :class="[bodyCellClasses, tableCellVariants({ position: index === 0 ? 'first' : index === events.length - 1 ? 'last' : 'left' })]">
-                    <div :class="titleClasses">{{ event.title }}</div>
-                </td>
-                <td :class="[bodyCellClasses, tableCellVariants()]">{{ event.slug }}</td>
-                <td :class="[bodyCellClasses, tableCellVariants()]">{{ event.date }}</td>
-                <td :class="[bodyCellClasses, tableCellVariants()]">
-                    <div class="flex items-center gap-2">
-                        <img class="size-5 rounded-full" src="https://unavatar.io/jackmcdade" />
-                        {{ event.author }}
-                    </div>
-                </td>
-                <td class="text-right" :class="[bodyCellClasses, tableCellVariants({ position: index === 0 ? 'firstRight' : index === events.length - 1 ? 'lastRight' : 'right' })]">
-                    <ui-button icon="dots" variant="ghost" size="xs" />
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</ui-panel>
+    <ui-panel class="relative overflow-x-auto overscroll-x-contain">
+        <table
+            data-ui-data-table
+            class="w-full min-w-full table-fixed border-separate border-spacing-y-0 whitespace-nowrap text-gray-500 antialiased"
+        >
+            <thead>
+                <tr>
+                    <th class="text-left" :class="headerCellClasses">Title</th>
+                    <th class="text-left" :class="headerCellClasses">Slug</th>
+                    <th class="text-left" :class="headerCellClasses">Date</th>
+                    <th class="text-left" :class="headerCellClasses">Author</th>
+                    <th class="w-14 text-right" :class="headerCellClasses"></th>
+                </tr>
+            </thead>
+            <tbody class="rounded-xl bg-white text-sm shadow-sm dark:bg-gray-900">
+                <tr v-for="(event, index) in events" :key="event.id">
+                    <td
+                        :class="[
+                            bodyCellClasses,
+                            tableCellVariants({
+                                position: index === 0 ? 'first' : index === events.length - 1 ? 'last' : 'left',
+                            }),
+                        ]"
+                    >
+                        <div :class="titleClasses">{{ event.title }}</div>
+                    </td>
+                    <td :class="[bodyCellClasses, tableCellVariants()]">{{ event.slug }}</td>
+                    <td :class="[bodyCellClasses, tableCellVariants()]">{{ event.date }}</td>
+                    <td :class="[bodyCellClasses, tableCellVariants()]">
+                        <div class="flex items-center gap-2">
+                            <img class="size-5 rounded-full" src="https://unavatar.io/jackmcdade" />
+                            {{ event.author }}
+                        </div>
+                    </td>
+                    <td
+                        class="text-right"
+                        :class="[
+                            bodyCellClasses,
+                            tableCellVariants({
+                                position:
+                                    index === 0 ? 'firstRight' : index === events.length - 1 ? 'lastRight' : 'right',
+                            }),
+                        ]"
+                    >
+                        <ui-button icon="dots" variant="ghost" size="xs" />
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </ui-panel>
 </template>
 
-<style>
-
-</style>
+<style></style>
diff --git a/resources/js/components/ui/Datepicker/Index.vue b/resources/js/components/ui/Datepicker/Index.vue
index 7dd64ea5cb5..8795dcf08f9 100644
--- a/resources/js/components/ui/Datepicker/Index.vue
+++ b/resources/js/components/ui/Datepicker/Index.vue
@@ -1,9 +1,9 @@
 <script setup>
-import { computed } from 'vue'
-import { DatePickerContent, DatePickerField, DatePickerInput, DatePickerRoot, DatePickerTrigger } from 'reka-ui'
-import { parseDateTime, parseDate } from '@internationalized/date'
+import { computed } from 'vue';
+import { DatePickerContent, DatePickerField, DatePickerInput, DatePickerRoot, DatePickerTrigger } from 'reka-ui';
+import { parseDateTime, parseDate } from '@internationalized/date';
 
-const emit = defineEmits(['update:modelValue'])
+const emit = defineEmits(['update:modelValue']);
 
 const props = defineProps({
     date: { type: String, default: null },
@@ -30,64 +30,70 @@ const dateValue = computed({
     },
     set: (val) => {
         if (val) {
-            emit('update:modelValue', val.toString())
+            emit('update:modelValue', val.toString());
         }
-    }
-})
+    },
+});
 
-const minValue = computed(() => props.min ? (typeof props.min === 'string' ? parseDate(props.min) : props.min) : null)
-const maxValue = computed(() => props.max ? (typeof props.max === 'string' ? parseDate(props.max) : props.max) : null)
+const minValue = computed(() =>
+    props.min ? (typeof props.min === 'string' ? parseDate(props.min) : props.min) : null,
+);
+const maxValue = computed(() =>
+    props.max ? (typeof props.max === 'string' ? parseDate(props.max) : props.max) : null,
+);
 </script>
 
 <template>
-<ui-with-field :label :description :required :badge>
-    <div class="w-full relative block group/input" data-ui-input>
-        <DatePickerRoot
-            :modelValue="dateValue"
-            :granularity="granularity"
-            @update:modelValue="emit('update:modelValue', $event?.toString())"
-            v-bind="$attrs"
-        >
-            <DatePickerField v-slot="{ segments }" class="w-full">
-                <div class="
-                    w-full flex bg-white dark:bg-gray-900
-                    border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-2xs dark:inset-shadow-black
-                    text-gray-600 dark:text-gray-300 leading-[1.375rem]
-                    shadow-ui-sm disabled:shadow-none rounded-lg ps-3 pe-10 py-2 h-10 not-prose
-                    data-invalid:border-red-500
-                ">
-                    <template v-for="item in segments" :key="item.part">
-                        <DatePickerInput v-if="item.part === 'literal'" :part="item.part">
-                            {{ item.value }}
-                        </DatePickerInput>
-                        <DatePickerInput
-                            v-else
-                            :part="item.part"
-                            class="py-0.5 px-0.25 rounded-sm focus:outline-hidden focus:bg-gray-50 dark:focus:bg-gray-800 data-placeholder:text-gray-600 dark:data-placeholder:text-gray-400"
-                            :class="{ 'px-0.5!': item.part === 'month' || item.part === 'year' || item.part === 'day' }"
-                        >
-                            {{ item.value }}
-                        </DatePickerInput>
-                    </template>
-                </div>
-                <DatePickerTrigger class="absolute text-gray-400 hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-gray-900 dark:focus:bg-gray-900 rounded-lg flex items-center justify-center end-1 px-2 top-1 bottom-1 outline-hidden">
-                    <ui-icon name="calendar" class="w-4 h-4" />
-                </DatePickerTrigger>
-            </DatePickerField>
-
-            <DatePickerContent
-                :side-offset="4"
-                class="will-change-[transform,opacity] data-[state=open]:data-[side=top]:animate-slideDownAndFade data-[state=open]:data-[side=right]:animate-slideLeftAndFade data-[state=open]:data-[side=bottom]:animate-slideUpAndFade data-[state=open]:data-[side=left]:animate-slideRightAndFade"
+    <ui-with-field :label :description :required :badge>
+        <div class="group/input relative block w-full" data-ui-input>
+            <DatePickerRoot
+                :modelValue="dateValue"
+                :granularity="granularity"
+                @update:modelValue="emit('update:modelValue', $event?.toString())"
+                v-bind="$attrs"
             >
-            <ui-card>
-                <ui-calendar
-                    v-model="dateValue"
-                    :minValue="minValue"
-                    :maxValue="maxValue"
-                />
-            </ui-card>
-            </DatePickerContent>
-        </DatePickerRoot>
-    </div>
-</ui-with-field>
+                <DatePickerField v-slot="{ segments }" class="w-full">
+                    <div
+                        :class="[
+                            'flex w-full bg-white dark:bg-gray-900',
+                            'border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-2xs dark:inset-shadow-black',
+                            'leading-[1.375rem] text-gray-600 dark:text-gray-300',
+                            'shadow-ui-sm not-prose h-10 rounded-lg py-2 ps-3 pe-10 disabled:shadow-none',
+                            'data-invalid:border-red-500',
+                        ]"
+                    >
+                        <template v-for="item in segments" :key="item.part">
+                            <DatePickerInput v-if="item.part === 'literal'" :part="item.part">
+                                {{ item.value }}
+                            </DatePickerInput>
+                            <DatePickerInput
+                                v-else
+                                :part="item.part"
+                                class="rounded-sm px-0.25 py-0.5 focus:bg-gray-50 focus:outline-hidden data-placeholder:text-gray-600 dark:focus:bg-gray-800 dark:data-placeholder:text-gray-400"
+                                :class="{
+                                    'px-0.5!': item.part === 'month' || item.part === 'year' || item.part === 'day',
+                                }"
+                            >
+                                {{ item.value }}
+                            </DatePickerInput>
+                        </template>
+                    </div>
+                    <DatePickerTrigger
+                        class="absolute end-1 top-1 bottom-1 flex items-center justify-center rounded-lg px-2 text-gray-400 outline-hidden hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
+                    >
+                        <ui-icon name="calendar" class="h-4 w-4" />
+                    </DatePickerTrigger>
+                </DatePickerField>
+
+                <DatePickerContent
+                    :side-offset="4"
+                    class="data-[state=open]:data-[side=top]:animate-slideDownAndFade data-[state=open]:data-[side=right]:animate-slideLeftAndFade data-[state=open]:data-[side=bottom]:animate-slideUpAndFade data-[state=open]:data-[side=left]:animate-slideRightAndFade will-change-[transform,opacity]"
+                >
+                    <ui-card>
+                        <ui-calendar v-model="dateValue" :minValue="minValue" :maxValue="maxValue" />
+                    </ui-card>
+                </DatePickerContent>
+            </DatePickerRoot>
+        </div>
+    </ui-with-field>
 </template>
diff --git a/resources/js/components/ui/Description.vue b/resources/js/components/ui/Description.vue
index 3a7be866ecd..4d65238c2a3 100644
--- a/resources/js/components/ui/Description.vue
+++ b/resources/js/components/ui/Description.vue
@@ -6,13 +6,12 @@ const hasDefaultSlot = !!slots.default;
 
 const props = defineProps({
     required: { type: Boolean, default: false },
-    text: { type: String, default: null }
+    text: { type: String, default: null },
 });
-
 </script>
 
 <template>
-    <div class="text-sm font-normal text-gray-500 dark:text-gray-400 antialiased" data-ui-description>
+    <div class="text-sm font-normal text-gray-500 antialiased dark:text-gray-400" data-ui-description>
         <slot v-if="hasDefaultSlot" />
         <template v-else>{{ text }}</template>
     </div>
diff --git a/resources/js/components/ui/Dropdown/Footer.vue b/resources/js/components/ui/Dropdown/Footer.vue
index 65dfa724112..a8a2c2e08bd 100644
--- a/resources/js/components/ui/Dropdown/Footer.vue
+++ b/resources/js/components/ui/Dropdown/Footer.vue
@@ -11,12 +11,20 @@ const hasDefaultSlot = !!slots.default;
 </script>
 
 <template>
-    <footer class="flex items-center cursor-pointer text-gray-600 antialiased gap-2 py-2 px-3 text-sm rounded-b-xl group/footer" data-ui-dropdown-footer>
+    <footer
+        class="group/footer flex cursor-pointer items-center gap-2 rounded-b-xl px-3 py-2 text-sm text-gray-600 antialiased"
+        data-ui-dropdown-footer
+    >
         <div class="flex items-center gap-2">
-            <div v-if="icon" class="size-6 flex items-center justify-center rounded-lg bg-gray-100 dark:bg-gray-900 p-1 text-gray-700 dark:text-gray-500">
+            <div
+                v-if="icon"
+                class="flex size-6 items-center justify-center rounded-lg bg-gray-100 p-1 text-gray-700 dark:bg-gray-900 dark:text-gray-500"
+            >
                 <ui-icon :name="icon" />
             </div>
-            <div class="grow truncate text-sm text-gray-600 dark:text-gray-400 group-hover/footer:text-gray-950 dark:group-hover/footer:text-gray-200 antialiased">
+            <div
+                class="grow truncate text-sm text-gray-600 antialiased group-hover/footer:text-gray-950 dark:text-gray-400 dark:group-hover/footer:text-gray-200"
+            >
                 <slot v-if="hasDefaultSlot" />
                 <template v-else>{{ text }}</template>
             </div>
diff --git a/resources/js/components/ui/Dropdown/Header.vue b/resources/js/components/ui/Dropdown/Header.vue
index 5b3525b3897..9d17985dd80 100644
--- a/resources/js/components/ui/Dropdown/Header.vue
+++ b/resources/js/components/ui/Dropdown/Header.vue
@@ -26,10 +26,13 @@ const headerClasses = cva({
 
 <template>
     <header :class="headerClasses({ usingSlot: hasDefaultSlot })" data-ui-dropdown-header>
-        <div v-if="icon" class="size-6 -ms-1 me-2 flex items-center justify-center rounded-lg bg-gray-100 dark:bg-gray-800 p-1 text-gray-700 dark:text-gray-400">
+        <div
+            v-if="icon"
+            class="-ms-1 me-2 flex size-6 items-center justify-center rounded-lg bg-gray-100 p-1 text-gray-700 dark:bg-gray-800 dark:text-gray-400"
+        >
             <ui-icon :name="icon" />
         </div>
-        <div class="grow truncate col-start-2">
+        <div class="col-start-2 grow truncate">
             <slot v-if="hasDefaultSlot" />
             <template v-else>{{ text }}</template>
         </div>
diff --git a/resources/js/components/ui/Dropdown/Index.vue b/resources/js/components/ui/Dropdown/Index.vue
index 52d4dba6855..38e55a2a098 100644
--- a/resources/js/components/ui/Dropdown/Index.vue
+++ b/resources/js/components/ui/Dropdown/Index.vue
@@ -1,14 +1,9 @@
 <script setup>
 import { cva } from 'cva';
-import {
-    DropdownMenuContent,
-    DropdownMenuPortal,
-    DropdownMenuRoot,
-    DropdownMenuTrigger
-} from 'reka-ui';
+import { DropdownMenuContent, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger } from 'reka-ui';
 
 defineOptions({
-  inheritAttrs: false
+    inheritAttrs: false,
 });
 
 const props = defineProps({
@@ -20,26 +15,26 @@ const props = defineProps({
 const dropdownContentClasses = cva({
     base: [
         'rounded-xl w-64 bg-gray-50 dark:bg-gray-800 outline-hidden overflow-hidden group z-50',
-        'border border-gray-200 dark:border-black shadow-lg popoverAnimation'
+        'border border-gray-200 dark:border-black shadow-lg popoverAnimation',
     ],
 })({});
 </script>
 
 <template>
-<DropdownMenuRoot>
-    <DropdownMenuTrigger data-ui-dropdown-trigger>
-        <slot name="trigger" />
-    </DropdownMenuTrigger>
-    <DropdownMenuPortal>
-        <DropdownMenuContent
-            data-ui-dropdown-content
-            :class="[dropdownContentClasses, $attrs.class]"
-            :align
-            :sideOffset="offset"
-            :side
-        >
-            <slot />
-        </DropdownMenuContent>
-    </DropdownMenuPortal>
-</DropdownMenuRoot>
+    <DropdownMenuRoot>
+        <DropdownMenuTrigger data-ui-dropdown-trigger>
+            <slot name="trigger" />
+        </DropdownMenuTrigger>
+        <DropdownMenuPortal>
+            <DropdownMenuContent
+                data-ui-dropdown-content
+                :class="[dropdownContentClasses, $attrs.class]"
+                :align
+                :sideOffset="offset"
+                :side
+            >
+                <slot />
+            </DropdownMenuContent>
+        </DropdownMenuPortal>
+    </DropdownMenuRoot>
 </template>
diff --git a/resources/js/components/ui/Dropdown/Item.vue b/resources/js/components/ui/Dropdown/Item.vue
index 5016d753d24..776839d5633 100644
--- a/resources/js/components/ui/Dropdown/Item.vue
+++ b/resources/js/components/ui/Dropdown/Item.vue
@@ -10,22 +10,22 @@ defineProps({
 
 const slots = useSlots();
 const hasDefaultSlot = !!slots.default;
-
 </script>
 
 <template>
     <DropdownMenuItem
-        class="
-            col-span-2 grid grid-cols-subgrid items-center
-            py-1.5 px-1 rounded-lg text-sm antialiased
-            not-data-disabled:cursor-pointer data-disabled:opacity-50
-            hover:not-data-disabled:bg-gray-50 dark:hover:not-data-disabled:bg-gray-950
-            outline-hidden focus-visible:bg-gray-100 dark:focus-visible:bg-gray-950"
+        :class="[
+            'col-span-2 grid grid-cols-subgrid items-center',
+            'rounded-lg px-1 py-1.5 text-sm antialiased',
+            'not-data-disabled:cursor-pointer data-disabled:opacity-50',
+            'hover:not-data-disabled:bg-gray-50 dark:hover:not-data-disabled:bg-gray-950',
+            'outline-hidden focus-visible:bg-gray-100 dark:focus-visible:bg-gray-950',
+        ]"
         data-ui-dropdown-item
         :as="href ? 'a' : 'div'"
         :href="href"
     >
-        <div v-if="icon" class="size-6 flex items-center justify-center p-1 text-gray-500">
+        <div v-if="icon" class="flex size-6 items-center justify-center p-1 text-gray-500">
             <ui-icon :name="icon" class="size-3.5!" />
         </div>
         <div class="col-start-2 ps-2">
diff --git a/resources/js/components/ui/Dropdown/Label.vue b/resources/js/components/ui/Dropdown/Label.vue
index 8e32be51f16..0e5cdf43fe0 100644
--- a/resources/js/components/ui/Dropdown/Label.vue
+++ b/resources/js/components/ui/Dropdown/Label.vue
@@ -8,11 +8,13 @@ defineProps({
 
 const slots = useSlots();
 const hasDefaultSlot = !!slots.default;
-
 </script>
 
 <template>
-    <DropdownMenuLabel class="col-span-2 grid items-center py-2 px-1 rounded-lg text-xs text-gray-500 dark:text-gray-400 antialiased" data-ui-dropdown-label>
+    <DropdownMenuLabel
+        class="col-span-2 grid items-center rounded-lg px-1 py-2 text-xs text-gray-500 antialiased dark:text-gray-400"
+        data-ui-dropdown-label
+    >
         <slot v-if="hasDefaultSlot" />
         <template v-else>{{ text }}</template>
     </DropdownMenuLabel>
diff --git a/resources/js/components/ui/Dropdown/Menu.vue b/resources/js/components/ui/Dropdown/Menu.vue
index 6877e714bd1..2c2ddbba51c 100644
--- a/resources/js/components/ui/Dropdown/Menu.vue
+++ b/resources/js/components/ui/Dropdown/Menu.vue
@@ -1,5 +1,7 @@
 <template>
-    <div class="grid grid-cols-[auto_1fr] bg-white dark:bg-gray-900 p-1.5 rounded-b-xl group-has-data-ui-dropdown-footer:border-b border-gray-200 dark:border-black shadow-ui-xs overflow-hidden z-10">
+    <div
+        class="shadow-ui-xs z-10 grid grid-cols-[auto_1fr] overflow-hidden rounded-b-xl border-gray-200 bg-white p-1.5 group-has-data-ui-dropdown-footer:border-b dark:border-black dark:bg-gray-900"
+    >
         <slot />
     </div>
 </template>
diff --git a/resources/js/components/ui/Field.vue b/resources/js/components/ui/Field.vue
index a0e80beb252..5f9b03e7862 100644
--- a/resources/js/components/ui/Field.vue
+++ b/resources/js/components/ui/Field.vue
@@ -2,7 +2,7 @@
 import { cva } from 'cva';
 
 defineOptions({
-  inheritAttrs: false
+    inheritAttrs: false,
 });
 
 const props = defineProps({
@@ -17,21 +17,21 @@ const classes = cva({
         /* When label is followed by description */
         '*:data-ui-description:mb-2',
         /* Dim label when a child input control is disabled */
-        '[&:not(:has([data-ui-field])):has([data-ui-control][disabled])>[data-ui-label]]:opacity-50'
+        '[&:not(:has([data-ui-field])):has([data-ui-control][disabled])>[data-ui-label]]:opacity-50',
     ],
     variants: {
         variant: {
-            'block': 'w-full',
-            'inline': [
+            block: 'w-full',
+            inline: [
                 'grid gap-x-3 gap-y-1.5',
                 'has-[[data-ui-label]~[data-ui-control]]:grid-cols-[1fr_auto]',
                 'has-[[data-ui-control]~[data-ui-label]]:grid-cols-[auto_1fr]',
                 '[&>[data-ui-control]~[data-ui-description]]:row-start-2 [&>[data-ui-control]~[data-ui-description]]:col-start-2',
                 '[&>[data-ui-label]~[data-ui-control]]:row-start-1 [&>[data-ui-label]~[data-ui-control]]:col-start-2',
-            ]
-        }
-    }
-})({ ...props  });
+            ],
+        },
+    },
+})({ ...props });
 </script>
 
 <template>
diff --git a/resources/js/components/ui/Header.vue b/resources/js/components/ui/Header.vue
index fd33d1228d4..87ddcdacc29 100644
--- a/resources/js/components/ui/Header.vue
+++ b/resources/js/components/ui/Header.vue
@@ -1,11 +1,11 @@
 <script setup>
-    const props = defineProps({
-        title: {type: String, default: null }
-    });
+const props = defineProps({
+    title: { type: String, default: null },
+});
 </script>
 
 <template>
-    <header class="grid grid-cols-[1fr_auto] gap-4 py-8 items-center justify-between" data-ui-header>
+    <header class="grid grid-cols-[1fr_auto] items-center justify-between gap-4 py-8" data-ui-header>
         <h1 class="text-[25px] font-medium antialiased">
             <slot name="title">{{ title }}</slot>
         </h1>
diff --git a/resources/js/components/ui/Heading.vue b/resources/js/components/ui/Heading.vue
index f6ae596c8bf..5f90e2160a3 100644
--- a/resources/js/components/ui/Heading.vue
+++ b/resources/js/components/ui/Heading.vue
@@ -3,25 +3,25 @@ import { cva } from 'cva';
 import { computed, useSlots } from 'vue';
 
 const props = defineProps({
-    size: {type: String, default: 'base' },
-    level: {type: [Number, null], default: null},
-    text: {type: [String, null], default: null}
+    size: { type: String, default: 'base' },
+    level: { type: [Number, null], default: null },
+    text: { type: [String, null], default: null },
 });
 
 const slots = useSlots();
 const hasDefaultSlot = !!slots.default;
 
-const tag = computed(() => props.level ? `h${props.level}` : 'div');
+const tag = computed(() => (props.level ? `h${props.level}` : 'div'));
 
 const classes = cva({
     base: 'font-medium [&:has(+[data-ui-subheading])]:mb-2 antialiased not-prose',
     variants: {
         size: {
-            'base': 'text-sm text-gray-600 dark:text-white',
-            'lg': 'text-base text-gray-700 dark:text-white',
-            'xl': 'text-2xl text-gray-800 dark:text-white',
-        }
-    }
+            base: 'text-sm text-gray-600 dark:text-white',
+            lg: 'text-base text-gray-700 dark:text-white',
+            xl: 'text-2xl text-gray-800 dark:text-white',
+        },
+    },
 })({ ...props });
 </script>
 
diff --git a/resources/js/components/ui/Input/Group.vue b/resources/js/components/ui/Input/Group.vue
index fd471e371b8..5ca73859bf5 100644
--- a/resources/js/components/ui/Input/Group.vue
+++ b/resources/js/components/ui/Input/Group.vue
@@ -5,25 +5,24 @@ const props = defineProps({
     required: { type: Boolean, default: false },
     badge: { type: String, default: null },
 });
-
 </script>
 
 <template>
     <ui-with-field :label :description :required :badge>
         <div
-            class="
-                flex group/input w-full data-ui-input:*:grow
-                [&>[data-ui-input]:not(:first-child):not(:last-child)>[data-ui-group-target]:not([data-invalid])]:border-x-0
-                [&>[data-ui-input]:first-child:not(:last-child)>[data-ui-group-target]:not([data-invalid])]:border-e-0
-                [&>[data-ui-input]:last-child:not(:first-child)>[data-ui-group-target]:not([data-invalid])]:border-s-0
-
-                [&>[data-ui-group-target]:not(:first-child):not(:last-child)]:rounded-none
-                [&>[data-ui-group-target]:first-child:not(:last-child)]:rounded-e-none
-                [&>[data-ui-group-target]:last-child:not(:first-child)]:rounded-s-none
-                [&>*:not(:first-child):not(:last-child):not(:only-child)_[data-ui-group-target]]:rounded-none
-                [&>*:first-child:not(:last-child)_[data-ui-group-target]]:rounded-e-none
-                [&>*:last-child:not(:first-child)_[data-ui-group-target]]:rounded-s-none
-            "
+            :class="[
+                'group/input flex w-full data-ui-input:*:grow',
+                '[&>[data-ui-input]:not(:first-child):not(:last-child)>[data-ui-group-target]:not([data-invalid])]:border-x-0',
+                '[&>[data-ui-input]:first-child:not(:last-child)>[data-ui-group-target]:not([data-invalid])]:border-e-0',
+                '[&>[data-ui-input]:last-child:not(:first-child)>[data-ui-group-target]:not([data-invalid])]:border-s-0',
+                '',
+                '[&>[data-ui-group-target]:not(:first-child):not(:last-child)]:rounded-none',
+                '[&>[data-ui-group-target]:first-child:not(:last-child)]:rounded-e-none',
+                '[&>[data-ui-group-target]:last-child:not(:first-child)]:rounded-s-none',
+                '[&>*:not(:first-child):not(:last-child):not(:only-child)_[data-ui-group-target]]:rounded-none',
+                '[&>*:first-child:not(:last-child)_[data-ui-group-target]]:rounded-e-none',
+                '[&>*:last-child:not(:first-child)_[data-ui-group-target]]:rounded-s-none',
+            ]"
             data-ui-input-group
         >
             <slot />
diff --git a/resources/js/components/ui/Input/GroupAppend.vue b/resources/js/components/ui/Input/GroupAppend.vue
index 9076d0f8464..845a4897655 100644
--- a/resources/js/components/ui/Input/GroupAppend.vue
+++ b/resources/js/components/ui/Input/GroupAppend.vue
@@ -1,13 +1,13 @@
 <template>
-        <div
-            class="
-                flex items-center justify-center
-                shadow-ui-sm disabled:shadow-none
-                bg-gray-50 dark:bg-gray-950 border border-gray-300 dark:border-white/10 text-gray-600 dark:text-gray-300 antialiased
-                text-base rounded-e-lg px-3 h-10 leading-[1.375rem]
-            "
-            data-ui-input-group-append
-        >
-            <slot />
+    <div
+        :class="[
+            'flex items-center justify-center',
+            'shadow-ui-sm disabled:shadow-none',
+            'border border-gray-300 bg-gray-50 text-gray-600 antialiased dark:border-white/10 dark:bg-gray-950 dark:text-gray-300',
+            'h-10 rounded-e-lg px-3 text-base leading-[1.375rem]',
+        ]"
+        data-ui-input-group-append
+    >
+        <slot />
     </div>
 </template>
diff --git a/resources/js/components/ui/Input/GroupPrepend.vue b/resources/js/components/ui/Input/GroupPrepend.vue
index 71efd6134b1..2fce62a1d19 100644
--- a/resources/js/components/ui/Input/GroupPrepend.vue
+++ b/resources/js/components/ui/Input/GroupPrepend.vue
@@ -1,13 +1,13 @@
 <template>
-        <div
-            class="
-                flex items-center justify-center
-                shadow-ui-sm disabled:shadow-none
-                bg-gray-50 dark:bg-gray-950 border border-gray-300 dark:border-white/10 text-gray-600 dark:text-gray-300 antialiased
-                text-base rounded-s-lg px-3 h-10 leading-[1.375rem]
-            "
-            data-ui-input-group-prepend
-        >
-            <slot />
+    <div
+        :class="[
+            'flex items-center justify-center',
+            'shadow-ui-sm disabled:shadow-none',
+            'border border-gray-300 bg-gray-50 text-gray-600 antialiased dark:border-white/10 dark:bg-gray-950 dark:text-gray-300',
+            'h-10 rounded-s-lg px-3 text-base leading-[1.375rem]',
+        ]"
+        data-ui-input-group-prepend
+    >
+        <slot />
     </div>
 </template>
diff --git a/resources/js/components/ui/Input/Index.vue b/resources/js/components/ui/Input/Index.vue
index 97e14b99b2a..99d832b444b 100644
--- a/resources/js/components/ui/Input/Index.vue
+++ b/resources/js/components/ui/Input/Index.vue
@@ -21,7 +21,7 @@ const props = defineProps({
     type: { type: String, default: 'text' },
     viewable: { type: Boolean, default: false },
     prepend: { type: String, default: null },
-    append: { type: String, default: null }
+    append: { type: String, default: null },
 });
 
 const hasPrependedIcon = !!props.iconPrepend || !!props.icon || !!slots.prepend;
@@ -39,7 +39,7 @@ const inputClasses = computed(() => {
             size: {
                 base: 'text-base rounded-lg px-3 py-2 h-10 leading-[1.375rem]',
                 sm: 'text-sm rounded-md px-2.5 py-1.5 h-8 leading-[1.125rem]',
-                xs: 'text-xs rounded-xs px-2 py-1.5 h-6 leading-[1.125rem]'
+                xs: 'text-xs rounded-xs px-2 py-1.5 h-6 leading-[1.125rem]',
             },
         },
         compoundVariants: [
@@ -49,7 +49,7 @@ const inputClasses = computed(() => {
             { hasAppendedIcon: true, size: 'base', class: 'pe-10' },
             { hasAppendedIcon: true, size: 'sm', class: 'pe-8' },
             { hasAppendedIcon: true, size: 'xs', class: 'pe-6' },
-        ]
+        ],
     })({
         ...props,
         hasPrependedIcon: hasPrependedIcon,
@@ -59,14 +59,13 @@ const inputClasses = computed(() => {
     return twMerge(classes);
 });
 
-
 const iconClasses = cva({
     base: 'absolute top-0 bottom-0 flex items-center justify-center text-xs text-gray-400/75',
     variants: {
         size: {
             base: '[&_svg]:size-4',
             sm: '[&_svg]:size-3.5',
-            xs: '[&_svg]:size-3'
+            xs: '[&_svg]:size-3',
         },
     },
     compoundVariants: [
@@ -76,7 +75,7 @@ const iconClasses = cva({
         { size: 'base', hasAppendedIcon: true, class: 'pe-3 has-[button]:pe-1 end-0' },
         { size: 'sm', hasAppendedIcon: true, class: 'pe-2 has-[button]:pe-1 end-0' },
         { size: 'xs', hasAppendedIcon: true, class: 'pe-1.5 has-[button]:pe-0 end-0' },
-    ]
+    ],
 })({
     ...props,
     hasPrependedIcon: hasPrependedIcon,
@@ -98,13 +97,13 @@ const copy = () => {
     if (!props.modelValue) return;
     navigator.clipboard.writeText('props.modelValue');
     copied.value = true;
-    setTimeout(() => copied.value = false, 1000);
+    setTimeout(() => (copied.value = false), 1000);
 };
 </script>
 
 <template>
     <ui-with-field :label :description :required :badge>
-        <div class="w-full relative block group/input" data-ui-input>
+        <div class="group/input relative block w-full" data-ui-input>
             <div v-if="hasPrependedIcon" :class="iconClasses">
                 <slot name="prepend">
                     <ui-icon :name="iconPrepend || icon" />
@@ -123,8 +122,22 @@ const copy = () => {
             <div v-if="hasAppendedIcon" :class="iconClasses">
                 <slot name="append">
                     <ui-button size="sm" icon="x" variant="ghost" v-if="clearable" @click="clear" />
-                    <ui-button size="sm" :icon="inputType === 'password' ? 'eye' : 'eye-closed'" variant="ghost" v-else-if="viewable" @click="togglePassword" />
-                    <ui-button size="sm" :icon="copied ? 'clipboard-check' : 'clipboard'" variant="ghost" v-else-if="copyable" @click="copy" class="animate" :class="copied ? 'animate-wiggle' : ''" />
+                    <ui-button
+                        size="sm"
+                        :icon="inputType === 'password' ? 'eye' : 'eye-closed'"
+                        variant="ghost"
+                        v-else-if="viewable"
+                        @click="togglePassword"
+                    />
+                    <ui-button
+                        size="sm"
+                        :icon="copied ? 'clipboard-check' : 'clipboard'"
+                        variant="ghost"
+                        v-else-if="copyable"
+                        @click="copy"
+                        class="animate"
+                        :class="copied ? 'animate-wiggle' : ''"
+                    />
                     <ui-icon v-else :name="iconAppend" />
                 </slot>
             </div>
diff --git a/resources/js/components/ui/Label.vue b/resources/js/components/ui/Label.vue
index a9c8015d669..342e123eee5 100644
--- a/resources/js/components/ui/Label.vue
+++ b/resources/js/components/ui/Label.vue
@@ -7,16 +7,19 @@ const hasDefaultSlot = !!slots.default;
 const props = defineProps({
     badge: { type: String, default: '' },
     required: { type: Boolean, default: false },
-    text: { type: String, default: null }
+    text: { type: String, default: null },
 });
 </script>
 
 <template>
-    <label class="flex justify-between text-sm font-medium text-gray-800 dark:text-gray-300 antialiased select-none" data-ui-label>
+    <label
+        class="flex justify-between text-sm font-medium text-gray-800 antialiased select-none dark:text-gray-300"
+        data-ui-label
+    >
         <div>
             <slot v-if="hasDefaultSlot" />
             <template v-else>{{ text }}</template>
-            <span v-if="required" class="text-red-600 ms-0.5 relative -top-px">*</span>
+            <span v-if="required" class="relative -top-px ms-0.5 text-red-600">*</span>
         </div>
         <ui-badge v-if="badge" :text="badge" variant="flat" />
     </label>
diff --git a/resources/js/components/ui/Modal/Index.vue b/resources/js/components/ui/Modal/Index.vue
index 7f5401c796e..38d259d4cc2 100644
--- a/resources/js/components/ui/Modal/Index.vue
+++ b/resources/js/components/ui/Modal/Index.vue
@@ -35,7 +35,7 @@ const modalClasses = cva({
             />
             <DialogContent :class="[modalClasses, $attrs.class]" data-ui-modal-content :aria-describedby="undefined">
                 <div
-                    class="dark:inset-shadow-2xs dark:inset-shadow-white/15 relative space-y-3 rounded-xl border border-gray-400/60 bg-white p-4 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:border-none dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)]"
+                    class="relative space-y-3 rounded-xl border border-gray-400/60 bg-white p-4 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:border-none dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/15"
                 >
                     <DialogTitle v-if="!hasModalTitleComponent" data-ui-modal-title>
                         {{ title }}
diff --git a/resources/js/components/ui/Modal/Title.vue b/resources/js/components/ui/Modal/Title.vue
index 7f21e6e9f04..b6c4838e922 100644
--- a/resources/js/components/ui/Modal/Title.vue
+++ b/resources/js/components/ui/Modal/Title.vue
@@ -3,7 +3,7 @@ import { DialogTitle } from 'reka-ui';
 import { defineOptions } from 'vue';
 
 defineOptions({
-  name: 'ModalTitle',
+    name: 'ModalTitle',
 });
 </script>
 
diff --git a/resources/js/components/ui/Panel/Header.vue b/resources/js/components/ui/Panel/Header.vue
index 5761680106e..58d46f491fd 100644
--- a/resources/js/components/ui/Panel/Header.vue
+++ b/resources/js/components/ui/Panel/Header.vue
@@ -1,7 +1,7 @@
 <script setup>
-    const props = defineProps({
-        title: {type: String, default: null }
-    });
+const props = defineProps({
+    title: { type: String, default: null },
+});
 </script>
 
 <template>
diff --git a/resources/js/components/ui/Panel/Index.vue b/resources/js/components/ui/Panel/Index.vue
index 3a6c973329a..2f3fc7f29db 100644
--- a/resources/js/components/ui/Panel/Index.vue
+++ b/resources/js/components/ui/Panel/Index.vue
@@ -1,8 +1,9 @@
 <template>
-    <div class="
-            bg-gray-100 dark:bg-black/25 dark:border-b dark:border-white/13 dark:inset-shadow-2xs dark:inset-shadow-black
-            rounded-[.825rem] px-1 py-1.25 w-full not-prose
-        "
+    <div
+        :class="[
+            'bg-gray-100 dark:border-b dark:border-white/13 dark:bg-black/25 dark:inset-shadow-2xs dark:inset-shadow-black',
+            'not-prose w-full rounded-[.825rem] px-1 py-1.25',
+        ]"
         data-ui-panel
     >
         <slot />
diff --git a/resources/js/components/ui/Popover.vue b/resources/js/components/ui/Popover.vue
index 1ed090261f1..2b4d41ba418 100644
--- a/resources/js/components/ui/Popover.vue
+++ b/resources/js/components/ui/Popover.vue
@@ -3,7 +3,7 @@ import { cva } from 'cva';
 import { PopoverArrow, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from 'reka-ui';
 
 defineOptions({
-  inheritAttrs: false
+    inheritAttrs: false,
 });
 
 const props = defineProps({
@@ -23,32 +23,32 @@ const popoverContentClasses = cva({
         'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
         'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
         'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2',
-        'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2'
+        'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
     ],
     variants: {
-        inset: { true: 'inset-0', false: 'p-4' }
-    }
+        inset: { true: 'inset-0', false: 'p-4' },
+    },
 })({
     ...props,
 });
 </script>
 
 <template>
-<PopoverRoot>
-    <PopoverTrigger data-ui-popover-trigger>
-        <slot name="trigger" />
-    </PopoverTrigger>
-    <PopoverPortal>
-        <PopoverContent
-            data-ui-popover-content
-            :class="[popoverContentClasses, $attrs.class]"
-            :align
-            :sideOffset="offset"
-            :side
-        >
-            <slot />
-            <PopoverArrow v-if="arrow" class="fill-white stroke-gray-300" />
-        </PopoverContent>
-    </PopoverPortal>
-</PopoverRoot>
+    <PopoverRoot>
+        <PopoverTrigger data-ui-popover-trigger>
+            <slot name="trigger" />
+        </PopoverTrigger>
+        <PopoverPortal>
+            <PopoverContent
+                data-ui-popover-content
+                :class="[popoverContentClasses, $attrs.class]"
+                :align
+                :sideOffset="offset"
+                :side
+            >
+                <slot />
+                <PopoverArrow v-if="arrow" class="fill-white stroke-gray-300" />
+            </PopoverContent>
+        </PopoverPortal>
+    </PopoverRoot>
 </template>
diff --git a/resources/js/components/ui/Radio/Group.vue b/resources/js/components/ui/Radio/Group.vue
index 1a22b862a2c..89c49709dca 100644
--- a/resources/js/components/ui/Radio/Group.vue
+++ b/resources/js/components/ui/Radio/Group.vue
@@ -26,8 +26,8 @@ defineExpose({ focus });
             :modelValue="modelValue"
             @update:modelValue="$emit('update:modelValue', $event)"
             :name="name"
-            class="w-full relative block space-y-2"
-            :class="{ 'flex flex-wrap gap-x-4 gap-y-2 space-y-0': inline }"
+            class="relative block w-full space-y-2"
+            :class="{ 'flex flex-wrap space-y-0 gap-x-4 gap-y-2': inline }"
             data-ui-input
         >
             <slot />
diff --git a/resources/js/components/ui/Radio/Item.vue b/resources/js/components/ui/Radio/Item.vue
index feb952ebc97..bb7616b15b8 100644
--- a/resources/js/components/ui/Radio/Item.vue
+++ b/resources/js/components/ui/Radio/Item.vue
@@ -16,17 +16,17 @@ const id = useId();
         <RadioGroupItem
             :id
             :value="value"
-            class="bg-white size-4 mt-0.5 rounded-full border border-gray-300 dark:border-none data-[active=true]:border-gray-900 data-[active=true]:bg-gray-900 dark:data-[active=true]:bg-white shadow-ui-xs outline-hidden cursor-default"
+            class="shadow-ui-xs mt-0.5 size-4 cursor-default rounded-full border border-gray-300 bg-white outline-hidden data-[active=true]:border-gray-900 data-[active=true]:bg-gray-900 dark:border-none dark:data-[active=true]:bg-white"
         >
             <RadioGroupIndicator
-                class="flex items-center justify-center w-full h-full relative after:content-[''] after:block after:w-1.5 after:h-1.5 after:rounded-[50%] after:bg-white dark:after:bg-gray-800"
+                class="relative flex h-full w-full items-center justify-center after:block after:h-1.5 after:w-1.5 after:rounded-[50%] after:bg-white after:content-[''] dark:after:bg-gray-800"
             />
         </RadioGroupItem>
         <label class="flex flex-col" :for="id">
-            <span class="text-gray-600 dark:text-gray-400 font-normal antialiased text-sm">
+            <span class="text-sm font-normal text-gray-600 antialiased dark:text-gray-400">
                 <slot>{{ label || value }}</slot>
             </span>
-            <span v-if="description" class="block text-xs text-gray-500 mt-0.5 leading-snug">{{ description }}</span>
+            <span v-if="description" class="mt-0.5 block text-xs leading-snug text-gray-500">{{ description }}</span>
         </label>
     </div>
 </template>
diff --git a/resources/js/components/ui/Select/Index.vue b/resources/js/components/ui/Select/Index.vue
index b74320083bb..4baabf84ef7 100644
--- a/resources/js/components/ui/Select/Index.vue
+++ b/resources/js/components/ui/Select/Index.vue
@@ -17,7 +17,7 @@ defineEmits(['update:modelValue']);
 const props = defineProps({
     description: { type: String, default: null },
     label: { type: String, default: null },
-    modelValue: { type: Object|String, default: null },
+    modelValue: { type: Object | String, default: null },
     size: { type: String, default: 'base' },
     placeholder: { type: String, default: 'Select...' },
     options: { type: Array, default: null },
@@ -25,26 +25,25 @@ const props = defineProps({
 });
 
 defineOptions({
-  inheritAttrs: false
+    inheritAttrs: false,
 });
 
 const attrs = useAttrs();
 
-
 const triggerClasses = cva({
     base: 'w-full flex items-center justify-between border border-gray-300 dark:border-b-0 dark:ring-3 dark:ring-gray-900 dark:border-white/15 text-gray-600 dark:text-gray-300 antialiased appearance-none shadow-ui-sm dark:shadow-md not-prose',
     variants: {
         size: {
             base: 'text-base rounded-lg ps-3 py-2 h-10 leading-[1.375rem]',
             sm: 'text-sm rounded-md ps-2.5 py-1.5 h-8 leading-[1.125rem]',
-            xs: 'text-xs rounded-xs ps-2 py-1.5 h-6 leading-[1.125rem]'
+            xs: 'text-xs rounded-xs ps-2 py-1.5 h-6 leading-[1.125rem]',
         },
         flat: {
             true: 'shadow-none',
-            false: 'bg-linear-to-b from-white to-gray-50 hover:to-gray-100 dark:from-gray-800/30 dark:to-gray-800 dark:hover:to-gray-850 shadow-ui-sm'
-        }
-    }
-})({ size: props.size, flat: props.flat })
+            false: 'bg-linear-to-b from-white to-gray-50 hover:to-gray-100 dark:from-gray-800/30 dark:to-gray-800 dark:hover:to-gray-850 shadow-ui-sm',
+        },
+    },
+})({ size: props.size, flat: props.flat });
 
 const itemClasses = cva({
     base: 'antialiased rounded-lg py-1.5 px-2 flex items-center gap-2 text-gray-600 dark:text-gray-300 relative select-none data-disabled:text-gray-300 data-disabled:pointer-events-none data-highlighted:outline-hidden data-highlighted:bg-gray-50 data-highlighted:text-gray-900 dark:data-highlighted:bg-gray-700 dark:data-highlighted:text-gray-300',
@@ -52,10 +51,10 @@ const itemClasses = cva({
         size: {
             base: '',
             sm: 'text-sm',
-            xs: 'text-xs'
+            xs: 'text-xs',
         },
     },
-})({ size: props.size })
+})({ size: props.size });
 </script>
 
 <template>
@@ -70,10 +69,10 @@ const itemClasses = cva({
                 <SelectContent
                     position="popper"
                     :side-offset="5"
-                    class="
-                        bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-white/10 shadow-ui-sm p-2 z-100
-                        w-[var(--reka-select-trigger-width)] max-h-[var(--reka-select-content-available-height)]
-                    "
+                    :class="[
+                        'shadow-ui-sm z-100 rounded-lg border border-gray-200 bg-white p-2 dark:border-white/10 dark:bg-gray-800',
+                        'max-h-[var(--reka-select-content-available-height)] w-[var(--reka-select-trigger-width)]',
+                    ]"
                 >
                     <SelectViewport>
                         <SelectItem
diff --git a/resources/js/components/ui/Separator.vue b/resources/js/components/ui/Separator.vue
index ade9cbd1e17..74beef0d2db 100644
--- a/resources/js/components/ui/Separator.vue
+++ b/resources/js/components/ui/Separator.vue
@@ -12,19 +12,18 @@ const classes = cva({
         text: { true: 'before:me-4 after:ms-4 antialiased' },
         vertical: {
             true: 'inline-block h-full bg-gray-300 dark:bg-gray-600 self-center w-px',
-            false: 'flex w-full items-center text-center text-gray-400 dark:text-gray-500 text-sm my-4 before:flex-1 after:flex-1'
+            false: 'flex w-full items-center text-center text-gray-400 dark:text-gray-500 text-sm my-4 before:flex-1 after:flex-1',
         },
         variant: {
             line: 'before:bg-gray-300 after:bg-gray-300 before:h-px after:h-px dark:before:bg-gray-600 dark:after:bg-gray-600',
             dots: 'dotted-line',
-        }
-    }
+        },
+    },
 })({
     text: !!props.text,
     variant: props.variant,
     vertical: props.vertical,
 });
-
 </script>
 
 <template>
@@ -32,7 +31,6 @@ const classes = cva({
 </template>
 
 <style scoped>
-
 .dotted-line::before,
 .dotted-line::after {
     background: linear-gradient(90deg, var(--color-gray-400) 1.5px, transparent 1.5px) 50% 50% / 8px 1.5px repeat-x;
@@ -44,5 +42,4 @@ const classes = cva({
     background: linear-gradient(90deg, var(--color-gray-600) 1.5px, transparent 1.5px) 50% 50% / 8px 1.5px repeat-x;
     height: 1.5px;
 }
-
 </style>
diff --git a/resources/js/components/ui/Slider.vue b/resources/js/components/ui/Slider.vue
index 3657c949f30..300b4781589 100644
--- a/resources/js/components/ui/Slider.vue
+++ b/resources/js/components/ui/Slider.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { useId } from 'vue';
-import { SliderRange, SliderRoot, SliderThumb, SliderTrack } from 'reka-ui'
+import { SliderRange, SliderRoot, SliderThumb, SliderTrack } from 'reka-ui';
 
 defineProps({
     description: { type: String, default: null },
@@ -16,18 +16,18 @@ defineEmits(['update:modelValue']);
     <ui-with-field :label :description :required variant="inline" :for="id">
         <SliderRoot
             data-ui-control
-            class="relative flex items-center select-none touch-none w-full h-5"
+            class="relative flex h-5 w-full touch-none items-center select-none"
             :id
             :max="100"
             :step="1"
             v-model="sliderValue"
             @update:checked="$emit('update:modelValue', $event)"
         >
-            <SliderTrack class="bg-gray-200/80 relative grow rounded-full h-2">
-                <SliderRange class="absolute bg-slate-900 rounded-full h-full" />
+            <SliderTrack class="relative h-2 grow rounded-full bg-gray-200/80">
+                <SliderRange class="absolute h-full rounded-full bg-slate-900" />
             </SliderTrack>
             <SliderThumb
-                class="block w-5 h-5 bg-white rounded-full hover:bg-gray-50 border-2 border-gray-900 shadow-ui-sm focus:outline-hidden focus:shadow-ui-md"
+                class="shadow-ui-sm focus:shadow-ui-md block h-5 w-5 rounded-full border-2 border-gray-900 bg-white hover:bg-gray-50 focus:outline-hidden"
                 :aria-label="label"
             />
         </SliderRoot>
diff --git a/resources/js/components/ui/Splitter/Group.vue b/resources/js/components/ui/Splitter/Group.vue
index 821956df026..479b52045c5 100644
--- a/resources/js/components/ui/Splitter/Group.vue
+++ b/resources/js/components/ui/Splitter/Group.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { SplitterGroup } from 'reka-ui'
+import { SplitterGroup } from 'reka-ui';
 
 defineProps({
     direction: { type: String, default: 'horizontal' },
@@ -7,7 +7,7 @@ defineProps({
 </script>
 
 <template>
-<SplitterGroup :direction>
-    <slot />
-</SplitterGroup>
+    <SplitterGroup :direction>
+        <slot />
+    </SplitterGroup>
 </template>
diff --git a/resources/js/components/ui/Splitter/Panel.vue b/resources/js/components/ui/Splitter/Panel.vue
index 9ed549be106..17b4a112ca4 100644
--- a/resources/js/components/ui/Splitter/Panel.vue
+++ b/resources/js/components/ui/Splitter/Panel.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { SplitterPanel } from 'reka-ui'
+import { SplitterPanel } from 'reka-ui';
 
 defineProps({
     collapsible: { type: Boolean, default: false },
@@ -9,7 +9,7 @@ defineProps({
 </script>
 
 <template>
-<SplitterPanel :min-size :collapsible class="">
-    <slot />
-</SplitterPanel>
+    <SplitterPanel :min-size :collapsible class="">
+        <slot />
+    </SplitterPanel>
 </template>
diff --git a/resources/js/components/ui/Splitter/ResizeHandle.vue b/resources/js/components/ui/Splitter/ResizeHandle.vue
index 8f99b98a7f0..7eef7143092 100644
--- a/resources/js/components/ui/Splitter/ResizeHandle.vue
+++ b/resources/js/components/ui/Splitter/ResizeHandle.vue
@@ -1,7 +1,7 @@
 <script setup>
-import { SplitterResizeHandle } from 'reka-ui'
+import { SplitterResizeHandle } from 'reka-ui';
 </script>
 
 <template>
-<SplitterResizeHandle />
+    <SplitterResizeHandle />
 </template>
diff --git a/resources/js/components/ui/Subheading.vue b/resources/js/components/ui/Subheading.vue
index 031f25c7279..5896c027d2d 100644
--- a/resources/js/components/ui/Subheading.vue
+++ b/resources/js/components/ui/Subheading.vue
@@ -2,19 +2,19 @@
 import { cva } from 'cva';
 
 const props = defineProps({
-    size: { type: String, default: 'base' }
+    size: { type: String, default: 'base' },
 });
 
 const classes = cva({
     base: 'text-gray-500 not-prose',
     variants: {
         size: {
-            'sm': 'text-xs',
-            'base': 'text-sm',
-            'lg': 'text-base',
-            'xl': 'text-lg',
-        }
-    }
+            sm: 'text-xs',
+            base: 'text-sm',
+            lg: 'text-base',
+            xl: 'text-lg',
+        },
+    },
 })({ ...props });
 </script>
 
diff --git a/resources/js/components/ui/Switch.vue b/resources/js/components/ui/Switch.vue
index c6e45198b26..d09efb54cfd 100644
--- a/resources/js/components/ui/Switch.vue
+++ b/resources/js/components/ui/Switch.vue
@@ -19,22 +19,22 @@ defineEmits(['update:modelValue']);
             :checked="modelValue"
             :id
             @update:checked="$emit('update:modelValue', $event)"
-            class="
-                relative flex h-[20px] w-[32px] rounded-full border
-                transition-[background] focus-within:outline-hidden
-                data-[state=checked]:border-gray-700
-                data-[state=checked]:bg-gray-800
-                data-[state=unchecked]:border-transparent
-                data-[state=unchecked]:bg-gray-400
-            "
+            :class="[
+                'relative flex h-[20px] w-[32px] rounded-full border',
+                'transition-[background] focus-within:outline-hidden',
+                'data-[state=checked]:border-gray-700',
+                'data-[state=checked]:bg-gray-800',
+                'data-[state=unchecked]:border-transparent',
+                'data-[state=unchecked]:bg-gray-400',
+            ]"
             data-ui-control
             dir="ltr"
         >
             <SwitchThumb
-                class="
-                    my-auto flex size-3.5 translate-x-0.5 items-center justify-center rounded-full bg-white text-xs shadow-xl transition-transform will-change-transform
-                    data-[state=checked]:translate-x-full
-                "
+                :class="[
+                    'my-auto flex size-3.5 translate-x-0.5 items-center justify-center rounded-full bg-white text-xs shadow-xl transition-transform will-change-transform',
+                    'data-[state=checked]:translate-x-full',
+                ]"
             />
         </SwitchRoot>
     </ui-with-field>
diff --git a/resources/js/components/ui/Table/Cell.vue b/resources/js/components/ui/Table/Cell.vue
index a0714f02dd6..445205e83ab 100644
--- a/resources/js/components/ui/Table/Cell.vue
+++ b/resources/js/components/ui/Table/Cell.vue
@@ -1,5 +1,5 @@
 <template>
-  <td class="p-3 text-sm text-left first:pl-0 last:pr-0">
-    <slot />
-  </td>
+    <td class="p-3 text-left text-sm first:pl-0 last:pr-0">
+        <slot />
+    </td>
 </template>
diff --git a/resources/js/components/ui/Table/Column.vue b/resources/js/components/ui/Table/Column.vue
index 1b9db52d8c7..83b59f92922 100644
--- a/resources/js/components/ui/Table/Column.vue
+++ b/resources/js/components/ui/Table/Column.vue
@@ -1,5 +1,5 @@
 <template>
-  <th class="p-3 first:pl-0 last:pr-0 text-left text-sm font-medium text-gray-800 dark:text-gray-300 antialiased">
-    <slot />
-  </th>
+    <th class="p-3 text-left text-sm font-medium text-gray-800 antialiased first:pl-0 last:pr-0 dark:text-gray-300">
+        <slot />
+    </th>
 </template>
diff --git a/resources/js/components/ui/Table/Columns.vue b/resources/js/components/ui/Table/Columns.vue
index e389f0a4fb9..91f3ee04c82 100644
--- a/resources/js/components/ui/Table/Columns.vue
+++ b/resources/js/components/ui/Table/Columns.vue
@@ -1,7 +1,7 @@
 <template>
-  <thead>
-    <tr>
-      <slot />
-    </tr>
-  </thead>
+    <thead>
+        <tr>
+            <slot />
+        </tr>
+    </thead>
 </template>
diff --git a/resources/js/components/ui/Table/Index.vue b/resources/js/components/ui/Table/Index.vue
index bcc280732ec..f50e2ff4db5 100644
--- a/resources/js/components/ui/Table/Index.vue
+++ b/resources/js/components/ui/Table/Index.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="w-full overflow-auto">
-    <table class="w-full text-sm divide-y divide-gray-800/10 dark:divide-white/20 [&:not(:has(*))]:border-t-0!">
-      <slot />
-    </table>
-  </div>
+    <div class="w-full overflow-auto">
+        <table class="w-full divide-y divide-gray-800/10 text-sm dark:divide-white/20 [&:not(:has(*))]:border-t-0!">
+            <slot />
+        </table>
+    </div>
 </template>
diff --git a/resources/js/components/ui/Table/Row.vue b/resources/js/components/ui/Table/Row.vue
index 7cc1a6222d5..183975ae1e2 100644
--- a/resources/js/components/ui/Table/Row.vue
+++ b/resources/js/components/ui/Table/Row.vue
@@ -1,5 +1,5 @@
 <template>
-  <tr class="border-b border-gray-200 dark:border-gray-700">
-    <slot />
-  </tr>
+    <tr class="border-b border-gray-200 dark:border-gray-700">
+        <slot />
+    </tr>
 </template>
diff --git a/resources/js/components/ui/Table/Rows.vue b/resources/js/components/ui/Table/Rows.vue
index d4d52407b7b..be37eff49ce 100644
--- a/resources/js/components/ui/Table/Rows.vue
+++ b/resources/js/components/ui/Table/Rows.vue
@@ -1,5 +1,5 @@
 <template>
-  <tbody class="[&_tr:last-child]:border-0">
-    <slot />
-  </tbody>
+    <tbody class="[&_tr:last-child]:border-0">
+        <slot />
+    </tbody>
 </template>
diff --git a/resources/js/components/ui/Tabs/Content.vue b/resources/js/components/ui/Tabs/Content.vue
index 01d1fe891d0..6dfd73502d2 100644
--- a/resources/js/components/ui/Tabs/Content.vue
+++ b/resources/js/components/ui/Tabs/Content.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { TabsContent } from 'reka-ui'
+import { TabsContent } from 'reka-ui';
 
 defineProps({
     name: { type: String, default: null },
@@ -7,7 +7,7 @@ defineProps({
 </script>
 
 <template>
-<TabsContent :value="name">
-    <slot />
-</TabsContent>
+    <TabsContent :value="name">
+        <slot />
+    </TabsContent>
 </template>
diff --git a/resources/js/components/ui/Tabs/Index.vue b/resources/js/components/ui/Tabs/Index.vue
index 95feff0b96a..1ee8f358fa9 100644
--- a/resources/js/components/ui/Tabs/Index.vue
+++ b/resources/js/components/ui/Tabs/Index.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { TabsRoot } from 'reka-ui'
+import { TabsRoot } from 'reka-ui';
 
 defineProps({
     defaultTab: { type: String, default: null },
@@ -7,7 +7,7 @@ defineProps({
 </script>
 
 <template>
-  <TabsRoot :default-value="defaultTab">
-    <slot />
-  </TabsRoot>
+    <TabsRoot :default-value="defaultTab">
+        <slot />
+    </TabsRoot>
 </template>
diff --git a/resources/js/components/ui/Tabs/Indicator.vue b/resources/js/components/ui/Tabs/Indicator.vue
index 78b1364bd07..99bd01aebe4 100644
--- a/resources/js/components/ui/Tabs/Indicator.vue
+++ b/resources/js/components/ui/Tabs/Indicator.vue
@@ -1,11 +1,11 @@
 <script setup>
-import { TabsIndicator } from 'reka-ui'
+import { TabsIndicator } from 'reka-ui';
 
 defineOptions({
     name: 'TabsIndicator',
-})
+});
 </script>
 
 <template>
-<TabsIndicator />
+    <TabsIndicator />
 </template>
diff --git a/resources/js/components/ui/Tabs/Trigger.vue b/resources/js/components/ui/Tabs/Trigger.vue
index 5b3ae404177..ba65609b3ad 100644
--- a/resources/js/components/ui/Tabs/Trigger.vue
+++ b/resources/js/components/ui/Tabs/Trigger.vue
@@ -1,6 +1,6 @@
 <script setup>
-import { TabsTrigger } from 'reka-ui'
-import { useSlots } from 'vue'
+import { TabsTrigger } from 'reka-ui';
+import { useSlots } from 'vue';
 
 const slots = useSlots();
 const hasSlot = !!slots.default;
@@ -12,8 +12,11 @@ defineProps({
 </script>
 
 <template>
-<TabsTrigger :value="name" class="pb-1 hover:text-gray-600 dark:hover:text-gray-400 cursor-pointer data-[state=active]:text-gray-800 dark:data-[state=active]:text-gray-200">
-    <slot v-if="hasSlot" />
-    <span v-else>{{ text }}</span>
-</TabsTrigger>
+    <TabsTrigger
+        :value="name"
+        class="cursor-pointer pb-1 hover:text-gray-600 data-[state=active]:text-gray-800 dark:hover:text-gray-400 dark:data-[state=active]:text-gray-200"
+    >
+        <slot v-if="hasSlot" />
+        <span v-else>{{ text }}</span>
+    </TabsTrigger>
 </template>
diff --git a/resources/js/components/ui/Textarea.vue b/resources/js/components/ui/Textarea.vue
index 87259a5ee4b..850a3574586 100644
--- a/resources/js/components/ui/Textarea.vue
+++ b/resources/js/components/ui/Textarea.vue
@@ -23,21 +23,21 @@ const classes = cva({
     ],
     variants: {
         resize: {
-            'both': 'resize',
-            'horizontal': 'resize-x',
-            'vertical': 'resize-y',
-            'none': 'resize-none',
+            both: 'resize',
+            horizontal: 'resize-x',
+            vertical: 'resize-y',
+            none: 'resize-none',
         },
         elastic: {
-            true: 'field-sizing-content'
-        }
-    }
+            true: 'field-sizing-content',
+        },
+    },
 })({ ...props });
 </script>
 
 <template>
     <ui-with-field :label="label" :description="description" :required="required">
-        <div class="w-full relative block group/input" data-ui-input>
+        <div class="group/input relative block w-full" data-ui-input>
             <textarea
                 :class="classes"
                 :rows="rows"
@@ -46,11 +46,8 @@ const classes = cva({
                 data-ui-control
                 @input="$emit('update:modelValue', $event.target.value)"
             />
-            <div class="absolute bottom-2 right-2" v-if="limit">
-                <ui-character-counter
-                    :text="modelValue"
-                    :limit
-                />
+            <div class="absolute right-2 bottom-2" v-if="limit">
+                <ui-character-counter :text="modelValue" :limit />
             </div>
         </div>
     </ui-with-field>
diff --git a/resources/js/components/ui/ThemeSwitcher.vue b/resources/js/components/ui/ThemeSwitcher.vue
index e859c6b0e8b..d11755ee251 100644
--- a/resources/js/components/ui/ThemeSwitcher.vue
+++ b/resources/js/components/ui/ThemeSwitcher.vue
@@ -1,90 +1,94 @@
 <template>
-  <ui-button @click="toggleTheme" class="w-10">
-    <svg
-      v-if="isDark"
-      xmlns="http://www.w3.org/2000/svg"
-      class="h-5 w-5 transform transition-transform duration-300"
-      viewBox="0 0 20 20"
-      fill="currentColor"
-    >
-      <path fill-rule="evenodd" d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" clip-rule="evenodd" />
-    </svg>
-    <svg
-      v-else
-      xmlns="http://www.w3.org/2000/svg"
-      class="h-5 w-5 transform transition-transform duration-300"
-      viewBox="0 0 20 20"
-      fill="currentColor"
-    >
-      <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" />
-    </svg>
-  </ui-button>
+    <ui-button @click="toggleTheme" class="w-10">
+        <svg
+            v-if="isDark"
+            xmlns="http://www.w3.org/2000/svg"
+            class="h-5 w-5 transform transition-transform duration-300"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+        >
+            <path
+                fill-rule="evenodd"
+                d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
+                clip-rule="evenodd"
+            />
+        </svg>
+        <svg
+            v-else
+            xmlns="http://www.w3.org/2000/svg"
+            class="h-5 w-5 transform transition-transform duration-300"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+        >
+            <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" />
+        </svg>
+    </ui-button>
 </template>
 
 <script>
 export default {
-  name: 'ThemeSwitcher',
-  data() {
-    return {
-      isDark: false
-    }
-  },
-  mounted() {
-    // Check if user has a theme preference stored
-    const storedTheme = localStorage.getItem('theme');
-
-    // Check if user has a system preference
-    const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+    name: 'ThemeSwitcher',
+    data() {
+        return {
+            isDark: false,
+        };
+    },
+    mounted() {
+        // Check if user has a theme preference stored
+        const storedTheme = localStorage.getItem('theme');
 
-    // Set initial theme based on stored preference or system preference
-    this.isDark = storedTheme === 'dark' || (!storedTheme && systemPrefersDark);
+        // Check if user has a system preference
+        const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
 
-    // Apply theme on initial load
-    this.applyTheme();
+        // Set initial theme based on stored preference or system preference
+        this.isDark = storedTheme === 'dark' || (!storedTheme && systemPrefersDark);
 
-    // Listen for system preference changes
-    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
-      if (!localStorage.getItem('theme')) {
-        this.isDark = e.matches;
+        // Apply theme on initial load
         this.applyTheme();
-      }
-    });
-  },
-  methods: {
-    toggleTheme() {
-      this.isDark = !this.isDark;
-      this.applyTheme();
 
-      // Store user preference
-      localStorage.setItem('theme', this.isDark ? 'dark' : 'light');
+        // Listen for system preference changes
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
+            if (!localStorage.getItem('theme')) {
+                this.isDark = e.matches;
+                this.applyTheme();
+            }
+        });
     },
-    applyTheme() {
-      // Apply to document and add CSS transitions
-      const root = document.documentElement;
+    methods: {
+        toggleTheme() {
+            this.isDark = !this.isDark;
+            this.applyTheme();
 
-      // Add transition styles if not already added
-    if (!document.head.querySelector('#theme-transition-style')) {
-      const style = document.createElement('style');
-      style.id = 'theme-transition-style';
-      style.textContent = `
+            // Store user preference
+            localStorage.setItem('theme', this.isDark ? 'dark' : 'light');
+        },
+        applyTheme() {
+            // Apply to document and add CSS transitions
+            const root = document.documentElement;
+
+            // Add transition styles if not already added
+            if (!document.head.querySelector('#theme-transition-style')) {
+                const style = document.createElement('style');
+                style.id = 'theme-transition-style';
+                style.textContent = `
         *, *::before, *::after {
         transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
         }
       `;
-      document.head.appendChild(style);
+                document.head.appendChild(style);
 
-      // Remove the style after the transition is done
-      setTimeout(() => {
-        document.head.removeChild(style);
-      }, 200); // Slightly longer than the transition duration to ensure it's complete
-    }
+                // Remove the style after the transition is done
+                setTimeout(() => {
+                    document.head.removeChild(style);
+                }, 200); // Slightly longer than the transition duration to ensure it's complete
+            }
 
-      if (this.isDark) {
-        root.classList.add('dark');
-      } else {
-        root.classList.remove('dark');
-      }
-    }
-  }
-}
+            if (this.isDark) {
+                root.classList.add('dark');
+            } else {
+                root.classList.remove('dark');
+            }
+        },
+    },
+};
 </script>
diff --git a/resources/js/components/ui/Tooltip.vue b/resources/js/components/ui/Tooltip.vue
index dc540f580fe..82503c93984 100644
--- a/resources/js/components/ui/Tooltip.vue
+++ b/resources/js/components/ui/Tooltip.vue
@@ -1,41 +1,35 @@
 <script setup>
-import { TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger } from 'reka-ui'
+import { TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger } from 'reka-ui';
 
 defineProps({
-    text: { type: String, default: null }
+    text: { type: String, default: null },
 });
 </script>
 
 <template>
-<TooltipProvider
-    :ariaLabel="text"
->
-    <TooltipRoot>
-        <TooltipTrigger>
-            <slot />
-        </TooltipTrigger>
-        <TooltipPortal>
-            <TooltipContent
-                class="
-                    data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade
-                    data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade
-                    data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade
-                    data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade
-                    rounded-xl bg-white px-3 py-2
-                    text-xs text-gray-600 leading-none
-                    shadow-ui-sm border border-gray-300
-                    will-change-[transform,opacity]
-                "
-            :side-offset="5"
-            >
-                {{ text }}
-            <TooltipArrow
-                class="fill-white stroke-gray-300"
-                :width="12"
-                :height="6"
-            />
-            </TooltipContent>
-        </TooltipPortal>
-    </TooltipRoot>
-</TooltipProvider>
+    <TooltipProvider :ariaLabel="text">
+        <TooltipRoot>
+            <TooltipTrigger>
+                <slot />
+            </TooltipTrigger>
+            <TooltipPortal>
+                <TooltipContent
+                    :class="[
+                        'data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade',
+                        'data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade',
+                        'data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade',
+                        'data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade',
+                        'rounded-xl bg-white px-3 py-2',
+                        'text-xs leading-none text-gray-600',
+                        'shadow-ui-sm border border-gray-300',
+                        'will-change-[transform,opacity]',
+                    ]"
+                    :side-offset="5"
+                >
+                    {{ text }}
+                    <TooltipArrow class="fill-white stroke-gray-300" :width="12" :height="6" />
+                </TooltipContent>
+            </TooltipPortal>
+        </TooltipRoot>
+    </TooltipProvider>
 </template>

From 3fa46cc9c26d796431295eba01426e3aced891bc Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Thu, 27 Mar 2025 15:56:21 -0400
Subject: [PATCH 018/186] WIP user dropdown

---
 resources/js/components/ui/Button/Index.vue   |  2 +-
 .../js/components/ui/Dropdown/Footer.vue      | 27 ++++----
 .../js/components/ui/Dropdown/Header.vue      | 13 ++--
 resources/js/components/ui/svg/moon.svg       |  1 +
 resources/js/components/ui/svg/sign-out.svg   |  1 +
 resources/js/components/ui/svg/sun.svg        |  1 +
 resources/js/components/ui/svg/support.svg    |  1 +
 .../views/components/user-dropdown.blade.php  | 69 +++++++++++++++++++
 .../partials/new-global-header.blade.php      | 38 +---------
 9 files changed, 96 insertions(+), 57 deletions(-)
 create mode 100644 resources/js/components/ui/svg/moon.svg
 create mode 100644 resources/js/components/ui/svg/sign-out.svg
 create mode 100644 resources/js/components/ui/svg/sun.svg
 create mode 100644 resources/js/components/ui/svg/support.svg
 create mode 100644 resources/views/components/user-dropdown.blade.php

diff --git a/resources/js/components/ui/Button/Index.vue b/resources/js/components/ui/Button/Index.vue
index 756478befa8..6519a2ff7de 100644
--- a/resources/js/components/ui/Button/Index.vue
+++ b/resources/js/components/ui/Button/Index.vue
@@ -35,7 +35,7 @@ const buttonClasses = computed(() => {
                     'dark:from-white dark:to-gray-200 dark:hover:from-gray-200 dark:text-gray-800 dark:border-0',
                 ],
                 danger: 'bg-linear-to-b from-red-500/90 to-red-500 hover:bg-red-500/90 text-white border border-red-600 inset-shadow-2xs inset-shadow-red-300 [&_svg]:text-red-200',
-                filled: 'bg-gray-100 hover:bg-gray-200 dark:bg-gray-700/80 dark:hover:bg-gray-700',
+                filled: 'bg-gray-800/3 hover:bg-gray-800/6 dark:bg-gray-700/80 dark:hover:bg-gray-700',
                 ghost: 'bg-transparent hover:bg-gray-400/10 text-gray-500 hover:text-gray-700 dark:text-gray-300 dark:hover:bg-gray-700/80 dark:hover:text-gray-200',
             },
             size: {
diff --git a/resources/js/components/ui/Dropdown/Footer.vue b/resources/js/components/ui/Dropdown/Footer.vue
index a8a2c2e08bd..1de3f3ff2f3 100644
--- a/resources/js/components/ui/Dropdown/Footer.vue
+++ b/resources/js/components/ui/Dropdown/Footer.vue
@@ -1,5 +1,6 @@
 <script setup>
 import { useSlots } from 'vue';
+import { cva } from 'cva';
 
 defineProps({
     icon: { type: String, default: null },
@@ -7,26 +8,28 @@ defineProps({
 });
 
 const slots = useSlots();
-const hasDefaultSlot = !!slots.default;
+const usingSlot = !!slots.default;
+
+const footerClasses = cva({
+    base: 'text-gray-600 antialiased py-2 px-3 text-sm rounded-b-xl group/footer',
+    variant: {
+        noSlot: 'flex items-center gap-2',
+    },
+});
 </script>
 
 <template>
-    <footer
-        class="group/footer flex cursor-pointer items-center gap-2 rounded-b-xl px-3 py-2 text-sm text-gray-600 antialiased"
-        data-ui-dropdown-footer
-    >
-        <div class="flex items-center gap-2">
+    <footer :class="footerClasses({ noSlot: !usingSlot })" data-ui-dropdown-footer>
+        <slot v-if="usingSlot" />
+        <div v-else class="flex items-center gap-2">
             <div
                 v-if="icon"
-                class="flex size-6 items-center justify-center rounded-lg bg-gray-100 p-1 text-gray-700 dark:bg-gray-900 dark:text-gray-500"
+                class="size-6 flex items-center justify-center rounded-lg bg-gray-100 dark:bg-gray-900 p-1 text-gray-700 dark:text-gray-500"
             >
                 <ui-icon :name="icon" />
             </div>
-            <div
-                class="grow truncate text-sm text-gray-600 antialiased group-hover/footer:text-gray-950 dark:text-gray-400 dark:group-hover/footer:text-gray-200"
-            >
-                <slot v-if="hasDefaultSlot" />
-                <template v-else>{{ text }}</template>
+            <div class="grow truncate text-sm text-gray-600 dark:text-gray-400 group-hover/footer:text-gray-950 dark:group-hover/footer:text-gray-200 antialiased">
+                {{ text }}
             </div>
         </div>
     </footer>
diff --git a/resources/js/components/ui/Dropdown/Header.vue b/resources/js/components/ui/Dropdown/Header.vue
index 9d17985dd80..82ae6cf1b8a 100644
--- a/resources/js/components/ui/Dropdown/Header.vue
+++ b/resources/js/components/ui/Dropdown/Header.vue
@@ -11,29 +11,28 @@ defineProps({
 });
 
 const slots = useSlots();
-const hasDefaultSlot = !!slots.default;
+const usingSlot = !!slots.default;
 
 const headerClasses = cva({
     base: 'col-span-2 px-3.5 py-3 bg-white dark:bg-gray-900 font-medium border-b border-gray-200 dark:border-black text-sm text-gray-800 dark:text-gray-300',
     variants: {
         usingSlot: {
-            true: 'grid grid-cols-[auto_1fr_auto]',
-            false: '',
+            true: 'grid grid-cols-[auto_1fr_auto]'
         },
     },
 });
 </script>
 
 <template>
-    <header :class="headerClasses({ usingSlot: hasDefaultSlot })" data-ui-dropdown-header>
+    <header :class="headerClasses({ usingSlot: usingSlot })" data-ui-dropdown-header>
         <div
             v-if="icon"
-            class="-ms-1 me-2 flex size-6 items-center justify-center rounded-lg bg-gray-100 p-1 text-gray-700 dark:bg-gray-800 dark:text-gray-400"
+            class="size-6 -ms-1 me-2 flex items-center justify-center rounded-lg bg-gray-100 dark:bg-gray-800 p-1 text-gray-700 dark:text-gray-400"
         >
             <ui-icon :name="icon" />
         </div>
-        <div class="col-start-2 grow truncate">
-            <slot v-if="hasDefaultSlot" />
+        <div class="grow truncate col-start-2">
+            <slot v-if="usingSlot" />
             <template v-else>{{ text }}</template>
         </div>
         <ui-button
diff --git a/resources/js/components/ui/svg/moon.svg b/resources/js/components/ui/svg/moon.svg
new file mode 100644
index 00000000000..16cec35e753
--- /dev/null
+++ b/resources/js/components/ui/svg/moon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5 8.5c0 3.2 1.8 5 5 5 2.60701 0 4.28482 -1.1947 4.8171 -3.3678 -0.52794 0.2424 -1.16194 0.3678 -1.89352 0.3678 -2.4 0 -3.75 -1.35 -3.75 -3.75 0 -1.51793 0.54003 -2.61584 1.54418 -3.21783C5.98702 3.51079 5.7477 3.5 5.5 3.5c-3.2 0 -5 1.8 -5 5Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m12.5593 5.60156 0 -1.88149" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m13.5 4.66138 -1.8815 0" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m9.76367 2.38147 0 -1.881488" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m10.7041 1.44104 -1.88149 0" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/sign-out.svg b/resources/js/components/ui/svg/sign-out.svg
new file mode 100644
index 00000000000..a9a37848e28
--- /dev/null
+++ b/resources/js/components/ui/svg/sign-out.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.4213 1.46922c0.1192 2.99162 0.1032 5.91395 -0.0482 8.92428 -0.0177 0.351 -0.2092 0.6672 -0.505 0.838l-3.70288 2.1379c-0.63714 0.3679 -1.4247 -0.0824 -1.45484 -0.8386 -0.11922 -2.99164 -0.10314 -5.91397 0.04824 -8.92428 0.01765 -0.351 0.20914 -0.66721 0.50503 -0.83805L11.9665 0.63059c0.6371 -0.367859 1.4247 0.082407 1.4548 0.83863Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.363 0.498047H5.63873c-0.52523 0 -0.9616 0.406231 -0.99232 0.930573 -0.06864 1.17121 -0.11329 2.35355 -0.13396 3.53926M7.6316 12.5049H5.63873c-0.52523 0 -0.96159 -0.4062 -0.99232 -0.9305 -0.05116 -0.873 -0.089 -1.7522 -0.11351 -2.63434" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m5.13867 7.00098 -4.469846 0" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.27034 5.22949C1.56221 5.58356 0.854069 6.2917 0.5 6.99981c0.354069 0.70816 1.06221 1.4163 1.77034 1.77037" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/sun.svg b/resources/js/components/ui/svg/sun.svg
new file mode 100644
index 00000000000..ce08cdcecdb
--- /dev/null
+++ b/resources/js/components/ui/svg/sun.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m2.40381 2.40381 0.38302 0.38302" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m11.2133 11.2134 0.383 0.383" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m7.00012 0.5 0 0.54167" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m7.00012 12.9584 0 0.5416" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m13.5001 7 -0.5416 0" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.04175 7 0.50008 7" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m11.5963 2.40381 -0.383 0.38302" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m2.78687 11.2134 -0.38302 0.383" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 9.33972C5.05023 9.33972 4.66028 8.16986 4.66028 7S5.05023 4.66028 7 4.66028c1.94977 0 2.33972 1.16986 2.33972 2.33972S8.94977 9.33972 7 9.33972Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/support.svg b/resources/js/components/ui/svg/support.svg
new file mode 100644
index 00000000000..8e113da205e
--- /dev/null
+++ b/resources/js/components/ui/svg/support.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" d="M4.78125 9.21875c-1.08301 0.68519 -1.90856 1.51075 -2.59375 2.59375m2.59375 -7.03124C4.09605 3.69825 3.27051 2.8727 2.1875 2.18751m7.03124 7.03124c1.08306 0.68519 1.90856 1.51075 2.59376 2.59375M9.21874 4.78126c0.6852 -1.08301 1.51076 -1.90856 2.59376 -2.59375" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 13.5c4.16 0 6.5 -2.34 6.5 -6.5S11.16 0.5 7 0.5 0.5 2.84 0.5 7s2.34 6.5 6.5 6.5Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 10c1.92 0 3 -1.08 3 -3S8.92 4 7 4 4 5.08 4 7s1.08 3 3 3Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/views/components/user-dropdown.blade.php b/resources/views/components/user-dropdown.blade.php
new file mode 100644
index 00000000000..f14ecefafeb
--- /dev/null
+++ b/resources/views/components/user-dropdown.blade.php
@@ -0,0 +1,69 @@
+<ui-dropdown align="end" x-cloak>
+    <template #trigger>
+        <ui-button :icon-only="true" variant="ghost">
+                <img src="{{ $user->avatar() }}" class="size-7 rounded-full" alt="{{ $user->name() }}" />
+        </ui-button>
+    </template>
+
+    <ui-dropdown-header>
+        <div class="flex items-center gap-2">
+            <img src="{{ $user->avatar() }}" class="size-8 rounded-full" alt="{{ $user->name() }}" />
+            <div>
+                <div class="text-sm">{{ $user->email() }}</div>
+                @if ($user->isSuper())
+                    <div class="text-xs text-gray-500 font-normal flex items-center gap-1">
+                        {{ __('Super Admin') }}
+                        @if (session()->get('statamic_impersonated_by'))
+                            <ui-badge size="sm" pill :text="__('Impersonating')" />
+                        @endif
+                    </div>
+                @elseif (session()->get('statamic_impersonated_by'))
+                    <ui-badge size="sm" pill :text="__('Impersonating')" />
+                @endif
+            </div>
+        </div>
+    </ui-dropdown-header>
+
+    <ui-dropdown-menu>
+        <ui-dropdown-item
+            href="{{ route('statamic.cp.account') }}"
+            icon="avatar"
+            :text="__('Manage profile')"
+        />
+        <ui-dropdown-item
+            href="{{ cp_route('preferences.user.edit') }}"
+            icon="cog"
+            :text="__('Preferences')"
+        />
+        @if (config('statamic.cp.support_url'))
+            <ui-dropdown-item
+                href="{{ config('statamic.cp.support_url') }}"
+                icon="support"
+                :text="__('Get support')"
+                target="_blank"
+            >
+            </ui-dropdown-item>
+        @endif
+        @if (session()->get('statamic_impersonated_by'))
+            <ui-dropdown-item
+                href="{{ cp_route('impersonation.stop') }}"
+                icon="mask"
+                :text="__('Stop impersonating')"
+            />
+        @endif
+        <ui-dropdown-item
+            href="{{ route('statamic.cp.logout', ['redirect' => cp_route('index')]) }}"
+            icon="sign-out"
+            :text="__('Sign out')"
+        />
+    </ui-dropdown-menu>
+
+
+    <ui-dropdown-footer>
+        <ui-button-group>
+            <ui-button size="sm" variant="filled" icon="sun" text="Light" class="flex-1" />
+            <ui-button size="sm" variant="filled" icon="moon" text="Dark" class="flex-1" />
+            <ui-button size="sm" variant="filled" icon="site" text="System" class="flex-1" />
+        </ui-button-group>
+    </ui-dropdown-footer>
+</ui-dropdown>
diff --git a/resources/views/partials/new-global-header.blade.php b/resources/views/partials/new-global-header.blade.php
index a113dc425a4..fa25cb4a0b8 100644
--- a/resources/views/partials/new-global-header.blade.php
+++ b/resources/views/partials/new-global-header.blade.php
@@ -48,42 +48,6 @@
             <kbd class="font-sans">⌘ </kbd><kbd class="font-sans">K</kbd></kbd>
         </button>
         <ui-theme-switcher size="sm" variant="ghost" class="dark" />
-        <ui-dropdown x-cloak>
-            <template #trigger>
-                <ui-button :icon-only="true" variant="ghost">
-                     <img src="{{ $user->avatar() }}" class="size-7 rounded-full" alt="{{ $user->name() }}" />
-                </ui-button>
-            </template>
-            <ui-dropdown-header>
-                <div class="flex items-center gap-2">
-                    <img src="{{ $user->avatar() }}" class="size-8 rounded-full" alt="{{ $user->name() }}" />
-                    <div>
-                        <div class="text-sm">{{ $user->email() }}</div>
-                        @if ($user->isSuper())
-                            <div class="text-xs text-gray-500 font-normal flex items-center gap-1">
-                                {{ __('Super Admin') }}
-                                @if (session()->get('statamic_impersonated_by'))
-                                    <ui-badge size="sm" pill :text="__('Impersonating')" />
-                                @endif
-                            </div>
-                        @elseif (session()->get('statamic_impersonated_by'))
-                            <ui-badge size="sm" pill :text="__('Impersonating')" />
-                        @endif
-                    </div>
-                </div>
-            </ui-dropdown-header>
-            <ui-dropdown-menu>
-                <ui-dropdown-item icon="avatar" :text="__('Profile')" href="{{ route('statamic.cp.account') }}" />
-                <ui-dropdown-item icon="cog" :text="__('Preferences')" href="{{ cp_route('preferences.user.edit') }}" />
-                @if (session()->get('statamic_impersonated_by'))
-                    <ui-dropdown-item icon="mask" :text="__('Stop Impersonating')" href="{{ cp_route('impersonation.stop') }}" />
-                @endif
-            </ui-dropdown-menu>
-            <ui-dropdown-footer
-                :text="__('Log out')"
-                href="{{ route('statamic.cp.logout', ['redirect' => cp_route('index')]) }}"
-                icon="arrow-right"
-            />
-        </ui-dropdown>
+        <x-statamic::user-dropdown />
     </div>
 </header>

From ede65b1a16369e4052b590b925b810aaa56a658e Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 28 Mar 2025 12:26:32 -0400
Subject: [PATCH 019/186] Fiddle with wip light/dark mode picker

---
 resources/js/components/ui/svg/monitor.svg         | 1 +
 resources/js/components/ui/svg/sun.svg             | 2 +-
 resources/views/components/user-dropdown.blade.php | 6 +++---
 3 files changed, 5 insertions(+), 4 deletions(-)
 create mode 100644 resources/js/components/ui/svg/monitor.svg

diff --git a/resources/js/components/ui/svg/monitor.svg b/resources/js/components/ui/svg/monitor.svg
new file mode 100644
index 00000000000..ee2bb4d6131
--- /dev/null
+++ b/resources/js/components/ui/svg/monitor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.6587 13.3171c-2.45361 -0.2679 -4.85584 -0.2679 -7.30944 0" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.0423 8.53497c-0.1355 0.95347 -0.9071 1.69513 -1.8479 1.78003 -2.82718 0.2551 -5.56143 0.2551 -8.38858 0 -0.94082 -0.0849 -1.71244 -0.82656 -1.847919 -1.78003C0.6807 6.5841 0.6807 4.73936 0.957901 2.78849c0.135479 -0.95347 0.907099 -1.69509 1.847929 -1.78 2.82714 -0.255137 5.56139 -0.255136 8.38857 0 0.9408 0.08491 1.7124 0.82653 1.8479 1.78 0.2772 1.95087 0.2772 3.79561 0 5.74648Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.53448 10.4806c-1.02401 0.0344 -2.04341 0.0344 -3.06744 -0.0001l-0.47876 2.697c1.34447 -0.0817 2.6803 -0.0818 4.02474 -0.0004l-0.47854 -2.6965Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/sun.svg b/resources/js/components/ui/svg/sun.svg
index ce08cdcecdb..e08ca8bb2f0 100644
--- a/resources/js/components/ui/svg/sun.svg
+++ b/resources/js/components/ui/svg/sun.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m2.40381 2.40381 0.38302 0.38302" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m11.2133 11.2134 0.383 0.383" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m7.00012 0.5 0 0.54167" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m7.00012 12.9584 0 0.5416" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m13.5001 7 -0.5416 0" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.04175 7 0.50008 7" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m11.5963 2.40381 -0.383 0.38302" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m2.78687 11.2134 -0.38302 0.383" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 9.33972C5.05023 9.33972 4.66028 8.16986 4.66028 7S5.05023 4.66028 7 4.66028c1.94977 0 2.33972 1.16986 2.33972 2.33972S8.94977 9.33972 7 9.33972Z" stroke-width="1"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m2.40381 2.40381 0.38302 0.38302" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m11.2133 11.2134 0.383 0.383" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m7.00012 0.5 0 0.54167" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m7.00012 12.9584 0 0.5416" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m13.5001 7 -0.5416 0" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.04175 7 0.50008 7" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m11.5963 2.40381 -0.383 0.38302" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m2.78687 11.2134 -0.38302 0.383" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.00001 10.25C4.29167 10.25 3.75 8.62502 3.75 7.00001c0 -1.625 0.54167 -3.25001 3.25001 -3.25001S10.25 5.37501 10.25 7.00001c0 1.62501 -0.54165 3.24999 -3.24999 3.24999Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/views/components/user-dropdown.blade.php b/resources/views/components/user-dropdown.blade.php
index f14ecefafeb..4aee867e83f 100644
--- a/resources/views/components/user-dropdown.blade.php
+++ b/resources/views/components/user-dropdown.blade.php
@@ -61,9 +61,9 @@
 
     <ui-dropdown-footer>
         <ui-button-group>
-            <ui-button size="sm" variant="filled" icon="sun" text="Light" class="flex-1" />
-            <ui-button size="sm" variant="filled" icon="moon" text="Dark" class="flex-1" />
-            <ui-button size="sm" variant="filled" icon="site" text="System" class="flex-1" />
+            <ui-button size="sm" variant="ghost" icon="sun" class="flex-1 [&_svg]:size-4.5" />
+            <ui-button size="sm" variant="ghost" icon="moon" class="flex-1 [&_svg]:size-4.5" />
+            <ui-button size="sm" variant="ghost" icon="monitor" class="flex-1 [&_svg]:size-4.5" />
         </ui-button-group>
     </ui-dropdown-footer>
 </ui-dropdown>

From 3948b4b9e93c667ca4d2fd8e227faf32114c8c6d Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 28 Mar 2025 16:51:41 -0400
Subject: [PATCH 020/186] New Nav style and icons. Move icons around a bit.

---
 resources/css/components/nav-main.css         |  2 +-
 resources/js/components/UpdatesBadge.vue      |  4 +--
 resources/js/components/ui/Icon.vue           |  2 +-
 .../ui/svg => svg/icons}/addons.svg           |  0
 .../ui/svg => svg/icons}/align-center.svg     |  0
 .../ui/svg => svg/icons}/align-left.svg       |  0
 .../ui/svg => svg/icons}/align-right.svg      |  0
 .../ui/svg => svg/icons}/arrow-down.svg       |  0
 .../ui/svg => svg/icons}/arrow-right.svg      |  0
 .../ui/svg => svg/icons}/arrow-up-right.svg   |  0
 .../ui/svg => svg/icons}/assets.svg           |  0
 .../ui/svg => svg/icons}/avatar.svg           |  0
 .../components/ui/svg => svg/icons}/bell.svg  |  0
 .../ui/svg => svg/icons}/blueprints.svg       |  0
 .../ui/svg => svg/icons}/calendar.svg         |  0
 .../ui/svg => svg/icons}/chevron-down.svg     |  0
 .../ui/svg => svg/icons}/chevron-left.svg     |  0
 .../ui/svg => svg/icons}/chevron-right.svg    |  0
 .../ui/svg => svg/icons}/chevron-vertical.svg |  0
 .../ui/svg => svg/icons}/clipboard-check.svg  |  0
 .../ui/svg => svg/icons}/clipboard.svg        |  0
 .../ui/svg => svg/icons}/cog-solid.svg        |  0
 .../components/ui/svg => svg/icons}/cog.svg   |  0
 .../ui/svg => svg/icons}/collections.svg      |  0
 .../ui/svg => svg/icons}/columns.svg          |  0
 .../ui/svg => svg/icons}/dashboard.svg        |  0
 .../components/ui/svg => svg/icons}/dots.svg  |  0
 .../ui/svg => svg/icons}/download.svg         |  0
 .../ui/svg => svg/icons}/external-link.svg    |  0
 .../ui/svg => svg/icons}/eye-closed.svg       |  0
 .../components/ui/svg => svg/icons}/eye.svg   |  0
 .../fields.svg => svg/icons/fieldsets.svg}    |  0
 .../components/ui/svg => svg/icons}/forms.svg |  0
 .../ui/svg => svg/icons}/globals.svg          |  0
 .../ui/svg => svg/icons}/groups.svg           |  0
 .../ui/svg => svg/icons}/live-preview.svg     |  0
 .../ui/svg => svg/icons}/loading.svg          |  0
 .../ui/svg => svg/icons}/magnifying-glass.svg |  0
 .../components/ui/svg => svg/icons}/mail.svg  |  0
 .../components/ui/svg => svg/icons}/mask.svg  |  0
 .../ui/svg => svg/icons}/monitor.svg          |  0
 .../components/ui/svg => svg/icons}/moon.svg  |  0
 .../ui/svg => svg/icons}/navigation.svg       |  0
 .../ui/svg => svg/icons}/permissions.svg      |  0
 resources/svg/icons/playground.svg            |  1 +
 .../components/ui/svg => svg/icons}/plus.svg  |  0
 .../ui/svg => svg/icons}/preferences.svg      |  0
 .../ui/svg => svg/icons}/sign-in.svg          |  0
 .../ui/svg => svg/icons}/sign-out.svg         |  0
 .../ui/svg => svg/icons}/site-settings.svg    |  0
 .../components/ui/svg => svg/icons}/site.svg  |  0
 .../svg => svg/icons}/statamic-mark-lime.svg  |  0
 .../components/ui/svg => svg/icons}/sun.svg   |  0
 .../ui/svg => svg/icons}/support.svg          |  0
 .../ui/svg => svg/icons}/taxonomies.svg       |  0
 .../components/ui/svg => svg/icons}/team.svg  |  0
 .../ui/svg => svg/icons}/updates.svg          |  0
 .../components/ui/svg => svg/icons}/users.svg |  0
 .../ui/svg => svg/icons}/utilities.svg        |  0
 .../{js/components/ui/svg => svg/icons}/x.svg |  0
 resources/views/layout.blade.php              |  2 +-
 resources/views/nav/updates.blade.php         |  8 ++---
 resources/views/partials/nav-main.blade.php   | 29 +++++++++++--------
 resources/views/playground.blade.php          |  4 +++
 src/CP/Navigation/CoreNav.php                 | 28 +++++++++---------
 src/CP/Navigation/NavItem.php                 |  2 +-
 66 files changed, 45 insertions(+), 37 deletions(-)
 rename resources/{js/components/ui/svg => svg/icons}/addons.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/align-center.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/align-left.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/align-right.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/arrow-down.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/arrow-right.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/arrow-up-right.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/assets.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/avatar.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/bell.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/blueprints.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/calendar.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/chevron-down.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/chevron-left.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/chevron-right.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/chevron-vertical.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/clipboard-check.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/clipboard.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/cog-solid.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/cog.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/collections.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/columns.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/dashboard.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/dots.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/download.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/external-link.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/eye-closed.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/eye.svg (100%)
 rename resources/{js/components/ui/svg/fields.svg => svg/icons/fieldsets.svg} (100%)
 rename resources/{js/components/ui/svg => svg/icons}/forms.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/globals.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/groups.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/live-preview.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/loading.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/magnifying-glass.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/mail.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/mask.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/monitor.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/moon.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/navigation.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/permissions.svg (100%)
 create mode 100644 resources/svg/icons/playground.svg
 rename resources/{js/components/ui/svg => svg/icons}/plus.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/preferences.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/sign-in.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/sign-out.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/site-settings.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/site.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/statamic-mark-lime.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/sun.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/support.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/taxonomies.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/team.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/updates.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/users.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/utilities.svg (100%)
 rename resources/{js/components/ui/svg => svg/icons}/x.svg (100%)

diff --git a/resources/css/components/nav-main.css b/resources/css/components/nav-main.css
index d198785c51b..5e8c66ff9da 100644
--- a/resources/css/components/nav-main.css
+++ b/resources/css/components/nav-main.css
@@ -2,7 +2,7 @@
    THE MAIN NAV
    ========================================================================== */
 
-.nav-main {
+.nav-/main {
     @apply absolute hidden h-screen w-56 select-none overflow-scroll bg-white shadow ltr:left-0 rtl:right-0;
     @apply dark:bg-dark-800 dark:shadow-lg;
 
diff --git a/resources/js/components/UpdatesBadge.vue b/resources/js/components/UpdatesBadge.vue
index 8699482caef..b7426a67aa0 100644
--- a/resources/js/components/UpdatesBadge.vue
+++ b/resources/js/components/UpdatesBadge.vue
@@ -1,7 +1,5 @@
 <template>
-    <span v-if="count" class="badge-sm bg-red-500 dark:bg-blue-900">
-        {{ count }}
-    </span>
+    <ui-badge v-if="count" :text="count" color="red" size="sm" variant="flat" />
 </template>
 
 <script>
diff --git a/resources/js/components/ui/Icon.vue b/resources/js/components/ui/Icon.vue
index 947ba5607e9..ef90924b226 100644
--- a/resources/js/components/ui/Icon.vue
+++ b/resources/js/components/ui/Icon.vue
@@ -20,7 +20,7 @@ const loadIcon = () => {
     }
 
     // Handle file imports
-    return defineAsyncComponent(() => import(`./svg/${props.name}.svg`));
+    return defineAsyncComponent(() => import(`../../../svg/icons/${props.name}.svg`));
 };
 
 watch(
diff --git a/resources/js/components/ui/svg/addons.svg b/resources/svg/icons/addons.svg
similarity index 100%
rename from resources/js/components/ui/svg/addons.svg
rename to resources/svg/icons/addons.svg
diff --git a/resources/js/components/ui/svg/align-center.svg b/resources/svg/icons/align-center.svg
similarity index 100%
rename from resources/js/components/ui/svg/align-center.svg
rename to resources/svg/icons/align-center.svg
diff --git a/resources/js/components/ui/svg/align-left.svg b/resources/svg/icons/align-left.svg
similarity index 100%
rename from resources/js/components/ui/svg/align-left.svg
rename to resources/svg/icons/align-left.svg
diff --git a/resources/js/components/ui/svg/align-right.svg b/resources/svg/icons/align-right.svg
similarity index 100%
rename from resources/js/components/ui/svg/align-right.svg
rename to resources/svg/icons/align-right.svg
diff --git a/resources/js/components/ui/svg/arrow-down.svg b/resources/svg/icons/arrow-down.svg
similarity index 100%
rename from resources/js/components/ui/svg/arrow-down.svg
rename to resources/svg/icons/arrow-down.svg
diff --git a/resources/js/components/ui/svg/arrow-right.svg b/resources/svg/icons/arrow-right.svg
similarity index 100%
rename from resources/js/components/ui/svg/arrow-right.svg
rename to resources/svg/icons/arrow-right.svg
diff --git a/resources/js/components/ui/svg/arrow-up-right.svg b/resources/svg/icons/arrow-up-right.svg
similarity index 100%
rename from resources/js/components/ui/svg/arrow-up-right.svg
rename to resources/svg/icons/arrow-up-right.svg
diff --git a/resources/js/components/ui/svg/assets.svg b/resources/svg/icons/assets.svg
similarity index 100%
rename from resources/js/components/ui/svg/assets.svg
rename to resources/svg/icons/assets.svg
diff --git a/resources/js/components/ui/svg/avatar.svg b/resources/svg/icons/avatar.svg
similarity index 100%
rename from resources/js/components/ui/svg/avatar.svg
rename to resources/svg/icons/avatar.svg
diff --git a/resources/js/components/ui/svg/bell.svg b/resources/svg/icons/bell.svg
similarity index 100%
rename from resources/js/components/ui/svg/bell.svg
rename to resources/svg/icons/bell.svg
diff --git a/resources/js/components/ui/svg/blueprints.svg b/resources/svg/icons/blueprints.svg
similarity index 100%
rename from resources/js/components/ui/svg/blueprints.svg
rename to resources/svg/icons/blueprints.svg
diff --git a/resources/js/components/ui/svg/calendar.svg b/resources/svg/icons/calendar.svg
similarity index 100%
rename from resources/js/components/ui/svg/calendar.svg
rename to resources/svg/icons/calendar.svg
diff --git a/resources/js/components/ui/svg/chevron-down.svg b/resources/svg/icons/chevron-down.svg
similarity index 100%
rename from resources/js/components/ui/svg/chevron-down.svg
rename to resources/svg/icons/chevron-down.svg
diff --git a/resources/js/components/ui/svg/chevron-left.svg b/resources/svg/icons/chevron-left.svg
similarity index 100%
rename from resources/js/components/ui/svg/chevron-left.svg
rename to resources/svg/icons/chevron-left.svg
diff --git a/resources/js/components/ui/svg/chevron-right.svg b/resources/svg/icons/chevron-right.svg
similarity index 100%
rename from resources/js/components/ui/svg/chevron-right.svg
rename to resources/svg/icons/chevron-right.svg
diff --git a/resources/js/components/ui/svg/chevron-vertical.svg b/resources/svg/icons/chevron-vertical.svg
similarity index 100%
rename from resources/js/components/ui/svg/chevron-vertical.svg
rename to resources/svg/icons/chevron-vertical.svg
diff --git a/resources/js/components/ui/svg/clipboard-check.svg b/resources/svg/icons/clipboard-check.svg
similarity index 100%
rename from resources/js/components/ui/svg/clipboard-check.svg
rename to resources/svg/icons/clipboard-check.svg
diff --git a/resources/js/components/ui/svg/clipboard.svg b/resources/svg/icons/clipboard.svg
similarity index 100%
rename from resources/js/components/ui/svg/clipboard.svg
rename to resources/svg/icons/clipboard.svg
diff --git a/resources/js/components/ui/svg/cog-solid.svg b/resources/svg/icons/cog-solid.svg
similarity index 100%
rename from resources/js/components/ui/svg/cog-solid.svg
rename to resources/svg/icons/cog-solid.svg
diff --git a/resources/js/components/ui/svg/cog.svg b/resources/svg/icons/cog.svg
similarity index 100%
rename from resources/js/components/ui/svg/cog.svg
rename to resources/svg/icons/cog.svg
diff --git a/resources/js/components/ui/svg/collections.svg b/resources/svg/icons/collections.svg
similarity index 100%
rename from resources/js/components/ui/svg/collections.svg
rename to resources/svg/icons/collections.svg
diff --git a/resources/js/components/ui/svg/columns.svg b/resources/svg/icons/columns.svg
similarity index 100%
rename from resources/js/components/ui/svg/columns.svg
rename to resources/svg/icons/columns.svg
diff --git a/resources/js/components/ui/svg/dashboard.svg b/resources/svg/icons/dashboard.svg
similarity index 100%
rename from resources/js/components/ui/svg/dashboard.svg
rename to resources/svg/icons/dashboard.svg
diff --git a/resources/js/components/ui/svg/dots.svg b/resources/svg/icons/dots.svg
similarity index 100%
rename from resources/js/components/ui/svg/dots.svg
rename to resources/svg/icons/dots.svg
diff --git a/resources/js/components/ui/svg/download.svg b/resources/svg/icons/download.svg
similarity index 100%
rename from resources/js/components/ui/svg/download.svg
rename to resources/svg/icons/download.svg
diff --git a/resources/js/components/ui/svg/external-link.svg b/resources/svg/icons/external-link.svg
similarity index 100%
rename from resources/js/components/ui/svg/external-link.svg
rename to resources/svg/icons/external-link.svg
diff --git a/resources/js/components/ui/svg/eye-closed.svg b/resources/svg/icons/eye-closed.svg
similarity index 100%
rename from resources/js/components/ui/svg/eye-closed.svg
rename to resources/svg/icons/eye-closed.svg
diff --git a/resources/js/components/ui/svg/eye.svg b/resources/svg/icons/eye.svg
similarity index 100%
rename from resources/js/components/ui/svg/eye.svg
rename to resources/svg/icons/eye.svg
diff --git a/resources/js/components/ui/svg/fields.svg b/resources/svg/icons/fieldsets.svg
similarity index 100%
rename from resources/js/components/ui/svg/fields.svg
rename to resources/svg/icons/fieldsets.svg
diff --git a/resources/js/components/ui/svg/forms.svg b/resources/svg/icons/forms.svg
similarity index 100%
rename from resources/js/components/ui/svg/forms.svg
rename to resources/svg/icons/forms.svg
diff --git a/resources/js/components/ui/svg/globals.svg b/resources/svg/icons/globals.svg
similarity index 100%
rename from resources/js/components/ui/svg/globals.svg
rename to resources/svg/icons/globals.svg
diff --git a/resources/js/components/ui/svg/groups.svg b/resources/svg/icons/groups.svg
similarity index 100%
rename from resources/js/components/ui/svg/groups.svg
rename to resources/svg/icons/groups.svg
diff --git a/resources/js/components/ui/svg/live-preview.svg b/resources/svg/icons/live-preview.svg
similarity index 100%
rename from resources/js/components/ui/svg/live-preview.svg
rename to resources/svg/icons/live-preview.svg
diff --git a/resources/js/components/ui/svg/loading.svg b/resources/svg/icons/loading.svg
similarity index 100%
rename from resources/js/components/ui/svg/loading.svg
rename to resources/svg/icons/loading.svg
diff --git a/resources/js/components/ui/svg/magnifying-glass.svg b/resources/svg/icons/magnifying-glass.svg
similarity index 100%
rename from resources/js/components/ui/svg/magnifying-glass.svg
rename to resources/svg/icons/magnifying-glass.svg
diff --git a/resources/js/components/ui/svg/mail.svg b/resources/svg/icons/mail.svg
similarity index 100%
rename from resources/js/components/ui/svg/mail.svg
rename to resources/svg/icons/mail.svg
diff --git a/resources/js/components/ui/svg/mask.svg b/resources/svg/icons/mask.svg
similarity index 100%
rename from resources/js/components/ui/svg/mask.svg
rename to resources/svg/icons/mask.svg
diff --git a/resources/js/components/ui/svg/monitor.svg b/resources/svg/icons/monitor.svg
similarity index 100%
rename from resources/js/components/ui/svg/monitor.svg
rename to resources/svg/icons/monitor.svg
diff --git a/resources/js/components/ui/svg/moon.svg b/resources/svg/icons/moon.svg
similarity index 100%
rename from resources/js/components/ui/svg/moon.svg
rename to resources/svg/icons/moon.svg
diff --git a/resources/js/components/ui/svg/navigation.svg b/resources/svg/icons/navigation.svg
similarity index 100%
rename from resources/js/components/ui/svg/navigation.svg
rename to resources/svg/icons/navigation.svg
diff --git a/resources/js/components/ui/svg/permissions.svg b/resources/svg/icons/permissions.svg
similarity index 100%
rename from resources/js/components/ui/svg/permissions.svg
rename to resources/svg/icons/permissions.svg
diff --git a/resources/svg/icons/playground.svg b/resources/svg/icons/playground.svg
new file mode 100644
index 00000000000..efcbf0b30ca
--- /dev/null
+++ b/resources/svg/icons/playground.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m0.5 13.5 0.86058 -10.25097C1.49105 1.69494 2.7905 0.500002 4.35006 0.500002L9.64993 0.5C11.2095 0.5 12.509 1.69494 12.6394 3.24903L13.5 13.5" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.49998 0.932129c-0.27536 2.789881 -0.27536 5.281651 0 8.071531" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.5 0.932129c0.27536 2.789881 0.27536 5.281651 0 8.071531" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.40108 9.11831c-1.44276 0.34815 -3.35944 0.34815 -4.80219 -0.00001 -0.57614 -0.13903 -1.22344 0.17655 -1.35202 0.75511 -0.14511 0.65299 0.17523 1.32589 0.82472 1.48569 1.69659 0.4176 4.16021 0.4176 5.85678 0 0.64943 -0.1598 0.96983 -0.8327 0.82473 -1.48564 -0.1286 -0.57857 -0.77587 -0.89418 -1.35202 -0.75515Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/js/components/ui/svg/plus.svg b/resources/svg/icons/plus.svg
similarity index 100%
rename from resources/js/components/ui/svg/plus.svg
rename to resources/svg/icons/plus.svg
diff --git a/resources/js/components/ui/svg/preferences.svg b/resources/svg/icons/preferences.svg
similarity index 100%
rename from resources/js/components/ui/svg/preferences.svg
rename to resources/svg/icons/preferences.svg
diff --git a/resources/js/components/ui/svg/sign-in.svg b/resources/svg/icons/sign-in.svg
similarity index 100%
rename from resources/js/components/ui/svg/sign-in.svg
rename to resources/svg/icons/sign-in.svg
diff --git a/resources/js/components/ui/svg/sign-out.svg b/resources/svg/icons/sign-out.svg
similarity index 100%
rename from resources/js/components/ui/svg/sign-out.svg
rename to resources/svg/icons/sign-out.svg
diff --git a/resources/js/components/ui/svg/site-settings.svg b/resources/svg/icons/site-settings.svg
similarity index 100%
rename from resources/js/components/ui/svg/site-settings.svg
rename to resources/svg/icons/site-settings.svg
diff --git a/resources/js/components/ui/svg/site.svg b/resources/svg/icons/site.svg
similarity index 100%
rename from resources/js/components/ui/svg/site.svg
rename to resources/svg/icons/site.svg
diff --git a/resources/js/components/ui/svg/statamic-mark-lime.svg b/resources/svg/icons/statamic-mark-lime.svg
similarity index 100%
rename from resources/js/components/ui/svg/statamic-mark-lime.svg
rename to resources/svg/icons/statamic-mark-lime.svg
diff --git a/resources/js/components/ui/svg/sun.svg b/resources/svg/icons/sun.svg
similarity index 100%
rename from resources/js/components/ui/svg/sun.svg
rename to resources/svg/icons/sun.svg
diff --git a/resources/js/components/ui/svg/support.svg b/resources/svg/icons/support.svg
similarity index 100%
rename from resources/js/components/ui/svg/support.svg
rename to resources/svg/icons/support.svg
diff --git a/resources/js/components/ui/svg/taxonomies.svg b/resources/svg/icons/taxonomies.svg
similarity index 100%
rename from resources/js/components/ui/svg/taxonomies.svg
rename to resources/svg/icons/taxonomies.svg
diff --git a/resources/js/components/ui/svg/team.svg b/resources/svg/icons/team.svg
similarity index 100%
rename from resources/js/components/ui/svg/team.svg
rename to resources/svg/icons/team.svg
diff --git a/resources/js/components/ui/svg/updates.svg b/resources/svg/icons/updates.svg
similarity index 100%
rename from resources/js/components/ui/svg/updates.svg
rename to resources/svg/icons/updates.svg
diff --git a/resources/js/components/ui/svg/users.svg b/resources/svg/icons/users.svg
similarity index 100%
rename from resources/js/components/ui/svg/users.svg
rename to resources/svg/icons/users.svg
diff --git a/resources/js/components/ui/svg/utilities.svg b/resources/svg/icons/utilities.svg
similarity index 100%
rename from resources/js/components/ui/svg/utilities.svg
rename to resources/svg/icons/utilities.svg
diff --git a/resources/js/components/ui/svg/x.svg b/resources/svg/icons/x.svg
similarity index 100%
rename from resources/js/components/ui/svg/x.svg
rename to resources/svg/icons/x.svg
diff --git a/resources/views/layout.blade.php b/resources/views/layout.blade.php
index 8c19e78b6ea..f4c4dbe91c5 100644
--- a/resources/views/layout.blade.php
+++ b/resources/views/layout.blade.php
@@ -25,7 +25,7 @@ class="@yield('content-class') pt-14 "
                     }"
                 >
                     @include('statamic::partials.nav-main')
-                    @include('statamic::partials.nav-mobile')
+                    {{-- @include('statamic::partials.nav-mobile') --}}
 
                     <div class="workspace bg-gray-50 rounded-t-xl min-h-[calc(100vh-3.5rem)]">
                         <div class="page-wrapper" :class="wrapperClass">
diff --git a/resources/views/nav/updates.blade.php b/resources/views/nav/updates.blade.php
index 6d1676e5aff..346b5dc7de3 100644
--- a/resources/views/nav/updates.blade.php
+++ b/resources/views/nav/updates.blade.php
@@ -1,7 +1,7 @@
-<li class="{{ $item->isActive() ? 'current' : '' }}">
-    <a href="{{ $item->url() }}">
-        <i>{!! $item->svg() !!}</i>
+<li class="{{ $item->isActive() ? '[&_a]:text-black [&_svg]:text-black!' : '' }}">
+    <a href="{{ $item->url() }}" class="flex items-center gap-2 text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200">
+        <ui-icon name="updates" />
         <span v-pre>{{ __($item->name()) }}</span>
-        <updates-badge class="ltr:ml-2 rtl:mr-2"></updates-badge>
+        <updates-badge></updates-badge>
     </a>
 </li>
diff --git a/resources/views/partials/nav-main.blade.php b/resources/views/partials/nav-main.blade.php
index 3dff1e1ed2c..195d29b3528 100644
--- a/resources/views/partials/nav-main.blade.php
+++ b/resources/views/partials/nav-main.blade.php
@@ -3,25 +3,30 @@
 @endphp
 
 @section('nav-main')
-<nav class="nav-main" v-cloak>
-    <div class="nav-main-inner">
-        @foreach ($nav as $section)
+<nav class="absolute h-screen w-56 select-none overflow-scroll px-5 text-sm antialiased  [&_svg]:text-gray-400 dark:[&_svg]:text-gray-600 py-6 flex flex-col gap-7">
+    @foreach ($nav as $section)
+        <div>
             @if ($section['display'] !== 'Top Level')
-                <h6 v-pre>{{ __($section['display']) }}</h6>
+                <ui-heading size="sm" class="mb-2 text-black dark:text-gray-200">
+                    {{ __($section['display']) }}
+                </ui-heading>
             @endif
-
-            <ul class="nav-section-{{ Statamic\Support\Str::slug($section['display']) }}">
+            <ul class="flex flex-col gap-2">
                 @foreach ($section['items'] as $item)
                     @unless ($item->view())
-                        <li class="{{ $item->isActive() ? 'current' : '' }}" v-pre>
-                            <a href="{{ $item->url() }}" {{ $item->attributes() }}>
-                                <i>{!! $item->svg() !!}</i>
+                        <li class="{{ $item->isActive() ? '[&_a]:text-black [&_svg]:text-black!' : '' }}" v-pre>
+                            <a
+                                class="flex items-center gap-3 text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200"
+                                href="{{ $item->url() }}"
+                                {{ $item->attributes() }}
+                            >
+                                {!! $item->svg() !!}
                                 <span>{{ __($item->name()) }}</span>
                             </a>
                             @if ($item->children() && $item->isActive())
-                                <ul>
+                                <ul class="pl-7 py-1 space-y-1">
                                     @foreach ($item->children() as $child)
-                                        <li class="{{ $child->isActive() ? 'current' : '' }}">
+                                        <li class="{{ $child->isActive() ? '[&_a]:text-black [&_svg]:text-black' : '' }}">
                                             <a href="{{ $child->url() }}" {{ $item->attributes() }}>
                                                 {{ __($child->name()) }}
                                             </a>
@@ -35,8 +40,8 @@
                     @endunless
                 @endforeach
             </ul>
+        </div>
         @endforeach
-    </div>
 </nav>
 @stop
 
diff --git a/resources/views/playground.blade.php b/resources/views/playground.blade.php
index 298cf71b3bf..97a4046f90c 100644
--- a/resources/views/playground.blade.php
+++ b/resources/views/playground.blade.php
@@ -213,4 +213,8 @@
             <ui-button text="Hover me" />
         </ui-tooltip>
     </div>
+
+    <div class="mb-4 flex">
+        <ui-icon name="sun" class="size-6" />
+    </div>
 @endsection
diff --git a/src/CP/Navigation/CoreNav.php b/src/CP/Navigation/CoreNav.php
index a69e8798a89..1ce96b7b42b 100644
--- a/src/CP/Navigation/CoreNav.php
+++ b/src/CP/Navigation/CoreNav.php
@@ -50,7 +50,7 @@ protected function makeTopLevel()
         if (count(config('statamic.cp.widgets')) > 0 || config('statamic.cp.start_page') === 'dashboard') {
             Nav::topLevel('Dashboard')
                 ->route('dashboard')
-                ->icon('charts');
+                ->icon('dashboard');
         }
 
         return $this;
@@ -65,7 +65,7 @@ protected function makeContentSection()
     {
         Nav::content('Collections')
             ->route('collections.index')
-            ->icon('content-writing')
+            ->icon('collections')
             ->can('index', Collection::class)
             ->children(function () {
                 return CollectionAPI::all()->sortBy->title()
@@ -86,7 +86,7 @@ protected function makeContentSection()
 
         Nav::content('Navigation')
             ->route('navigation.index')
-            ->icon('hierarchy-files')
+            ->icon('navigation')
             ->can('index', NavContract::class)
             ->children(function () {
                 return NavAPI::all()->sortBy->title()
@@ -107,7 +107,7 @@ protected function makeContentSection()
 
         Nav::content('Taxonomies')
             ->route('taxonomies.index')
-            ->icon('tags')
+            ->icon('taxonomies')
             ->can('index', Taxonomy::class)
             ->children(function () {
                 return TaxonomyAPI::all()->sortBy->title()->map(function ($taxonomy) {
@@ -131,7 +131,7 @@ protected function makeContentSection()
 
         Nav::content('Globals')
             ->route('globals.index')
-            ->icon('earth')
+            ->icon('globals')
             ->can('index', GlobalSet::class)
             ->children(function () {
                 return GlobalSetAPI::all()->sortBy->title()
@@ -160,7 +160,7 @@ protected function makeFieldsSection()
     {
         Nav::fields('Blueprints')
             ->route('blueprints.index')
-            ->icon('blueprint')
+            ->icon('blueprints')
             ->can('configure fields');
 
         Nav::fields('Fieldsets')
@@ -180,7 +180,7 @@ protected function makeToolsSection()
     {
         Nav::tools('Forms')
             ->route('forms.index')
-            ->icon('drawer-file')
+            ->icon('forms')
             ->can('index', Form::class)
             ->children(function () {
                 return FormAPI::all()->sortBy->title()->map(function ($form) {
@@ -192,7 +192,7 @@ protected function makeToolsSection()
 
         Nav::tools('Updates')
             ->route('updater')
-            ->icon('loading-bar')
+            ->icon('updates')
             ->view('statamic::nav.updates')
             ->can('view updates');
 
@@ -236,7 +236,7 @@ protected function makeUtilitiesItems()
         if (count($utilities)) {
             Nav::tools('Utilities')
                 ->route('utilities.index')
-                ->icon('settings-slider')
+                ->icon('utilities')
                 ->children($utilities);
         }
 
@@ -252,12 +252,12 @@ protected function makeSettingsSection()
     {
         Nav::settings(Site::multiEnabled() ? 'Sites' : 'Site')
             ->route('sites.edit')
-            ->icon('sites')
+            ->icon('site')
             ->can('configure sites');
 
         Nav::settings('Preferences')
             ->route('preferences.index')
-            ->icon('settings')
+            ->icon('preferences')
             ->children([
                 Nav::item('General')->route('preferences.index'),
                 Nav::item('CP Nav')->route('preferences.nav.index'),
@@ -279,12 +279,12 @@ protected function makeUsersSection()
 
         Nav::users('Users')
             ->route('users.index')
-            ->icon('users-box')
+            ->icon('users')
             ->can('index', UserContract::class);
 
         Nav::users('Groups')
             ->route('user-groups.index')
-            ->icon('users-multiple')
+            ->icon('groups')
             ->can('edit user groups')
             ->children(function () {
                 return UserGroupAPI::all()->sortBy->title()->map(function ($userGroup) {
@@ -295,7 +295,7 @@ protected function makeUsersSection()
 
         Nav::users('Permissions')
             ->route('roles.index')
-            ->icon('shield-key')
+            ->icon('permissions')
             ->can('edit roles')
             ->children(function () {
                 return RoleAPI::all()->sortBy->title()->map(function ($role) {
diff --git a/src/CP/Navigation/NavItem.php b/src/CP/Navigation/NavItem.php
index f59eb14e861..d8413f030f9 100644
--- a/src/CP/Navigation/NavItem.php
+++ b/src/CP/Navigation/NavItem.php
@@ -200,7 +200,7 @@ public function svg()
     {
         $value = $this->icon() ?? 'entries';
 
-        return Str::startsWith($value, '<svg') ? $value : Statamic::svg('icons/light/'.$value);
+        return Str::startsWith($value, '<svg') ? $value : Statamic::svg('icons/'.$value, 'size-4 shrink-0');
     }
 
     /**

From 424ffce589f3fbc2dde070b7e197936e10b1099e Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 31 Mar 2025 11:24:26 -0400
Subject: [PATCH 021/186] Tighten up theme switcher buttons

---
 resources/js/components/ui/Button/Index.vue        |  8 ++++----
 resources/views/components/user-dropdown.blade.php | 10 +++++-----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/resources/js/components/ui/Button/Index.vue b/resources/js/components/ui/Button/Index.vue
index 6519a2ff7de..fbabb8851ce 100644
--- a/resources/js/components/ui/Button/Index.vue
+++ b/resources/js/components/ui/Button/Index.vue
@@ -23,7 +23,7 @@ const iconOnly = computed(() => (props.icon && !hasDefaultSlot && !props.text) |
 
 const buttonClasses = computed(() => {
     const classes = cva({
-        base: 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg font-medium antialiased cursor-pointer no-underline disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none [&_svg]:shrink-0',
+        base: 'inline-flex items-center justify-center whitespace-nowrap font-medium antialiased cursor-pointer no-underline disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none [&_svg]:shrink-0',
         variants: {
             variant: {
                 default: [
@@ -39,9 +39,9 @@ const buttonClasses = computed(() => {
                 ghost: 'bg-transparent hover:bg-gray-400/10 text-gray-500 hover:text-gray-700 dark:text-gray-300 dark:hover:bg-gray-700/80 dark:hover:text-gray-200',
             },
             size: {
-                base: 'px-4 h-10 text-sm',
-                sm: 'px-3 h-8 text-[0.8125rem]',
-                xs: 'px-2 h-6.5 text-xs',
+                base: 'px-4 h-10 text-sm gap-2 rounded-lg',
+                sm: 'px-3 h-8 text-[0.8125rem] gap-2 rounded-lg',
+                xs: 'px-2 h-6.5 text-xs gap-1 rounded-md',
             },
             groupBorder: {
                 default:
diff --git a/resources/views/components/user-dropdown.blade.php b/resources/views/components/user-dropdown.blade.php
index 4aee867e83f..4bde5056911 100644
--- a/resources/views/components/user-dropdown.blade.php
+++ b/resources/views/components/user-dropdown.blade.php
@@ -59,11 +59,11 @@
     </ui-dropdown-menu>
 
 
-    <ui-dropdown-footer>
-        <ui-button-group>
-            <ui-button size="sm" variant="ghost" icon="sun" class="flex-1 [&_svg]:size-4.5" />
-            <ui-button size="sm" variant="ghost" icon="moon" class="flex-1 [&_svg]:size-4.5" />
-            <ui-button size="sm" variant="ghost" icon="monitor" class="flex-1 [&_svg]:size-4.5" />
+    <ui-dropdown-footer class="px-1.75!">
+        <ui-button-group class="justify-between">
+            <ui-button size="xs" variant="ghost" icon="sun" class=" [&_svg]:size-4.5" text="{{ __('Light') }}" />
+            <ui-button size="xs" variant="ghost" icon="moon" class=" [&_svg]:size-4.5" text="{{ __('Dark') }}" />
+            <ui-button size="xs" variant="ghost" icon="monitor" class=" [&_svg]:size-4.5" text="{{ __('System') }}" />
         </ui-button-group>
     </ui-dropdown-footer>
 </ui-dropdown>

From 6ba63f66beed172d613529a17548ead42b272037 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 31 Mar 2025 16:36:09 -0400
Subject: [PATCH 022/186] Hook new Toggle component up to the Theme picker

---
 resources/js/bootstrap/App.vue                |  4 +-
 resources/js/components/DarkModeToggle.vue    | 87 -------------------
 resources/js/components/ThemeToggle.vue       | 51 +++++++++++
 resources/js/components/ui/Dropdown/Item.vue  |  1 +
 resources/js/components/ui/Toggle/Group.vue   | 64 ++++++++++++++
 resources/js/components/ui/Toggle/Item.vue    | 76 ++++++++++++++++
 .../views/components/user-dropdown.blade.php  |  8 +-
 7 files changed, 196 insertions(+), 95 deletions(-)
 delete mode 100644 resources/js/components/DarkModeToggle.vue
 create mode 100644 resources/js/components/ThemeToggle.vue
 create mode 100644 resources/js/components/ui/Toggle/Group.vue
 create mode 100644 resources/js/components/ui/Toggle/Item.vue

diff --git a/resources/js/bootstrap/App.vue b/resources/js/bootstrap/App.vue
index 5414cc4fd57..a63dc8a5b44 100644
--- a/resources/js/bootstrap/App.vue
+++ b/resources/js/bootstrap/App.vue
@@ -1,7 +1,7 @@
 <script>
 import GlobalSearch from '../components/GlobalSearch.vue';
 import GlobalSiteSelector from '../components/GlobalSiteSelector.vue';
-import DarkModeToggle from '../components/DarkModeToggle.vue';
+import ThemeToggle from '../components/ThemeToggle.vue';
 import Login from '../components/login/Login.vue';
 import BaseEntryCreateForm from '../components/entries/BaseCreateForm.vue';
 import BaseTermCreateForm from '../components/terms/BaseCreateForm.vue';
@@ -50,7 +50,7 @@ export default {
     components: {
         GlobalSearch,
         GlobalSiteSelector,
-        DarkModeToggle,
+        ThemeToggle,
         Login,
         BaseEntryCreateForm,
         BaseTermCreateForm,
diff --git a/resources/js/components/DarkModeToggle.vue b/resources/js/components/DarkModeToggle.vue
deleted file mode 100644
index cdb243e88a6..00000000000
--- a/resources/js/components/DarkModeToggle.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-    <dropdown-list v-cloak>
-        <template v-slot:trigger>
-            <button class="global-header-icon-button hidden md:block" v-tooltip="__('Theme')">
-                <svg-icon :name="icon"></svg-icon>
-            </button>
-        </template>
-        <dropdown-item @click="prefer('light')" class="flex items-center space-x-2 rtl:space-x-reverse">
-            <svg-icon name="regular/light-mode" class="h-4 w-4"></svg-icon>
-            <span>{{ __('Light') }}</span>
-        </dropdown-item>
-        <dropdown-item @click="prefer('dark')" class="flex items-center space-x-2 rtl:space-x-reverse">
-            <svg-icon name="regular/dark-mode" class="h-4 w-4"></svg-icon>
-            <span>{{ __('Dark') }}</span>
-        </dropdown-item>
-        <dropdown-item @click="prefer('auto')" class="flex items-center space-x-2 rtl:space-x-reverse">
-            <svg-icon name="regular/system" class="h-4 w-4"></svg-icon>
-            <span>{{ __('System') }}</span>
-        </dropdown-item>
-    </dropdown-list>
-</template>
-
-<script>
-export default {
-    props: {
-        initial: {
-            type: String,
-            default: 'auto',
-        },
-    },
-    data() {
-        return {
-            preference: this.initial, // dark, light, auto
-            theme: null, // dark, light
-        };
-    },
-    computed: {
-        icon() {
-            if (this.preference === 'auto') {
-                return 'regular/system';
-            } else if (this.preference === 'dark') {
-                return 'regular/dark-mode';
-            } else {
-                return 'regular/light-mode';
-            }
-        },
-    },
-    watch: {
-        preference: {
-            immediate: true,
-            handler(mode) {
-                this.theme =
-                    mode === 'dark' || (mode === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches)
-                        ? 'dark'
-                        : 'light';
-            },
-        },
-        theme: {
-            immediate: true,
-            handler(theme) {
-                document.documentElement.classList.toggle('dark', theme === 'dark');
-                Statamic.darkMode = theme === 'dark';
-            },
-        },
-    },
-    created() {
-        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
-            if (this.preference === 'auto') this.theme = e.matches ? 'dark' : 'light';
-        });
-    },
-    methods: {
-        prefer(mode) {
-            this.preference = mode;
-
-            // Saving to user preference allows it to persist across browsers, whereas saving to local
-            // storage allows it to work before the user is authenticated, e.g. on the login screen.
-            if (mode === 'auto') {
-                this.$preferences.remove('theme');
-                localStorage.removeItem('statamic.theme');
-            } else {
-                this.$preferences.set('theme', mode);
-                localStorage.setItem('statamic.theme', mode);
-            }
-        },
-    },
-};
-</script>
diff --git a/resources/js/components/ThemeToggle.vue b/resources/js/components/ThemeToggle.vue
new file mode 100644
index 00000000000..70d2bcd5132
--- /dev/null
+++ b/resources/js/components/ThemeToggle.vue
@@ -0,0 +1,51 @@
+<template>
+    <ui-toggle-group variant="ghost" size="xs" class="justify-between" v-model="preference">
+        <ui-toggle-item icon="sun" class="[&_svg]:size-4.5" value="light" :label="__('Light')" />
+        <ui-toggle-item icon="moon" class="[&_svg]:size-4.5" value="dark" :label="__('Dark')" />
+        <ui-toggle-item icon="monitor" class="[&_svg]:size-4.5" value="auto" :label="__('System')" />
+    </ui-toggle-group>
+</template>
+
+<script>
+export default {
+    props: {
+        initial: { type: String, default: 'auto' },
+    },
+    data() {
+        return {
+            preference: this.initial,
+            theme: null,
+        };
+    },
+    watch: {
+        preference: {
+            immediate: true,
+            handler(mode) {
+                this.theme = mode === 'dark' || (mode === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches)
+                    ? 'dark'
+                    : 'light';
+
+                if (mode === 'auto') {
+                    this.$preferences.remove('theme');
+                    localStorage.removeItem('statamic.theme');
+                } else {
+                    this.$preferences.set('theme', mode);
+                    localStorage.setItem('statamic.theme', mode);
+                }
+            },
+        },
+        theme: {
+            immediate: true,
+            handler(theme) {
+                document.documentElement.classList.toggle('dark', theme === 'dark');
+                Statamic.darkMode = theme === 'dark';
+            },
+        },
+    },
+    created() {
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
+            if (this.preference === 'auto') this.theme = e.matches ? 'dark' : 'light';
+        });
+    },
+};
+</script>
diff --git a/resources/js/components/ui/Dropdown/Item.vue b/resources/js/components/ui/Dropdown/Item.vue
index 776839d5633..defd0101353 100644
--- a/resources/js/components/ui/Dropdown/Item.vue
+++ b/resources/js/components/ui/Dropdown/Item.vue
@@ -17,6 +17,7 @@ const hasDefaultSlot = !!slots.default;
         :class="[
             'col-span-2 grid grid-cols-subgrid items-center',
             'rounded-lg px-1 py-1.5 text-sm antialiased',
+            'text-gray-700 dark:text-gray-300',
             'not-data-disabled:cursor-pointer data-disabled:opacity-50',
             'hover:not-data-disabled:bg-gray-50 dark:hover:not-data-disabled:bg-gray-950',
             'outline-hidden focus-visible:bg-gray-100 dark:focus-visible:bg-gray-950',
diff --git a/resources/js/components/ui/Toggle/Group.vue b/resources/js/components/ui/Toggle/Group.vue
new file mode 100644
index 00000000000..e8f4d7a720d
--- /dev/null
+++ b/resources/js/components/ui/Toggle/Group.vue
@@ -0,0 +1,64 @@
+<script setup>
+import { ToggleGroupRoot } from 'reka-ui'
+import { ref, watch, provide } from 'vue'
+import { cva } from 'cva'
+
+const props = defineProps({
+    description: { type: String, default: null },
+    required: { type: Boolean, default: false },
+    label: { type: String, default: null },
+    modelValue: { type: [String, Array], default: null },
+    size: { type: String, default: 'base' },
+    variant: { type: String, default: 'default' },
+    multiple: { type: Boolean, default: false },
+});
+
+const emit = defineEmits(['update:modelValue']);
+
+const toggleState = ref(props.modelValue ?? (props.multiple ? [] : null));
+
+watch(() => props.modelValue, (newValue) => {
+    toggleState.value = newValue ?? (props.multiple ? [] : null);
+});
+
+watch(toggleState, (newValue) => {
+    emit('update:modelValue', newValue);
+});
+
+// Provide variant to child components
+provide('toggleVariant', props.variant);
+provide('toggleSize', props.size);
+
+const groupClasses = cva({
+    base: 'flex group/button',
+    variants: {
+        notGhost: {
+            true: [
+                '[&>[data-ui-group-target]:not(:first-child):not(:last-child)]:rounded-none',
+                '[&>[data-ui-group-target]:first-child:not(:last-child)]:rounded-e-none',
+                '[&>[data-ui-group-target]:last-child:not(:first-child)]:rounded-s-none',
+                '[&>*:not(:first-child):not(:last-child):not(:only-child)_[data-ui-group-target]]:rounded-none',
+                '[&>*:first-child:not(:last-child)_[data-ui-group-target]]:rounded-e-none',
+                '[&>*:last-child:not(:first-child)_[data-ui-group-target]]:rounded-s-none',
+            ],
+            false: 'gap-1.5'
+        }
+    }
+})({
+    notGhost: props.variant !== 'ghost'
+});
+
+</script>
+
+<template>
+    <ui-with-field :label :description :required>
+        <ToggleGroupRoot
+            v-model="toggleState"
+            :type="multiple ? 'multiple' : 'single'"
+            :class="groupClasses"
+            data-ui-toggle-group
+        >
+            <slot />
+        </ToggleGroupRoot>
+    </ui-with-field>
+</template>
diff --git a/resources/js/components/ui/Toggle/Item.vue b/resources/js/components/ui/Toggle/Item.vue
new file mode 100644
index 00000000000..496b6aa3282
--- /dev/null
+++ b/resources/js/components/ui/Toggle/Item.vue
@@ -0,0 +1,76 @@
+<script setup>
+import { computed, inject, useSlots } from 'vue';
+import { cva } from 'cva';
+import { twMerge } from 'tailwind-merge';
+import { ToggleGroupItem } from 'reka-ui';
+
+const props = defineProps({
+    value: { type: String, required: true },
+    label: { type: String, default: null },
+    icon: { type: String, default: null },
+    iconOnly: { type: Boolean, default: false },
+});
+
+
+const variant = inject('toggleVariant', 'default');
+const size = inject('toggleSize', 'base');
+
+const slots = useSlots();
+const hasDefaultSlot = !!slots.default;
+const iconOnly = computed(() => (props.icon && !hasDefaultSlot && !props.text) || props.iconOnly);
+
+const toggleItemClasses = computed(() => {
+    const classes = cva({
+        base: 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg font-medium antialiased cursor-pointer no-underline disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none [&_svg]:shrink-0',
+        variants: {
+            variant: {
+                default: [
+                    'bg-linear-to-b from-white to-gray-50 hover:to-gray-100 text-gray-800 border border-gray-300 shadow-ui-sm data-[state=on]:from-gray-200 data-[state=on]:to-gray-200 data-[state=on]:text-gray-900',
+                    'dark:from-gray-800 dark:to-gray-850 dark:hover:to-gray-800 hover:bg-gray-50 dark:hover:bg-gray-850 dark:border-b-0 dark:ring dark:ring-black dark:border-white/15 dark:text-gray-300 dark:shadow-md dark:data-[state=on]:from-gray-950 dark:data-[state=on]:to-gray-950 dark:data-[state=on]:text-white'
+                ],
+                primary: [
+                    'bg-linear-to-b from-primary/90 to-primary hover:bg-primary-hover text-white border border-primary-border shadow-ui-md inset-shadow-2xs inset-shadow-white/25 data-[state=on]:bg-primary-hover',
+                    'dark:from-white dark:to-gray-200 dark:hover:from-gray-200 dark:text-gray-800 dark:border-0 dark:data-[state=on]:from-gray-300 dark:data-[state=on]:to-gray-300'
+                ],
+                filled: 'bg-gray-100 hover:bg-gray-200 dark:bg-gray-700/80 dark:hover:bg-gray-700 data-[state=on]:bg-gray-300 data-[state=on]:border-gray-500 dark:data-[state=on]:bg-gray-950',
+                ghost: 'bg-transparent rounded-lg hover:bg-gray-400/10 text-gray-500 hover:text-gray-700 dark:text-gray-300 dark:hover:bg-gray-700/80 dark:hover:text-gray-200 data-[state=on]:bg-gray-400/20 data-[state=on]:text-gray-700 dark:data-[state=on]:bg-gray-700/80 dark:data-[state=on]:text-white',
+            },
+            size: {
+                base: 'px-4 h-10 text-sm',
+                sm: 'px-3 h-8 text-[0.8125rem]',
+                xs: 'px-2 h-6.5 text-xs',
+            },
+            groupBorder: {
+                default: '[[data-ui-toggle-group]_&]:border-s-0 [:is([data-ui-toggle-group]>&:first-child,_[data-ui-toggle-group]_:first-child>&)]:border-s-[1px]',
+                primary: '[[data-ui-toggle-group]_&]:border-e-0 [:is([data-ui-toggle-group]>&:last-child,_[data-ui-toggle-group]_:last-child>&)]:border-e-[1px] [:is([data-ui-toggle-group]>&:not(:first-child),_[data-ui-toggle-group]_:not(:first-child)>&)]:border-s-primary-gap',
+                filled: '[[data-ui-toggle-group]_&]:border-e [:is([data-ui-toggle-group]>&:last-child,_[data-ui-toggle-group]_:last-child>&)]:border-e-0 [[data-ui-toggle-group]_&]:border-gray-300/70',
+                ghost: '',
+            },
+        },
+        compoundVariants: [
+            { iconOnly: true, size: 'base', class: 'w-10 [&_svg]:size-4' },
+            { iconOnly: true, size: 'sm', class: 'w-8 [&_svg]:size-3.5' },
+            { iconOnly: true, size: 'xs', class: 'w-6.5 [&_svg]:size-3' },
+        ],
+    })({
+        variant,
+        size,
+        groupBorder: variant,
+        iconOnly,
+    });
+
+    return twMerge(classes);
+});
+</script>
+
+<template>
+    <ToggleGroupItem
+        :value="value"
+        :aria-label="label"
+        :class="toggleItemClasses"
+        data-ui-group-target
+    >
+        <ui-icon v-if="icon" :name="icon" class="text-gray-400" />
+        <slot>{{ label }}</slot>
+    </ToggleGroupItem>
+</template>
diff --git a/resources/views/components/user-dropdown.blade.php b/resources/views/components/user-dropdown.blade.php
index 4bde5056911..0d38795101f 100644
--- a/resources/views/components/user-dropdown.blade.php
+++ b/resources/views/components/user-dropdown.blade.php
@@ -1,7 +1,7 @@
 <ui-dropdown align="end" x-cloak>
     <template #trigger>
         <ui-button :icon-only="true" variant="ghost">
-                <img src="{{ $user->avatar() }}" class="size-7 rounded-full" alt="{{ $user->name() }}" />
+            <img src="{{ $user->avatar() }}" class="size-7 rounded-full" alt="{{ $user->name() }}" />
         </ui-button>
     </template>
 
@@ -60,10 +60,6 @@
 
 
     <ui-dropdown-footer class="px-1.75!">
-        <ui-button-group class="justify-between">
-            <ui-button size="xs" variant="ghost" icon="sun" class=" [&_svg]:size-4.5" text="{{ __('Light') }}" />
-            <ui-button size="xs" variant="ghost" icon="moon" class=" [&_svg]:size-4.5" text="{{ __('Dark') }}" />
-            <ui-button size="xs" variant="ghost" icon="monitor" class=" [&_svg]:size-4.5" text="{{ __('System') }}" />
-        </ui-button-group>
+        <theme-toggle />
     </ui-dropdown-footer>
 </ui-dropdown>

From cbb0cda295bc83e5c7e80d2bd1b8cfdb354f4b46 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Thu, 27 Mar 2025 18:47:12 -0400
Subject: [PATCH 023/186] Initial file to be able to use multiple imports ...

eg import { This, That, TheOther } from '@statamic/ui';
---
 resources/js/components/ui/index.js | 5 +++++
 vite.config.js                      | 6 +++++-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 resources/js/components/ui/index.js

diff --git a/resources/js/components/ui/index.js b/resources/js/components/ui/index.js
new file mode 100644
index 00000000000..53e534c6e5d
--- /dev/null
+++ b/resources/js/components/ui/index.js
@@ -0,0 +1,5 @@
+import { default as WithField } from './WithField.vue';
+import { default as Calendar } from './Calendar/Index.vue';
+import { default as Card } from './Card/Index.vue';
+
+export { WithField, Calendar, Card };
diff --git a/vite.config.js b/vite.config.js
index 12e0726d32f..f25c161eef1 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -26,7 +26,11 @@ export default defineConfig(({ mode }) => {
             inject({ Vue: 'vue', include: 'resources/js/**' }),
         ],
         resolve: {
-            alias: { vue: 'vue/dist/vue.esm-bundler.js', '@statamic': path.resolve(__dirname, 'resources/js') },
+            alias: {
+                vue: 'vue/dist/vue.esm-bundler.js',
+                '@statamic/ui': path.resolve(__dirname, 'resources/js/components/ui/index.js'),
+                '@statamic': path.resolve(__dirname, 'resources/js'),
+            },
         },
         optimizeDeps: { include: ['vue'] },
         build: { rollupOptions: { output: { plugins: [visualizer({ filename: 'bundle-stats.html' })] } } },

From 92cfa2526cfe8ae47252340ad335cab1dbbd105f Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Fri, 28 Mar 2025 12:41:19 -0400
Subject: [PATCH 024/186] Calendar, DatePicker, and DateRangePicker ...

- Bring the calendar inline. They need the picker-specific sub-components. These might get extracted out again.
- Add DateRangePicker
- Use imports
- Get rid of computed, just accept modelValue prop as-is. At least for now.
---
 resources/js/components/ui/Calendar/Index.vue |  37 +---
 .../components/ui/DateRangePicker/Index.vue   | 195 ++++++++++++++++++
 .../js/components/ui/Datepicker/Index.vue     | 136 +++++++++---
 resources/js/components/ui/index.js           |   5 +-
 4 files changed, 316 insertions(+), 57 deletions(-)
 create mode 100644 resources/js/components/ui/DateRangePicker/Index.vue

diff --git a/resources/js/components/ui/Calendar/Index.vue b/resources/js/components/ui/Calendar/Index.vue
index 204d9960bd6..078550b8dfb 100644
--- a/resources/js/components/ui/Calendar/Index.vue
+++ b/resources/js/components/ui/Calendar/Index.vue
@@ -14,7 +14,7 @@ import {
     CalendarPrev,
     CalendarNext,
 } from 'reka-ui';
-import { today, parseDate, parseDateTime } from '@internationalized/date';
+import { parseDate } from '@internationalized/date';
 
 defineOptions({ name: 'Calendar' });
 
@@ -26,16 +26,6 @@ const props = defineProps({
 
 const emit = defineEmits(['update:modelValue']);
 
-const value = computed({
-    get: () =>
-        props.modelValue
-            ? typeof props.modelValue === 'string'
-                ? parseDateTime(props.modelValue)
-                : props.modelValue
-            : today(),
-    set: (val) => emit('update:modelValue', val?.toString()),
-});
-
 const minValue = computed(() =>
     props.min ? (typeof props.min === 'string' ? parseDate(props.min) : props.min) : null,
 );
@@ -45,24 +35,17 @@ const maxValue = computed(() =>
 </script>
 
 <template>
-    <CalendarRoot v-model="value" v-slot="{ weekDays, grid }" :minValue="minValue" :maxValue="maxValue" fixed-weeks>
+    <CalendarRoot
+        :model-value="modelValue"
+        v-slot="{ weekDays, grid }"
+        :minValue="minValue"
+        :maxValue="maxValue"
+        :locale="$date.locale"
+        fixed-weeks
+        @update:model-value="emit('update:modelValue', $event)"
+    >
         <CalendarHeader class="flex items-center justify-between">
             <CalendarHeading class="text-sm font-medium text-black dark:text-white" />
-            <!-- <div>
-                <ui-select
-                    :options="months"
-                    size="sm"
-                    flat
-                    class="w-2/3!"
-                />
-
-                <ui-select
-                    :options="years"
-                    size="sm"
-                    flat
-                    class="w-1/3!"
-                />
-            </div> -->
             <div>
                 <CalendarPrev
                     class="inline-flex size-8 cursor-pointer items-center justify-center rounded-md hover:bg-gray-50 active:scale-90 dark:hover:bg-gray-950"
diff --git a/resources/js/components/ui/DateRangePicker/Index.vue b/resources/js/components/ui/DateRangePicker/Index.vue
new file mode 100644
index 00000000000..a60d80cebf3
--- /dev/null
+++ b/resources/js/components/ui/DateRangePicker/Index.vue
@@ -0,0 +1,195 @@
+<script setup>
+import { computed } from 'vue';
+import {
+    DateRangePickerCalendar,
+    DateRangePickerCell,
+    DateRangePickerCellTrigger,
+    DateRangePickerGrid,
+    DateRangePickerGridBody,
+    DateRangePickerGridHead,
+    DateRangePickerGridRow,
+    DateRangePickerHeadCell,
+    DateRangePickerHeader,
+    DateRangePickerHeading,
+    DateRangePickerNext,
+    DateRangePickerPrev,
+    DateRangePickerContent,
+    DateRangePickerField,
+    DateRangePickerInput,
+    DateRangePickerRoot,
+    DateRangePickerTrigger,
+} from 'reka-ui';
+import { parseDate } from '@internationalized/date';
+import { WithField, Card, Button } from '@statamic/ui';
+
+const emit = defineEmits(['update:modelValue']);
+
+const props = defineProps({
+    date: { type: String, default: null },
+    badge: { type: String, default: null },
+    description: { type: String, default: null },
+    label: { type: String, default: null },
+    required: { type: Boolean, default: false },
+    modelValue: { type: [Object, String], default: null },
+    min: { type: [String, Object], default: null },
+    max: { type: [String, Object], default: null },
+    granularity: { type: String, default: null },
+});
+
+const minValue = computed(() =>
+    props.min ? (typeof props.min === 'string' ? parseDate(props.min) : props.min) : null,
+);
+const maxValue = computed(() =>
+    props.max ? (typeof props.max === 'string' ? parseDate(props.max) : props.max) : null,
+);
+</script>
+
+<template>
+    <WithField :label :description :required :badge>
+        <div class="group/input relative block w-full" data-ui-input>
+            <DateRangePickerRoot
+                :modelValue="modelValue"
+                :granularity="granularity"
+                :locale="$date.locale"
+                @update:model-value="emit('update:modelValue', $event)"
+                v-bind="$attrs"
+            >
+                <DateRangePickerField v-slot="{ segments }" class="w-full">
+                    <div
+                        :class="[
+                            'flex w-full bg-white dark:bg-gray-900',
+                            'border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-2xs dark:inset-shadow-black',
+                            'leading-[1.375rem] text-gray-600 dark:text-gray-300',
+                            'shadow-ui-sm not-prose h-10 rounded-lg py-2 ps-3 pe-10 disabled:shadow-none',
+                            'data-invalid:border-red-500',
+                        ]"
+                    >
+                        <template v-for="item in segments.start" :key="item.part">
+                            <DateRangePickerInput v-if="item.part === 'literal'" :part="item.part" type="start">
+                                {{ item.value }}
+                            </DateRangePickerInput>
+                            <DateRangePickerInput
+                                v-else
+                                :part="item.part"
+                                class="rounded-sm px-0.25 py-0.5 focus:bg-gray-50 focus:outline-hidden data-placeholder:text-gray-600 dark:focus:bg-gray-800 dark:data-placeholder:text-gray-400"
+                                :class="{
+                                    'px-0.5!': item.part === 'month' || item.part === 'year' || item.part === 'day',
+                                }"
+                                type="start"
+                            >
+                                {{ item.value }}
+                            </DateRangePickerInput>
+                        </template>
+                        <span class="mx-2"> - </span>
+                        <template v-for="item in segments.end" :key="item.part">
+                            <DateRangePickerInput v-if="item.part === 'literal'" :part="item.part" type="end">
+                                {{ item.value }}
+                            </DateRangePickerInput>
+                            <DateRangePickerInput
+                                v-else
+                                :part="item.part"
+                                class="rounded-sm px-0.25 py-0.5 focus:bg-gray-50 focus:outline-hidden data-placeholder:text-gray-600 dark:focus:bg-gray-800 dark:data-placeholder:text-gray-400"
+                                :class="{
+                                    'px-0.5!': item.part === 'month' || item.part === 'year' || item.part === 'day',
+                                }"
+                                type="end"
+                            >
+                                {{ item.value }}
+                            </DateRangePickerInput>
+                        </template>
+                    </div>
+                    <DateRangePickerTrigger
+                        class="absolute end-1 top-1 bottom-1 flex items-center justify-center rounded-lg px-2 text-gray-400 outline-hidden hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
+                    >
+                        <ui-icon name="calendar" class="h-4 w-4" />
+                    </DateRangePickerTrigger>
+                </DateRangePickerField>
+
+                <DateRangePickerContent
+                    :side-offset="4"
+                    class="data-[state=open]:data-[side=top]:animate-slideDownAndFade data-[state=open]:data-[side=right]:animate-slideLeftAndFade data-[state=open]:data-[side=bottom]:animate-slideUpAndFade data-[state=open]:data-[side=left]:animate-slideRightAndFade will-change-[transform,opacity]"
+                >
+                    <Card>
+                        <DateRangePickerCalendar
+                            :model-value="modelValue"
+                            v-slot="{ weekDays, grid }"
+                            :minValue="minValue"
+                            :maxValue="maxValue"
+                            :locale="$date.locale"
+                            fixed-weeks
+                            @update:model-value="emit('update:modelValue', $event)"
+                        >
+                            <DateRangePickerHeader class="flex items-center justify-between">
+                                <DateRangePickerHeading class="text-sm font-medium text-black dark:text-white" />
+                                <div>
+                                    <DateRangePickerPrev
+                                        class="inline-flex size-8 cursor-pointer items-center justify-center rounded-md hover:bg-gray-50 active:scale-90 dark:hover:bg-gray-950"
+                                    >
+                                        <ui-icon name="chevron-left" class="size-4" />
+                                    </DateRangePickerPrev>
+                                    <DateRangePickerNext
+                                        class="inline-flex size-8 cursor-pointer items-center justify-center rounded-md hover:bg-gray-50 active:scale-90 dark:hover:bg-gray-950"
+                                    >
+                                        <ui-icon name="chevron-right" class="size-4" />
+                                    </DateRangePickerNext>
+                                </div>
+                            </DateRangePickerHeader>
+
+                            <div class="flex flex-col space-y-4 pt-4 sm:flex-row sm:space-y-0 sm:space-x-4">
+                                <DateRangePickerGrid
+                                    v-for="month in grid"
+                                    :key="month.value.toString()"
+                                    class="w-full border-collapse space-y-1 select-none"
+                                >
+                                    <DateRangePickerGridHead>
+                                        <DateRangePickerGridRow class="mb-1 grid w-full grid-cols-7">
+                                            <DateRangePickerHeadCell
+                                                v-for="day in weekDays"
+                                                :key="day"
+                                                class="rounded-md text-xs text-black dark:text-white"
+                                            >
+                                                {{ day }}
+                                            </DateRangePickerHeadCell>
+                                        </DateRangePickerGridRow>
+                                    </DateRangePickerGridHead>
+
+                                    <DateRangePickerGridBody class="grid space-y-1">
+                                        <DateRangePickerGridRow
+                                            v-for="(weekDates, index) in month.rows"
+                                            :key="`weekDate-${index}`"
+                                            class="grid grid-cols-7"
+                                        >
+                                            <DateRangePickerCell
+                                                v-for="weekDate in weekDates"
+                                                :key="weekDate.toString()"
+                                                :date="weekDate"
+                                                class="relative text-center text-sm"
+                                            >
+                                                <DateRangePickerCellTrigger
+                                                    :day="weekDate"
+                                                    :month="month.value"
+                                                    :class="[
+                                                        'relative flex size-8 items-center justify-center rounded-lg text-sm font-normal whitespace-nowrap text-black outline-hidden dark:text-white',
+                                                        'data-outside-view:text-gray-400 dark:data-outside-view:text-gray-600',
+                                                        'data-selected:bg-gray-800! data-selected:text-white dark:data-selected:bg-gray-200! dark:data-selected:text-black',
+                                                        'hover:bg-gray-100 data-highlighted:bg-gray-200 dark:hover:bg-black dark:data-highlighted:bg-black',
+                                                        'data-disabled:pointer-events-none data-disabled:hover:bg-transparent',
+                                                        'data-disabled:text-gray-400 dark:data-disabled:text-gray-600',
+                                                        'data-unavailable:pointer-events-none data-unavailable:text-black/30 data-unavailable:line-through',
+                                                        'before:absolute before:top-[3px] before:hidden before:h-1 before:w-1 before:rounded-lg before:bg-white',
+                                                        'data-today:before:block data-today:before:bg-green-600',
+                                                    ]"
+                                                />
+                                            </DateRangePickerCell>
+                                        </DateRangePickerGridRow>
+                                    </DateRangePickerGridBody>
+                                </DateRangePickerGrid>
+                            </div>
+                        </DateRangePickerCalendar>
+                    </Card>
+                </DateRangePickerContent>
+            </DateRangePickerRoot>
+        </div>
+        <Button @click="emit('update:modelValue', null)" type="button" class="" text="Clear" size="xs" />
+    </WithField>
+</template>
diff --git a/resources/js/components/ui/Datepicker/Index.vue b/resources/js/components/ui/Datepicker/Index.vue
index 8795dcf08f9..c27c6fa200d 100644
--- a/resources/js/components/ui/Datepicker/Index.vue
+++ b/resources/js/components/ui/Datepicker/Index.vue
@@ -1,7 +1,26 @@
 <script setup>
 import { computed } from 'vue';
-import { DatePickerContent, DatePickerField, DatePickerInput, DatePickerRoot, DatePickerTrigger } from 'reka-ui';
-import { parseDateTime, parseDate } from '@internationalized/date';
+import {
+    DatePickerContent,
+    DatePickerField,
+    DatePickerInput,
+    DatePickerRoot,
+    DatePickerTrigger,
+    DatePickerCalendar,
+    DatePickerCell,
+    DatePickerCellTrigger,
+    DatePickerGrid,
+    DatePickerGridBody,
+    DatePickerGridHead,
+    DatePickerGridRow,
+    DatePickerHeadCell,
+    DatePickerHeader,
+    DatePickerHeading,
+    DatePickerNext,
+    DatePickerPrev,
+} from 'reka-ui';
+import { parseDate } from '@internationalized/date';
+import { WithField, Card, Button } from '@statamic/ui';
 
 const emit = defineEmits(['update:modelValue']);
 
@@ -11,28 +30,10 @@ const props = defineProps({
     description: { type: String, default: null },
     label: { type: String, default: null },
     required: { type: Boolean, default: false },
-    modelValue: { type: String, default: null },
+    modelValue: { type: [Object, String], default: null },
     min: { type: [String, Object], default: null },
     max: { type: [String, Object], default: null },
-    granularity: { type: String, default: 'day' },
-});
-
-const dateValue = computed({
-    get: () => {
-        if (!props.modelValue) return null;
-
-        // Check if modelValue contains a timestamp (has a 'T' character)
-        if (props.modelValue.includes('T')) {
-            return parseDateTime(props.modelValue);
-        } else {
-            return parseDate(props.modelValue);
-        }
-    },
-    set: (val) => {
-        if (val) {
-            emit('update:modelValue', val.toString());
-        }
-    },
+    granularity: { type: String, default: null },
 });
 
 const minValue = computed(() =>
@@ -44,12 +45,13 @@ const maxValue = computed(() =>
 </script>
 
 <template>
-    <ui-with-field :label :description :required :badge>
+    <WithField :label :description :required :badge>
         <div class="group/input relative block w-full" data-ui-input>
             <DatePickerRoot
-                :modelValue="dateValue"
+                :modelValue="modelValue"
                 :granularity="granularity"
-                @update:modelValue="emit('update:modelValue', $event?.toString())"
+                :locale="$date.locale"
+                @update:model-value="emit('update:modelValue', $event)"
                 v-bind="$attrs"
             >
                 <DatePickerField v-slot="{ segments }" class="w-full">
@@ -89,11 +91,87 @@ const maxValue = computed(() =>
                     :side-offset="4"
                     class="data-[state=open]:data-[side=top]:animate-slideDownAndFade data-[state=open]:data-[side=right]:animate-slideLeftAndFade data-[state=open]:data-[side=bottom]:animate-slideUpAndFade data-[state=open]:data-[side=left]:animate-slideRightAndFade will-change-[transform,opacity]"
                 >
-                    <ui-card>
-                        <ui-calendar v-model="dateValue" :minValue="minValue" :maxValue="maxValue" />
-                    </ui-card>
+                    <Card>
+                        <DatePickerCalendar
+                            :model-value="modelValue"
+                            v-slot="{ weekDays, grid }"
+                            :minValue="minValue"
+                            :maxValue="maxValue"
+                            :locale="$date.locale"
+                            fixed-weeks
+                            @update:model-value="emit('update:modelValue', $event)"
+                        >
+                            <DatePickerHeader class="flex items-center justify-between">
+                                <DatePickerHeading class="text-sm font-medium text-black dark:text-white" />
+                                <div>
+                                    <DatePickerPrev
+                                        class="inline-flex size-8 cursor-pointer items-center justify-center rounded-md hover:bg-gray-50 active:scale-90 dark:hover:bg-gray-950"
+                                    >
+                                        <ui-icon name="chevron-left" class="size-4" />
+                                    </DatePickerPrev>
+                                    <DatePickerNext
+                                        class="inline-flex size-8 cursor-pointer items-center justify-center rounded-md hover:bg-gray-50 active:scale-90 dark:hover:bg-gray-950"
+                                    >
+                                        <ui-icon name="chevron-right" class="size-4" />
+                                    </DatePickerNext>
+                                </div>
+                            </DatePickerHeader>
+
+                            <div class="flex flex-col space-y-4 pt-4 sm:flex-row sm:space-y-0 sm:space-x-4">
+                                <DatePickerGrid
+                                    v-for="month in grid"
+                                    :key="month.value.toString()"
+                                    class="w-full border-collapse space-y-1 select-none"
+                                >
+                                    <DatePickerGridHead>
+                                        <DatePickerGridRow class="mb-1 grid w-full grid-cols-7">
+                                            <DatePickerHeadCell
+                                                v-for="day in weekDays"
+                                                :key="day"
+                                                class="rounded-md text-xs text-black dark:text-white"
+                                            >
+                                                {{ day }}
+                                            </DatePickerHeadCell>
+                                        </DatePickerGridRow>
+                                    </DatePickerGridHead>
+
+                                    <DatePickerGridBody class="grid space-y-1">
+                                        <DatePickerGridRow
+                                            v-for="(weekDates, index) in month.rows"
+                                            :key="`weekDate-${index}`"
+                                            class="grid grid-cols-7"
+                                        >
+                                            <DatePickerCell
+                                                v-for="weekDate in weekDates"
+                                                :key="weekDate.toString()"
+                                                :date="weekDate"
+                                                class="relative text-center text-sm"
+                                            >
+                                                <DatePickerCellTrigger
+                                                    :day="weekDate"
+                                                    :month="month.value"
+                                                    :class="[
+                                                        'relative flex size-8 items-center justify-center rounded-lg text-sm font-normal whitespace-nowrap text-black outline-hidden dark:text-white',
+                                                        'data-outside-view:text-gray-400 dark:data-outside-view:text-gray-600',
+                                                        'data-selected:bg-gray-800! data-selected:text-white dark:data-selected:bg-gray-200! dark:data-selected:text-black',
+                                                        'hover:bg-gray-100 data-highlighted:bg-gray-200 dark:hover:bg-black dark:data-highlighted:bg-black',
+                                                        'data-disabled:pointer-events-none data-disabled:hover:bg-transparent',
+                                                        'data-disabled:text-gray-400 dark:data-disabled:text-gray-600',
+                                                        'data-unavailable:pointer-events-none data-unavailable:text-black/30 data-unavailable:line-through',
+                                                        'before:absolute before:top-[3px] before:hidden before:h-1 before:w-1 before:rounded-lg before:bg-white',
+                                                        'data-today:before:block data-today:before:bg-green-600',
+                                                    ]"
+                                                />
+                                            </DatePickerCell>
+                                        </DatePickerGridRow>
+                                    </DatePickerGridBody>
+                                </DatePickerGrid>
+                            </div>
+                        </DatePickerCalendar>
+                    </Card>
                 </DatePickerContent>
             </DatePickerRoot>
         </div>
-    </ui-with-field>
+        <Button @click="emit('update:modelValue', null)" type="button" class="" text="Clear" size="xs" />
+    </WithField>
 </template>
diff --git a/resources/js/components/ui/index.js b/resources/js/components/ui/index.js
index 53e534c6e5d..c1d0a3ab01d 100644
--- a/resources/js/components/ui/index.js
+++ b/resources/js/components/ui/index.js
@@ -1,5 +1,8 @@
 import { default as WithField } from './WithField.vue';
 import { default as Calendar } from './Calendar/Index.vue';
 import { default as Card } from './Card/Index.vue';
+import { default as DatePicker } from './Datepicker/Index.vue';
+import { default as DateRangePicker } from './DateRangePicker/Index.vue';
+import { default as Button } from './Button/Index.vue';
 
-export { WithField, Calendar, Card };
+export { WithField, Calendar, Card, DatePicker, DateRangePicker, Button };

From 7bdbe23d3f21f3ae77e5bdc8db10fbb2dec2d771 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Fri, 28 Mar 2025 13:09:03 -0400
Subject: [PATCH 025/186] Allow the calendar component to accept subcomponents
 in a prop

---
 resources/js/components/ui/Calendar/Index.vue | 72 ++++++++++-----
 .../components/ui/DateRangePicker/Index.vue   | 92 ++++---------------
 .../js/components/ui/Datepicker/Index.vue     | 92 ++++---------------
 3 files changed, 82 insertions(+), 174 deletions(-)

diff --git a/resources/js/components/ui/Calendar/Index.vue b/resources/js/components/ui/Calendar/Index.vue
index 078550b8dfb..3fcc5ce1698 100644
--- a/resources/js/components/ui/Calendar/Index.vue
+++ b/resources/js/components/ui/Calendar/Index.vue
@@ -22,8 +22,24 @@ const props = defineProps({
     modelValue: { type: [String, Object], default: null },
     min: { type: [String, Object], default: null },
     max: { type: [String, Object], default: null },
+    components: { type: Object, default: () => ({}) },
 });
 
+const components = computed(() => ({
+    CalendarRoot: props.components.Root || CalendarRoot,
+    CalendarHeader: props.components.Header || CalendarHeader,
+    CalendarHeading: props.components.Heading || CalendarHeading,
+    CalendarPrev: props.components.Prev || CalendarPrev,
+    CalendarNext: props.components.Next || CalendarNext,
+    CalendarGrid: props.components.Grid || CalendarGrid,
+    CalendarGridHead: props.components.GridHead || CalendarGridHead,
+    CalendarGridBody: props.components.GridBody || CalendarGridBody,
+    CalendarGridRow: props.components.GridRow || CalendarGridRow,
+    CalendarHeadCell: props.components.HeadCell || CalendarHeadCell,
+    CalendarCell: props.components.Cell || CalendarCell,
+    CalendarCellTrigger: props.components.CellTrigger || CalendarCellTrigger,
+}));
+
 const emit = defineEmits(['update:modelValue']);
 
 const minValue = computed(() =>
@@ -35,7 +51,8 @@ const maxValue = computed(() =>
 </script>
 
 <template>
-    <CalendarRoot
+    <Component
+        :is="components.CalendarRoot"
         :model-value="modelValue"
         v-slot="{ weekDays, grid }"
         :minValue="minValue"
@@ -44,53 +61,60 @@ const maxValue = computed(() =>
         fixed-weeks
         @update:model-value="emit('update:modelValue', $event)"
     >
-        <CalendarHeader class="flex items-center justify-between">
-            <CalendarHeading class="text-sm font-medium text-black dark:text-white" />
+        <Component :is="components.CalendarHeader" class="flex items-center justify-between">
+            <Component :is="components.CalendarHeading" class="text-sm font-medium text-black dark:text-white" />
             <div>
-                <CalendarPrev
+                <Component
+                    :is="components.CalendarPrev"
                     class="inline-flex size-8 cursor-pointer items-center justify-center rounded-md hover:bg-gray-50 active:scale-90 dark:hover:bg-gray-950"
                 >
                     <ui-icon name="chevron-left" class="size-4" />
-                </CalendarPrev>
-                <CalendarNext
+                </Component>
+                <Component
+                    :is="components.CalendarNext"
                     class="inline-flex size-8 cursor-pointer items-center justify-center rounded-md hover:bg-gray-50 active:scale-90 dark:hover:bg-gray-950"
                 >
                     <ui-icon name="chevron-right" class="size-4" />
-                </CalendarNext>
+                </Component>
             </div>
-        </CalendarHeader>
+        </Component>
 
         <div class="flex flex-col space-y-4 pt-4 sm:flex-row sm:space-y-0 sm:space-x-4">
-            <CalendarGrid
+            <Component
+                :is="components.CalendarGrid"
                 v-for="month in grid"
                 :key="month.value.toString()"
                 class="w-full border-collapse space-y-1 select-none"
             >
-                <CalendarGridHead>
-                    <CalendarGridRow class="mb-1 grid w-full grid-cols-7">
-                        <CalendarHeadCell
+                <Component :is="components.CalendarGridHead">
+                    <Component :is="components.CalendarGridRow" class="mb-1 grid w-full grid-cols-7">
+                        <Component
+                            :is="components.CalendarHeadCell"
                             v-for="day in weekDays"
                             :key="day"
                             class="rounded-md text-xs text-black dark:text-white"
                         >
                             {{ day }}
-                        </CalendarHeadCell>
-                    </CalendarGridRow>
-                </CalendarGridHead>
+                        </Component>
+                    </Component>
+                </Component>
 
-                <CalendarGridBody class="grid space-y-1">
-                    <CalendarGridRow
+                <Component :is="components.CalendarGridBody" class="grid space-y-1">
+                    <Component
+                        :is="components.CalendarGridRow"
                         v-for="(weekDates, index) in month.rows"
                         :key="`weekDate-${index}`"
                         class="grid grid-cols-7"
                     >
-                        <CalendarCell
+                        <Component
+                            :is="components.CalendarCell"
                             v-for="weekDate in weekDates"
                             :key="weekDate.toString()"
                             :date="weekDate"
                             class="relative text-center text-sm"
                         >
-                            <CalendarCellTrigger
+                            <Component
+                                :is="components.CalendarCellTrigger"
                                 :day="weekDate"
                                 :month="month.value"
                                 :class="[
@@ -105,10 +129,10 @@ const maxValue = computed(() =>
                                     'data-today:before:block data-today:before:bg-green-600',
                                 ]"
                             />
-                        </CalendarCell>
-                    </CalendarGridRow>
-                </CalendarGridBody>
-            </CalendarGrid>
+                        </Component>
+                    </Component>
+                </Component>
+            </Component>
         </div>
-    </CalendarRoot>
+    </Component>
 </template>
diff --git a/resources/js/components/ui/DateRangePicker/Index.vue b/resources/js/components/ui/DateRangePicker/Index.vue
index a60d80cebf3..9e49ac48cc7 100644
--- a/resources/js/components/ui/DateRangePicker/Index.vue
+++ b/resources/js/components/ui/DateRangePicker/Index.vue
@@ -20,7 +20,7 @@ import {
     DateRangePickerTrigger,
 } from 'reka-ui';
 import { parseDate } from '@internationalized/date';
-import { WithField, Card, Button } from '@statamic/ui';
+import { WithField, Card, Button, Calendar } from '@statamic/ui';
 
 const emit = defineEmits(['update:modelValue']);
 
@@ -110,82 +110,24 @@ const maxValue = computed(() =>
                     class="data-[state=open]:data-[side=top]:animate-slideDownAndFade data-[state=open]:data-[side=right]:animate-slideLeftAndFade data-[state=open]:data-[side=bottom]:animate-slideUpAndFade data-[state=open]:data-[side=left]:animate-slideRightAndFade will-change-[transform,opacity]"
                 >
                     <Card>
-                        <DateRangePickerCalendar
+                        <Calendar
                             :model-value="modelValue"
-                            v-slot="{ weekDays, grid }"
-                            :minValue="minValue"
-                            :maxValue="maxValue"
-                            :locale="$date.locale"
-                            fixed-weeks
                             @update:model-value="emit('update:modelValue', $event)"
-                        >
-                            <DateRangePickerHeader class="flex items-center justify-between">
-                                <DateRangePickerHeading class="text-sm font-medium text-black dark:text-white" />
-                                <div>
-                                    <DateRangePickerPrev
-                                        class="inline-flex size-8 cursor-pointer items-center justify-center rounded-md hover:bg-gray-50 active:scale-90 dark:hover:bg-gray-950"
-                                    >
-                                        <ui-icon name="chevron-left" class="size-4" />
-                                    </DateRangePickerPrev>
-                                    <DateRangePickerNext
-                                        class="inline-flex size-8 cursor-pointer items-center justify-center rounded-md hover:bg-gray-50 active:scale-90 dark:hover:bg-gray-950"
-                                    >
-                                        <ui-icon name="chevron-right" class="size-4" />
-                                    </DateRangePickerNext>
-                                </div>
-                            </DateRangePickerHeader>
-
-                            <div class="flex flex-col space-y-4 pt-4 sm:flex-row sm:space-y-0 sm:space-x-4">
-                                <DateRangePickerGrid
-                                    v-for="month in grid"
-                                    :key="month.value.toString()"
-                                    class="w-full border-collapse space-y-1 select-none"
-                                >
-                                    <DateRangePickerGridHead>
-                                        <DateRangePickerGridRow class="mb-1 grid w-full grid-cols-7">
-                                            <DateRangePickerHeadCell
-                                                v-for="day in weekDays"
-                                                :key="day"
-                                                class="rounded-md text-xs text-black dark:text-white"
-                                            >
-                                                {{ day }}
-                                            </DateRangePickerHeadCell>
-                                        </DateRangePickerGridRow>
-                                    </DateRangePickerGridHead>
-
-                                    <DateRangePickerGridBody class="grid space-y-1">
-                                        <DateRangePickerGridRow
-                                            v-for="(weekDates, index) in month.rows"
-                                            :key="`weekDate-${index}`"
-                                            class="grid grid-cols-7"
-                                        >
-                                            <DateRangePickerCell
-                                                v-for="weekDate in weekDates"
-                                                :key="weekDate.toString()"
-                                                :date="weekDate"
-                                                class="relative text-center text-sm"
-                                            >
-                                                <DateRangePickerCellTrigger
-                                                    :day="weekDate"
-                                                    :month="month.value"
-                                                    :class="[
-                                                        'relative flex size-8 items-center justify-center rounded-lg text-sm font-normal whitespace-nowrap text-black outline-hidden dark:text-white',
-                                                        'data-outside-view:text-gray-400 dark:data-outside-view:text-gray-600',
-                                                        'data-selected:bg-gray-800! data-selected:text-white dark:data-selected:bg-gray-200! dark:data-selected:text-black',
-                                                        'hover:bg-gray-100 data-highlighted:bg-gray-200 dark:hover:bg-black dark:data-highlighted:bg-black',
-                                                        'data-disabled:pointer-events-none data-disabled:hover:bg-transparent',
-                                                        'data-disabled:text-gray-400 dark:data-disabled:text-gray-600',
-                                                        'data-unavailable:pointer-events-none data-unavailable:text-black/30 data-unavailable:line-through',
-                                                        'before:absolute before:top-[3px] before:hidden before:h-1 before:w-1 before:rounded-lg before:bg-white',
-                                                        'data-today:before:block data-today:before:bg-green-600',
-                                                    ]"
-                                                />
-                                            </DateRangePickerCell>
-                                        </DateRangePickerGridRow>
-                                    </DateRangePickerGridBody>
-                                </DateRangePickerGrid>
-                            </div>
-                        </DateRangePickerCalendar>
+                            :components="{
+                                Root: DateRangePickerCalendar,
+                                Header: DateRangePickerHeader,
+                                Heading: DateRangePickerHeading,
+                                Prev: DateRangePickerPrev,
+                                Next: DateRangePickerNext,
+                                Grid: DateRangePickerGrid,
+                                GridHead: DateRangePickerGridHead,
+                                GridBody: DateRangePickerGridBody,
+                                GridRow: DateRangePickerGridRow,
+                                HeadCell: DateRangePickerHeadCell,
+                                Cell: DateRangePickerCell,
+                                CellTrigger: DateRangePickerCellTrigger,
+                            }"
+                        />
                     </Card>
                 </DateRangePickerContent>
             </DateRangePickerRoot>
diff --git a/resources/js/components/ui/Datepicker/Index.vue b/resources/js/components/ui/Datepicker/Index.vue
index c27c6fa200d..b45083ef93f 100644
--- a/resources/js/components/ui/Datepicker/Index.vue
+++ b/resources/js/components/ui/Datepicker/Index.vue
@@ -20,7 +20,7 @@ import {
     DatePickerPrev,
 } from 'reka-ui';
 import { parseDate } from '@internationalized/date';
-import { WithField, Card, Button } from '@statamic/ui';
+import { WithField, Card, Button, Calendar } from '@statamic/ui';
 
 const emit = defineEmits(['update:modelValue']);
 
@@ -92,82 +92,24 @@ const maxValue = computed(() =>
                     class="data-[state=open]:data-[side=top]:animate-slideDownAndFade data-[state=open]:data-[side=right]:animate-slideLeftAndFade data-[state=open]:data-[side=bottom]:animate-slideUpAndFade data-[state=open]:data-[side=left]:animate-slideRightAndFade will-change-[transform,opacity]"
                 >
                     <Card>
-                        <DatePickerCalendar
+                        <Calendar
                             :model-value="modelValue"
-                            v-slot="{ weekDays, grid }"
-                            :minValue="minValue"
-                            :maxValue="maxValue"
-                            :locale="$date.locale"
-                            fixed-weeks
                             @update:model-value="emit('update:modelValue', $event)"
-                        >
-                            <DatePickerHeader class="flex items-center justify-between">
-                                <DatePickerHeading class="text-sm font-medium text-black dark:text-white" />
-                                <div>
-                                    <DatePickerPrev
-                                        class="inline-flex size-8 cursor-pointer items-center justify-center rounded-md hover:bg-gray-50 active:scale-90 dark:hover:bg-gray-950"
-                                    >
-                                        <ui-icon name="chevron-left" class="size-4" />
-                                    </DatePickerPrev>
-                                    <DatePickerNext
-                                        class="inline-flex size-8 cursor-pointer items-center justify-center rounded-md hover:bg-gray-50 active:scale-90 dark:hover:bg-gray-950"
-                                    >
-                                        <ui-icon name="chevron-right" class="size-4" />
-                                    </DatePickerNext>
-                                </div>
-                            </DatePickerHeader>
-
-                            <div class="flex flex-col space-y-4 pt-4 sm:flex-row sm:space-y-0 sm:space-x-4">
-                                <DatePickerGrid
-                                    v-for="month in grid"
-                                    :key="month.value.toString()"
-                                    class="w-full border-collapse space-y-1 select-none"
-                                >
-                                    <DatePickerGridHead>
-                                        <DatePickerGridRow class="mb-1 grid w-full grid-cols-7">
-                                            <DatePickerHeadCell
-                                                v-for="day in weekDays"
-                                                :key="day"
-                                                class="rounded-md text-xs text-black dark:text-white"
-                                            >
-                                                {{ day }}
-                                            </DatePickerHeadCell>
-                                        </DatePickerGridRow>
-                                    </DatePickerGridHead>
-
-                                    <DatePickerGridBody class="grid space-y-1">
-                                        <DatePickerGridRow
-                                            v-for="(weekDates, index) in month.rows"
-                                            :key="`weekDate-${index}`"
-                                            class="grid grid-cols-7"
-                                        >
-                                            <DatePickerCell
-                                                v-for="weekDate in weekDates"
-                                                :key="weekDate.toString()"
-                                                :date="weekDate"
-                                                class="relative text-center text-sm"
-                                            >
-                                                <DatePickerCellTrigger
-                                                    :day="weekDate"
-                                                    :month="month.value"
-                                                    :class="[
-                                                        'relative flex size-8 items-center justify-center rounded-lg text-sm font-normal whitespace-nowrap text-black outline-hidden dark:text-white',
-                                                        'data-outside-view:text-gray-400 dark:data-outside-view:text-gray-600',
-                                                        'data-selected:bg-gray-800! data-selected:text-white dark:data-selected:bg-gray-200! dark:data-selected:text-black',
-                                                        'hover:bg-gray-100 data-highlighted:bg-gray-200 dark:hover:bg-black dark:data-highlighted:bg-black',
-                                                        'data-disabled:pointer-events-none data-disabled:hover:bg-transparent',
-                                                        'data-disabled:text-gray-400 dark:data-disabled:text-gray-600',
-                                                        'data-unavailable:pointer-events-none data-unavailable:text-black/30 data-unavailable:line-through',
-                                                        'before:absolute before:top-[3px] before:hidden before:h-1 before:w-1 before:rounded-lg before:bg-white',
-                                                        'data-today:before:block data-today:before:bg-green-600',
-                                                    ]"
-                                                />
-                                            </DatePickerCell>
-                                        </DatePickerGridRow>
-                                    </DatePickerGridBody>
-                                </DatePickerGrid>
-                            </div>
-                        </DatePickerCalendar>
+                            :components="{
+                                Root: DatePickerCalendar,
+                                Header: DatePickerHeader,
+                                Heading: DatePickerHeading,
+                                Prev: DatePickerPrev,
+                                Next: DatePickerNext,
+                                Grid: DatePickerGrid,
+                                GridHead: DatePickerGridHead,
+                                GridBody: DatePickerGridBody,
+                                GridRow: DatePickerGridRow,
+                                HeadCell: DatePickerHeadCell,
+                                Cell: DatePickerCell,
+                                CellTrigger: DatePickerCellTrigger,
+                            }"
+                        />
                     </Card>
                 </DatePickerContent>
             </DatePickerRoot>

From a385dddb0e624db749d8faca7f354027dfe17f62 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Fri, 28 Mar 2025 13:50:13 -0400
Subject: [PATCH 026/186] Inline modes, pass along min/max as-is.

---
 .../components/ui/DateRangePicker/Index.vue   | 58 ++++++++++---------
 .../js/components/ui/Datepicker/Index.vue     | 58 ++++++++++---------
 2 files changed, 64 insertions(+), 52 deletions(-)

diff --git a/resources/js/components/ui/DateRangePicker/Index.vue b/resources/js/components/ui/DateRangePicker/Index.vue
index 9e49ac48cc7..dc1634f6259 100644
--- a/resources/js/components/ui/DateRangePicker/Index.vue
+++ b/resources/js/components/ui/DateRangePicker/Index.vue
@@ -19,7 +19,6 @@ import {
     DateRangePickerRoot,
     DateRangePickerTrigger,
 } from 'reka-ui';
-import { parseDate } from '@internationalized/date';
 import { WithField, Card, Button, Calendar } from '@statamic/ui';
 
 const emit = defineEmits(['update:modelValue']);
@@ -34,14 +33,32 @@ const props = defineProps({
     min: { type: [String, Object], default: null },
     max: { type: [String, Object], default: null },
     granularity: { type: String, default: null },
+    inline: { type: Boolean, default: false },
 });
 
-const minValue = computed(() =>
-    props.min ? (typeof props.min === 'string' ? parseDate(props.min) : props.min) : null,
-);
-const maxValue = computed(() =>
-    props.max ? (typeof props.max === 'string' ? parseDate(props.max) : props.max) : null,
-);
+const calendarBindings = computed(() => ({
+    modelValue: props.modelValue,
+    min: props.min,
+    max: props.max,
+    components: {
+        Root: DateRangePickerCalendar,
+        Header: DateRangePickerHeader,
+        Heading: DateRangePickerHeading,
+        Prev: DateRangePickerPrev,
+        Next: DateRangePickerNext,
+        Grid: DateRangePickerGrid,
+        GridHead: DateRangePickerGridHead,
+        GridBody: DateRangePickerGridBody,
+        GridRow: DateRangePickerGridRow,
+        HeadCell: DateRangePickerHeadCell,
+        Cell: DateRangePickerCell,
+        CellTrigger: DateRangePickerCellTrigger,
+    },
+}));
+
+const calendarEvents = computed(() => ({
+    'update:model-value': (event) => emit('update:modelValue', event),
+}));
 </script>
 
 <template>
@@ -99,6 +116,7 @@ const maxValue = computed(() =>
                         </template>
                     </div>
                     <DateRangePickerTrigger
+                        v-if="!inline"
                         class="absolute end-1 top-1 bottom-1 flex items-center justify-center rounded-lg px-2 text-gray-400 outline-hidden hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
                     >
                         <ui-icon name="calendar" class="h-4 w-4" />
@@ -106,30 +124,18 @@ const maxValue = computed(() =>
                 </DateRangePickerField>
 
                 <DateRangePickerContent
+                    v-if="!inline"
                     :side-offset="4"
                     class="data-[state=open]:data-[side=top]:animate-slideDownAndFade data-[state=open]:data-[side=right]:animate-slideLeftAndFade data-[state=open]:data-[side=bottom]:animate-slideUpAndFade data-[state=open]:data-[side=left]:animate-slideRightAndFade will-change-[transform,opacity]"
                 >
-                    <Card>
-                        <Calendar
-                            :model-value="modelValue"
-                            @update:model-value="emit('update:modelValue', $event)"
-                            :components="{
-                                Root: DateRangePickerCalendar,
-                                Header: DateRangePickerHeader,
-                                Heading: DateRangePickerHeading,
-                                Prev: DateRangePickerPrev,
-                                Next: DateRangePickerNext,
-                                Grid: DateRangePickerGrid,
-                                GridHead: DateRangePickerGridHead,
-                                GridBody: DateRangePickerGridBody,
-                                GridRow: DateRangePickerGridRow,
-                                HeadCell: DateRangePickerHeadCell,
-                                Cell: DateRangePickerCell,
-                                CellTrigger: DateRangePickerCellTrigger,
-                            }"
-                        />
+                    <Card class="w-[20rem]">
+                        <Calendar v-bind="calendarBindings" v-on="calendarEvents" />
                     </Card>
                 </DateRangePickerContent>
+
+                <Card v-if="inline" class="mt-2">
+                    <Calendar v-bind="calendarBindings" v-on="calendarEvents" />
+                </Card>
             </DateRangePickerRoot>
         </div>
         <Button @click="emit('update:modelValue', null)" type="button" class="" text="Clear" size="xs" />
diff --git a/resources/js/components/ui/Datepicker/Index.vue b/resources/js/components/ui/Datepicker/Index.vue
index b45083ef93f..fca618c342a 100644
--- a/resources/js/components/ui/Datepicker/Index.vue
+++ b/resources/js/components/ui/Datepicker/Index.vue
@@ -19,7 +19,6 @@ import {
     DatePickerNext,
     DatePickerPrev,
 } from 'reka-ui';
-import { parseDate } from '@internationalized/date';
 import { WithField, Card, Button, Calendar } from '@statamic/ui';
 
 const emit = defineEmits(['update:modelValue']);
@@ -34,14 +33,32 @@ const props = defineProps({
     min: { type: [String, Object], default: null },
     max: { type: [String, Object], default: null },
     granularity: { type: String, default: null },
+    inline: { type: Boolean, default: false },
 });
 
-const minValue = computed(() =>
-    props.min ? (typeof props.min === 'string' ? parseDate(props.min) : props.min) : null,
-);
-const maxValue = computed(() =>
-    props.max ? (typeof props.max === 'string' ? parseDate(props.max) : props.max) : null,
-);
+const calendarBindings = computed(() => ({
+    modelValue: props.modelValue,
+    min: props.min,
+    max: props.max,
+    components: {
+        Root: DatePickerCalendar,
+        Header: DatePickerHeader,
+        Heading: DatePickerHeading,
+        Prev: DatePickerPrev,
+        Next: DatePickerNext,
+        Grid: DatePickerGrid,
+        GridHead: DatePickerGridHead,
+        GridBody: DatePickerGridBody,
+        GridRow: DatePickerGridRow,
+        HeadCell: DatePickerHeadCell,
+        Cell: DatePickerCell,
+        CellTrigger: DatePickerCellTrigger,
+    },
+}));
+
+const calendarEvents = computed(() => ({
+    'update:model-value': (event) => emit('update:modelValue', event),
+}));
 </script>
 
 <template>
@@ -81,6 +98,7 @@ const maxValue = computed(() =>
                         </template>
                     </div>
                     <DatePickerTrigger
+                        v-if="!inline"
                         class="absolute end-1 top-1 bottom-1 flex items-center justify-center rounded-lg px-2 text-gray-400 outline-hidden hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
                     >
                         <ui-icon name="calendar" class="h-4 w-4" />
@@ -88,30 +106,18 @@ const maxValue = computed(() =>
                 </DatePickerField>
 
                 <DatePickerContent
+                    v-if="!inline"
                     :side-offset="4"
                     class="data-[state=open]:data-[side=top]:animate-slideDownAndFade data-[state=open]:data-[side=right]:animate-slideLeftAndFade data-[state=open]:data-[side=bottom]:animate-slideUpAndFade data-[state=open]:data-[side=left]:animate-slideRightAndFade will-change-[transform,opacity]"
                 >
-                    <Card>
-                        <Calendar
-                            :model-value="modelValue"
-                            @update:model-value="emit('update:modelValue', $event)"
-                            :components="{
-                                Root: DatePickerCalendar,
-                                Header: DatePickerHeader,
-                                Heading: DatePickerHeading,
-                                Prev: DatePickerPrev,
-                                Next: DatePickerNext,
-                                Grid: DatePickerGrid,
-                                GridHead: DatePickerGridHead,
-                                GridBody: DatePickerGridBody,
-                                GridRow: DatePickerGridRow,
-                                HeadCell: DatePickerHeadCell,
-                                Cell: DatePickerCell,
-                                CellTrigger: DatePickerCellTrigger,
-                            }"
-                        />
+                    <Card class="w-[20rem]">
+                        <Calendar v-bind="calendarBindings" v-on="calendarEvents" />
                     </Card>
                 </DatePickerContent>
+
+                <Card v-if="inline" class="mt-2">
+                    <Calendar v-bind="calendarBindings" v-on="calendarEvents" />
+                </Card>
             </DatePickerRoot>
         </div>
         <Button @click="emit('update:modelValue', null)" type="button" class="" text="Clear" size="xs" />

From 9e17e60ea62793233fa3cb3e9b772d24e2e41680 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Tue, 1 Apr 2025 09:41:34 -0400
Subject: [PATCH 027/186] Hook up theme selector via new Statamic.$theme helper

---
 resources/js/bootstrap/App.vue                |  2 -
 resources/js/bootstrap/statamic.js            | 14 ++--
 resources/js/components/Theme.js              | 66 +++++++++++++++++++
 resources/js/components/ThemeToggle.vue       | 51 --------------
 .../views/components/user-dropdown.blade.php  |  6 +-
 .../View/Composers/JavascriptComposer.php     |  1 +
 6 files changed, 79 insertions(+), 61 deletions(-)
 create mode 100644 resources/js/components/Theme.js
 delete mode 100644 resources/js/components/ThemeToggle.vue

diff --git a/resources/js/bootstrap/App.vue b/resources/js/bootstrap/App.vue
index a63dc8a5b44..4e64253cd5c 100644
--- a/resources/js/bootstrap/App.vue
+++ b/resources/js/bootstrap/App.vue
@@ -1,7 +1,6 @@
 <script>
 import GlobalSearch from '../components/GlobalSearch.vue';
 import GlobalSiteSelector from '../components/GlobalSiteSelector.vue';
-import ThemeToggle from '../components/ThemeToggle.vue';
 import Login from '../components/login/Login.vue';
 import BaseEntryCreateForm from '../components/entries/BaseCreateForm.vue';
 import BaseTermCreateForm from '../components/terms/BaseCreateForm.vue';
@@ -50,7 +49,6 @@ export default {
     components: {
         GlobalSearch,
         GlobalSiteSelector,
-        ThemeToggle,
         Login,
         BaseEntryCreateForm,
         BaseTermCreateForm,
diff --git a/resources/js/bootstrap/statamic.js b/resources/js/bootstrap/statamic.js
index fff5c1e2df5..01fc168aa9c 100644
--- a/resources/js/bootstrap/statamic.js
+++ b/resources/js/bootstrap/statamic.js
@@ -27,6 +27,7 @@ import Stacks from '../components/stacks/Stacks';
 import Hooks from '../components/Hooks';
 import Bard from '../components/Bard';
 import Components from '../components/Components';
+import Theme from '../components/Theme.js';
 import FieldConditions from '../components/FieldConditions';
 import Reveal from '../components/Reveal';
 import Echo from '../components/Echo';
@@ -34,7 +35,6 @@ import Permission from '../components/Permission';
 import autosize from 'autosize';
 import DateFormatter from '@statamic/components/DateFormatter.js';
 
-const darkMode = ref(null);
 let bootingCallbacks = [];
 let bootedCallbacks = [];
 let components;
@@ -100,12 +100,8 @@ export default {
         return this.$app.config.globalProperties.$date;
     },
 
-    get darkMode() {
-        return darkMode;
-    },
-
-    set darkMode(value) {
-        darkMode.value = value;
+    get $theme() {
+        return this.$app.config.globalProperties.$theme;
     },
 
     get user() {
@@ -162,6 +158,10 @@ export default {
             $date: new DateFormatter(),
         });
 
+        Object.assign(this.$app.config.globalProperties, {
+            $theme: new Theme(this.initialConfig.user.theme),
+        });
+
         Object.assign(this.$app.config.globalProperties, {
             __(key, replacements) {
                 return __(key, replacements);
diff --git a/resources/js/components/Theme.js b/resources/js/components/Theme.js
new file mode 100644
index 00000000000..a5264ab307a
--- /dev/null
+++ b/resources/js/components/Theme.js
@@ -0,0 +1,66 @@
+import { watch, ref } from 'vue';
+
+export default class Theme {
+    #preference;
+    #theme = ref(null);
+
+    constructor(preference) {
+        this.#preference = ref(preference);
+        this.#watchPreferences();
+        this.#watchTheme();
+        this.#listenForColorSchemeChange();
+    }
+
+    get preference() {
+        return this.#preference;
+    }
+
+    set preference(value) {
+        this.#preference.value = value;
+    }
+
+    #watchPreferences() {
+        watch(
+            this.#preference,
+            (preference) => {
+                this.#setTheme(preference);
+                this.#savePreference(preference);
+            },
+            { immediate: true },
+        );
+    }
+
+    #watchTheme() {
+        watch(
+            this.#theme,
+            (theme) => {
+                document.documentElement.classList.toggle('dark', theme === 'dark');
+            },
+            { immediate: true },
+        );
+    }
+
+    #listenForColorSchemeChange() {
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
+            if (this.#preference.value === 'auto') this.#theme.value = e.matches ? 'dark' : 'light';
+        });
+    }
+
+    #setTheme(preference) {
+        this.#theme.value =
+            preference === 'dark' ||
+            (preference === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches)
+                ? 'dark'
+                : 'light';
+    }
+
+    #savePreference(preference) {
+        if (preference === 'auto') {
+            Statamic.$preferences.remove('theme');
+            localStorage.removeItem('statamic.theme');
+        } else {
+            Statamic.$preferences.set('theme', preference);
+            localStorage.setItem('statamic.theme', preference);
+        }
+    }
+}
diff --git a/resources/js/components/ThemeToggle.vue b/resources/js/components/ThemeToggle.vue
deleted file mode 100644
index 70d2bcd5132..00000000000
--- a/resources/js/components/ThemeToggle.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
-    <ui-toggle-group variant="ghost" size="xs" class="justify-between" v-model="preference">
-        <ui-toggle-item icon="sun" class="[&_svg]:size-4.5" value="light" :label="__('Light')" />
-        <ui-toggle-item icon="moon" class="[&_svg]:size-4.5" value="dark" :label="__('Dark')" />
-        <ui-toggle-item icon="monitor" class="[&_svg]:size-4.5" value="auto" :label="__('System')" />
-    </ui-toggle-group>
-</template>
-
-<script>
-export default {
-    props: {
-        initial: { type: String, default: 'auto' },
-    },
-    data() {
-        return {
-            preference: this.initial,
-            theme: null,
-        };
-    },
-    watch: {
-        preference: {
-            immediate: true,
-            handler(mode) {
-                this.theme = mode === 'dark' || (mode === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches)
-                    ? 'dark'
-                    : 'light';
-
-                if (mode === 'auto') {
-                    this.$preferences.remove('theme');
-                    localStorage.removeItem('statamic.theme');
-                } else {
-                    this.$preferences.set('theme', mode);
-                    localStorage.setItem('statamic.theme', mode);
-                }
-            },
-        },
-        theme: {
-            immediate: true,
-            handler(theme) {
-                document.documentElement.classList.toggle('dark', theme === 'dark');
-                Statamic.darkMode = theme === 'dark';
-            },
-        },
-    },
-    created() {
-        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
-            if (this.preference === 'auto') this.theme = e.matches ? 'dark' : 'light';
-        });
-    },
-};
-</script>
diff --git a/resources/views/components/user-dropdown.blade.php b/resources/views/components/user-dropdown.blade.php
index 0d38795101f..013fc5559d4 100644
--- a/resources/views/components/user-dropdown.blade.php
+++ b/resources/views/components/user-dropdown.blade.php
@@ -60,6 +60,10 @@
 
 
     <ui-dropdown-footer class="px-1.75!">
-        <theme-toggle />
+        <ui-toggle-group variant="ghost" size="xs" class="justify-between" v-model="$theme.preference">
+            <ui-toggle-item icon="sun" class="[&_svg]:size-4.5" value="light" :label="__('Light')" />
+            <ui-toggle-item icon="moon" class="[&_svg]:size-4.5" value="dark" :label="__('Dark')" />
+            <ui-toggle-item icon="monitor" class="[&_svg]:size-4.5" value="auto" :label="__('System')" />
+        </ui-toggle-group>
     </ui-dropdown-footer>
 </ui-dropdown>
diff --git a/src/Http/View/Composers/JavascriptComposer.php b/src/Http/View/Composers/JavascriptComposer.php
index d9e0f253438..4ddf0c1a970 100644
--- a/src/Http/View/Composers/JavascriptComposer.php
+++ b/src/Http/View/Composers/JavascriptComposer.php
@@ -102,6 +102,7 @@ protected function user($user)
         return $user->toAugmentedCollection()->merge([
             'preferences' => Preference::all(),
             'permissions' => $user->permissions()->all(),
+            'theme' => $user->preferredTheme(),
         ])->toArray();
     }
 

From 637c17741b982ea94456c057b58fafd957c7fe29 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Tue, 1 Apr 2025 11:47:18 -0400
Subject: [PATCH 028/186] Require jsdom and fix test ...

Looks like jsdom got removed in a vitest update.
---
 package-lock.json                             | 486 ++++++++++++++++++
 package.json                                  |   1 +
 .../fieldtypes/TextFieldtype.test.js          |   4 +-
 3 files changed, 489 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index af26aabcda6..60153a99291 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -95,6 +95,7 @@
                 "@tailwindcss/vite": "^4.0.6",
                 "@vitejs/plugin-vue": "^5.2.1",
                 "@vue/test-utils": "^2.4.6",
+                "jsdom": "^26.0.0",
                 "knip": "^5.43.6",
                 "laravel-vite-plugin": "^1.2.0",
                 "prettier": "^3.4.2",
@@ -125,6 +126,20 @@
                 "vue": "^3.2.0"
             }
         },
+        "node_modules/@asamuzakjp/css-color": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-3.1.1.tgz",
+            "integrity": "sha512-hpRD68SV2OMcZCsrbdkccTw5FXjNDLo5OuqSHyHZfwweGsDWZwDJ2+gONyNAbazZclobMirACLw0lk8WVxIqxA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@csstools/css-calc": "^2.1.2",
+                "@csstools/css-color-parser": "^3.0.8",
+                "@csstools/css-parser-algorithms": "^3.0.4",
+                "@csstools/css-tokenizer": "^3.0.3",
+                "lru-cache": "^10.4.3"
+            }
+        },
         "node_modules/@babel/helper-string-parser": {
             "version": "7.25.9",
             "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
@@ -196,6 +211,121 @@
                 "node": ">=6.9.0"
             }
         },
+        "node_modules/@csstools/color-helpers": {
+            "version": "5.0.2",
+            "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-5.0.2.tgz",
+            "integrity": "sha512-JqWH1vsgdGcw2RR6VliXXdA0/59LttzlU8UlRT/iUUsEeWfYq8I+K0yhihEUTTHLRm1EXvpsCx3083EU15ecsA==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/csstools"
+                },
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/csstools"
+                }
+            ],
+            "license": "MIT-0",
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@csstools/css-calc": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-2.1.2.tgz",
+            "integrity": "sha512-TklMyb3uBB28b5uQdxjReG4L80NxAqgrECqLZFQbyLekwwlcDDS8r3f07DKqeo8C4926Br0gf/ZDe17Zv4wIuw==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/csstools"
+                },
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/csstools"
+                }
+            ],
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            },
+            "peerDependencies": {
+                "@csstools/css-parser-algorithms": "^3.0.4",
+                "@csstools/css-tokenizer": "^3.0.3"
+            }
+        },
+        "node_modules/@csstools/css-color-parser": {
+            "version": "3.0.8",
+            "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-3.0.8.tgz",
+            "integrity": "sha512-pdwotQjCCnRPuNi06jFuP68cykU1f3ZWExLe/8MQ1LOs8Xq+fTkYgd+2V8mWUWMrOn9iS2HftPVaMZDaXzGbhQ==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/csstools"
+                },
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/csstools"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "@csstools/color-helpers": "^5.0.2",
+                "@csstools/css-calc": "^2.1.2"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "peerDependencies": {
+                "@csstools/css-parser-algorithms": "^3.0.4",
+                "@csstools/css-tokenizer": "^3.0.3"
+            }
+        },
+        "node_modules/@csstools/css-parser-algorithms": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.4.tgz",
+            "integrity": "sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/csstools"
+                },
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/csstools"
+                }
+            ],
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            },
+            "peerDependencies": {
+                "@csstools/css-tokenizer": "^3.0.3"
+            }
+        },
+        "node_modules/@csstools/css-tokenizer": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.3.tgz",
+            "integrity": "sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/csstools"
+                },
+                {
+                    "type": "opencollective",
+                    "url": "https://opencollective.com/csstools"
+                }
+            ],
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            }
+        },
         "node_modules/@esbuild/aix-ppc64": {
             "version": "0.25.1",
             "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.1.tgz",
@@ -2434,6 +2564,16 @@
                 "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
             }
         },
+        "node_modules/agent-base": {
+            "version": "7.1.3",
+            "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz",
+            "integrity": "sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 14"
+            }
+        },
         "node_modules/aggregate-error": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
@@ -2942,6 +3082,20 @@
             "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
             "license": "CC0-1.0"
         },
+        "node_modules/cssstyle": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.3.0.tgz",
+            "integrity": "sha512-6r0NiY0xizYqfBvWp1G7WXJ06/bZyrk7Dc6PHql82C/pKGUTKu4yAX4Y8JPamb1ob9nBKuxWzCGTRuGwU3yxJQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@asamuzakjp/css-color": "^3.1.1",
+                "rrweb-cssom": "^0.8.0"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
         "node_modules/csstype": {
             "version": "3.1.3",
             "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
@@ -2968,6 +3122,20 @@
                 }
             }
         },
+        "node_modules/data-urls": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz",
+            "integrity": "sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "whatwg-mimetype": "^4.0.0",
+                "whatwg-url": "^14.0.0"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
         "node_modules/date-fns": {
             "version": "2.30.0",
             "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
@@ -3011,6 +3179,13 @@
                 }
             }
         },
+        "node_modules/decimal.js": {
+            "version": "10.5.0",
+            "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.5.0.tgz",
+            "integrity": "sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/deep-eql": {
             "version": "5.0.2",
             "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
@@ -3753,6 +3928,60 @@
                 "node": ">=12.0.0"
             }
         },
+        "node_modules/html-encoding-sniffer": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
+            "integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "whatwg-encoding": "^3.1.1"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/http-proxy-agent": {
+            "version": "7.0.2",
+            "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+            "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "agent-base": "^7.1.0",
+                "debug": "^4.3.4"
+            },
+            "engines": {
+                "node": ">= 14"
+            }
+        },
+        "node_modules/https-proxy-agent": {
+            "version": "7.0.6",
+            "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+            "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "agent-base": "^7.1.2",
+                "debug": "4"
+            },
+            "engines": {
+                "node": ">= 14"
+            }
+        },
+        "node_modules/iconv-lite": {
+            "version": "0.6.3",
+            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "safer-buffer": ">= 2.1.2 < 3.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/ignore": {
             "version": "5.3.2",
             "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
@@ -3864,6 +4093,13 @@
                 "node": ">=0.12.0"
             }
         },
+        "node_modules/is-potential-custom-element-name": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+            "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/is-whitespace": {
             "version": "0.3.0",
             "resolved": "https://registry.npmjs.org/is-whitespace/-/is-whitespace-0.3.0.tgz",
@@ -3960,6 +4196,47 @@
                 "js-yaml": "bin/js-yaml.js"
             }
         },
+        "node_modules/jsdom": {
+            "version": "26.0.0",
+            "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-26.0.0.tgz",
+            "integrity": "sha512-BZYDGVAIriBWTpIxYzrXjv3E/4u8+/pSG5bQdIYCbNCGOvsPkDQfTVLAIXAf9ETdCpduCVTkDe2NNZ8NIwUVzw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "cssstyle": "^4.2.1",
+                "data-urls": "^5.0.0",
+                "decimal.js": "^10.4.3",
+                "form-data": "^4.0.1",
+                "html-encoding-sniffer": "^4.0.0",
+                "http-proxy-agent": "^7.0.2",
+                "https-proxy-agent": "^7.0.6",
+                "is-potential-custom-element-name": "^1.0.1",
+                "nwsapi": "^2.2.16",
+                "parse5": "^7.2.1",
+                "rrweb-cssom": "^0.8.0",
+                "saxes": "^6.0.0",
+                "symbol-tree": "^3.2.4",
+                "tough-cookie": "^5.0.0",
+                "w3c-xmlserializer": "^5.0.0",
+                "webidl-conversions": "^7.0.0",
+                "whatwg-encoding": "^3.1.1",
+                "whatwg-mimetype": "^4.0.0",
+                "whatwg-url": "^14.1.0",
+                "ws": "^8.18.0",
+                "xml-name-validator": "^5.0.0"
+            },
+            "engines": {
+                "node": ">=18"
+            },
+            "peerDependencies": {
+                "canvas": "^3.0.0"
+            },
+            "peerDependenciesMeta": {
+                "canvas": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/kind-of": {
             "version": "3.2.2",
             "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
@@ -4581,6 +4858,13 @@
                 "url": "https://github.com/fb55/nth-check?sponsor=1"
             }
         },
+        "node_modules/nwsapi": {
+            "version": "2.2.20",
+            "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.20.tgz",
+            "integrity": "sha512-/ieB+mDe4MrrKMT8z+mQL8klXydZWGR5Dowt4RAGKbJ3kIGEx3X4ljUo+6V73IXtUPWgfOlU5B9MlGxFO5T+cA==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/object-inspect": {
             "version": "1.13.4",
             "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
@@ -4658,6 +4942,19 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/parse5": {
+            "version": "7.2.1",
+            "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.1.tgz",
+            "integrity": "sha512-BuBYQYlv1ckiPdQi/ohiivi9Sagc9JG+Ozs0r7b/0iK3sKmrb0b9FdWdBbOdx6hBCM/F9Ir82ofnBhtZOjCRPQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "entities": "^4.5.0"
+            },
+            "funding": {
+                "url": "https://github.com/inikulin/parse5?sponsor=1"
+            }
+        },
         "node_modules/path-key": {
             "version": "3.1.1",
             "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -5164,6 +5461,16 @@
             "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
             "license": "MIT"
         },
+        "node_modules/punycode": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+            "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/punycode.js": {
             "version": "2.3.1",
             "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
@@ -5362,6 +5669,13 @@
             "integrity": "sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==",
             "license": "MIT"
         },
+        "node_modules/rrweb-cssom": {
+            "version": "0.8.0",
+            "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz",
+            "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/run-parallel": {
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -5386,6 +5700,26 @@
                 "queue-microtask": "^1.2.2"
             }
         },
+        "node_modules/safer-buffer": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/saxes": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+            "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+            "dev": true,
+            "license": "ISC",
+            "dependencies": {
+                "xmlchars": "^2.2.0"
+            },
+            "engines": {
+                "node": ">=v12.22.7"
+            }
+        },
         "node_modules/semver": {
             "version": "7.7.1",
             "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
@@ -5715,6 +6049,13 @@
                 "node": ">= 10"
             }
         },
+        "node_modules/symbol-tree": {
+            "version": "3.2.4",
+            "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+            "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/tabbable": {
             "version": "6.2.0",
             "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
@@ -5807,6 +6148,26 @@
                 "@popperjs/core": "^2.9.0"
             }
         },
+        "node_modules/tldts": {
+            "version": "6.1.85",
+            "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.85.tgz",
+            "integrity": "sha512-gBdZ1RjCSevRPFix/hpaUWeak2/RNUZB4/8frF1r5uYMHjFptkiT0JXIebWvgI/0ZHXvxaUDDJshiA0j6GdL3w==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "tldts-core": "^6.1.85"
+            },
+            "bin": {
+                "tldts": "bin/cli.js"
+            }
+        },
+        "node_modules/tldts-core": {
+            "version": "6.1.85",
+            "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.85.tgz",
+            "integrity": "sha512-DTjUVvxckL1fIoPSb3KE7ISNtkWSawZdpfxGxwiIrZoO6EbHVDXXUIlIuWympPaeS+BLGyggozX/HTMsRAdsoA==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/to-regex-range": {
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -5820,6 +6181,32 @@
                 "node": ">=8.0"
             }
         },
+        "node_modules/tough-cookie": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.1.2.tgz",
+            "integrity": "sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==",
+            "dev": true,
+            "license": "BSD-3-Clause",
+            "dependencies": {
+                "tldts": "^6.1.32"
+            },
+            "engines": {
+                "node": ">=16"
+            }
+        },
+        "node_modules/tr46": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.1.0.tgz",
+            "integrity": "sha512-IUWnUK7ADYR5Sl1fZlO1INDUhVhatWl7BtJWsIhwJ0UAK7ilzzIa8uIqOO/aYVWHZPJkKbEL+362wrzoeRF7bw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "punycode": "^2.3.1"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
         "node_modules/tslib": {
             "version": "2.8.1",
             "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
@@ -6328,6 +6715,19 @@
             "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
             "license": "MIT"
         },
+        "node_modules/w3c-xmlserializer": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+            "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "xml-name-validator": "^5.0.0"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
         "node_modules/wcwidth": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
@@ -6339,6 +6739,53 @@
                 "defaults": "^1.0.3"
             }
         },
+        "node_modules/webidl-conversions": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+            "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+            "dev": true,
+            "license": "BSD-2-Clause",
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/whatwg-encoding": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
+            "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "iconv-lite": "0.6.3"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/whatwg-mimetype": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+            "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/whatwg-url": {
+            "version": "14.2.0",
+            "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.2.0.tgz",
+            "integrity": "sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "tr46": "^5.1.0",
+                "webidl-conversions": "^7.0.0"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
         "node_modules/which": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -6453,6 +6900,45 @@
                 "node": ">=8"
             }
         },
+        "node_modules/ws": {
+            "version": "8.18.1",
+            "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.1.tgz",
+            "integrity": "sha512-RKW2aJZMXeMxVpnZ6bck+RswznaxmzdULiBr6KY7XkTnW8uvt0iT9H5DkHUChXrc+uurzwa0rVI16n/Xzjdz1w==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=10.0.0"
+            },
+            "peerDependencies": {
+                "bufferutil": "^4.0.1",
+                "utf-8-validate": ">=5.0.2"
+            },
+            "peerDependenciesMeta": {
+                "bufferutil": {
+                    "optional": true
+                },
+                "utf-8-validate": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/xml-name-validator": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+            "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/xmlchars": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+            "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/y18n": {
             "version": "5.0.8",
             "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
diff --git a/package.json b/package.json
index 74391f3e217..9d1743da89f 100644
--- a/package.json
+++ b/package.json
@@ -104,6 +104,7 @@
         "@tailwindcss/vite": "^4.0.6",
         "@vitejs/plugin-vue": "^5.2.1",
         "@vue/test-utils": "^2.4.6",
+        "jsdom": "^26.0.0",
         "knip": "^5.43.6",
         "laravel-vite-plugin": "^1.2.0",
         "prettier": "^3.4.2",
diff --git a/resources/js/tests/components/fieldtypes/TextFieldtype.test.js b/resources/js/tests/components/fieldtypes/TextFieldtype.test.js
index 81b2c28b2d5..a9b72907c3f 100644
--- a/resources/js/tests/components/fieldtypes/TextFieldtype.test.js
+++ b/resources/js/tests/components/fieldtypes/TextFieldtype.test.js
@@ -1,7 +1,7 @@
 import { mount } from '@vue/test-utils';
 import { expect, test } from 'vitest';
 import TextFieldtype from '@statamic/components/fieldtypes/TextFieldtype.vue';
-import TextInput from '@statamic/components/inputs/Text.vue';
+import Input from '@statamic/components/ui/Input/Index.vue';
 
 test('value can be updated', async () => {
     const wrapper = mount(TextFieldtype, {
@@ -10,7 +10,7 @@ test('value can be updated', async () => {
             handle: 'name',
         },
         components: {
-            TextInput,
+            Input,
         },
     });
 

From eca4303fdb2264338acee09449313ca3a9e896fc Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 1 Apr 2025 12:31:30 -0400
Subject: [PATCH 029/186] Some cleanup

---
 resources/css/app.css                         |  4 +-
 resources/css/components/nav-main.css         |  2 +-
 resources/css/rtl.css                         |  9 --
 resources/js/bootstrap/App.vue                |  2 +-
 .../js/components/blueprints/ImportField.vue  |  2 +-
 .../js/components/blueprints/RegularField.vue |  2 +-
 resources/js/components/ui/Dropdown/Item.vue  |  2 +-
 resources/js/components/ui/ThemeSwitcher.vue  | 94 -------------------
 resources/views/partials/nav-main.blade.php   |  2 +-
 .../partials/new-global-header.blade.php      |  1 -
 resources/views/utilities/phpinfo.blade.php   |  2 +-
 11 files changed, 8 insertions(+), 114 deletions(-)
 delete mode 100644 resources/css/rtl.css
 delete mode 100644 resources/js/components/ui/ThemeSwitcher.vue

diff --git a/resources/css/app.css b/resources/css/app.css
index 11f8f3b2b7a..966a89f56b5 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -1,12 +1,10 @@
 @import 'tailwindcss';
 @import './ui.css';
-@import './cp.css' layer(base);
+@import './cp.css';
 @import './core/utilities.css';
 @import './dark.css';
 @import './tailwind-animate.css';
 
-/* @config '../../tailwind.config.js'; */
-
 @custom-variant dark (&:where(.dark, .dark *));
 
 /*
diff --git a/resources/css/components/nav-main.css b/resources/css/components/nav-main.css
index 5e8c66ff9da..c6386c85534 100644
--- a/resources/css/components/nav-main.css
+++ b/resources/css/components/nav-main.css
@@ -3,7 +3,7 @@
    ========================================================================== */
 
 .nav-/main {
-    @apply absolute hidden h-screen w-56 select-none overflow-scroll bg-white shadow ltr:left-0 rtl:right-0;
+    @apply absolute hidden h-screen w-56 select-none overflow-scroll bg-white shadow start-0;
     @apply dark:bg-dark-800 dark:shadow-lg;
 
     transition: all 0.3s;
diff --git a/resources/css/rtl.css b/resources/css/rtl.css
deleted file mode 100644
index 2e0adf743bc..00000000000
--- a/resources/css/rtl.css
+++ /dev/null
@@ -1,9 +0,0 @@
-[dir='rtl'] {
-    input[name='url'] {
-        direction: ltr;
-    }
-
-    .vc-arrow {
-        transform: rotate(180deg);
-    }
-}
diff --git a/resources/js/bootstrap/App.vue b/resources/js/bootstrap/App.vue
index 4e64253cd5c..a4ba8758945 100644
--- a/resources/js/bootstrap/App.vue
+++ b/resources/js/bootstrap/App.vue
@@ -115,7 +115,7 @@ export default {
         },
 
         wrapperClass() {
-            return this.$config.get('wrapperClass', 'max-w-5xl');
+            return this.$config.get('wrapperClass', 'max-w-6xl');
         },
     },
 
diff --git a/resources/js/components/blueprints/ImportField.vue b/resources/js/components/blueprints/ImportField.vue
index 0cf101febf4..78b74945f3d 100644
--- a/resources/js/components/blueprints/ImportField.vue
+++ b/resources/js/components/blueprints/ImportField.vue
@@ -9,7 +9,7 @@
                         name="paperclip"
                         v-tooltip="__('Linked fieldset')"
                     />
-                    <a class="break-all" @click="$emit('edit')">
+                    <a class="overflow-hidden text-ellipsis" @click="$emit('edit')">
                         <span v-text="__('Fieldset')" />
                         <span class="font-mono text-3xs text-gray-600 dark:text-dark-175 ltr:ml-2 rtl:mr-2">{{
                             field.fieldset
diff --git a/resources/js/components/blueprints/RegularField.vue b/resources/js/components/blueprints/RegularField.vue
index 7e98e1d0bce..5042c9eeb75 100644
--- a/resources/js/components/blueprints/RegularField.vue
+++ b/resources/js/components/blueprints/RegularField.vue
@@ -10,7 +10,7 @@
                         v-tooltip="tooltipText"
                         default="light/generic-field"
                     />
-                    <a class="break-all" v-text="__(labelText)" @click="$emit('edit')" />
+                    <a class="overflow-hidden text-ellipsis" v-text="__(labelText)" @click="$emit('edit')" />
                     <svg-icon
                         name="light/hyperlink"
                         v-if="isReferenceField"
diff --git a/resources/js/components/ui/Dropdown/Item.vue b/resources/js/components/ui/Dropdown/Item.vue
index defd0101353..3ccf08d40aa 100644
--- a/resources/js/components/ui/Dropdown/Item.vue
+++ b/resources/js/components/ui/Dropdown/Item.vue
@@ -17,7 +17,7 @@ const hasDefaultSlot = !!slots.default;
         :class="[
             'col-span-2 grid grid-cols-subgrid items-center',
             'rounded-lg px-1 py-1.5 text-sm antialiased',
-            'text-gray-700 dark:text-gray-300',
+            'text-gray-700 dark:text-gray-300!',
             'not-data-disabled:cursor-pointer data-disabled:opacity-50',
             'hover:not-data-disabled:bg-gray-50 dark:hover:not-data-disabled:bg-gray-950',
             'outline-hidden focus-visible:bg-gray-100 dark:focus-visible:bg-gray-950',
diff --git a/resources/js/components/ui/ThemeSwitcher.vue b/resources/js/components/ui/ThemeSwitcher.vue
deleted file mode 100644
index d11755ee251..00000000000
--- a/resources/js/components/ui/ThemeSwitcher.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<template>
-    <ui-button @click="toggleTheme" class="w-10">
-        <svg
-            v-if="isDark"
-            xmlns="http://www.w3.org/2000/svg"
-            class="h-5 w-5 transform transition-transform duration-300"
-            viewBox="0 0 20 20"
-            fill="currentColor"
-        >
-            <path
-                fill-rule="evenodd"
-                d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
-                clip-rule="evenodd"
-            />
-        </svg>
-        <svg
-            v-else
-            xmlns="http://www.w3.org/2000/svg"
-            class="h-5 w-5 transform transition-transform duration-300"
-            viewBox="0 0 20 20"
-            fill="currentColor"
-        >
-            <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" />
-        </svg>
-    </ui-button>
-</template>
-
-<script>
-export default {
-    name: 'ThemeSwitcher',
-    data() {
-        return {
-            isDark: false,
-        };
-    },
-    mounted() {
-        // Check if user has a theme preference stored
-        const storedTheme = localStorage.getItem('theme');
-
-        // Check if user has a system preference
-        const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-
-        // Set initial theme based on stored preference or system preference
-        this.isDark = storedTheme === 'dark' || (!storedTheme && systemPrefersDark);
-
-        // Apply theme on initial load
-        this.applyTheme();
-
-        // Listen for system preference changes
-        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
-            if (!localStorage.getItem('theme')) {
-                this.isDark = e.matches;
-                this.applyTheme();
-            }
-        });
-    },
-    methods: {
-        toggleTheme() {
-            this.isDark = !this.isDark;
-            this.applyTheme();
-
-            // Store user preference
-            localStorage.setItem('theme', this.isDark ? 'dark' : 'light');
-        },
-        applyTheme() {
-            // Apply to document and add CSS transitions
-            const root = document.documentElement;
-
-            // Add transition styles if not already added
-            if (!document.head.querySelector('#theme-transition-style')) {
-                const style = document.createElement('style');
-                style.id = 'theme-transition-style';
-                style.textContent = `
-        *, *::before, *::after {
-        transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
-        }
-      `;
-                document.head.appendChild(style);
-
-                // Remove the style after the transition is done
-                setTimeout(() => {
-                    document.head.removeChild(style);
-                }, 200); // Slightly longer than the transition duration to ensure it's complete
-            }
-
-            if (this.isDark) {
-                root.classList.add('dark');
-            } else {
-                root.classList.remove('dark');
-            }
-        },
-    },
-};
-</script>
diff --git a/resources/views/partials/nav-main.blade.php b/resources/views/partials/nav-main.blade.php
index 195d29b3528..ed7f6f86939 100644
--- a/resources/views/partials/nav-main.blade.php
+++ b/resources/views/partials/nav-main.blade.php
@@ -3,7 +3,7 @@
 @endphp
 
 @section('nav-main')
-<nav class="absolute h-screen w-56 select-none overflow-scroll px-5 text-sm antialiased  [&_svg]:text-gray-400 dark:[&_svg]:text-gray-600 py-6 flex flex-col gap-7">
+<nav class="absolute h-screen w-56 select-none overflow-scroll px-5 text-sm antialiased  [&_svg]:text-gray-400 dark:[&_svg]:text-gray-600 py-6 flex flex-col gap-7 z-2">
     @foreach ($nav as $section)
         <div>
             @if ($section['display'] !== 'Top Level')
diff --git a/resources/views/partials/new-global-header.blade.php b/resources/views/partials/new-global-header.blade.php
index fa25cb4a0b8..6cf0923b6b3 100644
--- a/resources/views/partials/new-global-header.blade.php
+++ b/resources/views/partials/new-global-header.blade.php
@@ -47,7 +47,6 @@
             <kbd class="ml-auto hidden self-center rounded px-[0.3125rem] py-[0.0625rem] text-[0.625rem]/4 font-medium ring-1 ring-inset bg-white/5 text-gray-400 ring-white/7.5 md:block [word-spacing:-0.15em]">
             <kbd class="font-sans">⌘ </kbd><kbd class="font-sans">K</kbd></kbd>
         </button>
-        <ui-theme-switcher size="sm" variant="ghost" class="dark" />
         <x-statamic::user-dropdown />
     </div>
 </header>
diff --git a/resources/views/utilities/phpinfo.blade.php b/resources/views/utilities/phpinfo.blade.php
index 8e4287fb519..17837830034 100644
--- a/resources/views/utilities/phpinfo.blade.php
+++ b/resources/views/utilities/phpinfo.blade.php
@@ -34,7 +34,7 @@
             @foreach ($items as $name => $value)
                 <tr>
                     <th class="w-1/4 py-2 ltr:pl-4 rtl:pr-4">{{ $name }}</th>
-                    <td class="break-all">{{ is_array($value) ? join(', ', $value) : $value }}</td>
+                    <td class="overflow-hidden text-ellipsis">{{ is_array($value) ? join(', ', $value) : $value }}</td>
                 </tr>
             @endforeach
         </table>

From bcbd38b26c0f193faead98de658fc632157a468e Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 1 Apr 2025 13:21:17 -0400
Subject: [PATCH 030/186] unnecessary import

---
 resources/js/components/ui/Modal/Title.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/resources/js/components/ui/Modal/Title.vue b/resources/js/components/ui/Modal/Title.vue
index b6c4838e922..476b63a5794 100644
--- a/resources/js/components/ui/Modal/Title.vue
+++ b/resources/js/components/ui/Modal/Title.vue
@@ -1,6 +1,5 @@
 <script setup>
 import { DialogTitle } from 'reka-ui';
-import { defineOptions } from 'vue';
 
 defineOptions({
     name: 'ModalTitle',

From af893976ba259f352844243b5e94cc5e3e4f78b3 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 1 Apr 2025 13:24:46 -0400
Subject: [PATCH 031/186] Global layout progress + wangjangling

---
 resources/css/components/preview.css          |  2 +-
 resources/css/components/publish.css          |  9 ---
 resources/css/core/layout.css                 | 74 +----------------
 resources/css/core/typography.css             |  5 +-
 resources/js/components/ui/Dropdown/Item.vue  |  2 +-
 resources/views/collections/index.blade.php   | 31 ++++---
 .../views/components/empty-screen.blade.php   | 26 ++++++
 resources/views/layout.blade.php              | 19 +++--
 resources/views/partials/nav-main.blade.php   | 80 ++++++++++---------
 .../partials/new-global-header.blade.php      |  2 +-
 10 files changed, 104 insertions(+), 146 deletions(-)
 create mode 100644 resources/views/components/empty-screen.blade.php

diff --git a/resources/css/components/preview.css b/resources/css/components/preview.css
index b11412511c9..ee711eb757a 100644
--- a/resources/css/components/preview.css
+++ b/resources/css/components/preview.css
@@ -116,7 +116,7 @@
 
 /*  We only want the animation to happen when its on the regular publish page. */
 /*  When portal-ed into live preview, it won't be inside .workspace */
-.workspace {
+main {
     .live-preview-tabs-drop-enter-active,
     .live-preview-tabs-drop-leave-active {
         transition: all 0.2s;
diff --git a/resources/css/components/publish.css b/resources/css/components/publish.css
index c7eb9837c35..9da37aa1de4 100644
--- a/resources/css/components/publish.css
+++ b/resources/css/components/publish.css
@@ -2,15 +2,6 @@
    PUBLISH COMPONENT
    ========================================================================== */
 
-.publishing .page-wrapper {
-    padding: 0;
-
-    .publish-errors {
-        margin: 0 24px 24px;
-        padding: 16px 0;
-    }
-}
-
 .publish-tab-outer {
     @apply flex justify-between;
 }
diff --git a/resources/css/core/layout.css b/resources/css/core/layout.css
index 052012dcbae..a4983acf402 100644
--- a/resources/css/core/layout.css
+++ b/resources/css/core/layout.css
@@ -2,78 +2,12 @@
    GLOBAL CONTROL PANEL LAYOUT ELEMENTS
    ========================================================================== */
 
-/* #statamic {
-    min-height: 100vh;
+.nav-closed .nav-main {
+    @apply md:-start-56;
 }
 
-#main {
-    @apply flex;
-    padding-bottom: 72px;
-    position: relative;
-    z-index: 1;
-} */
-
-#main .workspace {
-    transition: padding 0.3s;
-    @apply w-full;
-}
-
-a {
-    text-decoration: none;
-    cursor: pointer;
-}
-
-.break-all {
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-@media (width >= theme(--breakpoint-md)) {
-    /* #main {
-        padding-top: 52px;
-    } */
-
-    #main .workspace {
-        padding-left: 14rem;
-        [dir='rtl'] & {
-            padding-right: 14rem;
-            padding-left: 0;
-        }
-    }
-
-    #main.nav-closed {
-        .nav-main {
-            left: -14rem;
-            [dir='rtl'] & {
-                left: auto;
-                right: -14rem;
-            }
-        }
-
-        .workspace {
-            padding-left: 0;
-            [dir='rtl'] & {
-                padding-right: 0;
-                padding-left: 0;
-            }
-        }
-    }
-}
-
-/* Page Wrapper
-  ========================================================================== */
-.page-wrapper {
-    @apply p-3 pt-6;
-}
-
-@media (width >= theme(--breakpoint-md)) {
-    .page-wrapper {
-        @apply mx-auto max-w-5xl px-8;
-    }
-}
-
-.fieldtype-hidden {
-    display: none;
+.nav-closed main {
+    @apply md:ps-0;
 }
 
 /* Draggable Mirrors
diff --git a/resources/css/core/typography.css b/resources/css/core/typography.css
index 1e3daf5933e..9c77f5e8ac7 100644
--- a/resources/css/core/typography.css
+++ b/resources/css/core/typography.css
@@ -3,7 +3,7 @@
    ========================================================================== */
 
 body {
-    @apply font-sans text-base tracking-normal text-gray-900 dark:text-dark-100;
+    @apply font-sans text-base tracking-normal text-gray-800 dark:text-white;
     font-variant: common-ligatures tabular-nums;
     font-feature-settings:
         'zero',
@@ -11,6 +11,7 @@ body {
         'calt' off;
 }
 
+/*
 h1,
 h2,
 h3,
@@ -149,4 +150,4 @@ code {
     p {
         @apply mb-2;
     }
-}
+} */
diff --git a/resources/js/components/ui/Dropdown/Item.vue b/resources/js/components/ui/Dropdown/Item.vue
index 3ccf08d40aa..defd0101353 100644
--- a/resources/js/components/ui/Dropdown/Item.vue
+++ b/resources/js/components/ui/Dropdown/Item.vue
@@ -17,7 +17,7 @@ const hasDefaultSlot = !!slots.default;
         :class="[
             'col-span-2 grid grid-cols-subgrid items-center',
             'rounded-lg px-1 py-1.5 text-sm antialiased',
-            'text-gray-700 dark:text-gray-300!',
+            'text-gray-700 dark:text-gray-300',
             'not-data-disabled:cursor-pointer data-disabled:opacity-50',
             'hover:not-data-disabled:bg-gray-50 dark:hover:not-data-disabled:bg-gray-950',
             'outline-hidden focus-visible:bg-gray-100 dark:focus-visible:bg-gray-950',
diff --git a/resources/views/collections/index.blade.php b/resources/views/collections/index.blade.php
index 79d4a6158e5..a6f6a259fbe 100644
--- a/resources/views/collections/index.blade.php
+++ b/resources/views/collections/index.blade.php
@@ -7,30 +7,29 @@
 
 @section('content')
     @unless ($collections->isEmpty())
-        <div class="mb-6 flex items-center justify-between">
-            <h1>{{ __('Collections') }}</h1>
-
+        <ui-header title="{{  __('Collections') }}">
             @can('create', 'Statamic\Contracts\Entries\Collection')
-                <a href="{{ cp_route('collections.create') }}" class="btn-primary">{{ __('Create Collection') }}</a>
+                <ui-button
+                    href="{{ cp_route('collections.create') }}"
+                    text="{{ __('Create Collection') }}"
+                    variant="primary"
+                />
             @endcan
-        </div>
+        </ui-header>
 
         <collection-list
             :initial-rows="{{ json_encode($collections) }}"
             :initial-columns="{{ json_encode($columns) }}"
         ></collection-list>
     @else
-        @include(
-            'statamic::partials.empty-state',
-            [
-                'title' => __('Collections'),
-                'description' => __('statamic::messages.collection_configure_intro'),
-                'svg' => 'empty/content',
-                'button_text' => __('Create Collection'),
-                'button_url' => cp_route('collections.create'),
-                'can' => $user->can('create', 'Statamic\Contracts\Entries\Collection'),
-            ]
-        )
+        <x-statamic::empty-screen
+            title="{{ __('Collections') }}"
+            description="{{ __('statamic::messages.collection_configure_intro') }}"
+            svg="empty/content"
+            button_text="{{ __('Create Collection') }}"
+            button_url="{{ cp_route('collections.create') }}"
+            can="{{ $user->can('create', 'Statamic\Contracts\Entries\Collection') }}"
+        />
     @endunless
 
     @include(
diff --git a/resources/views/components/empty-screen.blade.php b/resources/views/components/empty-screen.blade.php
new file mode 100644
index 00000000000..2698ade64b9
--- /dev/null
+++ b/resources/views/components/empty-screen.blade.php
@@ -0,0 +1,26 @@
+@props(['title', 'description', 'svg', 'button_text', 'button_url', 'can'])
+
+<div class="no-results mx-auto max-w-md md:mt-4">
+    <div class="card rounded-xl p-6 text-center lg:py-10">
+        <h1 class="mb-8">{{ $title }}</h1>
+
+        <div class="hidden md:block">
+            @cp_svg($svg ?? 'empty/content')
+        </div>
+
+        @if ($description ?? false)
+            <p class="my-8 text-lg leading-normal text-gray-700 antialiased">
+                {{ $description }}
+            </p>
+        @endif
+
+        {{--
+            Don't show it if there's no "button_url".
+            If there's no "can", show it.
+            If there's a "can", and its false, don't show it.
+        --}}
+        @unless (! isset($button_url) || (isset($can) && ! $can))
+            <a href="{{ $button_url }}" class="btn-primary btn-lg">{{ $button_text }}</a>
+        @endunless
+    </div>
+</div>
diff --git a/resources/views/layout.blade.php b/resources/views/layout.blade.php
index f4c4dbe91c5..196d6bb7926 100644
--- a/resources/views/layout.blade.php
+++ b/resources/views/layout.blade.php
@@ -16,22 +16,27 @@
                 @include('statamic::partials.new-global-header')
 
                 <div
-                    id="main"
-                    class="@yield('content-class') pt-14 "
+                    class="@yield('content-class') pt-14"
                     :class="{
                         'nav-closed': ! navOpen,
                         'nav-mobile-open': mobileNavOpen,
                         'showing-license-banner': showBanner
                     }"
                 >
-                    @include('statamic::partials.nav-main')
                     {{-- @include('statamic::partials.nav-mobile') --}}
 
-                    <div class="workspace bg-gray-50 rounded-t-xl min-h-[calc(100vh-3.5rem)]">
-                        <div class="page-wrapper" :class="wrapperClass">
-                            @yield('content')
+                    <main class="
+                        flex bg-gray-100 dark:bg-gray-900 dark:border-t rounded-t-xl dark:border-white/10
+                        fixed top-14 inset-x-0 bottom-0 min-h-[calc(100vh-3.5rem)]
+                    ">
+                        @include('statamic::partials.nav-main')
+                        {{-- <div class="" :class="wrapperClass"> --}}
+                        <div class="p-2 h-full flex-1 overflow-y-auto">
+                            <div class="content-card min-h-full transition-padding duration-300">
+                                @yield('content')
+                            </div>
                         </div>
-                    </div>
+                    </main>
                 </div>
 
                 <component
diff --git a/resources/views/partials/nav-main.blade.php b/resources/views/partials/nav-main.blade.php
index ed7f6f86939..defdece3e0a 100644
--- a/resources/views/partials/nav-main.blade.php
+++ b/resources/views/partials/nav-main.blade.php
@@ -3,46 +3,48 @@
 @endphp
 
 @section('nav-main')
-<nav class="absolute h-screen w-56 select-none overflow-scroll px-5 text-sm antialiased  [&_svg]:text-gray-400 dark:[&_svg]:text-gray-600 py-6 flex flex-col gap-7 z-2">
-    @foreach ($nav as $section)
-        <div>
-            @if ($section['display'] !== 'Top Level')
-                <ui-heading size="sm" class="mb-2 text-black dark:text-gray-200">
-                    {{ __($section['display']) }}
-                </ui-heading>
-            @endif
-            <ul class="flex flex-col gap-2">
-                @foreach ($section['items'] as $item)
-                    @unless ($item->view())
-                        <li class="{{ $item->isActive() ? '[&_a]:text-black [&_svg]:text-black!' : '' }}" v-pre>
-                            <a
-                                class="flex items-center gap-3 text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200"
-                                href="{{ $item->url() }}"
-                                {{ $item->attributes() }}
-                            >
-                                {!! $item->svg() !!}
-                                <span>{{ __($item->name()) }}</span>
-                            </a>
-                            @if ($item->children() && $item->isActive())
-                                <ul class="pl-7 py-1 space-y-1">
-                                    @foreach ($item->children() as $child)
-                                        <li class="{{ $child->isActive() ? '[&_a]:text-black [&_svg]:text-black' : '' }}">
-                                            <a href="{{ $child->url() }}" {{ $item->attributes() }}>
-                                                {{ __($child->name()) }}
-                                            </a>
-                                        </li>
-                                    @endforeach
-                                </ul>
-                            @endif
-                        </li>
-                    @else
-                        @include($item->view())
-                    @endunless
-                @endforeach
-            </ul>
-        </div>
+<div class="h-full overflow-y-auto relative w-46">
+    <nav class="flex flex-col gap-7 py-6 px-5 text-sm antialiased [&_svg]:text-gray-400 dark:[&_svg]:text-gray-600 select-none">
+        @foreach ($nav as $section)
+            <div>
+                @if ($section['display'] !== 'Top Level')
+                    <ui-heading size="sm" class="mb-2 text-black dark:text-gray-200">
+                        {{ __($section['display']) }}
+                    </ui-heading>
+                @endif
+                <ul class="flex flex-col gap-2">
+                    @foreach ($section['items'] as $item)
+                        @unless ($item->view())
+                            <li class="{{ $item->isActive() ? '[&_a]:text-black [&_svg]:text-black!' : '' }}" v-pre>
+                                <a
+                                    class="flex items-center gap-3 text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200"
+                                    href="{{ $item->url() }}"
+                                    {{ $item->attributes() }}
+                                >
+                                    {!! $item->svg() !!}
+                                    <span>{{ __($item->name()) }}</span>
+                                </a>
+                                @if ($item->children() && $item->isActive())
+                                    <ul class="pl-7 py-1 space-y-1">
+                                        @foreach ($item->children() as $child)
+                                            <li class="{{ $child->isActive() ? '[&_a]:text-black [&_svg]:text-black' : '' }}">
+                                                <a href="{{ $child->url() }}" {{ $item->attributes() }}>
+                                                    {{ __($child->name()) }}
+                                                </a>
+                                            </li>
+                                        @endforeach
+                                    </ul>
+                                @endif
+                            </li>
+                        @else
+                            @include($item->view())
+                        @endunless
+                    @endforeach
+                </ul>
+            </div>
         @endforeach
-</nav>
+    </nav>
+</div>
 @stop
 
 @yield('nav-main')
diff --git a/resources/views/partials/new-global-header.blade.php b/resources/views/partials/new-global-header.blade.php
index 6cf0923b6b3..ab3e6736346 100644
--- a/resources/views/partials/new-global-header.blade.php
+++ b/resources/views/partials/new-global-header.blade.php
@@ -2,7 +2,7 @@
     use function Statamic\trans as __;
 @endphp
 
-<header class="h-14 flex justify-between space-x-2 items-center text-white px-4 dark fixed top-0 inset-x-0 z-[100]">
+<header class="h-14 bg-gray-800 flex justify-between space-x-2 items-center text-white px-4 dark fixed top-0 inset-x-0 z-[100]">
     <div class="flex items-center gap-3 text-[0.8125rem] text-gray-300">
         <a href="/" class="flex items-center gap-2">
             <ui-icon name="statamic-mark-lime" class="size-7" />

From 2d0c419470fe5bdf50f35f7fc34984a654d782f9 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Tue, 1 Apr 2025 15:00:01 -0400
Subject: [PATCH 032/186] [6.x] Date fieldtype (#11647)

---
 .../components/fieldtypes/DateFieldtype.vue   | 319 +++---------------
 .../fieldtypes/DateIndexFieldtype.vue         |  12 +-
 .../js/components/fieldtypes/date/Picker.js   |   6 -
 .../fieldtypes/date/RangeInline.vue           |  33 --
 .../fieldtypes/date/RangePopover.vue          |  96 ------
 .../fieldtypes/date/SingleInline.vue          |  33 --
 .../fieldtypes/date/SinglePopover.vue         |  62 ----
 .../components/ui/DateRangePicker/Index.vue   |  12 +
 .../js/components/ui/Datepicker/Index.vue     |  13 +-
 .../fieldtypes/DateFieldtype.test.js          | 241 +------------
 .../fieldtypes/DateIndexFieldtype.test.js     |  15 +-
 src/Fieldtypes/Date.php                       |  67 ++--
 src/Rules/DateFieldtype.php                   |  79 +----
 tests/Feature/Entries/UpdateEntryTest.php     |   4 +-
 tests/Fieldtypes/DateTest.php                 | 274 +++++----------
 15 files changed, 216 insertions(+), 1050 deletions(-)
 delete mode 100644 resources/js/components/fieldtypes/date/Picker.js
 delete mode 100644 resources/js/components/fieldtypes/date/RangeInline.vue
 delete mode 100644 resources/js/components/fieldtypes/date/RangePopover.vue
 delete mode 100644 resources/js/components/fieldtypes/date/SingleInline.vue
 delete mode 100644 resources/js/components/fieldtypes/date/SinglePopover.vue

diff --git a/resources/js/components/fieldtypes/DateFieldtype.vue b/resources/js/components/fieldtypes/DateFieldtype.vue
index 9a8bc9d8179..eac7a687258 100644
--- a/resources/js/components/fieldtypes/DateFieldtype.vue
+++ b/resources/js/components/fieldtypes/DateFieldtype.vue
@@ -1,75 +1,36 @@
 <template>
     <div class="datetime min-w-[145px]">
-        <button
-            type="button"
-            class="btn mb-2 flex items-center md:mb-0 ltr:pl-3 rtl:pr-3"
-            v-if="!isReadOnly && config.inline === false && !hasDate"
-            @click="addDate"
-            tabindex="0"
-        >
-            <svg-icon name="light/calendar" class="h-4 w-4 ltr:mr-2 rtl:ml-2"></svg-icon>
-            {{ __('Add Date') }}
-        </button>
-
-        <div v-if="hasDate || config.inline" class="date-time-container flex flex-col gap-2 @sm:flex-row">
-            <component
-                :is="pickerComponent"
-                v-bind="pickerProps"
-                @update:model-value="setLocalDate"
-                @focus="focusedField = $event"
-                @blur="focusedField = null"
-            />
-
-            <div v-if="config.time_enabled && !isRange" class="time-container time-fieldtype">
-                <time-fieldtype
-                    v-if="hasTime"
-                    ref="time"
-                    handle=""
-                    :value="localValue.time"
-                    :required="config.time_enabled"
-                    :show-seconds="config.time_seconds_enabled"
-                    :read-only="isReadOnly"
-                    :config="{}"
-                    @update:value="setLocalTime"
-                />
-            </div>
-        </div>
+        <Button :text="__('Add Date')" icon="calendar" v-if="!isReadOnly && !isInline && !hasDate" @click="addDate" />
+
+        <Component
+            :is="pickerComponent"
+            v-if="hasDate || isInline"
+            :model-value="datePickerValue"
+            :granularity="datePickerGranularity"
+            :inline="isInline"
+            @update:model-value="datePickerUpdated"
+        />
     </div>
 </template>
 
 <script>
 import Fieldtype from './Fieldtype.vue';
-import SinglePopover from './date/SinglePopover.vue';
-import SingleInline from './date/SingleInline.vue';
-import RangePopover from './date/RangePopover.vue';
-import RangeInline from './date/RangeInline.vue';
-import { useScreens } from 'vue-screen-utils';
-import { toRaw } from 'vue';
 import DateFormatter from '@statamic/components/DateFormatter.js';
+import Button from '@statamic/components/ui/Button/Index.vue';
+import { DatePicker, DateRangePicker } from '@statamic/ui';
+import { parseAbsoluteToLocal, toTimeZone, toZoned } from '@internationalized/date';
 
 export default {
     components: {
-        SinglePopover,
-        SingleInline,
-        RangePopover,
-        RangeInline,
+        DatePicker,
+        DateRangePicker,
+        Button,
     },
 
     mixins: [Fieldtype],
 
     inject: ['store'],
 
-    setup() {
-        const { mapCurrent } = useScreens({
-            xs: '0px',
-            sm: '640px',
-            md: '768px',
-            lg: '1024px',
-        });
-
-        return { screens: mapCurrent };
-    },
-
     data() {
         return {
             containerWidth: null,
@@ -80,33 +41,21 @@ export default {
 
     computed: {
         pickerComponent() {
-            if (this.isRange) {
-                return this.usesPopover ? 'RangePopover' : 'RangeInline';
-            }
-
-            return this.usesPopover ? 'SinglePopover' : 'SingleInline';
+            return this.isRange ? DateRangePicker : DatePicker;
         },
 
         hasDate() {
-            if (this.isRange) {
-                return this.config.required || this.value?.start || this.value?.end;
-            }
-
-            return this.config.required || this.value.date;
+            return !!(this.config.required || this.value);
         },
 
         hasTime() {
-            return this.config.time_enabled && !this.isRange;
+            return this.config.time_enabled;
         },
 
         hasSeconds() {
             return this.config.time_seconds_enabled;
         },
 
-        isSingle() {
-            return !this.isRange;
-        },
-
         isRange() {
             return this.config.mode === 'range';
         },
@@ -115,79 +64,36 @@ export default {
             return this.config.inline;
         },
 
-        usesPopover() {
-            return !this.isInline;
-        },
-
-        pickerProps() {
-            return {
-                isReadOnly: this.isReadOnly,
-                bindings: this.commonDatePickerBindings,
-            };
-        },
-
         datePickerValue() {
+            if (!this.value) {
+                return null;
+            }
+
             if (this.isRange) {
                 return {
-                    start: this.localValue?.start?.date,
-                    end: this.localValue?.end?.date,
+                    start: parseAbsoluteToLocal(this.value.start),
+                    end: parseAbsoluteToLocal(this.value.end),
                 };
             }
 
-            // The calendar component will do `new Date(datePickerValue)` under the hood.
-            // If you pass a date without a time, it will treat it as UTC. By adding a time,
-            // it will behave as local time. The date that comes from the server will be what
-            // we expect. The time is handled separately by the nested time fieldtype.
-            // https://github.com/statamic/cms/pull/6688
-            return this.localValue.date + 'T00:00:00';
+            return parseAbsoluteToLocal(this.value);
         },
 
-        commonDatePickerBindings() {
-            return {
-                attributes: [
-                    {
-                        key: 'today',
-                        dot: true,
-                        popover: {
-                            label: __('Today'),
-                        },
-                        dates: new Date(),
-                    },
-                ],
-                columns: this.screens({ default: 1, lg: this.config.columns }).value,
-                rows: this.screens({ default: 1, lg: this.config.rows }).value,
-                expanded: this.name === 'date' || this.config.full_width,
-                isRequired: this.config.required,
-                locale: Statamic.$date.locale,
-                masks: { input: ['L'], modelValue: 'YYYY-MM-DD' },
-                minDate: this.config.earliest_date.date,
-                maxDate: this.config.latest_date.date,
-                updateOnInput: false,
-                modelValue: this.datePickerValue,
-                modelModifiers: { string: true, range: this.isRange },
-                popover: { visibility: 'click' },
-            };
+        datePickerGranularity() {
+            return this.hasTime ? (this.hasSeconds ? 'second' : 'minute') : 'day';
         },
 
         replicatorPreview() {
             if (!this.showFieldPreviews || !this.config.replicator_preview) return;
 
-            if (this.isRange) {
-                if (!this.localValue?.start) return;
-
-                const start = this.value.start.date + 'T' + (this.value.start.time || '00:00:00') + 'Z';
-                const end = this.value.end.date + 'T' + (this.value.end.time || '00:00:00') + 'Z';
-                const formatter = new DateFormatter().options('date');
+            if (!this.value) return;
 
-                return formatter.date(start) + ' – ' + formatter.date(end);
+            if (this.isRange) {
+                const formatter = new DateFormatter().options(this.hasTime ? 'datetime' : 'date');
+                return formatter.date(this.value.start) + ' – ' + formatter.date(this.value.end);
             }
 
-            if (!this.value?.date) return;
-
-            return DateFormatter.format(
-                this.value.date + 'T' + (this.value.time || '00:00:00') + 'Z',
-                this.hasTime && this.value.time ? 'datetime' : 'date',
-            );
+            return DateFormatter.format(this.value, this.hasTime && this.value ? 'datetime' : 'date');
         },
     },
 
@@ -195,167 +101,54 @@ export default {
         this.$events.$on(`container.${this.storeName}.saving`, this.triggerChangeOnFocusedField);
     },
 
-    mounted() {
-        if (this.isRange && this.config.required && !this.value) {
-            this.addDate();
-        }
-    },
-
     unmounted() {
         this.$events.$off(`container.${this.storeName}.saving`, this.triggerChangeOnFocusedField);
     },
 
-    watch: {
-        value: {
-            immediate: true,
-            handler(value, oldValue) {
-                if (this.isRange) {
-                    if (!value || !value.start) {
-                        this.localValue = { start: { date: null, time: null }, end: { date: null, time: null } };
-                        return;
-                    }
-
-                    let localValue = {
-                        start: this.createLocalFromUtc(value.start),
-                        end: this.createLocalFromUtc(value.end),
-                    };
-
-                    if (JSON.stringify(toRaw(this.localValue)) === JSON.stringify(localValue)) {
-                        return;
-                    }
-
-                    this.localValue = localValue;
-
-                    return;
-                }
-
-                if (!value || !value.date) {
-                    this.localValue = { date: null, time: null };
-                    return;
-                }
-
-                let localValue = this.createLocalFromUtc(value);
-
-                if (JSON.stringify(toRaw(this.localValue)) === JSON.stringify(localValue)) {
-                    return;
-                }
-
-                this.localValue = localValue;
-            },
-        },
-
-        localValue(value) {
-            if (this.isRange) {
-                this.update({
-                    start: this.createUtcFromLocal(value.start),
-                    end: this.createUtcFromLocal(value.end),
-                });
-
-                return;
-            }
-
-            this.update(this.createUtcFromLocal(value));
-        },
-    },
-
     methods: {
-        createLocalFromUtc(utcValue) {
-            const dateTime = new Date(utcValue.date + 'T' + (utcValue.time || '00:00:00') + 'Z');
-
-            let date =
-                dateTime.getFullYear() +
-                '-' +
-                (dateTime.getMonth() + 1).toString().padStart(2, '0') +
-                '-' +
-                dateTime.getDate().toString().padStart(2, '0');
-            let time =
-                dateTime.getHours().toString().padStart(2, '0') +
-                ':' +
-                dateTime.getMinutes().toString().padStart(2, '0');
-
-            if (this.hasSeconds) {
-                time += ':' + dateTime.getSeconds().toString().padStart(2, '0');
-            }
-
-            return { date, time };
-        },
-
-        createUtcFromLocal(localValue) {
-            const dateTime = new Date(localValue.date + 'T' + (localValue.time || '00:00:00'));
-
-            let date =
-                dateTime.getUTCFullYear() +
-                '-' +
-                (dateTime.getUTCMonth() + 1).toString().padStart(2, '0') +
-                '-' +
-                dateTime.getUTCDate().toString().padStart(2, '0');
-            let time =
-                dateTime.getUTCHours().toString().padStart(2, '0') +
-                ':' +
-                dateTime.getUTCMinutes().toString().padStart(2, '0');
-
-            if (this.hasSeconds) {
-                time += ':' + dateTime.getUTCSeconds().toString().padStart(2, '0');
-            }
-
-            return { date, time };
-        },
-
         triggerChangeOnFocusedField() {
             if (!this.focusedField) return;
 
             this.focusedField.dispatchEvent(new Event('change'));
         },
 
-        setLocalDate(date) {
+        datePickerUpdated(value) {
+            if (!value) {
+                return this.update(null);
+            }
+
+            // The date picker will give us CalendarDateTimes in the local time zone.
+            // We want them in UTC.
+
             if (this.isRange) {
-                this.localValue = {
-                    start: { date: date.start, time: '00:00' },
-                    end: { date: date.end, time: '23:59' },
-                };
+                let start = value.start;
+                let end = value.end;
 
-                return;
-            }
+                if (!this.hasTime) {
+                    end.set({ hour: 23, minute: 59, second: 59 });
+                }
 
-            if (!date) {
-                this.localValue = { date: null, time: null };
-                return;
+                return this.update({
+                    start: toZoned(start, 'UTC').toAbsoluteString(),
+                    end: toZoned(end, 'UTC').toAbsoluteString(),
+                });
             }
 
-            this.localValue = {
-                date,
-                time: this.config.time_enabled ? this.localValue.time : '00:00',
-            };
-        },
-
-        setLocalTime(time) {
-            this.localValue = { ...this.localValue, time };
+            return this.update(toTimeZone(value, 'UTC').toAbsoluteString());
         },
 
         addDate() {
             let now = new Date();
 
+            now.setMilliseconds(0);
+
             if (!this.config.time_enabled) {
                 now.setHours(0, 0, 0, 0);
             }
 
-            let date =
-                now.getFullYear() +
-                '-' +
-                String(now.getMonth() + 1).padStart(2, '0') +
-                '-' +
-                String(now.getDate()).padStart(2, '0');
-
-            let time = now.toLocaleTimeString(undefined, {
-                hour12: false,
-                hour: '2-digit',
-                minute: '2-digit',
-                second: this.hasSeconds ? '2-digit' : undefined,
-            });
-
-            this.localValue = this.isRange
-                ? { start: { date, time: '00:00' }, end: { date, time: '23:59' } }
-                : { date, time };
+            const str = now.toISOString();
+
+            this.update(this.isRange ? { start: str, end: str } : str);
         },
     },
 };
diff --git a/resources/js/components/fieldtypes/DateIndexFieldtype.vue b/resources/js/components/fieldtypes/DateIndexFieldtype.vue
index 5b07d24410f..dc072f80448 100644
--- a/resources/js/components/fieldtypes/DateIndexFieldtype.vue
+++ b/resources/js/components/fieldtypes/DateIndexFieldtype.vue
@@ -15,18 +15,16 @@ export default {
                 return null;
             }
 
+            const formatter = new DateFormatter().options(this.value.time_enabled ? 'datetime' : 'date');
+
             if (this.value.mode === 'range') {
-                let start = new Date(this.value.start.date + 'T' + (this.value.start.time || '00:00:00') + 'Z');
-                let end = new Date(this.value.end.date + 'T' + (this.value.end.time || '00:00:00') + 'Z');
-                const formatter = new DateFormatter().options('date');
+                let start = new Date(this.value.start);
+                let end = new Date(this.value.end);
 
                 return formatter.date(start) + ' – ' + formatter.date(end);
             }
 
-            return DateFormatter.format(
-                this.value.date + 'T' + (this.value.time || '00:00:00') + 'Z',
-                this.value.time_enabled && this.value.time ? 'datetime' : 'date',
-            );
+            return formatter.date(this.value.date).toString();
         },
     },
 };
diff --git a/resources/js/components/fieldtypes/date/Picker.js b/resources/js/components/fieldtypes/date/Picker.js
deleted file mode 100644
index a576f48a4c7..00000000000
--- a/resources/js/components/fieldtypes/date/Picker.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export default {
-    props: {
-        isReadOnly: { type: Boolean, default: false },
-        bindings: { type: Object },
-    },
-};
diff --git a/resources/js/components/fieldtypes/date/RangeInline.vue b/resources/js/components/fieldtypes/date/RangeInline.vue
deleted file mode 100644
index ceb7cf3c3a3..00000000000
--- a/resources/js/components/fieldtypes/date/RangeInline.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-    <div class="relative w-full">
-        <v-date-picker
-            v-bind="pickerBindings"
-            @update:model-value="$emit('update:model-value', $event)"
-            :is-dark="darkMode"
-        />
-        <div class="absolute inset-0 z-1 cursor-not-allowed" v-if="isReadOnly" />
-    </div>
-</template>
-
-<script>
-import Picker from './Picker';
-
-export default {
-    emits: ['update:model-value'],
-
-    mixins: [Picker],
-
-    computed: {
-        darkMode() {
-            return Statamic.darkMode;
-        },
-
-        pickerBindings() {
-            return {
-                ...this.bindings,
-                disabledDates: this.isReadOnly ? { weekdays: [1, 2, 3, 4, 5, 6, 7] } : null,
-            };
-        },
-    },
-};
-</script>
diff --git a/resources/js/components/fieldtypes/date/RangePopover.vue b/resources/js/components/fieldtypes/date/RangePopover.vue
deleted file mode 100644
index 32081b973e4..00000000000
--- a/resources/js/components/fieldtypes/date/RangePopover.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<template>
-    <div class="w-full">
-        <v-date-picker ref="picker" v-bind="pickerBindings" @update:model-value="dateSelected" :is-dark="darkMode">
-            <template #default="{ inputValue, inputEvents }">
-                <div class="flex w-full flex-col items-start @md:flex-row @md:items-center">
-                    <div class="input-group">
-                        <div class="input-group-prepend flex items-center">
-                            <svg-icon name="light/calendar" class="h-4 w-4" />
-                        </div>
-                        <div
-                            class="input-text flex items-center border border-gray-500 dark:border-dark-400 ltr:border-l-0 ltr:pr-0 rtl:border-r-0 rtl:pl-0"
-                            :class="{ 'read-only': isReadOnly }"
-                        >
-                            <input
-                                class="input-text-minimal bg-transparent p-0 leading-none"
-                                :readonly="isReadOnly"
-                                :value="inputValue.start"
-                                v-on="inputEvents.start"
-                                @focus="$emit('focus', $event.target)"
-                                @blur="$emit('blur')"
-                            />
-                            <button
-                                v-if="!isReadOnly"
-                                @click="clear"
-                                type="button"
-                                title="Clear"
-                                aria-label="Clear"
-                                class="cursor-pointer px-2 hover:text-blue-500"
-                            >
-                                <span>×</span>
-                            </button>
-                        </div>
-                    </div>
-
-                    <svg-icon name="micro/arrow-right" class="mx-2 my-1 hidden h-6 w-6 text-gray-700 @md:block" />
-                    <svg-icon
-                        name="micro/arrow-right"
-                        class="mx-2.5 my-2 h-3.5 w-3.5 rotate-90 text-gray-700 @md:hidden"
-                    />
-
-                    <div class="input-group">
-                        <div class="input-group-prepend flex items-center">
-                            <svg-icon name="light/calendar" class="h-4 w-4" />
-                        </div>
-                        <div
-                            class="input-text border border-gray-500 dark:border-dark-400 ltr:border-l-0 rtl:border-r-0"
-                            :class="{ 'read-only': isReadOnly }"
-                        >
-                            <input
-                                class="input-text-minimal bg-transparent p-0 leading-none"
-                                :readonly="isReadOnly"
-                                :value="inputValue.end"
-                                v-on="inputEvents.end"
-                                @focus="$emit('focus', $event.target)"
-                                @blur="$emit('blur')"
-                            />
-                        </div>
-                    </div>
-                </div>
-            </template>
-        </v-date-picker>
-    </div>
-</template>
-
-<script>
-import Picker from './Picker';
-
-export default {
-    emits: ['update:model-value', 'focus', 'blur'],
-
-    mixins: [Picker],
-
-    computed: {
-        darkMode() {
-            return Statamic.darkMode;
-        },
-
-        pickerBindings() {
-            return {
-                ...this.bindings,
-                disabledDates: this.isReadOnly ? { weekdays: [1, 2, 3, 4, 5, 6, 7] } : null,
-            };
-        },
-    },
-
-    methods: {
-        dateSelected(date) {
-            this.$emit('update:model-value', date);
-        },
-
-        clear() {
-            this.$emit('update:model-value', null);
-        },
-    },
-};
-</script>
diff --git a/resources/js/components/fieldtypes/date/SingleInline.vue b/resources/js/components/fieldtypes/date/SingleInline.vue
deleted file mode 100644
index ceb7cf3c3a3..00000000000
--- a/resources/js/components/fieldtypes/date/SingleInline.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-    <div class="relative w-full">
-        <v-date-picker
-            v-bind="pickerBindings"
-            @update:model-value="$emit('update:model-value', $event)"
-            :is-dark="darkMode"
-        />
-        <div class="absolute inset-0 z-1 cursor-not-allowed" v-if="isReadOnly" />
-    </div>
-</template>
-
-<script>
-import Picker from './Picker';
-
-export default {
-    emits: ['update:model-value'],
-
-    mixins: [Picker],
-
-    computed: {
-        darkMode() {
-            return Statamic.darkMode;
-        },
-
-        pickerBindings() {
-            return {
-                ...this.bindings,
-                disabledDates: this.isReadOnly ? { weekdays: [1, 2, 3, 4, 5, 6, 7] } : null,
-            };
-        },
-    },
-};
-</script>
diff --git a/resources/js/components/fieldtypes/date/SinglePopover.vue b/resources/js/components/fieldtypes/date/SinglePopover.vue
deleted file mode 100644
index e9c7554972e..00000000000
--- a/resources/js/components/fieldtypes/date/SinglePopover.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-    <div class="flex-1">
-        <v-date-picker ref="picker" v-bind="bindings" @update:model-value="dateSelected" :is-dark="darkMode">
-            <template #default="{ inputValue, inputEvents }">
-                <div class="input-group">
-                    <div class="input-group-prepend flex items-center">
-                        <svg-icon name="light/calendar" class="h-4 w-4" />
-                    </div>
-                    <div
-                        class="input-text flex items-center border border-gray-500 dark:border-dark-900 ltr:border-l-0 ltr:pr-0 rtl:border-r-0 rtl:pl-0"
-                        :class="{ 'read-only': isReadOnly }"
-                    >
-                        <input
-                            class="input-text-minimal bg-transparent p-0 leading-none"
-                            :readonly="isReadOnly"
-                            :value="inputValue"
-                            v-on="inputEvents"
-                            @focus="$emit('focus', $event.target)"
-                            @blur="$emit('blur')"
-                        />
-                        <button
-                            v-if="!isReadOnly"
-                            @click="clear"
-                            type="button"
-                            title="Clear"
-                            aria-label="Clear"
-                            class="cursor-pointer px-2 hover:text-blue-500"
-                        >
-                            <span>×</span>
-                        </button>
-                    </div>
-                </div>
-            </template>
-        </v-date-picker>
-    </div>
-</template>
-
-<script>
-import Picker from './Picker';
-
-export default {
-    emits: ['update:model-value', 'focus', 'blur'],
-
-    mixins: [Picker],
-
-    computed: {
-        darkMode() {
-            return Statamic.darkMode;
-        },
-    },
-    methods: {
-        dateSelected(date) {
-            this.$emit('update:model-value', date);
-            this.$nextTick(() => this.$refs.popover?.close());
-        },
-
-        clear() {
-            this.$emit('update:model-value', null);
-        },
-    },
-};
-</script>
diff --git a/resources/js/components/ui/DateRangePicker/Index.vue b/resources/js/components/ui/DateRangePicker/Index.vue
index dc1634f6259..1feb35cfbeb 100644
--- a/resources/js/components/ui/DateRangePicker/Index.vue
+++ b/resources/js/components/ui/DateRangePicker/Index.vue
@@ -20,6 +20,7 @@ import {
     DateRangePickerTrigger,
 } from 'reka-ui';
 import { WithField, Card, Button, Calendar } from '@statamic/ui';
+import { parseAbsoluteToLocal } from '@internationalized/date';
 
 const emit = defineEmits(['update:modelValue']);
 
@@ -34,6 +35,8 @@ const props = defineProps({
     max: { type: [String, Object], default: null },
     granularity: { type: String, default: null },
     inline: { type: Boolean, default: false },
+    clearable: { type: Boolean, default: true },
+    disabled: { type: Boolean, default: false },
 });
 
 const calendarBindings = computed(() => ({
@@ -56,6 +59,12 @@ const calendarBindings = computed(() => ({
     },
 }));
 
+// The placeholder defines the month to show when there's no value. Additionally,
+// by setting it to an absolute value, it ensures that the emitted event value
+// will be the appropriate format (e.g. a full date with time with timezone,
+// rather than just a day).
+const placeholder = parseAbsoluteToLocal(new Date().toISOString());
+
 const calendarEvents = computed(() => ({
     'update:model-value': (event) => emit('update:modelValue', event),
 }));
@@ -70,6 +79,9 @@ const calendarEvents = computed(() => ({
                 :locale="$date.locale"
                 @update:model-value="emit('update:modelValue', $event)"
                 v-bind="$attrs"
+                prevent-deselect
+                hide-time-zone
+                :placeholder="placeholder"
             >
                 <DateRangePickerField v-slot="{ segments }" class="w-full">
                     <div
diff --git a/resources/js/components/ui/Datepicker/Index.vue b/resources/js/components/ui/Datepicker/Index.vue
index fca618c342a..f49ad33b4fc 100644
--- a/resources/js/components/ui/Datepicker/Index.vue
+++ b/resources/js/components/ui/Datepicker/Index.vue
@@ -34,6 +34,8 @@ const props = defineProps({
     max: { type: [String, Object], default: null },
     granularity: { type: String, default: null },
     inline: { type: Boolean, default: false },
+    clearable: { type: Boolean, default: true },
+    disabled: { type: Boolean, default: false },
 });
 
 const calendarBindings = computed(() => ({
@@ -70,6 +72,8 @@ const calendarEvents = computed(() => ({
                 :locale="$date.locale"
                 @update:model-value="emit('update:modelValue', $event)"
                 v-bind="$attrs"
+                prevent-deselect
+                hide-time-zone
             >
                 <DatePickerField v-slot="{ segments }" class="w-full">
                     <div
@@ -120,6 +124,13 @@ const calendarEvents = computed(() => ({
                 </Card>
             </DatePickerRoot>
         </div>
-        <Button @click="emit('update:modelValue', null)" type="button" class="" text="Clear" size="xs" />
+        <Button
+            v-if="clearable"
+            @click="emit('update:modelValue', null)"
+            type="button"
+            class=""
+            text="Clear"
+            size="xs"
+        />
     </WithField>
 </template>
diff --git a/resources/js/tests/components/fieldtypes/DateFieldtype.test.js b/resources/js/tests/components/fieldtypes/DateFieldtype.test.js
index 68ca3aecde6..c558e224431 100644
--- a/resources/js/tests/components/fieldtypes/DateFieldtype.test.js
+++ b/resources/js/tests/components/fieldtypes/DateFieldtype.test.js
@@ -1,8 +1,6 @@
 import { mount } from '@vue/test-utils';
 import { test, expect } from 'vitest';
 import DateFieldtype from '@/components/fieldtypes/DateFieldtype.vue';
-import TimeFieldtype from '@/components/fieldtypes/TimeFieldtype.vue';
-import SvgIcon from '@/components/SvgIcon.vue';
 import { createPinia } from 'pinia';
 import DateFormatter from '@statamic/components/DateFormatter.js';
 
@@ -18,19 +16,9 @@ window.Statamic = {
     },
 };
 
-let originalDate;
-function setMockDate(dateString) {
-    originalDate = Date; // Store the original Date object
-    global.Date = class extends Date {
-        constructor(...args) {
-            if (args.length) return super(...args);
-            return new originalDate(dateString);
-        }
-    };
-}
-
 const makeDateField = (props = {}) => {
     return mount(DateFieldtype, {
+        shallow: true,
         props: {
             handle: 'date',
             config: {
@@ -39,10 +27,6 @@ const makeDateField = (props = {}) => {
             },
             ...props,
         },
-        components: {
-            SvgIcon,
-            TimeFieldtype,
-        },
         plugins: [createPinia()],
         global: {
             provide: {
@@ -65,230 +49,29 @@ const makeDateField = (props = {}) => {
 };
 
 test.each([
-    ['UTC', '2025-12-25', '02:23'],
-    ['America/New_York', '2025-12-24', '21:23'],
-])('date and time is localized to the users timezone (%s)', async (tz, expectedDate, expectedTime) => {
-    process.env.TZ = tz;
-
-    const dateField = makeDateField({
-        value: { date: '2025-12-25', time: '02:23' },
-    });
-
-    expect(dateField.vm.localValue).toMatchObject({
-        date: expectedDate,
-        time: expectedTime,
-    });
-});
-
-test.each([
-    {
-        tz: 'UTC',
-        expectedEmittedValue: { date: '2024-12-19', time: '00:00' },
-        expectedLocalValue: { date: '2024-12-19', time: '00:00' },
-    },
-    {
-        tz: 'America/New_York',
-        expectedEmittedValue: { date: '2024-12-19', time: '05:00' },
-        expectedLocalValue: { date: '2024-12-19', time: '00:00' },
-    },
-])('date can be updated ($tz)', async ({ tz, expectedEmittedValue, expectedLocalValue }) => {
+    // ['UTC', '2025-12-25T02:23:00+00:00[UTC]'],
+    ['America/New_York', '2025-12-24T21:23:00-05:00[America/New_York]'],
+])('date and time is localized to the users timezone (%s)', async (tz, expectedDate) => {
     process.env.TZ = tz;
 
     const dateField = makeDateField({
-        value: { date: '2025-12-25', time: '02:13' },
+        value: '2025-12-25T02:23:00Z',
     });
 
-    await dateField.vm.setLocalDate('2024-12-19');
-
-    expect(dateField.emitted('update:value')[0][0]).toEqual(expectedEmittedValue);
-    expect(dateField.vm.localValue).toMatchObject(expectedLocalValue);
+    expect(dateField.vm.datePickerValue.toString()).toBe(expectedDate);
 });
 
 test.each([
-    {
-        tz: 'UTC',
-        expectedEmittedValue: { date: '2024-12-19', time: '02:13' },
-        expectedLocalValue: { date: '2024-12-19', time: '02:13' },
-    },
-    {
-        tz: 'America/New_York',
-        expectedEmittedValue: { date: '2024-12-20', time: '02:13' },
-        expectedLocalValue: { date: '2024-12-19', time: '21:13' },
-    },
-])(
-    'date can be updated without resetting the time when time_enabled is true ($tz)',
-    async ({ tz, expectedEmittedValue, expectedLocalValue }) => {
-        process.env.TZ = tz;
-
-        const dateField = makeDateField({
-            config: {
-                earliest_date: { date: null, time: null },
-                latest_date: { date: null, time: null },
-                time_enabled: true,
-            },
-            value: { date: '2025-12-25', time: '02:13' },
-        });
-
-        await dateField.vm.setLocalDate('2024-12-19');
-
-        expect(dateField.emitted('update:value')[0][0]).toEqual(expectedEmittedValue);
-        expect(dateField.vm.localValue).toMatchObject(expectedLocalValue);
-    },
-);
-
-test.each([
-    {
-        tz: 'UTC',
-        expectedEmittedValue: { date: '2025-12-25', time: '23:11' },
-        expectedLocalValue: { date: '2025-12-25', time: '23:11' },
-    },
-    {
-        tz: 'America/New_York',
-        expectedEmittedValue: { date: '2025-12-25', time: '04:11' },
-        expectedLocalValue: { date: '2025-12-24', time: '23:11' },
-    },
-])('time can be updated ($tz)', async ({ tz, expectedEmittedValue, expectedLocalValue }) => {
+    // ['UTC', '2025-12-25T02:15:00+00:00[UTC]'],
+    ['America/New_York', '2025-12-24T21:15:00-05:00[America/New_York]'],
+])('local time is updated when value prop is updated (%s)', async (tz, expectedDate) => {
     process.env.TZ = tz;
 
     const dateField = makeDateField({
-        config: {
-            earliest_date: { date: null, time: null },
-            latest_date: { date: null, time: null },
-            time_enabled: true,
-        },
-        value: { date: '2025-12-25', time: '02:13' },
+        value: '1984-01-01T15:00:00Z',
     });
 
-    await dateField.vm.setLocalTime('23:11');
-
-    expect(dateField.emitted('update:value')[0][0]).toEqual(expectedEmittedValue);
-    expect(dateField.vm.localValue).toMatchObject(expectedLocalValue);
-});
-
-test.each([
-    {
-        tz: 'UTC',
-        expectedEmittedValue: { date: '2025-12-25', time: '23:11:29' },
-        expectedLocalValue: { date: '2025-12-25', time: '23:11:29' },
-    },
-    {
-        tz: 'America/New_York',
-        expectedEmittedValue: { date: '2025-12-25', time: '04:11:29' },
-        expectedLocalValue: { date: '2025-12-24', time: '23:11:29' },
-    },
-])('time with seconds can be updated ($tz)', async ({ tz, expectedEmittedValue, expectedLocalValue }) => {
-    process.env.TZ = tz;
-
-    const dateField = makeDateField({
-        config: {
-            earliest_date: { date: null, time: null },
-            latest_date: { date: null, time: null },
-            time_seconds_enabled: true,
-        },
-        value: { date: '2025-12-25', time: '02:13:00' },
-    });
+    await dateField.setProps({ value: '2025-12-25T02:15:00Z' });
 
-    await dateField.vm.setLocalTime('23:11:29');
-
-    expect(dateField.emitted('update:value')[0][0]).toEqual(expectedEmittedValue);
-    expect(dateField.vm.localValue).toMatchObject(expectedLocalValue);
-});
-
-test.each([
-    {
-        tz: 'UTC',
-        expectedEmittedValue: {
-            start: { date: '2025-01-12', time: '00:00' },
-            end: { date: '2025-01-14', time: '23:59' },
-        },
-        expectedLocalValue: {
-            start: { date: '2025-01-12', time: '00:00' },
-            end: { date: '2025-01-14', time: '23:59' },
-        },
-    },
-    {
-        tz: 'America/New_York',
-        expectedEmittedValue: {
-            start: { date: '2025-01-12', time: '05:00' },
-            end: { date: '2025-01-15', time: '04:59' },
-        },
-        expectedLocalValue: {
-            start: { date: '2025-01-12', time: '00:00' },
-            end: { date: '2025-01-14', time: '23:59' },
-        },
-    },
-])('date range can be updated ($tz)', async ({ tz, expectedEmittedValue, expectedLocalValue }) => {
-    process.env.TZ = tz;
-
-    const dateField = makeDateField({
-        config: {
-            earliest_date: { date: null, time: null },
-            latest_date: { date: null, time: null },
-            mode: 'range',
-        },
-        value: {
-            start: { date: '2025-12-25', time: '02:13' },
-            end: { date: '2025-12-28', time: '09:04' },
-        },
-    });
-
-    await dateField.vm.setLocalDate({
-        start: '2025-01-12',
-        end: '2025-01-14',
-    });
-
-    expect(dateField.emitted('update:value')[0][0]).toEqual(expectedEmittedValue);
-    expect(dateField.vm.localValue).toMatchObject(expectedLocalValue);
-});
-
-test.each([
-    [
-        'UTC',
-        { start: { date: '2021-12-25', time: '00:00' }, end: { date: '2021-12-25', time: '23:59' } },
-        { start: { date: '2021-12-25', time: '00:00' }, end: { date: '2021-12-25', time: '23:59' } },
-    ],
-    [
-        'America/New_York',
-        { start: { date: '2021-12-25', time: '05:00' }, end: { date: '2021-12-26', time: '04:59' } },
-        { start: { date: '2021-12-25', time: '00:00' }, end: { date: '2021-12-25', time: '23:59' } },
-    ],
-])(
-    'required date range field with null value is automatically populated (%s)',
-    async (tz, expectedEmittedValue, expectedLocalValue) => {
-        process.env.TZ = tz;
-
-        setMockDate('2021-12-25T12:13:14Z');
-
-        const dateField = makeDateField({
-            config: {
-                earliest_date: { date: null, time: null },
-                latest_date: { date: null, time: null },
-                mode: 'range',
-                required: true,
-            },
-            value: null,
-        });
-
-        await dateField.vm.$nextTick();
-        expect(dateField.emitted('update:value')[0][0]).toEqual(expectedEmittedValue);
-        expect(dateField.vm.localValue).toMatchObject(expectedLocalValue);
-    },
-);
-
-test.each([
-    ['UTC', '2025-12-25', '02:15'],
-    ['America/New_York', '2025-12-24', '21:15'],
-])('local time is updated when value prop is updated (%s)', async (tz, expectedDate, expectedTime) => {
-    process.env.TZ = tz;
-
-    const dateField = makeDateField({
-        value: { date: '1984-01-01', time: '15:00' },
-    });
-
-    await dateField.setProps({ value: { date: '2025-12-25', time: '02:15' } });
-
-    expect(dateField.vm.localValue).toMatchObject({
-        date: expectedDate,
-        time: expectedTime,
-    });
+    expect(dateField.vm.datePickerValue.toString()).toBe(expectedDate);
 });
diff --git a/resources/js/tests/components/fieldtypes/DateIndexFieldtype.test.js b/resources/js/tests/components/fieldtypes/DateIndexFieldtype.test.js
index 9a404945fae..4e6ddb8418e 100644
--- a/resources/js/tests/components/fieldtypes/DateIndexFieldtype.test.js
+++ b/resources/js/tests/components/fieldtypes/DateIndexFieldtype.test.js
@@ -51,8 +51,7 @@ test.each([
     process.env.TZ = tz;
 
     const dateIndexField = makeDateIndexField({
-        date: '2025-12-25',
-        time: '02:13',
+        date: '2025-12-25T02:13:00Z',
         mode: 'single',
         time_enabled: true,
     });
@@ -67,8 +66,8 @@ test.each([
     process.env.TZ = tz;
 
     const dateIndexField = makeDateIndexField({
-        start: { date: '2025-12-25', time: '02:13' },
-        end: { date: '2025-12-28', time: '03:59' },
+        start: '2025-12-25T02:13:00Z',
+        end: '2025-12-28T03:59:00Z',
         mode: 'range',
     });
 
@@ -82,7 +81,7 @@ test.each([
 ])('date is formatted to the users browser language (%s)', async (lang, expected) => {
     setNavigatorLanguage(lang);
 
-    const dateIndexField = makeDateIndexField({ date: '2025-12-25', time: '13:29' });
+    const dateIndexField = makeDateIndexField({ date: '2025-12-25T13:29:00Z' });
 
     expect(dateIndexField.vm.formatted).toBe(expected);
 });
@@ -94,7 +93,7 @@ test.each([
 ])('date and time is formatted to the users browser language (%s)', async (lang, expected) => {
     setNavigatorLanguage(lang);
 
-    const dateIndexField = makeDateIndexField({ date: '2025-12-25', time: '13:29', time_enabled: true });
+    const dateIndexField = makeDateIndexField({ date: '2025-12-25T13:29:00Z', time_enabled: true });
 
     expect(dateIndexField.vm.formatted).toBe(expected);
 });
@@ -107,8 +106,8 @@ test.each([
     setNavigatorLanguage(lang);
 
     const dateIndexField = makeDateIndexField({
-        start: { date: '2025-12-25', time: '02:13' },
-        end: { date: '2025-12-28', time: '03:59' },
+        start: '2025-12-25T02:13:00Z',
+        end: '2025-12-28T03:59:00Z',
         mode: 'range',
     });
 
diff --git a/src/Fieldtypes/Date.php b/src/Fieldtypes/Date.php
index 38c08936c40..bab30d50c17 100644
--- a/src/Fieldtypes/Date.php
+++ b/src/Fieldtypes/Date.php
@@ -127,14 +127,11 @@ public function preProcess($data)
     private function preProcessSingle($value)
     {
         if (! $value) {
-            return ['date' => null, 'time' => null];
+            return null;
         }
 
         if ($value === 'now') {
-            return [
-                'date' => now(tz: 'UTC')->format(self::DEFAULT_DATE_FORMAT),
-                'time' => now(tz: 'UTC')->format($this->config('time_seconds_enabled') ? 'H:i:s' : 'H:i'),
-            ];
+            return now('UTC')->toIso8601ZuluString();
         }
 
         // If the value is an array, this field probably used to be a range. In this case, we'll use the start date.
@@ -142,9 +139,7 @@ private function preProcessSingle($value)
             $value = $value['start'];
         }
 
-        $date = $this->parseSaved($value);
-
-        return $this->splitDateTimeForPreProcessSingle($date);
+        return $this->parseSaved($value)->toIso8601ZuluString();
     }
 
     private function preProcessRange($value)
@@ -160,8 +155,8 @@ private function preProcessRange($value)
             $carbon = $this->parseSavedToCarbon($value);
 
             return [
-                'start' => $this->splitDateTimeForPreProcessSingle($carbon->copy()->startOfDay()->utc()),
-                'end' => $this->splitDateTimeForPreProcessSingle($carbon->copy()->endOfDay()->utc()),
+                'start' => $carbon->copy()->startOfDay()->utc()->toIso8601ZuluString(),
+                'end' => $carbon->copy()->endOfDay()->utc()->toIso8601ZuluString(),
             ];
         }
 
@@ -195,11 +190,11 @@ public function process($data)
 
     private function processSingle($data)
     {
-        if (is_null($data['date'])) {
+        if (is_null($data)) {
             return null;
         }
 
-        return $this->processDateTime($data['date'].' '.($data['time'] ?? '00:00'));
+        return $this->processDateTime($data);
     }
 
     private function processRange($data)
@@ -209,8 +204,8 @@ private function processRange($data)
         }
 
         return [
-            'start' => $this->processDateTime($data['start']['date'].' '.($data['start']['time'] ?? '00:00')),
-            'end' => $this->processDateTime($data['end']['date'].' '.($data['end']['time'] ?? '23:59')),
+            'start' => $this->processDateTime($data['start']),
+            'end' => $this->processDateTime($data['end']),
         ];
     }
 
@@ -227,6 +222,11 @@ public function preProcessIndex($value)
             return;
         }
 
+        $common = [
+            'mode' => $this->config('mode', 'single'),
+            'time_enabled' => $this->config('time_enabled'),
+        ];
+
         if ($this->config('mode') === 'range') {
             // If the value is a string, this field probably used to be a single date.
             // In this case, we'll use the date for both the start and end of the range.
@@ -234,13 +234,10 @@ public function preProcessIndex($value)
                 $value = ['start' => $value, 'end' => $value];
             }
 
-            $start = $this->parseSaved($value['start']);
-            $end = $this->parseSaved($value['end']);
-
             return [
-                'start' => $this->splitDateTimeForPreProcessSingle($start),
-                'end' => $this->splitDateTimeForPreProcessSingle($end),
-                'mode' => $this->config('mode', 'single'),
+                'start' => $this->parseSaved($value['start'])->toIso8601ZuluString(),
+                'end' => $this->parseSaved($value['end'])->toIso8601ZuluString(),
+                ...$common,
             ];
         }
 
@@ -249,12 +246,9 @@ public function preProcessIndex($value)
             $value = $value['start'];
         }
 
-        $date = $this->parseSaved($value);
-
         return [
-            ...$this->splitDateTimeForPreProcessSingle($date),
-            'mode' => $this->config('mode', 'single'),
-            'time_enabled' => $this->config('time_enabled'),
+            'date' => $this->parseSaved($value)->toIso8601ZuluString(),
+            ...$common,
         ];
     }
 
@@ -382,12 +376,7 @@ public function preProcessValidatable($value)
             return $this->preProcessSingleValidatable($value);
         }
 
-        if (isset($value['start'])) {
-            // It was already processed.
-            return $value;
-        }
-
-        return $this->preProcessRangeValidatable($value['date']);
+        return $this->preProcessRangeValidatable($value);
     }
 
     private function preProcessSingleValidatable($value)
@@ -396,17 +385,7 @@ private function preProcessSingleValidatable($value)
             return $value;
         }
 
-        if (! $value['date']) {
-            return null;
-        }
-
-        $time = $value['time'] ?? '00:00';
-
-        if (substr_count($time, ':') === 1) {
-            $time .= ':00';
-        }
-
-        return Carbon::createFromFormat(self::DEFAULT_DATETIME_WITH_SECONDS_FORMAT, $value['date'].' '.$time);
+        return Carbon::parse($value);
     }
 
     private function preProcessRangeValidatable($value)
@@ -416,8 +395,8 @@ private function preProcessRangeValidatable($value)
         }
 
         return [
-            'start' => Carbon::createFromFormat(self::DEFAULT_DATE_FORMAT, $value['start'])->startOfDay(),
-            'end' => Carbon::createFromFormat(self::DEFAULT_DATE_FORMAT, $value['end'])->startOfDay(),
+            'start' => Carbon::parse($value['start']),
+            'end' => Carbon::parse($value['end']),
         ];
     }
 }
diff --git a/src/Rules/DateFieldtype.php b/src/Rules/DateFieldtype.php
index caf35cf0c2a..739ec7e2a71 100644
--- a/src/Rules/DateFieldtype.php
+++ b/src/Rules/DateFieldtype.php
@@ -21,28 +21,8 @@ public function validate(string $attribute, mixed $value, Closure $fail): void
             return;
         }
 
-        if (! is_array($value)) {
-            $fail('statamic::validation.array')->translate();
-
-            return;
-        }
-
         if ($this->fieldtype->config('mode') === 'single') {
-            if (! Arr::has($value, 'date')) {
-                $fail('statamic::validation.date_fieldtype_date_required')->translate();
-
-                return;
-            }
-
-            $date = $value['date'];
-
-            if ($this->fieldtype->isRequired() && ! $date) {
-                $fail('statamic::validation.date_fieldtype_date_required')->translate();
-
-                return;
-            }
-
-            if ($date && ! $this->validDateFormat($date)) {
+            if ($value && ! $this->validDateFormat($value)) {
                 $fail('statamic::validation.date')->translate();
 
                 return;
@@ -50,23 +30,19 @@ public function validate(string $attribute, mixed $value, Closure $fail): void
         }
 
         if ($this->fieldtype->config('mode') === 'range') {
-            if (isset($value['start'])) {
+            $date = $value;
+
+            if (isset($date['start']) && $date['start'] instanceof Carbon) {
                 // It was already processed.
                 return;
             }
 
-            $date = $value['date'];
-
             if (! $date && $this->fieldtype->isRequired()) {
                 $fail('statamic::validation.date_fieldtype_date_required')->translate();
 
                 return;
             }
 
-            if (! $date) {
-                return;
-            }
-
             if (! Arr::has($date, 'start')) {
                 $fail('statamic::validation.date_fieldtype_start_date_required')->translate();
 
@@ -78,7 +54,7 @@ public function validate(string $attribute, mixed $value, Closure $fail): void
                 return;
             }
 
-            if ($this->fieldtype->isRequired() && ! $date['start'] && ! $date['end']) {
+            if (! $date['start'] && ! $date['end']) {
                 $fail('statamic::validation.date_fieldtype_date_required')->translate();
 
                 return;
@@ -108,57 +84,14 @@ public function validate(string $attribute, mixed $value, Closure $fail): void
                 return;
             }
         }
-
-        if (! $this->timeEnabled()) {
-            return;
-        }
-
-        if (! Arr::has($value, 'time')) {
-            $fail('statamic::validation.date_fieldtype_time_required')->translate();
-
-            return;
-        }
-
-        $time = $value['time'];
-
-        if ($this->fieldtype->isRequired() && ! $time) {
-            $fail('statamic::validation.date_fieldtype_time_required')->translate();
-
-            return;
-        }
-
-        if ($time && ! $this->validTimeFormat($time)) {
-            $fail('statamic::validation.time')->translate();
-
-            return;
-        }
     }
 
     private function validDateFormat($value)
     {
-        return $this->matchesFormat($value, 'Y-m-d');
-    }
-
-    private function validTimeFormat($value)
-    {
-        $format = $this->fieldtype->config('time_seconds_enabled') ? 'H:i:s' : 'H:i';
-
-        return $this->matchesFormat($value, $format);
-    }
-
-    private function matchesFormat($value, string $format)
-    {
-        if (! $value) {
-            return false;
-        }
+        $format = 'Y-m-d\TH:i:s\Z';
 
         $date = DateTime::createFromFormat('!'.$format, $value);
 
         return $date && $date->format($format) == $value;
     }
-
-    private function timeEnabled()
-    {
-        return $this->fieldtype->config('time_enabled');
-    }
 }
diff --git a/tests/Feature/Entries/UpdateEntryTest.php b/tests/Feature/Entries/UpdateEntryTest.php
index d0b4020db91..15e554b2864 100644
--- a/tests/Feature/Entries/UpdateEntryTest.php
+++ b/tests/Feature/Entries/UpdateEntryTest.php
@@ -112,7 +112,7 @@ public function date_gets_set_in_origin()
             ->update($entry, [
                 'title' => 'Updated Entry',
                 'slug' => 'updated-entry',
-                'date' => ['date' => '2021-02-02'],
+                'date' => '2021-02-02T00:00:00Z',
                 '_localized' => [], // empty to show that date doesn't need to be in here.
             ])
             ->assertOk();
@@ -151,7 +151,7 @@ public function date_gets_set_in_localization_when_contained_in_localized_array(
             ->update($localized, [
                 'title' => 'Updated Entry',
                 'slug' => 'updated-entry',
-                'date' => ['date' => '2021-02-02'],
+                'date' => '2021-02-02T00:00:00Z',
                 '_localized' => $shouldBeInArray ? ['date'] : [],
             ])
             ->assertOk();
diff --git a/tests/Fieldtypes/DateTest.php b/tests/Fieldtypes/DateTest.php
index 5b267cab612..4225108f532 100644
--- a/tests/Fieldtypes/DateTest.php
+++ b/tests/Fieldtypes/DateTest.php
@@ -149,46 +149,28 @@ public static function processProvider()
                 null,
                 null,
             ],
-            'object with nulls' => [
-                'UTC',
-                [],
-                ['date' => null, 'time' => null],
-                null,
-            ],
-            'object with missing time' => [
-                'UTC',
-                [],
-                ['date' => null],
-                null,
-            ],
             'date with default format' => [
                 'UTC',
                 [],
-                ['date' => '2012-08-29', 'time' => '00:00'],
+                '2012-08-29T00:00:00Z',
                 '2012-08-29 00:00',
             ],
             'date with custom format' => [
                 'UTC',
                 ['format' => 'Y--m--d H/i'],
-                ['date' => '2012-08-29', 'time' => '00:00'],
+                '2012-08-29T00:00:00Z',
                 '2012--08--29 00/00',
             ],
             'date in a different timezone' => [
                 'America/New_York', // -4000
                 [],
-                ['date' => '2012-08-29', 'time' => '00:00'],
+                '2012-08-29T00:00:00Z',
                 '2012-08-28 20:00',
             ],
-            'date with missing time' => [
-                'UTC',
-                [],
-                ['date' => '2012-08-29'],
-                '2012-08-29 00:00',
-            ],
             'date with time' => [
                 'UTC',
                 ['time_enabled' => true],
-                ['date' => '2012-08-29', 'time' => '13:43'],
+                '2012-08-29T13:43:00Z',
                 '2012-08-29 13:43',
             ],
             'null range' => [
@@ -200,19 +182,19 @@ public static function processProvider()
             'range with default format' => [
                 'UTC',
                 ['mode' => 'range'],
-                ['start' => ['date' => '2012-08-29', 'time' => '00:00'], 'end' => ['date' => '2013-09-27', 'time' => '23:59']],
+                ['start' => '2012-08-29T00:00:00Z', 'end' => '2013-09-27T23:59:00Z'],
                 ['start' => '2012-08-29 00:00', 'end' => '2013-09-27 23:59'],
             ],
             'range with custom format' => [
                 'UTC',
                 ['mode' => 'range', 'format' => 'Y--m--d H/i'],
-                ['start' => ['date' => '2012-08-29', 'time' => '00:00'], 'end' => ['date' => '2013-09-27', 'time' => '23:59']],
+                ['start' => '2012-08-29T00:00:00Z', 'end' => '2013-09-27T23:59:00Z'],
                 ['start' => '2012--08--29 00/00', 'end' => '2013--09--27 23/59'],
             ],
             'range in a different timezone' => [
                 'America/New_York', // -4000
                 ['mode' => 'range'],
-                ['start' => ['date' => '2012-08-29', 'time' => '00:00'], 'end' => ['date' => '2013-09-27', 'time' => '23:59']],
+                ['start' => '2012-08-29T00:00:00Z', 'end' => '2013-09-27T23:59:00Z'],
                 ['start' => '2012-08-28 20:00', 'end' => '2013-09-27 19:59'],
             ],
         ];
@@ -221,7 +203,7 @@ public static function processProvider()
     #[Test]
     public function it_saves_date_as_integer_if_format_results_in_a_number()
     {
-        $this->assertSame(20120829, $this->fieldtype(['format' => 'Ymd'])->process(['date' => '2012-08-29', 'time' => null]));
+        $this->assertSame(20120829, $this->fieldtype(['format' => 'Ymd'])->process('2012-08-29T00:00:00Z'));
     }
 
     #[Test]
@@ -231,7 +213,7 @@ public function it_saves_ranges_as_integers_if_format_results_in_a_number()
 
         $this->assertSame(
             ['start' => 201208290000, 'end' => 201309272359],
-            $fieldtype->process(['start' => ['date' => '2012-08-29', 'time' => '00:00'], 'end' => ['date' => '2013-09-27', 'time' => '23:59']])
+            $fieldtype->process(['start' => '2012-08-29T00:00:00Z', 'end' => '2013-09-27T23:59:00Z'])
         );
     }
 
@@ -251,49 +233,49 @@ public static function preProcessProvider()
                 'UTC',
                 [],
                 null,
-                ['date' => null, 'time' => null],
+                null,
             ],
             'now' => [
                 'UTC',
                 [],
                 'now', // this would happen if the value was null, but default was "now"
-                ['date' => '2010-12-25', 'time' => '13:43'], // current date
+                '2010-12-25T13:43:00Z', // current date
             ],
             'date without time' => [
                 'UTC',
                 [],
                 '2012-08-29',
-                ['date' => '2012-08-29', 'time' => '00:00'],
+                '2012-08-29T00:00:00Z',
             ],
             'date with default format' => [
                 'UTC',
                 [],
                 '2012-08-29 00:00',
-                ['date' => '2012-08-29', 'time' => '00:00'],
+                '2012-08-29T00:00:00Z',
             ],
             'date with custom format' => [
                 'UTC',
                 ['format' => 'Y--m--d H/i'],
                 '2012--08--29 00/00',
-                ['date' => '2012-08-29', 'time' => '00:00'],
+                '2012-08-29T00:00:00Z',
             ],
             'date in a different timezone' => [
                 'America/New_York', // -0400
                 [],
                 '2012-08-29 00:00',
-                ['date' => '2012-08-29', 'time' => '04:00'],
+                '2012-08-29T04:00:00Z',
             ],
             'date with time' => [
                 'UTC',
                 ['time_enabled' => true],
                 '2012-08-29 13:43',
-                ['date' => '2012-08-29', 'time' => '13:43'],
+                '2012-08-29T13:43:00Z',
             ],
             'date with time in a different timezone' => [
                 'America/New_York', // -0400
                 ['time_enabled' => true],
                 '2012-08-29 13:43',
-                ['date' => '2012-08-29', 'time' => '17:43'],
+                '2012-08-29T17:43:00Z',
             ],
             'null range' => [
                 'UTC',
@@ -305,19 +287,19 @@ public static function preProcessProvider()
                 'UTC',
                 ['mode' => 'range'],
                 ['start' => '2012-08-29 00:00', 'end' => '2013-09-27 23:59'],
-                ['start' => ['date' => '2012-08-29', 'time' => '00:00'], 'end' => ['date' => '2013-09-27', 'time' => '23:59']],
+                ['start' => '2012-08-29T00:00:00Z', 'end' => '2013-09-27T23:59:00Z'],
             ],
             'range with custom format' => [
                 'UTC',
                 ['mode' => 'range', 'format' => 'Y--m--d H/i'],
                 ['start' => '2012--08--29 00/00', 'end' => '2013--09--27 23/59'],
-                ['start' => ['date' => '2012-08-29', 'time' => '00:00'], 'end' => ['date' => '2013-09-27', 'time' => '23:59']],
+                ['start' => '2012-08-29T00:00:00Z', 'end' => '2013-09-27T23:59:00Z'],
             ],
             'range in a different timezone' => [
                 'America/New_York', // -4000
                 ['mode' => 'range'],
                 ['start' => '2012-08-29 00:00', 'end' => '2013-09-27 23:59'],
-                ['start' => ['date' => '2012-08-29', 'time' => '04:00'], 'end' => ['date' => '2013-09-28', 'time' => '03:59']],
+                ['start' => '2012-08-29T04:00:00Z', 'end' => '2013-09-28T03:59:00Z'],
             ],
             'range where single date has been provided' => [
                 'UTC',
@@ -325,26 +307,26 @@ public static function preProcessProvider()
                 // Use the single date as both the start and end dates.
                 ['mode' => 'range'],
                 '2012-08-29',
-                ['start' => ['date' => '2012-08-29', 'time' => '00:00'], 'end' => ['date' => '2012-08-29', 'time' => '23:59']],
+                ['start' => '2012-08-29T00:00:00Z', 'end' => '2012-08-29T23:59:59Z'],
             ],
             'range where single date has been provided with custom format' => [
                 'UTC',
                 ['mode' => 'range', 'format' => 'Y--m--d'],
                 '2012--08--29',
-                ['start' => ['date' => '2012-08-29', 'time' => '00:00'], 'end' => ['date' => '2012-08-29', 'time' => '23:59']],
+                ['start' => '2012-08-29T00:00:00Z', 'end' => '2012-08-29T23:59:59Z'],
             ],
             'date where range has been provided' => [
                 'UTC',
                 // e.g. If it was once a range field. Use the start date.
                 [],
                 ['start' => '2012-08-29 00:00', 'end' => '2013-09-27 23:59'],
-                ['date' => '2012-08-29', 'time' => '00:00'],
+                '2012-08-29T00:00:00Z',
             ],
             'date where range has been provided with custom format' => [
                 'UTC',
                 ['format' => 'Y--m--d H/i'],
                 ['start' => '2012--08--29 00/00', 'end' => '2013--09--27 23/59'],
-                ['date' => '2012-08-29', 'time' => '00:00'],
+                '2012-08-29T00:00:00Z',
             ],
         ];
     }
@@ -371,37 +353,37 @@ public static function preProcessIndexProvider()
                 'UTC',
                 [],
                 '2012-08-29 00:00',
-                ['date' => '2012-08-29', 'time' => '00:00', 'mode' => 'single', 'time_enabled' => false],
+                ['date' => '2012-08-29T00:00:00Z', 'mode' => 'single', 'time_enabled' => false],
             ],
             'date with custom format' => [
                 'UTC',
                 ['format' => 'Y--m--d H/i'],
                 '2012--08--29 00/00',
-                ['date' => '2012-08-29', 'time' => '00:00', 'mode' => 'single', 'time_enabled' => false],
+                ['date' => '2012-08-29T00:00:00Z', 'mode' => 'single', 'time_enabled' => false],
             ],
             'date in a different timezone' => [
                 'America/New_York', // -0400
                 [],
                 '2012-08-29 00:00',
-                ['date' => '2012-08-29', 'time' => '04:00', 'mode' => 'single', 'time_enabled' => false],
+                ['date' => '2012-08-29T04:00:00Z', 'mode' => 'single', 'time_enabled' => false],
             ],
             'date with time' => [
                 'UTC',
                 ['time_enabled' => true],
                 '2012-08-29 13:43',
-                ['date' => '2012-08-29', 'time' => '13:43', 'mode' => 'single', 'time_enabled' => true],
+                ['date' => '2012-08-29T13:43:00Z', 'mode' => 'single', 'time_enabled' => true],
             ],
             'date with time and custom format' => [
                 'UTC',
                 ['time_enabled' => true, 'format' => 'Y--m--d H:i'],
                 '2012--08--29 13:43',
-                ['date' => '2012-08-29', 'time' => '13:43', 'mode' => 'single', 'time_enabled' => true],
+                ['date' => '2012-08-29T13:43:00Z', 'mode' => 'single', 'time_enabled' => true],
             ],
             'date with time in a different timezone' => [
                 'America/New_York', // -0400
                 ['time_enabled' => true],
                 '2012-08-29 13:43',
-                ['date' => '2012-08-29', 'time' => '17:43', 'mode' => 'single', 'time_enabled' => true],
+                ['date' => '2012-08-29T17:43:00Z', 'mode' => 'single', 'time_enabled' => true],
             ],
             'null range' => [
                 'UTC',
@@ -413,19 +395,19 @@ public static function preProcessIndexProvider()
                 'UTC',
                 ['mode' => 'range'],
                 ['start' => '2012-08-29 00:00', 'end' => '2013-09-27 00:00'],
-                ['start' => ['date' => '2012-08-29', 'time' => '00:00'], 'end' => ['date' => '2013-09-27', 'time' => '00:00'], 'mode' => 'range'],
+                ['start' => '2012-08-29T00:00:00Z', 'end' => '2013-09-27T00:00:00Z', 'mode' => 'range', 'time_enabled' => false],
             ],
             'range with custom format' => [
                 'UTC',
                 ['mode' => 'range', 'format' => 'Y--m--d H/i'],
                 ['start' => '2012--08--29 00/00', 'end' => '2013--09--27 00/00'],
-                ['start' => ['date' => '2012-08-29', 'time' => '00:00'], 'end' => ['date' => '2013-09-27', 'time' => '00:00'], 'mode' => 'range'],
+                ['start' => '2012-08-29T00:00:00Z', 'end' => '2013-09-27T00:00:00Z', 'mode' => 'range', 'time_enabled' => false],
             ],
             'range in a different timezone' => [
                 'America/New_York', // -4000
                 ['mode' => 'range'],
                 ['start' => '2012-08-29 00:00', 'end' => '2013-09-27 00:00'],
-                ['start' => ['date' => '2012-08-29', 'time' => '04:00'], 'end' => ['date' => '2013-09-27', 'time' => '04:00'], 'mode' => 'range'],
+                ['start' => '2012-08-29T04:00:00Z', 'end' => '2013-09-27T04:00:00Z', 'mode' => 'range', 'time_enabled' => false],
             ],
             'range where single date has been provided' => [
                 // e.g. If it was once a non-range field.
@@ -433,32 +415,32 @@ public static function preProcessIndexProvider()
                 'UTC',
                 ['mode' => 'range'],
                 '2012-08-29',
-                ['start' => ['date' => '2012-08-29', 'time' => '00:00'], 'end' => ['date' => '2012-08-29', 'time' => '00:00'], 'mode' => 'range'],
+                ['start' => '2012-08-29T00:00:00Z', 'end' => '2012-08-29T00:00:00Z', 'mode' => 'range', 'time_enabled' => false],
             ],
             'range where single date has been provided with custom format' => [
                 'UTC',
                 ['mode' => 'range', 'format' => 'Y--m--d H/i'],
                 '2012--08--29 00/00',
-                ['start' => ['date' => '2012-08-29', 'time' => '00:00'], 'end' => ['date' => '2012-08-29', 'time' => '00:00'], 'mode' => 'range'],
+                ['start' => '2012-08-29T00:00:00Z', 'end' => '2012-08-29T00:00:00Z', 'mode' => 'range', 'time_enabled' => false],
             ],
             'date where range has been provided' => [
                 // e.g. If it was once a range field. Use the start date.
                 'UTC',
                 [],
                 ['start' => '2012-08-29 00:00', 'end' => '2013-09-27 00:00'],
-                ['date' => '2012-08-29', 'time' => '00:00', 'mode' => 'single', 'time_enabled' => false],
+                ['date' => '2012-08-29T00:00:00Z', 'mode' => 'single', 'time_enabled' => false],
             ],
             'date where range has been provided with custom format' => [
                 'UTC',
                 ['format' => 'Y--m--d H/i'],
                 ['start' => '2012--08--29 00/00', 'end' => '2013--09--27 00/00'],
-                ['date' => '2012-08-29', 'time' => '00:00', 'mode' => 'single', 'time_enabled' => false],
+                ['date' => '2012-08-29T00:00:00Z', 'mode' => 'single', 'time_enabled' => false],
             ],
             'range where time has been enabled' => [
                 'UTC',
-                ['mode' => 'range', 'time_enabled' => true], // enabling time should have no effect.
+                ['mode' => 'range', 'time_enabled' => true],
                 ['start' => '2012-08-29 00:00', 'end' => '2013-09-27 00:00'],
-                ['start' => ['date' => '2012-08-29', 'time' => '00:00'], 'end' => ['date' => '2013-09-27', 'time' => '00:00'], 'mode' => 'range'],
+                ['start' => '2012-08-29T00:00:00Z', 'end' => '2013-09-27T00:00:00Z', 'mode' => 'range', 'time_enabled' => true],
             ],
         ];
     }
@@ -474,7 +456,8 @@ public function it_preprocess_validatables($config, $input, $expected)
         if ($expected === null) {
             $this->assertNull($value);
         } else {
-            $this->assertEquals($expected, $value->format('Y-m-d H:i:s'));
+            $this->assertInstanceOf(Carbon::class, $value);
+            $this->assertEquals($expected, $value->toIso8601ZuluString());
         }
     }
 
@@ -490,35 +473,30 @@ public static function validatablesProvider()
             ],
             'null date when not required' => [
                 [],
-                ['date' => null, 'time' => null],
+                null,
                 null,
             ],
             'valid date' => [
                 [],
-                ['date' => '2012-01-29', 'time' => null],
-                '2012-01-29 00:00:00',
+                '2012-01-29T00:00:00Z',
+                '2012-01-29T00:00:00Z',
             ],
             'valid date and time' => [
                 ['time_enabled' => true],
-                ['date' => '2012-01-29', 'time' => '13:00'],
-                '2012-01-29 13:00:00',
+                '2012-01-29T13:00:00Z',
+                '2012-01-29T13:00:00Z',
             ],
             'valid date and time with seconds' => [
                 ['time_enabled' => true, 'time_seconds_enabled' => true],
-                ['date' => '2012-01-29', 'time' => '13:14:15'],
-                '2012-01-29 13:14:15',
-            ],
-            'null time' => [
-                ['time_enabled' => true],
-                ['date' => '2012-01-29', 'time' => null],
-                '2012-01-29 00:00:00',
+                '2012-01-29T13:14:15Z',
+                '2012-01-29T13:14:15Z',
             ],
             // A carbon instance would be passed in if it was already processed.
             // e.g. if it was nested inside a Replicator.
             'carbon instance' => [
                 [],
                 Carbon::parse('2012-01-29'),
-                '2012-01-29 00:00:00',
+                '2012-01-29T00:00:00Z',
             ],
         ];
     }
@@ -534,10 +512,13 @@ public function it_preprocess_range_validatables($config, $input, $expected)
         if ($expected === null) {
             $this->assertNull($value);
         } else {
-            $format = 'Y-m-d H:i:s';
+            $this->assertArrayHasKey('start', $value);
+            $this->assertArrayHasKey('end', $value);
+            $this->assertInstanceOf(Carbon::class, $start = $value['start']);
+            $this->assertInstanceOf(Carbon::class, $end = $value['end']);
             $this->assertEquals($expected, [
-                'start' => $value['start']->format($format),
-                'end' => $value['end']->format($format),
+                'start' => $start->toIso8601ZuluString(),
+                'end' => $end->toIso8601ZuluString(),
             ]);
         }
     }
@@ -554,21 +535,8 @@ public static function rangeValidatablesProvider()
             ],
             'valid date range' => [
                 ['mode' => 'range'],
-                ['date' => ['start' => '2012-01-29', 'end' => '2012-01-30']],
-                [
-                    'start' => '2012-01-29 00:00:00',
-                    'end' => '2012-01-30 00:00:00',
-                ],
-            ],
-            'null date in range mode' => [
-                ['mode' => 'range'],
-                ['date' => null],
-                null,
-            ],
-            'both dates null' => [
-                ['mode' => 'range'],
-                ['date' => ['start' => null, 'end' => null]],
-                null,
+                ['start' => '2012-01-29T00:00:00Z', 'end' => '2012-01-30T00:00:00Z'],
+                ['start' => '2012-01-29T00:00:00Z', 'end' => '2012-01-30T00:00:00Z'],
             ],
             // Start/end array with carbon instances would be passed in if it was already processed.
             // e.g. if it was nested inside a Replicator.
@@ -576,8 +544,8 @@ public static function rangeValidatablesProvider()
                 ['mode' => 'range'],
                 ['start' => Carbon::parse('2012-01-29'), 'end' => Carbon::parse('2012-02-14')],
                 [
-                    'start' => '2012-01-29 00:00:00',
-                    'end' => '2012-02-14 00:00:00',
+                    'start' => '2012-01-29T00:00:00Z',
+                    'end' => '2012-02-14T00:00:00Z',
                 ],
             ],
         ];
@@ -605,7 +573,7 @@ public static function validationProvider()
         return [
             'valid date' => [
                 [],
-                ['date' => '2012-01-29', 'time' => null],
+                '2012-01-29T00:00:00Z',
                 [],
             ],
             'null' => [
@@ -613,166 +581,86 @@ public static function validationProvider()
                 null,
                 [],
             ],
-            'not an array' => [
-                [],
-                'a string',
-                ['Must be an array.'],
-            ],
-            'missing date' => [
-                [],
-                [],
-                ['Date is required.'],
-            ],
-            'null date when not required' => [
-                [],
-                ['date' => null, 'time' => null],
+            'invalid date format' => [
                 [],
+                '2024-01-29',
+                ['Not a valid date.'],
             ],
-            'null required date via bool' => [
-                ['required' => true],
-                ['date' => null, 'time' => null],
-                ['Date is required.'],
-            ],
-            'null required date via validate' => [
-                ['validate' => 'required'],
-                ['date' => null, 'time' => null],
-                ['Date is required.'],
-            ],
-            'invalid date format' => [
+            'ridiculous invalid date format' => [
                 [],
-                ['date' => 'marchtember oneteenth', 'time' => null],
+                'marchtember oneteenth',
                 ['Not a valid date.'],
             ],
             'invalid date' => [
                 [],
-                ['date' => '2010-06-50'],
+                '2010-06-50T00:00:00Z',
                 ['Not a valid date.'],
             ],
             'valid date range' => [
                 ['mode' => 'range'],
-                ['date' => ['start' => '2012-01-29', 'end' => '2012-01-30']],
+                ['start' => '2012-01-29T00:00:00Z', 'end' => '2012-01-30T00:00:00Z'],
                 [],
             ],
-            'null date in range mode' => [
-                ['mode' => 'range'],
-                ['date' => null],
-                [],
-            ],
-            'null date in range mode required via bool' => [
-                ['mode' => 'range', 'required' => true],
-                ['date' => null],
-                ['Date is required.'],
-            ],
             'null date in range mode required via validate' => [
                 ['mode' => 'range', 'validate' => 'required'],
-                ['date' => null],
-                ['Date is required.'],
+                null,
+                ['The Test field is required.'],
             ],
             'missing start date' => [
                 ['mode' => 'range'],
-                ['date' => ['end' => '2012-01-30']],
+                ['end' => '2012-01-30T00:00:00Z'],
                 ['Start date is required.'],
             ],
             'missing end date' => [
                 ['mode' => 'range'],
-                ['date' => ['start' => '2012-01-29']],
+                ['start' => '2012-01-29T00:00:00Z'],
                 ['End date is required.'],
             ],
             'null start date' => [
                 ['mode' => 'range'],
-                ['date' => ['start' => null, 'end' => '2012-01-30']],
+                ['start' => null, 'end' => '2012-01-30T00:00:00Z'],
                 ['Start date is required.'],
             ],
             'null end date' => [
                 ['mode' => 'range'],
-                ['date' => ['start' => '2012-01-29', 'end' => null]],
+                ['start' => '2012-01-29T00:00:00Z', 'end' => null],
                 ['End date is required.'],
             ],
             'both dates null' => [
                 ['mode' => 'range'],
-                ['date' => ['start' => null, 'end' => null]],
-                [], // valid because not required
+                ['start' => null, 'end' => null],
+                ['Date is required.'], // Invalid because if you want null, the whole value should be null.
             ],
             'both dates null, required via bool' => [
                 ['mode' => 'range', 'required' => true],
-                ['date' => ['start' => null, 'end' => null]],
+                ['start' => null, 'end' => null],
                 ['Date is required.'],
             ],
             'both dates null, required via validate' => [
                 ['mode' => 'range', 'validate' => 'required'],
-                ['date' => ['start' => null, 'end' => null]],
+                ['start' => null, 'end' => null],
                 ['Date is required.'],
             ],
             'invalid start date' => [
                 ['mode' => 'range'],
-                ['date' => ['start' => '2010-06-50', 'end' => '2012-01-30']],
+                ['start' => '2010-06-50T00:00:00Z', 'end' => '2012-01-30T00:00:00Z'],
                 ['Not a valid start date.'],
             ],
             'invalid end date' => [
                 ['mode' => 'range'],
-                ['date' => ['start' => '2012-01-29', 'end' => '2010-06-50']],
+                ['start' => '2012-01-29T00:00:00Z', 'end' => '2010-06-50T00:00:00Z'],
                 ['Not a valid end date.'],
             ],
             'invalid start date format' => [
                 ['mode' => 'range'],
-                ['date' => ['start' => 'marchtember oneteenth', 'end' => '2012-01-30']],
+                ['start' => 'marchtember oneteenth', 'end' => '2012-01-30T00:00:00Z'],
                 ['Not a valid start date.'],
             ],
             'invalid end date format' => [
                 ['mode' => 'range'],
-                ['date' => ['start' => '2012-01-29', 'end' => 'marchtember oneteenth']],
+                ['start' => '2012-01-29T00:00:00Z', 'end' => 'marchtember oneteenth'],
                 ['Not a valid end date.'],
             ],
-            'valid date and time' => [
-                ['time_enabled' => true],
-                ['date' => '2012-01-29', 'time' => '13:00'],
-                [],
-            ],
-            'missing time' => [
-                ['time_enabled' => true],
-                ['date' => '2012-01-29'],
-                ['Time is required.'],
-            ],
-            'null time' => [
-                ['time_enabled' => true],
-                ['date' => '2012-01-29', 'time' => null],
-                [],
-            ],
-            'null required time via bool' => [
-                ['time_enabled' => true, 'required' => true],
-                ['date' => '2012-01-29', 'time' => null],
-                ['Time is required.'],
-            ],
-            'null required time via validate' => [
-                ['time_enabled' => true, 'validate' => 'required'],
-                ['date' => '2012-01-29', 'time' => null],
-                ['Time is required.'],
-            ],
-            'invalid time format' => [
-                ['time_enabled' => true],
-                ['date' => '2012-01-29', 'time' => 'not formatted like a time'],
-                ['Not a valid time.'],
-            ],
-            '12 hour time' => [
-                ['time_enabled' => true],
-                ['date' => '2012-01-29', 'time' => '1:00'],
-                ['Not a valid time.'],
-            ],
-            'invalid hour' => [
-                ['time_enabled' => true],
-                ['date' => '2012-01-29', 'time' => '25:00'],
-                ['Not a valid time.'],
-            ],
-            'invalid minute' => [
-                ['time_enabled' => true],
-                ['date' => '2012-01-29', 'time' => '14:65'],
-                ['Not a valid time.'],
-            ],
-            'invalid second' => [
-                ['time_enabled' => true, 'time_seconds_enabled' => true],
-                ['date' => '2012-01-29', 'time' => '13:00:60'],
-                ['Not a valid time.'],
-            ],
         ];
     }
 

From c65043b61b2053751ff27fe26f432d2b0771cfc3 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Tue, 1 Apr 2025 15:08:00 -0400
Subject: [PATCH 033/186] Remove v-calendar ...
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Goes from
2,136.10 kB │ gzip: 561.62 k
to
1,952.96 kB │ gzip: 508.49 kB
---
 package-lock.json                             | 62 -------------------
 package.json                                  |  1 -
 .../css/components/fieldtypes/datetime.css    | 11 ----
 resources/js/bootstrap/statamic.js            |  3 -
 4 files changed, 77 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 60153a99291..af9558a8aaa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,7 +6,6 @@
         "": {
             "name": "statamic",
             "dependencies": {
-                "@angelblanco/v-calendar": "^3.1.2",
                 "@floating-ui/dom": "^1.2.5",
                 "@he-tree/vue": "^2.8.2",
                 "@hoppscotch/vue-toasted": "^0.1.0",
@@ -108,24 +107,6 @@
                 "vitest": "^3.0.5"
             }
         },
-        "node_modules/@angelblanco/v-calendar": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/@angelblanco/v-calendar/-/v-calendar-3.1.3.tgz",
-            "integrity": "sha512-WxIrdPNXNjbkAVzcp2cvngeBQZ3w5pJvwKJMZii26iKtzHFF4E8z6qaDRAgA2UutqTMKNJkoR9JGKHRzUur7Mg==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/lodash": "^4.14.165",
-                "@types/resize-observer-browser": "^0.1.7",
-                "date-fns": "^2.16.1",
-                "date-fns-tz": "^2.0.0",
-                "lodash": "^4.17.20",
-                "vue-screen-utils": "^1.0.0-beta.13"
-            },
-            "peerDependencies": {
-                "@popperjs/core": "^2.0.0",
-                "vue": "^3.2.0"
-            }
-        },
         "node_modules/@asamuzakjp/css-color": {
             "version": "3.1.1",
             "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-3.1.1.tgz",
@@ -2154,12 +2135,6 @@
             "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
             "license": "MIT"
         },
-        "node_modules/@types/lodash": {
-            "version": "4.17.16",
-            "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.16.tgz",
-            "integrity": "sha512-HX7Em5NYQAXKW+1T+FiuG27NGwzJfCX3s1GjOa7ujxZa52kjJLOr4FUxT+giF6Tgxv1e+/czV/iTtBw27WTU9g==",
-            "license": "MIT"
-        },
         "node_modules/@types/markdown-it": {
             "version": "14.1.2",
             "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
@@ -2187,12 +2162,6 @@
                 "undici-types": "~6.20.0"
             }
         },
-        "node_modules/@types/resize-observer-browser": {
-            "version": "0.1.11",
-            "resolved": "https://registry.npmjs.org/@types/resize-observer-browser/-/resize-observer-browser-0.1.11.tgz",
-            "integrity": "sha512-cNw5iH8JkMkb3QkCoe7DaZiawbDQEUX8t7iuQaRTyLOyQCR2h+ibBD4GJt7p5yhUHrlOeL7ZtbxNHeipqNsBzQ==",
-            "license": "MIT"
-        },
         "node_modules/@types/unist": {
             "version": "3.0.3",
             "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
@@ -3136,31 +3105,6 @@
                 "node": ">=18"
             }
         },
-        "node_modules/date-fns": {
-            "version": "2.30.0",
-            "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
-            "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
-            "license": "MIT",
-            "dependencies": {
-                "@babel/runtime": "^7.21.0"
-            },
-            "engines": {
-                "node": ">=0.11"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/date-fns"
-            }
-        },
-        "node_modules/date-fns-tz": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/date-fns-tz/-/date-fns-tz-2.0.1.tgz",
-            "integrity": "sha512-fJCG3Pwx8HUoLhkepdsP7Z5RsucUi+ZBOxyM5d0ZZ6c4SdYustq0VMmOu6Wf7bli+yS/Jwp91TOCqn9jMcVrUA==",
-            "license": "MIT",
-            "peerDependencies": {
-                "date-fns": "2.x"
-            }
-        },
         "node_modules/debug": {
             "version": "4.4.0",
             "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
@@ -4576,12 +4520,6 @@
                 "uc.micro": "^2.0.0"
             }
         },
-        "node_modules/lodash": {
-            "version": "4.17.21",
-            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-            "license": "MIT"
-        },
         "node_modules/lodash-es": {
             "version": "4.17.21",
             "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
diff --git a/package.json b/package.json
index 9d1743da89f..264234d3f16 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,6 @@
         "knip": "knip"
     },
     "dependencies": {
-        "@angelblanco/v-calendar": "^3.1.2",
         "@floating-ui/dom": "^1.2.5",
         "@he-tree/vue": "^2.8.2",
         "@hoppscotch/vue-toasted": "^0.1.0",
diff --git a/resources/css/components/fieldtypes/datetime.css b/resources/css/components/fieldtypes/datetime.css
index 9ac14fe7651..d27d7f1f9f8 100644
--- a/resources/css/components/fieldtypes/datetime.css
+++ b/resources/css/components/fieldtypes/datetime.css
@@ -50,17 +50,6 @@
     @apply flex;
 }
 
-/* VCalendar dark mode background */
-.vc-container,
-.vc-date-picker-content {
-    @apply dark:border-dark-700 dark:bg-dark-500;
-}
-
-/* VCalendar dark mode year/month popover */
-.vc-nav-popover-container {
-    @apply dark:border-dark-900 dark:bg-dark-700;
-}
-
 /* Time Field
   ========================================================================== */
 
diff --git a/resources/js/bootstrap/statamic.js b/resources/js/bootstrap/statamic.js
index 01fc168aa9c..8e5ffcd85fe 100644
--- a/resources/js/bootstrap/statamic.js
+++ b/resources/js/bootstrap/statamic.js
@@ -14,8 +14,6 @@ import useDirtyState from '../composables/dirty-state';
 import VueClickAway from 'vue3-click-away';
 import FloatingVue from 'floating-vue';
 import 'floating-vue/dist/style.css';
-import VCalendar from '@angelblanco/v-calendar';
-import '@angelblanco/v-calendar/style.css';
 import Toasts from '../components/Toasts';
 import PortalVue from 'portal-vue';
 import Keys from '../components/keys/Keys';
@@ -126,7 +124,6 @@ export default {
         this.$app.use(PortalVue, { portalName: 'v-portal' });
         this.$app.use(VueClickAway);
         this.$app.use(FloatingVue, { disposeTimeout: 30000, distance: 10 });
-        this.$app.use(VCalendar);
 
         const portals = markRaw(new Portals());
 

From 81e9e6afde3123fd79c5e4f963258e81fd297317 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Tue, 1 Apr 2025 15:54:57 -0400
Subject: [PATCH 034/186] Time fieldtype, based on TimePicker component. Remove
 imask dependency.

---
 package-lock.json                             |  37 ----
 package.json                                  |   1 -
 resources/js/bootstrap/fieldtypes.js          |   6 +-
 .../components/fieldtypes/TimeFieldtype.vue   | 158 +++---------------
 .../js/components/ui/TimePicker/Index.vue     |  67 ++++++++
 resources/js/components/ui/index.js           |   3 +-
 6 files changed, 91 insertions(+), 181 deletions(-)
 create mode 100644 resources/js/components/ui/TimePicker/Index.vue

diff --git a/package-lock.json b/package-lock.json
index af9558a8aaa..a681017ee88 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -55,7 +55,6 @@
                 "floating-vue": "^5.2.2",
                 "fuse.js": "^7.0.0",
                 "highlight.js": "^11.7.0",
-                "imask": "^7.6.1",
                 "laravel-echo": "^1.16.0",
                 "lodash-es": "^4.17.21",
                 "lowlight": "^3.1.0",
@@ -166,19 +165,6 @@
                 "node": ">=6.9.0"
             }
         },
-        "node_modules/@babel/runtime-corejs3": {
-            "version": "7.27.0",
-            "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.27.0.tgz",
-            "integrity": "sha512-UWjX6t+v+0ckwZ50Y5ShZLnlk95pP5MyW/pon9tiYzl3+18pkTHTFNTKr7rQbfRXPkowt2QAn30o1b6oswszew==",
-            "license": "MIT",
-            "dependencies": {
-                "core-js-pure": "^3.30.2",
-                "regenerator-runtime": "^0.14.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
         "node_modules/@babel/types": {
             "version": "7.27.0",
             "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.0.tgz",
@@ -2933,17 +2919,6 @@
             "integrity": "sha512-yqW9Kl46LcwedlF+2wyFSaCSwRKRrU6m3n9WoAsFfn23bpRfkEBwfOkD+lFw4jCLLs960ke/aM5Qe1BAhtgJmQ==",
             "license": "Public Domain"
         },
-        "node_modules/core-js-pure": {
-            "version": "3.41.0",
-            "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.41.0.tgz",
-            "integrity": "sha512-71Gzp96T9YPk63aUvE5Q5qP+DryB4ZloUZPSOebGM88VNw8VNfvdA7z6kGA8iGOTEzAomsRidp4jXSmUIJsL+Q==",
-            "hasInstallScript": true,
-            "license": "MIT",
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/core-js"
-            }
-        },
         "node_modules/crelt": {
             "version": "1.0.6",
             "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
@@ -3936,18 +3911,6 @@
                 "node": ">= 4"
             }
         },
-        "node_modules/imask": {
-            "version": "7.6.1",
-            "resolved": "https://registry.npmjs.org/imask/-/imask-7.6.1.tgz",
-            "integrity": "sha512-sJlIFM7eathUEMChTh9Mrfw/IgiWgJqBKq2VNbyXvBZ7ev/IlO6/KQTKlV/Fm+viQMLrFLG/zCuudrLIwgK2dg==",
-            "license": "MIT",
-            "dependencies": {
-                "@babel/runtime-corejs3": "^7.24.4"
-            },
-            "engines": {
-                "npm": ">=4.0.0"
-            }
-        },
         "node_modules/indent-string": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
diff --git a/package.json b/package.json
index 264234d3f16..92e8d9c5820 100644
--- a/package.json
+++ b/package.json
@@ -64,7 +64,6 @@
         "floating-vue": "^5.2.2",
         "fuse.js": "^7.0.0",
         "highlight.js": "^11.7.0",
-        "imask": "^7.6.1",
         "laravel-echo": "^1.16.0",
         "lodash-es": "^4.17.21",
         "lowlight": "^3.1.0",
diff --git a/resources/js/bootstrap/fieldtypes.js b/resources/js/bootstrap/fieldtypes.js
index 3613dc781c2..f4a6237c7a2 100644
--- a/resources/js/bootstrap/fieldtypes.js
+++ b/resources/js/bootstrap/fieldtypes.js
@@ -60,6 +60,7 @@ import WidthFieldtype from '../components/fieldtypes/WidthFieldtype.vue';
 import VideoFieldtype from '../components/fieldtypes/VideoFieldtype.vue';
 import SetPicker from '../components/fieldtypes/replicator/SetPicker.vue';
 import SetField from '../components/fieldtypes/replicator/Field.vue';
+import TimeFieldtype from '../components/fieldtypes/TimeFieldtype.vue';
 
 export default function registerFieldtypes(app) {
     app.component('select-input', Select);
@@ -132,10 +133,7 @@ export default function registerFieldtypes(app) {
     app.component('tags-fieldtype-index', TagsIndexFieldtype);
     app.component('taggable-fieldtype-index', TagsIndexFieldtype);
     app.component('template_folder-fieldtype', TemplateFolderFieldtype);
-    app.component(
-        'time-fieldtype',
-        defineAsyncComponent(() => import('../components/fieldtypes/TimeFieldtype.vue')),
-    );
+    app.component('time-fieldtype', TimeFieldtype);
     app.component('toggle-fieldtype', ToggleFieldtype);
     app.component('toggle-fieldtype-index', ToggleIndexFieldtype);
     app.component('width-fieldtype', WidthFieldtype);
diff --git a/resources/js/components/fieldtypes/TimeFieldtype.vue b/resources/js/components/fieldtypes/TimeFieldtype.vue
index 6c38122d6a9..c05b62799a1 100644
--- a/resources/js/components/fieldtypes/TimeFieldtype.vue
+++ b/resources/js/components/fieldtypes/TimeFieldtype.vue
@@ -1,167 +1,49 @@
 <template>
-    <div class="time-fieldtype-container">
-        <div class="input-group">
-            <button
-                class="input-group-prepend flex items-center"
-                v-tooltip="__('Set to now')"
-                @click="setToNow"
-                v-if="!isReadOnly"
-            >
-                <svg-icon name="light/time" class="h-4 w-4" />
-            </button>
-            <input
-                type="time"
-                ref="time"
-                class="input-text [&::-webkit-calendar-picker-indicator]:hidden"
-                :step="useSeconds ? '1' : null"
-                :readonly="isReadOnly"
-                @keydown.esc="clear"
-                @focus="focused"
-                @blur="$emit('blur')"
-                @change="updateActualValue"
-            />
-        </div>
-    </div>
+    <TimePicker
+        ref="time"
+        :model-value="timePickerValue"
+        :granularity="useSeconds ? 'second' : 'minute'"
+        @update:model-value="timePickerUpdated"
+    />
 </template>
 
 <script>
 import Fieldtype from './Fieldtype.vue';
-import IMask from 'imask';
+import { TimePicker } from '@statamic/ui';
+import { parseTime } from '@internationalized/date';
 
 export default {
     mixins: [Fieldtype],
 
-    props: {
-        required: {
-            type: Boolean,
-            default: false,
-        },
-        showSeconds: {
-            type: Boolean,
-            default: false,
-        },
-    },
-
-    inject: ['storeName'],
-
-    data() {
-        return {
-            inputValue: this.value,
-            mask: null,
-        };
-    },
-
-    watch: {
-        // We use this instead of v-model or :value because the mask library wants to be in control of the value.
-        inputValue(value) {
-            this.mask.value = value;
-        },
-        // When the value is changed via the prop (e.g. through collaboration or other JS manually
-        // setting the value) we'll want to make sure it's reflected correctly here.
-        value(value) {
-            this.inputValue = value;
-            this.updateActualValue();
-        },
+    components: {
+        TimePicker,
     },
 
     computed: {
         useSeconds() {
-            return this.showSeconds || this.config.seconds_enabled;
+            return this.config.seconds_enabled;
         },
-    },
-
-    created() {
-        this.$events.$on(`container.${this.storeName}.saving`, this.updateActualValue);
-    },
-
-    mounted() {
-        // The mask will replace the need for binding the value to the input.
-        this.mask = IMask(this.$refs.time, {
-            mask: this.useSeconds ? '0[0]:`0[0]:`00' : '0[0]:`00',
-        });
-
-        // Bind initial value to mask.
-        this.mask.value = new String(this.inputValue);
-
-        // We use this instead of v-model or @input because input would be early and give us the raw value.
-        // In this event listener, we get masked value (with colons/guides). // e.g. 032 vs. 03:2
-        this.mask.on('accept', (e) => (this.inputValue = this.mask.value));
-    },
 
-    unmounted() {
-        this.$events.$off(`container.${this.storeName}.saving`, this.updateActualValue);
-        this.mask.destroy();
+        timePickerValue() {
+            return this.value ? parseTime(this.value) : null;
+        },
     },
 
     methods: {
-        focused() {
-            this.$refs.time.select();
-            this.$emit('focus');
-        },
-
         focus() {
             this.$refs.time.focus();
         },
 
-        // This will take the value of the input, add appropriate padding, and update the actual fieldtype value.
-        // e.g. 03:2    -> 03:02:00
-        //      03:20   -> 03:20:00
-        //      03:20:4 -> 03:20:04
-        //      3:2:4   -> 03:02:04
-        updateActualValue() {
-            if (!this.inputValue) {
-                this.update(null);
-                return;
-            }
-
-            let parts = this.inputValue.split(':');
-            if (parts.length === 1) parts.push('00');
-            if (parts.length === 2 && this.useSeconds) parts.push('00');
-            parts = parts.map((part) => part.padStart(2, '0'));
-
-            let newValue = parts.join(':');
-
-            if (this.value !== newValue) this.update(newValue);
-            this.inputValue = newValue;
-        },
+        timePickerUpdated(value) {
+            if (!value) return this.update(null);
 
-        setToNow() {
-            const date = new Date();
-            const hours = String(date.getHours()).padStart(2, '0');
-            const minutes = String(date.getMinutes()).padStart(2, '0');
-            const seconds = String(date.getSeconds()).padStart(2, '0');
+            value = value.toString();
 
-            this.update(this.useSeconds ? `${hours}:${minutes}:${seconds}` : `${hours}:${minutes}`);
-        },
-
-        adjustPart(e, direction, callback) {
-            const caretPosition = e.target.selectionStart;
-            const time = this.inputValue.split(':');
-
-            let part = 0;
-            if (caretPosition > 5) {
-                part = 2;
-            } else if (caretPosition > 2) {
-                part = 1;
+            if (!this.secondsEnabled) {
+                value = value.slice(0, 5);
             }
 
-            const current = parseInt(time[part]);
-            const newValue = current + (direction === 'increment' ? 1 : -1);
-
-            const returned = callback(part, newValue);
-            if (returned) {
-                time[part] = returned;
-            } else {
-                time[part] = String(newValue).padStart(2, '0');
-            }
-
-            this.update(time.join(':'));
-
-            // Set the caret position back to where it was
-            this.$nextTick(() => {
-                e.target.selectionStart = caretPosition;
-                e.target.selectionEnd = caretPosition;
-            });
+            this.update(value);
         },
     },
 };
diff --git a/resources/js/components/ui/TimePicker/Index.vue b/resources/js/components/ui/TimePicker/Index.vue
new file mode 100644
index 00000000000..5895ecbf450
--- /dev/null
+++ b/resources/js/components/ui/TimePicker/Index.vue
@@ -0,0 +1,67 @@
+<script setup>
+import { TimeFieldInput, TimeFieldRoot } from 'reka-ui';
+import { WithField, Button } from '@statamic/ui';
+
+const emit = defineEmits(['update:modelValue']);
+
+const props = defineProps({
+    badge: { type: String, default: null },
+    description: { type: String, default: null },
+    label: { type: String, default: null },
+    required: { type: Boolean, default: false },
+    modelValue: { type: String, default: null },
+    granularity: { type: String, default: null },
+    clearable: { type: Boolean, default: true },
+});
+
+const setToNow = () => {
+    const date = new Date();
+    const hours = String(date.getHours()).padStart(2, '0');
+    const minutes = String(date.getMinutes()).padStart(2, '0');
+    const seconds = String(date.getSeconds()).padStart(2, '0');
+    emit(
+        'update:modelValue',
+        props.granularity === 'second' ? `${hours}:${minutes}:${seconds}` : `${hours}:${minutes}`,
+    );
+};
+</script>
+
+<template>
+    <WithField :label :description :required :badge>
+        <TimeFieldRoot
+            :model-value="modelValue"
+            @update:model-value="emit('update:modelValue', $event)"
+            v-slot="{ segments }"
+            :granularity="granularity"
+            :class="[
+                'flex w-full bg-white dark:bg-gray-900',
+                'border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-2xs dark:inset-shadow-black',
+                'leading-[1.375rem] text-gray-600 dark:text-gray-300',
+                'shadow-ui-sm not-prose h-10 rounded-lg py-2 ps-3 pe-10 disabled:shadow-none',
+                'data-invalid:border-red-500',
+            ]"
+        >
+            <template v-for="item in segments" :key="item.part">
+                <TimeFieldInput v-if="item.part === 'literal'" :part="item.part">{{ item.value }}</TimeFieldInput>
+                <TimeFieldInput
+                    v-else
+                    :part="item.part"
+                    class="rounded-sm px-0.25 py-0.5 focus:bg-gray-50 focus:outline-hidden data-placeholder:text-gray-600 dark:focus:bg-gray-800 dark:data-placeholder:text-gray-400"
+                >
+                    {{ item.value }}
+                </TimeFieldInput>
+            </template>
+        </TimeFieldRoot>
+
+        <Button
+            v-if="clearable"
+            @click="emit('update:modelValue', null)"
+            type="button"
+            class=""
+            text="Clear"
+            size="xs"
+        />
+
+        <Button v-if="clearable" @click="setToNow" type="button" class="" :text="__('Set to now')" size="xs" />
+    </WithField>
+</template>
diff --git a/resources/js/components/ui/index.js b/resources/js/components/ui/index.js
index c1d0a3ab01d..86fe6575db1 100644
--- a/resources/js/components/ui/index.js
+++ b/resources/js/components/ui/index.js
@@ -3,6 +3,7 @@ import { default as Calendar } from './Calendar/Index.vue';
 import { default as Card } from './Card/Index.vue';
 import { default as DatePicker } from './Datepicker/Index.vue';
 import { default as DateRangePicker } from './DateRangePicker/Index.vue';
+import { default as TimePicker } from './TimePicker/Index.vue';
 import { default as Button } from './Button/Index.vue';
 
-export { WithField, Calendar, Card, DatePicker, DateRangePicker, Button };
+export { WithField, Calendar, Card, DatePicker, DateRangePicker, TimePicker, Button };

From a44276415f5b2205bc32fcc0897b4b3e54411270 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 1 Apr 2025 15:37:08 -0400
Subject: [PATCH 035/186] Use a blade component for docs callout

---
 resources/js/components/ui/Badge.vue              |  2 +-
 resources/views/collections/index.blade.php       | 11 ++++-------
 resources/views/components/docs-callout.blade.php | 13 +++++++++++++
 3 files changed, 18 insertions(+), 8 deletions(-)
 create mode 100644 resources/views/components/docs-callout.blade.php

diff --git a/resources/js/components/ui/Badge.vue b/resources/js/components/ui/Badge.vue
index 95f26068f5b..03547fa8622 100644
--- a/resources/js/components/ui/Badge.vue
+++ b/resources/js/components/ui/Badge.vue
@@ -24,7 +24,7 @@ const badgeClasses = computed(() => {
         variants: {
             size: {
                 sm: 'text-2xs py-0 leading-normal px-1 rounded-xs [&_svg]:size-2',
-                default: 'text-xs py-0.5 px-2 rounded-xs [&_svg]:size-2.5',
+                default: 'text-xs py-0.5 px-2 rounded-sm [&_svg]:size-2.5',
                 lg: 'text-sm py-1 px-3 rounded-md [&_svg]:size-3 [&_svg]:me-1',
             },
             color: {
diff --git a/resources/views/collections/index.blade.php b/resources/views/collections/index.blade.php
index a6f6a259fbe..f0a7b84b592 100644
--- a/resources/views/collections/index.blade.php
+++ b/resources/views/collections/index.blade.php
@@ -32,11 +32,8 @@
         />
     @endunless
 
-    @include(
-        'statamic::partials.docs-callout',
-        [
-            'topic' => __('Collections'),
-            'url' => Statamic::docsUrl('collections'),
-        ]
-    )
+    <x-statamic::docs-callout
+        topic="{{ __('Collections') }}"
+        url="{{ Statamic::docsUrl('collections') }}"
+    />
 @endsection
diff --git a/resources/views/components/docs-callout.blade.php b/resources/views/components/docs-callout.blade.php
new file mode 100644
index 00000000000..b59c77d59fc
--- /dev/null
+++ b/resources/views/components/docs-callout.blade.php
@@ -0,0 +1,13 @@
+@php
+    use function Statamic\trans as __;
+@endphp
+
+@if (config('statamic.cp.link_to_docs'))
+    <div class="mt-12 flex justify-center text-center">
+        <ui-badge
+            href="{{ $url }}"
+            pill
+            text="{{ $text ?? __("Learn more about $topic") }}"
+        />
+    </div>
+@endif

From 59b4b09fe29be2bf36b8020b97018c4091723435 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 1 Apr 2025 15:37:28 -0400
Subject: [PATCH 036/186] half-measure style tweak for colleciton listing

---
 resources/js/components/collections/Listing.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/collections/Listing.vue b/resources/js/components/collections/Listing.vue
index 5dfdf053c41..9e381a8436d 100644
--- a/resources/js/components/collections/Listing.vue
+++ b/resources/js/components/collections/Listing.vue
@@ -1,6 +1,6 @@
 <template>
     <data-list ref="dataList" :columns="columns" :rows="items">
-        <div class="card overflow-hidden p-0">
+        <ui-card-panel class="overflow-hidden">
             <data-list-table>
                 <template #cell-title="{ row: collection }">
                     <a :href="collection.available_in_selected_site ? collection.entries_url : collection.edit_url">{{
@@ -35,7 +35,7 @@
                     </dropdown-list>
                 </template>
             </data-list-table>
-        </div>
+        </ui-card-panel>
     </data-list>
 </template>
 

From b3d6c8b5444d9ee5b89ee0943e04d1e3b4cf153b Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 2 Apr 2025 00:15:34 -0400
Subject: [PATCH 037/186] First pass rolling out headers, docs callouts, and
 cards/panes

---
 .../js/components/assets/AssetManager.vue     |  26 +-
 .../js/components/collections/Listing.vue     |   2 +-
 resources/js/components/forms/Listing.vue     |   4 +-
 resources/js/components/globals/Listing.vue   |   4 +-
 .../js/components/navigation/Listing.vue      |   4 +-
 .../js/components/preferences/EditForm.vue    |  47 ++-
 resources/js/components/roles/PublishForm.vue |  15 +-
 resources/js/components/sites/EditForm.vue    |   9 +-
 .../js/components/taxonomies/Listing.vue      |   4 +-
 resources/js/components/ui/Card/Index.vue     |   2 +-
 resources/js/components/ui/Card/Panel.vue     |   4 +-
 resources/js/components/ui/Dropdown/Label.vue |   2 +-
 resources/js/components/ui/Heading.vue        |   4 +-
 resources/js/components/ui/Subheading.vue     |   6 +-
 resources/js/components/ui/Table/Row.vue      |   2 +-
 .../js/components/user-groups/PublishForm.vue |  22 +-
 resources/views/assets/browse.blade.php       |  11 +-
 resources/views/assets/index.blade.php        |  30 +-
 resources/views/collections/index.blade.php   |   2 +-
 resources/views/forms/index.blade.php         |  42 ++-
 resources/views/globals/index.blade.php       |  45 ++-
 resources/views/licensing.blade.php           | 275 +++++++++---------
 resources/views/nav/index.blade.php           | 114 +++-----
 resources/views/nav/updates.blade.php         |   2 +-
 resources/views/navigation/index.blade.php    |  46 ++-
 resources/views/partials/nav-main.blade.php   |   6 +-
 resources/views/preferences/edit.blade.php    |  10 -
 resources/views/preferences/index.blade.php   | 113 +++----
 resources/views/roles/index.blade.php         |  39 ++-
 resources/views/taxonomies/index.blade.php    |  41 ++-
 resources/views/usergroups/index.blade.php    |  13 +-
 resources/views/usergroups/show.blade.php     |  49 ++--
 resources/views/users/index.blade.php         |  34 +--
 resources/views/utilities/cache.blade.php     |  28 +-
 resources/views/utilities/email.blade.php     | 201 +++++++------
 resources/views/utilities/index.blade.php     |  27 +-
 resources/views/utilities/phpinfo.blade.php   |  54 ++--
 resources/views/utilities/search.blade.php    | 113 ++++---
 38 files changed, 664 insertions(+), 788 deletions(-)

diff --git a/resources/js/components/assets/AssetManager.vue b/resources/js/components/assets/AssetManager.vue
index 6d94541cdf4..ab539f95dfb 100644
--- a/resources/js/components/assets/AssetManager.vue
+++ b/resources/js/components/assets/AssetManager.vue
@@ -1,23 +1,23 @@
 <template>
-    <div class="asset-manager">
-        <div class="mb-6 flex items-center">
-            <h1 class="flex-1">{{ __(container.title) }}</h1>
+    <div>
+        <ui-header :title="__(container.title)">
 
-            <dropdown-list v-if="container.can_edit || container.can_delete" class="ltr:ml-4 rtl:mr-4">
-                <dropdown-item v-if="container.can_edit" v-text="__('Edit Container')" :redirect="container.edit_url">
-                </dropdown-item>
-                <dropdown-item v-text="__('Edit Blueprint')" :redirect="container.blueprint_url"> </dropdown-item>
+            <dropdown-list v-if="container.can_edit || container.can_delete">
+                <dropdown-item v-if="container.can_edit" v-text="__('Edit Container')" :redirect="container.edit_url" />
+                <dropdown-item v-text="__('Edit Blueprint')" :redirect="container.blueprint_url" />
                 <dropdown-item v-if="container.can_delete" class="warning" @click="$refs.deleter.confirm()">
                     {{ __('Delete Container') }}
-                    <resource-deleter ref="deleter" :resource-title="__(container.title)" :route="container.delete_url">
-                    </resource-deleter>
+                    <resource-deleter ref="deleter" :resource-title="__(container.title)" :route="container.delete_url" />
                 </dropdown-item>
             </dropdown-list>
 
-            <a :href="createContainerUrl" class="btn ltr:ml-4 rtl:mr-4" v-if="canCreateContainers">{{
-                __('Create Container')
-            }}</a>
-        </div>
+            <ui-button
+                v-if="canCreateContainers"
+                :href="createContainerUrl"
+                :text="__('Create Container')"
+                variant="primary"
+            />
+        </ui-header>
 
         <asset-browser
             ref="browser"
diff --git a/resources/js/components/collections/Listing.vue b/resources/js/components/collections/Listing.vue
index 9e381a8436d..c296be4b023 100644
--- a/resources/js/components/collections/Listing.vue
+++ b/resources/js/components/collections/Listing.vue
@@ -1,6 +1,6 @@
 <template>
     <data-list ref="dataList" :columns="columns" :rows="items">
-        <ui-card-panel class="overflow-hidden">
+        <ui-card-panel>
             <data-list-table>
                 <template #cell-title="{ row: collection }">
                     <a :href="collection.available_in_selected_site ? collection.entries_url : collection.edit_url">{{
diff --git a/resources/js/components/forms/Listing.vue b/resources/js/components/forms/Listing.vue
index b9082eec885..9fb1859dee4 100644
--- a/resources/js/components/forms/Listing.vue
+++ b/resources/js/components/forms/Listing.vue
@@ -1,6 +1,6 @@
 <template>
     <data-list :visible-columns="columns" :columns="columns" :rows="items" v-slot="{ filteredRows: rows }">
-        <div class="card relative overflow-hidden p-0">
+        <ui-card-panel>
             <data-list-bulk-actions
                 class="rounded-sm"
                 :url="actionUrl"
@@ -31,7 +31,7 @@
                     </dropdown-list>
                 </template>
             </data-list-table>
-        </div>
+        </ui-card-panel>
     </data-list>
 </template>
 
diff --git a/resources/js/components/globals/Listing.vue b/resources/js/components/globals/Listing.vue
index c0b6b72c679..b4e83d88488 100644
--- a/resources/js/components/globals/Listing.vue
+++ b/resources/js/components/globals/Listing.vue
@@ -1,6 +1,6 @@
 <template>
     <data-list :rows="rows" :columns="columns" v-slot="{ filteredRows: rows }">
-        <div class="card p-0">
+        <ui-card-panel>
             <data-list-table>
                 <template #cell-title="{ row: global }">
                     <a :href="global.edit_url">{{ __(global.title) }}</a>
@@ -27,7 +27,7 @@
                     </dropdown-list>
                 </template>
             </data-list-table>
-        </div>
+        </ui-card-panel>
     </data-list>
 </template>
 
diff --git a/resources/js/components/navigation/Listing.vue b/resources/js/components/navigation/Listing.vue
index f7c486b8ad2..4ebf361d077 100644
--- a/resources/js/components/navigation/Listing.vue
+++ b/resources/js/components/navigation/Listing.vue
@@ -1,6 +1,6 @@
 <template>
     <data-list :columns="columns" :rows="rows" v-slot="{ filteredRows: rows }">
-        <div class="card p-0">
+        <ui-card-panel>
             <data-list-table>
                 <template #cell-title="{ row: structure }">
                     <a
@@ -28,7 +28,7 @@
                     </dropdown-list>
                 </template>
             </data-list-table>
-        </div>
+        </ui-card-panel>
     </data-list>
 </template>
 
diff --git a/resources/js/components/preferences/EditForm.vue b/resources/js/components/preferences/EditForm.vue
index 3bd9236691d..04ae829a673 100644
--- a/resources/js/components/preferences/EditForm.vue
+++ b/resources/js/components/preferences/EditForm.vue
@@ -11,39 +11,32 @@
         v-slot="{ setFieldValue, setFieldMeta }"
     >
         <div>
-            <breadcrumbs v-if="breadcrumbs" :crumbs="breadcrumbs" />
+            <ui-header :title="title">
 
-            <div class="mb-6 flex items-center">
-                <h1 class="flex-1">{{ title }}</h1>
-
-                <div class="ltr:ml-4 ltr:text-left rtl:mr-4 rtl:text-right" :class="{ 'btn-group': hasSaveAsOptions }">
-                    <button
-                        class="btn-primary ltr:pl-4 rtl:pr-4"
-                        :class="{ disabled: !isDirty }"
-                        :disabled="!isDirty"
+                <ui-button-group>
+                    <ui-button
+                        type="submit"
+                        variant="primary"
+                        :text="__('Save')"
                         @click="save"
-                        v-text="__('Save')"
                     />
 
-                    <dropdown-list v-if="hasSaveAsOptions" class="ltr:ml-0 rtl:mr-0">
+                    <ui-dropdown align="end" v-if="hasSaveAsOptions">
                         <template #trigger>
-                            <button class="btn-primary flex items-center ltr:rounded-l-none rtl:rounded-r-none">
-                                <svg-icon name="micro/chevron-down-xs" class="w-2" />
-                            </button>
+                            <ui-button icon="chevron-down" variant="primary" />
                         </template>
-                        <h6 class="p-2">{{ __('Save to') }}...</h6>
-                        <dropdown-item v-for="option in saveAsOptions" :key="option.url" @click="saveAs(option.url)">
-                            <div class="flex items-start ltr:pr-4 rtl:pl-4">
-                                <svg-icon
-                                    :name="option.icon"
-                                    class="w-4 shrink-0 text-gray group-hover:text-white ltr:mr-2 rtl:ml-2"
-                                />
-                                <span class="whitespace-normal">{{ option.label }}</span>
-                            </div>
-                        </dropdown-item>
-                    </dropdown-list>
-                </div>
-            </div>
+                        <ui-dropdown-menu>
+                            <ui-dropdown-label>{{ __('Save to') }}...</ui-dropdown-label>
+                            <ui-dropdown-item
+                                v-for="option in saveAsOptions"
+                                :key="option.url"
+                                :text="option.label"
+                                @click="saveAs(option.url)"
+                            />
+                        </ui-dropdown-menu>
+                    </ui-dropdown>
+                </ui-button-group>
+            </ui-header>
 
             <publish-tabs
                 @updated="setFieldValue"
diff --git a/resources/js/components/roles/PublishForm.vue b/resources/js/components/roles/PublishForm.vue
index 699df40b48b..49dbc979f48 100644
--- a/resources/js/components/roles/PublishForm.vue
+++ b/resources/js/components/roles/PublishForm.vue
@@ -1,12 +1,13 @@
 <template>
     <div>
-        <header class="mb-6">
-            <breadcrumb :url="breadcrumbUrl" :title="__('Roles & Permissions')" />
-            <div class="flex items-center justify-between">
-                <h1 v-text="__(initialTitle) || __('Create Role')" />
-                <button type="submit" class="btn-primary" @click="save">{{ __('Save') }}</button>
-            </div>
-        </header>
+        <ui-header :title="__(initialTitle) || __('Create Role')">
+            <ui-button
+                type="submit"
+                variant="primary"
+                @click="save"
+                :text="__('Save')"
+            />
+        </ui-header>
 
         <div class="card configure-tab publish-fields mb-6 p-0 @container">
             <form-group
diff --git a/resources/js/components/sites/EditForm.vue b/resources/js/components/sites/EditForm.vue
index 1ee7e5c7dea..2ed8440843f 100644
--- a/resources/js/components/sites/EditForm.vue
+++ b/resources/js/components/sites/EditForm.vue
@@ -12,12 +12,9 @@
         v-slot="{ setFieldValue, setFieldMeta }"
     >
         <div>
-            <header class="mb-6">
-                <div class="flex items-center">
-                    <h1 class="flex-1" v-text="pageTitle" />
-                    <button type="submit" class="btn-primary" @click="submit">{{ __('Save') }}</button>
-                </div>
-            </header>
+            <ui-header :title="pageTitle">
+                <ui-button type="submit" variant="primary" @click="submit">{{ __('Save') }}</ui-button>
+            </ui-header>
             <publish-tabs @updated="setFieldValue" @meta-updated="setFieldMeta" :enable-sidebar="false" />
         </div>
     </publish-container>
diff --git a/resources/js/components/taxonomies/Listing.vue b/resources/js/components/taxonomies/Listing.vue
index a8b93895ea0..bcd4b26d658 100644
--- a/resources/js/components/taxonomies/Listing.vue
+++ b/resources/js/components/taxonomies/Listing.vue
@@ -1,6 +1,6 @@
 <template>
     <data-list :columns="columns" :rows="rows" v-slot="{ filteredRows: rows }">
-        <div class="card p-0">
+        <ui-card-panel>
             <data-list-table :rows="rows">
                 <template #cell-title="{ row: taxonomy }">
                     <a :href="taxonomy.terms_url">{{ __(taxonomy.title) }}</a>
@@ -25,7 +25,7 @@
                     </dropdown-list>
                 </template>
             </data-list-table>
-        </div>
+        </ui-card-panel>
     </data-list>
 </template>
 
diff --git a/resources/js/components/ui/Card/Index.vue b/resources/js/components/ui/Card/Index.vue
index 430bd84b7e1..d4339371227 100644
--- a/resources/js/components/ui/Card/Index.vue
+++ b/resources/js/components/ui/Card/Index.vue
@@ -7,7 +7,7 @@ const props = defineProps({
 });
 
 const classes = cva({
-    base: 'bg-white dark:bg-gray-850 rounded-xl border border-gray-200 dark:border-x-0 dark:border-b-0 dark:border-white/15 not-prose',
+    base: 'bg-white dark:bg-gray-850 rounded-xl border border-gray-200 dark:border-x-0 dark:border-b-0 dark:border-white/15',
     variants: {
         variant: {
             default: 'shadow-ui-s',
diff --git a/resources/js/components/ui/Card/Panel.vue b/resources/js/components/ui/Card/Panel.vue
index 3f1c49070c3..056bc0fc8d9 100644
--- a/resources/js/components/ui/Card/Panel.vue
+++ b/resources/js/components/ui/Card/Panel.vue
@@ -1,13 +1,15 @@
 <script setup>
 const props = defineProps({
     heading: { type: String, default: null },
+    subheading: { type: String, default: null },
 });
 </script>
 
 <template>
     <ui-panel>
         <ui-panel-header v-if="heading">
-            <ui-heading>{{ heading }}</ui-heading>
+            <ui-heading v-html="heading" />
+            <ui-subheading v-if="subheading" v-html="subheading" />
         </ui-panel-header>
         <ui-card>
             <slot />
diff --git a/resources/js/components/ui/Dropdown/Label.vue b/resources/js/components/ui/Dropdown/Label.vue
index 0e5cdf43fe0..43c2175e99c 100644
--- a/resources/js/components/ui/Dropdown/Label.vue
+++ b/resources/js/components/ui/Dropdown/Label.vue
@@ -12,7 +12,7 @@ const hasDefaultSlot = !!slots.default;
 
 <template>
     <DropdownMenuLabel
-        class="col-span-2 grid items-center rounded-lg px-1 py-2 text-xs text-gray-500 antialiased dark:text-gray-400"
+        class="col-span-2 grid items-center rounded-lg px-3 py-2 text-xs text-gray-500 antialiased dark:text-gray-400"
         data-ui-dropdown-label
     >
         <slot v-if="hasDefaultSlot" />
diff --git a/resources/js/components/ui/Heading.vue b/resources/js/components/ui/Heading.vue
index 5f90e2160a3..79fce94721c 100644
--- a/resources/js/components/ui/Heading.vue
+++ b/resources/js/components/ui/Heading.vue
@@ -14,7 +14,7 @@ const hasDefaultSlot = !!slots.default;
 const tag = computed(() => (props.level ? `h${props.level}` : 'div'));
 
 const classes = cva({
-    base: 'font-medium [&:has(+[data-ui-subheading])]:mb-2 antialiased not-prose',
+    base: 'font-medium [&:has(+[data-ui-subheading])]:mb-0.5 antialiased not-prose',
     variants: {
         size: {
             base: 'text-sm text-gray-600 dark:text-white',
@@ -27,7 +27,7 @@ const classes = cva({
 
 <template>
     <component :is="tag" :class="classes" data-ui-heading>
-        <ui-heading v-if="!hasDefaultSlot">{{ text }}</ui-heading>
+        <span v-if="!hasDefaultSlot">{{ text }}</span>
         <slot v-else />
     </component>
 </template>
diff --git a/resources/js/components/ui/Subheading.vue b/resources/js/components/ui/Subheading.vue
index 5896c027d2d..082848a1fb1 100644
--- a/resources/js/components/ui/Subheading.vue
+++ b/resources/js/components/ui/Subheading.vue
@@ -3,10 +3,11 @@ import { cva } from 'cva';
 
 const props = defineProps({
     size: { type: String, default: 'base' },
+    text: { type: String, default: null },
 });
 
 const classes = cva({
-    base: 'text-gray-500 not-prose',
+    base: 'text-gray-500 not-prose [&_code]:text-xs [&_code]:bg-gray-600/10 [&_code]:rounded-sm [&_code]:px-1 [&_code]:py-0.5',
     variants: {
         size: {
             sm: 'text-xs',
@@ -20,6 +21,7 @@ const classes = cva({
 
 <template>
     <div :class="classes" data-ui-subheading>
-        <slot />
+        <slot v-if="!text" />
+        <span v-else>{{ text }}</span>
     </div>
 </template>
diff --git a/resources/js/components/ui/Table/Row.vue b/resources/js/components/ui/Table/Row.vue
index 183975ae1e2..b8c94e14eb7 100644
--- a/resources/js/components/ui/Table/Row.vue
+++ b/resources/js/components/ui/Table/Row.vue
@@ -1,5 +1,5 @@
 <template>
-    <tr class="border-b border-gray-200 dark:border-gray-700">
+    <tr class="not-last:border-b border-gray-200 dark:border-gray-700">
         <slot />
     </tr>
 </template>
diff --git a/resources/js/components/user-groups/PublishForm.vue b/resources/js/components/user-groups/PublishForm.vue
index 5d220257f5a..7c264cd5619 100644
--- a/resources/js/components/user-groups/PublishForm.vue
+++ b/resources/js/components/user-groups/PublishForm.vue
@@ -1,18 +1,18 @@
 <template>
     <div>
-        <header class="mb-3">
-            <breadcrumb :url="cp_url('user-groups')" :title="__('User Groups')" />
-            <div class="flex items-center">
-                <h1 class="flex-1" v-text="__(title)" />
-                <dropdown-list class="ltr:mr-2 rtl:ml-2" v-if="canEditBlueprint">
-                    <dropdown-item :text="__('Edit Blueprint')" :redirect="actions.editBlueprint" />
-                </dropdown-list>
+        <ui-header :title="__(title)">
+            <dropdown-list class="ltr:mr-2 rtl:ml-2" v-if="canEditBlueprint">
+                <dropdown-item :text="__('Edit Blueprint')" :redirect="actions.editBlueprint" />
+            </dropdown-list>
 
-                <button class="btn-primary" @click.prevent="save" v-text="__('Save')" />
+            <ui-button
+                variant="primary"
+                @click.prevent="save"
+                :text="__('Save')"
+            />
 
-                <slot name="action-buttons-right" />
-            </div>
-        </header>
+            <slot name="action-buttons-right" />
+        </ui-header>
 
         <publish-container
             v-if="fieldset"
diff --git a/resources/views/assets/browse.blade.php b/resources/views/assets/browse.blade.php
index 0bc7b5ae883..05251705028 100644
--- a/resources/views/assets/browse.blade.php
+++ b/resources/views/assets/browse.blade.php
@@ -15,11 +15,8 @@
         create-container-url="{{ cp_route('asset-containers.create') }}"
     ></asset-manager>
 
-    @include(
-        'statamic::partials.docs-callout',
-        [
-            'topic' => __('Assets'),
-            'url' => Statamic::docsUrl('assets'),
-        ]
-    )
+    <x-statamic::docs-callout
+        topic="{{ __('Assets') }}"
+        url="{{ Statamic::docsUrl('assets') }}"
+    />
 @endsection
diff --git a/resources/views/assets/index.blade.php b/resources/views/assets/index.blade.php
index 58a7d609e42..b78c4fd379c 100644
--- a/resources/views/assets/index.blade.php
+++ b/resources/views/assets/index.blade.php
@@ -6,23 +6,17 @@
 @section('title', __('Assets'))
 
 @section('content')
-    @include(
-        'statamic::partials.empty-state',
-        [
-            'title' => __('Asset Containers'),
-            'description' => __('statamic::messages.asset_container_intro'),
-            'svg' => 'empty/asset-container',
-            'button_text' => __('Create Asset Container'),
-            'button_url' => cp_route('asset-containers.create'),
-            'can' => $user->can('create', \Statamic\Contracts\Assets\AssetContainer::class),
-        ]
-    )
+    <x-statamic::empty-state
+        title="{{ __('Asset Containers') }}"
+        description="{{ __('statamic::messages.asset_container_intro') }}"
+        svg="empty/asset-container"
+        button-text="{{ __('Create Asset Container') }}"
+        button-url="{{ cp_route('asset-containers.create') }}"
+        :can="$user->can('create', \Statamic\Contracts\Assets\AssetContainer::class)"
+    />
 
-    @include(
-        'statamic::partials.docs-callout',
-        [
-            'topic' => __('Assets'),
-            'url' => Statamic::docsUrl('assets'),
-        ]
-    )
+    <x-statamic::docs-callout
+        topic="{{ __('Assets') }}"
+        url="{{ Statamic::docsUrl('assets') }}"
+    />
 @endsection
diff --git a/resources/views/collections/index.blade.php b/resources/views/collections/index.blade.php
index f0a7b84b592..fc51c194be1 100644
--- a/resources/views/collections/index.blade.php
+++ b/resources/views/collections/index.blade.php
@@ -7,7 +7,7 @@
 
 @section('content')
     @unless ($collections->isEmpty())
-        <ui-header title="{{  __('Collections') }}">
+        <ui-header title="{{ __('Collections') }}">
             @can('create', 'Statamic\Contracts\Entries\Collection')
                 <ui-button
                     href="{{ cp_route('collections.create') }}"
diff --git a/resources/views/forms/index.blade.php b/resources/views/forms/index.blade.php
index 0eb2e733d79..7332624a676 100644
--- a/resources/views/forms/index.blade.php
+++ b/resources/views/forms/index.blade.php
@@ -7,37 +7,33 @@
 
 @section('content')
     @unless ($forms->isEmpty())
-        <div class="mb-6 flex items-center">
-            <h1 class="flex-1">{{ __('Forms') }}</h1>
-
+        <ui-header title="{{ __('Forms') }}">
             @if (Statamic::pro() && $user->can('create', 'Statamic\Contracts\Forms\Form'))
-                <a href="{{ cp_route('forms.create') }}" class="btn-primary">{{ __('Create Form') }}</a>
+                <ui-button
+                    href="{{ cp_route('forms.create') }}"
+                    text="{{ __('Create Form') }}"
+                    variant="primary"
+                />
             @endif
-        </div>
+        </ui-header>
 
         <form-listing
             :initial-columns="{{ json_encode($initialColumns) }}"
             action-url="{{ $actionUrl }}"
         ></form-listing>
     @else
-        @include(
-            'statamic::partials.empty-state',
-            [
-                'title' => __('Forms'),
-                'description' => __('statamic::messages.form_configure_intro'),
-                'svg' => 'empty/form',
-                'button_text' => __('Create Form'),
-                'button_url' => cp_route('forms.create'),
-                'can' => $user->can('create', 'Statamic\Contracts\Forms\Form'),
-            ]
-        )
+        <x-statamic::empty-screen
+            title="{{ __('Forms') }}"
+            description="{{ __('statamic::messages.form_configure_intro') }}"
+            svg="empty/form"
+            button_text="{{ __('Create Form') }}"
+            button_url="{{ cp_route('forms.create') }}"
+            can="{{ $user->can('create', 'Statamic\Contracts\Forms\Form') }}"
+        />
     @endunless
 
-    @include(
-        'statamic::partials.docs-callout',
-        [
-            'topic' => __('Forms'),
-            'url' => Statamic::docsUrl('forms'),
-        ]
-    )
+    <x-statamic::docs-callout
+        topic="{{ __('Forms') }}"
+        url="{{ Statamic::docsUrl('forms') }}"
+    />
 @endsection
diff --git a/resources/views/globals/index.blade.php b/resources/views/globals/index.blade.php
index 3de22ec0262..846b3651db1 100644
--- a/resources/views/globals/index.blade.php
+++ b/resources/views/globals/index.blade.php
@@ -7,33 +7,32 @@
 
 @section('content')
     @unless ($globals->isEmpty())
-        <div class="mb-6 flex items-center">
-            <h1 class="flex-1">{{ __('Globals') }}</h1>
+        <ui-header title="{{ __('Globals') }}">
             @can('create', 'Statamic\Contracts\Globals\GlobalSet')
-                <a href="{{ cp_route('globals.create') }}" class="btn-primary">{{ __('Create Global Set') }}</a>
+                <ui-button
+                    href="{{ cp_route('globals.create') }}"
+                    text="{{ __('Create Global Set') }}"
+                    variant="primary"
+                />
             @endcan
-        </div>
+        </ui-header>
 
-        <global-listing :globals="{{ json_encode($globals) }}"></global-listing>
+        <global-listing
+            :globals="{{ json_encode($globals) }}"
+        ></global-listing>
     @else
-        @include(
-            'statamic::partials.empty-state',
-            [
-                'title' => __('Globals'),
-                'description' => __('statamic::messages.global_set_config_intro'),
-                'svg' => 'empty/globals',
-                'button_url' => cp_route('globals.create'),
-                'button_text' => __('Create Global Set'),
-                'can' => $user->can('create', 'Statamic\Contracts\Globals\GlobalSet'),
-            ]
-        )
+        <x-statamic::empty-screen
+            title="{{ __('Globals') }}"
+            description="{{ __('statamic::messages.global_set_config_intro') }}"
+            svg="empty/globals"
+            button_url="{{ cp_route('globals.create') }}"
+            button_text="{{ __('Create Global Set') }}"
+            can="{{ $user->can('create', 'Statamic\Contracts\Globals\GlobalSet') }}"
+        />
     @endunless
 
-    @include(
-        'statamic::partials.docs-callout',
-        [
-            'topic' => __('Global Variables'),
-            'url' => Statamic::docsUrl('globals'),
-        ]
-    )
+    <x-statamic::docs-callout
+        topic="{{ __('Global Variables') }}"
+        url="{{ Statamic::docsUrl('globals') }}"
+    />
 @endsection
diff --git a/resources/views/licensing.blade.php b/resources/views/licensing.blade.php
index bab23758eaf..a93abbb0ac0 100644
--- a/resources/views/licensing.blade.php
+++ b/resources/views/licensing.blade.php
@@ -7,29 +7,21 @@
 
 @section('content')
 
-@include(
-    'statamic::partials.breadcrumb',
-    [
-        'url' => cp_route('utilities.index'),
-        'title' => __('Utilities'),
-    ]
-)
-
 @if ($requestError)
     <div class="no-results mx-auto max-w-6xl md:pt-30">
         <div class="flex flex-wrap items-center">
             <div class="w-full md:w-1/2">
-                <h1 class="mb-8">{{ __('Licensing') }}</h1>
-                <p class="mb-8 text-lg leading-normal text-gray-700 antialiased dark:text-dark-175">
+                <ui-heading level="1" size="xl" text="{{ __('Licensing') }}"></ui-heading>
+                <p class="my-4 text-lg leading-normal text-gray-700 antialiased dark:text-dark-175">
                     @if ($usingLicenseKeyFile)
                         {{ __('statamic::messages.outpost_license_key_error') }}
                     @else
                         {{ __('statamic::messages.outpost_issue_try_later') }}
                     @endif
                 </p>
-                <a href="{{ cp_route('utilities.licensing.refresh') }}" class="btn-primary btn-lg">
+                <ui-button href="{{ cp_route('utilities.licensing.refresh') }}" variant="primary">
                     {{ __('Try again') }}
-                </a>
+                </ui-button>
             </div>
             <div class="hidden w-1/2 md:block ltr:pl-16 rtl:pr-16">
                 @cp_svg('empty/navigation')
@@ -37,144 +29,149 @@
         </div>
     </div>
 @else
-    <div class="mb-6 flex">
-        <h1 class="flex-1">{{ __('Licensing') }}</h1>
-    </div>
-
-    @if ($configCached)
-        <div class="rounded-sm border border-yellow-dark bg-yellow p-4 text-xs dark:border-none dark:bg-dark-blue-100">
-            <div class="mb-2 font-bold">{{ __('Configuration is cached') }}</div>
-            <p>{!! __('statamic::messages.licensing_config_cached_warning') !!}</p>
-        </div>
-    @endif
-
-    @if ($site->key() && $site->usesIncorrectKeyFormat())
-        <div
-            class="{{ $configCached ? 'mt-8' : '' }} rounded-sm border border-yellow-dark bg-yellow p-4 text-xs dark:border-none dark:bg-dark-blue-100"
-        >
-            <div class="mb-2 font-bold">{{ __('statamic::messages.licensing_incorrect_key_format_heading') }}</div>
-            <p>{!! __('statamic::messages.licensing_incorrect_key_format_body') !!}</p>
-        </div>
-    @endif
-
-    <h6 class="mt-8">{{ __('Site') }}</h6>
-    <div class="card mt-2 p-0">
-        <table class="data-table">
-            <tr>
-                <td class="w-64 font-bold">
-                    <span
-                        class="little-dot {{ $site->valid() ? 'bg-green-600' : 'bg-red-500' }} ltr:mr-2 rtl:ml-2"
-                    ></span>
-                    {{ $site->key() ?? __('No license key') }}
-                </td>
-                <td class="relative">
-                    {{ $site->domain()['url'] ?? '' }}
-                    @if ($site->hasMultipleDomains())
-                        <span class="text-2xs">
-                            ({{ trans_choice('and :count more', $site->additionalDomainCount()) }})
-                        </span>
-                    @endif
-                </td>
-                <td class="text-red-500 ltr:text-right rtl:text-left">{{ $site->invalidReason() }}</td>
-            </tr>
-        </table>
-    </div>
-
-    <h6 class="mt-8">{{ __('Core') }}</h6>
-    <div class="card mt-2 p-0">
-        <table class="data-table">
-            <tr>
-                <td class="w-64 font-bold">
-                    <span
-                        class="little-dot {{ $statamic->valid() ? 'bg-green-600' : 'bg-red-500' }} ltr:mr-2 rtl:ml-2"
-                    ></span>
-                    {{ __('Statamic') }}
-
-                    @if ($statamic->pro())
-                        <span class="text-pink">{{ __('Pro') }}</span>
-                    @else
-                        {{ __('Free') }}
-                    @endif
-                </td>
-                <td>{{ $statamic->version() }}</td>
-                <td class="text-red-500 ltr:text-right rtl:text-left">{{ $statamic->invalidReason() }}</td>
-            </tr>
-        </table>
-    </div>
+    <ui-header title="{{ __('Licensing') }}">
+        <ui-button
+            href="{{ $site->url() }}"
+            target="_blank"
+            text="{{ __('Manage on statamic.com') }}"
+        ></ui-button>
+        @if ($addToCartUrl)
+            <ui-button
+                href="{{ $addToCartUrl }}"
+                target="_blank"
+                text="{{ __('Buy Licenses') }}"
+            ></ui-button>
+        @endif
+        <ui-tooltip side="bottom" text="{{ __('statamic::messages.licensing_sync_instructions') }}">
+            <ui-button
+                href="{{ cp_route('utilities.licensing.refresh') }}"
+                variant="primary"
+                text="{{ __('Sync') }}"
+            ></ui-button>
+        </ui-tooltip>
+    </ui-header>
+
+    <section class="space-y-6">
+
+        @if ($configCached)
+            <ui-card-panel heading="{{ __('Configuration is cached') }}">
+                <p class="text-gray-700 text-sm">{!! __('statamic::messages.licensing_config_cached_warning') !!}</p>
+            </ui-card-panel>
+        @endif
 
-    <h6 class="mt-8">{{ __('Addons') }}</h6>
+        @if ($site->key() && $site->usesIncorrectKeyFormat())
+            <ui-card-panel heading="{{ __('statamic::messages.licensing_incorrect_key_format_heading') }}">
+                <p class="text-gray-700 text-sm">{!! __('statamic::messages.licensing_incorrect_key_format_body') !!}</p>
+            </ui-card-panel>
+        @endif
 
-    @if ($addons->isEmpty())
-        <p class="mt-2 text-sm text-gray dark:text-dark-150">{{ __('No addons installed') }}</p>
-    @else
-        <div class="card mt-2 p-0">
+        <ui-card-panel heading="{{ __('Site') }}">
             <table class="data-table">
-                @foreach ($addons as $addon)
-                    <tr>
-                        <td class="w-64 ltr:mr-2 rtl:ml-2">
-                            <span
-                                class="little-dot {{ $addon->valid() ? 'bg-green-600' : 'bg-red-500' }} ltr:mr-2 rtl:ml-2"
-                            ></span>
-                            <span class="font-bold">
-                                <a
-                                    href="{{ $addon->addon()->marketplaceUrl() }}"
-                                    class="text-gray hover:text-blue dark:text-dark-175 dark:hover:text-dark-blue-100"
-                                >
-                                    {{ $addon->name() }}
-                                </a>
+                <tr>
+                    <td class="w-64 font-bold">
+                        <span
+                            class="little-dot {{ $site->valid() ? 'bg-green-600' : 'bg-red-700' }} me-2"
+                        ></span>
+                        {{ $site->key() ?? __('No license key') }}
+                    </td>
+                    <td class="relative">
+                        {{ $site->domain()['url'] ?? '' }}
+                        @if ($site->hasMultipleDomains())
+                            <span class="text-xs">
+                                ({{ trans_choice('and :count more', $site->additionalDomainCount()) }})
                             </span>
-                            @if ($addon->edition())
-                                <span class="badge font-bold uppercase text-gray-600 dark:text-dark-200">
-                                    {{ $addon->edition() ?? '' }}
-                                </span>
-                            @endif
-                        </td>
-                        <td>{{ $addon->version() }}</td>
-                        <td class="text-red-500 ltr:text-right rtl:text-left">{{ $addon->invalidReason() }}</td>
-                    </tr>
-                @endforeach
+                        @endif
+                    </td>
+                    <td class="text-end">
+                        @if ($site->invalidReason())
+                            <ui-badge color="red">
+                                {{ $site->invalidReason() }}
+                            </ui-badge>
+                        @endif
+                    </td>
+                </tr>
             </table>
-        </div>
-    @endif
+        </ui-card-panel>
 
-    @if (! $unlistedAddons->isEmpty())
-        <h6 class="mt-8">{{ __('Unlisted Addons') }}</h6>
-        <div class="card mt-2 p-0">
+        <ui-card-panel heading="{{ __('Core') }}">
             <table class="data-table">
-                @foreach ($unlistedAddons as $addon)
-                    <tr>
-                        <td class="w-64 font-bold ltr:mr-2 rtl:ml-2">
-                            <span class="little-dot bg-green-600 ltr:mr-2 rtl:ml-2"></span>
-                            {{ $addon->name() }}
-                        </td>
-                        <td>{{ $addon->version() }}</td>
-                    </tr>
-                @endforeach
+                <tr>
+                    <td class="w-64 font-bold">
+                        <span
+                            class="little-dot {{ $statamic->valid() ? 'bg-green-600' : 'bg-red-700' }} ltr:mr-2 rtl:ml-2"
+                        ></span>
+                        {{ __('Statamic') }}
+
+                        @if ($statamic->pro())
+                            <span class="text-pink">{{ __('Pro') }}</span>
+                        @else
+                            {{ __('Free') }}
+                        @endif
+                    </td>
+                    <td>{{ $statamic->version() }}</td>
+                    <td class="text-end">
+                        @if ($statamic->invalidReason())
+                            <ui-badge color="red">
+                                {{ $statamic->invalidReason() }}
+                            </ui-badge>
+                        @endif
+                    </td>
+                </tr>
             </table>
-        </div>
-    @endif
-
-    <div class="mt-10 flex items-center border-t py-4 dark:border-dark-950">
-        <a href="{{ $site->url() }}" target="_blank" class="btn btn-primary ltr:mr-4 rtl:ml-4">
-            {{ __('Edit Site') }}
-        </a>
-        @if ($addToCartUrl)
-            <a href="{{ $addToCartUrl }}" target="_blank" class="btn ltr:mr-4 rtl:ml-4">{{ __('Buy Licenses') }}</a>
+        </ui-card-panel>
+
+        @if (! $addons->isEmpty())
+            <ui-card-panel heading="{{ __('Addons') }}" class="mt-6">
+                <table class="data-table">
+                    @foreach ($addons as $addon)
+                        <tr>
+                            <td class="w-64 ltr:mr-2 rtl:ml-2">
+                                <span
+                                    class="little-dot {{ $addon->valid() ? 'bg-green-600' : 'bg-red-700' }} ltr:mr-2 rtl:ml-2"
+                                ></span>
+                                <span class="font-bold">
+                                    <a
+                                        href="{{ $addon->addon()->marketplaceUrl() }}"
+                                        class="text-gray hover:text-blue dark:text-dark-175 dark:hover:text-dark-blue-100"
+                                    >
+                                        {{ $addon->name() }}
+                                    </a>
+                                </span>
+                                @if ($addon->edition())
+                                    <ui-badge>
+                                        {{ $addon->edition() ?? '' }}
+                                    </ui-badge>
+                                @endif
+                            </td>
+                            <td>{{ $addon->version() }}</td>
+                            <td class="text-red-700 ltr:text-right rtl:text-left">{{ $addon->invalidReason() }}</td>
+                        </tr>
+                    @endforeach
+                </table>
+            </ui-card-panel>
         @endif
 
-        <a href="{{ cp_route('utilities.licensing.refresh') }}" class="btn">{{ __('Sync') }}</a>
-        <p class="text-2xs text-gray dark:text-dark-175 ltr:ml-4 rtl:mr-4">
-            {{ __('statamic::messages.licensing_sync_instructions') }}
-        </p>
-    </div>
+        @if (! $unlistedAddons->isEmpty())
+            <ui-card-panel heading="{{ __('Unlisted Addons') }}">
+                <table class="data-table">
+                    @foreach ($unlistedAddons as $addon)
+                        <tr>
+                            <td class="w-64 font-bold ltr:mr-2 rtl:ml-2">
+                                <span class="little-dot bg-green-600 ltr:mr-2 rtl:ml-2"></span>
+                                {{ $addon->name() }}
+                            </td>
+                            <td>{{ $addon->version() }}</td>
+                        </tr>
+                    @endforeach
+                </table>
+            </ui-card-panel>
+        @endif
+    </section>
 @endif
 
-@include(
-    'statamic::partials.docs-callout',
-    [
-        'topic' => __('Licensing'),
-        'url' => Statamic::docsUrl('licensing'),
-    ]
-)
+    <x-statamic::docs-callout
+        topic="{{ __('Licensing') }}"
+        url="{{ Statamic::docsUrl('licensing') }}"
+    />
 
 @stop
diff --git a/resources/views/nav/index.blade.php b/resources/views/nav/index.blade.php
index e6b4301cdf9..e6bf36f1135 100644
--- a/resources/views/nav/index.blade.php
+++ b/resources/views/nav/index.blade.php
@@ -6,77 +6,57 @@
 @section('title', __('CP Nav Preferences'))
 
 @section('content')
-    <div class="mb-6 flex items-center justify-between">
-        <h1>@yield('title')</h1>
-    </div>
+    <ui-header title="{{ __('CP Nav Preferences') }}"></ui-header>
 
-    <div class="card mb-4 p-0">
-        <table class="data-table">
-            <tr>
-                <td>
-                    <div class="flex items-center">
-                        <div class="h-4 w-4 ltr:mr-4 rtl:ml-4">@cp_svg('icons/light/earth')</div>
-                        <a href="{{ cp_route('preferences.nav.default.edit') }}">{{ __('Default') }}</a>
-                    </div>
-                </td>
-                <td class="text-2xs text-gray-500 ltr:text-right rtl:text-left">
-                    @if (Statamic\Facades\Preference::default()->hasPreference('nav'))
-                        {{ __('Modified') }}
-                    @endif
-                </td>
-            </tr>
-        </table>
-    </div>
+    <section class="space-y-6">
+        <ui-card-panel heading="{{ __('Global Preferences') }}">
+            <div class="flex items-center justify-between">
+                <div class="flex items-center gap-3">
+                    <ui-icon name="globals" />
+                    <a href="{{ cp_route('preferences.nav.default.edit') }}">{{ __('Default') }}</a>
+                </div>
+
+                @if (Statamic\Facades\Preference::default()->hasPreference('nav'))
+                    <ui-badge color="green">{{ __('Modified') }}</ui-badge>
+                @endif
+            </div>
+        </ui-card-panel>
 
-    @if (Statamic\Facades\Role::all()->isNotEmpty())
-        <h3 class="little-heading mb-2 ltr:pl-0 rtl:pr-0">{{ __('Override For Role') }}</h3>
-        <div class="card mb-4 p-0">
-            <table class="data-table">
+        @if (Statamic\Facades\Role::all()->isNotEmpty())
+            <ui-card-panel heading="{{ __('Preferences by Role') }}">
                 @foreach (Statamic\Facades\Role::all() as $role)
-                    <tr>
-                        <td>
-                            <div class="flex items-center">
-                                <div class="h-4 w-4 ltr:mr-4 rtl:ml-4">@cp_svg('icons/light/shield-key')</div>
-                                <a href="{{ cp_route('preferences.nav.role.edit', [$role->handle()]) }}">
-                                    {{ __($role->title()) }}
-                                </a>
-                            </div>
-                        </td>
-                        <td class="text-2xs text-gray-500 ltr:text-right rtl:text-left">
-                            @if ($role->hasPreference('nav'))
-                                {{ __('Modified') }}
-                            @endif
-                        </td>
-                    </tr>
+                    <div class="flex items-center justify-between">
+                        <div class="flex items-center gap-3">
+                            <ui-icon name="permissions" />
+                            <a href="{{ cp_route('preferences.nav.role.edit', [$role->handle()]) }}">
+                                {{ __($role->title()) }}
+                            </a>
+                        </div>
+                        @if ($role->hasPreference('nav'))
+                            <ui-badge color="green">{{ __('Modified') }}</ui-badge>
+                        @endif
+                    </div>
                 @endforeach
-            </table>
-        </div>
-    @endif
+            </ui-card-panel>
+        @endif
 
-    <h3 class="little-heading mb-2 ltr:pl-0 rtl:pr-0">{{ __('Override For User') }}</h3>
-    <div class="card mb-4 p-0">
-        <table class="data-table">
-            <tr>
-                <td>
-                    <div class="flex items-center">
-                        <div class="h-4 w-4 ltr:mr-4 rtl:ml-4">@cp_svg('icons/light/user')</div>
-                        <a href="{{ cp_route('preferences.nav.user.edit') }}">{{ __('My Nav') }}</a>
-                    </div>
-                </td>
-                <td class="text-2xs text-gray-500 ltr:text-right rtl:text-left">
-                    @if (Statamic\Facades\User::current()->hasPreference('nav'))
-                        {{ __('Modified') }}
-                    @endif
-                </td>
-            </tr>
-        </table>
-    </div>
+        <ui-card-panel heading="{{ __('User Preferences') }}">
+            <div class="flex items-center justify-between">
+                <div class="flex items-center gap-3">
+                    <ui-icon name="avatar" />
+                    <a href="{{ cp_route('preferences.nav.user.edit') }}">{{ __('My Nav') }}</a>
+                </div>
+
+                @if (Statamic\Facades\User::current()->hasPreference('nav'))
+                    <ui-badge color="green">{{ __('Modified') }}</ui-badge>
+                @endif
+            </div>
+        </ui-card-panel>
+    </section>
+
+    <x-statamic::docs-callout
+        :topic="__('Customizing the Control Panel Nav')"
+        :url="Statamic::docsUrl('customizing-the-cp-nav')"
+    />
 
-    @include(
-        'statamic::partials.docs-callout',
-        [
-            'topic' => __('Customizing the Control Panel Nav'),
-            'url' => Statamic::docsUrl('customizing-the-cp-nav'),
-        ]
-    )
 @endsection
diff --git a/resources/views/nav/updates.blade.php b/resources/views/nav/updates.blade.php
index 346b5dc7de3..813de0437e7 100644
--- a/resources/views/nav/updates.blade.php
+++ b/resources/views/nav/updates.blade.php
@@ -1,5 +1,5 @@
 <li class="{{ $item->isActive() ? '[&_a]:text-black [&_svg]:text-black!' : '' }}">
-    <a href="{{ $item->url() }}" class="flex items-center gap-2 text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200">
+    <a href="{{ $item->url() }}" class="flex items-center gap-3 text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200">
         <ui-icon name="updates" />
         <span v-pre>{{ __($item->name()) }}</span>
         <updates-badge></updates-badge>
diff --git a/resources/views/navigation/index.blade.php b/resources/views/navigation/index.blade.php
index f13d258925e..83eb77b8138 100644
--- a/resources/views/navigation/index.blade.php
+++ b/resources/views/navigation/index.blade.php
@@ -7,34 +7,32 @@
 
 @section('content')
     @unless ($navs->isEmpty())
-        <header class="mb-6 flex items-center justify-between">
-            <h1>{{ __('Navigation') }}</h1>
-
+        <ui-header title="{{  __('Navigation') }}">
             @can('create', 'Statamic\Contracts\Structures\Nav')
-                <a href="{{ cp_route('navigation.create') }}" class="btn-primary">{{ __('Create Navigation') }}</a>
+                <ui-button
+                    href="{{ cp_route('navigation.create') }}"
+                    text="{{ __('Create Navigation') }}"
+                    variant="primary"
+                />
             @endcan
-        </header>
+        </ui-header>
 
-        <navigation-listing :initial-rows="{{ json_encode($navs) }}"></navigation-listing>
+        <navigation-listing
+            :initial-rows="{{ json_encode($navs) }}"
+        ></navigation-listing>
     @else
-        @include(
-            'statamic::partials.empty-state',
-            [
-                'title' => __('Navigation'),
-                'description' => __('statamic::messages.navigation_configure_intro'),
-                'svg' => 'empty/navigation',
-                'button_text' => __('Create Navigation'),
-                'button_url' => cp_route('navigation.create'),
-                'can' => $user->can('create', 'Statamic\Contracts\Structures\Nav'),
-            ]
-        )
+        <x-statamic::empty-screen
+            title="{{ __('Navigation') }}"
+            description="{{ __('statamic::messages.navigation_configure_intro') }}"
+            svg="empty/navigation"
+            button_text="{{ __('Create Navigation') }}"
+            button_url="{{ cp_route('navigation.create') }}"
+            can="{{ $user->can('create', 'Statamic\Contracts\Structures\Nav') }}"
+        />
     @endunless
 
-    @include(
-        'statamic::partials.docs-callout',
-        [
-            'topic' => __('Navigation'),
-            'url' => Statamic::docsUrl('navigation'),
-        ]
-    )
+    <x-statamic::docs-callout
+        topic="{{ __('Navigation') }}"
+        url="{{ Statamic::docsUrl('navigation') }}"
+    />
 @endsection
diff --git a/resources/views/partials/nav-main.blade.php b/resources/views/partials/nav-main.blade.php
index defdece3e0a..333eabb9d92 100644
--- a/resources/views/partials/nav-main.blade.php
+++ b/resources/views/partials/nav-main.blade.php
@@ -15,7 +15,7 @@
                 <ul class="flex flex-col gap-2">
                     @foreach ($section['items'] as $item)
                         @unless ($item->view())
-                            <li class="{{ $item->isActive() ? '[&_a]:text-black [&_svg]:text-black!' : '' }}" v-pre>
+                            <li class="{{ $item->isActive() ? '[&_a]:text-black [&_svg]:text-black! [&_a]:dark:text-white [&_svg]:dark:text-gray-200!' : '' }}" v-pre>
                                 <a
                                     class="flex items-center gap-3 text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200"
                                     href="{{ $item->url() }}"
@@ -25,9 +25,9 @@ class="flex items-center gap-3 text-gray-600 dark:text-gray-400 hover:text-black
                                     <span>{{ __($item->name()) }}</span>
                                 </a>
                                 @if ($item->children() && $item->isActive())
-                                    <ul class="pl-7 py-1 space-y-1">
+                                    <ul class="pl-7 py-1.5 space-y-1 text-[13px] [&_a]:text-gray-600 [&_a]:dark:text-gray-400!">
                                         @foreach ($item->children() as $child)
-                                            <li class="{{ $child->isActive() ? '[&_a]:text-black [&_svg]:text-black' : '' }}">
+                                            <li class="{{ $child->isActive() ? '[&_a]:text-black! [&_svg]:text-black! [&_a]:dark:text-white! [&_svg]:dark:text-gray-200!' : '' }}">
                                                 <a href="{{ $child->url() }}" {{ $item->attributes() }}>
                                                     {{ __($child->name()) }}
                                                 </a>
diff --git a/resources/views/preferences/edit.blade.php b/resources/views/preferences/edit.blade.php
index a2f871649bf..d4fa45d707e 100644
--- a/resources/views/preferences/edit.blade.php
+++ b/resources/views/preferences/edit.blade.php
@@ -7,16 +7,6 @@
 
 @section('content')
 
-@if ($showBreadcrumb)
-    @include(
-        'statamic::partials.breadcrumb',
-        [
-            'url' => cp_route('preferences.index'),
-            'title' => __('Preferences'),
-        ]
-    )
-@endif
-
 <preferences-edit-form
     title="{{ $title }}"
     :blueprint="{{ Js::from($blueprint) }}"
diff --git a/resources/views/preferences/index.blade.php b/resources/views/preferences/index.blade.php
index de317cddb06..e4993a6b6e6 100644
--- a/resources/views/preferences/index.blade.php
+++ b/resources/views/preferences/index.blade.php
@@ -6,77 +6,56 @@
 @section('title', __('Preferences'))
 
 @section('content')
-    <div class="mb-6 flex items-center justify-between">
-        <h1>@yield('title')</h1>
-    </div>
+    <ui-header :title="__('Preferences')" :subtitle="__('Manage your preferences across the CMS')" />
 
-    <div class="card mb-4 p-0">
-        <table class="data-table">
-            <tr>
-                <td>
-                    <div class="flex items-center">
-                        <div class="h-4 w-4 ltr:mr-4 rtl:ml-4">@cp_svg('icons/light/earth')</div>
-                        <a href="{{ cp_route('preferences.default.edit') }}">{{ __('Default') }}</a>
-                    </div>
-                </td>
-                <td class="text-2xs text-gray-500 ltr:text-right rtl:text-left">
-                    @if (! empty(Statamic\Facades\Preference::default()->all()))
-                        {{ __('Modified') }}
-                    @endif
-                </td>
-            </tr>
-        </table>
-    </div>
+    <section class="space-y-6">
+        <ui-card-panel heading="{{ __('Global Preferences') }}">
+            <div class="flex items-center justify-between">
+                <div class="flex items-center gap-3">
+                    <ui-icon name="globals" />
+                    <a href="{{ cp_route('preferences.default.edit') }}">{{ __('Default') }}</a>
+                </div>
+
+                @if (! empty(Statamic\Facades\Preference::default()->all()))
+                    <ui-badge color="green">{{ __('Modified') }}</ui-badge>
+                @endif
+            </div>
+        </ui-card-panel>
 
-    @if (Statamic\Facades\Role::all()->isNotEmpty())
-        <h3 class="little-heading mb-2 ltr:pl-0 rtl:pr-0">{{ __('Override For Role') }}</h3>
-        <div class="card mb-4 p-0">
-            <table class="data-table">
+        @if (Statamic\Facades\Role::all()->isNotEmpty())
+            <ui-card-panel heading="{{ __('Preferences by Role') }}">
                 @foreach (Statamic\Facades\Role::all() as $role)
-                    <tr>
-                        <td>
-                            <div class="flex items-center">
-                                <div class="h-4 w-4 ltr:mr-4 rtl:ml-4">@cp_svg('icons/light/shield-key')</div>
-                                <a href="{{ cp_route('preferences.role.edit', [$role->handle()]) }}">
-                                    {{ __($role->title()) }}
-                                </a>
-                            </div>
-                        </td>
-                        <td class="text-2xs text-gray-500 ltr:text-right rtl:text-left">
-                            @if (! empty($role->preferences()))
-                                {{ __('Modified') }}
-                            @endif
-                        </td>
-                    </tr>
+                    <div class="flex items-center justify-between">
+                        <div class="flex items-center gap-3">
+                            <ui-icon name="permissions" />
+                            <a href="{{ cp_route('preferences.role.edit', [$role->handle()]) }}">
+                                {{ __($role->title()) }}
+                            </a>
+                        </div>
+                        @if (! empty($role->preferences()))
+                            <ui-badge color="green">{{ __('Modified') }}</ui-badge>
+                        @endif
+                    </div>
                 @endforeach
-            </table>
-        </div>
-    @endif
+            </ui-card-panel>
+        @endif
 
-    <h3 class="little-heading mb-2 ltr:pl-0 rtl:pr-0">{{ __('Override For User') }}</h3>
-    <div class="card mb-4 p-0">
-        <table class="data-table">
-            <tr>
-                <td>
-                    <div class="flex items-center">
-                        <div class="h-4 w-4 ltr:mr-4 rtl:ml-4">@cp_svg('icons/light/user')</div>
-                        <a href="{{ cp_route('preferences.user.edit') }}">{{ __('My Preferences') }}</a>
-                    </div>
-                </td>
-                <td class="text-2xs text-gray-500 ltr:text-right rtl:text-left">
-                    @if (! empty(Statamic\Facades\User::current()->preferences()))
-                        {{ __('Modified') }}
-                    @endif
-                </td>
-            </tr>
-        </table>
-    </div>
+        <ui-card-panel heading="{{ __('User Preferences') }}">
+            <div class="flex items-center justify-between">
+                <div class="flex items-center gap-3">
+                    <ui-icon name="avatar" />
+                    <a href="{{ cp_route('preferences.user.edit') }}">{{ __('My Preferences') }}</a>
+                </div>
+
+                @if (! empty(Statamic\Facades\User::current()->preferences()))
+                    <ui-badge color="green">{{ __('Modified') }}</ui-badge>
+                @endif
+            </div>
+        </ui-card-panel>
+    </section>
 
-    @include(
-        'statamic::partials.docs-callout',
-        [
-            'topic' => __('Preferences'),
-            'url' => Statamic::docsUrl('preferences'),
-        ]
-    )
+    <x-statamic::docs-callout
+        :topic="__('Preferences')"
+        :url="Statamic::docsUrl('preferences')"
+    />
 @endsection
diff --git a/resources/views/roles/index.blade.php b/resources/views/roles/index.blade.php
index b4135c3b6c3..e74d410368d 100644
--- a/resources/views/roles/index.blade.php
+++ b/resources/views/roles/index.blade.php
@@ -7,33 +7,30 @@
 
 @section('content')
     @unless ($roles->isEmpty())
-        <header class="mb-6 flex items-center justify-between">
-            <h1>{{ __('Roles & Permissions') }}</h1>
-            <a href="{{ cp_route('roles.create') }}" class="btn-primary">{{ __('Create Role') }}</a>
-        </header>
+        <ui-header title="{{ __('Roles & Permissions') }}">
+            <ui-button
+                href="{{ cp_route('roles.create') }}"
+                variant="primary"
+                :text="__('Create Role')"
+            ></ui-button>
+        </ui-header>
 
         <role-listing
             :initial-rows="{{ json_encode($roles) }}"
             :initial-columns="{{ json_encode($columns) }}"
         ></role-listing>
     @else
-        @include(
-            'statamic::partials.empty-state',
-            [
-                'title' => __('Roles & Permissions'),
-                'description' => __('statamic::messages.role_intro'),
-                'svg' => 'empty/users',
-                'button_text' => __('Create Role'),
-                'button_url' => cp_route('roles.create'),
-            ]
-        )
+        <x-statamic::empty-screen
+            :title="__('Roles & Permissions')"
+            :description="__('statamic::messages.role_intro')"
+            :svg="'empty/users'"
+            :button-text="__('Create Role')"
+            :button-url="cp_route('roles.create')"
+        />
     @endunless
 
-    @include(
-        'statamic::partials.docs-callout',
-        [
-            'topic' => __('Roles & Permissions'),
-            'url' => Statamic::docsUrl('users#permissions'),
-        ]
-    )
+    <x-statamic::docs-callout
+        :topic="__('Roles & Permissions')"
+        :url="Statamic::docsUrl('users#permissions')"
+    />
 @endsection
diff --git a/resources/views/taxonomies/index.blade.php b/resources/views/taxonomies/index.blade.php
index 472b02f2144..0fccada114d 100644
--- a/resources/views/taxonomies/index.blade.php
+++ b/resources/views/taxonomies/index.blade.php
@@ -7,13 +7,16 @@
 
 @section('content')
     @unless ($taxonomies->isEmpty())
-        <div class="mb-6 flex">
-            <h1 class="flex-1">{{ __('Taxonomies') }}</h1>
+        <ui-header title="{{ __('Taxonomies') }}">
 
             @can('create', 'Statamic\Contracts\Taxonomies\Taxonomy')
-                <a href="{{ cp_route('taxonomies.create') }}" class="btn-primary">{{ __('Create Taxonomy') }}</a>
+                <ui-button
+                    href="{{ cp_route('taxonomies.create') }}"
+                    text="{{ __('Create Taxonomy') }}"
+                    variant="primary"
+                />
             @endcan
-        </div>
+        </ui-header>
 
         <taxonomy-list
             :initial-rows="{{ json_encode($taxonomies) }}"
@@ -21,24 +24,18 @@
             :endpoints="{}"
         ></taxonomy-list>
     @else
-        @include(
-            'statamic::partials.empty-state',
-            [
-                'title' => __('Taxonomies'),
-                'description' => __('statamic::messages.taxonomy_configure_intro'),
-                'svg' => 'empty/taxonomy',
-                'button_text' => __('Create Taxonomy'),
-                'button_url' => cp_route('taxonomies.create'),
-                'can' => $user->can('create', 'Statamic\Contracts\Taxonomies\Taxonomy'),
-            ]
-        )
+        <x-statamic::empty-screen
+            title="{{ __('Taxonomies') }}"
+            description="{{ __('statamic::messages.taxonomy_configure_intro') }}"
+            svg="empty/taxonomy"
+            button_text="{{ __('Create Taxonomy') }}"
+            button_url="{{ cp_route('taxonomies.create') }}"
+            can="{{ $user->can('create', 'Statamic\Contracts\Taxonomies\Taxonomy') }}"
+        />
     @endunless
 
-    @include(
-        'statamic::partials.docs-callout',
-        [
-            'topic' => __('Taxonomies'),
-            'url' => Statamic::docsUrl('taxonomies'),
-        ]
-    )
+    <x-statamic::docs-callout
+        topic="{{ __('Taxonomies') }}"
+        url="{{ Statamic::docsUrl('taxonomies') }}"
+    />
 @endsection
diff --git a/resources/views/usergroups/index.blade.php b/resources/views/usergroups/index.blade.php
index 203947ae0da..ff7092c9d78 100644
--- a/resources/views/usergroups/index.blade.php
+++ b/resources/views/usergroups/index.blade.php
@@ -7,12 +7,13 @@
 
 @section('content')
     @unless ($groups->isEmpty())
-        <div class="mb-6 flex">
-            <h1 class="flex-1">
-                {{ __('User Groups') }}
-            </h1>
-            <a href="{{ cp_route('user-groups.create') }}" class="btn-primary">{{ __('Create User Group') }}</a>
-        </div>
+        <ui-header title="{{ __('User Groups') }}">
+            <ui-button
+                href="{{ cp_route('user-groups.create') }}"
+                variant="primary"
+                :text="__('Create User Group')"
+            ></ui-button>
+        </ui-header>
 
         <user-group-listing :initial-rows="{{ json_encode($groups) }}"></user-group-listing>
     @else
diff --git a/resources/views/usergroups/show.blade.php b/resources/views/usergroups/show.blade.php
index 0c92b70490d..873816b70a4 100644
--- a/resources/views/usergroups/show.blade.php
+++ b/resources/views/usergroups/show.blade.php
@@ -7,34 +7,29 @@
 @section('wrapper_class', 'max-w-full')
 
 @section('content')
-    <header class="mb-6">
-        @include(
-            'statamic::partials.breadcrumb',
-            [
-                'url' => cp_route('user-groups.index'),
-                'title' => __('User Groups'),
-            ]
-        )
-        <div class="flex items-center">
-            <h1 v-pre class="flex-1">{{ __($group->title()) }}</h1>
-            <dropdown-list class="ltr:mr-2 rtl:ml-2">
-                @can('edit', $group)
-                    <dropdown-item :text="__('Edit User Group')" redirect="{{ $group->editUrl() }}"></dropdown-item>
-                @endcan
+    <ui-header title="{{ __($group->title()) }}">
+        @can('delete', $group)
+            <ui-button
+                @click="$refs.deleter.confirm()"
+            >
+                {{ __('Delete Group') }}
+                <resource-deleter
+                    ref="deleter"
+                    resource-title="{{ $group->title() }}"
+                    route="{{ cp_route('user-groups.destroy', $group->handle()) }}"
+                    redirect="{{ cp_route('user-groups.index') }}"
+                ></resource-deleter>
+            </ui-button>
+        @endcan
 
-                @can('delete', $group)
-                    <dropdown-item :text="__('Delete User Group')" class="warning" @click="$refs.deleter.confirm()">
-                        <resource-deleter
-                            ref="deleter"
-                            resource-title="{{ $group->title() }}"
-                            route="{{ cp_route('user-groups.destroy', $group->handle()) }}"
-                            redirect="{{ cp_route('user-groups.index') }}"
-                        ></resource-deleter>
-                    </dropdown-item>
-                @endcan
-            </dropdown-list>
-        </div>
-    </header>
+        @can('edit', $group)
+            <ui-button
+                :text="__('Edit Group')"
+                variant="primary"
+                href="{{ $group->editUrl() }}"
+            ></ui-button>
+        @endcan
+    </ui-header>
 
     <user-listing
         listing-key="usergroup-users"
diff --git a/resources/views/users/index.blade.php b/resources/views/users/index.blade.php
index 4fbe426ce80..8732e2bfb31 100644
--- a/resources/views/users/index.blade.php
+++ b/resources/views/users/index.blade.php
@@ -7,24 +7,23 @@
 @section('wrapper_class', 'max-w-full')
 
 @section('content')
-    <header class="mb-6 flex items-center">
-        <h1 class="flex-1">
-            {{ __('Users') }}
-        </h1>
+    <ui-header title="{{ __('Users') }}">
 
         @can('configure fields')
-            <dropdown-list class="ltr:mr-2 rtl:ml-2">
-                <dropdown-item
-                    :text="__('Edit Blueprint')"
-                    redirect="{{ cp_route('users.blueprint.edit') }}"
-                ></dropdown-item>
-            </dropdown-list>
+            <ui-button
+                :text="__('Edit User Blueprint')"
+                href="{{ cp_route('users.blueprint.edit') }}"
+            ></ui-button>
         @endcan
 
         @if (Statamic::pro() && $user->can('create', 'Statamic\Contracts\Auth\User'))
-            <a href="{{ cp_route('users.create') }}" class="btn-primary ltr:ml-4 rtl:mr-4">{{ __('Create User') }}</a>
+            <ui-button
+                href="{{ cp_route('users.create') }}"
+                variant="primary"
+                :text="__('Create User')"
+            ></ui-button>
         @endif
-    </header>
+    </ui-header>
 
     <user-listing
         listing-key="users"
@@ -34,11 +33,8 @@
         action-url="{{ cp_route('users.actions.run') }}"
     ></user-listing>
 
-    @include(
-        'statamic::partials.docs-callout',
-        [
-            'topic' => __('Users'),
-            'url' => Statamic::docsUrl('users'),
-        ]
-    )
+    <x-statamic::docs-callout
+        :topic="__('Users')"
+        :url="Statamic::docsUrl('users')"
+    />
 @endsection
diff --git a/resources/views/utilities/cache.blade.php b/resources/views/utilities/cache.blade.php
index 0d7d132a438..39553ba57ef 100644
--- a/resources/views/utilities/cache.blade.php
+++ b/resources/views/utilities/cache.blade.php
@@ -7,25 +7,19 @@
 
 @section('content')
 
-<header class="mb-6">
-    @include(
-        'statamic::partials.breadcrumb',
-        [
-            'url' => cp_route('utilities.index'),
-            'title' => __('Utilities'),
-        ]
-    )
-    <div class="flex items-center justify-between">
-        <h1>{{ __('Cache Manager') }}</h1>
-
+    <ui-header title="{{ __('Cache Manager') }}">
         <form method="POST" action="{{ cp_route('utilities.cache.clear', 'all') }}">
             @csrf
-            <button class="btn-primary">{{ __('Clear All') }}</button>
+            <ui-button
+                text="{{ __('Clear All') }}"
+                type="submit"
+                variant="primary"
+            />
         </form>
-    </div>
+    </ui-header>
 </header>
 
-<div class="card p-0">
+<ui-card-panel>
     <div class="p-4">
         <div class="flex items-center justify-between">
             <div class="ltr:pr-8 rtl:pl-8">
@@ -76,7 +70,7 @@ class="ltr:mr-2 rtl:ml-2"
             @endif
         </div>
     </div>
-    <div class="border-t bg-gray-200 p-4 dark:border-dark-900 dark:bg-dark-700">
+    <div class="border-t bg-gray-100 p-4 dark:border-dark-900 dark:bg-dark-700">
         <div class="flex items-center justify-between">
             <div class="ltr:pr-8 rtl:pl-8">
                 <h2 class="font-bold">{{ __('Static Page Cache') }}</h2>
@@ -126,7 +120,7 @@ class="ltr:mr-2 rtl:ml-2"
         </div>
     </div>
 
-    <div class="rounded-b border-t bg-gray-200 p-4 dark:border-dark-900 dark:bg-dark-700">
+    <div class="rounded-b border-t bg-gray-100 p-4 dark:border-dark-900 dark:bg-dark-700">
         <div class="flex items-center justify-between">
             <div class="ltr:pr-8 rtl:pl-8">
                 <h2 class="font-bold">{{ __('Image Cache') }}</h2>
@@ -150,6 +144,6 @@ class="ltr:mr-2 rtl:ml-2"
             </div>
         </div>
     </div>
-</div>
+</ui-card-panel>
 
 @stop
diff --git a/resources/views/utilities/email.blade.php b/resources/views/utilities/email.blade.php
index 4f91c0c292b..aa3d073ee5b 100644
--- a/resources/views/utilities/email.blade.php
+++ b/resources/views/utilities/email.blade.php
@@ -7,122 +7,117 @@
 
 @section('content')
 
-<header class="mb-6">
-    @include(
-        'statamic::partials.breadcrumb',
-        [
-            'url' => cp_route('utilities.index'),
-            'title' => __('Utilities'),
-        ]
-    )
-    <h1>{{ __('Email') }}</h1>
-</header>
+<ui-header title="{{ __('Email') }}" />
 
-<div class="card">
+<ui-card-panel heading="{{ __('Send Test Email') }}">
     <form method="POST" action="{{ cp_route('utilities.email') }}">
         @csrf
 
-        <div class="flex items-center">
-            <input
-                class="input-text ltr:mr-4 rtl:ml-4"
-                type="text"
+        <div class="flex items-center gap-2">
+            <ui-input
                 name="email"
                 value="{{ old('email', $user->email()) }}"
-            />
-            <button type="submit" class="btn-primary">{{ __('Send Test Email') }}</button>
+            ></ui-input>
+            <ui-button
+                text="{{ __('Send') }}"
+                type="submit"
+                variant="primary"
+            ></ui-button>
         </div>
         @if ($errors->has('email'))
-            <p class="mt-2"><small class="help-block text-red-500">{{ $errors->first('email') }}</small></p>
+            <p class="mt-4 text-red-700 text-sm">{{ $errors->first('email') }}</p>
         @endif
     </form>
-</div>
+</ui-card-panel>
 
-<h2 class="mb-2 mt-10 text-lg font-bold">{{ __('Configuration') }}</h2>
-<p class="mb-4 text-sm text-gray">
-    {!! __('statamic::messages.email_utility_configuration_description', ['path' => config_path('mail.php')]) !!}
-</p>
-<div class="card p-0">
-    <table class="data-table">
-        <tr>
-            <th class="w-1/4 py-2 ltr:pl-4 rtl:pr-4">{{ __('Default Mailer') }}</th>
-            <td><code>{{ config('mail.default') }}</code></td>
-        </tr>
-        @if (config('mail.default') == 'smtp')
-            <tr>
-                <th class="w-1/4 py-2 ltr:pl-4 rtl:pr-4">{{ __('Host') }}</th>
-                <td><code>{{ config('mail.mailers.smtp.host') }}</code></td>
-            </tr>
-            <tr>
-                <th class="w-1/4 py-2 ltr:pl-4 rtl:pr-4">{{ __('Port') }}</th>
-                <td><code>{{ config('mail.mailers.smtp.port') }}</code></td>
-            </tr>
-            <tr>
-                <th class="w-1/4 py-2 ltr:pl-4 rtl:pr-4">{{ __('Encryption') }}</th>
-                <td>
-                    @if (config('mail.mailers.smtp.encryption'))
-                        <code>{{ config('mail.mailers.smtp.encryption') }}</code>
+<ui-card-panel
+    class="mt-6"
+    heading="{{ __('Configuration') }}"
+    subheading="{{ __('statamic::messages.email_utility_configuration_description', ['path' => config_path('mail.php')]) }}"
+>
+    <ui-table>
+        <ui-table-rows>
+            <ui-table-row class="[&_td:first-child]:font-medium">
+                <ui-table-cell>{{ __('Default Mailer') }}</ui-table-cell>
+                <ui-table-cell>{{ config('mail.default') }}</ui-table-cell>
+            </ui-table-row>
+            @if (config('mail.default') == 'smtp')
+                <ui-table-row class="[&_td:fir]">
+                    <ui-table-cell>{{ __('Host') }}</ui-table-cell>
+                    <ui-table-cell>{{ config('mail.mailers.smtp.host') }}</ui-table-cell>
+                </ui-table-row>
+                <ui-table-row class="[&_td:fir]">
+                    <ui-table-cell>{{ __('Port') }}</ui-table-cell>
+                    <ui-table-cell>{{ config('mail.mailers.smtp.port') }}</ui-table-cell>
+                </ui-table-row>
+                <ui-table-row class="[&_td:fir]">
+                    <ui-table-cell>{{ __('Encryption') }}</ui-table-cell>
+                    <ui-table-cell>
+                        @if (config('mail.mailers.smtp.encryption'))
+                            {{ config('mail.mailers.smtp.encryption') }}
+                        @endif
+                    </ui-table-cell>
+                </ui-table-row>
+                <ui-table-row class="[&_td:fir]">
+                    <ui-table-cell>{{ __('Username') }}</ui-table-cell>
+                    <ui-table-cell>
+                        @if (config('mail.mailers.smtp.username'))
+                            {{ config('mail.mailers.smtp.username') }}
+                        @endif
+                    </ui-table-cell>
+                </ui-table-row>
+                <ui-table-row class="[&_td:fir]">
+                    <ui-table-cell>{{ __('Password') }}</ui-table-cell>
+                    <ui-table-cell>
+                        @if (config('mail.mailers.smtp.password'))
+                            {{ config('mail.mailers.smtp.password') }}
+                        @endif
+                    </ui-table-cell>
+                </ui-table-row>
+            @endif
+
+            @if (config('mail.default') == 'sendmail')
+                <ui-table-row class="[&_td:fir]">
+                    <ui-table-cell>{{ __('Sendmail') }}</ui-table-cell>
+                    <ui-table-cell>{{ config('mail.mailers.sendmail.path') }}</ui-table-cell>
+                </ui-table-row>
+            @endif
+
+            <ui-table-row class="[&_td:fir]">
+                <ui-table-cell>{{ __('Default From Address') }}</ui-table-cell>
+                <ui-table-cell>
+                    @if (config('mail.from.address'))
+                        {{ config('mail.from.address') }}
                     @endif
-                </td>
-            </tr>
-            <tr>
-                <th class="w-1/4 py-2 ltr:pl-4 rtl:pr-4">{{ __('Username') }}</th>
-                <td>
-                    @if (config('mail.mailers.smtp.username'))
-                        <code>{{ config('mail.mailers.smtp.username') }}</code>
+                </ui-table-cell>
+            </ui-table-row>
+            <ui-table-row class="[&_td:fir]">
+                <ui-table-cell>{{ __('Default From Name') }}</ui-table-cell>
+                <ui-table-cell>
+                    @if (config('mail.from.name'))
+                        {{ config('mail.from.name') }}
                     @endif
-                </td>
-            </tr>
-            <tr>
-                <th class="w-1/4 py-2 ltr:pl-4 rtl:pr-4">{{ __('Password') }}</th>
-                <td>
-                    @if (config('mail.mailers.smtp.password'))
-                        <code>{{ config('mail.mailers.smtp.password') }}</code>
+                </ui-table-cell>
+            </ui-table-row>
+            <ui-table-row class="[&_td:fir]">
+                <ui-table-cell>{{ __('Markdown theme') }}</ui-table-cell>
+                <ui-table-cell>
+                    @if (config('mail.markdown.theme'))
+                        {{ config('mail.markdown.theme') }}
                     @endif
-                </td>
-            </tr>
-        @endif
-
-        @if (config('mail.default') == 'sendmail')
-            <tr>
-                <th class="w-1/4 py-2 ltr:pl-4 rtl:pr-4">{{ __('Sendmail') }}</th>
-                <td><code>{{ config('mail.mailers.sendmail.path') }}</code></td>
-            </tr>
-        @endif
-
-        <tr>
-            <th class="w-1/4 py-2 ltr:pl-4 rtl:pr-4">{{ __('Default From Address') }}</th>
-            <td>
-                @if (config('mail.from.address'))
-                    <code>{{ config('mail.from.address') }}</code>
-                @endif
-            </td>
-        </tr>
-        <tr>
-            <th class="w-1/4 py-2 ltr:pl-4 rtl:pr-4">{{ __('Default From Name') }}</th>
-            <td>
-                @if (config('mail.from.name'))
-                    <code>{{ config('mail.from.name') }}</code>
-                @endif
-            </td>
-        </tr>
-        <tr>
-            <th class="w-1/4 py-2 ltr:pl-4 rtl:pr-4">{{ __('Markdown theme') }}</th>
-            <td>
-                @if (config('mail.markdown.theme'))
-                    <code>{{ config('mail.markdown.theme') }}</code>
-                @endif
-            </td>
-        </tr>
-        <tr>
-            <th class="w-1/4 py-2 ltr:pl-4 rtl:pr-4">{{ __('Markdown paths') }}</th>
-            <td>
-                @foreach (config('mail.markdown.paths') as $path)
-                    <code>{{ $path }}</code>
-                    <br />
-                @endforeach
-            </td>
-        </tr>
-    </table>
-</div>
+                </ui-table-cell>
+            </ui-table-row>
+            <ui-table-row class="[&_td:fir]">
+                <ui-table-cell>{{ __('Markdown paths') }}</ui-table-cell>
+                <ui-table-cell>
+                    @foreach (config('mail.markdown.paths') as $path)
+                        {{ $path }}
+                        @if (! $loop->last)<br />@endif
+                    @endforeach
+                </ui-table-cell>
+            </ui-table-row>
+        </ui-table-rows>
+    </ui-table>
+</ui-card-panel>
 
 @stop
diff --git a/resources/views/utilities/index.blade.php b/resources/views/utilities/index.blade.php
index ad0f6e403cb..b20f4b60f97 100644
--- a/resources/views/utilities/index.blade.php
+++ b/resources/views/utilities/index.blade.php
@@ -6,34 +6,29 @@
 @section('title', __('Utilities'))
 
 @section('content')
-    <header class="mb-6">
-        <h1>{{ __('Utilities') }}</h1>
-    </header>
+    <ui-header title="{{ __('Utilities') }}" />
 
-    <div class="card content p-4">
+    <ui-card-panel>
         <div class="flex flex-wrap">
             @foreach ($utilities as $utility)
                 <a
                     href="{{ $utility->url() }}"
-                    class="group w-full items-start rounded-md border border-transparent p-4 hover:bg-gray-200 dark:hover:border-dark-400 dark:hover:bg-dark-575 md:flex lg:w-1/2"
+                    class="group w-full items-start rounded-md border border-transparent p-4 hover:bg-gray-100 dark:hover:border-dark-400 dark:hover:bg-dark-575 md:flex lg:w-1/2"
                 >
                     <div class="h-8 w-8 text-gray-800 dark:text-dark-175 ltr:mr-4 rtl:ml-4">
                         {!! $utility->icon() !!}
                     </div>
-                    <div class="mb-4 flex-1 text-blue md:mb-0 md:ltr:mr-6 md:rtl:ml-6">
-                        <h3>{{ $utility->title() }}</h3>
-                        <p class="text-xs">{{ $utility->description() }}</p>
+                    <div class="mb-4 flex-1 md:mb-0 md:me-6">
+                        <ui-heading size="lg">{{ $utility->title() }}</ui-heading>
+                        <ui-subheading>{{ $utility->description() }}</ui-subheading>
                     </div>
                 </a>
             @endforeach
         </div>
-    </div>
+    </ui-card-panel>
 
-    @include(
-        'statamic::partials.docs-callout',
-        [
-            'topic' => __('Utilities'),
-            'url' => Statamic::docsUrl('extending/utilities'),
-        ]
-    )
+    <x-statamic::docs-callout
+        topic="{{ __('Utilities') }}"
+        url="{{ Statamic::docsUrl('extending/utilities') }}"
+    />
 @endsection
diff --git a/resources/views/utilities/phpinfo.blade.php b/resources/views/utilities/phpinfo.blade.php
index 17837830034..a82a8a20253 100644
--- a/resources/views/utilities/phpinfo.blade.php
+++ b/resources/views/utilities/phpinfo.blade.php
@@ -7,38 +7,30 @@
 
 @section('content')
 
-<header class="mb-6">
-    @include(
-        'statamic::partials.breadcrumb',
-        [
-            'url' => cp_route('utilities.index'),
-            'title' => __('Utilities'),
-        ]
-    )
-    <h1>{{ __('PHP Info') }}</h1>
-</header>
+<ui-header title="{{ __('PHP Info') }}"></ui-header>
 
-<div class="card p-0" dir="ltr">
-    <table class="data-table ltr:text-left">
-        <tr>
-            <th class="w-1/4 py-2 ltr:pl-4 rtl:pr-4">{{ __('PHP Version') }}</th>
-            <td>{{ PHP_VERSION }}</td>
-        </tr>
-    </table>
-</div>
+<section class="space-y-6">
+    <ui-card-panel heading="{{ __('PHP version') }}">
+        <ui-table>
+            <ui-table-row>
+                <ui-table-cell width="30%">{{ __('PHP Version') }}</ui-table-cell>
+                <ui-table-cell>{{ PHP_VERSION }}</ui-table-cell>
+            </ui-table-row>
+        </ui-table>
+    </ui-card-panel>
 
-@foreach ($phpinfo as $section => $items)
-    <h2 class="mb-2 mt-8 text-lg font-bold" dir="ltr">{{ $section }}</h2>
-    <div class="card p-0" dir="ltr">
-        <table class="data-table ltr:text-left">
-            @foreach ($items as $name => $value)
-                <tr>
-                    <th class="w-1/4 py-2 ltr:pl-4 rtl:pr-4">{{ $name }}</th>
-                    <td class="overflow-hidden text-ellipsis">{{ is_array($value) ? join(', ', $value) : $value }}</td>
-                </tr>
-            @endforeach
-        </table>
-    </div>
-@endforeach
+    @foreach ($phpinfo as $section => $items)
+        <ui-card-panel heading="{{ $section }}">
+            <ui-table>
+                @foreach ($items as $name => $value)
+                    <ui-table-row>
+                        <ui-table-cell width="30%">{{ $name }}</ui-table-cell>
+                        <ui-table-cell>{{ is_array($value) ? join(', ', $value) : $value }}</ui-table-cell>
+                    </ui-table-row>
+                @endforeach
+            </ui-table>
+        </ui-card-panel>
+    @endforeach
+</section>
 
 @stop
diff --git a/resources/views/utilities/search.blade.php b/resources/views/utilities/search.blade.php
index ed96347e5d8..e75203599fe 100644
--- a/resources/views/utilities/search.blade.php
+++ b/resources/views/utilities/search.blade.php
@@ -7,80 +7,70 @@
 
 @section('content')
 
-<header class="mb-6">
-    @include(
-        'statamic::partials.breadcrumb',
-        [
-            'url' => cp_route('utilities.index'),
-            'title' => __('Utilities'),
-        ]
-    )
-    <div class="flex items-center justify-between">
-        <h1>{{ __('Search Indexes') }}</h1>
+<ui-header title="{{ __('Search') }}">
+    <form method="POST" action="{{ cp_route('utilities.search', 'all') }}">
+        @csrf
 
-        <form method="POST" action="{{ cp_route('utilities.search', 'all') }}">
-            @csrf
-            @foreach (\Statamic\Facades\Search::indexes() as $index)
-                <input type="hidden" name="indexes[]" value="{{ $index->name() }}::{{ $index->locale() }}" />
-            @endforeach
+        @foreach (\Statamic\Facades\Search::indexes() as $index)
+            <input type="hidden" name="indexes[]" value="{{ $index->name() }}::{{ $index->locale() }}" />
+        @endforeach
 
-            <button class="btn-primary">{{ __('Update All') }}</button>
-        </form>
-    </div>
-</header>
+        <ui-button variant="primary">{{ __('Update Indexes') }}</ui-button>
+    </form>
+</ui-header>
 
-<div class="card p-0">
+<ui-card-panel heading="{{ __('Search Indexes') }}">
     @if ($errors->has('indexes'))
         <p class="p-4"><small class="help-block text-red-500">{{ $errors->first() }}</small></p>
     @endif
 
-    <table class="data-table">
-        <thead>
-            <tr>
-                <th>{{ __('Index') }}</th>
-                <th>{{ __('Driver') }}</th>
-                <th>{{ __('Searchables') }}</th>
-                <th>{{ __('Fields') }}</th>
-                <th></th>
-            </tr>
-        </thead>
-        <tbody>
+    <ui-table>
+        <ui-table-columns>
+            <ui-table-column>{{ __('Index') }}</ui-table-column>
+            <ui-table-column>{{ __('Driver') }}</ui-table-column>
+            <ui-table-column>{{ __('Searchables') }}</ui-table-column>
+            <ui-table-column>{{ __('Fields') }}</ui-table-column>
+            <ui-table-column></ui-table-column>
+        </ui-table-columns>
+        <ui-table-rows>
             @foreach (\Statamic\Facades\Search::indexes() as $index)
-                <tr class="align-top">
-                    <td>
+                <ui-table-row>
+                    <ui-table-cell>
                         <div class="flex items-start">
-                            @cp_svg('search-drivers/' . $index->config()['driver'], '-mt-0.5 flex h-6 w-6 shrink-0 ltr:mr-2 rtl:ml-2', 'search-drivers/local')
+                            @cp_svg('search-drivers/' . $index->config()['driver'], '-mt-0.5 flex h-6 w-6 shrink-0 me-2', 'search-drivers/local')
                             <span class="text-gray-800 dark:text-dark-150">{{ $index->title() }}</span>
                         </div>
-                    </td>
-                    <td>
+                    </ui-table-cell>
+                    <ui-table-cell>
                         {{ ucwords($index->config()['driver']) }}
-                    </td>
-                    <td>
+                    </ui-table-cell>
+                    <ui-table-cell>
                         @if (is_string($index->config()['searchables']))
-                            <div class="flex flex-wrap text-sm text-gray">
-                                <span class="badge-pill-sm">{{ $index->config()['searchables'] }}</span>
+                            <div class="flex flex-wrap">
+                                <ui-badge>
+                                    {{ $index->config()['searchables'] }}
+                                </ui-badge>
                             </div>
                         @else
                             <div class="flex flex-wrap gap-1 text-sm text-gray">
                                 @foreach ($index->config()['searchables'] as $searchable)
-                                    <div class="badge-pill-sm">
+                                    <ui-badge>
                                         {{ $searchable }}
-                                    </div>
+                                    </ui-badge>
                                 @endforeach
                             </div>
                         @endif
-                    </td>
-                    <td>
-                        <div class="flex flex-wrap gap-1 text-sm text-gray">
+                    </ui-table-cell>
+                    <ui-table-cell>
+                        <div class="flex flex-wrap gap-2">
                             @foreach ($index->config()['fields'] as $field)
-                                <div class="badge-pill-sm">
+                                <ui-badge>
                                     {{ $field }}
-                                </div>
+                                </ui-badge>
                             @endforeach
                         </div>
-                    </td>
-                    <td class="ltr:text-right rtl:text-left">
+                    </ui-table-cell>
+                    <ui-table-cell class="text-right rtl:text-left">
                         <form method="POST" action="{{ cp_route('utilities.search') }}">
                             @csrf
                             <input
@@ -88,21 +78,20 @@
                                 name="indexes[]"
                                 value="{{ $index->name() }}::{{ $index->locale() }}"
                             />
-                            <button type="submit" class="btn btn-xs -my-1">{{ __('Update') }}</button>
+                            <ui-button type="submit" size="sm">
+                                {{ __('Update') }}
+                            </ui-button>
                         </form>
-                    </td>
-                </tr>
+                    </ui-table-cell>
+                </ui-table-row>
             @endforeach
-        </tbody>
-    </table>
-</div>
+        </ui-table-rows>
+    </ui-table>
+</ui-card-panel>
 
-@include(
-    'statamic::partials.docs-callout',
-    [
-        'topic' => __('Search Indexes'),
-        'url' => Statamic::docsUrl('search#indexes'),
-    ]
-)
+<x-statamic::docs-callout
+    topic="{{ __('Search Indexes') }}"
+    url="{{ Statamic::docsUrl('search#indexes') }}"
+/>
 
 @stop

From fb8bdb776ec71de47bb987dbd25c5e779653032b Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 2 Apr 2025 00:15:57 -0400
Subject: [PATCH 038/186] wip DataTable child components

---
 resources/js/components/ui/DataTable/Cell.vue |  52 +++++++
 .../js/components/ui/DataTable/Column.vue     |  27 ++++
 .../js/components/ui/DataTable/Columns.vue    |   7 +
 .../js/components/ui/DataTable/Index.vue      | 144 ++----------------
 resources/js/components/ui/DataTable/Row.vue  |  41 +++++
 resources/js/components/ui/DataTable/Rows.vue |   5 +
 6 files changed, 144 insertions(+), 132 deletions(-)
 create mode 100644 resources/js/components/ui/DataTable/Cell.vue
 create mode 100644 resources/js/components/ui/DataTable/Column.vue
 create mode 100644 resources/js/components/ui/DataTable/Columns.vue
 create mode 100644 resources/js/components/ui/DataTable/Row.vue
 create mode 100644 resources/js/components/ui/DataTable/Rows.vue

diff --git a/resources/js/components/ui/DataTable/Cell.vue b/resources/js/components/ui/DataTable/Cell.vue
new file mode 100644
index 00000000000..18767814179
--- /dev/null
+++ b/resources/js/components/ui/DataTable/Cell.vue
@@ -0,0 +1,52 @@
+<script setup>
+import { inject } from 'vue';
+import { cva } from 'cva';
+
+const variant = inject('dataTableVariant', 'normal');
+
+const props = defineProps({
+    align: { type: String, default: 'left' },
+    position: { type: Function, required: true },
+    rightPosition: { type: Function, required: true },
+    index: { type: Number, required: true },
+});
+
+const bodyCellClasses = cva({
+    base: '',
+    variants: {
+        variant: {
+            normal: 'px-4 py-3',
+            compact: 'px-2 py-1.5',
+        },
+    },
+})({ variant });
+
+const tableCellVariants = cva({
+    base: 'border-t border-gray-200 dark:border-white/10',
+    variants: {
+        position: {
+            first: 'border-l rounded-tl-xl',
+            firstRight: 'border-r rounded-tr-xl',
+            last: 'border-l rounded-bl-xl',
+            lastRight: 'border-r rounded-br-xl',
+            left: 'border-l',
+            right: 'border-r',
+            middle: '',
+        },
+    },
+});
+</script>
+
+<template>
+    <td
+        :class="[
+            bodyCellClasses,
+            `text-${align}`,
+            tableCellVariants({
+                position: position(index),
+            }),
+        ]"
+    >
+        <slot />
+    </td>
+</template>
diff --git a/resources/js/components/ui/DataTable/Column.vue b/resources/js/components/ui/DataTable/Column.vue
new file mode 100644
index 00000000000..0668ff75247
--- /dev/null
+++ b/resources/js/components/ui/DataTable/Column.vue
@@ -0,0 +1,27 @@
+<script setup>
+import { inject } from 'vue';
+
+import { cva } from 'cva';
+const variant = inject('dataTableVariant', 'normal');
+
+const props = defineProps({
+    align: { type: String, default: 'left' },
+    width: { type: String, default: null },
+});
+
+const headerCellClasses = cva({
+    base: 'text-sm font-medium text-gray-800 dark:text-gray-300',
+    variants: {
+        variant: {
+            normal: 'px-4 py-2',
+            compact: 'px-2 py-1.5',
+        },
+    },
+})({ variant });
+</script>
+
+<template>
+    <th :class="[headerCellClasses, `text-${align}`, width]" :style="width ? { width } : null">
+        <slot />
+    </th>
+</template>
diff --git a/resources/js/components/ui/DataTable/Columns.vue b/resources/js/components/ui/DataTable/Columns.vue
new file mode 100644
index 00000000000..91f3ee04c82
--- /dev/null
+++ b/resources/js/components/ui/DataTable/Columns.vue
@@ -0,0 +1,7 @@
+<template>
+    <thead>
+        <tr>
+            <slot />
+        </tr>
+    </thead>
+</template>
diff --git a/resources/js/components/ui/DataTable/Index.vue b/resources/js/components/ui/DataTable/Index.vue
index 3c0ea8da9cc..c2193c4b1ca 100644
--- a/resources/js/components/ui/DataTable/Index.vue
+++ b/resources/js/components/ui/DataTable/Index.vue
@@ -1,77 +1,14 @@
 <script setup>
-import { ref } from 'vue';
+import { ref, provide } from 'vue';
 import { cva } from 'cva';
-
-const events = ref([
-    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
-    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
-    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
-    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
-    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
-    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
-    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
-    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
-    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
-    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
-    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
-    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
-    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
-    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
-    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
-    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
-    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
-    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
-    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
-    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
-    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
-    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
-    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
-    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
-    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
-    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
-    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
-    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
-    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
-    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
-    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
-    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
-    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
-    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
-    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
-    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
-    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
-    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
-    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
-    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
-    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
-    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
-    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
-    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
-    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
-    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
-    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
-    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
-    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
-    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
-    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
-    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
-    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
-    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
-    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
-    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
-    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
-    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
-    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
-    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
-    { title: 'Miami, Florida', slug: 'miami-florida', date: '2025-03-16', author: 'Jack McDade' },
-    { title: 'Tampa, Florida', slug: 'tampa-fl', date: '2025-03-17', author: 'Jack McDade' },
-    { title: 'Orlando, Florida', slug: 'orlando-fl', date: '2025-03-18', author: 'Jack McDade' },
-    { title: 'Fort Lauderdale, Florida', slug: 'fort-lauderdale-fl', date: '2025-03-19', author: 'Jack McDade' },
-]);
+import DataTableColumns from './Columns.vue';
+import DataTableRows from './Rows.vue';
 
 const props = defineProps({
     variant: { type: String, default: 'normal' },
-});
+})
+
+provide('dataTableVariant', props.variant);
 
 const tableCellVariants = cva({
     base: 'border-t border-gray-200 dark:border-white/10',
@@ -88,26 +25,6 @@ const tableCellVariants = cva({
     },
 });
 
-const headerCellClasses = cva({
-    base: 'text-sm font-medium text-gray-800 dark:text-gray-300',
-    variants: {
-        variant: {
-            normal: 'px-4 py-2',
-            compact: 'px-2 py-1.5',
-        },
-    },
-})({ ...props });
-
-const bodyCellClasses = cva({
-    base: '',
-    variants: {
-        variant: {
-            normal: 'px-4 py-3',
-            compact: 'px-2 py-1.5',
-        },
-    },
-})({ ...props });
-
 const titleClasses = cva({
     base: 'font-medium text-gray-800 dark:text-white',
     variants: {
@@ -125,49 +42,12 @@ const titleClasses = cva({
             data-ui-data-table
             class="w-full min-w-full table-fixed border-separate border-spacing-y-0 whitespace-nowrap text-gray-500 antialiased"
         >
-            <thead>
-                <tr>
-                    <th class="text-left" :class="headerCellClasses">Title</th>
-                    <th class="text-left" :class="headerCellClasses">Slug</th>
-                    <th class="text-left" :class="headerCellClasses">Date</th>
-                    <th class="text-left" :class="headerCellClasses">Author</th>
-                    <th class="w-14 text-right" :class="headerCellClasses"></th>
-                </tr>
-            </thead>
-            <tbody class="rounded-xl bg-white text-sm shadow-sm dark:bg-gray-900">
-                <tr v-for="(event, index) in events" :key="event.id">
-                    <td
-                        :class="[
-                            bodyCellClasses,
-                            tableCellVariants({
-                                position: index === 0 ? 'first' : index === events.length - 1 ? 'last' : 'left',
-                            }),
-                        ]"
-                    >
-                        <div :class="titleClasses">{{ event.title }}</div>
-                    </td>
-                    <td :class="[bodyCellClasses, tableCellVariants()]">{{ event.slug }}</td>
-                    <td :class="[bodyCellClasses, tableCellVariants()]">{{ event.date }}</td>
-                    <td :class="[bodyCellClasses, tableCellVariants()]">
-                        <div class="flex items-center gap-2">
-                            <img class="size-5 rounded-full" src="https://unavatar.io/jackmcdade" />
-                            {{ event.author }}
-                        </div>
-                    </td>
-                    <td
-                        class="text-right"
-                        :class="[
-                            bodyCellClasses,
-                            tableCellVariants({
-                                position:
-                                    index === 0 ? 'firstRight' : index === events.length - 1 ? 'lastRight' : 'right',
-                            }),
-                        ]"
-                    >
-                        <ui-button icon="dots" variant="ghost" size="xs" />
-                    </td>
-                </tr>
-            </tbody>
+            <DataTableColumns>
+                <slot name="columns" />
+            </DataTableColumns>
+            <DataTableRows>
+                <slot name="rows" />
+            </DataTableRows>
         </table>
     </ui-panel>
 </template>
diff --git a/resources/js/components/ui/DataTable/Row.vue b/resources/js/components/ui/DataTable/Row.vue
new file mode 100644
index 00000000000..dad118b634f
--- /dev/null
+++ b/resources/js/components/ui/DataTable/Row.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { cva } from 'cva';
+
+const props = defineProps({
+    index: { type: Number, required: true },
+    total: { type: Number, required: true },
+});
+
+const tableCellVariants = cva({
+    base: 'border-t border-gray-200 dark:border-white/10',
+    variants: {
+        position: {
+            first: 'border-l rounded-tl-xl',
+            firstRight: 'border-r rounded-tr-xl',
+            last: 'border-l rounded-bl-xl',
+            lastRight: 'border-r rounded-br-xl',
+            left: 'border-l',
+            right: 'border-r',
+            middle: '',
+        },
+    },
+});
+
+const getPosition = (index) => {
+    if (index === 0) return 'first';
+    if (index === props.total - 1) return 'last';
+    return 'left';
+};
+
+const getRightPosition = (index) => {
+    if (index === 0) return 'firstRight';
+    if (index === props.total - 1) return 'lastRight';
+    return 'right';
+};
+</script>
+
+<template>
+    <tr>
+        <slot :position="getPosition" :rightPosition="getRightPosition" />
+    </tr>
+</template>
diff --git a/resources/js/components/ui/DataTable/Rows.vue b/resources/js/components/ui/DataTable/Rows.vue
new file mode 100644
index 00000000000..6a89e434aa1
--- /dev/null
+++ b/resources/js/components/ui/DataTable/Rows.vue
@@ -0,0 +1,5 @@
+<template>
+    <tbody class="rounded-xl bg-white text-sm shadow-sm dark:bg-gray-900">
+        <slot />
+    </tbody>
+</template>

From d276cbfb5ac16d57565220dc431a39818c6c0ff6 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 2 Apr 2025 09:44:20 -0400
Subject: [PATCH 039/186] typecast updater badge count

---
 resources/js/components/UpdatesBadge.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/UpdatesBadge.vue b/resources/js/components/UpdatesBadge.vue
index b7426a67aa0..50d34d6f360 100644
--- a/resources/js/components/UpdatesBadge.vue
+++ b/resources/js/components/UpdatesBadge.vue
@@ -1,5 +1,5 @@
 <template>
-    <ui-badge v-if="count" :text="count" color="red" size="sm" variant="flat" />
+    <ui-badge v-if="count" :text="String(count)" color="red" size="sm" variant="flat" />
 </template>
 
 <script>
@@ -10,7 +10,7 @@ const requested = ref(false);
 export default {
     computed: {
         count() {
-            return count;
+            return count.value;
         },
     },
 

From 8693b76cb31a1c194f8bfd2633f895cb23cee930 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 2 Apr 2025 09:48:38 -0400
Subject: [PATCH 040/186] Adjust updates badge

---
 resources/js/components/UpdatesBadge.vue | 2 +-
 resources/views/nav/updates.blade.php    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/UpdatesBadge.vue b/resources/js/components/UpdatesBadge.vue
index 50d34d6f360..4bd05161efa 100644
--- a/resources/js/components/UpdatesBadge.vue
+++ b/resources/js/components/UpdatesBadge.vue
@@ -1,5 +1,5 @@
 <template>
-    <ui-badge v-if="count" :text="String(count)" color="red" size="sm" variant="flat" />
+    <ui-badge v-if="count" :text="String(count)" color="red" size="sm" variant="flat" pill />
 </template>
 
 <script>
diff --git a/resources/views/nav/updates.blade.php b/resources/views/nav/updates.blade.php
index 813de0437e7..c5c014551ec 100644
--- a/resources/views/nav/updates.blade.php
+++ b/resources/views/nav/updates.blade.php
@@ -2,6 +2,6 @@
     <a href="{{ $item->url() }}" class="flex items-center gap-3 text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200">
         <ui-icon name="updates" />
         <span v-pre>{{ __($item->name()) }}</span>
-        <updates-badge></updates-badge>
+        <updates-badge class="-ml-1.5"></updates-badge>
     </a>
 </li>

From 4d434bbec11e8b7b4702f51cbf39a0afdc68ccc2 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 2 Apr 2025 10:02:45 -0400
Subject: [PATCH 041/186] Fiddle with the getting started widget

---
 resources/css/elements/buttons.css            | 10 ++----
 resources/js/components/ui/Subheading.vue     |  2 +-
 resources/views/dashboard.blade.php           | 13 ++++----
 .../views/widgets/getting-started.blade.php   | 33 +++++++++----------
 4 files changed, 26 insertions(+), 32 deletions(-)

diff --git a/resources/css/elements/buttons.css b/resources/css/elements/buttons.css
index 6c565d98fa4..582d805f1f1 100644
--- a/resources/css/elements/buttons.css
+++ b/resources/css/elements/buttons.css
@@ -347,14 +347,10 @@ td .btn-icon {
 }
 
 .super-btn {
-    @apply flex items-start space-x-4 rounded-md border border-transparent p-4 hover:bg-gray-200 rtl:space-x-reverse;
-    @apply dark:hover:border-dark-400 dark:hover:bg-dark-575;
+    @apply flex items-start gap-5 rounded-xl border border-transparent p-3 hover:bg-gray-50 rtl:space-x-reverse;
+    @apply dark:hover:border-black/40 dark:hover:bg-black/20;
 
     svg {
-        @apply h-8 w-8 text-gray-800 dark:text-dark-200;
-    }
-
-    h3 {
-        @apply mb-2 text-blue dark:text-blue-600;
+        @apply h-8 w-8 mt-1 text-gray-600 dark:text-gray-500;
     }
 }
diff --git a/resources/js/components/ui/Subheading.vue b/resources/js/components/ui/Subheading.vue
index 082848a1fb1..0b45299383d 100644
--- a/resources/js/components/ui/Subheading.vue
+++ b/resources/js/components/ui/Subheading.vue
@@ -7,7 +7,7 @@ const props = defineProps({
 });
 
 const classes = cva({
-    base: 'text-gray-500 not-prose [&_code]:text-xs [&_code]:bg-gray-600/10 [&_code]:rounded-sm [&_code]:px-1 [&_code]:py-0.5',
+    base: 'text-gray-500 dark:text-gray-400 not-prose [&_code]:text-xs [&_code]:bg-gray-600/10 [&_code]:rounded-sm [&_code]:px-1 [&_code]:py-0.5',
     variants: {
         size: {
             sm: 'text-xs',
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
index 94cde97a6bd..7efa3b45e19 100644
--- a/resources/views/dashboard.blade.php
+++ b/resources/views/dashboard.blade.php
@@ -7,6 +7,8 @@
 
 @section('content')
 
+<ui-header title="{{ __('Dashboard') }}" />
+
 <div class="widgets @container -mx-4 flex flex-wrap py-2">
     @foreach ($widgets as $widget)
         <div
@@ -17,12 +19,9 @@ class="widget md:{{ Statamic\Support\Str::tailwindWidthClass($widget['width']) }
     @endforeach
 </div>
 
-@include(
-    'statamic::partials.docs-callout',
-    [
-        'topic' => __('Widgets'),
-        'url' => Statamic::docsUrl('widgets'),
-    ]
-)
+    <x-statamic::docs-callout
+        :topic="__('Widgets')"
+        :url="Statamic::docsUrl('widgets')"
+    />
 
 @stop
diff --git a/resources/views/widgets/getting-started.blade.php b/resources/views/widgets/getting-started.blade.php
index a37f9dbf7b2..76e79428966 100644
--- a/resources/views/widgets/getting-started.blade.php
+++ b/resources/views/widgets/getting-started.blade.php
@@ -2,25 +2,24 @@
     use function Statamic\trans as __;
 @endphp
 
-<div class="card card-lg content p-0">
-    <header>
-        <h1>{{ __('statamic::messages.getting_started_widget_header') }}</h1>
-        <p>{{ __('statamic::messages.getting_started_widget_intro') }}</p>
-    </header>
-    <div class="grid p-4 lg:grid-cols-2">
+<ui-card-panel
+    heading="{{ __('statamic::messages.getting_started_widget_header') }}"
+    subheading="{{ __('statamic::messages.getting_started_widget_intro') }}"
+>
+    <div class="grid lg:grid-cols-2">
         <a href="https://statamic.dev" class="super-btn">
             @cp_svg('icons/light/book-pages')
             <div class="flex-1">
-                <h3>{{ __('Read the Documentation') }}</h3>
-                <p>{{ __('statamic::messages.getting_started_widget_docs') }}</p>
+                <ui-heading size="lg">{{ __('Read the Documentation') }}</ui-heading>
+                <ui-subheading>{{ __('statamic::messages.getting_started_widget_docs') }}</ui-subheading>
             </div>
         </a>
         @if (! Statamic::pro())
             <a href="https://statamic.dev/licensing" class="super-btn">
                 @cp_svg('icons/light/pro-ribbon')
                 <div class="flex-1">
-                    <h3>{{ __('Enable Pro Mode') }}</h3>
-                    <p>{{ __('statamic::messages.getting_started_widget_pro') }}</p>
+                    <ui-heading size="lg">{{ __('Enable Pro Mode') }}</ui-heading>
+                    <ui-subheading>{{ __('statamic::messages.getting_started_widget_pro') }}</ui-subheading>
                 </div>
             </a>
         @endif
@@ -28,23 +27,23 @@
         <a href="{{ cp_route('collections.create') }}" class="super-btn">
             @cp_svg('icons/light/content-writing')
             <div class="flex-1">
-                <h3>{{ __('Create a Collection') }}</h3>
-                <p>{{ __('statamic::messages.getting_started_widget_collections') }}</p>
+                <ui-heading size="lg">{{ __('Create a Collection') }}</ui-heading>
+                <ui-subheading>{{ __('statamic::messages.getting_started_widget_collections') }}</ui-subheading>
             </div>
         </a>
         <a href="{{ cp_route('blueprints.index') }}" class="super-btn">
             @cp_svg('icons/light/blueprints')
             <div class="flex-1">
-                <h3>{{ __('Create a Blueprint') }}</h3>
-                <p>{{ __('statamic::messages.getting_started_widget_blueprints') }}</p>
+                <ui-heading size="lg">{{ __('Create a Blueprint') }}</ui-heading>
+                <ui-subheading>{{ __('statamic::messages.getting_started_widget_blueprints') }}</ui-subheading>
             </div>
         </a>
         <a href="{{ cp_route('navigation.create') }}" class="super-btn">
             @cp_svg('icons/light/hierarchy-files')
             <div class="flex-1">
-                <h3>{{ __('Create a Navigation') }}</h3>
-                <p>{{ __('statamic::messages.getting_started_widget_navigation') }}</p>
+                <ui-heading size="lg">{{ __('Create a Navigation') }}</ui-heading>
+                <ui-subheading>{{ __('statamic::messages.getting_started_widget_navigation') }}</ui-subheading>
             </div>
         </a>
     </div>
-</div>
+</ui-card-panel>

From 61291a2988d9b14c1cfdadd58b7fd83030b40393 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 2 Apr 2025 10:26:53 -0400
Subject: [PATCH 042/186] Update a few more page headings

---
 resources/css/components/cards.css            |  4 +-
 resources/css/elements/tables.css             | 32 +++++-----
 resources/js/components/collections/View.vue  |  9 +--
 .../js/components/fieldsets/EditForm.vue      | 15 ++---
 resources/views/blueprints/index.blade.php    | 60 ++++++++++++-------
 resources/views/fieldsets/index.blade.php     | 11 ++--
 6 files changed, 73 insertions(+), 58 deletions(-)

diff --git a/resources/css/components/cards.css b/resources/css/components/cards.css
index bcd38e97f09..503b6d17089 100644
--- a/resources/css/components/cards.css
+++ b/resources/css/components/cards.css
@@ -4,7 +4,7 @@
 
 .card {
     @apply rounded-md bg-white p-2 shadow;
-    @apply dark:bg-dark-600 dark:shadow-lg;
+    @apply dark:bg-gray-800 dark:shadow-lg;
 }
 
 @media (width >= theme(--breakpoint-md)) {
@@ -18,5 +18,5 @@
 }
 
 .card-lg header {
-    @apply rounded-t-lg border-b px-8 py-6 dark:border-dark-800 dark:bg-dark-650;
+    @apply rounded-t-lg border-b px-8 py-6 dark:border-gray-800 dark:bg-gray-700;
 }
diff --git a/resources/css/elements/tables.css b/resources/css/elements/tables.css
index 6f79c0efe3f..2529ab7bcc0 100644
--- a/resources/css/elements/tables.css
+++ b/resources/css/elements/tables.css
@@ -16,7 +16,7 @@
 }
 
 .data-list-bulk-actions {
-    @apply absolute z-1 w-full bg-white py-2 dark:bg-dark-750;
+    @apply absolute z-1 w-full bg-white py-2 dark:bg-gray-700;
     padding-left: 56px;
     [dir='rtl'] & {
         padding-right: 56px;
@@ -25,11 +25,11 @@
 }
 
 .mode-grid .data-list-bulk-actions {
-    @apply static z-10 w-full bg-white pb-1 pt-3 dark:bg-dark-800 ltr:pl-4 rtl:pr-4;
+    @apply static z-10 w-full bg-white pb-1 pt-3 dark:bg-gray-800 ltr:pl-4 rtl:pr-4;
 }
 
 .mode-grid .rotating-dots-button {
-    @apply bg-white dark:bg-dark-400;
+    @apply bg-white dark:bg-gray-400;
 }
 
 .data-list-footer {
@@ -37,12 +37,12 @@
 }
 
 .data-table {
-    @apply w-full max-w-full text-gray-700 outline-hidden dark:text-dark-150 ltr:text-left rtl:text-right;
+    @apply w-full max-w-full text-gray-700 outline-hidden dark:text-gray-100 ltr:text-left rtl:text-right;
     overflow-x: auto;
 
     thead {
         @apply bg-gray-100 text-xs text-gray-900;
-        @apply dark:bg-dark-700 dark:text-dark-100;
+        @apply dark:bg-gray-700 dark:text-dark-100;
 
         tr {
             @apply border-b dark:border-dark-900;
@@ -74,7 +74,7 @@
             @apply border-b border-gray-400 text-sm dark:border-dark-900;
 
             &.row-selected {
-                @apply bg-gray-200 dark:bg-dark-600;
+                @apply bg-gray-200 dark:bg-gray-600;
             }
 
             &:first-child {
@@ -104,7 +104,7 @@
             }
 
             &:hover {
-                @apply bg-gray-100 dark:bg-dark-575;
+                @apply bg-gray-50 dark:bg-white/10;
             }
 
             th {
@@ -177,10 +177,10 @@
                 .dark & {
                     background-image: linear-gradient(
                         to right,
-                        var(--color-dark-750) 70%,
-                        --theme(--color-dark-750 / 0%) 100%
+                        var(--color-gray-700) 70%,
+                        --theme(--color-gray-700 / 0%) 100%
                     );
-                    @apply border-b border-dark-550;
+                    @apply border-b border-gray-500;
                 }
             }
         }
@@ -209,8 +209,8 @@
                 .dark & {
                     background-image: linear-gradient(
                         to left,
-                        var(--color-dark-750) 70%,
-                        --theme(--color-dark-750 / 0%) 100%
+                        var(--color-dark-700) 70%,
+                        --theme(--color-dark-700 / 0%) 100%
                     );
                     @apply border-b border-dark-550;
                 }
@@ -323,7 +323,7 @@ td.table-drag-handle {
     }
 
     &:hover {
-        @apply bg-gray-300 dark:bg-dark-750;
+        @apply bg-gray-300 dark:bg-gray-700;
     }
 }
 
@@ -443,7 +443,7 @@ table.control {
 .relationship-index-field {
     min-width: 10vw;
     .relationship-index-field-item {
-        @apply flex items-center rounded-sm border bg-gray-100 px-1 text-2xs dark:border-dark-400 dark:bg-dark-500 ltr:mr-1 rtl:ml-1;
+        @apply flex items-center rounded-sm border bg-gray-100 px-1 text-2xs dark:border-dark-400 dark:bg-gray-500 ltr:mr-1 rtl:ml-1;
         a {
             @apply line-clamp-1;
         }
@@ -459,7 +459,7 @@ table.control {
 }
 
 .status-index-field {
-    @apply inline-block shrink justify-center rounded-full bg-gray-300 px-2 py-0.5 text-center text-xs text-gray-800 dark:bg-dark-200 dark:text-dark-150;
+    @apply inline-block shrink justify-center rounded-full bg-gray-300 px-2 py-0.5 text-center text-xs text-gray-800 dark:bg-gray-200 dark:text-dark-150;
 
     &.status-published:not(.status-private) {
         @apply bg-green-200 text-green-900 dark:bg-green-300 dark:text-green-950;
@@ -476,6 +476,6 @@ table.control {
 
     .role-index-field-item,
     .groups-index-field-item {
-        @apply mb-1 line-clamp-1 inline-block rounded-sm border bg-gray-100 px-1 text-2xs dark:border-dark-900 dark:bg-dark-700;
+        @apply mb-1 line-clamp-1 inline-block rounded-sm border bg-gray-100 px-1 text-2xs dark:border-dark-900 dark:bg-gray-700;
     }
 }
diff --git a/resources/js/components/collections/View.vue b/resources/js/components/collections/View.vue
index 214bd3bc7b8..542fa4a2eca 100644
--- a/resources/js/components/collections/View.vue
+++ b/resources/js/components/collections/View.vue
@@ -1,10 +1,6 @@
 <template>
     <div>
-        <header class="mb-6">
-            <breadcrumb :url="breadcrumbUrl" :title="__('Collections')" />
-
-            <div class="flex items-center">
-                <h1 class="flex-1" v-text="__(title)" />
+        <ui-header :title="__(title)">
 
                 <dropdown-list class="ltr:mr-2 rtl:ml-2" v-if="!!this.$slots.twirldown">
                     <slot name="twirldown" :actionCompleted="actionCompleted" />
@@ -93,8 +89,7 @@
                     :blueprints="blueprints"
                     :text="createLabel"
                 />
-            </div>
-        </header>
+        </ui-header>
 
         <entry-list
             v-if="view === 'list'"
diff --git a/resources/js/components/fieldsets/EditForm.vue b/resources/js/components/fieldsets/EditForm.vue
index 79ffc9137b5..e0c728741c2 100644
--- a/resources/js/components/fieldsets/EditForm.vue
+++ b/resources/js/components/fieldsets/EditForm.vue
@@ -1,12 +1,13 @@
 <template>
     <div>
-        <header class="mb-6">
-            <breadcrumb :url="breadcrumbUrl" :title="__('Fieldsets')" />
-            <div class="flex items-center justify-between">
-                <h1>{{ __(initialTitle) }}</h1>
-                <button type="submit" class="btn-primary" @click.prevent="save" v-text="__('Save')" />
-            </div>
-        </header>
+        <ui-header :title="__(initialTitle)">
+            <ui-button
+                type="submit"
+                variant="primary"
+                @click.prevent="save"
+                v-text="__('Save')"
+            />
+        </ui-header>
 
         <div class="publish-form card mb-8 p-0 @container">
             <div class="publish-fields">
diff --git a/resources/views/blueprints/index.blade.php b/resources/views/blueprints/index.blade.php
index f42537ef3e3..e06554f8ed1 100644
--- a/resources/views/blueprints/index.blade.php
+++ b/resources/views/blueprints/index.blade.php
@@ -5,29 +5,45 @@
 
 @section('content')
 
-    <div class="flex justify-between items-center mb-6">
-        <h1>@yield('title')</h1>
-        <div v-cloak>
-        <dropdown-list class="inline-block">
-            <template v-slot:trigger>
-                <button class="button btn-primary flex items-center rtl:pl-4 ltr:pr-4">
-                    {{ __('Create Blueprint') }}
-                    <svg-icon name="micro/chevron-down-xs" class="w-2 rtl:mr-2 ltr:ml-2" />
-                </button>
+    <ui-header title="{{ __('Blueprints') }}">
+        <ui-dropdown>
+            <template #trigger>
+                <ui-button
+                    text="{{ __('Create Blueprint') }}"
+                    icon-append="chevron-down"
+                    variant="primary"
+                ></ui-button>
             </template>
 
-            @foreach (Statamic\Facades\Collection::all() as $collection)
-                @if ($loop->first)<h6 class="p-2">{{ __('Collections') }}</h6>@endif
-                <dropdown-item redirect="{{ cp_route('collections.blueprints.create', $collection) }}" text="{{ __($collection->title()) }}"></dropdown-item>
-            @endforeach
+            <ui-dropdown-menu>
+                @foreach (Statamic\Facades\Collection::all() as $collection)
+                    @if ($loop->first)
+                        <ui-dropdown-label>
+                            {{ __('Collections') }}
+                        </ui-dropdown-label>
+                    @endif
+                    <ui-dropdown-item
+                        href="{{ cp_route('collections.blueprints.create', $collection) }}"
+                        icon="collections"
+                        text="{{ __($collection->title()) }}"
+                    ></ui-dropdown-item>
+                @endforeach
 
-            @foreach (Statamic\Facades\Taxonomy::all() as $taxonomy)
-                @if ($loop->first)<h6 class="p-2 mt-4">{{ __('Taxonomies') }}</h6>@endif
-                <dropdown-item redirect="{{ cp_route('taxonomies.blueprints.create', $taxonomy) }}" text="{{ __($taxonomy->title()) }}"></dropdown-item>
-            @endforeach
-        </dropdown-list>
-        </div>
-    </div>
+                @foreach (Statamic\Facades\Taxonomy::all() as $taxonomy)
+                    @if ($loop->first)
+                        <ui-dropdown-label>
+                            {{ __('Taxonomies') }}
+                        </ui-dropdown-label>
+                    @endif
+                    <ui-dropdown-item
+                        href="{{ cp_route('taxonomies.blueprints.create', $taxonomy) }}"
+                        icon="taxonomies"
+                        text="{{ __($taxonomy->title()) }}"
+                    ></ui-dropdown-item>
+                @endforeach
+            </ui-dropdown-menu>
+        </ui-dropdown>
+    </ui-header>
 
     @foreach (Statamic\Facades\Collection::all() as $collection)
         @if ($loop->first)
@@ -196,14 +212,14 @@
                 <th class="actions-column">
                     @if ($blueprint['is_resettable'])
                         <dropdown-list class="dropdown-list">
-                            <dropdown-item :text="__('Reset')" class="warning" @click="$refs[`resetter_{{ $blueprint['namespace'] }}_{{ $blueprint['handle'] }}`].confirm()">
+                            <ui-dropdown-item :text="__('Reset')" class="warning" @click="$refs[`resetter_{{ $blueprint['namespace'] }}_{{ $blueprint['handle'] }}`].confirm()">
                                 <blueprint-resetter
                                     ref="resetter_{{ $blueprint['namespace'] }}_{{ $blueprint['handle'] }}"
                                     :resource="{{ Js::from($blueprint) }}"
                                     reload
                                 >
                                 </blueprint-resetter>
-                            </dropdown-item>
+                            </ui-dropdown-item>
                         </dropdown-list>
                     @endif
                 </td>
diff --git a/resources/views/fieldsets/index.blade.php b/resources/views/fieldsets/index.blade.php
index 5d5bbf24db2..f31e03448aa 100644
--- a/resources/views/fieldsets/index.blade.php
+++ b/resources/views/fieldsets/index.blade.php
@@ -7,10 +7,13 @@
 
 @section('content')
     @unless ($fieldsets->isEmpty())
-        <div class="mb-6 flex">
-            <h1 class="flex-1">{{ __('Fieldsets') }}</h1>
-            <a href="{{ cp_route('fieldsets.create') }}" class="btn-primary">{{ __('Create Fieldset') }}</a>
-        </div>
+        <ui-header title="{{ __('Fieldsets') }}">
+            <ui-button
+                href="{{ cp_route('fieldsets.create') }}"
+                text="{{ __('Create Fieldset') }}"
+                variant="primary"
+            ></ui-button>
+        </ui-header>
 
         @foreach ($fieldsets as $key => $f)
             <div class="mb-4">

From ed83874d7a298a36b02c69f7263327354d4d4297 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 2 Apr 2025 10:39:51 -0400
Subject: [PATCH 043/186] Get around a few layout shifts

---
 resources/views/nav/updates.blade.php       | 2 +-
 resources/views/partials/nav-main.blade.php | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/views/nav/updates.blade.php b/resources/views/nav/updates.blade.php
index c5c014551ec..9ba04e95afa 100644
--- a/resources/views/nav/updates.blade.php
+++ b/resources/views/nav/updates.blade.php
@@ -1,6 +1,6 @@
 <li class="{{ $item->isActive() ? '[&_a]:text-black [&_svg]:text-black!' : '' }}">
     <a href="{{ $item->url() }}" class="flex items-center gap-3 text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200">
-        <ui-icon name="updates" />
+        @cp_svg('icons/updates', 'size-4 shrink-0')
         <span v-pre>{{ __($item->name()) }}</span>
         <updates-badge class="-ml-1.5"></updates-badge>
     </a>
diff --git a/resources/views/partials/nav-main.blade.php b/resources/views/partials/nav-main.blade.php
index 333eabb9d92..993b8e61554 100644
--- a/resources/views/partials/nav-main.blade.php
+++ b/resources/views/partials/nav-main.blade.php
@@ -8,9 +8,9 @@
         @foreach ($nav as $section)
             <div>
                 @if ($section['display'] !== 'Top Level')
-                    <ui-heading size="sm" class="mb-2 text-black dark:text-gray-200">
+                    <div class="text-sm text-black dark:text-gray-200 mb-2">
                         {{ __($section['display']) }}
-                    </ui-heading>
+                    </div>
                 @endif
                 <ul class="flex flex-col gap-2">
                     @foreach ($section['items'] as $item)

From f217fa2b71e2666ea7e87de17ff48c169dab80b9 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 2 Apr 2025 16:24:56 -0400
Subject: [PATCH 044/186] Style most of the entry publish sidebar

---
 .../js/components/entries/PublishForm.vue     | 140 +++++++-----------
 resources/svg/icons/checkmark.svg             |   1 +
 resources/svg/icons/history.svg               |   1 +
 resources/svg/icons/warning-diamond.svg       |   1 +
 4 files changed, 56 insertions(+), 87 deletions(-)
 create mode 100644 resources/svg/icons/checkmark.svg
 create mode 100644 resources/svg/icons/history.svg
 create mode 100644 resources/svg/icons/warning-diamond.svg

diff --git a/resources/js/components/entries/PublishForm.vue b/resources/js/components/entries/PublishForm.vue
index 47dc555b894..1846f92310f 100644
--- a/resources/js/components/entries/PublishForm.vue
+++ b/resources/js/components/entries/PublishForm.vue
@@ -1,19 +1,10 @@
 <template>
     <div>
-        <breadcrumb v-if="breadcrumbs" :url="breadcrumbs[1].url" :title="breadcrumbs[1].text" />
-
-        <div class="mb-6 flex items-baseline">
-            <h1 class="flex-1 self-start ltr:mr-4 rtl:ml-4">
-                <div class="flex items-baseline">
-                    <span
-                        v-if="!isCreating"
-                        class="little-dot -top-1 ltr:mr-2 rtl:ml-2"
-                        :class="activeLocalization.status"
-                        v-tooltip="__(activeLocalization.status)"
-                    />
-                    <span class="break-overflowing-words" v-html="formattedTitle" />
-                </div>
-            </h1>
+        <ui-header>
+            <template #title>
+                <span v-if="!isCreating" class="little-dot -top-1" :class="activeLocalization.status" v-tooltip="__(activeLocalization.status)" />
+                {{ formattedTitle }}
+            </template>
 
             <dropdown-list class="ltr:mr-4 rtl:ml-4" v-if="canEditBlueprint || hasItemActions">
                 <dropdown-item :text="__('Edit Blueprint')" v-if="canEditBlueprint" :redirect="actions.editBlueprint" />
@@ -59,7 +50,7 @@
             </div>
 
             <slot name="action-buttons-right" />
-        </div>
+        </ui-header>
 
         <publish-container
             v-if="fieldset"
@@ -112,88 +103,63 @@
                             @blur="container.$emit('blur', $event)"
                         >
                             <template #actions="{ shouldShowSidebar }">
-                                <div class="card mb-5 p-0">
-                                    <div v-if="collectionHasRoutes" :class="{ hi: !shouldShowSidebar }">
-                                        <div
-                                            class="flex items-center space-x-2 p-3 rtl:space-x-reverse"
-                                            v-if="showLivePreviewButton || showVisitUrlButton"
-                                        >
-                                            <button
-                                                class="btn flex w-full items-center justify-center"
-                                                v-if="showLivePreviewButton"
+                                <div class="space-y-6">
+
+                                    <!-- Live Preview / Visit URL Buttons -->
+                                    <div v-if="collectionHasRoutes" :class="{ hidden: !shouldShowSidebar }">
+                                        <div class="grid grid-cols-2 gap-4" v-if="showLivePreviewButton || showVisitUrlButton">
+                                            <ui-button
+                                                :text="__('Live Preview')"
+                                                icon="live-preview"
                                                 @click="openLivePreview"
-                                            >
-                                                <svg-icon
-                                                    name="light/synchronize"
-                                                    class="h-4 w-4 shrink-0 ltr:mr-2 rtl:ml-2"
-                                                />
-                                                <span>{{ __('Live Preview') }}</span>
-                                            </button>
-                                            <a
-                                                class="btn flex w-full items-center justify-center"
-                                                v-if="showVisitUrlButton"
+                                                v-if="showLivePreviewButton"
+                                            />
+                                            <ui-button
                                                 :href="permalink"
+                                                :text="__('Visit URL')"
+                                                icon="external-link"
                                                 target="_blank"
-                                            >
-                                                <svg-icon
-                                                    name="light/external-link"
-                                                    class="h-4 w-4 shrink-0 ltr:mr-2 rtl:ml-2"
-                                                />
-                                                <span>{{ __('Visit URL') }}</span>
-                                            </a>
+                                                v-if="showVisitUrlButton"
+                                            />
                                         </div>
                                     </div>
 
-                                    <div
-                                        v-if="!revisionsEnabled"
-                                        class="flex items-center justify-between px-4 py-2"
-                                        :class="{
-                                            'border-t dark:border-dark-900':
-                                                showLivePreviewButton || showVisitUrlButton,
-                                        }"
-                                    >
-                                        <label v-text="__('Published')" class="publish-field-label font-medium" />
-                                        <toggle-input
+                                    <!-- Published Switch -->
+                                    <ui-panel class="px-5 py-3 flex justify-between">
+                                        <ui-heading :text="__('Published')" />
+                                        <ui-switch
+                                            v-if="!revisionsEnabled"
                                             :model-value="published"
                                             :read-only="!canManagePublishState"
                                             @update:model-value="setFieldValue('published', $event)"
                                         />
-                                    </div>
-
-                                    <div
-                                        v-if="revisionsEnabled && !isCreating"
-                                        class="p-4"
-                                        :class="{
-                                            'border-t dark:border-dark-900':
-                                                showLivePreviewButton || showVisitUrlButton,
-                                        }"
-                                    >
-                                        <label class="publish-field-label mb-2 font-medium" v-text="__('Revisions')" />
-                                        <div class="mb-1 flex items-center" v-if="published">
-                                            <span class="w-6 text-center text-green-600">&check;</span>
-                                            <span class="text-2xs" v-text="__('Entry has a published version')"></span>
-                                        </div>
-                                        <div class="mb-1 flex items-center" v-else>
-                                            <span class="w-6 text-center text-orange">!</span>
-                                            <span class="text-2xs" v-text="__('Entry has not been published')"></span>
-                                        </div>
-                                        <div class="mb-1 flex items-center" v-if="!isWorkingCopy && published">
-                                            <span class="w-6 text-center text-green-600">&check;</span>
-                                            <span class="text-2xs" v-text="__('This is the published version')"></span>
-                                        </div>
-                                        <div class="mb-1 flex items-center" v-if="isDirty">
-                                            <span class="w-6 text-center text-orange">!</span>
-                                            <span class="text-2xs" v-text="__('Unsaved changes')"></span>
-                                        </div>
-                                        <button
-                                            class="btn-flat mt-4 flex w-full items-center justify-center px-2"
-                                            v-if="!isCreating && revisionsEnabled"
-                                            @click="showRevisionHistory = true"
-                                        >
-                                            <svg-icon name="light/history" class="h-4 w-4 ltr:mr-2 rtl:ml-2" />
-                                            <span>{{ __('View History') }}</span>
-                                        </button>
-                                    </div>
+                                    </ui-panel>
+
+                                    <!-- Revisions -->
+                                    <ui-panel v-if="revisionsEnabled && !isCreating">
+                                        <ui-panel-header class="flex items-center justify-between">
+                                            <ui-heading :text="__('Revisions')" />
+                                            <ui-button @click="showRevisionHistory = true" icon="history" :text="__('View History')" size="sm" />
+                                        </ui-panel-header>
+                                        <ui-card class="space-y-2">
+                                            <ui-subheading v-if="published" class="flex items-center gap-2">
+                                                <ui-icon name="checkmark" class="text-green-600" />
+                                                {{ __('Entry has a published version')}}
+                                            </ui-subheading>
+                                            <ui-subheading v-else class="flex items-center gap-2 text-yellow-600">
+                                                <ui-icon name="warning-diamond"/>
+                                                {{ __('Entry has not been published')}}
+                                            </ui-subheading>
+                                            <ui-subheading v-if="!isWorkingCopy && published" class="flex items-center gap-2">
+                                                <ui-icon name="checkmark" class="text-green-600" />
+                                                {{ __('This is the published version')}}
+                                            </ui-subheading>
+                                            <ui-subheading v-if="isDirty" class="flex items-center gap-2 text-yellow-600">
+                                                <ui-icon name="warning-diamond" />
+                                                {{ __('Unsaved changes')}}
+                                            </ui-subheading>
+                                        </ui-card>
+                                    </ui-panel>
 
                                     <div class="border-t p-4 dark:border-dark-900" v-if="localizations.length > 1">
                                         <label class="publish-field-label mb-2 font-medium" v-text="__('Sites')" />
diff --git a/resources/svg/icons/checkmark.svg b/resources/svg/icons/checkmark.svg
new file mode 100644
index 00000000000..8ee6f8e2e1b
--- /dev/null
+++ b/resources/svg/icons/checkmark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.00049 6.625 7.27322 10c1.54002 -4.42383 2.82258 -6.36505 5.72728 -9" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.3279 4.44195c0.0953 0.91548 0.1721 1.85325 0.1721 2.80805 0 0.9548 -0.0768 1.89257 -0.1721 2.808 -0.1499 1.4411 -1.312 2.6036 -2.75244 2.76 -0.92108 0.1 -1.86468 0.182 -2.82546 0.182 -0.96078 0 -1.90438 -0.082 -2.82546 -0.182 -1.4404 -0.1564 -2.60256 -1.3189 -2.75247 -2.76C1.07684 9.14257 1 8.2048 1 7.25c0 -0.9548 0.07684 -1.89257 0.17207 -2.80805 0.14991 -1.44109 1.31207 -2.60354 2.75247 -2.75997C4.84562 1.58196 5.78922 1.5 6.75 1.5c0.96078 0 1.90438 0.08196 2.82546 0.18198" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/history.svg b/resources/svg/icons/history.svg
new file mode 100644
index 00000000000..9903bfb45b3
--- /dev/null
+++ b/resources/svg/icons/history.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.96875 3.89941v3.05534l-1.8332 1.83321" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 0.5C2.84 0.5 0.5 2.84 0.5 7s2.34 6.5 6.5 6.5 6.5 -2.34 6.5 -6.5c0 -2.17845 -0.6417 -3.85781 -1.8504 -4.9634" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.4508 4.11914c-0.2048 -0.61447 -0.2048 -1.43376 0 -2.04821 0.6145 -0.20484 1.4338 -0.20484 2.0482 -0.00001" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 3.79199v3.19352L5.08389 8.90162" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 3.79199v3.19352L5.08389 8.90162" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/warning-diamond.svg b/resources/svg/icons/warning-diamond.svg
new file mode 100644
index 00000000000..89ac4f5b6eb
--- /dev/null
+++ b/resources/svg/icons/warning-diamond.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.28695 5.52995c1.26354 -1.56554 2.63033 -2.93703 4.1899 -4.20405 0.94829 -0.770398 2.08524 -0.765334 3.03443 0 1.56752 1.26391 2.93122 2.63153 4.19232 4.20405 0.7261 0.90534 0.731 2.03975 0 2.94423 -1.2767 1.57992 -2.6591 2.96212 -4.23922 4.23902 -0.88879 0.7182 -2.02204 0.7133 -2.91167 0 -1.59835 -1.2817 -2.9849 -2.6691 -4.26576 -4.26834 -0.713508 -0.89088 -0.718353 -2.02486 0 -2.91491Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 4.0918v3.43958" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 9.28784v0.62059" stroke-width="1"/></svg>
\ No newline at end of file

From 0b06b04c6acc8e6b9328c7106cfd2a673b450353 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 2 Apr 2025 16:32:14 -0400
Subject: [PATCH 045/186] tid

---
 resources/js/components/publish/Tabs.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/publish/Tabs.vue b/resources/js/components/publish/Tabs.vue
index a9e632e5df8..d08e5c6f765 100644
--- a/resources/js/components/publish/Tabs.vue
+++ b/resources/js/components/publish/Tabs.vue
@@ -82,7 +82,7 @@
 
                 <!-- Sidebar(ish) -->
                 <div :class="{ 'publish-sidebar': shouldShowSidebar }">
-                    <div class="publish-tab">
+                    <div class="publish-tab space-y-6">
                         <div class="publish-tab-actions" :class="{ 'as-sidebar': shouldShowSidebar }">
                             <v-portal :to="actionsPortal" :disabled="shouldShowSidebar">
                                 <slot name="actions" :should-show-sidebar="shouldShowSidebar" />

From 52c3f043f2189f4421aa80dfb351ff0a2ab423d8 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 2 Apr 2025 18:07:20 -0400
Subject: [PATCH 046/186] render statamic icon w/ blade to avoid layout shift

---
 resources/views/partials/new-global-header.blade.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/views/partials/new-global-header.blade.php b/resources/views/partials/new-global-header.blade.php
index ab3e6736346..687f441cbbf 100644
--- a/resources/views/partials/new-global-header.blade.php
+++ b/resources/views/partials/new-global-header.blade.php
@@ -3,9 +3,9 @@
 @endphp
 
 <header class="h-14 bg-gray-800 flex justify-between space-x-2 items-center text-white px-4 dark fixed top-0 inset-x-0 z-[100]">
-    <div class="flex items-center gap-3 text-[0.8125rem] text-gray-300">
+    <div class="flex items-center gap-2 text-[0.8125rem] text-gray-300">
         <a href="/" class="flex items-center gap-2">
-            <ui-icon name="statamic-mark-lime" class="size-7" />
+            @cp_svg('icons/statamic-mark-lime', 'size-7')
             <a href="{{ route('statamic.cp.index') }}" class="text-gray-300">
                 {{ config('app.name') }}
             </a>
@@ -14,7 +14,7 @@
             @endif
         </a>
         <span class="text-gray-500">/</span>
-        <ui-dropdown>
+        <ui-dropdown v-cloak>
             <template #trigger>
                 <ui-button text="Collections" size="sm" variant="ghost" icon-append="chevron-vertical" class="[&_svg]:size-2" />
             </template>
@@ -27,7 +27,7 @@
             </ui-dropdown-menu>
         </ui-dropdown>
         <span class="text-gray-500">/</span>
-            <ui-dropdown>
+            <ui-dropdown v-cloak>
             <template #trigger>
                 <ui-button text="Events" size="sm" variant="ghost" icon-append="chevron-vertical" class="[&_svg]:size-2" />
             </template>

From 23193e4f148532d3c73cc7d429102a2718184155 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 2 Apr 2025 18:07:43 -0400
Subject: [PATCH 047/186] Style a clear button for datepicker

---
 .../js/components/ui/Datepicker/Index.vue     | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/resources/js/components/ui/Datepicker/Index.vue b/resources/js/components/ui/Datepicker/Index.vue
index f49ad33b4fc..827c654a912 100644
--- a/resources/js/components/ui/Datepicker/Index.vue
+++ b/resources/js/components/ui/Datepicker/Index.vue
@@ -81,10 +81,16 @@ const calendarEvents = computed(() => ({
                             'flex w-full bg-white dark:bg-gray-900',
                             'border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-2xs dark:inset-shadow-black',
                             'leading-[1.375rem] text-gray-600 dark:text-gray-300',
-                            'shadow-ui-sm not-prose h-10 rounded-lg py-2 ps-3 pe-10 disabled:shadow-none',
+                            'shadow-ui-sm not-prose h-10 rounded-lg py-2 px-10 disabled:shadow-none',
                             'data-invalid:border-red-500',
                         ]"
                     >
+                        <DatePickerTrigger
+                            v-if="!inline"
+                            class="absolute start-1 top-1 bottom-1 flex items-center justify-center rounded-lg px-2 text-gray-400 outline-hidden hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
+                        >
+                            <ui-icon name="calendar" class="size-4" />
+                        </DatePickerTrigger>
                         <template v-for="item in segments" :key="item.part">
                             <DatePickerInput v-if="item.part === 'literal'" :part="item.part">
                                 {{ item.value }}
@@ -101,12 +107,14 @@ const calendarEvents = computed(() => ({
                             </DatePickerInput>
                         </template>
                     </div>
-                    <DatePickerTrigger
-                        v-if="!inline"
-                        class="absolute end-1 top-1 bottom-1 flex items-center justify-center rounded-lg px-2 text-gray-400 outline-hidden hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
+                    <button
+                        v-if="clearable"
+                        @click="emit('update:modelValue', null)"
+                        type="button"
+                        class="absolute end-1 top-1 bottom-1 flex items-center justify-center rounded-lg px-2 text-gray-300 outline-hidden hover:bg-gray-50 focus:bg-gray-50 active:text-gray-400 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
                     >
-                        <ui-icon name="calendar" class="h-4 w-4" />
-                    </DatePickerTrigger>
+                        <ui-icon name="x" class="size-3" />
+                    </button>
                 </DatePickerField>
 
                 <DatePickerContent
@@ -124,13 +132,5 @@ const calendarEvents = computed(() => ({
                 </Card>
             </DatePickerRoot>
         </div>
-        <Button
-            v-if="clearable"
-            @click="emit('update:modelValue', null)"
-            type="button"
-            class=""
-            text="Clear"
-            size="xs"
-        />
     </WithField>
 </template>

From 337ae9fee36db1d360d3d528d11be132bc30cda3 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 2 Apr 2025 18:08:55 -0400
Subject: [PATCH 048/186] increase date picker hover/active state bg color for
 contrast

---
 resources/js/components/ui/Datepicker/Index.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/ui/Datepicker/Index.vue b/resources/js/components/ui/Datepicker/Index.vue
index 827c654a912..ac1459a9e3d 100644
--- a/resources/js/components/ui/Datepicker/Index.vue
+++ b/resources/js/components/ui/Datepicker/Index.vue
@@ -87,7 +87,7 @@ const calendarEvents = computed(() => ({
                     >
                         <DatePickerTrigger
                             v-if="!inline"
-                            class="absolute start-1 top-1 bottom-1 flex items-center justify-center rounded-lg px-2 text-gray-400 outline-hidden hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
+                            class="absolute start-1 top-1 bottom-1 flex items-center justify-center rounded-lg px-2 text-gray-400 outline-hidden hover:bg-gray-100 focus:bg-gray-100 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
                         >
                             <ui-icon name="calendar" class="size-4" />
                         </DatePickerTrigger>
@@ -98,7 +98,7 @@ const calendarEvents = computed(() => ({
                             <DatePickerInput
                                 v-else
                                 :part="item.part"
-                                class="rounded-sm px-0.25 py-0.5 focus:bg-gray-50 focus:outline-hidden data-placeholder:text-gray-600 dark:focus:bg-gray-800 dark:data-placeholder:text-gray-400"
+                                class="rounded-sm px-0.25 py-0.5 focus:bg-gray-100 focus:outline-hidden data-placeholder:text-gray-600 dark:focus:bg-gray-800 dark:data-placeholder:text-gray-400"
                                 :class="{
                                     'px-0.5!': item.part === 'month' || item.part === 'year' || item.part === 'day',
                                 }"
@@ -111,7 +111,7 @@ const calendarEvents = computed(() => ({
                         v-if="clearable"
                         @click="emit('update:modelValue', null)"
                         type="button"
-                        class="absolute end-1 top-1 bottom-1 flex items-center justify-center rounded-lg px-2 text-gray-300 outline-hidden hover:bg-gray-50 focus:bg-gray-50 active:text-gray-400 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
+                        class="absolute end-1 top-1 bottom-1 flex items-center justify-center rounded-lg px-2 text-gray-300 outline-hidden hover:bg-gray-100 focus:bg-gray-100 active:text-gray-400 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
                     >
                         <ui-icon name="x" class="size-3" />
                     </button>

From 39684f1ba2d56b78ebe1de80b0fd45b35c7957cb Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 2 Apr 2025 18:14:11 -0400
Subject: [PATCH 049/186] Center calendar cells

---
 resources/js/components/ui/Calendar/Index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Calendar/Index.vue b/resources/js/components/ui/Calendar/Index.vue
index 3fcc5ce1698..41c95a65ffc 100644
--- a/resources/js/components/ui/Calendar/Index.vue
+++ b/resources/js/components/ui/Calendar/Index.vue
@@ -111,7 +111,7 @@ const maxValue = computed(() =>
                             v-for="weekDate in weekDates"
                             :key="weekDate.toString()"
                             :date="weekDate"
-                            class="relative text-center text-sm"
+                            class="relative flex justify-center text-sm"
                         >
                             <Component
                                 :is="components.CalendarCellTrigger"

From 1d0d68206ac3b7d3909312e395df9821f5ae3026 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Thu, 3 Apr 2025 00:32:13 -0400
Subject: [PATCH 050/186] Checkbox items can now be disabled

---
 resources/js/components/ui/Checkbox/Item.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Checkbox/Item.vue b/resources/js/components/ui/Checkbox/Item.vue
index 64cbe9cd47b..74aa9137b37 100644
--- a/resources/js/components/ui/Checkbox/Item.vue
+++ b/resources/js/components/ui/Checkbox/Item.vue
@@ -14,9 +14,10 @@ const id = useId();
 <template>
     <div class="flex items-start gap-2">
         <CheckboxRoot
+            :disabled
             :id
             :value="value"
-            class="shadow-ui-xs mt-0.5 size-4 cursor-default rounded-sm border border-gray-300 bg-white outline-hidden data-[state=checked]:border-gray-900 data-[state=checked]:bg-gray-900 dark:border-none dark:data-[state=checked]:bg-white"
+            class="shadow-ui-xs mt-0.5 size-4 cursor-default rounded-sm border border-gray-300 bg-white outline-hidden data-[state=checked]:border-gray-900 data-[state=checked]:bg-gray-900 dark:border-none dark:data-[state=checked]:bg-white data-[disabled]:bg-gray-100 data-[disabled]:border-gray-200 data-[disabled]:text-gray-400 data-[disabled]:cursor-not-allowed"
         >
             <CheckboxIndicator
                 class="relative flex h-full w-full items-center justify-center text-white dark:text-gray-800"

From c9d48f7aa8b53b5d94f6fea997bb24d6af266222 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Thu, 3 Apr 2025 00:41:39 -0400
Subject: [PATCH 051/186] Support HTML in <ui-descriptions>

---
 resources/js/components/ui/Description.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Description.vue b/resources/js/components/ui/Description.vue
index 4d65238c2a3..8c520ccd663 100644
--- a/resources/js/components/ui/Description.vue
+++ b/resources/js/components/ui/Description.vue
@@ -8,11 +8,12 @@ const props = defineProps({
     required: { type: Boolean, default: false },
     text: { type: String, default: null },
 });
+
 </script>
 
 <template>
     <div class="text-sm font-normal text-gray-500 antialiased dark:text-gray-400" data-ui-description>
         <slot v-if="hasDefaultSlot" />
-        <template v-else>{{ text }}</template>
+        <span v-else v-html="text" />
     </div>
 </template>

From c29c57c7530d1265b67dad1a62ea6cbb18670494 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Thu, 3 Apr 2025 01:00:18 -0400
Subject: [PATCH 052/186] Add support for character limits on text inputs

---
 resources/js/components/ui/Input/Index.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/resources/js/components/ui/Input/Index.vue b/resources/js/components/ui/Input/Index.vue
index 99d832b444b..72653f41ac3 100644
--- a/resources/js/components/ui/Input/Index.vue
+++ b/resources/js/components/ui/Input/Index.vue
@@ -15,6 +15,7 @@ const props = defineProps({
     iconPrepend: { type: String, default: null },
     id: { type: String, default: () => useId() },
     label: { type: String, default: null },
+    limit: { type: Number, default: null },
     required: { type: Boolean, default: false },
     modelValue: { type: [String, Number], default: null },
     size: { type: String, default: 'base' },
@@ -41,6 +42,9 @@ const inputClasses = computed(() => {
                 sm: 'text-sm rounded-md px-2.5 py-1.5 h-8 leading-[1.125rem]',
                 xs: 'text-xs rounded-xs px-2 py-1.5 h-6 leading-[1.125rem]',
             },
+            hasLimit: {
+                true: 'pe-9',
+            },
         },
         compoundVariants: [
             { hasPrependedIcon: true, size: 'base', class: 'ps-10' },
@@ -54,6 +58,7 @@ const inputClasses = computed(() => {
         ...props,
         hasPrependedIcon: hasPrependedIcon,
         hasAppendedIcon: hasAppendedIcon,
+        hasLimit: !!props.limit,
     });
 
     return twMerge(classes);
@@ -141,6 +146,9 @@ const copy = () => {
                     <ui-icon v-else :name="iconAppend" />
                 </slot>
             </div>
+            <div v-if="limit" class="absolute right-2 inset-y-0 flex items-center">
+                <ui-character-counter :text="modelValue" :limit />
+            </div>
         </div>
     </ui-with-field>
 </template>

From 1c909641a528048e0f1848f637739ba2df46444c Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Thu, 3 Apr 2025 14:54:16 -0400
Subject: [PATCH 053/186] remove superflous bits and bobs

---
 .../css/components/fieldtypes/textarea.css    | 20 -------------------
 resources/css/cp.css                          |  2 --
 2 files changed, 22 deletions(-)
 delete mode 100644 resources/css/components/fieldtypes/textarea.css

diff --git a/resources/css/components/fieldtypes/textarea.css b/resources/css/components/fieldtypes/textarea.css
deleted file mode 100644
index d9c9a8e9603..00000000000
--- a/resources/css/components/fieldtypes/textarea.css
+++ /dev/null
@@ -1,20 +0,0 @@
-/* ==========================================================================
-   TEXTAREA FIELDTYPE
-   ========================================================================== */
-
-.textarea-fieldtype textarea {
-    @apply border-gray-500 text-sm leading-normal dark:border-dark-900 ;
-    min-height: 80px;
-
-    &:not(.focus-within-only):focus,
-    &:not(.focus-within-only):focus-within {
-        @apply shadow-none outline-hidden ring-2 ring-blue-300 dark:ring-blue-600;
-    }
-}
-
-/* Inside a Grid
-  ========================================================================== */
-
-.grid-fieldtype .textarea-fieldtype textarea {
-    @apply bg-white dark:bg-dark-600;
-}
diff --git a/resources/css/cp.css b/resources/css/cp.css
index 5c0759a3e89..97dba5835af 100644
--- a/resources/css/cp.css
+++ b/resources/css/cp.css
@@ -57,7 +57,6 @@
 @import './components/fieldtypes/button-group.css';
 @import './components/fieldtypes/checkboxes.css';
 @import './components/fieldtypes/code.css';
-@import './components/fieldtypes/datetime.css';
 @import './components/fieldtypes/dictionary-fields.css';
 @import './components/fieldtypes/environment.css';
 @import './components/fieldtypes/grid.css';
@@ -71,7 +70,6 @@
 @import './components/fieldtypes/spacer.css';
 @import './components/fieldtypes/table.css';
 @import './components/fieldtypes/tags.css';
-@import './components/fieldtypes/textarea.css';
 @import './components/fieldtypes/width.css';
 @import './components/fieldtypes/video.css';
 @import './components/fieldtypes/yaml.css';

From b390b18cfb32b3b1f8aa73d2855c27bbe1c6be25 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Thu, 3 Apr 2025 23:06:49 -0400
Subject: [PATCH 054/186] wip semi-static command palette

---
 .../js/components/ui/CommandPalette/Index.vue | 80 +++++++++++++++++++
 .../js/components/ui/CommandPalette/Item.vue  | 38 +++++++++
 resources/js/components/ui/Modal/Index.vue    |  2 +-
 resources/svg/icons/delete.svg                |  1 +
 resources/svg/icons/down-square.svg           |  1 +
 resources/svg/icons/duplicate.svg             |  1 +
 resources/svg/icons/entry.svg                 |  1 +
 resources/svg/icons/return-square.svg         |  1 +
 resources/svg/icons/save.svg                  |  1 +
 resources/svg/icons/up-square.svg             |  1 +
 .../partials/new-global-header.blade.php      |  7 +-
 11 files changed, 127 insertions(+), 7 deletions(-)
 create mode 100644 resources/js/components/ui/CommandPalette/Index.vue
 create mode 100644 resources/js/components/ui/CommandPalette/Item.vue
 create mode 100644 resources/svg/icons/delete.svg
 create mode 100644 resources/svg/icons/down-square.svg
 create mode 100644 resources/svg/icons/duplicate.svg
 create mode 100644 resources/svg/icons/entry.svg
 create mode 100644 resources/svg/icons/return-square.svg
 create mode 100644 resources/svg/icons/save.svg
 create mode 100644 resources/svg/icons/up-square.svg

diff --git a/resources/js/components/ui/CommandPalette/Index.vue b/resources/js/components/ui/CommandPalette/Index.vue
new file mode 100644
index 00000000000..f12440dde1f
--- /dev/null
+++ b/resources/js/components/ui/CommandPalette/Index.vue
@@ -0,0 +1,80 @@
+<script setup>
+import { cva } from 'cva';
+import { DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DialogDescription, VisuallyHidden } from 'reka-ui';
+
+const props = defineProps({
+
+});
+
+const modalClasses = cva({
+    base: [
+        'fixed outline-hidden left-1/2 top-[100px] z-50 w-full max-w-2xl -translate-x-1/2 ',
+        'backdrop-blur-[2px] rounded-2xl',
+        'shadow-[0_8px_5px_-6px_rgba(0,0,0,0.12),_0_3px_8px_0_rgba(0,0,0,0.02),_0_30px_22px_-22px_rgba(39,39,42,0.35)]',
+        'dark:shadow-[0_5px_20px_rgba(0,0,0,.5)]',
+        'duration-200 will-change-[transform,opacity]',
+        'data-[state=open]:animate-in data-[state=closed]:animate-out',
+        'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+        'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
+        'slide-in-from-top-2',
+    ],
+})({});
+</script>
+
+<template>
+    <DialogRoot>
+        <DialogTrigger data-ui-command-palette-trigger>
+            <button type="button" aria-expanded="false" class="cursor-text data-[focus-visible]:outline-focus flex items-center gap-x-2 text-xs text-gray-400 outline-none md:w-32 rounded-md md:py-[calc(5/16*1rem)] md:ps-2 md:pe-1.5 md:shadow-[0_1px_5px_-4px_rgba(19,19,22,0.4),0_2px_5px_rgba(32,42,54,0.06)] ring-1 ring-gray-900/10 hover bg-gray-900 shadow-[0_-1px_rgba(255,255,255,0.06),0_4px_8px_rgba(0,0,0,0.05),0_1px_6px_-4px_#000] hover:ring-white/10" >
+                <ui-icon name="magnifying-glass" class="size-5 flex-none text-gray-600" />
+                <span class="sr-only md:not-sr-only leading-none">Search</span>
+                <kbd class="ml-auto hidden self-center rounded px-[0.3125rem] py-[0.0625rem] text-[0.625rem]/4 font-medium ring-1 ring-inset bg-white/5 text-gray-400 ring-white/7.5 md:block [word-spacing:-0.15em]">
+                    <kbd class="font-sans">⌘ </kbd><kbd class="font-sans">K</kbd>
+                </kbd>
+            </button>
+        </DialogTrigger>
+        <DialogPortal>
+            <DialogOverlay
+                class="data-[state=open]:show fixed inset-0 z-30 bg-gray-800/20 backdrop-blur-[2px] dark:bg-gray-800/50"
+            />
+            <DialogContent :class="[modalClasses, $attrs.class]" data-ui-modal-content :aria-describedby="undefined">
+                <VisuallyHidden asChild>
+                    <DialogTitle>{{ __('Command Palette') }}</DialogTitle>
+                </VisuallyHidden>
+                <VisuallyHidden asChild>
+                    <DialogDescription>{{ __('Search for content, navigate, and run actions.') }}</DialogDescription>
+                </VisuallyHidden>
+                <div class="relative rounded-xl bg-white divide-y divide-gray-200/80 dark:divide-gray-950 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/15">
+                    <header class="group/cmd-input flex items-center gap-2 h-14 px-5.5">
+                        <ui-icon name="magnifying-glass" class="size-5 text-gray-400" />
+                        <input type="text" placeholder="Search or jump to..." class="flex w-full bg-transparent py-4 text-lg outline-none placeholder:text-gray-500! antialiased" value="">
+                    </header>
+                    <section class="px-3 py-2 space-y-1">
+                        <ui-subheading size="sm" class="py-1 px-3">{{ __('Actions') }}</ui-subheading>
+                        <ui-command-palette-item icon="save" text="Save Entry" badge="⌘ S" />
+                        <ui-command-palette-item icon="duplicate" text="Duplicate Entry" badge="⌘ D" />
+                        <ui-command-palette-item icon="delete" text="Delete Entry" badge="⌘ DEL" />
+                    </section>
+                    <section class="px-3 py-2 space-y-1">
+                        <ui-subheading size="sm" class="py-1 px-3">{{ __('Content results') }}</ui-subheading>
+                        <ui-command-palette-item icon="entry" text="How I Found My Pants" badge="Articles" />
+                        <ui-command-palette-item icon="entry" text="About My Spaghetti" badge="Pages" />
+                        <ui-command-palette-item icon="entry" text="My Secret Sauce Recipe" badge="Recipes" />
+                        <ui-command-palette-item icon="entry" text="Me Myself and I" badge="Articles" />
+                    </section>
+                    <footer class="px-5 py-3 flex items-center gap-4">
+                        <div class="flex items-center gap-1.5">
+                            <ui-icon name="up-square" class="size-4 text-gray-500" />
+                            <ui-icon name="down-square" class="size-4 text-gray-500" />
+                            <span class="text-sm text-gray-600">Navigate</span>
+                        </div>
+                        <div class="flex items-center gap-1.5">
+                            <ui-icon name="return-square" class="size-4 text-gray-500" />
+                            <span class="text-sm text-gray-600">Select</span>
+                        </div>
+                    </footer>
+                </div>
+
+            </DialogContent>
+        </DialogPortal>
+    </DialogRoot>
+</template>
diff --git a/resources/js/components/ui/CommandPalette/Item.vue b/resources/js/components/ui/CommandPalette/Item.vue
new file mode 100644
index 00000000000..379da4e1a2b
--- /dev/null
+++ b/resources/js/components/ui/CommandPalette/Item.vue
@@ -0,0 +1,38 @@
+<script setup>
+import { useSlots } from 'vue';
+
+defineProps({
+    href: { type: String, default: null },
+    icon: { type: String, default: null },
+    text: { type: String, default: null },
+    badge: { type: String, default: null },
+});
+
+const slots = useSlots();
+const hasDefaultSlot = !!slots.default;
+</script>
+
+<template>
+    <div
+        :class="[
+            'flex items-center gap-2',
+            'rounded-lg px-2 py-1.5 text-sm antialiased',
+            'text-gray-700 dark:text-gray-300',
+            'not-data-disabled:cursor-pointer data-disabled:opacity-50',
+            'hover:not-data-disabled:bg-gray-50 dark:hover:not-data-disabled:bg-gray-900',
+            'outline-hidden focus-visible:bg-gray-100 dark:focus-visible:bg-gray-900',
+        ]"
+        data-ui-command-palette-item
+        :as="href ? 'a' : 'div'"
+        :href="href"
+    >
+        <div v-if="icon" class="flex size-6 items-center justify-center p-1 text-gray-500">
+            <ui-icon :name="icon" class="size-4" />
+        </div>
+        <div class="flex-1">
+            <slot v-if="hasDefaultSlot" />
+            <template v-else>{{ text }}</template>
+        </div>
+        <ui-badge v-if="badge" :text="badge" variant="flat" />
+    </div>
+</template>
diff --git a/resources/js/components/ui/Modal/Index.vue b/resources/js/components/ui/Modal/Index.vue
index 38d259d4cc2..ace6e558159 100644
--- a/resources/js/components/ui/Modal/Index.vue
+++ b/resources/js/components/ui/Modal/Index.vue
@@ -11,7 +11,7 @@ const hasModalTitleComponent = hasComponent('ModalTitle');
 
 const modalClasses = cva({
     base: [
-        'fixed outline-hidden left-1/2 top-1/2 z-50 w-full max-w-2xl -translate-x-1/2 -translate-y-1/2',
+        'fixed outline-hidden left-1/2 top-1/5 z-50 w-full max-w-2xl -translate-x-1/2 -translate-y-1/2',
         'bg-white/80 dark:bg-gray-850 backdrop-blur-[2px] rounded-2xl p-2',
         'shadow-[0_8px_5px_-6px_rgba(0,0,0,0.12),_0_3px_8px_0_rgba(0,0,0,0.02),_0_30px_22px_-22px_rgba(39,39,42,0.35)]',
         'dark:shadow-[0_5px_20px_rgba(0,0,0,.5)]',
diff --git a/resources/svg/icons/delete.svg b/resources/svg/icons/delete.svg
new file mode 100644
index 00000000000..12520b66f8a
--- /dev/null
+++ b/resources/svg/icons/delete.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.5 4.0117c3.70225 -0.48695 7.29775 -0.48695 11 0" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.48113 3.8938c-0.03491 1.86889 -0.08342 5.02765 0.49568 7.6101 0.22419 0.9997 1.07518 1.7148 2.08968 1.8579 0.65577 0.0925 1.25364 0.1387 1.93361 0.1387 0.68 0 1.27796 -0.0462 1.93382 -0.1387 1.0145 -0.1431 1.86548 -0.8582 2.08968 -1.8579 0.5791 -2.58243 0.5306 -5.74116 0.4957 -7.61006 -3.03257 -0.32979 -6.00563 -0.32981 -9.03817 -0.00004Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.41786 3.70312c-0.00772 -0.10103 -0.01161 -0.50235 -0.01161 -0.60949C4.40625 1.43371 5.33996 0.5 6.99988 0.5s2.59363 0.93371 2.59363 2.59363c0 0.10714 -0.00389 0.50846 -0.01162 0.60949" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.9491 6.62513 5.05079 10.5234M5.05078 6.625l3.8983 3.8983" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/down-square.svg b/resources/svg/icons/down-square.svg
new file mode 100644
index 00000000000..afba57e289e
--- /dev/null
+++ b/resources/svg/icons/down-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.959867 10.2685C1.114 11.7092 2.2727 12.8679 3.71266 13.0284 4.78221 13.1476 5.88037 13.25 7 13.25s2.21779 -0.1024 3.2873 -0.2216c1.44 -0.1605 2.5987 -1.3192 2.7528 -2.7599 0.1138 -1.06348 0.2099 -2.15535 0.2099 -3.2685 0 -1.11316 -0.0961 -2.20502 -0.2099 -3.26853 -0.1541 -1.44065 -1.3128 -2.59936 -2.7528 -2.759861C9.21779 0.852392 8.11963 0.75 7 0.75S4.78221 0.852392 3.71266 0.971609C2.2727 1.13211 1.114 2.29082 0.959867 3.73147 0.846083 4.79498 0.75 5.88684 0.75 7c0 1.11315 0.096084 2.20502 0.209867 3.2685Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m7 4 0 6" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9 8c0 0.75 -1 1.75 -2 2 -1 -0.25 -2 -1.25 -2 -2" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/duplicate.svg b/resources/svg/icons/duplicate.svg
new file mode 100644
index 00000000000..1043d50ff49
--- /dev/null
+++ b/resources/svg/icons/duplicate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.670625 11.0771c0.064523 0.5716 0.320784 1.1044 0.726995 1.5117 0.40621 0.4072 0.93841 0.6649 1.50982 0.7308 0.86937 0.0975 1.76068 0.1804 2.67068 0.1804 0.91001 0 1.80213 -0.0829 2.67069 -0.1804 0.57141 -0.0659 1.10361 -0.3236 1.50982 -0.7308 0.40617 -0.4073 0.66247 -0.9401 0.72697 -1.5117 0.0926 -0.8637 0.1706 -1.75091 0.1706 -2.65522 0 -0.90432 -0.078 -1.79157 -0.1706 -2.65607 -0.0645 -0.57157 -0.3208 -1.10442 -0.72697 -1.51167 -0.40621 -0.40724 -0.93841 -0.66485 -1.50982 -0.73083 -0.86937 -0.09587 -1.76068 -0.17956 -2.67069 -0.17956 -0.91 0 -1.80212 0.08288 -2.67068 0.18038 -0.57141 0.06597 -1.10361 0.32358 -1.50982 0.73083 -0.406211 0.40724 -0.662472 0.94009 -0.726995 1.51167C0.578 6.6295 0.5 7.51675 0.5 8.42188c0 0.90512 0.078 1.79152 0.170625 2.65522Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.40967 1.25702c0.37997 -0.318082 0.84602 -0.51943 1.34157 -0.576645C6.6198 0.582875 7.51193 0.5 8.42193 0.5c0.91 0 1.80127 0.083688 2.67067 0.179563 0.5714 0.065974 1.1036 0.323587 1.5098 0.730827 0.4062 0.40725 0.6625 0.9401 0.727 1.51167 0.0927 0.8645 0.1707 1.75175 0.1707 2.65606 0 0.90432 -0.078 1.79157 -0.1707 2.65525 -0.0578 0.51215 -0.2695 0.99321 -0.6052 1.38067" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.67188 6.94482h3.81249" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.67188 9.71045h2.30064" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/entry.svg b/resources/svg/icons/entry.svg
new file mode 100644
index 00000000000..c2f7e108509
--- /dev/null
+++ b/resources/svg/icons/entry.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.6867 11.4252c0.0918 -1.427 0.14 -2.90741 0.14 -4.42525 0 -0.40984 -0.0035 -0.81695 -0.0104 -1.22102 -0.0134 -0.77977 -0.2621 -1.54129 -0.7384 -2.1588 -0.7917 -1.02627 -1.5 -1.73829 -2.58864 -2.57546C9.17153 0.800325 8.78242 0.667419 8.3817 0.658393 7.94491 0.648554 7.48852 0.643555 7.00004 0.643555c-1.47696 0 -2.66054 0.045707 -3.896 0.132681 -0.96353 0.067831 -1.72874 0.834564 -1.7907 1.798494 -0.09173 1.42698 -0.14 2.90739 -0.14 4.42522 0 1.51784 0.04827 2.99825 0.14 4.42525 0.06196 0.9639 0.82717 1.7306 1.7907 1.7985 1.23546 0.0869 2.41904 0.1327 3.896 0.1327s2.66054 -0.0458 3.89596 -0.1327c0.9636 -0.0679 1.7288 -0.8346 1.7907 -1.7985Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.09375 7.01562h3.8125" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.09375 9.92185H8.8944M5.09375 4H7.3944" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/return-square.svg b/resources/svg/icons/return-square.svg
new file mode 100644
index 00000000000..6580279d003
--- /dev/null
+++ b/resources/svg/icons/return-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.959867 10.2685C1.114 11.7092 2.2727 12.8679 3.71266 13.0284 4.78221 13.1476 5.88037 13.25 7 13.25s2.21779 -0.1024 3.2873 -0.2216c1.44 -0.1605 2.5987 -1.3192 2.7528 -2.7599 0.1138 -1.06348 0.2099 -2.15535 0.2099 -3.2685 0 -1.11316 -0.0961 -2.20502 -0.2099 -3.26853 -0.1541 -1.44065 -1.3128 -2.59936 -2.7528 -2.759861C9.21779 0.852392 8.11963 0.75 7 0.75S4.78221 0.852392 3.71266 0.971609C2.2727 1.13211 1.114 2.29082 0.959867 3.73147 0.846083 4.79498 0.75 5.88684 0.75 7c0 1.11315 0.096084 2.20502 0.209867 3.2685Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4.125 8 3.34807 0c1.09413 0 1.98518 -0.87921 1.99982 -1.97325L9.5 4" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.92187 9.995c-0.7746 -0.38731 -1.54921 -1.16192 -1.93652 -1.9365 0.38731 -0.77464 1.16192 -1.54925 1.93652 -1.93655" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/save.svg b/resources/svg/icons/save.svg
new file mode 100644
index 00000000000..d1c513e228e
--- /dev/null
+++ b/resources/svg/icons/save.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.85476 12.1285c-0.49995 -0.5012 -0.81535 -1.157 -0.89476 -1.8605C0.846 9.205 0.75 8.114 0.75 7c0 -0.73026 0.041253 -1.45107 0.101787 -2.16017 0.040381 -0.47302 0.256993 -0.91265 0.599543 -1.24133l2.3023 -2.20905c0.32116 -0.30816 0.73576 -0.50243 1.1792 -0.54089C5.6122 0.789636 6.30183 0.75 7 0.75c1.12 0 2.217 0.103 3.287 0.221 0.7033 0.0812 1.3583 0.39826 1.8582 0.89949 0.5 0.50122 0.8154 1.15704 0.8948 1.86051 0.114 1.064 0.21 2.156 0.21 3.269s-0.096 2.205 -0.21 3.268c-0.0794 0.7035 -0.3948 1.3593 -0.8948 1.8605 -0.4999 0.5012 -1.1549 0.8183 -1.8582 0.8995 -1.069 0.12 -2.167 0.222 -3.287 0.222s-2.217 -0.102 -3.287 -0.222c-0.70327 -0.0812 -1.35828 -0.3983 -1.85824 -0.8995Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.0954 0.950077C9.08613 0.841087 8.05324 0.75 7 0.75c-0.60399 0 -1.20157 0.029663 -1.79167 0.075816 -0.1181 1.054594 -0.14103 2.091844 0.01332 3.162014 0.05892 0.40849 0.37539 0.72709 0.78391 0.78587 1.10128 0.15847 2.16671 0.16021 3.26821 0.00335 0.41751 -0.05945 0.73823 -0.38999 0.79533 -0.80783 0.1409 -1.03011 0.1265 -2.01252 0.0263 -3.019143Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.91915 13.0683C8.9666 13.17 7.99193 13.25 7 13.25c-0.98923 0 -1.96053 -0.0796 -2.91112 -0.1808 -0.15205 -1.3696 -0.17801 -2.687 0.01756 -4.08405 0.05847 -0.41765 0.37845 -0.74749 0.79557 -0.80959 1.42185 -0.21167 2.79285 -0.20984 4.21445 0.00364 0.40815 0.06129 0.72424 0.3797 0.78533 0.78788 0.20811 1.39062 0.17871 2.72992 0.01736 4.10122Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/up-square.svg b/resources/svg/icons/up-square.svg
new file mode 100644
index 00000000000..1b4972de040
--- /dev/null
+++ b/resources/svg/icons/up-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.959867 10.2685C1.114 11.7092 2.2727 12.8679 3.71266 13.0284 4.78221 13.1476 5.88037 13.25 7 13.25s2.21779 -0.1024 3.2873 -0.2216c1.44 -0.1605 2.5987 -1.3192 2.7528 -2.7599 0.1138 -1.06348 0.2099 -2.15535 0.2099 -3.2685 0 -1.11316 -0.0961 -2.20502 -0.2099 -3.26853 -0.1541 -1.44065 -1.3128 -2.59936 -2.7528 -2.759861C9.21779 0.852392 8.11963 0.75 7 0.75S4.78221 0.852392 3.71266 0.971609C2.2727 1.13211 1.114 2.29082 0.959867 3.73147 0.846083 4.79498 0.75 5.88684 0.75 7c0 1.11315 0.096084 2.20502 0.209867 3.2685Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m7 10 0 -6" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5 6c0 -0.75 1 -1.75 2 -2 1 0.25 2 1.25 2 2" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/views/partials/new-global-header.blade.php b/resources/views/partials/new-global-header.blade.php
index 687f441cbbf..0c71376877f 100644
--- a/resources/views/partials/new-global-header.blade.php
+++ b/resources/views/partials/new-global-header.blade.php
@@ -41,12 +41,7 @@
         </ui-dropdown>
     </div>
     <div class="flex-1 flex gap-4 items-center justify-end">
-        <button type="button" aria-expanded="false" class="data-[focus-visible]:outline-focus flex items-center gap-x-2 text-xs text-gray-400 outline-none md:w-32 md:rounded-md md:py-[calc(5/16*1rem)] md:ps-2 md:pe-1.5 md:shadow-[0_1px_5px_-4px_rgba(19,19,22,0.4),0_2px_5px_rgba(32,42,54,0.06)] md:ring-1 md:ring-gray-900/10 bg-gray-900 shadow-[0_-1px_rgba(255,255,255,0.06),0_4px_8px_rgba(0,0,0,0.05),0_1px_6px_-4px_#000] ring-white/10" >
-            <ui-icon name="magnifying-glass" class="size-5 flex-none text-gray-600" />
-            <span class="sr-only md:not-sr-only leading-none">Search</span>
-            <kbd class="ml-auto hidden self-center rounded px-[0.3125rem] py-[0.0625rem] text-[0.625rem]/4 font-medium ring-1 ring-inset bg-white/5 text-gray-400 ring-white/7.5 md:block [word-spacing:-0.15em]">
-            <kbd class="font-sans">⌘ </kbd><kbd class="font-sans">K</kbd></kbd>
-        </button>
+        <ui-command-palette />
         <x-statamic::user-dropdown />
     </div>
 </header>

From a540ff6f9efd3a88e78b6de9f4f02d57a0d376b0 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Thu, 3 Apr 2025 23:12:06 -0400
Subject: [PATCH 055/186] cmd palette footer constrast

---
 resources/js/components/ui/CommandPalette/Index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/CommandPalette/Index.vue b/resources/js/components/ui/CommandPalette/Index.vue
index f12440dde1f..0afffc8b89c 100644
--- a/resources/js/components/ui/CommandPalette/Index.vue
+++ b/resources/js/components/ui/CommandPalette/Index.vue
@@ -61,7 +61,7 @@ const modalClasses = cva({
                         <ui-command-palette-item icon="entry" text="My Secret Sauce Recipe" badge="Recipes" />
                         <ui-command-palette-item icon="entry" text="Me Myself and I" badge="Articles" />
                     </section>
-                    <footer class="px-5 py-3 flex items-center gap-4">
+                    <footer class="bg-gray-50 rounded-b-xl px-5 py-3 flex items-center gap-4">
                         <div class="flex items-center gap-1.5">
                             <ui-icon name="up-square" class="size-4 text-gray-500" />
                             <ui-icon name="down-square" class="size-4 text-gray-500" />

From f364450cf164b71e365140387f68aeed5e70565f Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Thu, 3 Apr 2025 23:37:58 -0400
Subject: [PATCH 056/186] For Jesse

---
 package-lock.json                             | 106 ++++++++++++++++++
 package.json                                  |   1 +
 .../js/components/ui/CommandPalette/Index.vue |  10 +-
 3 files changed, 115 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index a681017ee88..8bb86677de5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -60,6 +60,7 @@
                 "lowlight": "^3.1.0",
                 "marked": "^13.0.0",
                 "marked-plaintext": "0.0.2",
+                "motion-v": "^1.0.0-beta.0",
                 "mousetrap": "~1.6.5",
                 "nprogress": "^0.2.0",
                 "pdfobject": "^2.2.7",
@@ -3643,6 +3644,33 @@
                 "node": ">= 6"
             }
         },
+        "node_modules/framer-motion": {
+            "version": "12.5.0",
+            "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.5.0.tgz",
+            "integrity": "sha512-buPlioFbH9/W7rDzYh1C09AuZHAk2D1xTA1BlounJ2Rb9aRg84OXexP0GLd+R83v0khURdMX7b5MKnGTaSg5iA==",
+            "license": "MIT",
+            "dependencies": {
+                "motion-dom": "^12.5.0",
+                "motion-utils": "^12.5.0",
+                "tslib": "^2.4.0"
+            },
+            "peerDependencies": {
+                "@emotion/is-prop-valid": "*",
+                "react": "^18.0.0 || ^19.0.0",
+                "react-dom": "^18.0.0 || ^19.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@emotion/is-prop-valid": {
+                    "optional": true
+                },
+                "react": {
+                    "optional": true
+                },
+                "react-dom": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/fsevents": {
             "version": "2.3.3",
             "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -3838,6 +3866,12 @@
                 "@babel/runtime": "^7.7.7"
             }
         },
+        "node_modules/hey-listen": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz",
+            "integrity": "sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==",
+            "license": "MIT"
+        },
         "node_modules/highlight.js": {
             "version": "11.11.1",
             "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.11.1.tgz",
@@ -4695,6 +4729,78 @@
                 "node": ">=16 || 14 >=14.17"
             }
         },
+        "node_modules/motion-dom": {
+            "version": "12.6.3",
+            "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.6.3.tgz",
+            "integrity": "sha512-gRY08RjcnzgFYLemUZ1lo/e9RkBxR+6d4BRvoeZDSeArG4XQXERSPapKl3LNQRu22Sndjf1h+iavgY0O4NrYqA==",
+            "license": "MIT",
+            "dependencies": {
+                "motion-utils": "^12.6.3"
+            }
+        },
+        "node_modules/motion-utils": {
+            "version": "12.6.3",
+            "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.6.3.tgz",
+            "integrity": "sha512-R/b3Ia2VxtTNZ4LTEO5pKYau1OUNHOuUfxuP0WFCTDYdHkeTBR9UtxR1cc8mDmKr8PEhmmfnTKGz3rSMjNRoRg==",
+            "license": "MIT"
+        },
+        "node_modules/motion-v": {
+            "version": "1.0.0-beta.0",
+            "resolved": "https://registry.npmjs.org/motion-v/-/motion-v-1.0.0-beta.0.tgz",
+            "integrity": "sha512-7NF9gayHqnEoYUCZiBZi6iiZ4KBlOKfKlcnVAVULtP6V2GFszWI8CX1FWg49T7jgTnL7nBRhLTWFZ++cfji2mA==",
+            "license": "MIT",
+            "dependencies": {
+                "@vueuse/core": "^10.0.0",
+                "framer-motion": "12.5.0",
+                "hey-listen": "^1.0.8",
+                "motion-dom": "^12.5.0"
+            },
+            "peerDependencies": {
+                "vue": ">=3.0.0"
+            }
+        },
+        "node_modules/motion-v/node_modules/@types/web-bluetooth": {
+            "version": "0.0.20",
+            "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
+            "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==",
+            "license": "MIT"
+        },
+        "node_modules/motion-v/node_modules/@vueuse/core": {
+            "version": "10.11.1",
+            "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.11.1.tgz",
+            "integrity": "sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==",
+            "license": "MIT",
+            "dependencies": {
+                "@types/web-bluetooth": "^0.0.20",
+                "@vueuse/metadata": "10.11.1",
+                "@vueuse/shared": "10.11.1",
+                "vue-demi": ">=0.14.8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
+        "node_modules/motion-v/node_modules/@vueuse/metadata": {
+            "version": "10.11.1",
+            "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.11.1.tgz",
+            "integrity": "sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
+        "node_modules/motion-v/node_modules/@vueuse/shared": {
+            "version": "10.11.1",
+            "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.11.1.tgz",
+            "integrity": "sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==",
+            "license": "MIT",
+            "dependencies": {
+                "vue-demi": ">=0.14.8"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
         "node_modules/mousetrap": {
             "version": "1.6.5",
             "resolved": "https://registry.npmjs.org/mousetrap/-/mousetrap-1.6.5.tgz",
diff --git a/package.json b/package.json
index 92e8d9c5820..12f4c33bfdf 100644
--- a/package.json
+++ b/package.json
@@ -69,6 +69,7 @@
         "lowlight": "^3.1.0",
         "marked": "^13.0.0",
         "marked-plaintext": "0.0.2",
+        "motion-v": "^1.0.0-beta.0",
         "mousetrap": "~1.6.5",
         "nprogress": "^0.2.0",
         "pdfobject": "^2.2.7",
diff --git a/resources/js/components/ui/CommandPalette/Index.vue b/resources/js/components/ui/CommandPalette/Index.vue
index 0afffc8b89c..ea84bb7f50f 100644
--- a/resources/js/components/ui/CommandPalette/Index.vue
+++ b/resources/js/components/ui/CommandPalette/Index.vue
@@ -1,6 +1,7 @@
 <script setup>
 import { cva } from 'cva';
 import { DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DialogDescription, VisuallyHidden } from 'reka-ui';
+import { motion } from "motion-v"
 
 const props = defineProps({
 
@@ -43,7 +44,12 @@ const modalClasses = cva({
                 <VisuallyHidden asChild>
                     <DialogDescription>{{ __('Search for content, navigate, and run actions.') }}</DialogDescription>
                 </VisuallyHidden>
-                <div class="relative rounded-xl bg-white divide-y divide-gray-200/80 dark:divide-gray-950 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/15">
+                <motion.div
+                    class="relative rounded-xl bg-white divide-y divide-gray-200/80 dark:divide-gray-950 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/15"
+                    :initial="{ scale: 1.0 }"
+                    :whilePress="{ scale: 0.985 }"
+                    :transition="{ duration: 0.1 }"
+                >
                     <header class="group/cmd-input flex items-center gap-2 h-14 px-5.5">
                         <ui-icon name="magnifying-glass" class="size-5 text-gray-400" />
                         <input type="text" placeholder="Search or jump to..." class="flex w-full bg-transparent py-4 text-lg outline-none placeholder:text-gray-500! antialiased" value="">
@@ -72,7 +78,7 @@ const modalClasses = cva({
                             <span class="text-sm text-gray-600">Select</span>
                         </div>
                     </footer>
-                </div>
+                </motion.div>
 
             </DialogContent>
         </DialogPortal>

From a7843e7dfb908ab845ae67f5238343fb0ab7fce1 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 4 Apr 2025 11:30:20 -0400
Subject: [PATCH 057/186] Add max height and scrolling

---
 .../js/components/ui/CommandPalette/Index.vue | 36 ++++++++++---------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/resources/js/components/ui/CommandPalette/Index.vue b/resources/js/components/ui/CommandPalette/Index.vue
index ea84bb7f50f..fd295d9924a 100644
--- a/resources/js/components/ui/CommandPalette/Index.vue
+++ b/resources/js/components/ui/CommandPalette/Index.vue
@@ -9,7 +9,7 @@ const props = defineProps({
 
 const modalClasses = cva({
     base: [
-        'fixed outline-hidden left-1/2 top-[100px] z-50 w-full max-w-2xl -translate-x-1/2 ',
+        'fixed outline-hidden left-1/2 top-[100px] z-50 w-full max-w-3xl -translate-x-1/2 ',
         'backdrop-blur-[2px] rounded-2xl',
         'shadow-[0_8px_5px_-6px_rgba(0,0,0,0.12),_0_3px_8px_0_rgba(0,0,0,0.02),_0_30px_22px_-22px_rgba(39,39,42,0.35)]',
         'dark:shadow-[0_5px_20px_rgba(0,0,0,.5)]',
@@ -45,29 +45,31 @@ const modalClasses = cva({
                     <DialogDescription>{{ __('Search for content, navigate, and run actions.') }}</DialogDescription>
                 </VisuallyHidden>
                 <motion.div
-                    class="relative rounded-xl bg-white divide-y divide-gray-200/80 dark:divide-gray-950 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/15"
+                    class="relative rounded-xl bg-white border-b border-gray-200/80 dark:border-gray-950 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/15"
                     :initial="{ scale: 1.0 }"
                     :whilePress="{ scale: 0.985 }"
                     :transition="{ duration: 0.1 }"
                 >
-                    <header class="group/cmd-input flex items-center gap-2 h-14 px-5.5">
+                    <header class="group/cmd-input flex items-center gap-2 h-14 px-5.5 border-b border-gray-200/80 dark:border-gray-950">
                         <ui-icon name="magnifying-glass" class="size-5 text-gray-400" />
                         <input type="text" placeholder="Search or jump to..." class="flex w-full bg-transparent py-4 text-lg outline-none placeholder:text-gray-500! antialiased" value="">
                     </header>
-                    <section class="px-3 py-2 space-y-1">
-                        <ui-subheading size="sm" class="py-1 px-3">{{ __('Actions') }}</ui-subheading>
-                        <ui-command-palette-item icon="save" text="Save Entry" badge="⌘ S" />
-                        <ui-command-palette-item icon="duplicate" text="Duplicate Entry" badge="⌘ D" />
-                        <ui-command-palette-item icon="delete" text="Delete Entry" badge="⌘ DEL" />
-                    </section>
-                    <section class="px-3 py-2 space-y-1">
-                        <ui-subheading size="sm" class="py-1 px-3">{{ __('Content results') }}</ui-subheading>
-                        <ui-command-palette-item icon="entry" text="How I Found My Pants" badge="Articles" />
-                        <ui-command-palette-item icon="entry" text="About My Spaghetti" badge="Pages" />
-                        <ui-command-palette-item icon="entry" text="My Secret Sauce Recipe" badge="Recipes" />
-                        <ui-command-palette-item icon="entry" text="Me Myself and I" badge="Articles" />
-                    </section>
-                    <footer class="bg-gray-50 rounded-b-xl px-5 py-3 flex items-center gap-4">
+                    <div class="divide-y divide-gray-200/80 dark:divide-gray-950 max-h-[400px] overflow-y-auto">
+                        <section class="px-3 py-2 space-y-1">
+                            <ui-subheading size="sm" class="py-1 px-3">{{ __('Actions') }}</ui-subheading>
+                            <ui-command-palette-item icon="save" text="Save Entry" badge="⌘ S" />
+                            <ui-command-palette-item icon="duplicate" text="Duplicate Entry" badge="⌘ D" />
+                            <ui-command-palette-item icon="delete" text="Delete Entry" badge="⌘ DEL" />
+                        </section>
+                        <section class="px-3 py-2 space-y-1">
+                            <ui-subheading size="sm" class="py-1 px-3">{{ __('Content results') }}</ui-subheading>
+                            <ui-command-palette-item icon="entry" text="How I Found My Pants" badge="Articles" />
+                            <ui-command-palette-item icon="entry" text="About My Spaghetti" badge="Pages" />
+                            <ui-command-palette-item icon="entry" text="My Secret Sauce Recipe" badge="Recipes" />
+                            <ui-command-palette-item icon="entry" text="Me Myself and I" badge="Articles" />
+                        </section>
+                    </div>
+                    <footer class="bg-gray-50 rounded-b-xl px-5 py-3 flex items-center gap-4 border-t border-gray-200/80 dark:border-gray-950">
                         <div class="flex items-center gap-1.5">
                             <ui-icon name="up-square" class="size-4 text-gray-500" />
                             <ui-icon name="down-square" class="size-4 text-gray-500" />

From 8d79ca7cdb5ac7906258f8077d2b85636d5d6f27 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 4 Apr 2025 12:00:02 -0400
Subject: [PATCH 058/186] some cmdpal footer tids

---
 resources/js/components/ui/CommandPalette/Index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/CommandPalette/Index.vue b/resources/js/components/ui/CommandPalette/Index.vue
index fd295d9924a..d373dd3084c 100644
--- a/resources/js/components/ui/CommandPalette/Index.vue
+++ b/resources/js/components/ui/CommandPalette/Index.vue
@@ -69,7 +69,7 @@ const modalClasses = cva({
                             <ui-command-palette-item icon="entry" text="Me Myself and I" badge="Articles" />
                         </section>
                     </div>
-                    <footer class="bg-gray-50 rounded-b-xl px-5 py-3 flex items-center gap-4 border-t border-gray-200/80 dark:border-gray-950">
+                    <footer class="bg-gray-50 dark:bg-gray-900 rounded-b-xl px-6 py-3 flex items-center gap-4 border-t border-gray-200/80 dark:border-gray-950">
                         <div class="flex items-center gap-1.5">
                             <ui-icon name="up-square" class="size-4 text-gray-500" />
                             <ui-icon name="down-square" class="size-4 text-gray-500" />

From d668122d73831520112ffdf5fe609d998383b551 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 4 Apr 2025 15:56:50 -0400
Subject: [PATCH 059/186] Decrease contrast on date field slash separators

---
 resources/js/components/ui/Datepicker/Index.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/ui/Datepicker/Index.vue b/resources/js/components/ui/Datepicker/Index.vue
index ac1459a9e3d..6036f264503 100644
--- a/resources/js/components/ui/Datepicker/Index.vue
+++ b/resources/js/components/ui/Datepicker/Index.vue
@@ -78,9 +78,9 @@ const calendarEvents = computed(() => ({
                 <DatePickerField v-slot="{ segments }" class="w-full">
                     <div
                         :class="[
-                            'flex w-full bg-white dark:bg-gray-900',
+                            'flex items-center uppercase w-full bg-white dark:bg-gray-900',
                             'border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-2xs dark:inset-shadow-black',
-                            'leading-[1.375rem] text-gray-600 dark:text-gray-300',
+                            'text-gray-600 dark:text-gray-300',
                             'shadow-ui-sm not-prose h-10 rounded-lg py-2 px-10 disabled:shadow-none',
                             'data-invalid:border-red-500',
                         ]"
@@ -92,7 +92,7 @@ const calendarEvents = computed(() => ({
                             <ui-icon name="calendar" class="size-4" />
                         </DatePickerTrigger>
                         <template v-for="item in segments" :key="item.part">
-                            <DatePickerInput v-if="item.part === 'literal'" :part="item.part">
+                            <DatePickerInput v-if="item.part === 'literal'" :part="item.part" :class="{ 'text-gray-500 antialiased text-sm': !item.contenteditable }">
                                 {{ item.value }}
                             </DatePickerInput>
                             <DatePickerInput

From 310c2a9f37bd25097be4df1c33f451e50139ea28 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 4 Apr 2025 18:09:10 -0400
Subject: [PATCH 060/186] Fiddle with main nav

---
 resources/views/partials/nav-main.blade.php | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/resources/views/partials/nav-main.blade.php b/resources/views/partials/nav-main.blade.php
index 993b8e61554..0827c31ba09 100644
--- a/resources/views/partials/nav-main.blade.php
+++ b/resources/views/partials/nav-main.blade.php
@@ -15,9 +15,12 @@
                 <ul class="flex flex-col gap-2">
                     @foreach ($section['items'] as $item)
                         @unless ($item->view())
-                            <li class="{{ $item->isActive() ? '[&_a]:text-black [&_svg]:text-black! [&_a]:dark:text-white [&_svg]:dark:text-gray-200!' : '' }}" v-pre>
+                            <li class="{{ $item->isActive() ? 'text-black [&_svg]:text-black! [&_a]:dark:text-white [&_svg]:dark:text-gray-200!' : '' }}" v-pre>
                                 <a
-                                    class="flex items-center gap-3 text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200"
+                                    class="
+                                        flex items-center gap-3 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200
+                                        {{ $item->isActive() ? 'text-black [&_svg]:text-black dark:text-white [&_svg]:dark:text-gray-200' : 'text-gray-600 dark:text-gray-400' }}
+                                    "
                                     href="{{ $item->url() }}"
                                     {{ $item->attributes() }}
                                 >
@@ -25,10 +28,17 @@ class="flex items-center gap-3 text-gray-600 dark:text-gray-400 hover:text-black
                                     <span>{{ __($item->name()) }}</span>
                                 </a>
                                 @if ($item->children() && $item->isActive())
-                                    <ul class="pl-7 py-1.5 space-y-1 text-[13px] [&_a]:text-gray-600 [&_a]:dark:text-gray-400!">
+                                    <ul class="
+                                        ml-1.5 pl-5.5 translate-x-px my-1.5 space-y-1 text-[13px]
+                                        min-w-0 flex-col gap-1 border-l border-gray-300
+                                    ">
                                         @foreach ($item->children() as $child)
-                                            <li class="{{ $child->isActive() ? '[&_a]:text-black! [&_svg]:text-black! [&_a]:dark:text-white! [&_svg]:dark:text-gray-200!' : '' }}">
-                                                <a href="{{ $child->url() }}" {{ $item->attributes() }}>
+                                            <li>
+                                                <a
+                                                    class="{{ $child->isActive() ? 'text-black [&_svg]:text-black dark:text-white [&_svg]:dark:text-gray-200' : 'text-gray-600 hover:text-black dark:text-gray-400 dark:hover:text-gray-200' }}"
+                                                    href="{{ $child->url() }}"
+                                                    {{ $item->attributes() }}
+                                                >
                                                     {{ __($child->name()) }}
                                                 </a>
                                             </li>

From c6909a1ffede19f956d40a7531d1d2eed0cf7076 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 4 Apr 2025 18:12:27 -0400
Subject: [PATCH 061/186] Every good fiddle needs a little more fiddle

---
 resources/views/partials/nav-main.blade.php | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/resources/views/partials/nav-main.blade.php b/resources/views/partials/nav-main.blade.php
index 0827c31ba09..f85a97028c7 100644
--- a/resources/views/partials/nav-main.blade.php
+++ b/resources/views/partials/nav-main.blade.php
@@ -15,9 +15,8 @@
                 <ul class="flex flex-col gap-2">
                     @foreach ($section['items'] as $item)
                         @unless ($item->view())
-                            <li class="{{ $item->isActive() ? 'text-black [&_svg]:text-black! [&_a]:dark:text-white [&_svg]:dark:text-gray-200!' : '' }}" v-pre>
-                                <a
-                                    class="
+                            <li v-pre>
+                                <a class="
                                         flex items-center gap-3 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200
                                         {{ $item->isActive() ? 'text-black [&_svg]:text-black dark:text-white [&_svg]:dark:text-gray-200' : 'text-gray-600 dark:text-gray-400' }}
                                     "
@@ -30,7 +29,7 @@ class="
                                 @if ($item->children() && $item->isActive())
                                     <ul class="
                                         ml-1.5 pl-5.5 translate-x-px my-1.5 space-y-1 text-[13px]
-                                        min-w-0 flex-col gap-1 border-l border-gray-300
+                                        min-w-0 flex-col gap-1 border-l border-gray-300 dark:border-gray-600
                                     ">
                                         @foreach ($item->children() as $child)
                                             <li>

From 5dd01f78da5e6e8a15e2e962d514375f207b0d23 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 7 Apr 2025 15:46:08 -0400
Subject: [PATCH 062/186] Modernize the Markdown Fieldtype JS

---
 .../fieldtypes/markdown/MarkdownFieldtype.vue | 404 +++++++-----------
 1 file changed, 153 insertions(+), 251 deletions(-)

diff --git a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
index 8fc1e34770e..a55553254b8 100644
--- a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
+++ b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
@@ -266,7 +266,7 @@ export default {
         Uploads,
     },
 
-    data: function () {
+    data() {
         return {
             data: this.value || '',
             buttons: [],
@@ -291,17 +291,21 @@ export default {
     },
 
     watch: {
-        data(data) {
-            this.updateDebounced(data);
-            this.updateCount(data);
+        data: {
+            handler(data) {
+                this.updateDebounced(data);
+                this.updateCount(data);
+            },
         },
-
-        mode(mode) {
-            if (mode === 'preview') this.updateMarkdownPreview();
+        mode: {
+            handler(mode) {
+                if (mode === 'preview') this.updateMarkdownPreview();
+            },
         },
-
-        readOnly(readOnly) {
-            this.codemirror.setOption('readOnly', readOnly ? 'nocursor' : false);
+        readOnly: {
+            handler(readOnly) {
+                this.codemirror.setOption('readOnly', readOnly ? 'nocursor' : false);
+            },
         },
     },
 
@@ -313,12 +317,8 @@ export default {
             this.updateCount(this.data);
         }
 
-        let el = document.querySelector(`label[for="${this.fieldId}"]`);
-        if (el) {
-            el.addEventListener('click', () => {
-                this.codemirror.focus();
-            });
-        }
+        const label = document.querySelector(`label[for="${this.fieldId}"]`);
+        label?.addEventListener('click', () => this.codemirror.focus());
     },
 
     beforeUnmount() {
@@ -340,317 +340,226 @@ export default {
             this.trackHeightUpdates();
         },
 
-        toggleFullScreen() {
-            if (this.fullScreenMode) {
-                this.closeFullScreen();
-            } else {
-                this.openFullScreen();
-            }
+        toggleFullscreen() {
+            this.fullScreenMode = !this.fullScreenMode;
+            this.trackHeightUpdates();
         },
 
         toggleDarkMode() {
             this.darkMode = !this.darkMode;
         },
 
-        getText: function (selection) {
-            var i = this.selections.indexOf(selection);
+        getText(selection) {
+            const i = this.selections.indexOf(selection);
 
             return this.codemirror.getSelections()[i];
         },
 
         toggleInline(type) {
-            var self = this;
-            var replacements = [];
-            let elements = {
-                bold: {
-                    pattern: /^\*{2}(.*)\*{2}$/,
-                    delimiter: '**',
-                },
-                code: {
-                    pattern: /^\`(.*)\`$/,
-                    delimiter: '`',
-                },
-                italic: {
-                    pattern: /^\_(.*)\_$/,
-                    delimiter: '_',
-                },
-                strikethrough: {
-                    pattern: /^\~\~(.*)\~\~$/,
-                    delimiter: '~~',
-                },
+            const elements = {
+                bold: { pattern: /^\*{2}(.*)\*{2}$/, delimiter: '**' },
+                code: { pattern: /^\`(.*)\`$/, delimiter: '`' },
+                italic: { pattern: /^\_(.*)\_$/, delimiter: '_' },
+                strikethrough: { pattern: /^\~\~(.*)\~\~$/, delimiter: '~~' },
             };
 
-            self.selections.forEach(function (selection) {
-                let delimiter = elements[type]['delimiter'];
-                let replacement = self.getText(selection).match(elements[type]['pattern'])
-                    ? self.removeInline(selection, elements[type]['delimiter'])
-                    : delimiter + self.getText(selection) + delimiter;
-
-                replacements.push(replacement);
+            const replacements = this.selections.map(selection => {
+                const text = this.getText(selection);
+                const { delimiter, pattern } = elements[type];
+                return text.match(pattern)
+                    ? this.removeInline(selection, delimiter)
+                    : `${delimiter}${text}${delimiter}`;
             });
 
             this.codemirror.replaceSelections(replacements, 'around');
-
             this.codemirror.focus();
         },
 
         toggleBlock(type) {
-            var self = this;
-            var replacements = [];
-            let elements = {
-                code: {
-                    pattern: /^\`\`\`(.*)\n(.*)\n\`\`\`$/,
-                    delimiter: '\`\`\`',
-                },
-            };
-
-            self.selections.forEach(function (selection) {
-                let text = self.getText(selection);
-                let delimiter = elements[type]['delimiter'];
-                let replacement = text.match(elements[type]['pattern'])
-                    ? self.removeInline(selection, delimiter)
-                    : delimiter + '\n' + text + '\n' + delimiter;
-
-                replacements.push(replacement);
+            const replacements = this.selections.map(selection => {
+                const text = this.getText(selection);
+                const delimiter = '```';
+                return text.match(new RegExp(`^\`\`\`(.*)\n(.*)\n\`\`\`$`))
+                    ? this.removeInline(selection, delimiter)
+                    : `${delimiter}\n${text}\n${delimiter}`;
             });
 
             this.codemirror.replaceSelections(replacements, 'around');
-
             this.codemirror.focus();
         },
 
-        removeInline: function (selection, delimiter) {
-            var text = this.getText(selection);
-            var blockLength = delimiter.length;
-
-            return text.substring(blockLength, text.length - blockLength);
+        removeInline(selection, delimiter) {
+            const text = this.getText(selection);
+            return text.slice(delimiter.length, -delimiter.length);
         },
 
         toggleLine(type) {
-            let startPoint = this.codemirror.getCursor('start');
-            let endPoint = this.codemirror.getCursor('end');
-            let patterns = {
+            const startPoint = this.codemirror.getCursor('start');
+            const endPoint = this.codemirror.getCursor('end');
+            const patterns = {
                 quote: /^(\s*)\>\s+/,
                 'unordered-list': /^(\s*)(\*|\-|\+)\s+/,
                 'ordered-list': /^(\s*)\d+\.\s+/,
             };
-            let map = {
+            const prefixes = {
                 quote: '> ',
                 'unordered-list': '- ',
                 'ordered-list': '1. ',
             };
 
             for (let i = startPoint.line; i <= endPoint.line; i++) {
-                let text = this.codemirror.getLine(i);
-                text = this.isInside(type) ? text.replace(patterns[type], '$1') : map[type] + text;
+                const text = this.codemirror.getLine(i);
+                const newText = this.isInside(type)
+                    ? text.replace(patterns[type], '$1')
+                    : prefixes[type] + text;
 
-                this.codemirror.replaceRange(text, { line: i, ch: 0 }, { line: i, ch: Infinity });
+                this.codemirror.replaceRange(newText, { line: i, ch: 0 }, { line: i, ch: Infinity });
             }
 
             this.codemirror.focus();
         },
 
-        // Get the state of the current position to see what elements it may be inside
         getState(position) {
             position = position || this.codemirror.getCursor('start');
-            let state = this.codemirror.getTokenAt(position);
-
+            const state = this.codemirror.getTokenAt(position);
             if (!state.type) return {};
 
-            let types = state.type.split(' ');
-
-            let ret = {},
-                data,
-                text;
-
-            for (var i = 0; i < types.length; i++) {
-                data = types[i];
-
-                if (data === 'strong') {
-                    ret.bold = true;
-                } else if (data === 'variable-2') {
-                    text = this.codemirror.getLine(position.line);
-                    if (/^\s*\d+\.\s/.test(text)) {
-                        ret['ordered-list'] = true;
-                    } else {
-                        ret['unordered-list'] = true;
-                    }
-                } else if (data === 'atom') {
-                    ret.quote = true;
-                } else if (data === 'em') {
-                    ret.italic = true;
-                } else if (data === 'quote') {
-                    ret.quote = true;
-                } else if (data === 'strikethrough') {
-                    ret.strikethrough = true;
-                } else if (data === 'comment') {
-                    ret.code = true;
-                } else if (data === 'link') {
-                    ret.link = true;
-                } else if (data === 'tag') {
-                    ret.image = true;
-                } else if (data.match(/^header(\-[1-6])?$/)) {
-                    ret[data.replace('header', 'heading')] = true;
+            const types = state.type.split(' ');
+            const ret = {};
+            const text = this.codemirror.getLine(position.line);
+
+            types.forEach(type => {
+                switch (type) {
+                    case 'strong':
+                        ret.bold = true;
+                        break;
+                    case 'variable-2':
+                        ret[/^\s*\d+\.\s/.test(text) ? 'ordered-list' : 'unordered-list'] = true;
+                        break;
+                    case 'atom':
+                    case 'quote':
+                        ret.quote = true;
+                        break;
+                    case 'em':
+                        ret.italic = true;
+                        break;
+                    case 'strikethrough':
+                        ret.strikethrough = true;
+                        break;
+                    case 'comment':
+                        ret.code = true;
+                        break;
+                    case 'link':
+                        ret.link = true;
+                        break;
+                    case 'tag':
+                        ret.image = true;
+                        break;
+                    default:
+                        if (type.match(/^header(\-[1-6])?$/)) {
+                            ret[type.replace('header', 'heading')] = true;
+                        }
                 }
-            }
+            });
 
             return ret;
         },
 
-        // Check if position is inside a specific element
         isInside(type) {
             return this.getState()[type] ?? false;
         },
 
         insertTable() {
-            let doc = this.codemirror.getDoc();
-            let cursor = doc.getCursor();
-            let line = doc.getLine(cursor.line);
-            let pos = { line: cursor.line };
-            let table = '|     |     |\n| --- | --- |\n|     |     |';
+            const doc = this.codemirror.getDoc();
+            const cursor = doc.getCursor();
+            const line = doc.getLine(cursor.line);
+            const pos = { line: cursor.line };
+            const table = '|     |     |\n| --- | --- |\n|     |     |';
 
             if (line.length === 0) {
                 doc.replaceRange(table, pos);
-                this.codemirror.focus();
-                this.codemirror.setCursor(cursor.line, 2);
             } else {
                 doc.replaceRange('\n\n' + table, pos);
-                this.codemirror.focus();
-                this.codemirror.setCursor(cursor.line + 2, 2);
+                cursor.line += 2;
             }
-        },
 
-        insertImage: function (url, alt) {
-            var cm = this.codemirror.doc;
-
-            var selection = '';
-            if (cm.somethingSelected()) {
-                selection = cm.getSelection();
-            } else if (alt) {
-                selection = alt;
-            }
+            this.codemirror.focus();
+            this.codemirror.setCursor(cursor.line, 2);
+        },
 
-            var url = url || '';
+        insertImage(url, alt) {
+            const doc = this.codemirror.doc;
+            const selection = doc.somethingSelected() ? doc.getSelection() : alt || '';
 
-            // Replace the string
-            var str = '![' + selection + '](' + url + ')';
+            const imageText = `![${selection}](${url || ''})`;
+            doc.replaceSelection(imageText, 'start');
 
-            cm.replaceSelection(str, 'start');
             // Select the text
-            var line = cm.getCursor().line;
-            var start = cm.getCursor().ch + 2; // move past the ![
-            var end = start + selection.length;
-            cm.setSelection({ line: line, ch: start }, { line: line, ch: end });
+            const line = doc.getCursor().line;
+            const start = doc.getCursor().ch + 2; // move past the ![
+            const end = start + selection.length;
+            doc.setSelection({ line, ch: start }, { line, ch: end });
 
             this.codemirror.focus();
         },
 
-        /**
-         * Appends an image to the end of the data
-         *
-         * @param  String url  URL of the image
-         * @param  String alt  Alt text
-         */
-        appendImage: function (url, alt) {
-            alt = alt || '';
-            this.data += '\n\n![' + alt + '](' + url + ')';
+        appendImage(url, alt = '') {
+            this.data += `\n\n![${alt}](${url})`;
         },
 
-        insertLink: function (url, text) {
-            var cm = this.codemirror.doc;
-
-            var selection = '';
-            if (cm.somethingSelected()) {
-                selection = cm.getSelection();
-            } else if (text) {
-                selection = text;
-            }
+        insertLink(url, text) {
+            const doc = this.codemirror.doc;
+            const selection = doc.somethingSelected() ? doc.getSelection() : text || '';
 
             if (!url) {
                 url = prompt(__('Enter URL'), 'https://');
-                if (!url) {
-                    return;
-                }
+                if (!url) return;
             }
 
-            // Replace the string
-            var str = '[' + selection + '](' + url + ')';
-            cm.replaceSelection(str, 'start');
+            const linkText = `[${selection}](${url})`;
+            doc.replaceSelection(linkText, 'start');
 
             // Select the text
-            var line = cm.getCursor().line;
-            var start = cm.getCursor().ch + 1; // move past the first [
-            var end = start + selection.length;
-            cm.setSelection({ line: line, ch: start }, { line: line, ch: end });
+            const line = doc.getCursor().line;
+            const start = doc.getCursor().ch + 1; // move past the first [
+            const end = start + selection.length;
+            doc.setSelection({ line, ch: start }, { line, ch: end });
 
             this.codemirror.focus();
         },
 
-        appendLink: function (url, text) {
-            text = text || '';
-            this.data += '\n\n[' + text + '](' + url + ')';
+        appendLink(url, text = '') {
+            this.data += `\n\n[${text}](${url})`;
         },
 
         /**
          * Open the asset selector
          */
-        addAsset: function () {
+        addAsset () {
             this.showAssetSelector = true;
         },
 
         /**
          * Execute a keyboard shortcut, when applicable
          */
-        shortcut: function (e) {
-            var key = e.keyCode;
-            var mod = e.metaKey === true || e.ctrlKey === true;
-
-            if (mod && key === 66) {
-                // cmd+b
-                this.toggleInline('bold');
-                e.preventDefault();
-            }
-
-            if (mod && key === 73) {
-                // cmd+i
-                this.toggleInline('italic');
-                e.preventDefault();
-            }
-
-            if (mod && key === 190) {
-                // cmd+.
-                this.toggleLine('quote');
-                e.preventDefault();
-            }
-
-            if (mod && key === 192) {
-                // ctrl+` (tick)
-                this.toggleInline('code');
-                e.preventDefault();
-            }
-
-            if (mod && key === 76) {
-                // cmd+l
-                this.toggleLine('unordered-list');
-                e.preventDefault();
-            }
-
-            if (mod && key === 79) {
-                // cmd+o
-                this.toggleLine('ordered-list');
-                e.preventDefault();
-            }
-
-            if (mod && key === 220) {
-                // cmd+\
-                this.toggleBlock('code');
-                e.preventDefault();
-            }
+        shortcut(e) {
+            const mod = e.metaKey || e.ctrlKey;
+            if (!mod) return;
+
+            const shortcuts = {
+                66: () => this.toggleInline('bold'), // cmd+b
+                73: () => this.toggleInline('italic'), // cmd+i
+                190: () => this.toggleLine('quote'), // cmd+.
+                192: () => this.toggleInline('code'), // cmd+`
+                76: () => this.toggleLine('unordered-list'), // cmd+l
+                79: () => this.toggleLine('ordered-list'), // cmd+o
+                220: () => this.toggleBlock('code'), // cmd+\
+                75: () => this.insertLink(), // cmd+k
+            };
 
-            if (mod && key === 75) {
-                // cmd+k
-                this.insertLink();
+            if (shortcuts[e.keyCode]) {
                 e.preventDefault();
+                shortcuts[e.keyCode]();
             }
         },
 
@@ -659,24 +568,20 @@ export default {
          *
          * @param  Array assets  All the assets that were selected
          */
-        assetsSelected: function (assets) {
-            // If one asset is chosen, it's safe to replace the selection.
-            // Otherwise we'll just tack on the assets to the end of the text.
-            var method = assets.length === 1 ? 'insert' : 'append';
-
+        assetsSelected(assets) {
             this.closeAssetSelector();
-
-            // We don't want to maintain the asset selections
             this.selectedAssets = [];
 
-            this.$axios.post(cp_url('assets-fieldtype'), { assets }).then((response) => {
-                response.data.forEach((asset) => {
-                    var alt = asset.values.alt || '';
-                    var url = encodeURI('statamic://' + asset.reference);
+            this.$axios.post(cp_url('assets-fieldtype'), { assets }).then(({ data }) => {
+                data.forEach(asset => {
+                    const alt = asset.values.alt || '';
+                    const url = encodeURI(`statamic://${asset.reference}`);
+                    const method = assets.length === 1 ? 'insert' : 'append';
+
                     if (asset.isImage) {
-                        this[method + 'Image'](url, alt);
+                        this[`${method}Image`](url, alt);
                     } else {
-                        this[method + 'Link'](url, alt);
+                        this[`${method}Link`](url, alt);
                     }
                 });
             });
@@ -792,23 +697,20 @@ export default {
         },
 
         updateCount(data) {
-            let trimmed = data.trim();
+            const trimmed = data.trim();
+            const characters = ucs2decode(trimmed.replace(/\s/g, '')).length;
+            const words = trimmed.split(/\s+/).filter(word => word.length > 0).length;
 
-            this.count.characters = ucs2decode(trimmed.replace(/\s/g, '')).length;
-            this.count.words = trimmed.split(/\s+/).filter((word) => word.length > 0).length;
-        },
-
-        toggleFullscreen() {
-            this.fullScreenMode = !this.fullScreenMode;
+            this.count = { characters, words };
         },
     },
 
     computed: {
-        assetsEnabled: function () {
-            return Boolean(this.config && this.config.container);
+        assetsEnabled() {
+            return Boolean(this.config?.container);
         },
 
-        container: function () {
+        container() {
             return this.config.container;
         },
 
@@ -816,7 +718,7 @@ export default {
             return this;
         },
 
-        folder: function () {
+        folder() {
             return this.config.folder || '/';
         },
 

From af806b101ec79f62333e9e866350b8dc221f3362 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 7 Apr 2025 16:03:27 -0400
Subject: [PATCH 063/186] wip markdown ui

---
 .../fieldtypes/markdown/MarkdownFieldtype.vue | 72 +++++++++++--------
 1 file changed, 43 insertions(+), 29 deletions(-)

diff --git a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
index a55553254b8..23514544308 100644
--- a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
+++ b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
@@ -2,7 +2,12 @@
     <portal name="markdown-fullscreen" :disabled="!fullScreenMode" target-class="markdown-fieldtype">
         <element-container @resized="refresh">
             <div
-                class="markdown-fieldtype-wrapper @container/markdown"
+                class="
+                    @container/markdown w-full block bg-white dark:bg-gray-900 rounded-lg
+                    border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-2xs dark:inset-shadow-black
+                    text-gray-600 dark:text-gray-300
+                    appearance-none antialiased shadow-ui-sm disabled:shadow-none not-prose
+                "
                 :class="{ 'markdown-fullscreen': fullScreenMode, 'markdown-dark-mode': darkMode }"
             >
                 <uploader
@@ -21,7 +26,7 @@
                             :field-actions="fieldActions"
                             @close="toggleFullscreen"
                         >
-                            <div class="markdown-toolbar">
+                            <div class="markdown-toolbar flex items-center justify-between ">
                                 <div class="markdown-modes">
                                     <button
                                         @click="mode = 'write'"
@@ -43,7 +48,7 @@
                                         :aria-label="button.text"
                                         @click="button.command(editor)"
                                     >
-                                        <svg-icon :name="button.svg" class="h-4 w-4" />
+                                        <svg-icon :name="button.svg" class="size-4" />
                                     </button>
                                     <button
                                         @click="toggleDarkMode"
@@ -51,49 +56,58 @@
                                         :aria-label="__('Toggle Dark Mode')"
                                         v-if="fullScreenMode"
                                     >
-                                        <svg-icon name="dark-mode" class="h-4 w-4" />
+                                        <svg-icon name="dark-mode" class="size-4" />
                                     </button>
                                 </div>
                             </div>
                         </publish-field-fullscreen-header>
 
-                        <div class="markdown-toolbar" v-if="!fullScreenMode">
-                            <div class="markdown-modes">
-                                <button
-                                    @click="mode = 'write'"
-                                    :class="{ active: mode == 'write' }"
-                                    v-text="__('Write')"
-                                    :aria-pressed="mode === 'write' ? 'true' : 'false'"
-                                />
-                                <button
-                                    @click="mode = 'preview'"
-                                    :class="{ active: mode == 'preview' }"
-                                    v-text="__('Preview')"
-                                    :aria-pressed="mode === 'preview' ? 'true' : 'false'"
-                                />
-                            </div>
-                            <div class="markdown-buttons" v-if="!isReadOnly">
-                                <button
+                        <div class="markdown-toolbar bg-gray-50 dark:bg-gray-950 rounded-t-xl py-1 px-2 border-b border-gray-300 dark:border-white/15 flex items-center justify-between" v-if="!fullScreenMode">
+                            <div class="markdown-buttons flex items-center" v-if="!isReadOnly">
+                                <ui-button
+                                    size="sm"
+                                    variant="ghost"
+                                    class="px-2!"
                                     v-for="button in buttons"
                                     v-tooltip="button.text"
                                     :aria-label="button.text"
                                     @click="button.command(editor)"
                                 >
-                                    <svg-icon :name="button.svg" class="h-4 w-4" />
-                                </button>
-                                <button
+                                    <svg-icon :name="button.svg" class="size-4" />
+                                </ui-button>
+                                <ui-button
                                     @click="toggleDarkMode"
                                     v-tooltip="darkMode ? __('Light Mode') : __('Dark Mode')"
                                     :aria-label="__('Toggle Dark Mode')"
                                     v-if="fullScreenMode"
                                 >
-                                    <svg-icon name="dark-mode" class="h-4 w-4" />
-                                </button>
+                                    <svg-icon name="dark-mode" class="size-4" />
+                                </ui-button>
+                            </div>
+                            <div class="markdown-modes">
+                                <ui-button
+                                    size="sm"
+                                    variant="ghost"
+                                    class="px-2!"
+                                    @click="mode = 'write'"
+                                    :class="{ 'text-black! dark:text-white!': mode == 'write' }"
+                                    v-text="__('Write')"
+                                    :aria-pressed="mode === 'write' ? 'true' : 'false'"
+                                />
+                                <ui-button
+                                    size="sm"
+                                    variant="ghost"
+                                    class="px-2!"
+                                    @click="mode = 'preview'"
+                                    :class="{ 'text-black! dark:text-white!': mode == 'preview' }"
+                                    v-text="__('Preview')"
+                                    :aria-pressed="mode === 'preview' ? 'true' : 'false'"
+                                />
                             </div>
                         </div>
 
                         <div class="drag-notification" v-show="dragging">
-                            <svg-icon name="upload" class="mb-4 h-12 w-12" />
+                            <svg-icon name="upload" class="mb-4 size-12" />
                             {{ __('Drop File to Upload') }}
                         </div>
 
@@ -112,7 +126,7 @@
                                 <div class="editor" ref="codemirror"></div>
 
                                 <div class="helpers">
-                                    <div class="flex w-full">
+                                    <div class="bg-gray-50 dark:bg-gray-950 rounded-b-xl border-t border-gray-200 dark:border-white/15 flex py-2 px-3 text-sm w-full">
                                         <div class="markdown-cheatsheet-helper">
                                             <button
                                                 class="text-link flex items-center"
@@ -138,7 +152,7 @@
                                 </div>
 
                                 <div class="drag-notification" v-if="assetsEnabled && draggingFile">
-                                    <svg-icon name="upload" class="mb-4 h-12 w-12" />
+                                    <svg-icon name="upload" class="mb-4 size-12" />
                                     {{ __('Drop File to Upload') }}
                                 </div>
                             </div>

From 93706f97499d5fc8d875c04869eda784bc2242bc Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 8 Apr 2025 13:22:04 -0400
Subject: [PATCH 064/186] Move Markdown Toolbar to its own component

---
 resources/css/vendors/codemirror.css          |   3 +-
 .../fieldtypes/markdown/MarkdownFieldtype.vue | 116 +++++-------------
 .../fieldtypes/markdown/MarkdownToolbar.vue   |  90 ++++++++++++++
 .../partials/new-global-header.blade.php      |   2 +-
 4 files changed, 126 insertions(+), 85 deletions(-)
 create mode 100644 resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue

diff --git a/resources/css/vendors/codemirror.css b/resources/css/vendors/codemirror.css
index f5b8cd6926f..130d0f22d43 100644
--- a/resources/css/vendors/codemirror.css
+++ b/resources/css/vendors/codemirror.css
@@ -4,8 +4,7 @@
 
 .CodeMirror {
     /* Set height, width, borders, and global font properties here */
-    @apply font-mono text-sm leading-loose text-gray-900;
-    min-height: 80px;
+    @apply py-3 text-base text-gray-600 dark:text-gray-300 font-normal leading-normal min-h-20;
 }
 
 /* PADDING */
diff --git a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
index 23514544308..f56ff63ca56 100644
--- a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
+++ b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
@@ -26,85 +26,31 @@
                             :field-actions="fieldActions"
                             @close="toggleFullscreen"
                         >
-                            <div class="markdown-toolbar flex items-center justify-between ">
-                                <div class="markdown-modes">
-                                    <button
-                                        @click="mode = 'write'"
-                                        :class="{ active: mode == 'write' }"
-                                        v-text="__('Write')"
-                                        :aria-pressed="mode === 'write' ? 'true' : 'false'"
-                                    />
-                                    <button
-                                        @click="mode = 'preview'"
-                                        :class="{ active: mode == 'preview' }"
-                                        v-text="__('Preview')"
-                                        :aria-pressed="mode === 'preview' ? 'true' : 'false'"
-                                    />
-                                </div>
-                                <div class="markdown-buttons" v-if="!isReadOnly">
-                                    <button
-                                        v-for="button in buttons"
-                                        v-tooltip="button.text"
-                                        :aria-label="button.text"
-                                        @click="button.command(editor)"
-                                    >
-                                        <svg-icon :name="button.svg" class="size-4" />
-                                    </button>
-                                    <button
-                                        @click="toggleDarkMode"
-                                        v-tooltip="darkMode ? __('Light Mode') : __('Dark Mode')"
-                                        :aria-label="__('Toggle Dark Mode')"
-                                        v-if="fullScreenMode"
-                                    >
-                                        <svg-icon name="dark-mode" class="size-4" />
-                                    </button>
-                                </div>
-                            </div>
+                            <markdown-toolbar
+                                :mode="mode"
+                                :buttons="buttons"
+                                :is-read-only="isReadOnly"
+                                :show-dark-mode="fullScreenMode"
+                                :dark-mode="darkMode"
+                                :is-fullscreen="true"
+                                @toggle-mode="mode = $event"
+                                @toggle-dark-mode="toggleDarkMode"
+                                @button-click="handleButtonClick"
+                            />
                         </publish-field-fullscreen-header>
 
-                        <div class="markdown-toolbar bg-gray-50 dark:bg-gray-950 rounded-t-xl py-1 px-2 border-b border-gray-300 dark:border-white/15 flex items-center justify-between" v-if="!fullScreenMode">
-                            <div class="markdown-buttons flex items-center" v-if="!isReadOnly">
-                                <ui-button
-                                    size="sm"
-                                    variant="ghost"
-                                    class="px-2!"
-                                    v-for="button in buttons"
-                                    v-tooltip="button.text"
-                                    :aria-label="button.text"
-                                    @click="button.command(editor)"
-                                >
-                                    <svg-icon :name="button.svg" class="size-4" />
-                                </ui-button>
-                                <ui-button
-                                    @click="toggleDarkMode"
-                                    v-tooltip="darkMode ? __('Light Mode') : __('Dark Mode')"
-                                    :aria-label="__('Toggle Dark Mode')"
-                                    v-if="fullScreenMode"
-                                >
-                                    <svg-icon name="dark-mode" class="size-4" />
-                                </ui-button>
-                            </div>
-                            <div class="markdown-modes">
-                                <ui-button
-                                    size="sm"
-                                    variant="ghost"
-                                    class="px-2!"
-                                    @click="mode = 'write'"
-                                    :class="{ 'text-black! dark:text-white!': mode == 'write' }"
-                                    v-text="__('Write')"
-                                    :aria-pressed="mode === 'write' ? 'true' : 'false'"
-                                />
-                                <ui-button
-                                    size="sm"
-                                    variant="ghost"
-                                    class="px-2!"
-                                    @click="mode = 'preview'"
-                                    :class="{ 'text-black! dark:text-white!': mode == 'preview' }"
-                                    v-text="__('Preview')"
-                                    :aria-pressed="mode === 'preview' ? 'true' : 'false'"
-                                />
-                            </div>
-                        </div>
+                        <markdown-toolbar
+                            v-if="!fullScreenMode"
+                            :mode="mode"
+                            :buttons="buttons"
+                            :is-read-only="isReadOnly"
+                            :show-dark-mode="false"
+                            :dark-mode="darkMode"
+                            :is-fullscreen="false"
+                            @toggle-mode="mode = $event"
+                            @toggle-dark-mode="toggleDarkMode"
+                            @button-click="handleButtonClick"
+                        />
 
                         <div class="drag-notification" v-show="dragging">
                             <svg-icon name="upload" class="mb-4 size-12" />
@@ -113,7 +59,7 @@
 
                         <uploads v-if="uploads.length" :uploads="uploads" class="-mt-px" />
 
-                        <div :class="`mode-wrap mode-${mode}`" @click="focus">
+                        <div :class="`mode-wrap mode-${mode}`, { 'prose p-3': mode == 'preview' }" @click="focus">
                             <div
                                 class="markdown-writer"
                                 ref="writer"
@@ -135,14 +81,14 @@
                                             >
                                                 <svg-icon
                                                     name="markdown-icon"
-                                                    class="h-4 w-6 items-start ltr:mr-2 rtl:ml-2"
+                                                    class="h-4 w-6 items-start me-2"
                                                 />
                                                 <span>{{ __('Markdown Cheatsheet') }}</span>
                                             </button>
                                         </div>
                                     </div>
-                                    <div v-if="fullScreenMode" class="flex items-center ltr:pr-2 rtl:pl-2">
-                                        <div class="whitespace-nowrap ltr:mr-4 rtl:ml-4">
+                                    <div v-if="fullScreenMode" class="flex items-center pe-2">
+                                        <div class="whitespace-nowrap me-2">
                                             <span v-text="count.words" /> {{ __('Words') }}
                                         </div>
                                         <div class="whitespace-nowrap">
@@ -160,7 +106,7 @@
                             <div
                                 v-show="mode == 'preview'"
                                 v-html="markdownPreviewText"
-                                class="markdown-preview prose-sm @md/markdown:prose-base"
+                                class="markdown-preview p-3 prose prose-sm @md/markdown:prose-base"
                             ></div>
                         </div>
                     </div>
@@ -227,6 +173,7 @@ import { availableButtons } from './buttons';
 import Selector from '../../assets/Selector.vue';
 import Uploader from '../../assets/Uploader.vue';
 import Uploads from '../../assets/Uploads.vue';
+import MarkdownToolbar from './MarkdownToolbar.vue';
 // Keymaps
 import 'codemirror/keymap/sublime';
 
@@ -278,6 +225,7 @@ export default {
         Selector,
         Uploader,
         Uploads,
+        MarkdownToolbar,
     },
 
     data() {
@@ -717,6 +665,10 @@ export default {
 
             this.count = { characters, words };
         },
+
+        handleButtonClick(command) {
+            command(this);
+        },
     },
 
     computed: {
diff --git a/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue b/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue
new file mode 100644
index 00000000000..caeb1a6297c
--- /dev/null
+++ b/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue
@@ -0,0 +1,90 @@
+<template>
+    <div
+        class="flex items-center justify-between bg-gray-50 dark:bg-gray-950 rounded-t-xl py-1 px-2 border-b border-gray-300 dark:border-white/15"
+    >
+        <div class="flex items-center" v-if="!isReadOnly">
+            <ui-button
+                size="sm"
+                variant="ghost"
+                class="px-2!"
+                v-for="button in buttons"
+                :key="button.name"
+                v-tooltip="button.text"
+                :aria-label="button.text"
+                @click="handleButtonClick(button)"
+            >
+                <svg-icon :name="button.svg" class="size-4" />
+            </ui-button>
+            <ui-button
+                v-if="showDarkMode"
+                size="sm"
+                variant="ghost"
+                class="px-2!"
+                @click="$emit('toggle-dark-mode')"
+                v-tooltip="darkMode ? __('Light Mode') : __('Dark Mode')"
+                :aria-label="__('Toggle Dark Mode')"
+            >
+                <svg-icon name="dark-mode" class="size-4" />
+            </ui-button>
+        </div>
+        <div class="flex items-center">
+            <ui-button
+                size="sm"
+                variant="ghost"
+                class="px-2!"
+                @click="$emit('toggle-mode', 'write')"
+                :class="{ 'text-black! dark:text-white!': mode == 'write' }"
+                v-text="__('Write')"
+                :aria-pressed="mode === 'write' ? 'true' : 'false'"
+            />
+            <ui-button
+                size="sm"
+                variant="ghost"
+                class="px-2!"
+                @click="$emit('toggle-mode', 'preview')"
+                :class="{ 'text-black! dark:text-white!': mode == 'preview' }"
+                v-text="__('Preview')"
+                :aria-pressed="mode === 'preview' ? 'true' : 'false'"
+            />
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        mode: {
+            type: String,
+            required: true
+        },
+        buttons: {
+            type: Array,
+            required: true
+        },
+        isReadOnly: {
+            type: Boolean,
+            default: false
+        },
+        showDarkMode: {
+            type: Boolean,
+            default: false
+        },
+        darkMode: {
+            type: Boolean,
+            default: false
+        },
+        isFullscreen: {
+            type: Boolean,
+            default: false
+        }
+    },
+
+    emits: ['toggle-mode', 'toggle-dark-mode', 'button-click'],
+
+    methods: {
+        handleButtonClick(button) {
+            this.$emit('button-click', button.command);
+        }
+    }
+};
+</script>
diff --git a/resources/views/partials/new-global-header.blade.php b/resources/views/partials/new-global-header.blade.php
index 0c71376877f..c41b55c1606 100644
--- a/resources/views/partials/new-global-header.blade.php
+++ b/resources/views/partials/new-global-header.blade.php
@@ -2,7 +2,7 @@
     use function Statamic\trans as __;
 @endphp
 
-<header class="h-14 bg-gray-800 flex justify-between space-x-2 items-center text-white px-4 dark fixed top-0 inset-x-0 z-[100]">
+<header class="h-14 bg-gray-800 flex justify-between space-x-2 items-center text-white px-4 dark fixed top-0 inset-x-0 z-[3]">
     <div class="flex items-center gap-2 text-[0.8125rem] text-gray-300">
         <a href="/" class="flex items-center gap-2">
             @cp_svg('icons/statamic-mark-lime', 'size-7')

From 6e81ad25eb3537fefad1d81a937e22b6a82ac3ce Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 8 Apr 2025 13:22:16 -0400
Subject: [PATCH 065/186] not using this

---
 resources/css/cp.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/css/cp.css b/resources/css/cp.css
index 97dba5835af..a4b8a880221 100644
--- a/resources/css/cp.css
+++ b/resources/css/cp.css
@@ -61,7 +61,7 @@
 @import './components/fieldtypes/environment.css';
 @import './components/fieldtypes/grid.css';
 @import './components/fieldtypes/hidden.css';
-@import './components/fieldtypes/markdown.css';
+/* @import './components/fieldtypes/markdown.css'; */
 @import './components/fieldtypes/partial.css';
 @import './components/fieldtypes/radio.css';
 @import './components/fieldtypes/relationship.css';

From ed441db0809b7a62ffc80ef797612a1133aa0354 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 8 Apr 2025 14:13:17 -0400
Subject: [PATCH 066/186] tweak small badge border radius

---
 resources/js/components/ui/Badge.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Badge.vue b/resources/js/components/ui/Badge.vue
index 03547fa8622..3f2e0b5509a 100644
--- a/resources/js/components/ui/Badge.vue
+++ b/resources/js/components/ui/Badge.vue
@@ -23,7 +23,7 @@ const badgeClasses = computed(() => {
         base: 'inline-flex items-center gap-1 font-normal antialiased whitespace-nowrap no-underline not-prose',
         variants: {
             size: {
-                sm: 'text-2xs py-0 leading-normal px-1 rounded-xs [&_svg]:size-2',
+                sm: 'text-2xs py-0 leading-normal px-1 rounded-[0.1875rem] [&_svg]:size-2',
                 default: 'text-xs py-0.5 px-2 rounded-sm [&_svg]:size-2.5',
                 lg: 'text-sm py-1 px-3 rounded-md [&_svg]:size-3 [&_svg]:me-1',
             },

From da088cde8c123ceb0c28e126da3244dc11c3fba1 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 8 Apr 2025 14:56:35 -0400
Subject: [PATCH 067/186] Wire Publish Actions dropdown up (looks like butt
 soup though)

---
 .../js/components/entries/PublishForm.vue     | 31 +++++++++++--------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/resources/js/components/entries/PublishForm.vue b/resources/js/components/entries/PublishForm.vue
index 1846f92310f..ac23d26017a 100644
--- a/resources/js/components/entries/PublishForm.vue
+++ b/resources/js/components/entries/PublishForm.vue
@@ -6,19 +6,24 @@
                 {{ formattedTitle }}
             </template>
 
-            <dropdown-list class="ltr:mr-4 rtl:ml-4" v-if="canEditBlueprint || hasItemActions">
-                <dropdown-item :text="__('Edit Blueprint')" v-if="canEditBlueprint" :redirect="actions.editBlueprint" />
-                <li class="divider" />
-                <data-list-inline-actions
-                    v-if="!isCreating && hasItemActions"
-                    :item="values.id"
-                    :url="itemActionUrl"
-                    :actions="itemActions"
-                    :is-dirty="isDirty"
-                    @started="actionStarted"
-                    @completed="actionCompleted"
-                />
-            </dropdown-list>
+            <ui-dropdown v-if="canEditBlueprint || hasItemActions">
+                <template #trigger>
+                    <ui-button icon="dots" variant="ghost" />
+                </template>
+                <ui-dropdown-menu>
+                    <ui-dropdown-item :text="__('Edit Blueprint')" v-if="canEditBlueprint" :href="actions.editBlueprint" />
+                    <ui-dropdown-separator />
+                    <data-list-inline-actions
+                        v-if="!isCreating && hasItemActions"
+                        :item="values.id"
+                        :url="itemActionUrl"
+                        :actions="itemActions"
+                        :is-dirty="isDirty"
+                        @started="actionStarted"
+                        @completed="actionCompleted"
+                    />
+                </ui-dropdown-menu>
+            </ui-dropdown>
 
             <div class="flex pt-px text-2xs text-gray-600 ltr:mr-4 rtl:ml-4" v-if="readOnly">
                 <svg-icon name="light/lock" class="-mt-1 w-4 ltr:mr-1 rtl:ml-1" /> {{ __('Read Only') }}

From 852e25a431383e557abd6e476dd25b0e037e636d Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 8 Apr 2025 23:15:35 -0400
Subject: [PATCH 068/186] field spacing

---
 resources/js/components/publish/Fields.vue    |  2 +-
 resources/views/partials/nav-main.blade.php   | 29 ++++---------------
 .../partials/new-global-header.blade.php      | 11 +++++--
 3 files changed, 15 insertions(+), 27 deletions(-)

diff --git a/resources/js/components/publish/Fields.vue b/resources/js/components/publish/Fields.vue
index 18249f79571..debfadeeb58 100644
--- a/resources/js/components/publish/Fields.vue
+++ b/resources/js/components/publish/Fields.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="publish-fields @container space-y-4">
+    <div class="publish-fields @container gap-3 lg:gap-6">
         <publish-field
             v-for="field in fields"
             v-show="showField(field)"
diff --git a/resources/views/partials/nav-main.blade.php b/resources/views/partials/nav-main.blade.php
index f85a97028c7..c7db557b1cd 100644
--- a/resources/views/partials/nav-main.blade.php
+++ b/resources/views/partials/nav-main.blade.php
@@ -3,41 +3,25 @@
 @endphp
 
 @section('nav-main')
-<div class="h-full overflow-y-auto relative w-46">
-    <nav class="flex flex-col gap-7 py-6 px-5 text-sm antialiased [&_svg]:text-gray-400 dark:[&_svg]:text-gray-600 select-none">
+    <nav class="nav-main">
         @foreach ($nav as $section)
             <div>
                 @if ($section['display'] !== 'Top Level')
-                    <div class="text-sm text-black dark:text-gray-200 mb-2">
-                        {{ __($section['display']) }}
-                    </div>
+                    <div class="section-title">{{ __($section['display']) }}</div>
                 @endif
-                <ul class="flex flex-col gap-2">
+                <ul>
                     @foreach ($section['items'] as $item)
                         @unless ($item->view())
                             <li v-pre>
-                                <a class="
-                                        flex items-center gap-3 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200
-                                        {{ $item->isActive() ? 'text-black [&_svg]:text-black dark:text-white [&_svg]:dark:text-gray-200' : 'text-gray-600 dark:text-gray-400' }}
-                                    "
-                                    href="{{ $item->url() }}"
-                                    {{ $item->attributes() }}
-                                >
+                                <a @class(['active' => $item->isActive()]) href="{{ $item->url() }}" {{ $item->attributes() }}>
                                     {!! $item->svg() !!}
                                     <span>{{ __($item->name()) }}</span>
                                 </a>
                                 @if ($item->children() && $item->isActive())
-                                    <ul class="
-                                        ml-1.5 pl-5.5 translate-x-px my-1.5 space-y-1 text-[13px]
-                                        min-w-0 flex-col gap-1 border-l border-gray-300 dark:border-gray-600
-                                    ">
+                                    <ul>
                                         @foreach ($item->children() as $child)
                                             <li>
-                                                <a
-                                                    class="{{ $child->isActive() ? 'text-black [&_svg]:text-black dark:text-white [&_svg]:dark:text-gray-200' : 'text-gray-600 hover:text-black dark:text-gray-400 dark:hover:text-gray-200' }}"
-                                                    href="{{ $child->url() }}"
-                                                    {{ $item->attributes() }}
-                                                >
+                                                <a href="{{ $child->url() }}" {{ $item->attributes() }}>
                                                     {{ __($child->name()) }}
                                                 </a>
                                             </li>
@@ -53,7 +37,6 @@ class="{{ $child->isActive() ? 'text-black [&_svg]:text-black dark:text-white [&
             </div>
         @endforeach
     </nav>
-</div>
 @stop
 
 @yield('nav-main')
diff --git a/resources/views/partials/new-global-header.blade.php b/resources/views/partials/new-global-header.blade.php
index c41b55c1606..243779de2d7 100644
--- a/resources/views/partials/new-global-header.blade.php
+++ b/resources/views/partials/new-global-header.blade.php
@@ -4,15 +4,20 @@
 
 <header class="h-14 bg-gray-800 flex justify-between space-x-2 items-center text-white px-4 dark fixed top-0 inset-x-0 z-[3]">
     <div class="flex items-center gap-2 text-[0.8125rem] text-gray-300">
-        <a href="/" class="flex items-center gap-2">
-            @cp_svg('icons/statamic-mark-lime', 'size-7')
+        <div class="flex items-center gap-2 relative">
+            <button class="flex items-center group cursor-pointer" type="button" @click="toggleNav" aria-label="{{ __('Toggle Nav') }}">
+                <div class="opacity-0 group-hover:opacity-100 p-1 size-7 transition-opacity duration-150 absolute inset-0 flex items-center justify-center">
+                    @cp_svg('icons/light/burger', 'size-4')
+                </div>
+                @cp_svg('icons/statamic-mark-lime', 'size-7 group-hover:opacity-0 transition-opacity duration-150')
+            </button>
             <a href="{{ route('statamic.cp.index') }}" class="text-gray-300">
                 {{ config('app.name') }}
             </a>
             @if (Statamic::pro())
                 <ui-badge size="sm" variant="flat" text="Pro" />
             @endif
-        </a>
+        </div>
         <span class="text-gray-500">/</span>
         <ui-dropdown v-cloak>
             <template #trigger>

From a6c838a5948a67c48c07eb9aa07c7f8692e52267 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 8 Apr 2025 23:15:51 -0400
Subject: [PATCH 069/186] show/hide nav + animation

---
 resources/css/components/nav-main.css | 112 --------------------------
 resources/css/core/layout.css         |  45 ++++++++++-
 resources/css/cp.css                  |   1 -
 3 files changed, 44 insertions(+), 114 deletions(-)
 delete mode 100644 resources/css/components/nav-main.css

diff --git a/resources/css/components/nav-main.css b/resources/css/components/nav-main.css
deleted file mode 100644
index c6386c85534..00000000000
--- a/resources/css/components/nav-main.css
+++ /dev/null
@@ -1,112 +0,0 @@
-/* ==========================================================================
-   THE MAIN NAV
-   ========================================================================== */
-
-.nav-/main {
-    @apply absolute hidden h-screen w-56 select-none overflow-scroll bg-white shadow start-0;
-    @apply dark:bg-dark-800 dark:shadow-lg;
-
-    transition: all 0.3s;
-
-    h6 {
-        @apply mt-6;
-    }
-
-    ul {
-        @apply mt-0 list-none p-0;
-    }
-
-    li {
-        @apply p-0 text-sm;
-        margin-top: 6px;
-    }
-
-    li a {
-        @apply flex items-center p-0 text-gray-800 dark:text-dark-150;
-        transition: all 0.08s ease-in-out;
-
-        &:hover {
-            @apply text-blue dark:text-blue-300;
-            i {
-                @apply dark:text-blue-300;
-            }
-        }
-
-        i {
-            @apply block h-7 w-7 rounded-full p-1 ltr:mr-2 rtl:ml-2;
-            @apply dark:text-dark-150/70;
-        }
-    }
-
-    li.current > a {
-        @apply font-medium text-gray-900 dark:text-white;
-
-        i {
-            @apply bg-white dark:bg-dark-600 dark:text-dark-100;
-        }
-    }
-
-    li ul {
-        @apply mb-2;
-        margin-left: 1.5rem;
-        [dir='rtl'] & {
-            margin-right: 1.5rem;
-            margin-left: 0;
-        }
-
-        li {
-            @apply text-xs;
-            margin-left: 12px;
-            [dir='rtl'] & {
-                margin-right: 12px;
-                margin-left: 0;
-            }
-        }
-
-        li a {
-            @apply text-gray;
-        }
-    }
-
-    .nav-closed & {
-        left: -110%;
-        [dir='rtl'] & {
-            left: auto;
-            right: -110%;
-        }
-    }
-
-    .nav-section-top-level {
-        @apply mt-4;
-    }
-}
-
-@media (width >= theme(--breakpoint-md)) {
-    .nav-main {
-        @apply fixed flex overflow-auto bg-transparent shadow-none dark:border-dark-900 ltr:border-r rtl:border-l;
-        height: calc(100% - 52px);
-        .showing-license-banner & {
-            height: calc(100% - 105px);
-        }
-
-        .nav-closed & {
-            @apply border-0 shadow-none;
-        }
-    }
-}
-
-.nav-main-inner {
-    @apply pt-2 ltr:pl-6 ltr:pr-4 rtl:pl-4 rtl:pr-6;
-}
-
-.nav-toggle {
-    @apply flex h-6 w-6 items-center justify-center rounded-sm p-1 ltr:mr-3 rtl:ml-3;
-    outline: none !important;
-
-    &:hover {
-        @apply bg-gray-200 dark:bg-dark-500;
-    }
-}
-
-/* Responsive Wangjangling
-  ========================================================================== */
diff --git a/resources/css/core/layout.css b/resources/css/core/layout.css
index a4983acf402..7fbc03ec736 100644
--- a/resources/css/core/layout.css
+++ b/resources/css/core/layout.css
@@ -2,14 +2,57 @@
    GLOBAL CONTROL PANEL LAYOUT ELEMENTS
    ========================================================================== */
 
+   /* ==========================================================================
+   THE MAIN NAV (LEFT SIDEBAR)
+   ========================================================================== */
+
+.nav-main {
+    @apply flex flex-col gap-7 py-6 px-5 text-sm antialiased [&_svg]:text-gray-400 dark:[&_svg]:text-gray-600 select-none;
+    @apply h-full overflow-y-auto fixed top-14 left-0 w-46;
+
+    transition: all 0.3s ease-in-out;
+
+    ul {
+        @apply flex flex-col gap-2;
+    }
+
+    ul li a {
+        @apply flex items-center gap-3 text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200 ;
+    }
+
+    ul li a.active {
+        @apply text-black [&_svg]:text-black dark:text-white [&_svg]:dark:text-gray-200;
+    }
+
+    ul li ul {
+        @apply ml-1.5 pl-5.5 translate-x-px my-1.5 space-y-1 text-[13px] min-w-0 flex-col gap-1 border-l border-gray-300 dark:border-gray-600;
+    }
+
+    .section-title {
+        @apply text-sm text-black dark:text-gray-200 mb-2;
+    }
+}
+
+main {
+    @apply ps-46;
+    transition: all 0.3s ease-in-out;
+}
+
+
+
 .nav-closed .nav-main {
-    @apply md:-start-56;
+    @apply md:-start-46;
 }
 
 .nav-closed main {
     @apply md:ps-0;
 }
 
+
+
+
+
+
 /* Draggable Mirrors
   ========================================================================== */
 
diff --git a/resources/css/cp.css b/resources/css/cp.css
index a4b8a880221..63ceeff5666 100644
--- a/resources/css/cp.css
+++ b/resources/css/cp.css
@@ -28,7 +28,6 @@
 @import './components/items.css';
 @import './components/metrics.css';
 @import './components/modal.css';
-@import './components/nav-main.css';
 @import './components/nav-mobile.css';
 @import './components/notifications.css';
 @import './components/outside.css';

From 587603a573ab2b0555138f8f394d098722661d4c Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 9 Apr 2025 10:48:25 -0400
Subject: [PATCH 070/186] Style Publish form Save Button + Dropdown

---
 resources/css/components/publish.css          |  2 +-
 .../js/components/entries/PublishForm.vue     | 10 +--
 .../components/publish/SaveButtonOptions.vue  | 89 +++++--------------
 resources/js/components/ui/Dropdown/Menu.vue  |  9 +-
 resources/js/components/ui/Radio/Group.vue    |  1 +
 resources/js/components/ui/Radio/Item.vue     |  2 +-
 6 files changed, 37 insertions(+), 76 deletions(-)

diff --git a/resources/css/components/publish.css b/resources/css/components/publish.css
index 9da37aa1de4..cd3ef11462e 100644
--- a/resources/css/components/publish.css
+++ b/resources/css/components/publish.css
@@ -103,7 +103,7 @@ code.parent-url {
 }
 
 .publish-sidebar {
-    @apply shrink-0 ms-4 w-[300px];
+    @apply shrink-0 ms-8 w-[300px];
 
     .publish-fields .form-group {
         @apply p-0;
diff --git a/resources/js/components/entries/PublishForm.vue b/resources/js/components/entries/PublishForm.vue
index ac23d26017a..8f46781e186 100644
--- a/resources/js/components/entries/PublishForm.vue
+++ b/resources/js/components/entries/PublishForm.vue
@@ -29,14 +29,14 @@
                 <svg-icon name="light/lock" class="-mt-1 w-4 ltr:mr-1 rtl:ml-1" /> {{ __('Read Only') }}
             </div>
 
-            <div class="hidden items-center md:flex">
+            <div class="hidden items-center md:flex gap-3">
                 <save-button-options
                     v-if="!readOnly"
                     :show-options="!revisionsEnabled && !isInline"
                     :button-class="saveButtonClass"
                     :preferences-prefix="preferencesPrefix"
                 >
-                    <button :class="saveButtonClass" :disabled="!canSave" @click.prevent="save" v-text="saveText" />
+                    <ui-button :disabled="!canSave" @click.prevent="save" v-text="saveText" />
                 </save-button-options>
 
                 <save-button-options
@@ -45,11 +45,11 @@
                     button-class="btn-primary"
                     :preferences-prefix="preferencesPrefix"
                 >
-                    <button
-                        class="btn-primary flex items-center ltr:ml-4 rtl:mr-4"
+                    <ui-button
+                        variant="primary"
                         :disabled="!canPublish"
                         @click="confirmingPublish = true"
-                        v-text="publishButtonText"
+                        :text="publishButtonText"
                     />
                 </save-button-options>
             </div>
diff --git a/resources/js/components/publish/SaveButtonOptions.vue b/resources/js/components/publish/SaveButtonOptions.vue
index f07b309c7a1..d2b92ffa887 100644
--- a/resources/js/components/publish/SaveButtonOptions.vue
+++ b/resources/js/components/publish/SaveButtonOptions.vue
@@ -1,44 +1,27 @@
 <template>
-    <div :class="{ 'btn-group': showOptions }">
-        <!-- Save button -->
-        <slot></slot>
-
-        <!-- Save and continue options dropdown -->
-        <dropdown-list v-if="showOptions" class="ltr:text-left rtl:text-right">
-            <template v-slot:trigger>
-                <button :class="buttonClass" class="ltr:rounded-l-none rtl:rounded-r-none">
-                    <svg-icon v-if="buttonIcon" :name="buttonIcon.name" :class="buttonIcon.class" />
-                </button>
+    <component :is="wrapperComponent">
+        <slot />
+        <ui-dropdown v-if="showOptions" align="end">
+            <template #trigger>
+                <ui-button variant="primary" icon="chevron-down" />
             </template>
-            <h6 v-text="__('After Saving')" class="p-2" />
-            <div class="publish-fields px-2 py-1">
-                <div class="publish-field save-and-continue-options radio-fieldtype">
-                    <radio-fieldtype
-                        handle="save_and_continue_options"
-                        :config="options"
-                        :value="currentOption"
-                        @update:value="currentOption = $event"
-                    />
-                </div>
-            </div>
-        </dropdown-list>
-    </div>
+            <ui-dropdown-menu>
+                <ui-dropdown-label v-text="__('After Saving')" />
+                <ui-radio-group v-model="currentOption">
+                    <ui-radio-item :label="__('Go To Listing')" value="listing" />
+                    <ui-radio-item :label="__('Continue Editing')" value="continue_editing" />
+                    <ui-radio-item :label="__('Create Another')" value="create_another" />
+                </ui-radio-group>
+            </ui-dropdown-menu>
+        </ui-dropdown>
+    </component>
 </template>
 
 <script>
 export default {
     props: {
-        showOptions: {
-            type: Boolean,
-            default: true,
-        },
-        buttonClass: {
-            default: 'btn-primary',
-        },
-        preferencesPrefix: {
-            type: String,
-            required: true,
-        },
+        showOptions: { type: Boolean, default: true },
+        preferencesPrefix: { type: String, required: true },
     },
 
     data() {
@@ -48,30 +31,13 @@ export default {
     },
 
     computed: {
-        options() {
-            return {
-                options: {
-                    listing: __('Go To Listing'),
-                    continue_editing: __('Continue Editing'),
-                    create_another: __('Create Another'),
-                },
-            };
-        },
-
-        buttonIcon() {
-            switch (true) {
-                case this.currentOption === 'listing':
-                    return { name: 'micro/arrow-go-back', class: 'w-3' };
-                case this.currentOption === 'continue_editing':
-                    return { name: 'micro/chevron-down-xs', class: 'w-2' };
-                case this.currentOption === 'create_another':
-                    return { name: 'micro/add-circle', class: 'w-3' };
-            }
-        },
-
         preferencesKey() {
             return `${this.preferencesPrefix}.after_save`;
         },
+
+        wrapperComponent() {
+            return this.showOptions ? 'ui-button-group' : 'div';
+        },
     },
 
     mounted() {
@@ -95,16 +61,3 @@ export default {
     },
 };
 </script>
-
-<style>
-.save-and-continue-options input {
-    margin-bottom: 9px;
-}
-.save-and-continue-options input {
-    margin-right: 5px;
-    [dir='rtl'] & {
-        margin-left: 5px;
-        margin-right: 0;
-    }
-}
-</style>
diff --git a/resources/js/components/ui/Dropdown/Menu.vue b/resources/js/components/ui/Dropdown/Menu.vue
index 2c2ddbba51c..25032cbd533 100644
--- a/resources/js/components/ui/Dropdown/Menu.vue
+++ b/resources/js/components/ui/Dropdown/Menu.vue
@@ -1,6 +1,13 @@
 <template>
     <div
-        class="shadow-ui-xs z-10 grid grid-cols-[auto_1fr] overflow-hidden rounded-b-xl border-gray-200 bg-white p-1.5 group-has-data-ui-dropdown-footer:border-b dark:border-black dark:bg-gray-900"
+        class="
+            grid grid-cols-[auto_1fr] p-1.5
+            bg-white border-gray-200 dark:bg-gray-900 dark:border-black rounded-b-xl shadow-ui-xs
+            group-has-data-ui-dropdown-footer:border-b
+            [&_[data-ui-radio-item]]:ps-3 [&_[data-ui-radio-item]]:py-0.5
+            overflow-hidden z-10
+        "
+        data-ui-dropdown-menu
     >
         <slot />
     </div>
diff --git a/resources/js/components/ui/Radio/Group.vue b/resources/js/components/ui/Radio/Group.vue
index 89c49709dca..238ed3e5041 100644
--- a/resources/js/components/ui/Radio/Group.vue
+++ b/resources/js/components/ui/Radio/Group.vue
@@ -29,6 +29,7 @@ defineExpose({ focus });
             class="relative block w-full space-y-2"
             :class="{ 'flex flex-wrap space-y-0 gap-x-4 gap-y-2': inline }"
             data-ui-input
+            data-ui-radio-group
         >
             <slot />
         </RadioGroupRoot>
diff --git a/resources/js/components/ui/Radio/Item.vue b/resources/js/components/ui/Radio/Item.vue
index bb7616b15b8..a542ed2b52e 100644
--- a/resources/js/components/ui/Radio/Item.vue
+++ b/resources/js/components/ui/Radio/Item.vue
@@ -12,7 +12,7 @@ const id = useId();
 </script>
 
 <template>
-    <div class="flex items-start gap-3">
+    <div class="flex items-start gap-3" data-ui-radio-item>
         <RadioGroupItem
             :id
             :value="value"

From 809a534d57812d5a81090a59e10d6d7752251ee3 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 9 Apr 2025 10:52:14 -0400
Subject: [PATCH 071/186] not used anymore

---
 resources/js/components/entries/PublishForm.vue | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/resources/js/components/entries/PublishForm.vue b/resources/js/components/entries/PublishForm.vue
index 8f46781e186..ae55f8c8c37 100644
--- a/resources/js/components/entries/PublishForm.vue
+++ b/resources/js/components/entries/PublishForm.vue
@@ -33,7 +33,6 @@
                 <save-button-options
                     v-if="!readOnly"
                     :show-options="!revisionsEnabled && !isInline"
-                    :button-class="saveButtonClass"
                     :preferences-prefix="preferencesPrefix"
                 >
                     <ui-button :disabled="!canSave" @click.prevent="save" v-text="saveText" />
@@ -42,7 +41,6 @@
                 <save-button-options
                     v-if="revisionsEnabled && !isCreating"
                     :show-options="!isInline"
-                    button-class="btn-primary"
                     :preferences-prefix="preferencesPrefix"
                 >
                     <ui-button
@@ -512,13 +510,6 @@ export default {
             return !this.published;
         },
 
-        saveButtonClass() {
-            return {
-                btn: this.revisionsEnabled,
-                'btn-primary': this.isCreating || !this.revisionsEnabled,
-            };
-        },
-
         afterSaveOption() {
             return this.getPreference('after_save');
         },

From 42e839ac699c1e81db6da85061b8f458f296fc48 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 9 Apr 2025 13:39:50 -0400
Subject: [PATCH 072/186] Pretty up Revisions

---
 resources/css/components/revisions.css        | 71 -------------------
 resources/css/cp.css                          |  1 -
 .../js/components/entries/PublishForm.vue     |  2 +-
 .../components/revision-history/History.vue   | 20 +++---
 .../components/revision-history/Revision.vue  | 37 +++++++---
 resources/js/components/ui/Button/Index.vue   |  2 +-
 resources/js/components/ui/Subheading.vue     |  2 +-
 7 files changed, 39 insertions(+), 96 deletions(-)
 delete mode 100644 resources/css/components/revisions.css

diff --git a/resources/css/components/revisions.css b/resources/css/components/revisions.css
deleted file mode 100644
index b6334c93b51..00000000000
--- a/resources/css/components/revisions.css
+++ /dev/null
@@ -1,71 +0,0 @@
-/* ==========================================================================
-   Revisions
-   ========================================================================== */
-
-.revision-list {
-    /*  @apply pb-4; */
-}
-
-.revision-date {
-    @apply mt-4 p-4 pb-2;
-}
-
-.revision-item {
-    @apply block cursor-pointer border-t p-2 text-sm dark:border-dark-900;
-    &:hover {
-        @apply bg-gray-200 dark:bg-dark-400;
-    }
-    &:last-child {
-        @apply border-b dark:border-dark-900;
-    }
-}
-
-.revision-item-bullet-container {
-    @apply relative w-4;
-    top: -2px;
-
-    .revision-item-bullet {
-        @apply relative inline-block bg-gray-600;
-        border-radius: 7px;
-        height: 7px;
-        width: 7px;
-        flex-shrink: 0;
-    }
-}
-
-.revision-item .badge {
-    @apply rounded-xs text-4xs uppercase text-white ltr:ml-2 rtl:mr-2;
-    height: 16px;
-
-    &.publish {
-        @apply bg-green-600;
-    }
-    &.revision,
-    &.restore {
-        @apply text-gray-700 dark:bg-dark-300 dark:text-dark-150;
-    }
-    &.unpublish {
-        @apply bg-red-500;
-    }
-}
-
-.revision-item-note {
-    @apply mb-1 text-sm font-medium text-gray-800;
-    width: 300px;
-}
-
-.revision-item.status-published {
-    .revision-item-bullet {
-        @apply bg-green-600;
-    }
-}
-
-.revision-item.status-working-copy {
-    @apply text-blue;
-    .revision-item-bullet {
-        @apply bg-blue dark:bg-dark-blue-100;
-    }
-    .badge {
-        @apply bg-blue dark:bg-dark-blue-100;
-    }
-}
diff --git a/resources/css/cp.css b/resources/css/cp.css
index 63ceeff5666..66304818679 100644
--- a/resources/css/cp.css
+++ b/resources/css/cp.css
@@ -37,7 +37,6 @@
 @import './components/preview.css';
 @import './components/publish.css';
 @import './components/progress.css';
-@import './components/revisions.css';
 @import './components/roles.css';
 @import './components/settings.css';
 @import './components/shortcuts.css';
diff --git a/resources/js/components/entries/PublishForm.vue b/resources/js/components/entries/PublishForm.vue
index ae55f8c8c37..f930ed9e06a 100644
--- a/resources/js/components/entries/PublishForm.vue
+++ b/resources/js/components/entries/PublishForm.vue
@@ -142,7 +142,7 @@
                                     <ui-panel v-if="revisionsEnabled && !isCreating">
                                         <ui-panel-header class="flex items-center justify-between">
                                             <ui-heading :text="__('Revisions')" />
-                                            <ui-button @click="showRevisionHistory = true" icon="history" :text="__('View History')" size="sm" />
+                                            <ui-button @click="showRevisionHistory = true" icon="history" :text="__('View History')" size="xs" class="-me-4" />
                                         </ui-panel-header>
                                         <ui-card class="space-y-2">
                                             <ui-subheading v-if="published" class="flex items-center gap-2">
diff --git a/resources/js/components/revision-history/History.vue b/resources/js/components/revision-history/History.vue
index 7063e5f986d..deac611fc3f 100644
--- a/resources/js/components/revision-history/History.vue
+++ b/resources/js/components/revision-history/History.vue
@@ -1,24 +1,24 @@
 <template>
-    <div class="flex h-full flex-col bg-white dark:bg-dark-800">
-        <div
-            class="flex items-center justify-between border-b border-gray-300 bg-gray-200 px-4 py-2 text-lg font-medium dark:border-dark-900 dark:bg-dark-600"
+    <div class="flex h-full flex-col bg-white dark:bg-gray-800 m-2 rounded-xl">
+        <header
+            class="flex items-center justify-between border-b border-gray-300 dark:border-gray-950 bg-gray-50 dark:bg-gray-900 rounded-t-xl px-4 py-2"
         >
-            {{ __('Revision History') }}
-            <button type="button" class="btn-close" @click="close" v-html="'&times'" />
-        </div>
+            <ui-heading size="lg">{{ __('Revision History') }}</ui-heading>
+            <ui-button icon="x" variant="ghost" class="-me-2" @click="close" />
+        </header>
 
         <div class="flex-1 overflow-auto">
             <div class="loading flex h-full items-center justify-center" v-if="loading">
                 <loading-graphic />
             </div>
 
-            <div v-if="!loading && revisions.length === 0" class="p-4 text-sm text-gray dark:text-dark-150">
+            <ui-heading size="sm" class="p-3" v-if="!loading && revisions.length === 0">
                 {{ __('No revisions') }}
-            </div>
+            </ui-heading>
 
             <div v-for="group in revisions" :key="group.day">
-                <h6 class="revision-date" v-text="formatRelativeDate(group.day)" />
-                <div class="revision-list">
+                <ui-heading size="sm" class="p-3" v-text="formatRelativeDate(group.day)" />
+                <div class="divide-y divide-gray-200 dark:divide-gray-900">
                     <revision
                         v-for="revision in group.revisions"
                         :key="revision.date"
diff --git a/resources/js/components/revision-history/Revision.vue b/resources/js/components/revision-history/Revision.vue
index 73ae6663b9c..56498be98d5 100644
--- a/resources/js/components/revision-history/Revision.vue
+++ b/resources/js/components/revision-history/Revision.vue
@@ -1,6 +1,6 @@
 <template>
     <div
-        class="revision-item"
+        class="block cursor-pointer py-2 px-3 space-y-2 text-sm hover:bg-gray-50 dark:hover:bg-gray-900"
         :class="{
             'status-working-copy': revision.working,
             'status-published': revision.attributes.published,
@@ -9,22 +9,37 @@
     >
         <div v-if="revision.message" class="revision-item-note truncate" v-text="revision.message" />
 
-        <div class="flex items-center">
-            <avatar v-if="revision.user" :user="revision.user" class="w-6 shrink-0 ltr:mr-2 rtl:ml-2" />
+        <div class="flex items-center gap-2">
+            <avatar v-if="revision.user" :user="revision.user" class="size-6 shrink-0" />
 
             <div class="revision-item-content flex w-full">
                 <div class="flex-1">
-                    <div class="revision-author text-2xs text-gray-700 dark:text-dark-150">
-                        <template v-if="revision.user"
-                            >{{ revision.user.name || revision.user.email }} &ndash;</template
-                        >
+                    <ui-subheading>
+                        <template v-if="revision.user">
+                            {{ revision.user.name || revision.user.email }} &ndash;
+                        </template>
                         {{ time }}
-                    </div>
+                    </ui-subheading>
                 </div>
 
-                <span class="badge" v-if="revision.working" v-text="__('Working Copy')" />
-                <span class="badge" :class="revision.action" v-else v-text="__(revision.action)" />
-                <span class="badge bg-orange" v-if="revision.attributes.current" v-text="__('Current')" />
+                <div class="flex items-center gap-1">
+                    <ui-badge
+                        size="sm"
+                        :color="revision.working ? 'gray' : {
+                            publish: 'green',
+                            revision: 'gray',
+                            restore: 'gray',
+                            unpublish: 'red',
+                        }[revision.action]"
+                        :text="revision.working ? __('Working Copy') : {
+                            publish: __('Published'),
+                            revision: __('Revision'),
+                            restore: __('Restored'),
+                            unpublish: __('Unpublished'),
+                        }[revision.action]"
+                    />
+                    <ui-badge size="sm" color="orange" v-if="revision.attributes.current" v-text="__('Current')" />
+                </div>
 
                 <revision-preview
                     v-if="showDetails"
diff --git a/resources/js/components/ui/Button/Index.vue b/resources/js/components/ui/Button/Index.vue
index fbabb8851ce..76113c5814d 100644
--- a/resources/js/components/ui/Button/Index.vue
+++ b/resources/js/components/ui/Button/Index.vue
@@ -41,7 +41,7 @@ const buttonClasses = computed(() => {
             size: {
                 base: 'px-4 h-10 text-sm gap-2 rounded-lg',
                 sm: 'px-3 h-8 text-[0.8125rem] gap-2 rounded-lg',
-                xs: 'px-2 h-6.5 text-xs gap-1 rounded-md',
+                xs: 'px-2 h-6.5 text-xs gap-1.5 rounded-md [&_svg]:size-3',
             },
             groupBorder: {
                 default:
diff --git a/resources/js/components/ui/Subheading.vue b/resources/js/components/ui/Subheading.vue
index 0b45299383d..138f3b7e5ef 100644
--- a/resources/js/components/ui/Subheading.vue
+++ b/resources/js/components/ui/Subheading.vue
@@ -22,6 +22,6 @@ const classes = cva({
 <template>
     <div :class="classes" data-ui-subheading>
         <slot v-if="!text" />
-        <span v-else>{{ text }}</span>
+        <span v-else :v-html="text" />
     </div>
 </template>

From 98b5d3cf83fe122a48bfc2d5b5d3d797d181dc4a Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 9 Apr 2025 13:46:30 -0400
Subject: [PATCH 073/186] Set proper conditional button variant

---
 resources/js/components/entries/PublishForm.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/entries/PublishForm.vue b/resources/js/components/entries/PublishForm.vue
index f930ed9e06a..c6767895224 100644
--- a/resources/js/components/entries/PublishForm.vue
+++ b/resources/js/components/entries/PublishForm.vue
@@ -35,7 +35,7 @@
                     :show-options="!revisionsEnabled && !isInline"
                     :preferences-prefix="preferencesPrefix"
                 >
-                    <ui-button :disabled="!canSave" @click.prevent="save" v-text="saveText" />
+                    <ui-button :disabled="!canSave" :variant="!revisionsEnabled ? 'primary' : 'default'" @click.prevent="save" v-text="saveText" />
                 </save-button-options>
 
                 <save-button-options

From 17a902da490e68d496b53752ef834059fea240f2 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 9 Apr 2025 13:55:24 -0400
Subject: [PATCH 074/186] use a new burger menu icon

---
 resources/svg/icons/burger-menu.svg                  | 1 +
 resources/views/partials/new-global-header.blade.php | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)
 create mode 100644 resources/svg/icons/burger-menu.svg

diff --git a/resources/svg/icons/burger-menu.svg b/resources/svg/icons/burger-menu.svg
new file mode 100644
index 00000000000..1f3b9379b4f
--- /dev/null
+++ b/resources/svg/icons/burger-menu.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.959867 10.2685C1.114 11.7092 2.2727 12.8679 3.71266 13.0284 4.78221 13.1476 5.88037 13.25 7 13.25s2.21779 -0.1024 3.2873 -0.2216c1.44 -0.1605 2.5987 -1.3192 2.7528 -2.7599 0.1138 -1.06348 0.2099 -2.15535 0.2099 -3.2685 0 -1.11316 -0.0961 -2.20502 -0.2099 -3.26853 -0.1541 -1.44065 -1.3128 -2.59936 -2.7528 -2.759861C9.21779 0.852392 8.11963 0.75 7 0.75S4.78221 0.852392 3.71266 0.971609C2.2727 1.13211 1.114 2.29082 0.959867 3.73147 0.846083 4.79498 0.75 5.88684 0.75 7c0 1.11315 0.096084 2.20502 0.209867 3.2685Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.28784 4.47656h5.29944M4.28784 7.00009h5.29944M4.28784 9.52362h5.29944" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/views/partials/new-global-header.blade.php b/resources/views/partials/new-global-header.blade.php
index 243779de2d7..1c47917721c 100644
--- a/resources/views/partials/new-global-header.blade.php
+++ b/resources/views/partials/new-global-header.blade.php
@@ -7,7 +7,7 @@
         <div class="flex items-center gap-2 relative">
             <button class="flex items-center group cursor-pointer" type="button" @click="toggleNav" aria-label="{{ __('Toggle Nav') }}">
                 <div class="opacity-0 group-hover:opacity-100 p-1 size-7 transition-opacity duration-150 absolute inset-0 flex items-center justify-center">
-                    @cp_svg('icons/light/burger', 'size-4')
+                    @cp_svg('icons/burger-menu', 'size-5')
                 </div>
                 @cp_svg('icons/statamic-mark-lime', 'size-7 group-hover:opacity-0 transition-opacity duration-150')
             </button>

From 1cbb21b59bdf528edd455cee52f9719e51e4d09b Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 9 Apr 2025 14:14:22 -0400
Subject: [PATCH 075/186] Tighten up markdown footer

---
 .../fieldtypes/markdown/MarkdownFieldtype.vue      | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
index f56ff63ca56..9b648e21376 100644
--- a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
+++ b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
@@ -72,19 +72,17 @@
                                 <div class="editor" ref="codemirror"></div>
 
                                 <div class="helpers">
-                                    <div class="bg-gray-50 dark:bg-gray-950 rounded-b-xl border-t border-gray-200 dark:border-white/15 flex py-2 px-3 text-sm w-full">
+                                    <div class="bg-gray-50 dark:bg-gray-950 rounded-b-xl border-t border-gray-200 dark:border-white/15 flex p-1 text-sm w-full">
                                         <div class="markdown-cheatsheet-helper">
-                                            <button
-                                                class="text-link flex items-center"
+                                            <ui-button
+                                                variant="ghost"
+                                                size="xs"
                                                 @click="showCheatsheet = true"
                                                 :aria-label="__('Show Markdown Cheatsheet')"
                                             >
-                                                <svg-icon
-                                                    name="markdown-icon"
-                                                    class="h-4 w-6 items-start me-2"
-                                                />
+                                                <svg-icon name="markdown-icon" class="size-4!" />
                                                 <span>{{ __('Markdown Cheatsheet') }}</span>
-                                            </button>
+                                            </ui-button>
                                         </div>
                                     </div>
                                     <div v-if="fullScreenMode" class="flex items-center pe-2">

From 8b4064b16c61bd8537772d5be3cb68d3e8456c4d Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 11 Apr 2025 09:55:13 -0400
Subject: [PATCH 076/186] No delay by default for tooltips

---
 resources/js/components/ui/Tooltip.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Tooltip.vue b/resources/js/components/ui/Tooltip.vue
index 82503c93984..4dfda5527dd 100644
--- a/resources/js/components/ui/Tooltip.vue
+++ b/resources/js/components/ui/Tooltip.vue
@@ -3,11 +3,12 @@ import { TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRo
 
 defineProps({
     text: { type: String, default: null },
+    delay: { type: Number, default: 0 },
 });
 </script>
 
 <template>
-    <TooltipProvider :ariaLabel="text">
+    <TooltipProvider :ariaLabel="text" :delay-duration="delay">
         <TooltipRoot>
             <TooltipTrigger>
                 <slot />

From 24054c4d3bfae792c2b25f835a7a044f76317fc1 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 11 Apr 2025 10:06:47 -0400
Subject: [PATCH 077/186] Add a bunch of stuff (and icons) to the Playground

---
 resources/svg/icons/ai.svg              |   1 +
 resources/svg/icons/book-next-page.svg  |   1 +
 resources/svg/icons/book-prev-page.svg  |   1 +
 resources/svg/icons/credit-card.svg     |   1 +
 resources/svg/icons/fit-height.svg      |   1 +
 resources/svg/icons/fit-width.svg       |   1 +
 resources/svg/icons/folder-add.svg      |   1 +
 resources/svg/icons/folder-ai.svg       |   1 +
 resources/svg/icons/folder-block.svg    |   1 +
 resources/svg/icons/folder-check.svg    |   1 +
 resources/svg/icons/folder-download.svg |   1 +
 resources/svg/icons/folder-edit.svg     |   1 +
 resources/svg/icons/folder-ghost.svg    |   1 +
 resources/svg/icons/folder-history.svg  |   1 +
 resources/svg/icons/folder-lock.svg     |   1 +
 resources/svg/icons/folder-music.svg    |   1 +
 resources/svg/icons/folder-photos.svg   |   1 +
 resources/svg/icons/folder-play.svg     |   1 +
 resources/svg/icons/folder-remove.svg   |   1 +
 resources/svg/icons/folder-settings.svg |   1 +
 resources/svg/icons/folder-warning.svg  |   1 +
 resources/svg/icons/folder.svg          |   1 +
 resources/svg/icons/heart.svg           |   1 +
 resources/svg/icons/hierarchy.svg       |   1 +
 resources/svg/icons/info-square.svg     |   1 +
 resources/svg/icons/markdown.svg        |   1 +
 resources/svg/icons/maximize.svg        |   1 +
 resources/svg/icons/megaphone.svg       |   1 +
 resources/svg/icons/minimize.svg        |   1 +
 resources/svg/icons/page-ghost.svg      |   1 +
 resources/svg/icons/page.svg            |   1 +
 resources/svg/icons/palette.svg         |   1 +
 resources/svg/icons/pdf.svg             |   1 +
 resources/svg/icons/pulse.svg           |   1 +
 resources/svg/icons/rss.svg             |   1 +
 resources/svg/icons/script.svg          |   1 +
 resources/svg/icons/slider.svg          |   1 +
 resources/svg/icons/star-half.svg       |   1 +
 resources/svg/icons/star.svg            |   1 +
 resources/svg/icons/steps.svg           |   1 +
 resources/svg/icons/wand.svg            |   1 +
 resources/svg/icons/web.svg             |   1 +
 resources/svg/icons/workflow.svg        |   1 +
 resources/views/playground.blade.php    | 378 ++++++++++++++----------
 44 files changed, 272 insertions(+), 149 deletions(-)
 create mode 100644 resources/svg/icons/ai.svg
 create mode 100644 resources/svg/icons/book-next-page.svg
 create mode 100644 resources/svg/icons/book-prev-page.svg
 create mode 100644 resources/svg/icons/credit-card.svg
 create mode 100644 resources/svg/icons/fit-height.svg
 create mode 100644 resources/svg/icons/fit-width.svg
 create mode 100644 resources/svg/icons/folder-add.svg
 create mode 100644 resources/svg/icons/folder-ai.svg
 create mode 100644 resources/svg/icons/folder-block.svg
 create mode 100644 resources/svg/icons/folder-check.svg
 create mode 100644 resources/svg/icons/folder-download.svg
 create mode 100644 resources/svg/icons/folder-edit.svg
 create mode 100644 resources/svg/icons/folder-ghost.svg
 create mode 100644 resources/svg/icons/folder-history.svg
 create mode 100644 resources/svg/icons/folder-lock.svg
 create mode 100644 resources/svg/icons/folder-music.svg
 create mode 100644 resources/svg/icons/folder-photos.svg
 create mode 100644 resources/svg/icons/folder-play.svg
 create mode 100644 resources/svg/icons/folder-remove.svg
 create mode 100644 resources/svg/icons/folder-settings.svg
 create mode 100644 resources/svg/icons/folder-warning.svg
 create mode 100644 resources/svg/icons/folder.svg
 create mode 100644 resources/svg/icons/heart.svg
 create mode 100644 resources/svg/icons/hierarchy.svg
 create mode 100644 resources/svg/icons/info-square.svg
 create mode 100644 resources/svg/icons/markdown.svg
 create mode 100644 resources/svg/icons/maximize.svg
 create mode 100644 resources/svg/icons/megaphone.svg
 create mode 100644 resources/svg/icons/minimize.svg
 create mode 100644 resources/svg/icons/page-ghost.svg
 create mode 100644 resources/svg/icons/page.svg
 create mode 100644 resources/svg/icons/palette.svg
 create mode 100644 resources/svg/icons/pdf.svg
 create mode 100644 resources/svg/icons/pulse.svg
 create mode 100644 resources/svg/icons/rss.svg
 create mode 100644 resources/svg/icons/script.svg
 create mode 100644 resources/svg/icons/slider.svg
 create mode 100644 resources/svg/icons/star-half.svg
 create mode 100644 resources/svg/icons/star.svg
 create mode 100644 resources/svg/icons/steps.svg
 create mode 100644 resources/svg/icons/wand.svg
 create mode 100644 resources/svg/icons/web.svg
 create mode 100644 resources/svg/icons/workflow.svg

diff --git a/resources/svg/icons/ai.svg b/resources/svg/icons/ai.svg
new file mode 100644
index 00000000000..8c6cdebd647
--- /dev/null
+++ b/resources/svg/icons/ai.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.95197 2.26926c-0.44889 -0.44889 -0.51837 -0.86068 -0.84447 -1.27564 -0.25527 -0.324827 -0.73854 -0.324827 -0.99381 0 -0.3261 0.41496 -0.39558 0.82675 -0.84447 1.27564 -0.44889 0.44888 -0.86068 0.51837 -1.275636 0.84446 -0.324826 0.25527 -0.324826 0.73855 0 0.99382 0.414956 0.3261 0.826726 0.39559 1.275606 0.84447 0.44888 0.44888 0.51837 0.86068 0.84446 1.27563 0.25527 0.32483 0.73855 0.32483 0.99382 0 0.32609 -0.41495 0.39558 -0.82675 0.84446 -1.27563 0.44889 -0.44889 0.86068 -0.51837 1.27564 -0.84447 0.32483 -0.25527 0.32483 -0.73855 0 -0.99382 -0.41496 -0.32609 -0.82672 -0.39558 -1.2756 -0.84446Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.048 7.15973c-0.6506 -0.6506 -0.7514 -1.24744 -1.22399 -1.84887 -0.36998 -0.47079 -1.07043 -0.4708 -1.4404 0 -0.47264 0.60143 -0.57335 1.19827 -1.22395 1.84887 -0.65061 0.65061 -1.24745 0.75131 -1.84887 1.22395 -0.4708 0.36998 -0.4708 1.07043 0 1.44041 0.60142 0.47261 1.19823 0.57331 1.84882 1.22391 0.6506 0.6506 0.75131 1.2475 1.22394 1.8489 0.36998 0.4708 1.07043 0.4708 1.44041 0 0.47264 -0.6014 0.57334 -1.1983 1.22394 -1.8489 0.6506 -0.6506 1.2475 -0.7513 1.8489 -1.22391 0.4708 -0.36998 0.4708 -1.07043 0 -1.44041 -0.6014 -0.47264 -1.1982 -0.57335 -1.8488 -1.22395Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/book-next-page.svg b/resources/svg/icons/book-next-page.svg
new file mode 100644
index 00000000000..f082017956a
--- /dev/null
+++ b/resources/svg/icons/book-next-page.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.97621 4.15128C5.66277 2.84 3.90027 1.6971 1.97362 1.407c-0.55343 -0.0711 -0.95464 0.30855 -1.063982 0.83828 -0.54959 2.66251 -0.542768 5.24593 0 7.90842 0.080741 0.3961 0.386572 0.8022 0.830652 0.8468 1.27938 0.1574 2.88622 0.9614 3.93157 1.6446 0.22332 0.146 0.36446 0.3013 0.48947 0.4389 0.21136 0.2325 0.37658 0.4143 0.81488 0.4143 0.4415 0 0.60792 -0.1818 0.82083 -0.4143 0.12591 -0.1376 0.26809 -0.2929 0.49303 -0.4389 1.05297 -0.6832 2.67153 -1.4872 3.96023 -1.6446 0.4473 -0.0446 0.7554 -0.4507 0.8367 -0.8468 0.5467 -2.66249 0.5536 -5.24591 0 -7.90842 -0.1102 -0.52973 -0.5143 -0.90938 -1.0717 -0.83828 -0.4929 0.07367 -0.975 0.20232 -1.4418 0.37476" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.97607 4.14964v9.34706c0.89771 -1.7415 1.74219 -3.247 3.17973 -4.50227 0.3891 -0.33982 0.5066 -0.74218 0.5468 -1.06696 0.2704 -2.18208 -0.0106 -4.48945 -0.1577 -6.60585 -0.0521 -0.750352 -0.3672 -1.066632 -0.95164 -0.596236 -0.74084 0.596236 -1.78125 1.694726 -2.61719 3.424256Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.97607 13.4984V4.15137" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/book-prev-page.svg b/resources/svg/icons/book-prev-page.svg
new file mode 100644
index 00000000000..4e70827c91b
--- /dev/null
+++ b/resources/svg/icons/book-prev-page.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.0236 4.1503c1.31345 -1.31128 3.076 -2.45417 5.0026 -2.74427 0.5534 -0.07111 0.9546 0.30854 1.064 0.83827 0.5496 2.66251 0.5427 5.24593 0 7.9084 -0.0808 0.3961 -0.3866 0.8022 -0.8307 0.8468 -1.2794 0.1574 -2.88619 0.9614 -3.93154 1.6447 -0.22332 0.1459 -0.36447 0.3012 -0.48947 0.4388 -0.21137 0.2326 -0.37658 0.4144 -0.81489 0.4144 -0.44149 0 -0.60792 -0.1818 -0.82082 -0.4144 -0.12592 -0.1376 -0.26809 -0.2929 -0.49304 -0.4388 -1.05296 -0.6833 -2.6715 -1.4873 -3.9602 -1.6447 -0.44733 -0.0446 -0.75538 -0.4507 -0.836709 -0.8468 -0.546722 -2.66247 -0.553594 -5.24589 0 -7.9084 0.110139 -0.52973 0.514279 -0.90938 1.071739 -0.83827 0.4928 0.07366 0.97494 0.20232 1.44172 0.37476" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.02374 4.14867v9.34703c-0.8977 -1.7414 -1.74218 -3.247 -3.17968 -4.50225 -0.38916 -0.33981 -0.50663 -0.74218 -0.54688 -1.06695 -0.27041 -2.18209 0.01068 -4.48946 0.15772 -6.60586 0.05213 -0.750349 0.36717 -1.066629 0.95166 -0.596232 0.74083 0.596232 1.78125 1.694722 2.61718 3.424262Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.02374 13.4974V4.15039" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/credit-card.svg b/resources/svg/icons/credit-card.svg
new file mode 100644
index 00000000000..53d3e5eca9f
--- /dev/null
+++ b/resources/svg/icons/credit-card.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.5 5.40283H0.5" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.55518 9.21851h2.03252" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5 10.4291c0 0.7914 0.61708 1.4413 1.39659 1.5782 1.16612 0.2048 2.20353 0.4938 5.10341 0.4938 2.89989 0 3.9373 -0.289 5.1034 -0.4938 0.7795 -0.1369 1.3966 -0.7868 1.3966 -1.5782V3.3237c0 -0.68329 -0.4623 -1.27519 -1.1356 -1.39122C11.251 1.74063 9.3766 1.4989 7 1.4989c-2.89988 0 -3.93729 0.28897 -5.10341 0.49376C1.11708 2.12956 0.5 2.77948 0.5 3.57093l0 6.85817Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/fit-height.svg b/resources/svg/icons/fit-height.svg
new file mode 100644
index 00000000000..18fba45237d
--- /dev/null
+++ b/resources/svg/icons/fit-height.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.3161 3.60128c-0.0699 -0.73161 -0.3475 -1.41366 -0.7875 -1.93494 -0.4401 -0.52127 -1.0166 -0.851014 -1.63558 -0.935461 -0.94179 -0.1248 -1.90734 -0.23088 -2.89314 -0.23088 -0.9858 -0.000001 -1.95223 0.106079 -2.89314 0.230879 -0.619 0.084447 -1.19553 0.414192 -1.63557 0.935462 -0.44005 0.52128 -0.71766 1.20333 -0.78755 1.93494C1.58328 4.7068 1.49878 5.84248 1.49878 7c0 1.15752 0.0845 2.2932 0.18484 3.3998 0.06989 0.7316 0.3475 1.4136 0.78755 1.9349 0.44004 0.5213 1.01657 0.851 1.63557 0.9355 0.94179 0.1227 1.90734 0.2298 2.89314 0.2298 0.98579 0 1.95223 -0.1061 2.89314 -0.2309 0.61898 -0.0844 1.19548 -0.4142 1.63558 -0.9354 0.44 -0.5213 0.7176 -1.2034 0.7875 -1.935 0.1004 -1.10446 0.1849 -2.24014 0.1849 -3.3987s-0.0845 -2.2932 -0.1849 -3.39872Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m7 11.001 0 -8.00198" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.33203 4.33149c-0.26649 -0.53299 -0.79948 -1.06597 -1.33244 -1.33247 -0.53301 0.2665 -1.06599 0.79948 -1.33248 1.33247" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.33203 9.66851c-0.26649 0.53299 -0.79948 1.06599 -1.33244 1.33249 -0.53301 -0.2665 -1.06599 -0.7995 -1.33248 -1.33249" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/fit-width.svg b/resources/svg/icons/fit-width.svg
new file mode 100644
index 00000000000..40bf3f0a847
--- /dev/null
+++ b/resources/svg/icons/fit-width.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.60128 1.68374c-0.73161 0.0699 -1.41366 0.3475 -1.93494 0.78755 -0.52127 0.44004 -0.851014 1.01657 -0.935461 1.63557C0.606079 5.04865 0.499999 6.0142 0.499999 7c0 0.9858 0.10608 1.95223 0.23088 2.89314 0.084447 0.61896 0.414191 1.19556 0.935461 1.63556 0.52128 0.4401 1.20333 0.7177 1.93494 0.7876 1.10552 0.1003 2.2412 0.1848 3.39872 0.1848 1.15752 0 2.2932 -0.0845 3.3998 -0.1848 0.7316 -0.0699 1.4136 -0.3475 1.9349 -0.7876 0.5213 -0.44 0.851 -1.0166 0.9355 -1.63556C13.3929 8.95135 13.5 7.9858 13.5 7c0 -0.9858 -0.1061 -1.95223 -0.2309 -2.89314 -0.0844 -0.619 -0.4142 -1.19553 -0.9354 -1.63557 -0.5213 -0.44005 -1.2034 -0.71765 -1.935 -0.78755C9.29424 1.5834 8.15856 1.4989 7 1.4989s-2.2932 0.0845 -3.39872 0.18484Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.001 7 2.99902 7" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.33149 5.66748c-0.53299 0.26649 -1.06597 0.79948 -1.33247 1.33244 0.2665 0.53301 0.79948 1.06599 1.33247 1.33248" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.66851 5.66748c0.53299 0.26649 1.06599 0.79948 1.33249 1.33244 -0.2665 0.53301 -0.7995 1.06599 -1.33249 1.33248" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/folder-add.svg b/resources/svg/icons/folder-add.svg
new file mode 100644
index 00000000000..11b87fe5715
--- /dev/null
+++ b/resources/svg/icons/folder-add.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linejoin="round" d="M6.34286 1.45431c-0.13401 -0.37988 -0.48293 -0.643254 -0.8853 -0.662433C4.01687 0.723206 3.14636 0.741758 1.98918 0.827285c-0.48411 0.035781 -0.86904 0.436355 -0.92443 0.942515C0.725625 4.86843 0.613117 7.97783 0.966382 11.0836c0.119878 1.0538 0.941888 1.8198 1.925278 1.9322 2.77679 0.3175 5.51367 0.3093 8.29024 -0.008 0.965 -0.1103 1.7396 -0.9125 1.8547 -1.9242 0.2211 -1.94368 0.2779 -3.93665 0.1353 -6.39197 -0.0549 -0.94656 -0.7927 -1.71237 -1.7373 -1.79476 -1.3557 -0.11826 -2.29494 -0.12507 -3.95633 -0.16193 -0.4147 -0.0092 -0.78057 -0.27474 -0.91856 -0.66592l-0.21685 -0.61471Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.99998 5.375v5M9.5 7.875h-5" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/folder-ai.svg b/resources/svg/icons/folder-ai.svg
new file mode 100644
index 00000000000..42221de005b
--- /dev/null
+++ b/resources/svg/icons/folder-ai.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.84358 12.3356c-1.06805 -0.0245 -2.13743 -0.0949 -3.21284 -0.212 -0.97832 -0.1065 -1.796094 -0.8324 -1.915352 -1.8311C0.363945 7.34939 0.475872 4.40279 0.813247 1.4664 0.868357 0.986745 1.2513 0.607146 1.73292 0.573238 2.88566 0.492082 3.75246 0.474562 5.18914 0.539945c0.39778 0.018103 0.74439 0.274799 0.88268 0.648195l0.20046 0.54131c0.14224 0.38408 0.50508 0.64275 0.91456 0.65142 1.65243 0.03496 2.5869 0.04134 3.93136 0.15264 0.946 0.07832 1.689 0.84083 1.745 1.78836 0.0493 0.83336 0.0729 1.61062 0.0726 2.35001" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.90944 8.9096c0.49037 -0.49037 0.56628 -0.94022 0.92251 -1.39353 0.27885 -0.35484 0.80675 -0.35484 1.08565 0 0.3562 0.45331 0.4321 0.90316 0.9225 1.39353s0.9402 0.56628 1.3935 0.92251c0.3549 0.27889 0.3549 0.80679 0 1.08569 -0.4533 0.3562 -0.9031 0.4321 -1.3934 0.9225 -0.4904 0.4904 -0.5663 0.9402 -0.9226 1.3935 -0.2788 0.3549 -0.8068 0.3549 -1.08561 0 -0.35624 -0.4533 -0.43214 -0.9031 -0.92251 -1.3935 -0.49037 -0.4904 -0.94022 -0.5663 -1.39353 -0.9225 -0.35484 -0.2789 -0.35484 -0.8068 0 -1.08569 0.45331 -0.35623 0.90313 -0.43215 1.39349 -0.92251Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/folder-block.svg b/resources/svg/icons/folder-block.svg
new file mode 100644
index 00000000000..6ddd46d0c05
--- /dev/null
+++ b/resources/svg/icons/folder-block.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.9941 6.3126c-0.0104 -0.59607 -0.0342 -1.21712 -0.0722 -1.87097 -0.0549 -0.94656 -0.7927 -1.71237 -1.7373 -1.79476 -1.1845 -0.10332 -2.051 -0.12157 -3.35899 -0.14911 -0.18912 -0.00399 -0.38746 -0.00816 -0.59734 -0.01282 -0.4147 -0.0092 -0.78057 -0.27474 -0.91856 -0.66592l-0.21685 -0.61471c-0.13401 -0.379884 -0.48293 -0.643254 -0.8853 -0.662433C3.76687 0.473206 2.89636 0.491758 1.73918 0.577285 1.25507 0.613066 0.870144 1.01364 0.814748 1.5198 0.475625 4.61843 0.363117 7.72783 0.716382 10.8336c0.119875 1.0538 0.941888 1.8198 1.925278 1.9322 1.19753 0.1369 2.38763 0.2133 3.5767 0.2304" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.778 12.7782 8.72195 8.72217" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.75 13.5c1.76 0 2.75 -0.99 2.75 -2.75S12.51 8 10.75 8 8 8.99 8 10.75s0.99 2.75 2.75 2.75Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/folder-check.svg b/resources/svg/icons/folder-check.svg
new file mode 100644
index 00000000000..bf94477c2aa
--- /dev/null
+++ b/resources/svg/icons/folder-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linejoin="round" d="M6.34286 1.45431c-0.13401 -0.37988 -0.48293 -0.643254 -0.8853 -0.662433C4.01687 0.723206 3.14636 0.741758 1.98918 0.827285c-0.48411 0.035781 -0.86904 0.436355 -0.92443 0.942515C0.725625 4.86843 0.613117 7.97783 0.966382 11.0836c0.119878 1.0538 0.941888 1.8198 1.925278 1.9322 2.77679 0.3175 5.51367 0.3093 8.29024 -0.008 0.965 -0.1103 1.7396 -0.9125 1.8547 -1.9242 0.2211 -1.94368 0.2779 -3.93665 0.1353 -6.39197 -0.0549 -0.94656 -0.7927 -1.71237 -1.7373 -1.79476 -1.3557 -0.11826 -2.29494 -0.12507 -3.95633 -0.16193 -0.4147 -0.0092 -0.78057 -0.27474 -0.91856 -0.66592l-0.21685 -0.61471Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4.75 8.4375 1.63636 1.6875c0.77001 -2.21191 1.41129 -3.18252 2.86364 -4.5" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/folder-download.svg b/resources/svg/icons/folder-download.svg
new file mode 100644
index 00000000000..59c5ff8c7ab
--- /dev/null
+++ b/resources/svg/icons/folder-download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linejoin="round" d="M6.34286 1.45431c-0.13401 -0.37988 -0.48293 -0.643254 -0.8853 -0.662433C4.01687 0.723206 3.14636 0.741758 1.98918 0.827285c-0.48411 0.035781 -0.86904 0.436355 -0.92443 0.942515C0.725625 4.86843 0.613117 7.97783 0.966382 11.0836c0.119878 1.0538 0.941888 1.8198 1.925278 1.9322 2.77679 0.3175 5.51367 0.3093 8.29024 -0.008 0.965 -0.1103 1.7396 -0.9125 1.8547 -1.9242 0.2211 -1.94368 0.2779 -3.93665 0.1353 -6.39197 -0.0549 -0.94656 -0.7927 -1.71237 -1.7373 -1.79476 -1.3557 -0.11826 -2.29494 -0.12507 -3.95633 -0.16193 -0.4147 -0.0092 -0.78057 -0.27474 -0.91856 -0.66592l-0.21685 -0.61471Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m7 5.53125 0 4.87495" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.85986 8.54635c-0.37198 0.74396 -1.11594 1.48795 -1.85987 1.85985 -0.74398 -0.3719 -1.48794 -1.11589 -1.85992 -1.85985" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/folder-edit.svg b/resources/svg/icons/folder-edit.svg
new file mode 100644
index 00000000000..4fd87ba5ec9
--- /dev/null
+++ b/resources/svg/icons/folder-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.79801 12.9877c-1.04926 -0.0275 -2.09992 -0.1011 -3.15635 -0.2219 -0.98339 -0.1124 -1.805403 -0.8784 -1.925278 -1.9322C0.363117 7.72783 0.475625 4.61843 0.814748 1.5198c0.055396 -0.50616 0.440322 -0.906734 0.924432 -0.942515C2.89636 0.491758 3.76687 0.473206 5.20756 0.541877c0.40237 0.019179 0.75129 0.282549 0.8853 0.662433l0.21685 0.61471c0.13799 0.39118 0.50386 0.65672 0.91856 0.66592 0.20988 0.00466 0.40822 0.00883 0.59734 0.01282 1.30799 0.02754 2.17449 0.04579 3.35899 0.14911 0.9446 0.08239 1.6824 0.8482 1.7373 1.79476 0.0214 0.36727 0.0382 0.7242 0.0508 1.07217" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.0794 7.86561 8.21341 11.1175l-0.39263 1.8467c-0.06317 0.2971 0.24656 0.5783 0.53661 0.4871l1.83771 -0.5777 2.9602 -3.1149c0.4917 -0.51734 0.4059 -1.38263 -0.1892 -1.90902 -0.5812 -0.51406 -1.4259 -0.50693 -1.8867 0.01593Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/folder-ghost.svg b/resources/svg/icons/folder-ghost.svg
new file mode 100644
index 00000000000..b7de9112419
--- /dev/null
+++ b/resources/svg/icons/folder-ghost.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.96638 11.0783c0.11988 1.0565 0.94188 1.8244 1.92526 1.9371m8.29026 -0.0081c0.9649 -0.1106 1.7395 -0.9147 1.8546 -1.929m0.1364 -6.39067c-0.0553 -0.95877 -0.7694 -1.73019 -1.6788 -1.81118 -0.077 -0.00686 -0.1527 -0.01336 -0.2272 -0.01952m-2.67439 -0.1241c-0.34886 -0.00779 -0.72616 -0.01528 -1.15051 -0.02477 -0.39373 -0.00881 -0.74292 -0.27058 -0.87969 -0.65925l-0.22172 -0.6301c-0.13296 -0.37786 -0.46655 -0.637585 -0.84902 -0.65611C5.44306 0.760251 5.3952 0.757999 5.34795 0.755845M8.74178 13.2071c-1.08431 0.0528 -2.1661 0.0571 -3.25021 0.0117m7.71473 -4.2122c0.0346 -0.68868 0.0491 -1.39957 0.0419 -2.14878M0.768196 5.87708C0.74289 6.74049 0.743171 7.60424 0.774139 8.46801M2.71721 0.75c-0.23493 0.012124 -0.47461 0.027681 -0.72804 0.046458 -0.48411 0.03587 -0.86903 0.437442 -0.92442 0.944862 -0.05485 0.50242 -0.103776 1.00513 -0.145757 1.50806" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/folder-history.svg b/resources/svg/icons/folder-history.svg
new file mode 100644
index 00000000000..282ad04e89a
--- /dev/null
+++ b/resources/svg/icons/folder-history.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.9941 6.3126c-0.0104 -0.59607 -0.0342 -1.21712 -0.0722 -1.87097 -0.0549 -0.94656 -0.7927 -1.71237 -1.7373 -1.79476 -1.1845 -0.10332 -2.051 -0.12157 -3.35899 -0.14911 -0.18912 -0.00399 -0.38746 -0.00816 -0.59734 -0.01282 -0.4147 -0.0092 -0.78057 -0.27474 -0.91856 -0.66592l-0.21685 -0.61471c-0.13401 -0.379884 -0.48293 -0.643254 -0.8853 -0.662433C3.76687 0.473206 2.89636 0.491758 1.73918 0.577285 1.25507 0.613066 0.870144 1.01364 0.814748 1.5198 0.475625 4.61843 0.363117 7.72783 0.716382 10.8336c0.119875 1.0538 0.941888 1.8198 1.925278 1.9322 1.19753 0.1369 2.38763 0.2133 3.5767 0.2304" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m10.7744 10.7248 0.6936 -0.6936" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.75 13.5c1.76 0 2.75 -0.99 2.75 -2.75S12.51 8 10.75 8 8 8.99 8 10.75s0.99 2.75 2.75 2.75Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/folder-lock.svg b/resources/svg/icons/folder-lock.svg
new file mode 100644
index 00000000000..d9673f557be
--- /dev/null
+++ b/resources/svg/icons/folder-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.989 6.06276c-0.0121 -0.51939 -0.0344 -1.0581 -0.0671 -1.62113 -0.0549 -0.94656 -0.7927 -1.71237 -1.7373 -1.79476 -1.1845 -0.10332 -2.051 -0.12157 -3.35899 -0.14911 -0.18912 -0.00399 -0.38746 -0.00816 -0.59734 -0.01282 -0.4147 -0.0092 -0.78057 -0.27474 -0.91856 -0.66592l-0.21685 -0.61471c-0.13401 -0.379883 -0.48293 -0.643254 -0.8853 -0.662433C3.76687 0.473206 2.89636 0.491758 1.73918 0.577285 1.25507 0.613066 0.870144 1.01364 0.814748 1.5198 0.475625 4.61843 0.363117 7.72783 0.716382 10.8336c0.119875 1.0538 0.941888 1.8198 1.925278 1.9322 1.10343 0.1262 2.20056 0.2009 3.29639 0.2252" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.20874 9.89771v-0.80628c0 -0.20899 0.04116 -0.41593 0.12114 -0.60901 0.07998 -0.19308 0.1972 -0.36852 0.34498 -0.5163 0.14778 -0.14778 0.32322 -0.265 0.51634 -0.34498 0.193 -0.07998 0.4 -0.12114 0.609 -0.12114 0.209 0 0.4159 0.04116 0.609 0.12114s0.3685 0.1972 0.5163 0.34498c0.1478 0.14778 0.265 0.32322 0.345 0.5163 0.0799 0.19308 0.1211 0.40002 0.1211 0.60901v0.80628" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.3563 12.9479c-0.0386 0.2358 -0.234 0.4171 -0.4723 0.4351 -0.6675 0.0505 -1.3656 0.117 -2.0842 0.117 -0.7185 0 -1.41663 -0.0665 -2.08415 -0.117 -0.23828 -0.018 -0.43363 -0.1993 -0.4723 -0.4351 -0.068 -0.4146 -0.14367 -0.8457 -0.14367 -1.2883s0.07567 -0.8738 0.14367 -1.2884c0.03867 -0.2358 0.23402 -0.41708 0.4723 -0.43509 0.66752 -0.05048 1.36565 -0.11702 2.08415 -0.11702 0.7186 0 1.4167 0.06654 2.0842 0.11702 0.2383 0.01801 0.4337 0.19929 0.4723 0.43509 0.068 0.4146 0.1437 0.8458 0.1437 1.2884s-0.0757 0.8737 -0.1437 1.2883Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/folder-music.svg b/resources/svg/icons/folder-music.svg
new file mode 100644
index 00000000000..1e88091bb80
--- /dev/null
+++ b/resources/svg/icons/folder-music.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linejoin="round" d="M6.34286 1.45431c-0.13401 -0.37988 -0.48293 -0.643254 -0.8853 -0.662433C4.01687 0.723206 3.14636 0.741758 1.98918 0.827285c-0.48411 0.035781 -0.86904 0.436355 -0.92443 0.942515C0.725625 4.86843 0.613117 7.97783 0.966382 11.0836c0.119878 1.0538 0.941888 1.8198 1.925278 1.9322 2.77679 0.3175 5.51367 0.3093 8.29024 -0.008 0.965 -0.1103 1.7396 -0.9125 1.8547 -1.9242 0.2211 -1.94368 0.2779 -3.93665 0.1353 -6.39197 -0.0549 -0.94656 -0.7927 -1.71237 -1.7373 -1.79476 -1.3557 -0.11826 -2.29494 -0.12507 -3.95633 -0.16193 -0.4147 -0.0092 -0.78057 -0.27474 -0.91856 -0.66592l-0.21685 -0.61471Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.66522 9.1145V6.33942c0 -0.56862 -0.47494 -1.02848 -1.03788 -0.94827 -0.77732 0.11075 -1.5196 0.3109 -2.2576 0.60574 -0.36049 0.14402 -0.58361 0.50118 -0.58361 0.88938v2.71024" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.81323 10.563c0.6261 0 0.97827 -0.3522 0.97827 -0.97828 0 -0.6261 -0.35217 -0.97827 -0.97827 -0.97827 -0.62609 0 -0.97827 0.35217 -0.97827 0.97827 0 0.62608 0.35218 0.97828 0.97827 0.97828Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.68701 10.0933c0.6261 0 0.97827 -0.35222 0.97827 -0.97831s-0.35217 -0.97827 -0.97827 -0.97827c-0.62609 0 -0.97827 0.35218 -0.97827 0.97827s0.35218 0.97831 0.97827 0.97831Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/folder-photos.svg b/resources/svg/icons/folder-photos.svg
new file mode 100644
index 00000000000..7d771a74391
--- /dev/null
+++ b/resources/svg/icons/folder-photos.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linejoin="round" d="M6.34286 1.45431c-0.13401 -0.37988 -0.48293 -0.643254 -0.8853 -0.662433C4.01687 0.723206 3.14636 0.741758 1.98918 0.827285c-0.48411 0.035781 -0.86904 0.436355 -0.92443 0.942515C0.725625 4.86843 0.613117 7.97783 0.966382 11.0836c0.119878 1.0538 0.941888 1.8198 1.925278 1.9322 2.77679 0.3175 5.51367 0.3093 8.29024 -0.008 0.965 -0.1103 1.7396 -0.9125 1.8547 -1.9242 0.2211 -1.94368 0.2779 -3.93665 0.1353 -6.39197 -0.0549 -0.94656 -0.7927 -1.71237 -1.7373 -1.79476 -1.3557 -0.11826 -2.29494 -0.12507 -3.95633 -0.16193 -0.4147 -0.0092 -0.78057 -0.27474 -0.91856 -0.66592l-0.21685 -0.61471Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.59424 7.51709c0.82956 0 1.29616 -0.46661 1.29616 -1.29614 0 -0.82953 -0.4666 -1.29615 -1.29616 -1.29615 -0.82953 0 -1.29614 0.46662 -1.29614 1.29615 0 0.82953 0.46661 1.29614 1.29614 1.29614Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.70142 13.1478c-0.36827 -0.87 -0.89164 -1.9407 -1.53656 -2.9156 -0.48136 -0.72766 -1.04379 -1.42257 -1.67691 -1.94016 -0.63272 -0.51726 -1.37069 -0.88481 -2.18979 -0.88481 -0.8191 0 -1.55708 0.36755 -2.18979 0.88481 -0.46332 0.37877 -0.88878 0.8525 -1.27231 1.36453 0.03311 0.47573 0.076285 0.95143 0.130382 1.42703 0.119878 1.0538 0.941888 1.8198 1.925278 1.9322 2.28212 0.2609 4.53728 0.3019 6.8097 0.132Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/folder-play.svg b/resources/svg/icons/folder-play.svg
new file mode 100644
index 00000000000..c7c6bd59758
--- /dev/null
+++ b/resources/svg/icons/folder-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linejoin="round" d="M6.34286 1.45431c-0.13401 -0.37988 -0.48293 -0.643254 -0.8853 -0.662433C4.01687 0.723206 3.14636 0.741758 1.98918 0.827285c-0.48411 0.035781 -0.86904 0.436355 -0.92443 0.942515C0.725625 4.86843 0.613117 7.97783 0.966382 11.0836c0.119878 1.0538 0.941888 1.8198 1.925278 1.9322 2.77679 0.3175 5.51367 0.3093 8.29024 -0.008 0.965 -0.1103 1.7396 -0.9125 1.8547 -1.9242 0.2211 -1.94368 0.2779 -3.93665 0.1353 -6.39197 -0.0549 -0.94656 -0.7927 -1.71237 -1.7373 -1.79476 -1.3557 -0.11826 -2.29494 -0.12507 -3.95633 -0.16193 -0.4147 -0.0092 -0.78057 -0.27474 -0.91856 -0.66592l-0.21685 -0.61471Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.46918 10.2933c1.27238 -0.67844 2.95589 -1.70123 2.95589 -2.36316 0 -0.66192 -1.68351 -1.68472 -2.95589 -2.36321 -0.64314 -0.34295 -1.39411 0.13313 -1.39411 0.86199l0 3.00244c0 0.72884 0.75097 1.20494 1.39411 0.86194Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/folder-remove.svg b/resources/svg/icons/folder-remove.svg
new file mode 100644
index 00000000000..80e8582cdd6
--- /dev/null
+++ b/resources/svg/icons/folder-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linejoin="round" d="M6.34286 1.45431c-0.13401 -0.37988 -0.48293 -0.643254 -0.8853 -0.662433C4.01687 0.723206 3.14636 0.741758 1.98918 0.827285c-0.48411 0.035781 -0.86904 0.436355 -0.92443 0.942515C0.725625 4.86843 0.613117 7.97783 0.966382 11.0836c0.119878 1.0538 0.941888 1.8198 1.925278 1.9322 2.77679 0.3175 5.51367 0.3093 8.29024 -0.008 0.965 -0.1103 1.7396 -0.9125 1.8547 -1.9242 0.2211 -1.94368 0.2779 -3.93665 0.1353 -6.39197 -0.0549 -0.94656 -0.7927 -1.71237 -1.7373 -1.79476 -1.3557 -0.11826 -2.29494 -0.12507 -3.95633 -0.16193 -0.4147 -0.0092 -0.78057 -0.27474 -0.91856 -0.66592l-0.21685 -0.61471Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.87501 5.75015 9.12486 10m0.00002 -4.25L4.87502 9.99985" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/folder-settings.svg b/resources/svg/icons/folder-settings.svg
new file mode 100644
index 00000000000..26edd837e37
--- /dev/null
+++ b/resources/svg/icons/folder-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.9938 6.29698c-0.0105 -0.59129 -0.0342 -1.20721 -0.0719 -1.85535 -0.0549 -0.94656 -0.7927 -1.71237 -1.7373 -1.79476 -1.35573 -0.11826 -2.29494 -0.12507 -3.95633 -0.16193 -0.4147 -0.0092 -0.78057 -0.27474 -0.91856 -0.66592l-0.21685 -0.61471c-0.13401 -0.379883 -0.48293 -0.643254 -0.8853 -0.662433C3.76687 0.473206 2.89636 0.491758 1.73918 0.577285 1.25507 0.613066 0.870144 1.01364 0.814748 1.5198 0.475625 4.61843 0.363117 7.72783 0.716382 10.8336c0.119875 1.0538 0.941888 1.8198 1.925278 1.9322 1.08784 0.1244 2.16956 0.1988 3.24994 0.2242" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.0143 10.6112c-0.0001 0.0265 0.0088 0.0522 0.0252 0.0729l0.3487 0.4393c0.0631 0.079 0.1009 0.1752 0.1085 0.2759 0.0076 0.1008 -0.0154 0.2016 -0.066 0.2891l-0.2045 0.3539c-0.0504 0.0876 -0.1261 0.1579 -0.2171 0.2018 -0.0911 0.0439 -0.1933 0.0593 -0.2932 0.0442l-0.5556 -0.0845c-0.0263 -0.0036 -0.053 0.0014 -0.0761 0.0145l-0.6583 0.3801c-0.0229 0.0134 -0.0407 0.0341 -0.0505 0.0588l-0.2049 0.5229c-0.0367 0.094 -0.1009 0.1748 -0.1842 0.2317 -0.0833 0.057 -0.1818 0.0876 -0.2827 0.0877h-0.409c-0.1009 -0.0001 -0.1995 -0.0307 -0.2828 -0.0877 -0.08325 -0.0569 -0.14743 -0.1377 -0.18414 -0.2317l-0.20496 -0.5229c-0.00981 -0.0247 -0.02756 -0.0454 -0.05043 -0.0588l-0.65833 -0.3801c-0.02307 -0.0131 -0.04983 -0.0182 -0.0761 -0.0145l-0.55561 0.0845c-0.09995 0.0151 -0.20211 -0.0003 -0.29316 -0.0442 -0.09104 -0.0439 -0.16673 -0.1142 -0.21716 -0.2018l-0.20451 -0.3539c-0.05057 -0.0875 -0.07356 -0.1883 -0.06598 -0.2891 0.00758 -0.1007 0.04538 -0.1969 0.10847 -0.2759l0.35064 -0.4393c0.01641 -0.0207 0.0253 -0.0464 0.02522 -0.0729v-0.76007c0.00008 -0.02643 -0.00881 -0.05211 -0.02522 -0.07283l-0.35064 -0.43936c-0.06309 -0.07896 -0.10089 -0.17512 -0.10847 -0.27591 -0.00758 -0.10079 0.01541 -0.20152 0.06598 -0.28904l0.20451 -0.35391c0.05043 -0.08758 0.12612 -0.15792 0.21716 -0.20182 0.09105 -0.0439 0.19321 -0.05931 0.29316 -0.04423l0.55421 0.08451c0.02627 0.00372 0.05303 -0.00137 0.0761 -0.01448l0.65973 -0.38192c0.02287 -0.01347 0.04062 -0.03417 0.05043 -0.05883l0.2059 -0.52106c0.0367 -0.094 0.10088 -0.17475 0.1842 -0.23172 0.0833 -0.05697 0.1818 -0.08751 0.2827 -0.08764h0.4099c0.1009 0.00013 0.1995 0.03067 0.2828 0.08764 0.0832 0.05697 0.1474 0.13772 0.1841 0.23172l0.205 0.52106c0.0095 0.02536 0.0272 0.04676 0.0504 0.0607l0.6584 0.38005c0.023 0.01308 0.0498 0.01816 0.0761 0.01448l0.5556 -0.08451c0.0999 -0.01508 0.2021 0.00033 0.2931 0.04423 0.0911 0.0439 0.1668 0.11424 0.2172 0.20182l0.2045 0.35391c0.0506 0.08752 0.0736 0.18825 0.066 0.28904 -0.0076 0.10079 -0.0454 0.19695 -0.1085 0.27591l-0.3506 0.43936c-0.0164 0.02072 -0.0253 0.0464 -0.0252 0.07283v0.76007Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.5 9.73242c-0.1264 -0.00007 -0.2529 0.03677 -0.3411 0.11053 -0.19686 0.16455 -0.20927 0.54065 -0.0457 0.73285 0.0888 0.1044 0.2378 0.1566 0.3868 0.1565" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.5 9.73242c0.1264 -0.00007 0.2529 0.03677 0.3411 0.11053 0.1969 0.16455 0.2093 0.54065 0.0457 0.73285 -0.0888 0.1044 -0.2378 0.1566 -0.3868 0.1565" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/folder-warning.svg b/resources/svg/icons/folder-warning.svg
new file mode 100644
index 00000000000..b61c400d173
--- /dev/null
+++ b/resources/svg/icons/folder-warning.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.95757 12.1754c0.48546 -1.8603 1.17596 -3.28877 2.55301 -4.77388 0.37718 -0.40678 1.01662 -0.40678 1.39382 0 1.3771 1.48511 2.0676 2.91358 2.553 4.77388 0.1546 0.5925 -0.264 1.174 -0.8742 1.225 -1.5906 0.1328 -3.16085 0.1328 -4.75141 0 -0.61016 -0.051 -1.02882 -0.6325 -0.87422 -1.225Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.9969 6.50044c-0.0083 -0.65319 -0.033 -1.33591 -0.075 -2.05869 -0.0549 -0.94656 -0.7927 -1.71237 -1.7373 -1.79476 -1.1845 -0.10332 -2.051 -0.12157 -3.35899 -0.14911 -0.18912 -0.00398 -0.38746 -0.00816 -0.59734 -0.01282 -0.4147 -0.0092 -0.78057 -0.27474 -0.91856 -0.66592l-0.21685 -0.6147c-0.13401 -0.379891 -0.48293 -0.643262 -0.8853 -0.662441C3.76687 0.473328 2.89636 0.491881 1.73918 0.577407c-0.48411 0.035781 -0.869036 0.436353 -0.924432 0.942513C0.475625 4.61855 0.363117 7.72795 0.716382 10.8337c0.119875 1.0539 0.941888 1.8198 1.925278 1.9323 0.63301 0.0723 1.26394 0.1278 1.89374 0.1665" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m10.2075 9.17999 0 1.20001" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.2065 11.9786c-0.08 0 -0.125 -0.045 -0.125 -0.125s0.045 -0.125 0.125 -0.125" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.2075 11.9786c0.08 0 0.125 -0.045 0.125 -0.125s-0.045 -0.125 -0.125 -0.125" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/folder.svg b/resources/svg/icons/folder.svg
new file mode 100644
index 00000000000..d0c09880daa
--- /dev/null
+++ b/resources/svg/icons/folder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linejoin="round" d="M6.34286 1.45431c-0.13401 -0.37988 -0.48293 -0.643254 -0.8853 -0.662433C4.01687 0.723206 3.14636 0.741758 1.98918 0.827285c-0.48411 0.035781 -0.86904 0.436355 -0.92443 0.942515C0.725625 4.86843 0.613117 7.97783 0.966382 11.0836c0.119878 1.0538 0.941888 1.8198 1.925278 1.9322 2.77679 0.3175 5.51367 0.3093 8.29024 -0.008 0.965 -0.1103 1.7396 -0.9125 1.8547 -1.9242 0.2211 -1.94368 0.2779 -3.93665 0.1353 -6.39197 -0.0549 -0.94656 -0.7927 -1.71237 -1.7373 -1.79476 -1.3557 -0.11826 -2.29494 -0.12507 -3.95633 -0.16193 -0.4147 -0.0092 -0.78057 -0.27474 -0.91856 -0.66592l-0.21685 -0.61471Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/heart.svg b/resources/svg/icons/heart.svg
new file mode 100644
index 00000000000..0092a67b137
--- /dev/null
+++ b/resources/svg/icons/heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5 4.90907C0.543629 2.01645 3.8595 -0.666944 7 3.10958c3.1405 -3.776524 6.4564 -1.09331 6.5 1.79932 0 4.30631 -5.25729 7.8411 -6.50001 7.8411C5.75727 12.75 0.5 9.21539 0.5 4.90907Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/hierarchy.svg b/resources/svg/icons/hierarchy.svg
new file mode 100644
index 00000000000..f14dd653255
--- /dev/null
+++ b/resources/svg/icons/hierarchy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.979554 0.75C0.737886 3.85693 0.670347 6.93868 0.857651 10.0479c0.061278 1.0172 0.908389 1.8008 1.927429 1.8008H5.6875" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m0.78125 7.03113 4.90625 0" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m0.9375 2.25452 4.78125 0" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.77838 7.66473c0.1067 0.43064 0.50116 0.73793 0.94267 0.758 1.84114 0.08367 3.66105 0.08367 5.50225 0 0.4415 -0.02007 0.8359 -0.32736 0.9426 -0.758 0.1121 -0.45221 0.1121 -0.877 0 -1.32921 -0.1067 -0.43063 -0.5011 -0.73793 -0.9426 -0.758 -1.8412 -0.08367 -3.66111 -0.08367 -5.50225 0 -0.44151 0.02007 -0.83597 0.32737 -0.94267 0.758 -0.11206 0.45221 -0.11206 0.877 0 1.32921Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.77838 12.4293c0.1067 0.4306 0.50116 0.7379 0.94267 0.758 1.84114 0.0836 3.66105 0.0836 5.50225 0 0.4415 -0.0201 0.8359 -0.3274 0.9426 -0.758 0.1121 -0.4523 0.1121 -0.877 0 -1.3293 -0.1067 -0.4306 -0.5011 -0.7379 -0.9426 -0.7579 -1.8412 -0.0837 -3.66111 -0.0837 -5.50225 0 -0.44151 0.02 -0.83597 0.3273 -0.94267 0.7579 -0.11206 0.4523 -0.11206 0.877 0 1.3293Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.77838 2.89996c0.1067 0.43064 0.50116 0.73793 0.94267 0.758 1.84114 0.08367 3.66105 0.08367 5.50225 0 0.4415 -0.02007 0.8359 -0.32736 0.9426 -0.758 0.1121 -0.45221 0.1121 -0.877 0 -1.32921 -0.1067 -0.43063 -0.5011 -0.737931 -0.9426 -0.757996 -1.8412 -0.083672 -3.66111 -0.083672 -5.50225 0 -0.44151 0.020065 -0.83597 0.327366 -0.94267 0.757996 -0.11206 0.45221 -0.11206 0.877 0 1.32921Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/info-square.svg b/resources/svg/icons/info-square.svg
new file mode 100644
index 00000000000..d6db6739b51
--- /dev/null
+++ b/resources/svg/icons/info-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.96 10.268c0.07941 0.7035 0.39481 1.3593 0.89476 1.8605 0.49996 0.5012 1.15497 0.8183 1.85824 0.8995 1.07 0.12 2.167 0.222 3.287 0.222s2.218 -0.102 3.287 -0.222c0.7033 -0.0812 1.3583 -0.3983 1.8582 -0.8995 0.5 -0.5012 0.8154 -1.157 0.8948 -1.8605 0.114 -1.063 0.21 -2.155 0.21 -3.268s-0.096 -2.205 -0.21 -3.269c-0.0794 -0.70347 -0.3948 -1.35929 -0.8948 -1.86051 -0.4999 -0.50123 -1.1549 -0.81829 -1.8582 -0.89949C9.217 0.853 8.12 0.75 7 0.75S4.782 0.852 3.713 0.972c-0.70327 0.0812 -1.35828 0.39826 -1.85824 0.89949C1.35481 2.37271 1.03941 3.02853 0.96 3.732 0.846 4.794 0.75 5.886 0.75 7c0 1.114 0.096 2.205 0.21 3.268Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.99863 4.36347c-0.27631 0 -0.43174 -0.15542 -0.43174 -0.43173 0 -0.27632 0.15543 -0.43174 0.43174 -0.43174" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.00137 4.36347c0.27631 0 0.43174 -0.15542 0.43174 -0.43173 0 -0.27632 -0.15543 -0.43174 -0.43174 -0.43174" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.27295 10.5c1.16361 -0.1619 2.29027 -0.1619 3.45388 0" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.99971 10.3718V6.47046c-0.56521 0.18592 -1.08977 0.18592 -1.65498 0" stroke-width="1"/></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h14v14H0z" stroke-width="1"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/markdown.svg b/resources/svg/icons/markdown.svg
new file mode 100644
index 00000000000..2b5553af3ba
--- /dev/null
+++ b/resources/svg/icons/markdown.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.02246 9.21643V4.97985c0 -0.14548 0.11794 -0.26342 0.26342 -0.26342v0c0.06925 0 0.13595 0.02711 0.18435 0.07663 0.5608 0.57386 0.94167 1.20316 1.17446 1.99429 0.03087 0.10491 0.12584 0.17908 0.23519 0.17908v0c0.10936 0 0.20433 -0.07417 0.2352 -0.17908 0.23279 -0.79113 0.61366 -1.42043 1.17446 -1.99429 0.04839 -0.04952 0.1151 -0.07663 0.18434 -0.07663v0c0.14549 0 0.26342 0.11794 0.26342 0.26342v4.23658" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m9.99609 4.71641 0 4.56283" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.5093 7.77011c-0.3027 0.60538 -0.9081 1.21077 -1.51346 1.51346 -0.60541 -0.30269 -1.2108 -0.90808 -1.51349 -1.51346" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.60128 1.68374c-0.73161 0.0699 -1.41366 0.3475 -1.93494 0.78755 -0.52127 0.44004 -0.851014 1.01657 -0.935461 1.63557C0.606079 5.04865 0.499999 6.0142 0.499999 7c0 0.9858 0.10608 1.95223 0.23088 2.89314 0.084447 0.61896 0.414191 1.19556 0.935461 1.63556 0.52128 0.4401 1.20333 0.7177 1.93494 0.7876 1.10552 0.1003 2.2412 0.1848 3.39872 0.1848 1.15752 0 2.2932 -0.0845 3.3998 -0.1848 0.7316 -0.0699 1.4136 -0.3475 1.9349 -0.7876 0.5213 -0.44 0.851 -1.0166 0.9355 -1.63556C13.3929 8.95135 13.5 7.9858 13.5 7c0 -0.9858 -0.1061 -1.95223 -0.2309 -2.89314 -0.0844 -0.619 -0.4142 -1.19553 -0.9354 -1.63557 -0.5213 -0.44005 -1.2034 -0.71765 -1.935 -0.78755C9.29424 1.5834 8.15856 1.4989 7 1.4989s-2.2932 0.0845 -3.39872 0.18484Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/maximize.svg b/resources/svg/icons/maximize.svg
new file mode 100644
index 00000000000..5f73d95dbb6
--- /dev/null
+++ b/resources/svg/icons/maximize.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.01313 6.42256C3.00468 6.19947 3 5.97525 3 5.75c0 -0.93505 0.08071 -1.85222 0.17629 -2.74557C3.30576 1.79429 4.27907 0.820974 5.48863 0.686151 6.38705 0.586009 7.30951 0.5 8.25 0.5c0.94049 0 1.8629 0.086009 2.7614 0.186151 1.2095 0.134823 2.1828 1.108139 2.3123 2.318279 0.0956 0.89335 0.1763 1.81052 0.1763 2.74557 0 0.93505 -0.0807 1.85221 -0.1763 2.74556 -0.1295 1.21015 -1.1028 2.18344 -2.3123 2.31824C10.1129 10.914 9.19049 11 8.25 11c-0.20481 0 -0.40877 -0.0041 -0.61181 -0.0115" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.583947 12.3074c0.061653 0.5763 0.525133 1.0398 1.101113 1.104 0.42782 0.0476 0.86709 0.0886 1.31494 0.0886 0.44785 0 0.88712 -0.041 1.31494 -0.0886 0.57598 -0.0642 1.03946 -0.5277 1.10111 -1.104C5.46157 11.882 5.5 11.4453 5.5 11c0 -0.4453 -0.03843 -0.882 -0.08395 -1.30741 -0.06165 -0.57626 -0.52513 -1.03975 -1.10111 -1.10395C3.88712 8.54096 3.44785 8.5 3 8.5c-0.44785 0 -0.88712 0.04096 -1.31494 0.08864 -0.57598 0.0642 -1.03946 0.52769 -1.101113 1.10395C0.538433 10.118 0.5 10.5547 0.5 11c0 0.4453 0.038433 0.882 0.083947 1.3074Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.09375 6.82412 10.3764 3.5415" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.62695 3.54891c0.82697 -0.27566 1.92959 -0.27566 2.75655 -0.00002 0.2757 0.82698 0.2757 1.9296 0 2.75657" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/megaphone.svg b/resources/svg/icons/megaphone.svg
new file mode 100644
index 00000000000..39643f08e6d
--- /dev/null
+++ b/resources/svg/icons/megaphone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.66039 8.45618c-0.27458 0.40882 -0.43383 0.89514 -0.43383 1.417 0 1.45072 1.23069 2.62682 2.74882 2.62682 1.47992 0 2.68669 -1.1176 2.7465 -2.5178" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.2339 11.0418 1.97766 8.25399c-1.9702139 -0.59338 -1.97021365 -3.29897 0 -3.89236l9.25624 -2.78778c0.2016 -0.06073 0.4173 -0.10715 0.6177 -0.04271 2.1979 0.70675 2.1979 8.84656 0 9.55336 -0.2004 0.0644 -0.4161 0.018 -0.6177 -0.0427Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/minimize.svg b/resources/svg/icons/minimize.svg
new file mode 100644
index 00000000000..8f23c0322c5
--- /dev/null
+++ b/resources/svg/icons/minimize.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.80673 12.8557c0.24477 -0.0242 0.48817 -0.0503 0.73007 -0.0773 1.4399 -0.1605 2.5987 -1.3192 2.7528 -2.7599 0.1138 -1.06348 0.2099 -2.15535 0.2099 -3.2685 0 -1.11316 -0.0961 -2.20502 -0.2099 -3.26853 -0.1541 -1.44065 -1.3129 -2.599358 -2.7528 -2.759861C9.46725 0.602392 8.36908 0.5 7.24945 0.5S5.03166 0.602392 3.96211 0.721609C2.52215 0.882112 1.36345 2.04082 1.20932 3.48147c-0.02501 0.23373 -0.04916 0.46882 -0.07162 0.70521" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.60552 12.001c0.077497 0.7243 0.66009 1.3069 1.38409 1.3876 0.53776 0.0599 1.08991 0.1114 1.65286 0.1114 0.56294 0 1.11509 -0.0515 1.65286 -0.1114 0.724 -0.0807 1.30659 -0.6633 1.38408 -1.3876 0.05721 -0.5348 0.10552 -1.0838 0.10552 -1.6434 0 -0.55973 -0.04831 -1.10872 -0.10552 -1.64344 -0.07749 -0.72435 -0.66008 -1.30695 -1.38408 -1.38765 -0.53777 -0.05994 -1.08992 -0.11142 -1.65286 -0.11142 -0.56295 0 -1.1151 0.05148 -1.65286 0.11142 -0.724 0.0807 -1.306593 0.66329 -1.38409 1.38765C0.54831 9.24888 0.5 9.79787 0.5 10.3576c0 0.5596 0.04831 1.1086 0.10552 1.6434Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.75 3.09191 7.99999 5.84192" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.3877 5.95025c-0.75368 0.25123 -1.75857 0.25123 -2.51222 0.00002 -0.25125 -0.75369 -0.25125 -1.75859 -0.00002 -2.51226" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/page-ghost.svg b/resources/svg/icons/page-ghost.svg
new file mode 100644
index 00000000000..e8c9b1edd73
--- /dev/null
+++ b/resources/svg/icons/page-ghost.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.15454 0.597656V4.1535c0 0.55228 0.44743 0.98001 0.9996 0.99149 1.50456 0.03128 3.80056 0.40116 3.80056 3.1535" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.23077 0.616461c-0.1071 0.006988 -0.2144 0.01428 -0.32211 0.021874 -0.97022 0.068407 -1.74074 0.834955 -1.80368 1.798845 -0.00678 0.10392 -0.01334 0.20811 -0.01967 0.31257M3.23077 13.3835c-0.1071 -0.0069 -0.2144 -0.0142 -0.32211 -0.0218 -0.97022 -0.0684 -1.74074 -0.835 -1.80368 -1.7989 -0.00383 -0.0587 -0.00759 -0.1175 -0.01128 -0.1763M5.79385 0.509983C6.16489 0.503357 6.55079 0.5 6.95838 0.5c0.45381 0 0.88072 0.004161 1.29019 0.012364 0.04909 0.000983 0.09793 0.002025 0.14653 0.003124 0.40352 0.009126 0.79524 0.142013 1.11535 0.386151C10.6454 1.76726 11.3792 2.50078 12.2039 3.5653c0.4788 0.61813 0.7294 1.37932 0.7432 2.15908 0.0075 0.42207 0.0113 0.84739 0.0113 1.27562 0 0.41945 -0.0037 0.8361 -0.0108 1.24964M5.79385 13.49c0.37104 0.0066 0.75693 0.01 1.16453 0.01 0.45381 0 0.88072 -0.0042 1.29019 -0.0124m2.53123 -0.1103c0.0759 -0.005 0.152 -0.0103 0.2283 -0.0156 0.9702 -0.0684 1.7407 -0.835 1.8037 -1.7989 0.0038 -0.0587 0.0076 -0.1175 0.0112 -0.1763M0.967861 5.82819C0.961563 6.21616 0.958374 6.60685 0.958374 7c0 0.41945 0.00363 0.8361 0.010793 1.24964" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/page.svg b/resources/svg/icons/page.svg
new file mode 100644
index 00000000000..341f5ba217c
--- /dev/null
+++ b/resources/svg/icons/page.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.37866 0.51416v3.2668c0 0.58496 0.47352 1.03596 1.05824 1.05285 1.3123 0.03791 3.1762 0.35769 3.563 2.30238C13 7.09081 13 7.0454 13 6.99995c0 -0.42598 -0.0037 -0.84909 -0.0111 -1.26897 -0.0138 -0.78392 -0.2654 -1.54896 -0.7457 -2.16867 -0.8249 -1.06447 -1.5593 -1.79801 -2.69605 -2.664466 -0.3171 -0.241706 -0.70416 -0.373157 -1.10277 -0.382227C8.42252 0.51512 8.40062 0.514634 8.37866 0.51416Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.8534 11.5629C12.9494 10.0921 13 8.56549 13 7c0 -0.42599 -0.0037 -0.84909 -0.0111 -1.26898 -0.0138 -0.78391 -0.2654 -1.54895 -0.7457 -2.16867 -0.8249 -1.06446 -1.5593 -1.798 -2.69605 -2.664462 -0.3171 -0.241706 -0.70416 -0.373156 -1.10277 -0.382227C7.98804 0.505278 7.51108 0.5 7 0.5 5.45944 0.5 4.22884 0.547957 2.93872 0.639152c-0.9635 0.068107 -1.72917 0.834098 -1.79211 1.797948C1.05057 3.90794 1 5.4345 1 7c0 1.56549 0.05057 3.0921 0.14661 4.5629 0.06294 0.9639 0.82861 1.7298 1.79211 1.7979C4.22884 13.452 5.45943 13.5 7 13.5c1.54057 0 2.77116 -0.048 4.0613 -0.1392 0.9635 -0.0681 1.7292 -0.834 1.7921 -1.7979Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/palette.svg b/resources/svg/icons/palette.svg
new file mode 100644
index 00000000000..3402b4ed6c8
--- /dev/null
+++ b/resources/svg/icons/palette.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.66062 10.3401c-0.33279 0 -0.52 -0.18 -0.52 -0.50001 0 -0.32 0.18721 -0.5 0.52 -0.5" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.66016 10.3401c0.3328 0 0.52 -0.18 0.52 -0.50001 0 -0.32 -0.1872 -0.5 -0.52 -0.5" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5 7c0 4.16 2.34 6.5 6.5 6.5 1.02992 0 2.38894 -0.2665 2.7472 -1.2935 0.5194 -1.4887 -2.19937 -1.1066 -2.19937 -2.98088 0 -3.32094 5.95217 0.44657 5.95217 -3.99962C13.5 3.26968 11.16 0.5 7 0.5S0.5 2.84 0.5 7Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.55953 4.91997c0.6656 0 1.04 -0.3744 1.04 -1.04s-0.3744 -1.04 -1.04 -1.04 -1.04 0.3744 -1.04 1.04 0.3744 1.04 1.04 1.04Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.40035 6.48002c0.6656 0 1.04 -0.3744 1.04 -1.04s-0.3744 -1.04 -1.04 -1.04 -1.04 0.3744 -1.04 1.04 0.3744 1.04 1.04 1.04Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/pdf.svg b/resources/svg/icons/pdf.svg
new file mode 100644
index 00000000000..c3910d3f294
--- /dev/null
+++ b/resources/svg/icons/pdf.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.8534 11.5629C12.9494 10.0921 13 8.56549 13 7c0 -0.42599 -0.0037 -0.84909 -0.0111 -1.26898 -0.0138 -0.78391 -0.2654 -1.54895 -0.7457 -2.16867 -0.8249 -1.06446 -1.5593 -1.798 -2.69605 -2.664462 -0.3171 -0.241706 -0.70416 -0.373156 -1.10277 -0.382227C7.98804 0.505278 7.51108 0.5 7 0.5 5.45944 0.5 4.22884 0.547957 2.93872 0.639152c-0.9635 0.068107 -1.72917 0.834098 -1.79211 1.797948C1.05057 3.90794 1 5.4345 1 7c0 1.56549 0.05057 3.0921 0.14661 4.5629 0.06294 0.9639 0.82861 1.7298 1.79211 1.7979C4.22884 13.452 5.45943 13.5 7 13.5c1.54057 0 2.77116 -0.048 4.0613 -0.1392 0.9635 -0.0681 1.7292 -0.834 1.7921 -1.7979Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.291 3.51823c-1.29377 0.38332 4.10054 6.88367 4.67583 5.39619 0.57527 -1.48747 -7.08549 0.43004 -5.8238 1.48748 1.2617 1.0574 2.44174 -7.267 1.14797 -6.88367Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/pulse.svg b/resources/svg/icons/pulse.svg
new file mode 100644
index 00000000000..a34ad747fca
--- /dev/null
+++ b/resources/svg/icons/pulse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.959867 10.2685C1.114 11.7092 2.2727 12.8679 3.71266 13.0284 4.78221 13.1476 5.88037 13.25 7 13.25s2.21779 -0.1024 3.2873 -0.2216c1.44 -0.1605 2.5987 -1.3192 2.7528 -2.7599 0.1138 -1.06348 0.2099 -2.15535 0.2099 -3.2685 0 -1.11316 -0.0961 -2.20502 -0.2099 -3.26853 -0.1541 -1.44065 -1.3128 -2.59936 -2.7528 -2.759861C9.21779 0.852392 8.11963 0.75 7 0.75S4.78221 0.852392 3.71266 0.971609C2.2727 1.13211 1.114 2.29082 0.959867 3.73147 0.846083 4.79498 0.75 5.88684 0.75 7c0 1.11315 0.096084 2.20502 0.209867 3.2685Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.7101 6.84104s-1.30344 -0.36894 -1.67237 0c-0.36894 0.36893 -0.73099 2.41245 -1.325 2.41245 -0.59402 0 -0.99293 -4.50691 -1.42533 -4.50691 -0.59402 0 -0.95605 2.04352 -1.32498 2.41246 -0.36894 0.36894 -1.67238 0 -1.67238 0" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/rss.svg b/resources/svg/icons/rss.svg
new file mode 100644
index 00000000000..18a82f27ad9
--- /dev/null
+++ b/resources/svg/icons/rss.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.959867 10.2685C1.114 11.7092 2.2727 12.8679 3.71266 13.0284 4.78221 13.1476 5.88037 13.25 7 13.25s2.21779 -0.1024 3.2873 -0.2216c1.44 -0.1605 2.5987 -1.3192 2.7528 -2.7599 0.1138 -1.06348 0.2099 -2.15535 0.2099 -3.2685 0 -1.11316 -0.0961 -2.20502 -0.2099 -3.26853 -0.1541 -1.44065 -1.3128 -2.59936 -2.7528 -2.759861C9.21779 0.852392 8.11963 0.75 7 0.75S4.78221 0.852392 3.71266 0.971609C2.2727 1.13211 1.114 2.29082 0.959867 3.73147 0.846083 4.79498 0.75 5.88684 0.75 7c0 1.11315 0.096084 2.20502 0.209867 3.2685Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.10498 6.34863c0.94053 0 1.84253 0.37362 2.50758 1.03868 0.66505 0.66505 1.03868 1.56705 1.03868 2.50758" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.10498 9.0083c0.23513 0 0.46063 0.09341 0.6269 0.25967 0.16626 0.16626 0.25966 0.39176 0.25966 0.62689" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.3109 9.89491c0 -3.42745 -2.77847 -6.20595 -6.20592 -6.20595" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/script.svg b/resources/svg/icons/script.svg
new file mode 100644
index 00000000000..47590033d62
--- /dev/null
+++ b/resources/svg/icons/script.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.969439 9.22014C0.652968 10.4752 0.276868 13.2498 3.00154 13.2498l7.11446 0c-1.9531 0 -2.77394 -2.1704 -2.038 -4.02966 -2.3892 -0.28394 -4.71936 -0.28394 -7.108561 0Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6.31641 3.91431 2.53895 0" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6.31641 6.57019 2.53895 0" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.0533 13.249c2.4405 -0.0592 2.0983 -2.8825 1.7421 -5.82117 -0.3457 -2.85214 -0.7045 -5.81305 1.4545 -6.461509 -2.6415 -0.279997 -5.23046 -0.296737 -7.86894 0C2.68291 1.81197 3.59812 7.51961 3.9832 9.00909M9.97426 13.25c0.01233 0 0.02459 -0.0001 0.03674 -0.0002h-0.15374c0.03895 0.0001 0.07796 0.0002 0.117 0.0002Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/slider.svg b/resources/svg/icons/slider.svg
new file mode 100644
index 00000000000..291af98ecc6
--- /dev/null
+++ b/resources/svg/icons/slider.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" d="M4.49219 10.3438h0.5" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" d="M6.75 10.3438h0.5" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" d="M9.00781 10.3438h0.5" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.927203 10.2878C1.08217 11.737 2.24714 12.9026 3.69488 13.064c2.22376 0.248 4.38648 0.248 6.61022 0 1.4478 -0.1614 2.6127 -1.327 2.7677 -2.7762 0.2363 -2.20944 0.2363 -4.36616 0 -6.57564 -0.155 -1.44916 -1.3199 -2.61471 -2.7677 -2.776165 -2.22374 -0.247993 -4.38646 -0.247993 -6.61022 0C2.24714 1.09745 1.08217 2.263 0.927203 3.71216c-0.236271 2.20948 -0.236271 4.3662 0 6.57564Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.87927 5.52173c-0.4101 0.20505 -0.82021 0.61516 -1.02527 1.02525 0.20506 0.41012 0.61517 0.82023 1.02527 1.02529" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.1207 5.52173c0.4101 0.20505 0.8202 0.61516 1.0253 1.02525 -0.2051 0.41012 -0.6152 0.82023 -1.0253 1.02529" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/star-half.svg b/resources/svg/icons/star-half.svg
new file mode 100644
index 00000000000..658414ddfcc
--- /dev/null
+++ b/resources/svg/icons/star-half.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linejoin="round" d="M7.7225 4.4015c0.3078 -1.2994 0.7962 -2.4025 1.5342 -3.4138C9.43 0.7501 9.6845 0.6308 9.9393 0.63c0 0 0.49 3.3146 0.49 5.4525 0 2.1379 -0.49 5.4524 -0.49 5.4524 -0.9585 0.8463 -1.9586 1.4229 -3.0977 1.7927 -0.5716 0.1855 -1.1358 -0.2613 -1.1297 -0.8864 0.0122 -1.2402 0.2145 -2.4218 0.6389 -3.631 -1.0943 -0.6904 -1.9407 -1.5094 -2.6262 -2.5513 -0.3308 -0.5028 -0.1047 -1.1819 0.4512 -1.3693 1.1427 -0.3852 2.2952 -0.5347 3.5467 -0.4881Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/star.svg b/resources/svg/icons/star.svg
new file mode 100644
index 00000000000..5cc68eb8e1a
--- /dev/null
+++ b/resources/svg/icons/star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linejoin="round" d="M9.26344 4.34844C8.94942 3.02262 8.45287 1.8971 7.7007 0.865168 7.34583 0.378308 6.65711 0.378311 6.302 0.864976 5.54897 1.89696 5.0506 3.02254 4.73655 4.34844c-1.27708 -0.0475 -2.4531 0.10502 -3.61903 0.49806 -0.567297 0.19124 -0.797993 0.88418 -0.460427 1.39727C1.35657 7.30695 2.22018 8.14266 3.33681 8.8471c-0.43299 1.2339 -0.63943 2.4396 -0.65185 3.7051 -0.00626 0.6378 0.56948 1.0938 1.15274 0.9045 1.16232 -0.3774 2.18286 -0.9657 3.16091 -1.8293 0.97815 0.8637 2.00043 1.452 3.16369 1.8294 0.5833 0.1892 1.159 -0.2668 1.1527 -0.9046 -0.0124 -1.2655 -0.2188 -2.4712 -0.6518 -3.7051 1.1166 -0.70444 1.9802 -1.54015 2.6797 -2.60333 0.3376 -0.51309 0.1069 -1.20603 -0.4604 -1.39727 -1.1659 -0.39304 -2.342 -0.54556 -3.61906 -0.49806Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/steps.svg b/resources/svg/icons/steps.svg
new file mode 100644
index 00000000000..f5be7f64bfa
--- /dev/null
+++ b/resources/svg/icons/steps.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m3.5 7 2 0" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m8.5 7 2 0" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2 8.5c0.96 0 1.5 -0.54 1.5 -1.5S2.96 5.5 2 5.5 0.5 6.04 0.5 7 1.04 8.5 2 8.5Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 8.5c0.96 0 1.5 -0.54 1.5 -1.5S7.96 5.5 7 5.5 5.5 6.04 5.5 7 6.04 8.5 7 8.5Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12 8.5c0.96 0 1.5 -0.54 1.5 -1.5s-0.54 -1.5 -1.5 -1.5 -1.5 0.54 -1.5 1.5 0.54 1.5 1.5 1.5Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/wand.svg b/resources/svg/icons/wand.svg
new file mode 100644
index 00000000000..3e8c63ae1bd
--- /dev/null
+++ b/resources/svg/icons/wand.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 6.99976 0.5 13.5" stroke-width="1"/><path stroke="currentColor" stroke-linejoin="round" d="M11.7895 4.56877c0.4978 -0.82499 0.8006 -1.64513 0.9235 -2.55175 0.058 -0.42773 -0.3007 -0.78651 -0.7285 -0.72873 -0.9071 0.12253 -1.7282 0.42441 -2.55326 0.92225C8.78965 1.52157 8.10093 0.985022 7.29749 0.573719c-0.39093 -0.200126 -0.85678 0.025373 -0.93689 0.457181 -0.16599 0.89476 -0.133 1.76155 0.09727 2.69465 -0.84109 0.38997 -1.55009 0.88389 -2.18788 1.50874 -0.32144 0.31492 -0.24901 0.84234 0.1493 1.05171 0.79376 0.41722 1.61887 0.65539 2.55917 0.7341 0.07871 0.94039 0.31777 1.76642 0.73547 2.56065 0.20947 0.39827 0.73687 0.47075 1.05178 0.14927 0.62485 -0.6378 1.11877 -1.3468 1.50879 -2.18789 0.9331 0.23028 1.7998 0.26326 2.6946 0.09727 0.4318 -0.0801 0.6573 -0.54596 0.4572 -0.93689 -0.4113 -0.80344 -0.9479 -1.49216 -1.6368 -2.13374Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/web.svg b/resources/svg/icons/web.svg
new file mode 100644
index 00000000000..02cf999b775
--- /dev/null
+++ b/resources/svg/icons/web.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 13.5c4.16 0 6.5 -2.34 6.5 -6.5S11.16 0.5 7 0.5 0.5 2.84 0.5 7s2.34 6.5 6.5 6.5Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.4002 7c0 -2.72002 -0.83367 -5.17774 -2.40005 -6.5C5.43376 1.82226 4.6001 4.27998 4.6001 7s0.83366 5.1777 2.40005 6.5C8.56653 12.1777 9.4002 9.72002 9.4002 7Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5 6.99999c4.3449 -0.2853 8.6551 -0.2853 13 0" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/workflow.svg b/resources/svg/icons/workflow.svg
new file mode 100644
index 00000000000..2c8e7d396a0
--- /dev/null
+++ b/resources/svg/icons/workflow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.76851 2.9164C2.33369 3.79349 1.5625 5.37796 1.5625 7.56224c0 0.45397 0.03331 0.88203 0.09897 1.28321M12.3965 6.71948c-0.2565 -2.5421 -1.7091 -4.11358 -4.14406 -4.50073M4.11299 12.3987c0.79283 0.3958 1.76009 0.601 2.88701 0.601 2.01107 0 3.5137 -0.6537 4.4239 -1.8772" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 3.5c0.8 0 1.25 -0.45 1.25 -1.25S7.8 1 7 1s-1.25 0.45 -1.25 1.25S6.2 3.5 7 3.5Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.75 11.3438c0.8 0 1.25 -0.45 1.25 -1.25 0 -0.80005 -0.45 -1.25005 -1.25 -1.25005S0.5 9.29375 0.5 10.0938c0 0.8 0.45 1.25 1.25 1.25Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.25 11.3438c0.8 0 1.25 -0.45 1.25 -1.25 0 -0.80005 -0.45 -1.25005 -1.25 -1.25005s-1.25 0.45 -1.25 1.25005c0 0.8 0.45 1.25 1.25 1.25Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/views/playground.blade.php b/resources/views/playground.blade.php
index 97a4046f90c..f9829021400 100644
--- a/resources/views/playground.blade.php
+++ b/resources/views/playground.blade.php
@@ -1,27 +1,54 @@
 @php
     use function Statamic\trans as __;
+    use Illuminate\Support\Facades\File;
+
+    $icons = collect(File::files(base_path('vendor/statamic/cms/resources/svg/icons')))->map(function ($file) {
+        return $file->getFilenameWithoutExtension();
+    })->all();
+
 @endphp
 
 @extends('statamic::layout')
 @section('wrapper_class', 'max-w-7xl')
 
 @section('content')
-    <div class="mb-4 flex">
-        <ui-button text="Click me" />
-    </div>
+<ui-header title="Playground" >
+    <ui-subheading>A collection of components to test and play with.</ui-subheading>
+</ui-header>
 
-    <div class="mb-4 flex">
-        <ui-badge text="New" color="green" />
-    </div>
+<div class="space-y-12">
 
-    <div class="mb-4 flex">
-        <ui-card>
-            <ui-calendar />
-        </ui-card>
-    </div>
+    <section class="space-y-4">
+        <ui-heading size="lg">Badges</ui-heading>
+        <div class="mb-4 flex gap-3 items-end">
+            <ui-badge size="lg" text="Green" color="green" />
+            <ui-badge size="lg" text="Red" color="red" />
+            <ui-badge size="lg" text="Black" color="black" />
+            <ui-badge text="Blue" color="blue" />
+            <ui-badge text="Amber" color="amber" />
+            <ui-badge text="Pink" color="pink" />
+            <ui-badge size="sm" text="Cyan" color="cyan" />
+            <ui-badge size="sm" text="Purple" color="purple" />
+            <ui-badge size="sm" text="Gray" color="gray" />
+        </div>
+    </section>
+
+    <section class="space-y-4">
+        <ui-heading size="lg">Calendar</ui-heading>
+        <div class="flex gap-6">
+            <ui-card>
+                <ui-calendar />
+            </ui-card>
+            <ui-card>
+                <ui-calendar :number-of-months="2" />
+            </ui-card>
+        </div>
+    </section>
 
-    <div class="mb-4 flex">
-        <ui-card class="w-full space-y-6">
+    <section class="space-y-4">
+        <ui-heading size="lg">Card</ui-heading>
+        <div class="flex items-center justify-center bg-gray-50 rounded-xl border border-gray-200 p-12">
+        <ui-card class="w-80 space-y-6">
             <header>
                 <ui-heading size="lg">Create a new account</ui-heading>
                 <ui-subheading>Welcome to the thing! You're gonna love it here.</ui-subheading>
@@ -33,129 +60,174 @@
                 <ui-button variant="ghost" class="w-full">Already have an account? Go sign in</ui-button>
             </div>
         </ui-card>
-    </div>
+        </div>
+    </section>
 
-    <div class="mb-4 flex">
+    <section class="space-y-4">
+        <ui-heading size="lg">Card Panel</ui-heading>
         <ui-card-panel heading="Card Panel">This is a card panel.</ui-card-panel>
-    </div>
+    </section>
 
-    <div class="mb-4 flex">
-        <ui-checkbox-group name="meals" label="Select your favorite meals">
-            <ui-checkbox-item
-                label="Breakfast"
+    <section class="space-y-4">
+        <ui-heading size="lg">Checkboxes</ui-heading>
+        <div class="flex">
+            <ui-checkbox-group name="meals" label="Select your favorite meals">
+                <ui-checkbox-item
+                    label="Breakfast"
                 description="The morning meal. Should include eggs."
                 value="breakfast"
             />
             <ui-checkbox-item label="Lunch" description="The mid-day meal. Should be protein heavy." value="lunch" />
-            <ui-checkbox-item label="Dinner" description="The evening meal. Should be delicious." value="dinner" />
-        </ui-checkbox-group>
-    </div>
-
-    <div class="mb-4 flex">
-        <ui-datepicker />
-    </div>
-
-    <div class="mb-4 flex">
-        <ui-dropdown>
-            <template #trigger>
-                <ui-button text="Do a Action" variant="filled" icon-append="chevron-vertical" class="[&_svg]:size-2" />
-            </template>
+                <ui-checkbox-item label="Dinner" description="The evening meal. Should be delicious." value="dinner" />
+            </ui-checkbox-group>
+        </div>
+    </section>
+
+    <section class="space-y-4">
+        <ui-heading size="lg">Datepicker</ui-heading>
+        <div class="flex">
+            <ui-datepicker />
+        </div>
+    </section>
+
+    <section class="space-y-4">
+        <ui-heading size="lg">Dropdown</ui-heading>
+        <div class="flex">
+            <ui-dropdown>
+                <template #trigger>
+                    <ui-button text="Do a Action" variant="filled" icon-append="chevron-vertical" class="[&_svg]:size-2" />
+                </template>
             <ui-dropdown-menu>
                 <ui-dropdown-item text="Bake a food" />
                 <ui-dropdown-item text="Write that book" />
                 <ui-dropdown-item text="Eat this meal" />
                 <ui-dropdown-item text="Lie about larceny" />
                 <ui-dropdown-item text="Save some bird" />
-            </ui-dropdown-menu>
-        </ui-dropdown>
-    </div>
-
-    <div class="mb-4 flex">
-        <ui-icon name="download" class="size-6" />
-    </div>
-
-    <div class="mb-4 flex">
-        <ui-input
-            name="email"
-            type="email"
-            required
-            label="Email"
-            description="We need it so we can sell your info to spammers."
-        />
-    </div>
-
-    <div class="mb-4 flex">
-        <ui-modal title="That's Pretty Neat">
-            <template #trigger>
-                <ui-button text="How neat is that?" />
-            </template>
-        </ui-modal>
-    </div>
-
-    <div class="mb-4 flex">
-        <ui-popover>
-            <template #trigger>
-                <ui-button text="Open Popover" />
-            </template>
-
-            <div class="flex flex-col gap-2.5">
-                <ui-heading text="Provide Feedback" />
-                <ui-textarea placeholder="How we can make this component better?" elastic />
-                <div class="flex flex-col sm:flex-row sm:justify-end">
-                    <ui-button variant="primary" size="sm" text="Submit" />
+                </ui-dropdown-menu>
+            </ui-dropdown>
+        </div>
+    </section>
+
+    <section class="space-y-4">
+        <ui-heading size="lg">Icons</ui-heading>
+        <div class="grid grid-cols-4 md:grid-cols-6 2xl:grid-cols-10 gap-4">
+            @foreach ($icons as $icon)
+                <div class="bg-gray-50 rounded-lg py-6 px-2 flex flex-col items-center gap-3">
+                    <ui-icon name="{{ $icon }}" class="size-6" />
+                    <span class="text-xs text-gray-500">{{ $icon }}</span>
                 </div>
-            </div>
-        </ui-popover>
-    </div>
+            @endforeach
+        </div>
+    </section>
 
-    <div class="mb-4 flex">
-        <ui-radio-group name="favorite" label="Choose your favorite meal">
-            <ui-radio-item
-                label="Breakfast"
-                description="The morning meal. Should include eggs."
-                value="breakfast"
-                checked
+    <section class="space-y-4">
+        <ui-heading size="lg">Input</ui-heading>
+        <div class="flex">
+            <ui-input
+                name="email"
+                type="email"
+                required
+                label="Email"
+                description="We need it so we can sell your info to spammers."
+            />
+        </div>
+    </section>
+
+    <section class="space-y-4">
+        <ui-heading size="lg">Modal</ui-heading>
+        <div class="flex">
+            <ui-modal title="That's Pretty Neat">
+                <template #trigger>
+                    <ui-button text="How neat is that?" />
+                </template>
+            </ui-modal>
+        </div>
+    </section>
+
+    <section class="space-y-4">
+        <ui-heading size="lg">Popover</ui-heading>
+        <div class="flex">
+            <ui-popover>
+                <template #trigger>
+                    <ui-button text="Open Popover" />
+                </template>
+
+                <div class="flex flex-col gap-2.5">
+                    <ui-heading text="Provide Feedback" />
+                    <ui-textarea placeholder="How we can make this component better?" elastic />
+                    <div class="flex flex-col sm:flex-row sm:justify-end">
+                        <ui-button variant="primary" size="sm" text="Submit" />
+                    </div>
+                </div>
+            </ui-popover>
+        </div>
+    </section>
+
+    <section class="space-y-4">
+        <ui-heading size="lg">Radio Group</ui-heading>
+        <div class="flex">
+            <ui-radio-group name="favorite" label="Choose your favorite meal">
+                <ui-radio-item
+                    label="Breakfast"
+                    description="The morning meal. Should include eggs."
+                    value="breakfast"
+                    checked
             />
             <ui-radio-item label="Lunch" description="The mid-day meal. Should be protein heavy." value="lunch" />
-            <ui-radio-item label="Dinner" description="The evening meal Should be delicious." value="dinner" />
-        </ui-radio-group>
-    </div>
-
-    <div class="mb-4 flex">
-        <ui-select
-            label="Favorite band"
-            :options="[
-     { label: 'The Midnight', value: 'the_midnight' },
-     { label: 'The 1975', value: 'the_1975' },
-     { label: 'Sunglasses Kid', value: 'sunglasses_kid' }
-     ]"
-        />
-    </div>
-
-    <div class="mb-4 flex">
-        <ui-separator text="vs" />
-    </div>
-
-    <div class="mb-4 flex">
-        <ui-splitter-group>
-            <ui-splitter-panel class="flex h-24 items-center justify-center rounded-xl bg-white">
-                Left
+                <ui-radio-item label="Dinner" description="The evening meal Should be delicious." value="dinner" />
+            </ui-radio-group>
+        </div>
+    </section>
+
+    <section class="space-y-4">
+        <ui-heading size="lg">Select</ui-heading>
+        <div class="flex">
+            <ui-select
+                label="Favorite band"
+                :options="[
+                    { label: 'The Midnight', value: 'the_midnight' },
+                    { label: 'The 1975', value: 'the_1975' },
+                    { label: 'Sunglasses Kid', value: 'sunglasses_kid' }
+                ]"
+            />
+        </div>
+    </section>
+
+    <section class="space-y-4">
+        <ui-heading size="lg">Separator</ui-heading>
+        <div class="flex">
+            <ui-separator text="vs" />
+        </div>
+    </section>
+
+    <section class="space-y-4">
+        <ui-heading size="lg">Splitter</ui-heading>
+        <div class="flex bg-gray-50 rounded-xl p-4 border border-gray-200">
+            <ui-splitter-group>
+                <ui-splitter-panel class="flex h-24 items-center justify-center rounded-xl bg-white">
+                    Left
             </ui-splitter-panel>
             <ui-splitter-resize-handle class="w-3" />
             <ui-splitter-panel class="flex h-24 items-center justify-center rounded-xl bg-white">
                 Right
-            </ui-splitter-panel>
-        </ui-splitter-group>
-    </div>
+                </ui-splitter-panel>
+            </ui-splitter-group>
+        </div>
+    </section>
 
-    <div class="mb-4 flex">
-        <ui-switch label="Make it So" description="Would you like to make it so?" />
-    </div>
+    <section class="space-y-4">
+        <ui-heading size="lg">Switch</ui-heading>
+        <div class="flex">
+            <ui-switch label="Make it So" description="Would you like to make <b>it so</b>?" />
+        </div>
+    </section>
 
-    <div class="mb-4 flex">
-        <ui-table>
-            <ui-table-columns>
-                <ui-table-column>Product</ui-table-column>
+    <section class="space-y-4">
+        <ui-heading size="lg">Table</ui-heading>
+        <div class="flex">
+            <ui-table>
+                <ui-table-columns>
+                    <ui-table-column>Product</ui-table-column>
                 <ui-table-column>Stock</ui-table-column>
                 <ui-table-column class="text-right">Price</ui-table-column>
             </ui-table-columns>
@@ -181,40 +253,48 @@
                     </ui-table-cell>
                     <ui-table-cell class="text-right font-semibold text-black">$349.00</ui-table-cell>
                 </ui-table-row>
-            </ui-table-rows>
-        </ui-table>
-    </div>
-
-    <div class="mb-4 flex">
-        <ui-tabs default-tab="tab1" class="text-center">
-            <ui-tabs-list>
-                <ui-tabs-trigger text="Shiny" name="tab1" />
-                <ui-tabs-trigger text="Happy" name="tab2" />
-                <ui-tabs-trigger text="People" name="tab3" />
-            </ui-tabs-list>
-            <ui-tabs-content name="tab1">
-                <p>Tab 1 content</p>
-            </ui-tabs-content>
-            <ui-tabs-content name="tab2">
-                <p>Tab 2 content</p>
-            </ui-tabs-content>
-            <ui-tabs-content name="tab3">
-                <p>Tab 3 content</p>
-            </ui-tabs-content>
-        </ui-tabs>
-    </div>
-
-    <div class="mb-4 flex">
-        <ui-textarea label="Message" />
-    </div>
-
-    <div class="mb-4 flex">
-        <ui-tooltip text="Never gonna give you up">
-            <ui-button text="Hover me" />
-        </ui-tooltip>
-    </div>
-
-    <div class="mb-4 flex">
-        <ui-icon name="sun" class="size-6" />
-    </div>
+                </ui-table-rows>
+            </ui-table>
+        </div>
+    </section>
+
+    <section class="space-y-4">
+        <ui-heading size="lg">Tabs</ui-heading>
+        <div class="flex">
+            <ui-tabs default-tab="tab1" class="w-full">
+                <ui-tabs-list>
+                    <ui-tabs-trigger text="Shiny" name="tab1" />
+                    <ui-tabs-trigger text="Happy" name="tab2" />
+                    <ui-tabs-trigger text="People" name="tab3" />
+                </ui-tabs-list>
+                <ui-tabs-content name="tab1">
+                    <p class="py-8">Tab 1 content</p>
+                </ui-tabs-content>
+                <ui-tabs-content name="tab2">
+                    <p class="py-8">Tab 2 content</p>
+                </ui-tabs-content>
+                <ui-tabs-content name="tab3">
+                    <p class="py-8">Tab 3 content</p>
+                </ui-tabs-content>
+            </ui-tabs>
+        </div>
+    </section>
+
+    <section class="space-y-4">
+        <ui-heading size="lg">Textarea</ui-heading>
+        <div class="flex">
+            <ui-textarea label="Message" />
+        </div>
+    </section>
+
+    <section class="space-y-4">
+        <ui-heading size="lg">Tooltip</ui-heading>
+        <div class="flex">
+            <ui-tooltip text="Never gonna give you up">
+                <ui-button text="Hover me" />
+            </ui-tooltip>
+        </div>
+    </section>
+
+</div>
 @endsection

From ebb152c2302d0a60e0eb324826fbefc1c47776a8 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 11 Apr 2025 10:09:51 -0400
Subject: [PATCH 078/186] Use new Markdown icon

---
 .../components/fieldtypes/markdown/MarkdownFieldtype.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
index 9b648e21376..6befe1cf1f8 100644
--- a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
+++ b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
@@ -75,14 +75,13 @@
                                     <div class="bg-gray-50 dark:bg-gray-950 rounded-b-xl border-t border-gray-200 dark:border-white/15 flex p-1 text-sm w-full">
                                         <div class="markdown-cheatsheet-helper">
                                             <ui-button
+                                                icon="markdown"
+                                                size="sm"
                                                 variant="ghost"
-                                                size="xs"
                                                 @click="showCheatsheet = true"
                                                 :aria-label="__('Show Markdown Cheatsheet')"
-                                            >
-                                                <svg-icon name="markdown-icon" class="size-4!" />
-                                                <span>{{ __('Markdown Cheatsheet') }}</span>
-                                            </ui-button>
+                                                :text="__('Markdown Cheatsheet')"
+                                            />
                                         </div>
                                     </div>
                                     <div v-if="fullScreenMode" class="flex items-center pe-2">

From aa1f97d1c1abba3bfa432afa0398647b3ebb5cf9 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 11 Apr 2025 10:18:25 -0400
Subject: [PATCH 079/186] Separate out UI-focused SVGs from Icons

---
 resources/js/components/ui/Calendar/Index.vue        | 4 ++--
 resources/js/components/ui/Icon.vue                  | 5 ++++-
 resources/js/components/ui/Select/Index.vue          | 2 +-
 resources/svg/{icons => ui}/chevron-down.svg         | 0
 resources/svg/{icons => ui}/chevron-left.svg         | 0
 resources/svg/{icons => ui}/chevron-right.svg        | 0
 resources/svg/{icons => ui}/chevron-vertical.svg     | 0
 resources/svg/{icons => ui}/dots.svg                 | 0
 resources/views/partials/new-global-header.blade.php | 4 ++--
 resources/views/playground.blade.php                 | 2 +-
 10 files changed, 10 insertions(+), 7 deletions(-)
 rename resources/svg/{icons => ui}/chevron-down.svg (100%)
 rename resources/svg/{icons => ui}/chevron-left.svg (100%)
 rename resources/svg/{icons => ui}/chevron-right.svg (100%)
 rename resources/svg/{icons => ui}/chevron-vertical.svg (100%)
 rename resources/svg/{icons => ui}/dots.svg (100%)

diff --git a/resources/js/components/ui/Calendar/Index.vue b/resources/js/components/ui/Calendar/Index.vue
index 41c95a65ffc..134c29add83 100644
--- a/resources/js/components/ui/Calendar/Index.vue
+++ b/resources/js/components/ui/Calendar/Index.vue
@@ -68,13 +68,13 @@ const maxValue = computed(() =>
                     :is="components.CalendarPrev"
                     class="inline-flex size-8 cursor-pointer items-center justify-center rounded-md hover:bg-gray-50 active:scale-90 dark:hover:bg-gray-950"
                 >
-                    <ui-icon name="chevron-left" class="size-4" />
+                    <ui-icon name="ui/chevron-left" class="size-4" />
                 </Component>
                 <Component
                     :is="components.CalendarNext"
                     class="inline-flex size-8 cursor-pointer items-center justify-center rounded-md hover:bg-gray-50 active:scale-90 dark:hover:bg-gray-950"
                 >
-                    <ui-icon name="chevron-right" class="size-4" />
+                    <ui-icon name="ui/chevron-right" class="size-4" />
                 </Component>
             </div>
         </Component>
diff --git a/resources/js/components/ui/Icon.vue b/resources/js/components/ui/Icon.vue
index ef90924b226..470527f2da8 100644
--- a/resources/js/components/ui/Icon.vue
+++ b/resources/js/components/ui/Icon.vue
@@ -20,7 +20,10 @@ const loadIcon = () => {
     }
 
     // Handle file imports
-    return defineAsyncComponent(() => import(`../../../svg/icons/${props.name}.svg`));
+    const path = props.name.includes('/')
+        ? `../../../svg/${props.name}.svg`
+        : `../../../svg/icons/${props.name}.svg`;
+    return defineAsyncComponent(() => import(path));
 };
 
 watch(
diff --git a/resources/js/components/ui/Select/Index.vue b/resources/js/components/ui/Select/Index.vue
index 4baabf84ef7..5c8dcdb3384 100644
--- a/resources/js/components/ui/Select/Index.vue
+++ b/resources/js/components/ui/Select/Index.vue
@@ -62,7 +62,7 @@ const itemClasses = cva({
         <SelectRoot v-bind="attrs">
             <SelectTrigger :class="[triggerClasses, $attrs.class]" data-ui-select-trigger>
                 <SelectValue :placeholder="placeholder" class="select-none" />
-                <ui-icon name="chevron-down" class="me-2" />
+                <ui-icon name="ui/chevron-down" class="me-2" />
             </SelectTrigger>
 
             <SelectPortal>
diff --git a/resources/svg/icons/chevron-down.svg b/resources/svg/ui/chevron-down.svg
similarity index 100%
rename from resources/svg/icons/chevron-down.svg
rename to resources/svg/ui/chevron-down.svg
diff --git a/resources/svg/icons/chevron-left.svg b/resources/svg/ui/chevron-left.svg
similarity index 100%
rename from resources/svg/icons/chevron-left.svg
rename to resources/svg/ui/chevron-left.svg
diff --git a/resources/svg/icons/chevron-right.svg b/resources/svg/ui/chevron-right.svg
similarity index 100%
rename from resources/svg/icons/chevron-right.svg
rename to resources/svg/ui/chevron-right.svg
diff --git a/resources/svg/icons/chevron-vertical.svg b/resources/svg/ui/chevron-vertical.svg
similarity index 100%
rename from resources/svg/icons/chevron-vertical.svg
rename to resources/svg/ui/chevron-vertical.svg
diff --git a/resources/svg/icons/dots.svg b/resources/svg/ui/dots.svg
similarity index 100%
rename from resources/svg/icons/dots.svg
rename to resources/svg/ui/dots.svg
diff --git a/resources/views/partials/new-global-header.blade.php b/resources/views/partials/new-global-header.blade.php
index 1c47917721c..3aff89ea9a8 100644
--- a/resources/views/partials/new-global-header.blade.php
+++ b/resources/views/partials/new-global-header.blade.php
@@ -21,7 +21,7 @@
         <span class="text-gray-500">/</span>
         <ui-dropdown v-cloak>
             <template #trigger>
-                <ui-button text="Collections" size="sm" variant="ghost" icon-append="chevron-vertical" class="[&_svg]:size-2" />
+                <ui-button text="Collections" size="sm" variant="ghost" icon-append="ui/chevron-vertical" class="[&_svg]:size-2" />
             </template>
             <ui-dropdown-header text="Collections" />
             <ui-dropdown-menu>
@@ -34,7 +34,7 @@
         <span class="text-gray-500">/</span>
             <ui-dropdown v-cloak>
             <template #trigger>
-                <ui-button text="Events" size="sm" variant="ghost" icon-append="chevron-vertical" class="[&_svg]:size-2" />
+                <ui-button text="Events" size="sm" variant="ghost" icon-append="ui/chevron-vertical" class="[&_svg]:size-2" />
             </template>
             <ui-dropdown-header text="Events" icon="collections" :link-to-config="true" />
             <ui-dropdown-menu>
diff --git a/resources/views/playground.blade.php b/resources/views/playground.blade.php
index f9829021400..7965094e308 100644
--- a/resources/views/playground.blade.php
+++ b/resources/views/playground.blade.php
@@ -95,7 +95,7 @@
         <div class="flex">
             <ui-dropdown>
                 <template #trigger>
-                    <ui-button text="Do a Action" variant="filled" icon-append="chevron-vertical" class="[&_svg]:size-2" />
+                    <ui-button text="Do a Action" variant="filled" icon-append="ui/chevron-vertical" class="[&_svg]:size-2" />
                 </template>
             <ui-dropdown-menu>
                 <ui-dropdown-item text="Bake a food" />

From 7700a6805ea915f191f407ecb99eab3929134195 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 11 Apr 2025 11:26:33 -0400
Subject: [PATCH 080/186] fix a few more mis-mapped icons

---
 resources/js/components/entries/PublishForm.vue       | 2 +-
 resources/js/components/preferences/EditForm.vue      | 2 +-
 resources/js/components/publish/SaveButtonOptions.vue | 2 +-
 resources/views/blueprints/index.blade.php            | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/entries/PublishForm.vue b/resources/js/components/entries/PublishForm.vue
index c6767895224..aebe2e6c2ea 100644
--- a/resources/js/components/entries/PublishForm.vue
+++ b/resources/js/components/entries/PublishForm.vue
@@ -8,7 +8,7 @@
 
             <ui-dropdown v-if="canEditBlueprint || hasItemActions">
                 <template #trigger>
-                    <ui-button icon="dots" variant="ghost" />
+                    <ui-button icon="ui/dots" variant="ghost" />
                 </template>
                 <ui-dropdown-menu>
                     <ui-dropdown-item :text="__('Edit Blueprint')" v-if="canEditBlueprint" :href="actions.editBlueprint" />
diff --git a/resources/js/components/preferences/EditForm.vue b/resources/js/components/preferences/EditForm.vue
index 04ae829a673..d8e1d583367 100644
--- a/resources/js/components/preferences/EditForm.vue
+++ b/resources/js/components/preferences/EditForm.vue
@@ -23,7 +23,7 @@
 
                     <ui-dropdown align="end" v-if="hasSaveAsOptions">
                         <template #trigger>
-                            <ui-button icon="chevron-down" variant="primary" />
+                            <ui-button icon="ui/chevron-down" variant="primary" />
                         </template>
                         <ui-dropdown-menu>
                             <ui-dropdown-label>{{ __('Save to') }}...</ui-dropdown-label>
diff --git a/resources/js/components/publish/SaveButtonOptions.vue b/resources/js/components/publish/SaveButtonOptions.vue
index d2b92ffa887..9ad4fb8ed68 100644
--- a/resources/js/components/publish/SaveButtonOptions.vue
+++ b/resources/js/components/publish/SaveButtonOptions.vue
@@ -3,7 +3,7 @@
         <slot />
         <ui-dropdown v-if="showOptions" align="end">
             <template #trigger>
-                <ui-button variant="primary" icon="chevron-down" />
+                <ui-button variant="primary" icon="ui/chevron-down" />
             </template>
             <ui-dropdown-menu>
                 <ui-dropdown-label v-text="__('After Saving')" />
diff --git a/resources/views/blueprints/index.blade.php b/resources/views/blueprints/index.blade.php
index e06554f8ed1..951b06fc604 100644
--- a/resources/views/blueprints/index.blade.php
+++ b/resources/views/blueprints/index.blade.php
@@ -10,7 +10,7 @@
             <template #trigger>
                 <ui-button
                     text="{{ __('Create Blueprint') }}"
-                    icon-append="chevron-down"
+                    icon-append="ui/chevron-down"
                     variant="primary"
                 ></ui-button>
             </template>

From 1b9a5f18aaaba63d4c7e23c7e4679a2a6bd77564 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 11 Apr 2025 12:43:00 -0400
Subject: [PATCH 081/186] Rework icon loader logic to lazy load from globs
 instead of single file paths

---
 resources/js/components/ui/Icon.vue | 33 ++++++++++++++++-------------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/resources/js/components/ui/Icon.vue b/resources/js/components/ui/Icon.vue
index 470527f2da8..da1819f1f75 100644
--- a/resources/js/components/ui/Icon.vue
+++ b/resources/js/components/ui/Icon.vue
@@ -1,29 +1,32 @@
 <script setup>
-// Almost definitely a throwaway component
 import { defineAsyncComponent, shallowRef, watch } from 'vue';
 
+// Import all icons from the icons and ui directories (lazy loaded)
+const icons = import.meta.glob('../../../svg/icons/*.svg');
+const uiIcons = import.meta.glob('../../../svg/ui/*.svg');
+
 const props = defineProps({
-    name: {
-        type: String,
-        required: true,
-    },
+    name: { type: String, required: true },
 });
 
 const icon = shallowRef(null);
 
 const loadIcon = () => {
-    // Handle direct SVG strings
-    if (props.name.startsWith('<svg')) {
-        return defineAsyncComponent(() => {
-            return new Promise((resolve) => resolve({ template: props.name }));
-        });
+    // Find the icon in either the icons or ui directory
+    const iconPath = props.name.includes('/')
+        ? `../../../svg/ui/${props.name.split('/')[1]}.svg`
+        : `../../../svg/icons/${props.name}.svg`;
+
+    const iconLoader = props.name.includes('/')
+        ? uiIcons[iconPath]
+        : icons[`../../../svg/icons/${props.name}.svg`];
+
+    if (!iconLoader) {
+        console.warn(`Icon not found: ${props.name}`);
+        return null;
     }
 
-    // Handle file imports
-    const path = props.name.includes('/')
-        ? `../../../svg/${props.name}.svg`
-        : `../../../svg/icons/${props.name}.svg`;
-    return defineAsyncComponent(() => import(path));
+    return defineAsyncComponent(() => iconLoader());
 };
 
 watch(

From 3af45d12cf7355bca09b8aca8acee0ad96cb5033 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 11 Apr 2025 16:37:50 -0400
Subject: [PATCH 082/186] Wire up Switch, improve style a bit, add sizes

---
 resources/css/ui.css                          |  1 +
 .../components/fieldtypes/ToggleFieldtype.vue | 11 +++-
 resources/js/components/ui/Switch.vue         | 58 +++++++++++++------
 resources/views/playground.blade.php          |  4 +-
 4 files changed, 51 insertions(+), 23 deletions(-)

diff --git a/resources/css/ui.css b/resources/css/ui.css
index 10972cabffd..33d37ddda09 100644
--- a/resources/css/ui.css
+++ b/resources/css/ui.css
@@ -80,6 +80,7 @@
     --shadow-ui-sm: 0px 2px 3px -2px rgba(0,0,0,0.15);
     --shadow-ui-md: 0px 2px 4px -2px rgba(0,0,0,0.37);
     --shadow-ui-lg: 0px 4px 7px -4px rgba(0,0,0,0.15);
+    --shadow-ui-xl: 0px 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
 
     --animate-wiggle: wiggle 200ms ease-in-out infinite;
 
diff --git a/resources/js/components/fieldtypes/ToggleFieldtype.vue b/resources/js/components/fieldtypes/ToggleFieldtype.vue
index e984427d7ad..97b3d641d71 100644
--- a/resources/js/components/fieldtypes/ToggleFieldtype.vue
+++ b/resources/js/components/fieldtypes/ToggleFieldtype.vue
@@ -1,16 +1,21 @@
 <template>
-    <div class="toggle-fieldtype-wrapper">
-        <toggle-input :model-value="value" @update:model-value="update" :read-only="isReadOnly" :id="fieldId" />
-        <label v-if="inlineLabel" class="inline-label" v-html="$markdown(__(inlineLabel))"></label>
+    <div class="flex items-center gap-2">
+        <Switch :model-value="value" @update:model-value="update" :id="fieldId" :disabled="isReadOnly" />
+        <ui-heading v-if="inlineLabel" v-html="$markdown(__(inlineLabel))" />
     </div>
 </template>
 
 <script>
 import Fieldtype from './Fieldtype.vue';
+import Switch from '@statamic/components/ui/Switch.vue';
 
 export default {
     mixins: [Fieldtype],
 
+    components: {
+        Switch,
+    },
+
     computed: {
         inlineLabel() {
             return this.value
diff --git a/resources/js/components/ui/Switch.vue b/resources/js/components/ui/Switch.vue
index d09efb54cfd..a932c992d30 100644
--- a/resources/js/components/ui/Switch.vue
+++ b/resources/js/components/ui/Switch.vue
@@ -1,41 +1,63 @@
 <script setup>
 import { useId } from 'vue';
 import { SwitchRoot, SwitchThumb } from 'reka-ui';
+import { cva } from 'cva';
 
-defineProps({
+const props = defineProps({
     description: { type: String, default: null },
     required: { type: Boolean, default: false },
     id: { type: String, default: () => useId() },
     label: { type: String, default: null },
     modelValue: { type: Boolean, default: false },
+    size: { type: String, default: 'base' },
 });
 
 defineEmits(['update:modelValue']);
+
+const switchRootClasses = cva({
+        base: [
+            'relative flex rounded-full shrink-0 border-2',
+            'transition-colors focus-within:outline-hidden cursor-pointer',
+            'data-[state=checked]:border-gray-700',
+            'data-[state=checked]:bg-gray-800',
+            'data-[state=unchecked]:border-transparent',
+            'data-[state=unchecked]:bg-gray-200',
+    ],
+    variants: {
+        size: {
+            sm: 'h-5 w-9',
+            base: 'h-6 w-11',
+            lg: 'h-7 w-14',
+        },
+    },
+})({ size: props.size });
+
+const switchThumbClasses = cva({
+    base: [
+        'my-auto flex items-center justify-center rounded-full bg-white text-xs shadow-ui-xl transition-transform will-change-transform',
+        'data-[state=checked]:translate-x-full',
+    ],
+    variants: {
+        size: {
+            sm: 'size-4',
+            base: 'size-5',
+            lg: 'size-6',
+        },
+    },
+})({ size: props.size });
 </script>
 
 <template>
     <ui-with-field :label :description :required variant="inline" :for="id">
         <SwitchRoot
-            :checked="modelValue"
-            :id
-            @update:checked="$emit('update:modelValue', $event)"
-            :class="[
-                'relative flex h-[20px] w-[32px] rounded-full border',
-                'transition-[background] focus-within:outline-hidden',
-                'data-[state=checked]:border-gray-700',
-                'data-[state=checked]:bg-gray-800',
-                'data-[state=unchecked]:border-transparent',
-                'data-[state=unchecked]:bg-gray-400',
-            ]"
             data-ui-control
             dir="ltr"
+            :id="id"
+            :model-value="modelValue"
+            :class="switchRootClasses"
+            @update:model-value="$emit('update:modelValue', $event)"
         >
-            <SwitchThumb
-                :class="[
-                    'my-auto flex size-3.5 translate-x-0.5 items-center justify-center rounded-full bg-white text-xs shadow-xl transition-transform will-change-transform',
-                    'data-[state=checked]:translate-x-full',
-                ]"
-            />
+                <SwitchThumb :class="switchThumbClasses" />
         </SwitchRoot>
     </ui-with-field>
 </template>
diff --git a/resources/views/playground.blade.php b/resources/views/playground.blade.php
index 7965094e308..c8924dea01a 100644
--- a/resources/views/playground.blade.php
+++ b/resources/views/playground.blade.php
@@ -217,8 +217,8 @@
 
     <section class="space-y-4">
         <ui-heading size="lg">Switch</ui-heading>
-        <div class="flex">
-            <ui-switch label="Make it So" description="Would you like to make <b>it so</b>?" />
+        <div class="flex gap-2">
+            <ui-switch size="lg" />
         </div>
     </section>
 

From 10c6b90e33b2f275857b5bca1e6410fad7ef6063 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 11 Apr 2025 16:42:52 -0400
Subject: [PATCH 083/186] show all the switch sizes

---
 resources/views/playground.blade.php | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/resources/views/playground.blade.php b/resources/views/playground.blade.php
index c8924dea01a..ba8b563ca7b 100644
--- a/resources/views/playground.blade.php
+++ b/resources/views/playground.blade.php
@@ -217,7 +217,9 @@
 
     <section class="space-y-4">
         <ui-heading size="lg">Switch</ui-heading>
-        <div class="flex gap-2">
+        <div class="flex items-center gap-2">
+            <ui-switch size="sm" />
+            <ui-switch  />
             <ui-switch size="lg" />
         </div>
     </section>

From f0dd9ca7a7f84f2dcf07843472b3e1b437936468 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Fri, 11 Apr 2025 23:23:34 +0100
Subject: [PATCH 084/186] Sidebar -- make some suggestions to improve
 legibility/contrast

---
 resources/css/core/layout.css    | 9 +++++----
 resources/views/layout.blade.php | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/resources/css/core/layout.css b/resources/css/core/layout.css
index 7fbc03ec736..75ea9fa55a7 100644
--- a/resources/css/core/layout.css
+++ b/resources/css/core/layout.css
@@ -7,7 +7,8 @@
    ========================================================================== */
 
 .nav-main {
-    @apply flex flex-col gap-7 py-6 px-5 text-sm antialiased [&_svg]:text-gray-400 dark:[&_svg]:text-gray-600 select-none;
+    /* =Jay. I know Tailwind has a font-size of text-sm, but I think 0.875rem is a touch too small for the side nav. */
+    @apply flex flex-col gap-7 py-6 px-5 text-[0.9rem] antialiased [&_svg]:text-gray-900 dark:[&_svg]:text-gray-600 select-none;
     @apply h-full overflow-y-auto fixed top-14 left-0 w-46;
 
     transition: all 0.3s ease-in-out;
@@ -17,11 +18,11 @@
     }
 
     ul li a {
-        @apply flex items-center gap-3 text-gray-600 dark:text-gray-400 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200 ;
+        @apply flex items-center gap-3 text-gray-900 dark:text-gray-400 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200;
     }
 
     ul li a.active {
-        @apply text-black [&_svg]:text-black dark:text-white [&_svg]:dark:text-gray-200;
+        @apply text-black [&_svg]:text-black dark:text-white [&_svg]:dark:text-gray-200 font-semibold;
     }
 
     ul li ul {
@@ -29,7 +30,7 @@
     }
 
     .section-title {
-        @apply text-sm text-black dark:text-gray-200 mb-2;
+        @apply text-[0.7rem] font-bold tracking-[0.25px] mb-[0.6rem] uppercase text-black dark:text-gray-200;
     }
 }
 
diff --git a/resources/views/layout.blade.php b/resources/views/layout.blade.php
index 196d6bb7926..90ad9ffeabe 100644
--- a/resources/views/layout.blade.php
+++ b/resources/views/layout.blade.php
@@ -26,7 +26,7 @@ class="@yield('content-class') pt-14"
                     {{-- @include('statamic::partials.nav-mobile') --}}
 
                     <main class="
-                        flex bg-gray-100 dark:bg-gray-900 dark:border-t rounded-t-xl dark:border-white/10
+                        flex bg-gray-50 dark:bg-gray-900 dark:border-t rounded-t-xl dark:border-white/10
                         fixed top-14 inset-x-0 bottom-0 min-h-[calc(100vh-3.5rem)]
                     ">
                         @include('statamic::partials.nav-main')

From caf004c091c2195a31cc26ef53a521382700d07b Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Sat, 12 Apr 2025 17:14:52 -0400
Subject: [PATCH 085/186] Split the difference on the siderbar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The larger sizes and higher contrast was drawing too much focus to the nav. It should be an afterthought, a thing that's there but out of the way, and it was just too prominent. I also want to avoid tons of different font sizes all over — there's a subtle consistency at play the less sizes you can use.I

 did increase the contrast overall a shade though, added a more visible hover and active state, and left the darker gray-100 bg color (although i feel its too dark but i can live with it).

Also, small caps titles make the UI feel super dated – I don't want to use them anywhere, sorry!
---
 resources/css/core/layout.css               | 23 ++++++++++++++-------
 resources/views/partials/nav-main.blade.php |  2 +-
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/resources/css/core/layout.css b/resources/css/core/layout.css
index 75ea9fa55a7..fa551fba9be 100644
--- a/resources/css/core/layout.css
+++ b/resources/css/core/layout.css
@@ -7,30 +7,37 @@
    ========================================================================== */
 
 .nav-main {
-    /* =Jay. I know Tailwind has a font-size of text-sm, but I think 0.875rem is a touch too small for the side nav. */
-    @apply flex flex-col gap-7 py-6 px-5 text-[0.9rem] antialiased [&_svg]:text-gray-900 dark:[&_svg]:text-gray-600 select-none;
+    @apply flex flex-col gap-6 py-6 px-3 text-sm antialiased select-none;
     @apply h-full overflow-y-auto fixed top-14 left-0 w-46;
-
+    @apply [&_svg]:text-gray-500 dark:[&_svg]:text-gray-600;
     transition: all 0.3s ease-in-out;
 
     ul {
-        @apply flex flex-col gap-2;
+        @apply flex flex-col gap-0;
     }
 
     ul li a {
-        @apply flex items-center gap-3 text-gray-900 dark:text-gray-400 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200;
+        @apply flex items-center gap-3 text-gray-700 hover:bg-gray-400/10 px-2 py-1 rounded-md dark:text-gray-400 hover:text-black dark:hover:text-gray-200 hover:[&_svg]:text-gray-700 dark:hover:[&_svg]:text-gray-200;
     }
 
     ul li a.active {
-        @apply text-black [&_svg]:text-black dark:text-white [&_svg]:dark:text-gray-200 font-semibold;
+        @apply text-black bg-gray-400/10 [&_svg]:text-black dark:text-white [&_svg]:dark:text-gray-200 font-medium;
     }
 
     ul li ul {
-        @apply ml-1.5 pl-5.5 translate-x-px my-1.5 space-y-1 text-[13px] min-w-0 flex-col gap-1 border-l border-gray-300 dark:border-gray-600;
+        @apply ml-1.5 pl-5.5 translate-x-px my-1.5 text-[0.8125rem] min-w-0 flex-col gap-1 border-l border-gray-300 dark:border-gray-600;
+    }
+
+    ul li ul li a {
+        @apply py-0 hover:bg-transparent;
+    }
+
+    ul li ul li a.active {
+        @apply text-black dark:text-white font-medium bg-transparent;
     }
 
     .section-title {
-        @apply text-[0.7rem] font-bold tracking-[0.25px] mb-[0.6rem] uppercase text-black dark:text-gray-200;
+        @apply text-sm text-black mb-1 dark:text-gray-200;
     }
 }
 
diff --git a/resources/views/partials/nav-main.blade.php b/resources/views/partials/nav-main.blade.php
index c7db557b1cd..0cef258e489 100644
--- a/resources/views/partials/nav-main.blade.php
+++ b/resources/views/partials/nav-main.blade.php
@@ -21,7 +21,7 @@
                                     <ul>
                                         @foreach ($item->children() as $child)
                                             <li>
-                                                <a href="{{ $child->url() }}" {{ $item->attributes() }}>
+                                                <a href="{{ $child->url() }}" {{ $item->attributes() }} @class(['active' => $child->isActive()])>
                                                     {{ __($child->name()) }}
                                                 </a>
                                             </li>

From d88035f47aff8035450d3a1af9220d7fa4b81879 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Sat, 12 Apr 2025 17:28:28 -0400
Subject: [PATCH 086/186] Missed a few little things.

---
 resources/css/core/layout.css    | 2 +-
 resources/views/layout.blade.php | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/css/core/layout.css b/resources/css/core/layout.css
index fa551fba9be..299afdca631 100644
--- a/resources/css/core/layout.css
+++ b/resources/css/core/layout.css
@@ -37,7 +37,7 @@
     }
 
     .section-title {
-        @apply text-sm text-black mb-1 dark:text-gray-200;
+        @apply text-sm px-2 text-black font-medium mb-1 dark:text-gray-200;
     }
 }
 
diff --git a/resources/views/layout.blade.php b/resources/views/layout.blade.php
index 90ad9ffeabe..196d6bb7926 100644
--- a/resources/views/layout.blade.php
+++ b/resources/views/layout.blade.php
@@ -26,7 +26,7 @@ class="@yield('content-class') pt-14"
                     {{-- @include('statamic::partials.nav-mobile') --}}
 
                     <main class="
-                        flex bg-gray-50 dark:bg-gray-900 dark:border-t rounded-t-xl dark:border-white/10
+                        flex bg-gray-100 dark:bg-gray-900 dark:border-t rounded-t-xl dark:border-white/10
                         fixed top-14 inset-x-0 bottom-0 min-h-[calc(100vh-3.5rem)]
                     ">
                         @include('statamic::partials.nav-main')

From dfd288b6f74f19f445bd797330876c8be5042f36 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 14 Apr 2025 15:32:28 -0400
Subject: [PATCH 087/186] nudge button icons

---
 resources/js/components/ui/Button/Index.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/resources/js/components/ui/Button/Index.vue b/resources/js/components/ui/Button/Index.vue
index 76113c5814d..a41d4e346de 100644
--- a/resources/js/components/ui/Button/Index.vue
+++ b/resources/js/components/ui/Button/Index.vue
@@ -59,10 +59,14 @@ const buttonClasses = computed(() => {
             { iconOnly: true, size: 'base', class: 'w-10 [&_svg]:size-4' },
             { iconOnly: true, size: 'sm', class: 'w-8 [&_svg]:size-3.5' },
             { iconOnly: true, size: 'xs', class: 'w-6.5 [&_svg]:size-3' },
+            { iconOnly: false, iconAppend: true, class: '[&_svg]:-me-1' },
+            { iconOnly: false, iconPrepend: true, class: '[&_svg]:-ms-1' },
         ],
     })({
         ...props,
         groupBorder: props.variant,
+        iconAppend: !!props.iconAppend,
+        iconPrepend: !!props.icon && !iconOnly.value,
         iconOnly: iconOnly.value,
     });
 

From 79998825aa080f188731684dc93366b162abe8d6 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 14 Apr 2025 15:33:44 -0400
Subject: [PATCH 088/186] push config section headings and descriptions into ui
 card panels

---
 resources/js/components/configure/Tabs.vue   | 30 +++++++++-----------
 resources/js/components/publish/Sections.vue | 19 ++++++-------
 2 files changed, 22 insertions(+), 27 deletions(-)

diff --git a/resources/js/components/configure/Tabs.vue b/resources/js/components/configure/Tabs.vue
index 142da1fd3e2..fd343726255 100644
--- a/resources/js/components/configure/Tabs.vue
+++ b/resources/js/components/configure/Tabs.vue
@@ -2,23 +2,19 @@
     <element-container @resized="containerWidth = $event.width">
         <div>
             <div v-for="tab in tabs" :key="tab.handle">
-                <div class="content mb-2">
-                    <h2 v-text="tab.display" class="text-base" />
-                    <p v-html="tab.instructions" />
-                </div>
-                <div class="">
-                    <publish-sections
-                        :sections="tab.sections"
-                        :read-only="readOnly"
-                        :syncable="syncable"
-                        @updated="(handle, value) => $emit('updated', handle, value)"
-                        @meta-updated="(handle, value) => $emit('meta-updated', handle, value)"
-                        @synced="$emit('synced', $event)"
-                        @desynced="$emit('desynced', $event)"
-                        @focus="$emit('focus', $event)"
-                        @blur="$emit('blur', $event)"
-                    />
-                </div>
+                <publish-sections
+                    :sections="tab.sections"
+                    :read-only="readOnly"
+                    :syncable="syncable"
+                    :heading="tab.display"
+                    :description="tab.instructions"
+                    @updated="(handle, value) => $emit('updated', handle, value)"
+                    @meta-updated="(handle, value) => $emit('meta-updated', handle, value)"
+                    @synced="$emit('synced', $event)"
+                    @desynced="$emit('desynced', $event)"
+                    @focus="$emit('focus', $event)"
+                    @blur="$emit('blur', $event)"
+                />
             </div>
         </div>
     </element-container>
diff --git a/resources/js/components/publish/Sections.vue b/resources/js/components/publish/Sections.vue
index d951b65f118..fcef5176204 100644
--- a/resources/js/components/publish/Sections.vue
+++ b/resources/js/components/publish/Sections.vue
@@ -2,8 +2,8 @@
     <div class="publish-sections">
         <div class="publish-sections-section" v-for="(section, i) in visibleSections" :key="i">
             <ui-card-panel
-                :heading="__(section.display)"
-                :description="__(section.instructions)"
+                :heading="__(section.display) || heading"
+                :description="__(section.instructions) || description"
             >
                 <publish-fields
                     :fields="section.fields"
@@ -31,14 +31,13 @@ export default {
     mixins: [ValidatesFieldConditions],
 
     props: {
-        sections: {
-            type: Array,
-            required: true,
-        },
-        readOnly: Boolean,
-        syncable: Boolean,
-        syncableFields: Array,
-        namePrefix: String,
+        sections: { type: Array, required: true },
+        heading: { type: String, default: null },
+        description: { type: String, default: null },
+        readOnly: { type: Boolean, default: false },
+        syncable: { type: Boolean, default: false },
+        syncableFields: { type: Array, default: () => [] },
+        namePrefix: { type: String, default: '' },
     },
 
     inject: ['publishContainer'],

From d5a0e727e18a2f8032cbfa7a802053acbc96fd66 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 14 Apr 2025 15:33:56 -0400
Subject: [PATCH 089/186] update edit header

---
 resources/js/components/collections/EditForm.vue | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/resources/js/components/collections/EditForm.vue b/resources/js/components/collections/EditForm.vue
index f5716d36e00..32f1874d4d1 100644
--- a/resources/js/components/collections/EditForm.vue
+++ b/resources/js/components/collections/EditForm.vue
@@ -13,13 +13,9 @@
         v-slot="{ setFieldValue, setFieldMeta }"
     >
         <div>
-            <header class="mb-6">
-                <breadcrumb :url="url" :title="values.title" />
-                <div class="flex items-center">
-                    <h1 class="flex-1" v-text="__(editTitle ?? 'Configure Collection')" />
-                    <button type="submit" class="btn-primary" @click="submit">{{ __('Save') }}</button>
-                </div>
-            </header>
+            <ui-header :title="__(editTitle ?? 'Configure Collection')">
+                <ui-button variant="primary" @click="submit">{{ __('Save') }}</ui-button>
+            </ui-header>
             <configure-tabs @updated="setFieldValue" @meta-updated="setFieldMeta" :enable-sidebar="false" />
         </div>
     </publish-container>

From 448d9ac8d3add198ff8b3593924f5c23514268aa Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 14 Apr 2025 15:34:07 -0400
Subject: [PATCH 090/186] fix shadow

---
 resources/js/components/ui/Card/Index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Card/Index.vue b/resources/js/components/ui/Card/Index.vue
index d4339371227..e9a134a610d 100644
--- a/resources/js/components/ui/Card/Index.vue
+++ b/resources/js/components/ui/Card/Index.vue
@@ -10,7 +10,7 @@ const classes = cva({
     base: 'bg-white dark:bg-gray-850 rounded-xl border border-gray-200 dark:border-x-0 dark:border-b-0 dark:border-white/15',
     variants: {
         variant: {
-            default: 'shadow-ui-s',
+            default: 'shadow-ui-sm',
             flat: 'shadow-none',
         },
         inset: { false: 'px-4.5 py-5' },

From c2fe3539ba4c07d75a38a2c40d61f068bf35f4d3 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 14 Apr 2025 15:34:26 -0400
Subject: [PATCH 091/186] wip collection widget

---
 .../components/entries/CreateEntryButton.vue  |  35 +++---
 resources/js/components/entries/Widget.vue    | 108 ++++++++++--------
 resources/views/widgets/collection.blade.php  |  37 +++---
 3 files changed, 90 insertions(+), 90 deletions(-)

diff --git a/resources/js/components/entries/CreateEntryButton.vue b/resources/js/components/entries/CreateEntryButton.vue
index 3c85057388c..1c3d8746259 100644
--- a/resources/js/components/entries/CreateEntryButton.vue
+++ b/resources/js/components/entries/CreateEntryButton.vue
@@ -1,22 +1,21 @@
 <template>
-    <dropdown-list class="inline-block" :disabled="!hasMultipleBlueprints">
-        <template v-slot:trigger>
-            <button
-                :class="[buttonClass, { 'flex items-center ltr:pr-4 rtl:pl-4': hasMultipleBlueprints }]"
-                @click="create"
-            >
-                {{ text }}
-                <svg-icon name="micro/chevron-down-xs" class="w-2 ltr:ml-2 rtl:mr-2" v-if="hasMultipleBlueprints" />
-            </button>
-        </template>
-        <h6 v-text="__('Choose Blueprint')" class="p-2" />
-
-        <div class="max-h-[75vh] overflow-y-auto">
-            <div v-for="blueprint in blueprints" :key="blueprint.handle">
-                <dropdown-item :text="blueprint.title" @click="select(blueprint.handle, $event)" />
-            </div>
-        </div>
-    </dropdown-list>
+    <div>
+        <ui-button @click="create" v-if="!hasMultipleBlueprints" :text="text" />
+        <ui-dropdown v-else>
+            <template #trigger>
+                <ui-button @click.prevent="create" icon-append="ui/chevron-down" :text="text" />
+            </template>
+            <ui-dropdown-menu>
+                <ui-dropdown-label v-text="__('Choose Blueprint')" />
+                <ui-dropdown-item
+                    v-for="blueprint in blueprints"
+                    :key="blueprint.handle"
+                    @click="select(blueprint.handle, $event)"
+                    :text="blueprint.title"
+                />
+            </ui-dropdown-menu>
+        </ui-dropdown>
+    </div>
 </template>
 
 <script>
diff --git a/resources/js/components/entries/Widget.vue b/resources/js/components/entries/Widget.vue
index 322640d082d..66c0dbc1fc7 100644
--- a/resources/js/components/entries/Widget.vue
+++ b/resources/js/components/entries/Widget.vue
@@ -1,55 +1,64 @@
 <template>
-    <div class="h-full">
-        <div v-if="initializing" class="loading">
-            <loading-graphic />
-        </div>
+    <ui-card inset>
+        <header class="flex items-center justify-between px-4 py-3 border-b border-ui-border">
+            <div class="flex items-center gap-3">
+                <ui-icon name="collections" class="size-5 text-gray-500" />
+                <span v-text="title" />
+            </div>
+            <slot name="actions"></slot>
+        </header>
+        <div class="p-4">
+            <div v-if="initializing" class="loading">
+                <loading-graphic />
+            </div>
 
-        <data-list
-            v-if="!initializing && items.length"
-            :rows="items"
-            :columns="cols"
-            :sort="false"
-            :sort-column="sortColumn"
-            :sort-direction="sortDirection"
-            class="flex h-full flex-col justify-between"
-        >
-            <div>
-                <data-list-table :loading="loading">
-                    <template #cell-title="{ row: entry }">
-                        <div class="flex items-center">
-                            <span
-                                class="little-dot ltr:mr-2 rtl:ml-2"
-                                v-tooltip="getStatusLabel(entry)"
-                                :class="getStatusClass(entry)"
-                                v-if="!columnShowing('status')"
+            <data-list
+                v-if="!initializing && items.length"
+                :rows="items"
+                :columns="cols"
+                :sort="false"
+                :sort-column="sortColumn"
+                :sort-direction="sortDirection"
+                class="flex h-full flex-col justify-between"
+            >
+                <div>
+                    <data-list-table :loading="loading">
+                        <template #cell-title="{ row: entry }">
+                            <div class="flex items-center">
+                                <span
+                                    class="little-dot ltr:mr-2 rtl:ml-2"
+                                    v-tooltip="getStatusLabel(entry)"
+                                    :class="getStatusClass(entry)"
+                                    v-if="!columnShowing('status')"
+                                />
+                                <a :href="entry.edit_url">{{ entry.title }}</a>
+                            </div>
+                        </template>
+                        <template #cell-status="{ row: entry }">
+                            <div
+                                class="status-index-field select-none"
+                                v-tooltip="getStatusTooltip(entry)"
+                                :class="`status-${entry.status}`"
+                                v-text="getStatusLabel(entry)"
                             />
-                            <a :href="entry.edit_url">{{ entry.title }}</a>
-                        </div>
-                    </template>
-                    <template #cell-status="{ row: entry }">
-                        <div
-                            class="status-index-field select-none"
-                            v-tooltip="getStatusTooltip(entry)"
-                            :class="`status-${entry.status}`"
-                            v-text="getStatusLabel(entry)"
-                        />
-                    </template>
-                </data-list-table>
-                <data-list-pagination
-                    v-if="meta.last_page != 1"
-                    class="rounded-b-lg border-t bg-gray-200 py-2 text-sm dark:border-gray-900 dark:bg-dark-650"
-                    :resource-meta="meta"
-                    @page-selected="selectPage"
-                    :scroll-to-top="false"
-                    :show-page-links="false"
-                />
-            </div>
-        </data-list>
+                        </template>
+                    </data-list-table>
+                    <data-list-pagination
+                        v-if="meta.last_page != 1"
+                        class="rounded-b-lg border-t bg-gray-200 py-2 text-sm dark:border-gray-900 dark:bg-dark-650"
+                        :resource-meta="meta"
+                        @page-selected="selectPage"
+                        :scroll-to-top="false"
+                        :show-page-links="false"
+                    />
+                </div>
+            </data-list>
 
-        <p v-else-if="!initializing && !items.length" class="p-4 pt-2 text-sm text-gray-600">
-            {{ __('There are no entries in this collection') }}
-        </p>
-    </div>
+            <p v-else-if="!initializing && !items.length" class="p-4 pt-2 text-sm text-gray-600">
+                {{ __('There are no entries in this collection') }}
+            </p>
+        </div>
+    </ui-card>
 </template>
 
 <script>
@@ -59,8 +68,9 @@ export default {
     mixins: [Listing],
 
     props: {
-        collection: String,
         additionalColumns: Array,
+        collection: String,
+        title: String,
     },
 
     data() {
diff --git a/resources/views/widgets/collection.blade.php b/resources/views/widgets/collection.blade.php
index c3798d90311..1b79660886e 100644
--- a/resources/views/widgets/collection.blade.php
+++ b/resources/views/widgets/collection.blade.php
@@ -2,31 +2,22 @@
     use Statamic\Facades\Site;
 @endphp
 
-<div class="card flex h-full flex-col overflow-hidden p-0">
-    <div class="flex items-center justify-between border-b p-4 dark:border-b dark:border-dark-900 dark:bg-dark-650">
-        <h2>
-            <a class="flex items-center" href="{{ $collection->showUrl() }}">
-                <div class="h-6 w-6 text-gray-800 dark:text-dark-200 ltr:mr-2 rtl:ml-2">
-                    @cp_svg('icons/light/content-writing')
-                </div>
-                <span v-pre>{{ __($title) }}</span>
-            </a>
-        </h2>
-        @if ($canCreate)
+<collection-widget
+    collection="{{ $collection->handle() }}"
+    title="{{ $title }}"
+    :additional-columns="{{ $columns->toJson() }}"
+    :filters="{{ $filters->toJson() }}"
+    initial-sort-column="{{ $sortColumn }}"
+    initial-sort-direction="{{ $sortDirection }}"
+    :initial-per-page="{{ $limit }}"
+>
+    @if ($canCreate)
+        <template #actions>
             <create-entry-button
-                button-class="btn-primary"
                 url="{{ $collection->createEntryUrl(Site::selected()) }}"
                 :blueprints="{{ $blueprints->toJson() }}"
                 text="{{ $button }}"
             ></create-entry-button>
-        @endif
-    </div>
-    <collection-widget
-        collection="{{ $collection->handle() }}"
-        :additional-columns="{{ $columns->toJson() }}"
-        :filters="{{ $filters->toJson() }}"
-        initial-sort-column="{{ $sortColumn }}"
-        initial-sort-direction="{{ $sortDirection }}"
-        :initial-per-page="{{ $limit }}"
-    ></collection-widget>
-</div>
+        </template>
+    @endif
+</collection-widget>

From 0a790243787499269a0dae16c2add04e1995161f Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 14 Apr 2025 15:41:39 -0400
Subject: [PATCH 092/186] use 2 spaces

---
 package.json | 232 +++++++++++++++++++++++++--------------------------
 1 file changed, 116 insertions(+), 116 deletions(-)

diff --git a/package.json b/package.json
index 12f4c33bfdf..46106cfbef5 100644
--- a/package.json
+++ b/package.json
@@ -1,118 +1,118 @@
 {
-    "name": "statamic",
-    "type": "module",
-    "private": true,
-    "scripts": {
-        "dev": "rm -rf resources/dist/build && vite",
-        "build": "vite build",
-        "svgo": "svgo -f ./resources/svg/  -r",
-        "test": "vitest run",
-        "test-watch": "npm run test -- --watch --notify",
-        "frontend-dev": "vite -c vite-frontend.config.js",
-        "frontend-build": "vite build -c vite-frontend.config.js",
-        "prettier:format": "prettier --write \"**/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts,vue,blade.php,antlers.html,css}\"",
-        "prettier:check": "prettier --check \"**/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts,vue,blade.php,antlers.html,css}\"",
-        "knip": "knip"
-    },
-    "dependencies": {
-        "@floating-ui/dom": "^1.2.5",
-        "@he-tree/vue": "^2.8.2",
-        "@hoppscotch/vue-toasted": "^0.1.0",
-        "@internationalized/date": "^3.7.0",
-        "@shopify/draggable": "^1.0.0-beta.12",
-        "@tiptap/core": "^2.0.2",
-        "@tiptap/extension-blockquote": "^2.0.2",
-        "@tiptap/extension-bold": "^2.0.2",
-        "@tiptap/extension-bullet-list": "^2.0.2",
-        "@tiptap/extension-character-count": "^2.0.2",
-        "@tiptap/extension-code": "^2.0.2",
-        "@tiptap/extension-code-block": "^2.4.0",
-        "@tiptap/extension-code-block-lowlight": "^2.0.2",
-        "@tiptap/extension-document": "^2.0.2",
-        "@tiptap/extension-dropcursor": "^2.0.2",
-        "@tiptap/extension-gapcursor": "^2.0.2",
-        "@tiptap/extension-hard-break": "^2.0.2",
-        "@tiptap/extension-heading": "^2.0.2",
-        "@tiptap/extension-history": "^2.0.2",
-        "@tiptap/extension-horizontal-rule": "^2.0.2",
-        "@tiptap/extension-italic": "^2.0.2",
-        "@tiptap/extension-list-item": "^2.0.2",
-        "@tiptap/extension-ordered-list": "^2.0.2",
-        "@tiptap/extension-paragraph": "^2.0.2",
-        "@tiptap/extension-placeholder": "^2.0.2",
-        "@tiptap/extension-strike": "^2.0.2",
-        "@tiptap/extension-subscript": "^2.0.2",
-        "@tiptap/extension-superscript": "^2.0.2",
-        "@tiptap/extension-table": "^2.0.2",
-        "@tiptap/extension-table-cell": "^2.0.2",
-        "@tiptap/extension-table-header": "^2.0.2",
-        "@tiptap/extension-table-row": "^2.0.2",
-        "@tiptap/extension-text": "^2.0.2",
-        "@tiptap/extension-text-align": "^2.0.2",
-        "@tiptap/extension-typography": "^2.0.2",
-        "@tiptap/extension-underline": "^2.0.2",
-        "@tiptap/pm": "^2.0.2",
-        "@tiptap/vue-3": "^2.4.0",
-        "alpinejs": "^3.1.1",
-        "autosize": "~6.0.1",
-        "axios": "^1.6.0",
-        "body-scroll-lock": "^4.0.0-beta.0",
-        "clsx": "^2.1.1",
-        "codemirror": "5.65.12",
-        "cookies-js": "^1.2.2",
-        "cva": "^1.0.0-beta.3",
-        "floating-vue": "^5.2.2",
-        "fuse.js": "^7.0.0",
-        "highlight.js": "^11.7.0",
-        "laravel-echo": "^1.16.0",
-        "lodash-es": "^4.17.21",
-        "lowlight": "^3.1.0",
-        "marked": "^13.0.0",
-        "marked-plaintext": "0.0.2",
-        "motion-v": "^1.0.0-beta.0",
-        "mousetrap": "~1.6.5",
-        "nprogress": "^0.2.0",
-        "pdfobject": "^2.2.7",
-        "pinia": "^2.3.1",
-        "portal-vue": "^3.0.0",
-        "pretty": "^2.0.0",
-        "pusher-js": "^8.4.0-rc2",
-        "qs": "^6.9.7",
-        "read-time-estimate": "0.0.3",
-        "reka-ui": "^2.0.0",
-        "resize-observer-polyfill": "^1.5.1",
-        "semver": "^7.7.1",
-        "speakingurl": "^14.0.1",
-        "striptags": "^3.2.0",
-        "svgo": "^3.0.0",
-        "tailwind-merge": "^3.0.2",
-        "tiny-emitter": "^2.1.0",
-        "uniqid": "^5.2.0",
-        "upload": "^1.3.2",
-        "validator": "^13.7.0",
-        "vite-svg-loader": "^5.1.0",
-        "vue": "^3.4.27",
-        "vue-final-modal": "^4.5.4",
-        "vue-screen-utils": "^1.0.0-beta.13",
-        "vue-select": "4.0.0-beta.6",
-        "vue3-click-away": "^1.2.4"
-    },
-    "devDependencies": {
-        "@rollup/plugin-inject": "^5.0.3",
-        "@tailwindcss/typography": "^0.5.9",
-        "@tailwindcss/vite": "^4.0.6",
-        "@vitejs/plugin-vue": "^5.2.1",
-        "@vue/test-utils": "^2.4.6",
-        "jsdom": "^26.0.0",
-        "knip": "^5.43.6",
-        "laravel-vite-plugin": "^1.2.0",
-        "prettier": "^3.4.2",
-        "prettier-plugin-antlers": "^2.0.5",
-        "prettier-plugin-blade": "^2.1.19",
-        "prettier-plugin-tailwindcss": "^0.6.11",
-        "rollup-plugin-visualizer": "^5.14.0",
-        "tailwindcss": "^4.0.17",
-        "vite": "^6.0",
-        "vitest": "^3.0.5"
-    }
+  "name": "statamic",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev": "rm -rf resources/dist/build && vite",
+    "build": "vite build",
+    "svgo": "svgo -f ./resources/svg/  -r",
+    "test": "vitest run",
+    "test-watch": "npm run test -- --watch --notify",
+    "frontend-dev": "vite -c vite-frontend.config.js",
+    "frontend-build": "vite build -c vite-frontend.config.js",
+    "prettier:format": "prettier --write \"**/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts,vue,blade.php,antlers.html,css}\"",
+    "prettier:check": "prettier --check \"**/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts,vue,blade.php,antlers.html,css}\"",
+    "knip": "knip"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.2.5",
+    "@he-tree/vue": "^2.8.2",
+    "@hoppscotch/vue-toasted": "^0.1.0",
+    "@internationalized/date": "^3.7.0",
+    "@shopify/draggable": "^1.0.0-beta.12",
+    "@tiptap/core": "^2.0.2",
+    "@tiptap/extension-blockquote": "^2.0.2",
+    "@tiptap/extension-bold": "^2.0.2",
+    "@tiptap/extension-bullet-list": "^2.0.2",
+    "@tiptap/extension-character-count": "^2.0.2",
+    "@tiptap/extension-code": "^2.0.2",
+    "@tiptap/extension-code-block": "^2.4.0",
+    "@tiptap/extension-code-block-lowlight": "^2.0.2",
+    "@tiptap/extension-document": "^2.0.2",
+    "@tiptap/extension-dropcursor": "^2.0.2",
+    "@tiptap/extension-gapcursor": "^2.0.2",
+    "@tiptap/extension-hard-break": "^2.0.2",
+    "@tiptap/extension-heading": "^2.0.2",
+    "@tiptap/extension-history": "^2.0.2",
+    "@tiptap/extension-horizontal-rule": "^2.0.2",
+    "@tiptap/extension-italic": "^2.0.2",
+    "@tiptap/extension-list-item": "^2.0.2",
+    "@tiptap/extension-ordered-list": "^2.0.2",
+    "@tiptap/extension-paragraph": "^2.0.2",
+    "@tiptap/extension-placeholder": "^2.0.2",
+    "@tiptap/extension-strike": "^2.0.2",
+    "@tiptap/extension-subscript": "^2.0.2",
+    "@tiptap/extension-superscript": "^2.0.2",
+    "@tiptap/extension-table": "^2.0.2",
+    "@tiptap/extension-table-cell": "^2.0.2",
+    "@tiptap/extension-table-header": "^2.0.2",
+    "@tiptap/extension-table-row": "^2.0.2",
+    "@tiptap/extension-text": "^2.0.2",
+    "@tiptap/extension-text-align": "^2.0.2",
+    "@tiptap/extension-typography": "^2.0.2",
+    "@tiptap/extension-underline": "^2.0.2",
+    "@tiptap/pm": "^2.0.2",
+    "@tiptap/vue-3": "^2.4.0",
+    "alpinejs": "^3.1.1",
+    "autosize": "~6.0.1",
+    "axios": "^1.6.0",
+    "body-scroll-lock": "^4.0.0-beta.0",
+    "clsx": "^2.1.1",
+    "codemirror": "5.65.12",
+    "cookies-js": "^1.2.2",
+    "cva": "^1.0.0-beta.3",
+    "floating-vue": "^5.2.2",
+    "fuse.js": "^7.0.0",
+    "highlight.js": "^11.7.0",
+    "laravel-echo": "^1.16.0",
+    "lodash-es": "^4.17.21",
+    "lowlight": "^3.1.0",
+    "marked": "^13.0.0",
+    "marked-plaintext": "0.0.2",
+    "motion-v": "^1.0.0-beta.0",
+    "mousetrap": "~1.6.5",
+    "nprogress": "^0.2.0",
+    "pdfobject": "^2.2.7",
+    "pinia": "^2.3.1",
+    "portal-vue": "^3.0.0",
+    "pretty": "^2.0.0",
+    "pusher-js": "^8.4.0-rc2",
+    "qs": "^6.9.7",
+    "read-time-estimate": "0.0.3",
+    "reka-ui": "^2.0.0",
+    "resize-observer-polyfill": "^1.5.1",
+    "semver": "^7.7.1",
+    "speakingurl": "^14.0.1",
+    "striptags": "^3.2.0",
+    "svgo": "^3.0.0",
+    "tailwind-merge": "^3.0.2",
+    "tiny-emitter": "^2.1.0",
+    "uniqid": "^5.2.0",
+    "upload": "^1.3.2",
+    "validator": "^13.7.0",
+    "vite-svg-loader": "^5.1.0",
+    "vue": "^3.4.27",
+    "vue-final-modal": "^4.5.4",
+    "vue-screen-utils": "^1.0.0-beta.13",
+    "vue-select": "4.0.0-beta.6",
+    "vue3-click-away": "^1.2.4"
+  },
+  "devDependencies": {
+    "@rollup/plugin-inject": "^5.0.3",
+    "@tailwindcss/typography": "^0.5.9",
+    "@tailwindcss/vite": "^4.0.6",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vue/test-utils": "^2.4.6",
+    "jsdom": "^26.0.0",
+    "knip": "^5.43.6",
+    "laravel-vite-plugin": "^1.2.0",
+    "prettier": "^3.4.2",
+    "prettier-plugin-antlers": "^2.0.5",
+    "prettier-plugin-blade": "^2.1.19",
+    "prettier-plugin-tailwindcss": "^0.6.11",
+    "rollup-plugin-visualizer": "^5.14.0",
+    "tailwindcss": "^4.0.17",
+    "vite": "^6.0",
+    "vitest": "^3.0.5"
+  }
 }

From 407a7e4c3e2b7eba1d90adf1bb03e914275d837d Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 14 Apr 2025 15:50:04 -0400
Subject: [PATCH 093/186] use the latest reka

---
 package-lock.json | 13932 ++++++++++++++++++++++----------------------
 package.json      |     2 +-
 2 files changed, 6890 insertions(+), 7044 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 8bb86677de5..50c02eab580 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,7047 +1,6893 @@
 {
-    "name": "statamic",
-    "lockfileVersion": 3,
-    "requires": true,
-    "packages": {
-        "": {
-            "name": "statamic",
-            "dependencies": {
-                "@floating-ui/dom": "^1.2.5",
-                "@he-tree/vue": "^2.8.2",
-                "@hoppscotch/vue-toasted": "^0.1.0",
-                "@internationalized/date": "^3.7.0",
-                "@shopify/draggable": "^1.0.0-beta.12",
-                "@tiptap/core": "^2.0.2",
-                "@tiptap/extension-blockquote": "^2.0.2",
-                "@tiptap/extension-bold": "^2.0.2",
-                "@tiptap/extension-bullet-list": "^2.0.2",
-                "@tiptap/extension-character-count": "^2.0.2",
-                "@tiptap/extension-code": "^2.0.2",
-                "@tiptap/extension-code-block": "^2.4.0",
-                "@tiptap/extension-code-block-lowlight": "^2.0.2",
-                "@tiptap/extension-document": "^2.0.2",
-                "@tiptap/extension-dropcursor": "^2.0.2",
-                "@tiptap/extension-gapcursor": "^2.0.2",
-                "@tiptap/extension-hard-break": "^2.0.2",
-                "@tiptap/extension-heading": "^2.0.2",
-                "@tiptap/extension-history": "^2.0.2",
-                "@tiptap/extension-horizontal-rule": "^2.0.2",
-                "@tiptap/extension-italic": "^2.0.2",
-                "@tiptap/extension-list-item": "^2.0.2",
-                "@tiptap/extension-ordered-list": "^2.0.2",
-                "@tiptap/extension-paragraph": "^2.0.2",
-                "@tiptap/extension-placeholder": "^2.0.2",
-                "@tiptap/extension-strike": "^2.0.2",
-                "@tiptap/extension-subscript": "^2.0.2",
-                "@tiptap/extension-superscript": "^2.0.2",
-                "@tiptap/extension-table": "^2.0.2",
-                "@tiptap/extension-table-cell": "^2.0.2",
-                "@tiptap/extension-table-header": "^2.0.2",
-                "@tiptap/extension-table-row": "^2.0.2",
-                "@tiptap/extension-text": "^2.0.2",
-                "@tiptap/extension-text-align": "^2.0.2",
-                "@tiptap/extension-typography": "^2.0.2",
-                "@tiptap/extension-underline": "^2.0.2",
-                "@tiptap/pm": "^2.0.2",
-                "@tiptap/vue-3": "^2.4.0",
-                "alpinejs": "^3.1.1",
-                "autosize": "~6.0.1",
-                "axios": "^1.6.0",
-                "body-scroll-lock": "^4.0.0-beta.0",
-                "clsx": "^2.1.1",
-                "codemirror": "5.65.12",
-                "cookies-js": "^1.2.2",
-                "cva": "^1.0.0-beta.3",
-                "floating-vue": "^5.2.2",
-                "fuse.js": "^7.0.0",
-                "highlight.js": "^11.7.0",
-                "laravel-echo": "^1.16.0",
-                "lodash-es": "^4.17.21",
-                "lowlight": "^3.1.0",
-                "marked": "^13.0.0",
-                "marked-plaintext": "0.0.2",
-                "motion-v": "^1.0.0-beta.0",
-                "mousetrap": "~1.6.5",
-                "nprogress": "^0.2.0",
-                "pdfobject": "^2.2.7",
-                "pinia": "^2.3.1",
-                "portal-vue": "^3.0.0",
-                "pretty": "^2.0.0",
-                "pusher-js": "^8.4.0-rc2",
-                "qs": "^6.9.7",
-                "read-time-estimate": "0.0.3",
-                "reka-ui": "^2.0.0",
-                "resize-observer-polyfill": "^1.5.1",
-                "semver": "^7.7.1",
-                "speakingurl": "^14.0.1",
-                "striptags": "^3.2.0",
-                "svgo": "^3.0.0",
-                "tailwind-merge": "^3.0.2",
-                "tiny-emitter": "^2.1.0",
-                "uniqid": "^5.2.0",
-                "upload": "^1.3.2",
-                "validator": "^13.7.0",
-                "vite-svg-loader": "^5.1.0",
-                "vue": "^3.4.27",
-                "vue-final-modal": "^4.5.4",
-                "vue-screen-utils": "^1.0.0-beta.13",
-                "vue-select": "4.0.0-beta.6",
-                "vue3-click-away": "^1.2.4"
-            },
-            "devDependencies": {
-                "@rollup/plugin-inject": "^5.0.3",
-                "@tailwindcss/typography": "^0.5.9",
-                "@tailwindcss/vite": "^4.0.6",
-                "@vitejs/plugin-vue": "^5.2.1",
-                "@vue/test-utils": "^2.4.6",
-                "jsdom": "^26.0.0",
-                "knip": "^5.43.6",
-                "laravel-vite-plugin": "^1.2.0",
-                "prettier": "^3.4.2",
-                "prettier-plugin-antlers": "^2.0.5",
-                "prettier-plugin-blade": "^2.1.19",
-                "prettier-plugin-tailwindcss": "^0.6.11",
-                "rollup-plugin-visualizer": "^5.14.0",
-                "tailwindcss": "^4.0.17",
-                "vite": "^6.0",
-                "vitest": "^3.0.5"
-            }
-        },
-        "node_modules/@asamuzakjp/css-color": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-3.1.1.tgz",
-            "integrity": "sha512-hpRD68SV2OMcZCsrbdkccTw5FXjNDLo5OuqSHyHZfwweGsDWZwDJ2+gONyNAbazZclobMirACLw0lk8WVxIqxA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@csstools/css-calc": "^2.1.2",
-                "@csstools/css-color-parser": "^3.0.8",
-                "@csstools/css-parser-algorithms": "^3.0.4",
-                "@csstools/css-tokenizer": "^3.0.3",
-                "lru-cache": "^10.4.3"
-            }
-        },
-        "node_modules/@babel/helper-string-parser": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
-            "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/helper-validator-identifier": {
-            "version": "7.25.9",
-            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
-            "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/parser": {
-            "version": "7.27.0",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.0.tgz",
-            "integrity": "sha512-iaepho73/2Pz7w2eMS0Q5f83+0RKI7i4xmiYeBmDzfRVbQtTOG7Ts0S4HzJVsTMGI9keU8rNfuZr8DKfSt7Yyg==",
-            "license": "MIT",
-            "dependencies": {
-                "@babel/types": "^7.27.0"
-            },
-            "bin": {
-                "parser": "bin/babel-parser.js"
-            },
-            "engines": {
-                "node": ">=6.0.0"
-            }
-        },
-        "node_modules/@babel/runtime": {
-            "version": "7.27.0",
-            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.0.tgz",
-            "integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==",
-            "license": "MIT",
-            "dependencies": {
-                "regenerator-runtime": "^0.14.0"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@babel/types": {
-            "version": "7.27.0",
-            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.0.tgz",
-            "integrity": "sha512-H45s8fVLYjbhFH62dIJ3WtmJ6RSPt/3DRO0ZcT2SUiYiQyz3BLVb9ADEnLl91m74aQPS3AzzeajZHYOalWe3bg==",
-            "license": "MIT",
-            "dependencies": {
-                "@babel/helper-string-parser": "^7.25.9",
-                "@babel/helper-validator-identifier": "^7.25.9"
-            },
-            "engines": {
-                "node": ">=6.9.0"
-            }
-        },
-        "node_modules/@csstools/color-helpers": {
-            "version": "5.0.2",
-            "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-5.0.2.tgz",
-            "integrity": "sha512-JqWH1vsgdGcw2RR6VliXXdA0/59LttzlU8UlRT/iUUsEeWfYq8I+K0yhihEUTTHLRm1EXvpsCx3083EU15ecsA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "license": "MIT-0",
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@csstools/css-calc": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-2.1.2.tgz",
-            "integrity": "sha512-TklMyb3uBB28b5uQdxjReG4L80NxAqgrECqLZFQbyLekwwlcDDS8r3f07DKqeo8C4926Br0gf/ZDe17Zv4wIuw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            },
-            "peerDependencies": {
-                "@csstools/css-parser-algorithms": "^3.0.4",
-                "@csstools/css-tokenizer": "^3.0.3"
-            }
-        },
-        "node_modules/@csstools/css-color-parser": {
-            "version": "3.0.8",
-            "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-3.0.8.tgz",
-            "integrity": "sha512-pdwotQjCCnRPuNi06jFuP68cykU1f3ZWExLe/8MQ1LOs8Xq+fTkYgd+2V8mWUWMrOn9iS2HftPVaMZDaXzGbhQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "@csstools/color-helpers": "^5.0.2",
-                "@csstools/css-calc": "^2.1.2"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "peerDependencies": {
-                "@csstools/css-parser-algorithms": "^3.0.4",
-                "@csstools/css-tokenizer": "^3.0.3"
-            }
-        },
-        "node_modules/@csstools/css-parser-algorithms": {
-            "version": "3.0.4",
-            "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.4.tgz",
-            "integrity": "sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            },
-            "peerDependencies": {
-                "@csstools/css-tokenizer": "^3.0.3"
-            }
-        },
-        "node_modules/@csstools/css-tokenizer": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.3.tgz",
-            "integrity": "sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/csstools"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/csstools"
-                }
-            ],
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/aix-ppc64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.1.tgz",
-            "integrity": "sha512-kfYGy8IdzTGy+z0vFGvExZtxkFlA4zAxgKEahG9KE1ScBjpQnFsNOX8KTU5ojNru5ed5CVoJYXFtoxaq5nFbjQ==",
-            "cpu": [
-                "ppc64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "aix"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/android-arm": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.1.tgz",
-            "integrity": "sha512-dp+MshLYux6j/JjdqVLnMglQlFu+MuVeNrmT5nk6q07wNhCdSnB7QZj+7G8VMUGh1q+vj2Bq8kRsuyA00I/k+Q==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/android-arm64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.1.tgz",
-            "integrity": "sha512-50tM0zCJW5kGqgG7fQ7IHvQOcAn9TKiVRuQ/lN0xR+T2lzEFvAi1ZcS8DiksFcEpf1t/GYOeOfCAgDHFpkiSmA==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/android-x64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.1.tgz",
-            "integrity": "sha512-GCj6WfUtNldqUzYkN/ITtlhwQqGWu9S45vUXs7EIYf+7rCiiqH9bCloatO9VhxsL0Pji+PF4Lz2XXCES+Q8hDw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/darwin-arm64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.1.tgz",
-            "integrity": "sha512-5hEZKPf+nQjYoSr/elb62U19/l1mZDdqidGfmFutVUjjUZrOazAtwK+Kr+3y0C/oeJfLlxo9fXb1w7L+P7E4FQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/darwin-x64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.1.tgz",
-            "integrity": "sha512-hxVnwL2Dqs3fM1IWq8Iezh0cX7ZGdVhbTfnOy5uURtao5OIVCEyj9xIzemDi7sRvKsuSdtCAhMKarxqtlyVyfA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/freebsd-arm64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.1.tgz",
-            "integrity": "sha512-1MrCZs0fZa2g8E+FUo2ipw6jw5qqQiH+tERoS5fAfKnRx6NXH31tXBKI3VpmLijLH6yriMZsxJtaXUyFt/8Y4A==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/freebsd-x64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.1.tgz",
-            "integrity": "sha512-0IZWLiTyz7nm0xuIs0q1Y3QWJC52R8aSXxe40VUxm6BB1RNmkODtW6LHvWRrGiICulcX7ZvyH6h5fqdLu4gkww==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-arm": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.1.tgz",
-            "integrity": "sha512-NdKOhS4u7JhDKw9G3cY6sWqFcnLITn6SqivVArbzIaf3cemShqfLGHYMx8Xlm/lBit3/5d7kXvriTUGa5YViuQ==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-arm64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.1.tgz",
-            "integrity": "sha512-jaN3dHi0/DDPelk0nLcXRm1q7DNJpjXy7yWaWvbfkPvI+7XNSc/lDOnCLN7gzsyzgu6qSAmgSvP9oXAhP973uQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-ia32": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.1.tgz",
-            "integrity": "sha512-OJykPaF4v8JidKNGz8c/q1lBO44sQNUQtq1KktJXdBLn1hPod5rE/Hko5ugKKZd+D2+o1a9MFGUEIUwO2YfgkQ==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-loong64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.1.tgz",
-            "integrity": "sha512-nGfornQj4dzcq5Vp835oM/o21UMlXzn79KobKlcs3Wz9smwiifknLy4xDCLUU0BWp7b/houtdrgUz7nOGnfIYg==",
-            "cpu": [
-                "loong64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-mips64el": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.1.tgz",
-            "integrity": "sha512-1osBbPEFYwIE5IVB/0g2X6i1qInZa1aIoj1TdL4AaAb55xIIgbg8Doq6a5BzYWgr+tEcDzYH67XVnTmUzL+nXg==",
-            "cpu": [
-                "mips64el"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-ppc64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.1.tgz",
-            "integrity": "sha512-/6VBJOwUf3TdTvJZ82qF3tbLuWsscd7/1w+D9LH0W/SqUgM5/JJD0lrJ1fVIfZsqB6RFmLCe0Xz3fmZc3WtyVg==",
-            "cpu": [
-                "ppc64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-riscv64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.1.tgz",
-            "integrity": "sha512-nSut/Mx5gnilhcq2yIMLMe3Wl4FK5wx/o0QuuCLMtmJn+WeWYoEGDN1ipcN72g1WHsnIbxGXd4i/MF0gTcuAjQ==",
-            "cpu": [
-                "riscv64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-s390x": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.1.tgz",
-            "integrity": "sha512-cEECeLlJNfT8kZHqLarDBQso9a27o2Zd2AQ8USAEoGtejOrCYHNtKP8XQhMDJMtthdF4GBmjR2au3x1udADQQQ==",
-            "cpu": [
-                "s390x"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/linux-x64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.1.tgz",
-            "integrity": "sha512-xbfUhu/gnvSEg+EGovRc+kjBAkrvtk38RlerAzQxvMzlB4fXpCFCeUAYzJvrnhFtdeyVCDANSjJvOvGYoeKzFA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/netbsd-arm64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.1.tgz",
-            "integrity": "sha512-O96poM2XGhLtpTh+s4+nP7YCCAfb4tJNRVZHfIE7dgmax+yMP2WgMd2OecBuaATHKTHsLWHQeuaxMRnCsH8+5g==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "netbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/netbsd-x64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.1.tgz",
-            "integrity": "sha512-X53z6uXip6KFXBQ+Krbx25XHV/NCbzryM6ehOAeAil7X7oa4XIq+394PWGnwaSQ2WRA0KI6PUO6hTO5zeF5ijA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "netbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/openbsd-arm64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.1.tgz",
-            "integrity": "sha512-Na9T3szbXezdzM/Kfs3GcRQNjHzM6GzFBeU1/6IV/npKP5ORtp9zbQjvkDJ47s6BCgaAZnnnu/cY1x342+MvZg==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "openbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/openbsd-x64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.1.tgz",
-            "integrity": "sha512-T3H78X2h1tszfRSf+txbt5aOp/e7TAz3ptVKu9Oyir3IAOFPGV6O9c2naym5TOriy1l0nNf6a4X5UXRZSGX/dw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "openbsd"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/sunos-x64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.1.tgz",
-            "integrity": "sha512-2H3RUvcmULO7dIE5EWJH8eubZAI4xw54H1ilJnRNZdeo8dTADEZ21w6J22XBkXqGJbe0+wnNJtw3UXRoLJnFEg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "sunos"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/win32-arm64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.1.tgz",
-            "integrity": "sha512-GE7XvrdOzrb+yVKB9KsRMq+7a2U/K5Cf/8grVFRAGJmfADr/e/ODQ134RK2/eeHqYV5eQRFxb1hY7Nr15fv1NQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/win32-ia32": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.1.tgz",
-            "integrity": "sha512-uOxSJCIcavSiT6UnBhBzE8wy3n0hOkJsBOzy7HDAuTDE++1DJMRRVCPGisULScHL+a/ZwdXPpXD3IyFKjA7K8A==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@esbuild/win32-x64": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.1.tgz",
-            "integrity": "sha512-Y1EQdcfwMSeQN/ujR5VayLOJ1BHaK+ssyk0AEzPjC+t1lITgsnccPqFjb6V+LsTp/9Iov4ysfjxLaGJ9RPtkVg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/@floating-ui/core": {
-            "version": "1.6.9",
-            "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.9.tgz",
-            "integrity": "sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==",
-            "license": "MIT",
-            "dependencies": {
-                "@floating-ui/utils": "^0.2.9"
-            }
-        },
-        "node_modules/@floating-ui/dom": {
-            "version": "1.6.13",
-            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.13.tgz",
-            "integrity": "sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==",
-            "license": "MIT",
-            "dependencies": {
-                "@floating-ui/core": "^1.6.0",
-                "@floating-ui/utils": "^0.2.9"
-            }
-        },
-        "node_modules/@floating-ui/utils": {
-            "version": "0.2.9",
-            "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz",
-            "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==",
-            "license": "MIT"
-        },
-        "node_modules/@floating-ui/vue": {
-            "version": "1.1.6",
-            "resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.1.6.tgz",
-            "integrity": "sha512-XFlUzGHGv12zbgHNk5FN2mUB7ROul3oG2ENdTpWdE+qMFxyNxWSRmsoyhiEnpmabNm6WnUvR1OvJfUfN4ojC1A==",
-            "license": "MIT",
-            "dependencies": {
-                "@floating-ui/dom": "^1.0.0",
-                "@floating-ui/utils": "^0.2.9",
-                "vue-demi": ">=0.13.0"
-            }
-        },
-        "node_modules/@he-tree/dnd-utils": {
-            "version": "0.1.0-alpha.4",
-            "resolved": "https://registry.npmjs.org/@he-tree/dnd-utils/-/dnd-utils-0.1.0-alpha.4.tgz",
-            "integrity": "sha512-DuxkFOQ8eztoHrX1/VelqOnQphQbRszemfMKSKlAEEhVjqR/IkaOE2QSRlAdj6OC6AfMvHDPvIZOiEPFwP6/ZQ==",
-            "license": "MIT",
-            "dependencies": {
-                "@babel/runtime": "^7.7.7",
-                "drag-event-service": "^2.0.0",
-                "helper-js": "^3.1.2"
-            }
-        },
-        "node_modules/@he-tree/tree-utils": {
-            "version": "0.1.0-alpha.6",
-            "resolved": "https://registry.npmjs.org/@he-tree/tree-utils/-/tree-utils-0.1.0-alpha.6.tgz",
-            "integrity": "sha512-TIH1iIRLpn3sjd4EuIfKQzFd6ToY8GLYk3i5bfK1njCW7lBBDHLqSyK0mlJPbCPk4PfkZBC4K+sMcYyH4hokyg==",
-            "license": "MIT",
-            "dependencies": {
-                "@babel/runtime": "^7.7.7",
-                "drag-event-service": "^2.0.0",
-                "helper-js": "^3.1.2"
-            }
-        },
-        "node_modules/@he-tree/vue": {
-            "version": "2.9.4",
-            "resolved": "https://registry.npmjs.org/@he-tree/vue/-/vue-2.9.4.tgz",
-            "integrity": "sha512-n8yycL4fk46mlg6sIkcdSZmSCRvdzqj7Ts14ulKXLqmyR6NyTSnP6O9pj6dPk2S2wJIuX2Ad6MOzpg0qDhlBXA==",
-            "license": "MIT",
-            "dependencies": {
-                "@he-tree/dnd-utils": "^0.1.0-alpha.4",
-                "@he-tree/tree-utils": "^0.1.0-alpha.6",
-                "@virtual-list/vue": "^1.2.1",
-                "helper-js": "^3.1.2",
-                "vue-demi": "latest"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "peerDependencies": {
-                "@vue/composition-api": "^1.4.6",
-                "vue": "^2.0.0 || >=3.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@vue/composition-api": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@he-tree/vue/node_modules/@virtual-list/vue": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/@virtual-list/vue/-/vue-1.2.1.tgz",
-            "integrity": "sha512-sVangNRLgHJsrwjf2EeXuc8mUExbLRJO39J9/FXFWXXQkue/FBT4ZWN7GH5+GJTeVaEEfHW1W2UuVaf3LEB3jQ==",
-            "license": "MIT",
-            "dependencies": {
-                "helper-js": "^3.1.2",
-                "vue-demi": "latest"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "peerDependencies": {
-                "@vue/composition-api": "^1.4.6",
-                "vue": "^2.0.0 || >=3.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@vue/composition-api": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@hoppscotch/vue-toasted": {
-            "version": "0.1.0",
-            "resolved": "https://registry.npmjs.org/@hoppscotch/vue-toasted/-/vue-toasted-0.1.0.tgz",
-            "integrity": "sha512-DIgmeTHxWwX5UeaHLEqDYNLJFGRosx/5N1fCHkaO8zt+sZv8GrHlkrIpjfKF2drmA3kKw5cY42Cw7WuCoabR3g==",
-            "license": "MIT",
-            "peerDependencies": {
-                "vue": "^3.2.37"
-            }
-        },
-        "node_modules/@internationalized/date": {
-            "version": "3.7.0",
-            "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.7.0.tgz",
-            "integrity": "sha512-VJ5WS3fcVx0bejE/YHfbDKR/yawZgKqn/if+oEeLqNwBtPzVB06olkfcnojTmEMX+gTpH+FlQ69SHNitJ8/erQ==",
-            "license": "Apache-2.0",
-            "dependencies": {
-                "@swc/helpers": "^0.5.0"
-            }
-        },
-        "node_modules/@internationalized/number": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.6.0.tgz",
-            "integrity": "sha512-PtrRcJVy7nw++wn4W2OuePQQfTqDzfusSuY1QTtui4wa7r+rGVtR75pO8CyKvHvzyQYi3Q1uO5sY0AsB4e65Bw==",
-            "license": "Apache-2.0",
-            "dependencies": {
-                "@swc/helpers": "^0.5.0"
-            }
-        },
-        "node_modules/@isaacs/cliui": {
-            "version": "8.0.2",
-            "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-            "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-            "license": "ISC",
-            "dependencies": {
-                "string-width": "^5.1.2",
-                "string-width-cjs": "npm:string-width@^4.2.0",
-                "strip-ansi": "^7.0.1",
-                "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-                "wrap-ansi": "^8.1.0",
-                "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/@jridgewell/sourcemap-codec": {
-            "version": "1.5.0",
-            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-            "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
-            "license": "MIT"
-        },
-        "node_modules/@nodelib/fs.scandir": {
-            "version": "4.0.1",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-4.0.1.tgz",
-            "integrity": "sha512-vAkI715yhnmiPupY+dq+xenu5Tdf2TBQ66jLvBIcCddtz+5Q8LbMKaf9CIJJreez8fQ8fgaY+RaywQx8RJIWpw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@nodelib/fs.stat": "4.0.0",
-                "run-parallel": "^1.2.0"
-            },
-            "engines": {
-                "node": ">=18.18.0"
-            }
-        },
-        "node_modules/@nodelib/fs.stat": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-4.0.0.tgz",
-            "integrity": "sha512-ctr6bByzksKRCV0bavi8WoQevU6plSp2IkllIsEqaiKe2mwNNnaluhnRhcsgGZHrrHk57B3lf95MkLMO3STYcg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18.18.0"
-            }
-        },
-        "node_modules/@nodelib/fs.walk": {
-            "version": "3.0.1",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-3.0.1.tgz",
-            "integrity": "sha512-nIh/M6Kh3ZtOmlY00DaUYB4xeeV6F3/ts1l29iwl3/cfyY/OuCfUx+v08zgx8TKPTifXRcjjqVQ4KB2zOYSbyw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@nodelib/fs.scandir": "4.0.1",
-                "fastq": "^1.15.0"
-            },
-            "engines": {
-                "node": ">=18.18.0"
-            }
-        },
-        "node_modules/@one-ini/wasm": {
-            "version": "0.1.1",
-            "resolved": "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz",
-            "integrity": "sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==",
-            "license": "MIT"
-        },
-        "node_modules/@pkgjs/parseargs": {
-            "version": "0.11.0",
-            "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-            "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-            "license": "MIT",
-            "optional": true,
-            "engines": {
-                "node": ">=14"
-            }
-        },
-        "node_modules/@popperjs/core": {
-            "version": "2.11.8",
-            "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
-            "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
-            "license": "MIT",
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/popperjs"
-            }
-        },
-        "node_modules/@remirror/core-constants": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-3.0.0.tgz",
-            "integrity": "sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==",
-            "license": "MIT"
-        },
-        "node_modules/@rollup/plugin-inject": {
-            "version": "5.0.5",
-            "resolved": "https://registry.npmjs.org/@rollup/plugin-inject/-/plugin-inject-5.0.5.tgz",
-            "integrity": "sha512-2+DEJbNBoPROPkgTDNe8/1YXWcqxbN5DTjASVIOx8HS+pITXushyNiBV56RB08zuptzz8gT3YfkqriTBVycepg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@rollup/pluginutils": "^5.0.1",
-                "estree-walker": "^2.0.2",
-                "magic-string": "^0.30.3"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            },
-            "peerDependencies": {
-                "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
-            },
-            "peerDependenciesMeta": {
-                "rollup": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@rollup/pluginutils": {
-            "version": "5.1.4",
-            "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.4.tgz",
-            "integrity": "sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/estree": "^1.0.0",
-                "estree-walker": "^2.0.2",
-                "picomatch": "^4.0.2"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            },
-            "peerDependencies": {
-                "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
-            },
-            "peerDependenciesMeta": {
-                "rollup": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@rollup/rollup-android-arm-eabi": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.37.0.tgz",
-            "integrity": "sha512-l7StVw6WAa8l3vA1ov80jyetOAEo1FtHvZDbzXDO/02Sq/QVvqlHkYoFwDJPIMj0GKiistsBudfx5tGFnwYWDQ==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ]
-        },
-        "node_modules/@rollup/rollup-android-arm64": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.37.0.tgz",
-            "integrity": "sha512-6U3SlVyMxezt8Y+/iEBcbp945uZjJwjZimu76xoG7tO1av9VO691z8PkhzQ85ith2I8R2RddEPeSfcbyPfD4hA==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ]
-        },
-        "node_modules/@rollup/rollup-darwin-arm64": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.37.0.tgz",
-            "integrity": "sha512-+iTQ5YHuGmPt10NTzEyMPbayiNTcOZDWsbxZYR1ZnmLnZxG17ivrPSWFO9j6GalY0+gV3Jtwrrs12DBscxnlYA==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ]
-        },
-        "node_modules/@rollup/rollup-darwin-x64": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.37.0.tgz",
-            "integrity": "sha512-m8W2UbxLDcmRKVjgl5J/k4B8d7qX2EcJve3Sut7YGrQoPtCIQGPH5AMzuFvYRWZi0FVS0zEY4c8uttPfX6bwYQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ]
-        },
-        "node_modules/@rollup/rollup-freebsd-arm64": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.37.0.tgz",
-            "integrity": "sha512-FOMXGmH15OmtQWEt174v9P1JqqhlgYge/bUjIbiVD1nI1NeJ30HYT9SJlZMqdo1uQFyt9cz748F1BHghWaDnVA==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ]
-        },
-        "node_modules/@rollup/rollup-freebsd-x64": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.37.0.tgz",
-            "integrity": "sha512-SZMxNttjPKvV14Hjck5t70xS3l63sbVwl98g3FlVVx2YIDmfUIy29jQrsw06ewEYQ8lQSuY9mpAPlmgRD2iSsA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.37.0.tgz",
-            "integrity": "sha512-hhAALKJPidCwZcj+g+iN+38SIOkhK2a9bqtJR+EtyxrKKSt1ynCBeqrQy31z0oWU6thRZzdx53hVgEbRkuI19w==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.37.0.tgz",
-            "integrity": "sha512-jUb/kmn/Gd8epbHKEqkRAxq5c2EwRt0DqhSGWjPFxLeFvldFdHQs/n8lQ9x85oAeVb6bHcS8irhTJX2FCOd8Ag==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-arm64-gnu": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.37.0.tgz",
-            "integrity": "sha512-oNrJxcQT9IcbcmKlkF+Yz2tmOxZgG9D9GRq+1OE6XCQwCVwxixYAa38Z8qqPzQvzt1FCfmrHX03E0pWoXm1DqA==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-arm64-musl": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.37.0.tgz",
-            "integrity": "sha512-pfxLBMls+28Ey2enpX3JvjEjaJMBX5XlPCZNGxj4kdJyHduPBXtxYeb8alo0a7bqOoWZW2uKynhHxF/MWoHaGQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.37.0.tgz",
-            "integrity": "sha512-yCE0NnutTC/7IGUq/PUHmoeZbIwq3KRh02e9SfFh7Vmc1Z7atuJRYWhRME5fKgT8aS20mwi1RyChA23qSyRGpA==",
-            "cpu": [
-                "loong64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.37.0.tgz",
-            "integrity": "sha512-NxcICptHk06E2Lh3a4Pu+2PEdZ6ahNHuK7o6Np9zcWkrBMuv21j10SQDJW3C9Yf/A/P7cutWoC/DptNLVsZ0VQ==",
-            "cpu": [
-                "ppc64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.37.0.tgz",
-            "integrity": "sha512-PpWwHMPCVpFZLTfLq7EWJWvrmEuLdGn1GMYcm5MV7PaRgwCEYJAwiN94uBuZev0/J/hFIIJCsYw4nLmXA9J7Pw==",
-            "cpu": [
-                "riscv64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-riscv64-musl": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.37.0.tgz",
-            "integrity": "sha512-DTNwl6a3CfhGTAOYZ4KtYbdS8b+275LSLqJVJIrPa5/JuIufWWZ/QFvkxp52gpmguN95eujrM68ZG+zVxa8zHA==",
-            "cpu": [
-                "riscv64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-s390x-gnu": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.37.0.tgz",
-            "integrity": "sha512-hZDDU5fgWvDdHFuExN1gBOhCuzo/8TMpidfOR+1cPZJflcEzXdCy1LjnklQdW8/Et9sryOPJAKAQRw8Jq7Tg+A==",
-            "cpu": [
-                "s390x"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-x64-gnu": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.37.0.tgz",
-            "integrity": "sha512-pKivGpgJM5g8dwj0ywBwe/HeVAUSuVVJhUTa/URXjxvoyTT/AxsLTAbkHkDHG7qQxLoW2s3apEIl26uUe08LVQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-linux-x64-musl": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.37.0.tgz",
-            "integrity": "sha512-E2lPrLKE8sQbY/2bEkVTGDEk4/49UYRVWgj90MY8yPjpnGBQ+Xi1Qnr7b7UIWw1NOggdFQFOLZ8+5CzCiz143w==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ]
-        },
-        "node_modules/@rollup/rollup-win32-arm64-msvc": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.37.0.tgz",
-            "integrity": "sha512-Jm7biMazjNzTU4PrQtr7VS8ibeys9Pn29/1bm4ph7CP2kf21950LgN+BaE2mJ1QujnvOc6p54eWWiVvn05SOBg==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/@rollup/rollup-win32-ia32-msvc": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.37.0.tgz",
-            "integrity": "sha512-e3/1SFm1OjefWICB2Ucstg2dxYDkDTZGDYgwufcbsxTHyqQps1UQf33dFEChBNmeSsTOyrjw2JJq0zbG5GF6RA==",
-            "cpu": [
-                "ia32"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/@rollup/rollup-win32-x64-msvc": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.37.0.tgz",
-            "integrity": "sha512-LWbXUBwn/bcLx2sSsqy7pK5o+Nr+VCoRoAohfJ5C/aBio9nfJmGQqHAhU6pwxV/RmyTk5AqdySma7uwWGlmeuA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ]
-        },
-        "node_modules/@shopify/draggable": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/@shopify/draggable/-/draggable-1.1.4.tgz",
-            "integrity": "sha512-EkXxBtQH119pGpLWhhhIPEdaeirGcVwkh6Nft1nqbMdM4N6b4r4v9wCmR1/r2gjTwu888I6qGI0VSlhoYivbYw==",
-            "license": "MIT"
-        },
-        "node_modules/@snyk/github-codeowners": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/@snyk/github-codeowners/-/github-codeowners-1.1.0.tgz",
-            "integrity": "sha512-lGFf08pbkEac0NYgVf4hdANpAgApRjNByLXB+WBip3qj1iendOIyAwP2GKkKbQMNVy2r1xxDf0ssfWscoiC+Vw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "commander": "^4.1.1",
-                "ignore": "^5.1.8",
-                "p-map": "^4.0.0"
-            },
-            "bin": {
-                "github-codeowners": "dist/cli.js"
-            },
-            "engines": {
-                "node": ">=8.10"
-            }
-        },
-        "node_modules/@snyk/github-codeowners/node_modules/commander": {
-            "version": "4.1.1",
-            "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-            "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/@swc/helpers": {
-            "version": "0.5.15",
-            "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
-            "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
-            "license": "Apache-2.0",
-            "dependencies": {
-                "tslib": "^2.8.0"
-            }
-        },
-        "node_modules/@tailwindcss/node": {
-            "version": "4.0.17",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.0.17.tgz",
-            "integrity": "sha512-LIdNwcqyY7578VpofXyqjH6f+3fP4nrz7FBLki5HpzqjYfXdF2m/eW18ZfoKePtDGg90Bvvfpov9d2gy5XVCbg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "enhanced-resolve": "^5.18.1",
-                "jiti": "^2.4.2",
-                "tailwindcss": "4.0.17"
-            }
-        },
-        "node_modules/@tailwindcss/oxide": {
-            "version": "4.0.17",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.0.17.tgz",
-            "integrity": "sha512-B4OaUIRD2uVrULpAD1Yksx2+wNarQr2rQh65nXqaqbLY1jCd8fO+3KLh/+TH4Hzh2NTHQvgxVbPdUDOtLk7vAw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 10"
-            },
-            "optionalDependencies": {
-                "@tailwindcss/oxide-android-arm64": "4.0.17",
-                "@tailwindcss/oxide-darwin-arm64": "4.0.17",
-                "@tailwindcss/oxide-darwin-x64": "4.0.17",
-                "@tailwindcss/oxide-freebsd-x64": "4.0.17",
-                "@tailwindcss/oxide-linux-arm-gnueabihf": "4.0.17",
-                "@tailwindcss/oxide-linux-arm64-gnu": "4.0.17",
-                "@tailwindcss/oxide-linux-arm64-musl": "4.0.17",
-                "@tailwindcss/oxide-linux-x64-gnu": "4.0.17",
-                "@tailwindcss/oxide-linux-x64-musl": "4.0.17",
-                "@tailwindcss/oxide-win32-arm64-msvc": "4.0.17",
-                "@tailwindcss/oxide-win32-x64-msvc": "4.0.17"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-android-arm64": {
-            "version": "4.0.17",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.0.17.tgz",
-            "integrity": "sha512-3RfO0ZK64WAhop+EbHeyxGThyDr/fYhxPzDbEQjD2+v7ZhKTb2svTWy+KK+J1PHATus2/CQGAGp7pHY/8M8ugg==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "android"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-darwin-arm64": {
-            "version": "4.0.17",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.0.17.tgz",
-            "integrity": "sha512-e1uayxFQCCDuzTk9s8q7MC5jFN42IY7nzcr5n0Mw/AcUHwD6JaBkXnATkD924ZsHyPDvddnusIEvkgLd2CiREg==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-darwin-x64": {
-            "version": "4.0.17",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.0.17.tgz",
-            "integrity": "sha512-d6z7HSdOKfXQ0HPlVx1jduUf/YtBuCCtEDIEFeBCzgRRtDsUuRtofPqxIVaSCUTOk5+OfRLonje6n9dF6AH8wQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-freebsd-x64": {
-            "version": "4.0.17",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.0.17.tgz",
-            "integrity": "sha512-EjrVa6lx3wzXz3l5MsdOGtYIsRjgs5Mru6lDv4RuiXpguWeOb3UzGJ7vw7PEzcFadKNvNslEQqoAABeMezprxQ==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
-            "version": "4.0.17",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.0.17.tgz",
-            "integrity": "sha512-65zXfCOdi8wuaY0Ye6qMR5LAXokHYtrGvo9t/NmxvSZtCCitXV/gzJ/WP5ksXPhff1SV5rov0S+ZIZU+/4eyCQ==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
-            "version": "4.0.17",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.0.17.tgz",
-            "integrity": "sha512-+aaq6hJ8ioTdbJV5IA1WjWgLmun4T7eYLTvJIToiXLHy5JzUERRbIZjAcjgK9qXMwnvuu7rqpxzej+hGoEcG5g==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
-            "version": "4.0.17",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.0.17.tgz",
-            "integrity": "sha512-/FhWgZCdUGAeYHYnZKekiOC0aXFiBIoNCA0bwzkICiMYS5Rtx2KxFfMUXQVnl4uZRblG5ypt5vpPhVaXgGk80w==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
-            "version": "4.0.17",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.0.17.tgz",
-            "integrity": "sha512-gELJzOHK6GDoIpm/539Golvk+QWZjxQcbkKq9eB2kzNkOvrP0xc5UPgO9bIMNt1M48mO8ZeNenCMGt6tfkvVBg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-linux-x64-musl": {
-            "version": "4.0.17",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.0.17.tgz",
-            "integrity": "sha512-68NwxcJrZn94IOW4TysMIbYv5AlM6So1luTlbYUDIGnKma1yTFGBRNEJ+SacJ3PZE2rgcTBNRHX1TB4EQ/XEHw==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
-            "version": "4.0.17",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.0.17.tgz",
-            "integrity": "sha512-AkBO8efP2/7wkEXkNlXzRD4f/7WerqKHlc6PWb5v0jGbbm22DFBLbIM19IJQ3b+tNewQZa+WnPOaGm0SmwMNjw==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
-            "version": "4.0.17",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.0.17.tgz",
-            "integrity": "sha512-7/DTEvXcoWlqX0dAlcN0zlmcEu9xSermuo7VNGX9tJ3nYMdo735SHvbrHDln1+LYfF6NhJ3hjbpbjkMOAGmkDg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/@tailwindcss/typography": {
-            "version": "0.5.16",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.16.tgz",
-            "integrity": "sha512-0wDLwCVF5V3x3b1SGXPCDcdsbDHMBe+lkFzBRaHeLvNi+nrrnZ1lA18u+OTWO8iSWU2GxUOCvlXtDuqftc1oiA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "lodash.castarray": "^4.4.0",
-                "lodash.isplainobject": "^4.0.6",
-                "lodash.merge": "^4.6.2",
-                "postcss-selector-parser": "6.0.10"
-            },
-            "peerDependencies": {
-                "tailwindcss": ">=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1"
-            }
-        },
-        "node_modules/@tailwindcss/vite": {
-            "version": "4.0.17",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.0.17.tgz",
-            "integrity": "sha512-HJbBYDlDVg5cvYZzECb6xwc1IDCEM3uJi3hEZp3BjZGCNGJcTsnCpan+z+VMW0zo6gR0U6O6ElqU1OoZ74Dhww==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@tailwindcss/node": "4.0.17",
-                "@tailwindcss/oxide": "4.0.17",
-                "lightningcss": "1.29.2",
-                "tailwindcss": "4.0.17"
-            },
-            "peerDependencies": {
-                "vite": "^5.2.0 || ^6"
-            }
-        },
-        "node_modules/@tanstack/virtual-core": {
-            "version": "3.13.5",
-            "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.5.tgz",
-            "integrity": "sha512-gMLNylxhJdUlfRR1G3U9rtuwUh2IjdrrniJIDcekVJN3/3i+bluvdMi3+eodnxzJq5nKnxnigo9h0lIpaqV6HQ==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/tannerlinsley"
-            }
-        },
-        "node_modules/@tanstack/vue-virtual": {
-            "version": "3.13.5",
-            "resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.13.5.tgz",
-            "integrity": "sha512-1hhUA6CUjmKc5JDyKLcYOV6mI631FaKKxXh77Ja4UtIy6EOofYaLPk8vVgvK6vLMUSfHR2vI3ZpPY9ibyX60SA==",
-            "license": "MIT",
-            "dependencies": {
-                "@tanstack/virtual-core": "3.13.5"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/tannerlinsley"
-            },
-            "peerDependencies": {
-                "vue": "^2.7.0 || ^3.0.0"
-            }
-        },
-        "node_modules/@tiptap/core": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-2.11.5.tgz",
-            "integrity": "sha512-jb0KTdUJaJY53JaN7ooY3XAxHQNoMYti/H6ANo707PsLXVeEqJ9o8+eBup1JU5CuwzrgnDc2dECt2WIGX9f8Jw==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/pm": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-blockquote": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.11.5.tgz",
-            "integrity": "sha512-MZfcRIzKRD8/J1hkt/eYv49060GTL6qGR3NY/oTDuw2wYzbQXXLEbjk8hxAtjwNn7G+pWQv3L+PKFzZDxibLuA==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-bold": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.11.5.tgz",
-            "integrity": "sha512-OAq03MHEbl7MtYCUzGuwb0VpOPnM0k5ekMbEaRILFU5ZC7cEAQ36XmPIw1dQayrcuE8GZL35BKub2qtRxyC9iA==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-bubble-menu": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-2.11.5.tgz",
-            "integrity": "sha512-rx+rMd7EEdht5EHLWldpkzJ56SWYA9799b33ustePqhXd6linnokJCzBqY13AfZ9+xp3RsR6C0ZHI9GGea0tIA==",
-            "license": "MIT",
-            "dependencies": {
-                "tippy.js": "^6.3.7"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0",
-                "@tiptap/pm": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-bullet-list": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.11.5.tgz",
-            "integrity": "sha512-VXwHlX6A/T6FAspnyjbKDO0TQ+oetXuat6RY1/JxbXphH42nLuBaGWJ6pgy6xMl6XY8/9oPkTNrfJw/8/eeRwA==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-character-count": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-character-count/-/extension-character-count-2.11.5.tgz",
-            "integrity": "sha512-Da2VGb7ClmKwXdQdQC2735qylYD8/MQAPA0skPEcHxcDTDuI8ibyIDnMPnczgS/hR5g0TYE2DQp/dkhJXeovkQ==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0",
-                "@tiptap/pm": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-code": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.11.5.tgz",
-            "integrity": "sha512-xOvHevNIQIcCCVn9tpvXa1wBp0wHN/2umbAZGTVzS+AQtM7BTo0tz8IyzwxkcZJaImONcUVYLOLzt2AgW1LltA==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-code-block": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.11.5.tgz",
-            "integrity": "sha512-ksxMMvqLDlC+ftcQLynqZMdlJT1iHYZorXsXw/n+wuRd7YElkRkd6YWUX/Pq/njFY6lDjKiqFLEXBJB8nrzzBA==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0",
-                "@tiptap/pm": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-code-block-lowlight": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block-lowlight/-/extension-code-block-lowlight-2.11.5.tgz",
-            "integrity": "sha512-EIE+mAGsp8C69dI0Yyg+VH1x36rgyPJc93SfA7h4xFF6Oth18z4YhJtiLaZcwCMyOOVs2efApZ0R3/Fnz2VlqA==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0",
-                "@tiptap/extension-code-block": "^2.7.0",
-                "@tiptap/pm": "^2.7.0",
-                "highlight.js": "^11",
-                "lowlight": "^2 || ^3"
-            }
-        },
-        "node_modules/@tiptap/extension-document": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.11.5.tgz",
-            "integrity": "sha512-7I4BRTpIux2a0O2qS3BDmyZ5LGp3pszKbix32CmeVh7lN9dV7W5reDqtJJ9FCZEEF+pZ6e1/DQA362dflwZw2g==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-dropcursor": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.11.5.tgz",
-            "integrity": "sha512-uIN7L3FU0904ec7FFFbndO7RQE/yiON4VzAMhNn587LFMyWO8US139HXIL4O8dpZeYwYL3d1FnDTflZl6CwLlg==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0",
-                "@tiptap/pm": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-floating-menu": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-floating-menu/-/extension-floating-menu-2.11.5.tgz",
-            "integrity": "sha512-HsMI0hV5Lwzm530Z5tBeyNCBNG38eJ3qjfdV2OHlfSf3+KOEfn6a5AUdoNaZO02LF79/8+7BaYU2drafag9cxQ==",
-            "license": "MIT",
-            "dependencies": {
-                "tippy.js": "^6.3.7"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0",
-                "@tiptap/pm": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-gapcursor": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.11.5.tgz",
-            "integrity": "sha512-kcWa+Xq9cb6lBdiICvLReuDtz/rLjFKHWpW3jTTF3FiP3wx4H8Rs6bzVtty7uOVTfwupxZRiKICAMEU6iT0xrQ==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0",
-                "@tiptap/pm": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-hard-break": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.11.5.tgz",
-            "integrity": "sha512-q9doeN+Yg9F5QNTG8pZGYfNye3tmntOwch683v0CCVCI4ldKaLZ0jG3NbBTq+mosHYdgOH2rNbIORlRRsQ+iYQ==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-heading": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.11.5.tgz",
-            "integrity": "sha512-x/MV53psJ9baRcZ4k4WjnCUBMt8zCX7mPlKVT+9C/o+DEs/j/qxPLs95nHeQv70chZpSwCQCt93xMmuF0kPoAg==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-history": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.11.5.tgz",
-            "integrity": "sha512-b+wOS33Dz1azw6F1i9LFTEIJ/gUui0Jwz5ZvmVDpL2ZHBhq1Ui0/spTT+tuZOXq7Y/uCbKL8Liu4WoedIvhboQ==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0",
-                "@tiptap/pm": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-horizontal-rule": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.11.5.tgz",
-            "integrity": "sha512-3up2r1Du8/5/4ZYzTC0DjTwhgPI3dn8jhOCLu73m5F3OGvK/9whcXoeWoX103hYMnGDxBlfOje71yQuN35FL4A==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0",
-                "@tiptap/pm": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-italic": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.11.5.tgz",
-            "integrity": "sha512-9VGfb2/LfPhQ6TjzDwuYLRvw0A6VGbaIp3F+5Mql8XVdTBHb2+rhELbyhNGiGVR78CaB/EiKb6dO9xu/tBWSYA==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-list-item": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.11.5.tgz",
-            "integrity": "sha512-Mp5RD/pbkfW1vdc6xMVxXYcta73FOwLmblQlFNn/l/E5/X1DUSA4iGhgDDH4EWO3swbs03x2f7Zka/Xoj3+WLg==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-ordered-list": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.11.5.tgz",
-            "integrity": "sha512-Cu8KwruBNWAaEfshRQR0yOSaUKAeEwxW7UgbvF9cN/zZuKgK5uZosPCPTehIFCcRe+TBpRtZQh+06f/gNYpYYg==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-paragraph": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.11.5.tgz",
-            "integrity": "sha512-YFBWeg7xu/sBnsDIF/+nh9Arf7R0h07VZMd0id5Ydd2Qe3c1uIZwXxeINVtH0SZozuPIQFAT8ICe9M0RxmE+TA==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-placeholder": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-placeholder/-/extension-placeholder-2.11.5.tgz",
-            "integrity": "sha512-Pr+0Ju/l2ZvXMd9VQxtaoSZbs0BBp1jbBDqwms88ctpyvQFRfLSfSkqudQcSHyw2ROOz2E31p/7I7fpI8Y0CLA==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0",
-                "@tiptap/pm": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-strike": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.11.5.tgz",
-            "integrity": "sha512-PVfUiCqrjvsLpbIoVlegSY8RlkR64F1Rr2RYmiybQfGbg+AkSZXDeO0eIrc03//4gua7D9DfIozHmAKv1KN3ow==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-subscript": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-subscript/-/extension-subscript-2.11.5.tgz",
-            "integrity": "sha512-VpaSzxku/Bcvf4SgDB2K5d0E+FNA/56iJHMygg/WXsq2F4tMMUEivQHI/n+17ndUEO4Wybz0wItnM1G2JfRuLQ==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-superscript": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-superscript/-/extension-superscript-2.11.5.tgz",
-            "integrity": "sha512-sK6v2G0zFfGW+j9CmYp2e+tyZ3FTa3dP0xY4kJzefgZcHhMJLlLnjxBRwHCSi/jj5ie6WdZT4KoEooxnPs1Vzw==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-table": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-table/-/extension-table-2.11.5.tgz",
-            "integrity": "sha512-NKXLhKWdAdURklm98YkCd2ai4fh8jY8HS/+X2s/2QiQt8Z98CU1keCm35fJEEExM234iB/hCqG5vY4JgTc0Tvw==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0",
-                "@tiptap/pm": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-table-cell": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-table-cell/-/extension-table-cell-2.11.5.tgz",
-            "integrity": "sha512-S967Au0pgeULstP3FaasOf/LEh72p61Ooh1PcUMF/az4x8EeGgpcEUARpVUxsGxLFvogv6LmhPHZdtcGgdHcBw==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-table-header": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-table-header/-/extension-table-header-2.11.5.tgz",
-            "integrity": "sha512-O1iBtzZP1XZDi4h1Xmgq1T63il+fpKPvBIMZ0JJH9TyCw5i5rcrMLL2dyy5zaWK3BFRJuYBNSke4c+VWnr/g6w==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-table-row": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-table-row/-/extension-table-row-2.11.5.tgz",
-            "integrity": "sha512-+/VWhCuW24BcM5aaIc/f0bC6ZR1Q5gnuqw13MIo7gyPx7iIY6BXK8roGiZSs8wYAN4uBEf3EKFm0bSZwQuAeyg==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-text": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.11.5.tgz",
-            "integrity": "sha512-Gq1WwyhFpCbEDrLPIHt5A8aLSlf8bfz4jm417c8F/JyU0J5dtYdmx0RAxjnLw1i7ZHE7LRyqqAoS0sl7JHDNSQ==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-text-align": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-text-align/-/extension-text-align-2.11.5.tgz",
-            "integrity": "sha512-Ei0zDpH5N9EV59ogydK4HTKa4lCPicCsQllM5n/Nf2tUJPir3aiYxzJ73FzhComD4Hpo1ANYnmssBhy8QeoPZA==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-typography": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-typography/-/extension-typography-2.11.5.tgz",
-            "integrity": "sha512-K+mwkyyH3bhnw8f6dKt0AIIh7ipPPVTY5XiWxm1ZMnS6p7TkXeqSJRU6mT1a47YLX4IGBEMlTQdvDVvJ1hwTjA==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/extension-underline": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-2.11.5.tgz",
-            "integrity": "sha512-YpWHXNIkSoRSuzT2cvgKpyJ2tTz3LzqkTM64uC+uTJ8cUkvXIWUWejJR42q8ma/mTlQe4lHff4IQ0Sf58Digtw==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0"
-            }
-        },
-        "node_modules/@tiptap/pm": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.11.5.tgz",
-            "integrity": "sha512-z9JFtqc5ZOsdQLd9vRnXfTCQ8v5ADAfRt9Nm7SqP6FUHII8E1hs38ACzf5xursmth/VonJYb5+73Pqxk1hGIPw==",
-            "license": "MIT",
-            "dependencies": {
-                "prosemirror-changeset": "^2.2.1",
-                "prosemirror-collab": "^1.3.1",
-                "prosemirror-commands": "^1.6.2",
-                "prosemirror-dropcursor": "^1.8.1",
-                "prosemirror-gapcursor": "^1.3.2",
-                "prosemirror-history": "^1.4.1",
-                "prosemirror-inputrules": "^1.4.0",
-                "prosemirror-keymap": "^1.2.2",
-                "prosemirror-markdown": "^1.13.1",
-                "prosemirror-menu": "^1.2.4",
-                "prosemirror-model": "^1.23.0",
-                "prosemirror-schema-basic": "^1.2.3",
-                "prosemirror-schema-list": "^1.4.1",
-                "prosemirror-state": "^1.4.3",
-                "prosemirror-tables": "^1.6.3",
-                "prosemirror-trailing-node": "^3.0.0",
-                "prosemirror-transform": "^1.10.2",
-                "prosemirror-view": "^1.37.0"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            }
-        },
-        "node_modules/@tiptap/vue-3": {
-            "version": "2.11.5",
-            "resolved": "https://registry.npmjs.org/@tiptap/vue-3/-/vue-3-2.11.5.tgz",
-            "integrity": "sha512-etOURQq85MpfkMPeTG0r79s7wmLM7PqLD4aj19m7Fk5rkWuoEZyBinnA+9jfIKEttnhQ1G8PQnHNaqJhfIHQfA==",
-            "license": "MIT",
-            "dependencies": {
-                "@tiptap/extension-bubble-menu": "^2.11.5",
-                "@tiptap/extension-floating-menu": "^2.11.5"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/ueberdosis"
-            },
-            "peerDependencies": {
-                "@tiptap/core": "^2.7.0",
-                "@tiptap/pm": "^2.7.0",
-                "vue": "^3.0.0"
-            }
-        },
-        "node_modules/@trysound/sax": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
-            "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
-            "license": "ISC",
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/@types/estree": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz",
-            "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/@types/hast": {
-            "version": "3.0.4",
-            "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
-            "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/unist": "*"
-            }
-        },
-        "node_modules/@types/linkify-it": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
-            "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
-            "license": "MIT"
-        },
-        "node_modules/@types/markdown-it": {
-            "version": "14.1.2",
-            "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
-            "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/linkify-it": "^5",
-                "@types/mdurl": "^2"
-            }
-        },
-        "node_modules/@types/mdurl": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
-            "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
-            "license": "MIT"
-        },
-        "node_modules/@types/node": {
-            "version": "22.13.13",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-22.13.13.tgz",
-            "integrity": "sha512-ClsL5nMwKaBRwPcCvH8E7+nU4GxHVx1axNvMZTFHMEfNI7oahimt26P5zjVCRrjiIWj6YFXfE1v3dEp94wLcGQ==",
-            "dev": true,
-            "license": "MIT",
-            "peer": true,
-            "dependencies": {
-                "undici-types": "~6.20.0"
-            }
-        },
-        "node_modules/@types/unist": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
-            "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
-            "license": "MIT"
-        },
-        "node_modules/@types/web-bluetooth": {
-            "version": "0.0.21",
-            "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
-            "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==",
-            "license": "MIT"
-        },
-        "node_modules/@vitejs/plugin-vue": {
-            "version": "5.2.3",
-            "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.3.tgz",
-            "integrity": "sha512-IYSLEQj4LgZZuoVpdSUCw3dIynTWQgPlaRP6iAvMle4My0HdYwr5g5wQAfwOeHQBmYwEkqF70nRpSilr6PoUDg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^18.0.0 || >=20.0.0"
-            },
-            "peerDependencies": {
-                "vite": "^5.0.0 || ^6.0.0",
-                "vue": "^3.2.25"
-            }
-        },
-        "node_modules/@vitest/expect": {
-            "version": "3.0.9",
-            "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.0.9.tgz",
-            "integrity": "sha512-5eCqRItYgIML7NNVgJj6TVCmdzE7ZVgJhruW0ziSQV4V7PvLkDL1bBkBdcTs/VuIz0IxPb5da1IDSqc1TR9eig==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@vitest/spy": "3.0.9",
-                "@vitest/utils": "3.0.9",
-                "chai": "^5.2.0",
-                "tinyrainbow": "^2.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/vitest"
-            }
-        },
-        "node_modules/@vitest/mocker": {
-            "version": "3.0.9",
-            "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-3.0.9.tgz",
-            "integrity": "sha512-ryERPIBOnvevAkTq+L1lD+DTFBRcjueL9lOUfXsLfwP92h4e+Heb+PjiqS3/OURWPtywfafK0kj++yDFjWUmrA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@vitest/spy": "3.0.9",
-                "estree-walker": "^3.0.3",
-                "magic-string": "^0.30.17"
-            },
-            "funding": {
-                "url": "https://opencollective.com/vitest"
-            },
-            "peerDependencies": {
-                "msw": "^2.4.9",
-                "vite": "^5.0.0 || ^6.0.0"
-            },
-            "peerDependenciesMeta": {
-                "msw": {
-                    "optional": true
-                },
-                "vite": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/@vitest/mocker/node_modules/estree-walker": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-            "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/estree": "^1.0.0"
-            }
-        },
-        "node_modules/@vitest/pretty-format": {
-            "version": "3.0.9",
-            "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.0.9.tgz",
-            "integrity": "sha512-OW9F8t2J3AwFEwENg3yMyKWweF7oRJlMyHOMIhO5F3n0+cgQAJZBjNgrF8dLwFTEXl5jUqBLXd9QyyKv8zEcmA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tinyrainbow": "^2.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/vitest"
-            }
-        },
-        "node_modules/@vitest/runner": {
-            "version": "3.0.9",
-            "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-3.0.9.tgz",
-            "integrity": "sha512-NX9oUXgF9HPfJSwl8tUZCMP1oGx2+Sf+ru6d05QjzQz4OwWg0psEzwY6VexP2tTHWdOkhKHUIZH+fS6nA7jfOw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@vitest/utils": "3.0.9",
-                "pathe": "^2.0.3"
-            },
-            "funding": {
-                "url": "https://opencollective.com/vitest"
-            }
-        },
-        "node_modules/@vitest/snapshot": {
-            "version": "3.0.9",
-            "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-3.0.9.tgz",
-            "integrity": "sha512-AiLUiuZ0FuA+/8i19mTYd+re5jqjEc2jZbgJ2up0VY0Ddyyxg/uUtBDpIFAy4uzKaQxOW8gMgBdAJJ2ydhu39A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@vitest/pretty-format": "3.0.9",
-                "magic-string": "^0.30.17",
-                "pathe": "^2.0.3"
-            },
-            "funding": {
-                "url": "https://opencollective.com/vitest"
-            }
-        },
-        "node_modules/@vitest/spy": {
-            "version": "3.0.9",
-            "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.0.9.tgz",
-            "integrity": "sha512-/CcK2UDl0aQ2wtkp3YVWldrpLRNCfVcIOFGlVGKO4R5eajsH393Z1yiXLVQ7vWsj26JOEjeZI0x5sm5P4OGUNQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tinyspy": "^3.0.2"
-            },
-            "funding": {
-                "url": "https://opencollective.com/vitest"
-            }
-        },
-        "node_modules/@vitest/utils": {
-            "version": "3.0.9",
-            "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.0.9.tgz",
-            "integrity": "sha512-ilHM5fHhZ89MCp5aAaM9uhfl1c2JdxVxl3McqsdVyVNN6JffnEen8UMCdRTzOhGXNQGo5GNL9QugHrz727Wnng==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@vitest/pretty-format": "3.0.9",
-                "loupe": "^3.1.3",
-                "tinyrainbow": "^2.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/vitest"
-            }
-        },
-        "node_modules/@vue/compiler-core": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.13.tgz",
-            "integrity": "sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==",
-            "license": "MIT",
-            "dependencies": {
-                "@babel/parser": "^7.25.3",
-                "@vue/shared": "3.5.13",
-                "entities": "^4.5.0",
-                "estree-walker": "^2.0.2",
-                "source-map-js": "^1.2.0"
-            }
-        },
-        "node_modules/@vue/compiler-core/node_modules/@vue/shared": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
-            "license": "MIT"
-        },
-        "node_modules/@vue/compiler-dom": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
-            "integrity": "sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==",
-            "license": "MIT",
-            "dependencies": {
-                "@vue/compiler-core": "3.5.13",
-                "@vue/shared": "3.5.13"
-            }
-        },
-        "node_modules/@vue/compiler-dom/node_modules/@vue/shared": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
-            "license": "MIT"
-        },
-        "node_modules/@vue/compiler-sfc": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz",
-            "integrity": "sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==",
-            "license": "MIT",
-            "dependencies": {
-                "@babel/parser": "^7.25.3",
-                "@vue/compiler-core": "3.5.13",
-                "@vue/compiler-dom": "3.5.13",
-                "@vue/compiler-ssr": "3.5.13",
-                "@vue/shared": "3.5.13",
-                "estree-walker": "^2.0.2",
-                "magic-string": "^0.30.11",
-                "postcss": "^8.4.48",
-                "source-map-js": "^1.2.0"
-            }
-        },
-        "node_modules/@vue/compiler-sfc/node_modules/@vue/shared": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
-            "license": "MIT"
-        },
-        "node_modules/@vue/compiler-ssr": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz",
-            "integrity": "sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==",
-            "license": "MIT",
-            "dependencies": {
-                "@vue/compiler-dom": "3.5.13",
-                "@vue/shared": "3.5.13"
-            }
-        },
-        "node_modules/@vue/compiler-ssr/node_modules/@vue/shared": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
-            "license": "MIT"
-        },
-        "node_modules/@vue/devtools-api": {
-            "version": "6.6.4",
-            "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
-            "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
-            "license": "MIT"
-        },
-        "node_modules/@vue/reactivity": {
-            "version": "3.1.5",
-            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
-            "integrity": "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==",
-            "license": "MIT",
-            "dependencies": {
-                "@vue/shared": "3.1.5"
-            }
-        },
-        "node_modules/@vue/runtime-core": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.13.tgz",
-            "integrity": "sha512-Fj4YRQ3Az0WTZw1sFe+QDb0aXCerigEpw418pw1HBUKFtnQHWzwojaukAs2X/c9DQz4MQ4bsXTGlcpGxU/RCIw==",
-            "license": "MIT",
-            "dependencies": {
-                "@vue/reactivity": "3.5.13",
-                "@vue/shared": "3.5.13"
-            }
-        },
-        "node_modules/@vue/runtime-core/node_modules/@vue/reactivity": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz",
-            "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
-            "license": "MIT",
-            "dependencies": {
-                "@vue/shared": "3.5.13"
-            }
-        },
-        "node_modules/@vue/runtime-core/node_modules/@vue/shared": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
-            "license": "MIT"
-        },
-        "node_modules/@vue/runtime-dom": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.13.tgz",
-            "integrity": "sha512-dLaj94s93NYLqjLiyFzVs9X6dWhTdAlEAciC3Moq7gzAc13VJUdCnjjRurNM6uTLFATRHexHCTu/Xp3eW6yoog==",
-            "license": "MIT",
-            "dependencies": {
-                "@vue/reactivity": "3.5.13",
-                "@vue/runtime-core": "3.5.13",
-                "@vue/shared": "3.5.13",
-                "csstype": "^3.1.3"
-            }
-        },
-        "node_modules/@vue/runtime-dom/node_modules/@vue/reactivity": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz",
-            "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
-            "license": "MIT",
-            "dependencies": {
-                "@vue/shared": "3.5.13"
-            }
-        },
-        "node_modules/@vue/runtime-dom/node_modules/@vue/shared": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
-            "license": "MIT"
-        },
-        "node_modules/@vue/server-renderer": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.13.tgz",
-            "integrity": "sha512-wAi4IRJV/2SAW3htkTlB+dHeRmpTiVIK1OGLWV1yeStVSebSQQOwGwIq0D3ZIoBj2C2qpgz5+vX9iEBkTdk5YA==",
-            "license": "MIT",
-            "dependencies": {
-                "@vue/compiler-ssr": "3.5.13",
-                "@vue/shared": "3.5.13"
-            },
-            "peerDependencies": {
-                "vue": "3.5.13"
-            }
-        },
-        "node_modules/@vue/server-renderer/node_modules/@vue/shared": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
-            "license": "MIT"
-        },
-        "node_modules/@vue/shared": {
-            "version": "3.1.5",
-            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.5.tgz",
-            "integrity": "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA==",
-            "license": "MIT"
-        },
-        "node_modules/@vue/test-utils": {
-            "version": "2.4.6",
-            "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.4.6.tgz",
-            "integrity": "sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "js-beautify": "^1.14.9",
-                "vue-component-type-helpers": "^2.0.0"
-            }
-        },
-        "node_modules/@vueuse/core": {
-            "version": "12.8.2",
-            "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-12.8.2.tgz",
-            "integrity": "sha512-HbvCmZdzAu3VGi/pWYm5Ut+Kd9mn1ZHnn4L5G8kOQTPs/IwIAmJoBrmYk2ckLArgMXZj0AW3n5CAejLUO+PhdQ==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/web-bluetooth": "^0.0.21",
-                "@vueuse/metadata": "12.8.2",
-                "@vueuse/shared": "12.8.2",
-                "vue": "^3.5.13"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            }
-        },
-        "node_modules/@vueuse/metadata": {
-            "version": "12.8.2",
-            "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-12.8.2.tgz",
-            "integrity": "sha512-rAyLGEuoBJ/Il5AmFHiziCPdQzRt88VxR+Y/A/QhJ1EWtWqPBBAxTAFaSkviwEuOEZNtW8pvkPgoCZQ+HxqW1A==",
-            "license": "MIT",
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            }
-        },
-        "node_modules/@vueuse/shared": {
-            "version": "12.8.2",
-            "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-12.8.2.tgz",
-            "integrity": "sha512-dznP38YzxZoNloI0qpEfpkms8knDtaoQ6Y/sfS0L7Yki4zh40LFHEhur0odJC6xTHG5dxWVPiUWBXn+wCG2s5w==",
-            "license": "MIT",
-            "dependencies": {
-                "vue": "^3.5.13"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            }
-        },
-        "node_modules/abbrev": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz",
-            "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==",
-            "license": "ISC",
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/agent-base": {
-            "version": "7.1.3",
-            "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz",
-            "integrity": "sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 14"
-            }
-        },
-        "node_modules/aggregate-error": {
-            "version": "3.1.0",
-            "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
-            "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "clean-stack": "^2.0.0",
-                "indent-string": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/alpinejs": {
-            "version": "3.14.9",
-            "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.14.9.tgz",
-            "integrity": "sha512-gqSOhTEyryU9FhviNqiHBHzgjkvtukq9tevew29fTj+ofZtfsYriw4zPirHHOAy9bw8QoL3WGhyk7QqCh5AYlw==",
-            "license": "MIT",
-            "dependencies": {
-                "@vue/reactivity": "~3.1.1"
-            }
-        },
-        "node_modules/ansi-regex": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/ansi-styles": {
-            "version": "6.2.1",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-            "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/argparse": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-            "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-            "license": "Python-2.0"
-        },
-        "node_modules/aria-hidden": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.4.tgz",
-            "integrity": "sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==",
-            "license": "MIT",
-            "dependencies": {
-                "tslib": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/assertion-error": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
-            "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/asynckit": {
-            "version": "0.4.0",
-            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-            "license": "MIT"
-        },
-        "node_modules/autosize": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/autosize/-/autosize-6.0.1.tgz",
-            "integrity": "sha512-f86EjiUKE6Xvczc4ioP1JBlWG7FKrE13qe/DxBCpe8GCipCq2nFw73aO8QEBKHfSbYGDN5eB9jXWKen7tspDqQ==",
-            "license": "MIT"
-        },
-        "node_modules/axios": {
-            "version": "1.8.4",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-1.8.4.tgz",
-            "integrity": "sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==",
-            "license": "MIT",
-            "dependencies": {
-                "follow-redirects": "^1.15.6",
-                "form-data": "^4.0.0",
-                "proxy-from-env": "^1.1.0"
-            }
-        },
-        "node_modules/balanced-match": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-            "license": "MIT"
-        },
-        "node_modules/body-scroll-lock": {
-            "version": "4.0.0-beta.0",
-            "resolved": "https://registry.npmjs.org/body-scroll-lock/-/body-scroll-lock-4.0.0-beta.0.tgz",
-            "integrity": "sha512-a7tP5+0Mw3YlUJcGAKUqIBkYYGlYxk2fnCasq/FUph1hadxlTRjF+gAcZksxANnaMnALjxEddmSi/H3OR8ugcQ==",
-            "license": "MIT"
-        },
-        "node_modules/boolbase": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-            "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
-            "license": "ISC"
-        },
-        "node_modules/brace-expansion": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-            "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-            "license": "MIT",
-            "dependencies": {
-                "balanced-match": "^1.0.0"
-            }
-        },
-        "node_modules/braces": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-            "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "fill-range": "^7.1.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/cac": {
-            "version": "6.7.14",
-            "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
-            "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/call-bind-apply-helpers": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
-            "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
-            "license": "MIT",
-            "dependencies": {
-                "es-errors": "^1.3.0",
-                "function-bind": "^1.1.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/call-bound": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
-            "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
-            "license": "MIT",
-            "dependencies": {
-                "call-bind-apply-helpers": "^1.0.2",
-                "get-intrinsic": "^1.3.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/chai": {
-            "version": "5.2.0",
-            "resolved": "https://registry.npmjs.org/chai/-/chai-5.2.0.tgz",
-            "integrity": "sha512-mCuXncKXk5iCLhfhwTc0izo0gtEmpz5CtG2y8GiOINBlMVS6v8TMRc5TaLWKS6692m9+dVVfzgeVxR5UxWHTYw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "assertion-error": "^2.0.1",
-                "check-error": "^2.1.1",
-                "deep-eql": "^5.0.1",
-                "loupe": "^3.1.0",
-                "pathval": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/check-error": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.1.tgz",
-            "integrity": "sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 16"
-            }
-        },
-        "node_modules/clean-stack": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
-            "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/cliui": {
-            "version": "8.0.1",
-            "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
-            "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "string-width": "^4.2.0",
-                "strip-ansi": "^6.0.1",
-                "wrap-ansi": "^7.0.0"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/cliui/node_modules/ansi-styles": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "color-convert": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/cliui/node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/cliui/node_modules/string-width": {
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/cliui/node_modules/strip-ansi": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/cliui/node_modules/wrap-ansi": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^4.0.0",
-                "string-width": "^4.1.0",
-                "strip-ansi": "^6.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/clone": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
-            "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "engines": {
-                "node": ">=0.8"
-            }
-        },
-        "node_modules/clsx": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
-            "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/codemirror": {
-            "version": "5.65.12",
-            "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.12.tgz",
-            "integrity": "sha512-z2jlHBocElRnPYysN2HAuhXbO3DNB0bcSKmNz3hcWR2Js2Dkhc1bEOxG93Z3DeUrnm+qx56XOY5wQmbP5KY0sw==",
-            "license": "MIT"
-        },
-        "node_modules/color-convert": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-            "license": "MIT",
-            "dependencies": {
-                "color-name": "~1.1.4"
-            },
-            "engines": {
-                "node": ">=7.0.0"
-            }
-        },
-        "node_modules/color-name": {
-            "version": "1.1.4",
-            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-            "license": "MIT"
-        },
-        "node_modules/combined-stream": {
-            "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-            "license": "MIT",
-            "dependencies": {
-                "delayed-stream": "~1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.8"
-            }
-        },
-        "node_modules/commander": {
-            "version": "10.0.1",
-            "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
-            "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=14"
-            }
-        },
-        "node_modules/condense-newlines": {
-            "version": "0.2.1",
-            "resolved": "https://registry.npmjs.org/condense-newlines/-/condense-newlines-0.2.1.tgz",
-            "integrity": "sha512-P7X+QL9Hb9B/c8HI5BFFKmjgBu2XpQuF98WZ9XkO+dBGgk5XgwiQz7o1SmpglNWId3581UcS0SFAWfoIhMHPfg==",
-            "license": "MIT",
-            "dependencies": {
-                "extend-shallow": "^2.0.1",
-                "is-whitespace": "^0.3.0",
-                "kind-of": "^3.0.2"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/config-chain": {
-            "version": "1.1.13",
-            "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
-            "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
-            "license": "MIT",
-            "dependencies": {
-                "ini": "^1.3.4",
-                "proto-list": "~1.2.1"
-            }
-        },
-        "node_modules/cookies-js": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/cookies-js/-/cookies-js-1.2.3.tgz",
-            "integrity": "sha512-yqW9Kl46LcwedlF+2wyFSaCSwRKRrU6m3n9WoAsFfn23bpRfkEBwfOkD+lFw4jCLLs960ke/aM5Qe1BAhtgJmQ==",
-            "license": "Public Domain"
-        },
-        "node_modules/crelt": {
-            "version": "1.0.6",
-            "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
-            "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
-            "license": "MIT"
-        },
-        "node_modules/cross-spawn": {
-            "version": "7.0.6",
-            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-            "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
-            "license": "MIT",
-            "dependencies": {
-                "path-key": "^3.1.0",
-                "shebang-command": "^2.0.0",
-                "which": "^2.0.1"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/css-select": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
-            "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "boolbase": "^1.0.0",
-                "css-what": "^6.1.0",
-                "domhandler": "^5.0.2",
-                "domutils": "^3.0.1",
-                "nth-check": "^2.0.1"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/fb55"
-            }
-        },
-        "node_modules/css-tree": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
-            "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
-            "license": "MIT",
-            "dependencies": {
-                "mdn-data": "2.0.30",
-                "source-map-js": "^1.0.1"
-            },
-            "engines": {
-                "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
-            }
-        },
-        "node_modules/css-what": {
-            "version": "6.1.0",
-            "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
-            "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
-            "license": "BSD-2-Clause",
-            "engines": {
-                "node": ">= 6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/fb55"
-            }
-        },
-        "node_modules/cssesc": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "cssesc": "bin/cssesc"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/csso": {
-            "version": "5.0.5",
-            "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz",
-            "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
-            "license": "MIT",
-            "dependencies": {
-                "css-tree": "~2.2.0"
-            },
-            "engines": {
-                "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
-                "npm": ">=7.0.0"
-            }
-        },
-        "node_modules/csso/node_modules/css-tree": {
-            "version": "2.2.1",
-            "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
-            "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
-            "license": "MIT",
-            "dependencies": {
-                "mdn-data": "2.0.28",
-                "source-map-js": "^1.0.1"
-            },
-            "engines": {
-                "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
-                "npm": ">=7.0.0"
-            }
-        },
-        "node_modules/csso/node_modules/mdn-data": {
-            "version": "2.0.28",
-            "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz",
-            "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
-            "license": "CC0-1.0"
-        },
-        "node_modules/cssstyle": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.3.0.tgz",
-            "integrity": "sha512-6r0NiY0xizYqfBvWp1G7WXJ06/bZyrk7Dc6PHql82C/pKGUTKu4yAX4Y8JPamb1ob9nBKuxWzCGTRuGwU3yxJQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@asamuzakjp/css-color": "^3.1.1",
-                "rrweb-cssom": "^0.8.0"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/csstype": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-            "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-            "license": "MIT"
-        },
-        "node_modules/cva": {
-            "version": "1.0.0-beta.3",
-            "resolved": "https://registry.npmjs.org/cva/-/cva-1.0.0-beta.3.tgz",
-            "integrity": "sha512-CZa8pTkpEygxJRLH9aod/wfnSgK5z/0GJqG/NNehlwam+S8llqCWUXS3eCenvAiW5sTUpwTWE6bJaeeZ/b4pzA==",
-            "license": "Apache-2.0",
-            "dependencies": {
-                "clsx": "^2.1.1"
-            },
-            "funding": {
-                "url": "https://polar.sh/cva"
-            },
-            "peerDependencies": {
-                "typescript": ">= 4.5.5"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/data-urls": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz",
-            "integrity": "sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "whatwg-mimetype": "^4.0.0",
-                "whatwg-url": "^14.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/debug": {
-            "version": "4.4.0",
-            "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
-            "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ms": "^2.1.3"
-            },
-            "engines": {
-                "node": ">=6.0"
-            },
-            "peerDependenciesMeta": {
-                "supports-color": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/decimal.js": {
-            "version": "10.5.0",
-            "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.5.0.tgz",
-            "integrity": "sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/deep-eql": {
-            "version": "5.0.2",
-            "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
-            "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/defaults": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz",
-            "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "clone": "^1.0.2"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/define-lazy-prop": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
-            "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/defu": {
-            "version": "6.1.4",
-            "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
-            "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
-            "license": "MIT"
-        },
-        "node_modules/delayed-stream": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.4.0"
-            }
-        },
-        "node_modules/dequal": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
-            "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/detect-libc": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
-            "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/devlop": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
-            "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
-            "license": "MIT",
-            "dependencies": {
-                "dequal": "^2.0.0"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/wooorm"
-            }
-        },
-        "node_modules/dom-serializer": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
-            "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
-            "license": "MIT",
-            "dependencies": {
-                "domelementtype": "^2.3.0",
-                "domhandler": "^5.0.2",
-                "entities": "^4.2.0"
-            },
-            "funding": {
-                "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
-            }
-        },
-        "node_modules/domelementtype": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
-            "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/fb55"
-                }
-            ],
-            "license": "BSD-2-Clause"
-        },
-        "node_modules/domhandler": {
-            "version": "5.0.3",
-            "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
-            "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "domelementtype": "^2.3.0"
-            },
-            "engines": {
-                "node": ">= 4"
-            },
-            "funding": {
-                "url": "https://github.com/fb55/domhandler?sponsor=1"
-            }
-        },
-        "node_modules/domutils": {
-            "version": "3.2.2",
-            "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
-            "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "dom-serializer": "^2.0.0",
-                "domelementtype": "^2.3.0",
-                "domhandler": "^5.0.3"
-            },
-            "funding": {
-                "url": "https://github.com/fb55/domutils?sponsor=1"
-            }
-        },
-        "node_modules/drag-event-service": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/drag-event-service/-/drag-event-service-2.0.0.tgz",
-            "integrity": "sha512-JVEnOEbbNDS3RrWd+tVVIDu2SHQZ9luhEFGSQ1hXMjl+ABw0PxhHmnkGjzPVE836Tsg+k7rkm5GM9Ln/UgbYpA==",
-            "license": "MIT",
-            "dependencies": {
-                "@babel/runtime": "^7.7.7",
-                "helper-js": "^3.0.0"
-            }
-        },
-        "node_modules/dunder-proto": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
-            "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
-            "license": "MIT",
-            "dependencies": {
-                "call-bind-apply-helpers": "^1.0.1",
-                "es-errors": "^1.3.0",
-                "gopd": "^1.2.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/eastasianwidth": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-            "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-            "license": "MIT"
-        },
-        "node_modules/easy-table": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/easy-table/-/easy-table-1.2.0.tgz",
-            "integrity": "sha512-OFzVOv03YpvtcWGe5AayU5G2hgybsg3iqA6drU8UaoZyB9jLGMTrz9+asnLp/E+6qPh88yEI1gvyZFZ41dmgww==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "optionalDependencies": {
-                "wcwidth": "^1.0.1"
-            }
-        },
-        "node_modules/editorconfig": {
-            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-1.0.4.tgz",
-            "integrity": "sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==",
-            "license": "MIT",
-            "dependencies": {
-                "@one-ini/wasm": "0.1.1",
-                "commander": "^10.0.0",
-                "minimatch": "9.0.1",
-                "semver": "^7.5.3"
-            },
-            "bin": {
-                "editorconfig": "bin/editorconfig"
-            },
-            "engines": {
-                "node": ">=14"
-            }
-        },
-        "node_modules/emoji-regex": {
-            "version": "9.2.2",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-            "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-            "license": "MIT"
-        },
-        "node_modules/enhanced-resolve": {
-            "version": "5.18.1",
-            "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
-            "integrity": "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "graceful-fs": "^4.2.4",
-                "tapable": "^2.2.0"
-            },
-            "engines": {
-                "node": ">=10.13.0"
-            }
-        },
-        "node_modules/entities": {
-            "version": "4.5.0",
-            "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-            "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-            "license": "BSD-2-Clause",
-            "engines": {
-                "node": ">=0.12"
-            },
-            "funding": {
-                "url": "https://github.com/fb55/entities?sponsor=1"
-            }
-        },
-        "node_modules/es-define-property": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
-            "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/es-errors": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-            "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/es-module-lexer": {
-            "version": "1.6.0",
-            "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.6.0.tgz",
-            "integrity": "sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/es-object-atoms": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
-            "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
-            "license": "MIT",
-            "dependencies": {
-                "es-errors": "^1.3.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/es-set-tostringtag": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
-            "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
-            "license": "MIT",
-            "dependencies": {
-                "es-errors": "^1.3.0",
-                "get-intrinsic": "^1.2.6",
-                "has-tostringtag": "^1.0.2",
-                "hasown": "^2.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/esbuild": {
-            "version": "0.25.1",
-            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.1.tgz",
-            "integrity": "sha512-BGO5LtrGC7vxnqucAe/rmvKdJllfGaYWdyABvyMoXQlfYMb2bbRuReWR5tEGE//4LcNJj9XrkovTqNYRFZHAMQ==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "bin": {
-                "esbuild": "bin/esbuild"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "optionalDependencies": {
-                "@esbuild/aix-ppc64": "0.25.1",
-                "@esbuild/android-arm": "0.25.1",
-                "@esbuild/android-arm64": "0.25.1",
-                "@esbuild/android-x64": "0.25.1",
-                "@esbuild/darwin-arm64": "0.25.1",
-                "@esbuild/darwin-x64": "0.25.1",
-                "@esbuild/freebsd-arm64": "0.25.1",
-                "@esbuild/freebsd-x64": "0.25.1",
-                "@esbuild/linux-arm": "0.25.1",
-                "@esbuild/linux-arm64": "0.25.1",
-                "@esbuild/linux-ia32": "0.25.1",
-                "@esbuild/linux-loong64": "0.25.1",
-                "@esbuild/linux-mips64el": "0.25.1",
-                "@esbuild/linux-ppc64": "0.25.1",
-                "@esbuild/linux-riscv64": "0.25.1",
-                "@esbuild/linux-s390x": "0.25.1",
-                "@esbuild/linux-x64": "0.25.1",
-                "@esbuild/netbsd-arm64": "0.25.1",
-                "@esbuild/netbsd-x64": "0.25.1",
-                "@esbuild/openbsd-arm64": "0.25.1",
-                "@esbuild/openbsd-x64": "0.25.1",
-                "@esbuild/sunos-x64": "0.25.1",
-                "@esbuild/win32-arm64": "0.25.1",
-                "@esbuild/win32-ia32": "0.25.1",
-                "@esbuild/win32-x64": "0.25.1"
-            }
-        },
-        "node_modules/escalade": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-            "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/escape-string-regexp": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-            "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/estree-walker": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-            "license": "MIT"
-        },
-        "node_modules/expect-type": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.2.0.tgz",
-            "integrity": "sha512-80F22aiJ3GLyVnS/B3HzgR6RelZVumzj9jkL0Rhz4h0xYbNW9PjlQz5h3J/SShErbXBc295vseR4/MIbVmUbeA==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=12.0.0"
-            }
-        },
-        "node_modules/extend-shallow": {
-            "version": "2.0.1",
-            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
-            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
-            "license": "MIT",
-            "dependencies": {
-                "is-extendable": "^0.1.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/fast-glob": {
-            "version": "3.3.3",
-            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
-            "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@nodelib/fs.stat": "^2.0.2",
-                "@nodelib/fs.walk": "^1.2.3",
-                "glob-parent": "^5.1.2",
-                "merge2": "^1.3.0",
-                "micromatch": "^4.0.8"
-            },
-            "engines": {
-                "node": ">=8.6.0"
-            }
-        },
-        "node_modules/fast-glob/node_modules/@nodelib/fs.scandir": {
-            "version": "2.1.5",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@nodelib/fs.stat": "2.0.5",
-                "run-parallel": "^1.1.9"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/fast-glob/node_modules/@nodelib/fs.stat": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/fast-glob/node_modules/@nodelib/fs.walk": {
-            "version": "1.2.8",
-            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@nodelib/fs.scandir": "2.1.5",
-                "fastq": "^1.6.0"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/fastq": {
-            "version": "1.19.1",
-            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
-            "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "reusify": "^1.0.4"
-            }
-        },
-        "node_modules/fill-range": {
-            "version": "7.1.1",
-            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-            "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "to-regex-range": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/floating-vue": {
-            "version": "5.2.2",
-            "resolved": "https://registry.npmjs.org/floating-vue/-/floating-vue-5.2.2.tgz",
-            "integrity": "sha512-afW+h2CFafo+7Y9Lvw/xsqjaQlKLdJV7h1fCHfcYQ1C4SVMlu7OAekqWgu5d4SgvkBVU0pVpLlVsrSTBURFRkg==",
-            "license": "MIT",
-            "dependencies": {
-                "@floating-ui/dom": "~1.1.1",
-                "vue-resize": "^2.0.0-alpha.1"
-            },
-            "peerDependencies": {
-                "@nuxt/kit": "^3.2.0",
-                "vue": "^3.2.0"
-            },
-            "peerDependenciesMeta": {
-                "@nuxt/kit": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/floating-vue/node_modules/@floating-ui/dom": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.1.1.tgz",
-            "integrity": "sha512-TpIO93+DIujg3g7SykEAGZMDtbJRrmnYRCNYSjJlvIbGhBjRSNTLVbNeDQBrzy9qDgUbiWdc7KA0uZHZ2tJmiw==",
-            "license": "MIT",
-            "dependencies": {
-                "@floating-ui/core": "^1.1.0"
-            }
-        },
-        "node_modules/focus-trap": {
-            "version": "7.6.4",
-            "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.6.4.tgz",
-            "integrity": "sha512-xx560wGBk7seZ6y933idtjJQc1l+ck+pI3sKvhKozdBV1dRZoKhkW5xoCaFv9tQiX5RH1xfSxjuNu6g+lmN/gw==",
-            "license": "MIT",
-            "dependencies": {
-                "tabbable": "^6.2.0"
-            }
-        },
-        "node_modules/follow-redirects": {
-            "version": "1.15.9",
-            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
-            "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
-            "funding": [
-                {
-                    "type": "individual",
-                    "url": "https://github.com/sponsors/RubenVerborgh"
-                }
-            ],
-            "license": "MIT",
-            "engines": {
-                "node": ">=4.0"
-            },
-            "peerDependenciesMeta": {
-                "debug": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/foreground-child": {
-            "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
-            "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
-            "license": "ISC",
-            "dependencies": {
-                "cross-spawn": "^7.0.6",
-                "signal-exit": "^4.0.1"
-            },
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/form-data": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.2.tgz",
-            "integrity": "sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==",
-            "license": "MIT",
-            "dependencies": {
-                "asynckit": "^0.4.0",
-                "combined-stream": "^1.0.8",
-                "es-set-tostringtag": "^2.1.0",
-                "mime-types": "^2.1.12"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/framer-motion": {
-            "version": "12.5.0",
-            "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.5.0.tgz",
-            "integrity": "sha512-buPlioFbH9/W7rDzYh1C09AuZHAk2D1xTA1BlounJ2Rb9aRg84OXexP0GLd+R83v0khURdMX7b5MKnGTaSg5iA==",
-            "license": "MIT",
-            "dependencies": {
-                "motion-dom": "^12.5.0",
-                "motion-utils": "^12.5.0",
-                "tslib": "^2.4.0"
-            },
-            "peerDependencies": {
-                "@emotion/is-prop-valid": "*",
-                "react": "^18.0.0 || ^19.0.0",
-                "react-dom": "^18.0.0 || ^19.0.0"
-            },
-            "peerDependenciesMeta": {
-                "@emotion/is-prop-valid": {
-                    "optional": true
-                },
-                "react": {
-                    "optional": true
-                },
-                "react-dom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/fsevents": {
-            "version": "2.3.3",
-            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-            }
-        },
-        "node_modules/function-bind": {
-            "version": "1.1.2",
-            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-            "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-            "license": "MIT",
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/fuse.js": {
-            "version": "7.1.0",
-            "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-7.1.0.tgz",
-            "integrity": "sha512-trLf4SzuuUxfusZADLINj+dE8clK1frKdmqiJNb1Es75fmI5oY6X2mxLVUciLLjxqw/xr72Dhy+lER6dGd02FQ==",
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/get-caller-file": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-            "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": "6.* || 8.* || >= 10.*"
-            }
-        },
-        "node_modules/get-intrinsic": {
-            "version": "1.3.0",
-            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
-            "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
-            "license": "MIT",
-            "dependencies": {
-                "call-bind-apply-helpers": "^1.0.2",
-                "es-define-property": "^1.0.1",
-                "es-errors": "^1.3.0",
-                "es-object-atoms": "^1.1.1",
-                "function-bind": "^1.1.2",
-                "get-proto": "^1.0.1",
-                "gopd": "^1.2.0",
-                "has-symbols": "^1.1.0",
-                "hasown": "^2.0.2",
-                "math-intrinsics": "^1.1.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/get-proto": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
-            "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
-            "license": "MIT",
-            "dependencies": {
-                "dunder-proto": "^1.0.1",
-                "es-object-atoms": "^1.0.0"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/glob": {
-            "version": "10.4.5",
-            "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
-            "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
-            "license": "ISC",
-            "dependencies": {
-                "foreground-child": "^3.1.0",
-                "jackspeak": "^3.1.2",
-                "minimatch": "^9.0.4",
-                "minipass": "^7.1.2",
-                "package-json-from-dist": "^1.0.0",
-                "path-scurry": "^1.11.1"
-            },
-            "bin": {
-                "glob": "dist/esm/bin.mjs"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/glob-parent": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "is-glob": "^4.0.1"
-            },
-            "engines": {
-                "node": ">= 6"
-            }
-        },
-        "node_modules/glob/node_modules/minimatch": {
-            "version": "9.0.5",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-            "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/gopd": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
-            "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/graceful-fs": {
-            "version": "4.2.11",
-            "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-            "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/has-symbols": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
-            "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/has-tostringtag": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
-            "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
-            "license": "MIT",
-            "dependencies": {
-                "has-symbols": "^1.0.3"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/hasown": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-            "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-            "license": "MIT",
-            "dependencies": {
-                "function-bind": "^1.1.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/helper-js": {
-            "version": "3.1.6",
-            "resolved": "https://registry.npmjs.org/helper-js/-/helper-js-3.1.6.tgz",
-            "integrity": "sha512-lhncHDAxS2PTA44aG1AofxT51v0IXEVOmaUCC6HwuGaGqE1yEkjhPH74Vb/Aw4xt8Kt5bMvStCr6FekANp+PGg==",
-            "license": "MIT",
-            "dependencies": {
-                "@babel/runtime": "^7.7.7"
-            }
-        },
-        "node_modules/hey-listen": {
-            "version": "1.0.8",
-            "resolved": "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz",
-            "integrity": "sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==",
-            "license": "MIT"
-        },
-        "node_modules/highlight.js": {
-            "version": "11.11.1",
-            "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.11.1.tgz",
-            "integrity": "sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==",
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=12.0.0"
-            }
-        },
-        "node_modules/html-encoding-sniffer": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
-            "integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "whatwg-encoding": "^3.1.1"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/http-proxy-agent": {
-            "version": "7.0.2",
-            "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
-            "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "agent-base": "^7.1.0",
-                "debug": "^4.3.4"
-            },
-            "engines": {
-                "node": ">= 14"
-            }
-        },
-        "node_modules/https-proxy-agent": {
-            "version": "7.0.6",
-            "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
-            "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "agent-base": "^7.1.2",
-                "debug": "4"
-            },
-            "engines": {
-                "node": ">= 14"
-            }
-        },
-        "node_modules/iconv-lite": {
-            "version": "0.6.3",
-            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-            "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "safer-buffer": ">= 2.1.2 < 3.0.0"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/ignore": {
-            "version": "5.3.2",
-            "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
-            "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 4"
-            }
-        },
-        "node_modules/indent-string": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-            "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/ini": {
-            "version": "1.3.8",
-            "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-            "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
-            "license": "ISC"
-        },
-        "node_modules/is-buffer": {
-            "version": "1.1.6",
-            "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
-            "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
-            "license": "MIT"
-        },
-        "node_modules/is-docker": {
-            "version": "2.2.1",
-            "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
-            "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "is-docker": "cli.js"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/is-extendable": {
-            "version": "0.1.1",
-            "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
-            "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-extglob": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-fullwidth-code-point": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/is-glob": {
-            "version": "4.0.3",
-            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-extglob": "^2.1.1"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-number": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.12.0"
-            }
-        },
-        "node_modules/is-potential-custom-element-name": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
-            "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/is-whitespace": {
-            "version": "0.3.0",
-            "resolved": "https://registry.npmjs.org/is-whitespace/-/is-whitespace-0.3.0.tgz",
-            "integrity": "sha512-RydPhl4S6JwAyj0JJjshWJEFG6hNye3pZFBRZaTUfZFwGHxzppNaNOVgQuS/E/SlhrApuMXrpnK1EEIXfdo3Dg==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/is-wsl": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
-            "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-docker": "^2.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/isexe": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-            "license": "ISC"
-        },
-        "node_modules/jackspeak": {
-            "version": "3.4.3",
-            "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
-            "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-            "license": "BlueOak-1.0.0",
-            "dependencies": {
-                "@isaacs/cliui": "^8.0.2"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            },
-            "optionalDependencies": {
-                "@pkgjs/parseargs": "^0.11.0"
-            }
-        },
-        "node_modules/jiti": {
-            "version": "2.4.2",
-            "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz",
-            "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "jiti": "lib/jiti-cli.mjs"
-            }
-        },
-        "node_modules/js-beautify": {
-            "version": "1.15.4",
-            "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.15.4.tgz",
-            "integrity": "sha512-9/KXeZUKKJwqCXUdBxFJ3vPh467OCckSBmYDwSK/EtV090K+iMJ7zx2S3HLVDIWFQdqMIsZWbnaGiba18aWhaA==",
-            "license": "MIT",
-            "dependencies": {
-                "config-chain": "^1.1.13",
-                "editorconfig": "^1.0.4",
-                "glob": "^10.4.2",
-                "js-cookie": "^3.0.5",
-                "nopt": "^7.2.1"
-            },
-            "bin": {
-                "css-beautify": "js/bin/css-beautify.js",
-                "html-beautify": "js/bin/html-beautify.js",
-                "js-beautify": "js/bin/js-beautify.js"
-            },
-            "engines": {
-                "node": ">=14"
-            }
-        },
-        "node_modules/js-cookie": {
-            "version": "3.0.5",
-            "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
-            "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=14"
-            }
-        },
-        "node_modules/js-yaml": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-            "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "argparse": "^2.0.1"
-            },
-            "bin": {
-                "js-yaml": "bin/js-yaml.js"
-            }
-        },
-        "node_modules/jsdom": {
-            "version": "26.0.0",
-            "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-26.0.0.tgz",
-            "integrity": "sha512-BZYDGVAIriBWTpIxYzrXjv3E/4u8+/pSG5bQdIYCbNCGOvsPkDQfTVLAIXAf9ETdCpduCVTkDe2NNZ8NIwUVzw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cssstyle": "^4.2.1",
-                "data-urls": "^5.0.0",
-                "decimal.js": "^10.4.3",
-                "form-data": "^4.0.1",
-                "html-encoding-sniffer": "^4.0.0",
-                "http-proxy-agent": "^7.0.2",
-                "https-proxy-agent": "^7.0.6",
-                "is-potential-custom-element-name": "^1.0.1",
-                "nwsapi": "^2.2.16",
-                "parse5": "^7.2.1",
-                "rrweb-cssom": "^0.8.0",
-                "saxes": "^6.0.0",
-                "symbol-tree": "^3.2.4",
-                "tough-cookie": "^5.0.0",
-                "w3c-xmlserializer": "^5.0.0",
-                "webidl-conversions": "^7.0.0",
-                "whatwg-encoding": "^3.1.1",
-                "whatwg-mimetype": "^4.0.0",
-                "whatwg-url": "^14.1.0",
-                "ws": "^8.18.0",
-                "xml-name-validator": "^5.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "peerDependencies": {
-                "canvas": "^3.0.0"
-            },
-            "peerDependenciesMeta": {
-                "canvas": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/kind-of": {
-            "version": "3.2.2",
-            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
-            "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
-            "license": "MIT",
-            "dependencies": {
-                "is-buffer": "^1.1.5"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/knip": {
-            "version": "5.46.2",
-            "resolved": "https://registry.npmjs.org/knip/-/knip-5.46.2.tgz",
-            "integrity": "sha512-QGVkUVUwNv1zDOmb9ob4jraWNZu06O5xPa5cl97wzHmGGqJHkLfuvAzGTpuVxgujq+FKOXTbD8vv1TfimKTPAQ==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/webpro"
-                },
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/knip"
-                },
-                {
-                    "type": "polar",
-                    "url": "https://polar.sh/webpro-nl"
-                }
-            ],
-            "license": "ISC",
-            "dependencies": {
-                "@nodelib/fs.walk": "3.0.1",
-                "@snyk/github-codeowners": "1.1.0",
-                "easy-table": "1.2.0",
-                "enhanced-resolve": "^5.18.0",
-                "fast-glob": "^3.3.3",
-                "jiti": "^2.4.2",
-                "js-yaml": "^4.1.0",
-                "minimist": "^1.2.8",
-                "picocolors": "^1.1.0",
-                "picomatch": "^4.0.1",
-                "pretty-ms": "^9.0.0",
-                "smol-toml": "^1.3.1",
-                "strip-json-comments": "5.0.1",
-                "summary": "2.1.0",
-                "zod": "^3.22.4",
-                "zod-validation-error": "^3.0.3"
-            },
-            "bin": {
-                "knip": "bin/knip.js",
-                "knip-bun": "bin/knip-bun.js"
-            },
-            "engines": {
-                "node": ">=18.18.0"
-            },
-            "peerDependencies": {
-                "@types/node": ">=18",
-                "typescript": ">=5.0.4"
-            }
-        },
-        "node_modules/laravel-echo": {
-            "version": "1.19.0",
-            "resolved": "https://registry.npmjs.org/laravel-echo/-/laravel-echo-1.19.0.tgz",
-            "integrity": "sha512-o/X4XH8BIRwij66PSjtotZfM88Z8g/4P3gzxQf2BTcZBKmGqucvI5JYYLprR2OZQ9XlGsmJ2v+hDpPGEbXwUWw==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/laravel-vite-plugin": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-1.2.0.tgz",
-            "integrity": "sha512-R0pJ+IcTVeqEMoKz/B2Ij57QVq3sFTABiFmb06gAwFdivbOgsUtuhX6N2MGLEArajrS3U5JbberzwOe7uXHMHQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "picocolors": "^1.0.0",
-                "vite-plugin-full-reload": "^1.1.0"
-            },
-            "bin": {
-                "clean-orphaned-assets": "bin/clean.js"
-            },
-            "engines": {
-                "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
-            },
-            "peerDependencies": {
-                "vite": "^5.0.0 || ^6.0.0"
-            }
-        },
-        "node_modules/lightningcss": {
-            "version": "1.29.2",
-            "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.29.2.tgz",
-            "integrity": "sha512-6b6gd/RUXKaw5keVdSEtqFVdzWnU5jMxTUjA2bVcMNPLwSQ08Sv/UodBVtETLCn7k4S1Ibxwh7k68IwLZPgKaA==",
-            "dev": true,
-            "license": "MPL-2.0",
-            "dependencies": {
-                "detect-libc": "^2.0.3"
-            },
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            },
-            "optionalDependencies": {
-                "lightningcss-darwin-arm64": "1.29.2",
-                "lightningcss-darwin-x64": "1.29.2",
-                "lightningcss-freebsd-x64": "1.29.2",
-                "lightningcss-linux-arm-gnueabihf": "1.29.2",
-                "lightningcss-linux-arm64-gnu": "1.29.2",
-                "lightningcss-linux-arm64-musl": "1.29.2",
-                "lightningcss-linux-x64-gnu": "1.29.2",
-                "lightningcss-linux-x64-musl": "1.29.2",
-                "lightningcss-win32-arm64-msvc": "1.29.2",
-                "lightningcss-win32-x64-msvc": "1.29.2"
-            }
-        },
-        "node_modules/lightningcss-darwin-arm64": {
-            "version": "1.29.2",
-            "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.29.2.tgz",
-            "integrity": "sha512-cK/eMabSViKn/PG8U/a7aCorpeKLMlK0bQeNHmdb7qUnBkNPnL+oV5DjJUo0kqWsJUapZsM4jCfYItbqBDvlcA==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-darwin-x64": {
-            "version": "1.29.2",
-            "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.29.2.tgz",
-            "integrity": "sha512-j5qYxamyQw4kDXX5hnnCKMf3mLlHvG44f24Qyi2965/Ycz829MYqjrVg2H8BidybHBp9kom4D7DR5VqCKDXS0w==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-freebsd-x64": {
-            "version": "1.29.2",
-            "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.29.2.tgz",
-            "integrity": "sha512-wDk7M2tM78Ii8ek9YjnY8MjV5f5JN2qNVO+/0BAGZRvXKtQrBC4/cn4ssQIpKIPP44YXw6gFdpUF+Ps+RGsCwg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "freebsd"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-linux-arm-gnueabihf": {
-            "version": "1.29.2",
-            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.29.2.tgz",
-            "integrity": "sha512-IRUrOrAF2Z+KExdExe3Rz7NSTuuJ2HvCGlMKoquK5pjvo2JY4Rybr+NrKnq0U0hZnx5AnGsuFHjGnNT14w26sg==",
-            "cpu": [
-                "arm"
-            ],
-            "dev": true,
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-linux-arm64-gnu": {
-            "version": "1.29.2",
-            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.29.2.tgz",
-            "integrity": "sha512-KKCpOlmhdjvUTX/mBuaKemp0oeDIBBLFiU5Fnqxh1/DZ4JPZi4evEH7TKoSBFOSOV3J7iEmmBaw/8dpiUvRKlQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-linux-arm64-musl": {
-            "version": "1.29.2",
-            "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.29.2.tgz",
-            "integrity": "sha512-Q64eM1bPlOOUgxFmoPUefqzY1yV3ctFPE6d/Vt7WzLW4rKTv7MyYNky+FWxRpLkNASTnKQUaiMJ87zNODIrrKQ==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-linux-x64-gnu": {
-            "version": "1.29.2",
-            "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.29.2.tgz",
-            "integrity": "sha512-0v6idDCPG6epLXtBH/RPkHvYx74CVziHo6TMYga8O2EiQApnUPZsbR9nFNrg2cgBzk1AYqEd95TlrsL7nYABQg==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-linux-x64-musl": {
-            "version": "1.29.2",
-            "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.29.2.tgz",
-            "integrity": "sha512-rMpz2yawkgGT8RULc5S4WiZopVMOFWjiItBT7aSfDX4NQav6M44rhn5hjtkKzB+wMTRlLLqxkeYEtQ3dd9696w==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "linux"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-win32-arm64-msvc": {
-            "version": "1.29.2",
-            "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.29.2.tgz",
-            "integrity": "sha512-nL7zRW6evGQqYVu/bKGK+zShyz8OVzsCotFgc7judbt6wnB2KbiKKJwBE4SGoDBQ1O94RjW4asrCjQL4i8Fhbw==",
-            "cpu": [
-                "arm64"
-            ],
-            "dev": true,
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/lightningcss-win32-x64-msvc": {
-            "version": "1.29.2",
-            "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.29.2.tgz",
-            "integrity": "sha512-EdIUW3B2vLuHmv7urfzMI/h2fmlnOQBk1xlsDxkN1tCWKjNFjfLhGxYk8C8mzpSfr+A6jFFIi8fU6LbQGsRWjA==",
-            "cpu": [
-                "x64"
-            ],
-            "dev": true,
-            "license": "MPL-2.0",
-            "optional": true,
-            "os": [
-                "win32"
-            ],
-            "engines": {
-                "node": ">= 12.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/parcel"
-            }
-        },
-        "node_modules/linkify-it": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
-            "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
-            "license": "MIT",
-            "dependencies": {
-                "uc.micro": "^2.0.0"
-            }
-        },
-        "node_modules/lodash-es": {
-            "version": "4.17.21",
-            "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
-            "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
-            "license": "MIT"
-        },
-        "node_modules/lodash.castarray": {
-            "version": "4.4.0",
-            "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
-            "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/lodash.isplainobject": {
-            "version": "4.0.6",
-            "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
-            "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/lodash.merge": {
-            "version": "4.6.2",
-            "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/loupe": {
-            "version": "3.1.3",
-            "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.1.3.tgz",
-            "integrity": "sha512-kkIp7XSkP78ZxJEsSxW3712C6teJVoeHHwgo9zJ380de7IYyJ2ISlxojcH2pC5OFLewESmnRi/+XCDIEEVyoug==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/lowlight": {
-            "version": "3.3.0",
-            "resolved": "https://registry.npmjs.org/lowlight/-/lowlight-3.3.0.tgz",
-            "integrity": "sha512-0JNhgFoPvP6U6lE/UdVsSq99tn6DhjjpAj5MxG49ewd2mOBVtwWYIT8ClyABhq198aXXODMU6Ox8DrGy/CpTZQ==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/hast": "^3.0.0",
-                "devlop": "^1.0.0",
-                "highlight.js": "~11.11.0"
-            },
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/wooorm"
-            }
-        },
-        "node_modules/lru-cache": {
-            "version": "10.4.3",
-            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-            "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-            "license": "ISC"
-        },
-        "node_modules/magic-string": {
-            "version": "0.30.17",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
-            "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
-            "license": "MIT",
-            "dependencies": {
-                "@jridgewell/sourcemap-codec": "^1.5.0"
-            }
-        },
-        "node_modules/markdown-it": {
-            "version": "14.1.0",
-            "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz",
-            "integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
-            "license": "MIT",
-            "dependencies": {
-                "argparse": "^2.0.1",
-                "entities": "^4.4.0",
-                "linkify-it": "^5.0.0",
-                "mdurl": "^2.0.0",
-                "punycode.js": "^2.3.1",
-                "uc.micro": "^2.1.0"
-            },
-            "bin": {
-                "markdown-it": "bin/markdown-it.mjs"
-            }
-        },
-        "node_modules/marked": {
-            "version": "13.0.3",
-            "resolved": "https://registry.npmjs.org/marked/-/marked-13.0.3.tgz",
-            "integrity": "sha512-rqRix3/TWzE9rIoFGIn8JmsVfhiuC8VIQ8IdX5TfzmeBucdY05/0UlzKaw0eVtpcN/OdVFpBk7CjKGo9iHJ/zA==",
-            "license": "MIT",
-            "bin": {
-                "marked": "bin/marked.js"
-            },
-            "engines": {
-                "node": ">= 18"
-            }
-        },
-        "node_modules/marked-plaintext": {
-            "version": "0.0.2",
-            "resolved": "https://registry.npmjs.org/marked-plaintext/-/marked-plaintext-0.0.2.tgz",
-            "integrity": "sha512-6u/EfbyqTV8p9CqxFUOK3RUGo1KGULVUaiacKRjb+9VzXpGYYQlgff76xjlfxOGYpsDkzYg+l28CtGd86I6c0w==",
-            "license": "ISC"
-        },
-        "node_modules/math-intrinsics": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
-            "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            }
-        },
-        "node_modules/mdn-data": {
-            "version": "2.0.30",
-            "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
-            "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
-            "license": "CC0-1.0"
-        },
-        "node_modules/mdurl": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
-            "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==",
-            "license": "MIT"
-        },
-        "node_modules/merge2": {
-            "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/micromatch": {
-            "version": "4.0.8",
-            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-            "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "braces": "^3.0.3",
-                "picomatch": "^2.3.1"
-            },
-            "engines": {
-                "node": ">=8.6"
-            }
-        },
-        "node_modules/micromatch/node_modules/picomatch": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8.6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/jonschlinkert"
-            }
-        },
-        "node_modules/mime-db": {
-            "version": "1.52.0",
-            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/mime-types": {
-            "version": "2.1.35",
-            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-            "license": "MIT",
-            "dependencies": {
-                "mime-db": "1.52.0"
-            },
-            "engines": {
-                "node": ">= 0.6"
-            }
-        },
-        "node_modules/minimatch": {
-            "version": "9.0.1",
-            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
-            "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
-            "license": "ISC",
-            "dependencies": {
-                "brace-expansion": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/minimist": {
-            "version": "1.2.8",
-            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-            "dev": true,
-            "license": "MIT",
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/minipass": {
-            "version": "7.1.2",
-            "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-            "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-            "license": "ISC",
-            "engines": {
-                "node": ">=16 || 14 >=14.17"
-            }
-        },
-        "node_modules/motion-dom": {
-            "version": "12.6.3",
-            "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.6.3.tgz",
-            "integrity": "sha512-gRY08RjcnzgFYLemUZ1lo/e9RkBxR+6d4BRvoeZDSeArG4XQXERSPapKl3LNQRu22Sndjf1h+iavgY0O4NrYqA==",
-            "license": "MIT",
-            "dependencies": {
-                "motion-utils": "^12.6.3"
-            }
-        },
-        "node_modules/motion-utils": {
-            "version": "12.6.3",
-            "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.6.3.tgz",
-            "integrity": "sha512-R/b3Ia2VxtTNZ4LTEO5pKYau1OUNHOuUfxuP0WFCTDYdHkeTBR9UtxR1cc8mDmKr8PEhmmfnTKGz3rSMjNRoRg==",
-            "license": "MIT"
-        },
-        "node_modules/motion-v": {
-            "version": "1.0.0-beta.0",
-            "resolved": "https://registry.npmjs.org/motion-v/-/motion-v-1.0.0-beta.0.tgz",
-            "integrity": "sha512-7NF9gayHqnEoYUCZiBZi6iiZ4KBlOKfKlcnVAVULtP6V2GFszWI8CX1FWg49T7jgTnL7nBRhLTWFZ++cfji2mA==",
-            "license": "MIT",
-            "dependencies": {
-                "@vueuse/core": "^10.0.0",
-                "framer-motion": "12.5.0",
-                "hey-listen": "^1.0.8",
-                "motion-dom": "^12.5.0"
-            },
-            "peerDependencies": {
-                "vue": ">=3.0.0"
-            }
-        },
-        "node_modules/motion-v/node_modules/@types/web-bluetooth": {
-            "version": "0.0.20",
-            "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
-            "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==",
-            "license": "MIT"
-        },
-        "node_modules/motion-v/node_modules/@vueuse/core": {
-            "version": "10.11.1",
-            "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.11.1.tgz",
-            "integrity": "sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/web-bluetooth": "^0.0.20",
-                "@vueuse/metadata": "10.11.1",
-                "@vueuse/shared": "10.11.1",
-                "vue-demi": ">=0.14.8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            }
-        },
-        "node_modules/motion-v/node_modules/@vueuse/metadata": {
-            "version": "10.11.1",
-            "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.11.1.tgz",
-            "integrity": "sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==",
-            "license": "MIT",
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            }
-        },
-        "node_modules/motion-v/node_modules/@vueuse/shared": {
-            "version": "10.11.1",
-            "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.11.1.tgz",
-            "integrity": "sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==",
-            "license": "MIT",
-            "dependencies": {
-                "vue-demi": ">=0.14.8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            }
-        },
-        "node_modules/mousetrap": {
-            "version": "1.6.5",
-            "resolved": "https://registry.npmjs.org/mousetrap/-/mousetrap-1.6.5.tgz",
-            "integrity": "sha512-QNo4kEepaIBwiT8CDhP98umTetp+JNfQYBWvC1pc6/OAibuXtRcxZ58Qz8skvEHYvURne/7R8T5VoOI7rDsEUA==",
-            "license": "Apache-2.0 WITH LLVM-exception"
-        },
-        "node_modules/ms": {
-            "version": "2.1.3",
-            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/nanoid": {
-            "version": "3.3.11",
-            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-            "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "license": "MIT",
-            "bin": {
-                "nanoid": "bin/nanoid.cjs"
-            },
-            "engines": {
-                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-            }
-        },
-        "node_modules/nopt": {
-            "version": "7.2.1",
-            "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.1.tgz",
-            "integrity": "sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==",
-            "license": "ISC",
-            "dependencies": {
-                "abbrev": "^2.0.0"
-            },
-            "bin": {
-                "nopt": "bin/nopt.js"
-            },
-            "engines": {
-                "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-            }
-        },
-        "node_modules/nprogress": {
-            "version": "0.2.0",
-            "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
-            "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==",
-            "license": "MIT"
-        },
-        "node_modules/nth-check": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
-            "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
-            "license": "BSD-2-Clause",
-            "dependencies": {
-                "boolbase": "^1.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/fb55/nth-check?sponsor=1"
-            }
-        },
-        "node_modules/nwsapi": {
-            "version": "2.2.20",
-            "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.20.tgz",
-            "integrity": "sha512-/ieB+mDe4MrrKMT8z+mQL8klXydZWGR5Dowt4RAGKbJ3kIGEx3X4ljUo+6V73IXtUPWgfOlU5B9MlGxFO5T+cA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/object-inspect": {
-            "version": "1.13.4",
-            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
-            "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/ohash": {
-            "version": "2.0.11",
-            "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
-            "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
-            "license": "MIT"
-        },
-        "node_modules/open": {
-            "version": "8.4.2",
-            "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
-            "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "define-lazy-prop": "^2.0.0",
-                "is-docker": "^2.1.1",
-                "is-wsl": "^2.2.0"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/orderedmap": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz",
-            "integrity": "sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==",
-            "license": "MIT"
-        },
-        "node_modules/p-map": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
-            "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "aggregate-error": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/package-json-from-dist": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
-            "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
-            "license": "BlueOak-1.0.0"
-        },
-        "node_modules/parse-ms": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/parse-ms/-/parse-ms-4.0.0.tgz",
-            "integrity": "sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/parse5": {
-            "version": "7.2.1",
-            "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.1.tgz",
-            "integrity": "sha512-BuBYQYlv1ckiPdQi/ohiivi9Sagc9JG+Ozs0r7b/0iK3sKmrb0b9FdWdBbOdx6hBCM/F9Ir82ofnBhtZOjCRPQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "entities": "^4.5.0"
-            },
-            "funding": {
-                "url": "https://github.com/inikulin/parse5?sponsor=1"
-            }
-        },
-        "node_modules/path-key": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/path-scurry": {
-            "version": "1.11.1",
-            "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-            "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-            "license": "BlueOak-1.0.0",
-            "dependencies": {
-                "lru-cache": "^10.2.0",
-                "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-            },
-            "engines": {
-                "node": ">=16 || 14 >=14.18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/pathe": {
-            "version": "2.0.3",
-            "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
-            "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/pathval": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.0.tgz",
-            "integrity": "sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">= 14.16"
-            }
-        },
-        "node_modules/pdfobject": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/pdfobject/-/pdfobject-2.3.1.tgz",
-            "integrity": "sha512-vluuGiSDmMGpOvWFGiUY4trNB8aGKLDVxIXuuGHjX0kK3bMxCANUVtLivctE7uejLBScWCnbVarKatFVvdwXaQ==",
-            "license": "MIT"
-        },
-        "node_modules/picocolors": {
-            "version": "1.1.1",
-            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-            "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-            "license": "ISC"
-        },
-        "node_modules/picomatch": {
-            "version": "4.0.2",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
-            "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/jonschlinkert"
-            }
-        },
-        "node_modules/pinia": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.3.1.tgz",
-            "integrity": "sha512-khUlZSwt9xXCaTbbxFYBKDc/bWAGWJjOgvxETwkTN7KRm66EeT1ZdZj6i2ceh9sP2Pzqsbc704r2yngBrxBVug==",
-            "license": "MIT",
-            "dependencies": {
-                "@vue/devtools-api": "^6.6.3",
-                "vue-demi": "^0.14.10"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/posva"
-            },
-            "peerDependencies": {
-                "typescript": ">=4.4.4",
-                "vue": "^2.7.0 || ^3.5.11"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/portal-vue": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/portal-vue/-/portal-vue-3.0.0.tgz",
-            "integrity": "sha512-9eprMxNURLx6ijbcgkWjYNcTWJYu/H8QF8nyAeBzOmk9lKCea01BW1hYBeLkgz+AestmPOvznAEOFmNuO4Adjw==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=14.19"
-            },
-            "peerDependencies": {
-                "vue": "^3.0.4"
-            },
-            "peerDependenciesMeta": {
-                "vue": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/postcss": {
-            "version": "8.5.3",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
-            "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
-            "funding": [
-                {
-                    "type": "opencollective",
-                    "url": "https://opencollective.com/postcss/"
-                },
-                {
-                    "type": "tidelift",
-                    "url": "https://tidelift.com/funding/github/npm/postcss"
-                },
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/ai"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "nanoid": "^3.3.8",
-                "picocolors": "^1.1.1",
-                "source-map-js": "^1.2.1"
-            },
-            "engines": {
-                "node": "^10 || ^12 || >=14"
-            }
-        },
-        "node_modules/postcss-selector-parser": {
-            "version": "6.0.10",
-            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
-            "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cssesc": "^3.0.0",
-                "util-deprecate": "^1.0.2"
-            },
-            "engines": {
-                "node": ">=4"
-            }
-        },
-        "node_modules/prettier": {
-            "version": "3.5.3",
-            "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.5.3.tgz",
-            "integrity": "sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==",
-            "dev": true,
-            "license": "MIT",
-            "bin": {
-                "prettier": "bin/prettier.cjs"
-            },
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/prettier/prettier?sponsor=1"
-            }
-        },
-        "node_modules/prettier-plugin-antlers": {
-            "version": "2.0.5",
-            "resolved": "https://registry.npmjs.org/prettier-plugin-antlers/-/prettier-plugin-antlers-2.0.5.tgz",
-            "integrity": "sha512-KIdjVV7Hp0IS9psbbKJkb43bGXh9EQTmbGgXCEMnzBz+V6/2H22bk/NlKceLLJJtKLcK/D61vuYnZRwtsFhv4w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12.0.0"
-            },
-            "peerDependencies": {
-                "prettier": ">=3"
-            }
-        },
-        "node_modules/prettier-plugin-blade": {
-            "version": "2.1.21",
-            "resolved": "https://registry.npmjs.org/prettier-plugin-blade/-/prettier-plugin-blade-2.1.21.tgz",
-            "integrity": "sha512-+BPBPvla/Ppr0MVrqMAO+FTwxpXUYo8zhQPIGC7psNuMbB24y84cGrJ4Uc02GHTQN0q8txeG4Y4MxyJWgOujyQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12.0.0"
-            },
-            "peerDependencies": {
-                "prettier": ">=3"
-            }
-        },
-        "node_modules/prettier-plugin-tailwindcss": {
-            "version": "0.6.11",
-            "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.11.tgz",
-            "integrity": "sha512-YxaYSIvZPAqhrrEpRtonnrXdghZg1irNg4qrjboCXrpybLWVs55cW2N3juhspVJiO0JBvYJT8SYsJpc8OQSnsA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=14.21.3"
-            },
-            "peerDependencies": {
-                "@ianvs/prettier-plugin-sort-imports": "*",
-                "@prettier/plugin-pug": "*",
-                "@shopify/prettier-plugin-liquid": "*",
-                "@trivago/prettier-plugin-sort-imports": "*",
-                "@zackad/prettier-plugin-twig": "*",
-                "prettier": "^3.0",
-                "prettier-plugin-astro": "*",
-                "prettier-plugin-css-order": "*",
-                "prettier-plugin-import-sort": "*",
-                "prettier-plugin-jsdoc": "*",
-                "prettier-plugin-marko": "*",
-                "prettier-plugin-multiline-arrays": "*",
-                "prettier-plugin-organize-attributes": "*",
-                "prettier-plugin-organize-imports": "*",
-                "prettier-plugin-sort-imports": "*",
-                "prettier-plugin-style-order": "*",
-                "prettier-plugin-svelte": "*"
-            },
-            "peerDependenciesMeta": {
-                "@ianvs/prettier-plugin-sort-imports": {
-                    "optional": true
-                },
-                "@prettier/plugin-pug": {
-                    "optional": true
-                },
-                "@shopify/prettier-plugin-liquid": {
-                    "optional": true
-                },
-                "@trivago/prettier-plugin-sort-imports": {
-                    "optional": true
-                },
-                "@zackad/prettier-plugin-twig": {
-                    "optional": true
-                },
-                "prettier-plugin-astro": {
-                    "optional": true
-                },
-                "prettier-plugin-css-order": {
-                    "optional": true
-                },
-                "prettier-plugin-import-sort": {
-                    "optional": true
-                },
-                "prettier-plugin-jsdoc": {
-                    "optional": true
-                },
-                "prettier-plugin-marko": {
-                    "optional": true
-                },
-                "prettier-plugin-multiline-arrays": {
-                    "optional": true
-                },
-                "prettier-plugin-organize-attributes": {
-                    "optional": true
-                },
-                "prettier-plugin-organize-imports": {
-                    "optional": true
-                },
-                "prettier-plugin-sort-imports": {
-                    "optional": true
-                },
-                "prettier-plugin-style-order": {
-                    "optional": true
-                },
-                "prettier-plugin-svelte": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/pretty": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/pretty/-/pretty-2.0.0.tgz",
-            "integrity": "sha512-G9xUchgTEiNpormdYBl+Pha50gOUovT18IvAe7EYMZ1/f9W/WWMPRn+xI68yXNMUk3QXHDwo/1wV/4NejVNe1w==",
-            "license": "MIT",
-            "dependencies": {
-                "condense-newlines": "^0.2.1",
-                "extend-shallow": "^2.0.1",
-                "js-beautify": "^1.6.12"
-            },
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/pretty-ms": {
-            "version": "9.2.0",
-            "resolved": "https://registry.npmjs.org/pretty-ms/-/pretty-ms-9.2.0.tgz",
-            "integrity": "sha512-4yf0QO/sllf/1zbZWYnvWw3NxCQwLXKzIj0G849LSufP15BXKM0rbD2Z3wVnkMfjdn/CB0Dpp444gYAACdsplg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "parse-ms": "^4.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/prosemirror-changeset": {
-            "version": "2.2.1",
-            "resolved": "https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.2.1.tgz",
-            "integrity": "sha512-J7msc6wbxB4ekDFj+n9gTW/jav/p53kdlivvuppHsrZXCaQdVgRghoZbSS3kwrRyAstRVQ4/+u5k7YfLgkkQvQ==",
-            "license": "MIT",
-            "dependencies": {
-                "prosemirror-transform": "^1.0.0"
-            }
-        },
-        "node_modules/prosemirror-collab": {
-            "version": "1.3.1",
-            "resolved": "https://registry.npmjs.org/prosemirror-collab/-/prosemirror-collab-1.3.1.tgz",
-            "integrity": "sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==",
-            "license": "MIT",
-            "dependencies": {
-                "prosemirror-state": "^1.0.0"
-            }
-        },
-        "node_modules/prosemirror-commands": {
-            "version": "1.7.0",
-            "resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.7.0.tgz",
-            "integrity": "sha512-6toodS4R/Aah5pdsrIwnTYPEjW70SlO5a66oo5Kk+CIrgJz3ukOoS+FYDGqvQlAX5PxoGWDX1oD++tn5X3pyRA==",
-            "license": "MIT",
-            "dependencies": {
-                "prosemirror-model": "^1.0.0",
-                "prosemirror-state": "^1.0.0",
-                "prosemirror-transform": "^1.10.2"
-            }
-        },
-        "node_modules/prosemirror-dropcursor": {
-            "version": "1.8.1",
-            "resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.8.1.tgz",
-            "integrity": "sha512-M30WJdJZLyXHi3N8vxN6Zh5O8ZBbQCz0gURTfPmTIBNQ5pxrdU7A58QkNqfa98YEjSAL1HUyyU34f6Pm5xBSGw==",
-            "license": "MIT",
-            "dependencies": {
-                "prosemirror-state": "^1.0.0",
-                "prosemirror-transform": "^1.1.0",
-                "prosemirror-view": "^1.1.0"
-            }
-        },
-        "node_modules/prosemirror-gapcursor": {
-            "version": "1.3.2",
-            "resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.3.2.tgz",
-            "integrity": "sha512-wtjswVBd2vaQRrnYZaBCbyDqr232Ed4p2QPtRIUK5FuqHYKGWkEwl08oQM4Tw7DOR0FsasARV5uJFvMZWxdNxQ==",
-            "license": "MIT",
-            "dependencies": {
-                "prosemirror-keymap": "^1.0.0",
-                "prosemirror-model": "^1.0.0",
-                "prosemirror-state": "^1.0.0",
-                "prosemirror-view": "^1.0.0"
-            }
-        },
-        "node_modules/prosemirror-history": {
-            "version": "1.4.1",
-            "resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.4.1.tgz",
-            "integrity": "sha512-2JZD8z2JviJrboD9cPuX/Sv/1ChFng+xh2tChQ2X4bB2HeK+rra/bmJ3xGntCcjhOqIzSDG6Id7e8RJ9QPXLEQ==",
-            "license": "MIT",
-            "dependencies": {
-                "prosemirror-state": "^1.2.2",
-                "prosemirror-transform": "^1.0.0",
-                "prosemirror-view": "^1.31.0",
-                "rope-sequence": "^1.3.0"
-            }
-        },
-        "node_modules/prosemirror-inputrules": {
-            "version": "1.5.0",
-            "resolved": "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.5.0.tgz",
-            "integrity": "sha512-K0xJRCmt+uSw7xesnHmcn72yBGTbY45vm8gXI4LZXbx2Z0jwh5aF9xrGQgrVPu0WbyFVFF3E/o9VhJYz6SQWnA==",
-            "license": "MIT",
-            "dependencies": {
-                "prosemirror-state": "^1.0.0",
-                "prosemirror-transform": "^1.0.0"
-            }
-        },
-        "node_modules/prosemirror-keymap": {
-            "version": "1.2.2",
-            "resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.2.2.tgz",
-            "integrity": "sha512-EAlXoksqC6Vbocqc0GtzCruZEzYgrn+iiGnNjsJsH4mrnIGex4qbLdWWNza3AW5W36ZRrlBID0eM6bdKH4OStQ==",
-            "license": "MIT",
-            "dependencies": {
-                "prosemirror-state": "^1.0.0",
-                "w3c-keyname": "^2.2.0"
-            }
-        },
-        "node_modules/prosemirror-markdown": {
-            "version": "1.13.2",
-            "resolved": "https://registry.npmjs.org/prosemirror-markdown/-/prosemirror-markdown-1.13.2.tgz",
-            "integrity": "sha512-FPD9rHPdA9fqzNmIIDhhnYQ6WgNoSWX9StUZ8LEKapaXU9i6XgykaHKhp6XMyXlOWetmaFgGDS/nu/w9/vUc5g==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/markdown-it": "^14.0.0",
-                "markdown-it": "^14.0.0",
-                "prosemirror-model": "^1.25.0"
-            }
-        },
-        "node_modules/prosemirror-menu": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/prosemirror-menu/-/prosemirror-menu-1.2.4.tgz",
-            "integrity": "sha512-S/bXlc0ODQup6aiBbWVsX/eM+xJgCTAfMq/nLqaO5ID/am4wS0tTCIkzwytmao7ypEtjj39i7YbJjAgO20mIqA==",
-            "license": "MIT",
-            "dependencies": {
-                "crelt": "^1.0.0",
-                "prosemirror-commands": "^1.0.0",
-                "prosemirror-history": "^1.0.0",
-                "prosemirror-state": "^1.0.0"
-            }
-        },
-        "node_modules/prosemirror-model": {
-            "version": "1.25.0",
-            "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.25.0.tgz",
-            "integrity": "sha512-/8XUmxWf0pkj2BmtqZHYJipTBMHIdVjuvFzMvEoxrtyGNmfvdhBiRwYt/eFwy2wA9DtBW3RLqvZnjurEkHaFCw==",
-            "license": "MIT",
-            "dependencies": {
-                "orderedmap": "^2.0.0"
-            }
-        },
-        "node_modules/prosemirror-schema-basic": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/prosemirror-schema-basic/-/prosemirror-schema-basic-1.2.4.tgz",
-            "integrity": "sha512-ELxP4TlX3yr2v5rM7Sb70SqStq5NvI15c0j9j/gjsrO5vaw+fnnpovCLEGIcpeGfifkuqJwl4fon6b+KdrODYQ==",
-            "license": "MIT",
-            "dependencies": {
-                "prosemirror-model": "^1.25.0"
-            }
-        },
-        "node_modules/prosemirror-schema-list": {
-            "version": "1.5.1",
-            "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.5.1.tgz",
-            "integrity": "sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==",
-            "license": "MIT",
-            "dependencies": {
-                "prosemirror-model": "^1.0.0",
-                "prosemirror-state": "^1.0.0",
-                "prosemirror-transform": "^1.7.3"
-            }
-        },
-        "node_modules/prosemirror-state": {
-            "version": "1.4.3",
-            "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.4.3.tgz",
-            "integrity": "sha512-goFKORVbvPuAQaXhpbemJFRKJ2aixr+AZMGiquiqKxaucC6hlpHNZHWgz5R7dS4roHiwq9vDctE//CZ++o0W1Q==",
-            "license": "MIT",
-            "dependencies": {
-                "prosemirror-model": "^1.0.0",
-                "prosemirror-transform": "^1.0.0",
-                "prosemirror-view": "^1.27.0"
-            }
-        },
-        "node_modules/prosemirror-tables": {
-            "version": "1.6.4",
-            "resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.6.4.tgz",
-            "integrity": "sha512-TkDY3Gw52gRFRfRn2f4wJv5WOgAOXLJA2CQJYIJ5+kdFbfj3acR4JUW6LX2e1hiEBiUwvEhzH5a3cZ5YSztpIA==",
-            "license": "MIT",
-            "dependencies": {
-                "prosemirror-keymap": "^1.2.2",
-                "prosemirror-model": "^1.24.1",
-                "prosemirror-state": "^1.4.3",
-                "prosemirror-transform": "^1.10.2",
-                "prosemirror-view": "^1.37.2"
-            }
-        },
-        "node_modules/prosemirror-trailing-node": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-3.0.0.tgz",
-            "integrity": "sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==",
-            "license": "MIT",
-            "dependencies": {
-                "@remirror/core-constants": "3.0.0",
-                "escape-string-regexp": "^4.0.0"
-            },
-            "peerDependencies": {
-                "prosemirror-model": "^1.22.1",
-                "prosemirror-state": "^1.4.2",
-                "prosemirror-view": "^1.33.8"
-            }
-        },
-        "node_modules/prosemirror-transform": {
-            "version": "1.10.3",
-            "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.10.3.tgz",
-            "integrity": "sha512-Nhh/+1kZGRINbEHmVu39oynhcap4hWTs/BlU7NnxWj3+l0qi8I1mu67v6mMdEe/ltD8hHvU4FV6PHiCw2VSpMw==",
-            "license": "MIT",
-            "dependencies": {
-                "prosemirror-model": "^1.21.0"
-            }
-        },
-        "node_modules/prosemirror-view": {
-            "version": "1.38.1",
-            "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.38.1.tgz",
-            "integrity": "sha512-4FH/uM1A4PNyrxXbD+RAbAsf0d/mM0D/wAKSVVWK7o0A9Q/oOXJBrw786mBf2Vnrs/Edly6dH6Z2gsb7zWwaUw==",
-            "license": "MIT",
-            "dependencies": {
-                "prosemirror-model": "^1.20.0",
-                "prosemirror-state": "^1.0.0",
-                "prosemirror-transform": "^1.1.0"
-            }
-        },
-        "node_modules/proto-list": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
-            "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==",
-            "license": "ISC"
-        },
-        "node_modules/proxy-from-env": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-            "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
-            "license": "MIT"
-        },
-        "node_modules/punycode": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-            "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/punycode.js": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
-            "integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/pusher-js": {
-            "version": "8.4.0",
-            "resolved": "https://registry.npmjs.org/pusher-js/-/pusher-js-8.4.0.tgz",
-            "integrity": "sha512-wp3HqIIUc1GRyu1XrP6m2dgyE9MoCsXVsWNlohj0rjSkLf+a0jLvEyVubdg58oMk7bhjBWnFClgp8jfAa6Ak4Q==",
-            "license": "MIT",
-            "dependencies": {
-                "tweetnacl": "^1.0.3"
-            }
-        },
-        "node_modules/qs": {
-            "version": "6.14.0",
-            "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
-            "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
-            "license": "BSD-3-Clause",
-            "dependencies": {
-                "side-channel": "^1.1.0"
-            },
-            "engines": {
-                "node": ">=0.6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/queue-microtask": {
-            "version": "1.2.3",
-            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ],
-            "license": "MIT"
-        },
-        "node_modules/read-time-estimate": {
-            "version": "0.0.3",
-            "resolved": "https://registry.npmjs.org/read-time-estimate/-/read-time-estimate-0.0.3.tgz",
-            "integrity": "sha512-TF87eHTuEyRtu/mwnQE8FoZYHpsN1Oj+U/oROL5nrsoEWsh/iGhBzkV50N6DdPEqZ9Jh2PSZk1ZA7KMucgb+ng==",
-            "license": "MIT"
-        },
-        "node_modules/regenerator-runtime": {
-            "version": "0.14.1",
-            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-            "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
-            "license": "MIT"
-        },
-        "node_modules/reka-ui": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.1.1.tgz",
-            "integrity": "sha512-awvpQ041LPXAvf2uRVFwedsyz9SwsuoWlRql1fg4XimUCxEI2GOfHo6FIdL44dSPb/eG/gWbdGhoGHLlbX5gPA==",
-            "license": "MIT",
-            "dependencies": {
-                "@floating-ui/dom": "^1.6.13",
-                "@floating-ui/vue": "^1.1.6",
-                "@internationalized/date": "^3.5.0",
-                "@internationalized/number": "^3.5.0",
-                "@tanstack/vue-virtual": "^3.12.0",
-                "@vueuse/core": "^12.5.0",
-                "@vueuse/shared": "^12.5.0",
-                "aria-hidden": "^1.2.4",
-                "defu": "^6.1.4",
-                "ohash": "^2.0.11"
-            },
-            "peerDependencies": {
-                "vue": ">= 3.2.0"
-            }
-        },
-        "node_modules/require-directory": {
-            "version": "2.1.1",
-            "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-            "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/resize-observer-polyfill": {
-            "version": "1.5.1",
-            "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
-            "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
-            "license": "MIT"
-        },
-        "node_modules/reusify": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
-            "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "iojs": ">=1.0.0",
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/rollup": {
-            "version": "4.37.0",
-            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.37.0.tgz",
-            "integrity": "sha512-iAtQy/L4QFU+rTJ1YUjXqJOJzuwEghqWzCEYD2FEghT7Gsy1VdABntrO4CLopA5IkflTyqNiLNwPcOJ3S7UKLg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/estree": "1.0.6"
-            },
-            "bin": {
-                "rollup": "dist/bin/rollup"
-            },
-            "engines": {
-                "node": ">=18.0.0",
-                "npm": ">=8.0.0"
-            },
-            "optionalDependencies": {
-                "@rollup/rollup-android-arm-eabi": "4.37.0",
-                "@rollup/rollup-android-arm64": "4.37.0",
-                "@rollup/rollup-darwin-arm64": "4.37.0",
-                "@rollup/rollup-darwin-x64": "4.37.0",
-                "@rollup/rollup-freebsd-arm64": "4.37.0",
-                "@rollup/rollup-freebsd-x64": "4.37.0",
-                "@rollup/rollup-linux-arm-gnueabihf": "4.37.0",
-                "@rollup/rollup-linux-arm-musleabihf": "4.37.0",
-                "@rollup/rollup-linux-arm64-gnu": "4.37.0",
-                "@rollup/rollup-linux-arm64-musl": "4.37.0",
-                "@rollup/rollup-linux-loongarch64-gnu": "4.37.0",
-                "@rollup/rollup-linux-powerpc64le-gnu": "4.37.0",
-                "@rollup/rollup-linux-riscv64-gnu": "4.37.0",
-                "@rollup/rollup-linux-riscv64-musl": "4.37.0",
-                "@rollup/rollup-linux-s390x-gnu": "4.37.0",
-                "@rollup/rollup-linux-x64-gnu": "4.37.0",
-                "@rollup/rollup-linux-x64-musl": "4.37.0",
-                "@rollup/rollup-win32-arm64-msvc": "4.37.0",
-                "@rollup/rollup-win32-ia32-msvc": "4.37.0",
-                "@rollup/rollup-win32-x64-msvc": "4.37.0",
-                "fsevents": "~2.3.2"
-            }
-        },
-        "node_modules/rollup-plugin-visualizer": {
-            "version": "5.14.0",
-            "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.14.0.tgz",
-            "integrity": "sha512-VlDXneTDaKsHIw8yzJAFWtrzguoJ/LnQ+lMpoVfYJ3jJF4Ihe5oYLAqLklIK/35lgUY+1yEzCkHyZ1j4A5w5fA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "open": "^8.4.0",
-                "picomatch": "^4.0.2",
-                "source-map": "^0.7.4",
-                "yargs": "^17.5.1"
-            },
-            "bin": {
-                "rollup-plugin-visualizer": "dist/bin/cli.js"
-            },
-            "engines": {
-                "node": ">=18"
-            },
-            "peerDependencies": {
-                "rolldown": "1.x",
-                "rollup": "2.x || 3.x || 4.x"
-            },
-            "peerDependenciesMeta": {
-                "rolldown": {
-                    "optional": true
-                },
-                "rollup": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/rollup/node_modules/@types/estree": {
-            "version": "1.0.6",
-            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
-            "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/rope-sequence": {
-            "version": "1.3.4",
-            "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.4.tgz",
-            "integrity": "sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==",
-            "license": "MIT"
-        },
-        "node_modules/rrweb-cssom": {
-            "version": "0.8.0",
-            "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz",
-            "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/run-parallel": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-            "dev": true,
-            "funding": [
-                {
-                    "type": "github",
-                    "url": "https://github.com/sponsors/feross"
-                },
-                {
-                    "type": "patreon",
-                    "url": "https://www.patreon.com/feross"
-                },
-                {
-                    "type": "consulting",
-                    "url": "https://feross.org/support"
-                }
-            ],
-            "license": "MIT",
-            "dependencies": {
-                "queue-microtask": "^1.2.2"
-            }
-        },
-        "node_modules/safer-buffer": {
-            "version": "2.1.2",
-            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/saxes": {
-            "version": "6.0.0",
-            "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
-            "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
-            "dev": true,
-            "license": "ISC",
-            "dependencies": {
-                "xmlchars": "^2.2.0"
-            },
-            "engines": {
-                "node": ">=v12.22.7"
-            }
-        },
-        "node_modules/semver": {
-            "version": "7.7.1",
-            "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
-            "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
-            "license": "ISC",
-            "bin": {
-                "semver": "bin/semver.js"
-            },
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/shebang-command": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-            "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-            "license": "MIT",
-            "dependencies": {
-                "shebang-regex": "^3.0.0"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/shebang-regex": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-            "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/side-channel": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
-            "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
-            "license": "MIT",
-            "dependencies": {
-                "es-errors": "^1.3.0",
-                "object-inspect": "^1.13.3",
-                "side-channel-list": "^1.0.0",
-                "side-channel-map": "^1.0.1",
-                "side-channel-weakmap": "^1.0.2"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/side-channel-list": {
-            "version": "1.0.0",
-            "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
-            "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
-            "license": "MIT",
-            "dependencies": {
-                "es-errors": "^1.3.0",
-                "object-inspect": "^1.13.3"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/side-channel-map": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
-            "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.2",
-                "es-errors": "^1.3.0",
-                "get-intrinsic": "^1.2.5",
-                "object-inspect": "^1.13.3"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/side-channel-weakmap": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
-            "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
-            "license": "MIT",
-            "dependencies": {
-                "call-bound": "^1.0.2",
-                "es-errors": "^1.3.0",
-                "get-intrinsic": "^1.2.5",
-                "object-inspect": "^1.13.3",
-                "side-channel-map": "^1.0.1"
-            },
-            "engines": {
-                "node": ">= 0.4"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/ljharb"
-            }
-        },
-        "node_modules/siginfo": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
-            "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
-            "dev": true,
-            "license": "ISC"
-        },
-        "node_modules/signal-exit": {
-            "version": "4.1.0",
-            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-            "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-            "license": "ISC",
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/isaacs"
-            }
-        },
-        "node_modules/smol-toml": {
-            "version": "1.3.1",
-            "resolved": "https://registry.npmjs.org/smol-toml/-/smol-toml-1.3.1.tgz",
-            "integrity": "sha512-tEYNll18pPKHroYSmLLrksq233j021G0giwW7P3D24jC54pQ5W5BXMsQ/Mvw1OJCmEYDgY+lrzT+3nNUtoNfXQ==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">= 18"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/cyyynthia"
-            }
-        },
-        "node_modules/source-map": {
-            "version": "0.7.4",
-            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
-            "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/source-map-js": {
-            "version": "1.2.1",
-            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-            "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/speakingurl": {
-            "version": "14.0.1",
-            "resolved": "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz",
-            "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==",
-            "license": "BSD-3-Clause",
-            "engines": {
-                "node": ">=0.10.0"
-            }
-        },
-        "node_modules/stackback": {
-            "version": "0.0.2",
-            "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
-            "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/std-env": {
-            "version": "3.8.1",
-            "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.8.1.tgz",
-            "integrity": "sha512-vj5lIj3Mwf9D79hBkltk5qmkFI+biIKWS2IBxEyEU3AX1tUf7AoL8nSazCOiiqQsGKIq01SClsKEzweu34uwvA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/string-width": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-            "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-            "license": "MIT",
-            "dependencies": {
-                "eastasianwidth": "^0.2.0",
-                "emoji-regex": "^9.2.2",
-                "strip-ansi": "^7.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/string-width-cjs": {
-            "name": "string-width",
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "license": "MIT",
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/string-width-cjs/node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "license": "MIT"
-        },
-        "node_modules/string-width-cjs/node_modules/strip-ansi": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/strip-ansi": {
-            "version": "7.1.0",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-            "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-            }
-        },
-        "node_modules/strip-ansi-cjs": {
-            "name": "strip-ansi",
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/strip-ansi/node_modules/ansi-regex": {
-            "version": "6.1.0",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-            "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-            }
-        },
-        "node_modules/strip-json-comments": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-5.0.1.tgz",
-            "integrity": "sha512-0fk9zBqO67Nq5M/m45qHCJxylV/DhBlIOVExqgOMiCCrzrhU6tCibRXNqE3jwJLftzE9SNuZtYbpzcO+i9FiKw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=14.16"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
-            }
-        },
-        "node_modules/striptags": {
-            "version": "3.2.0",
-            "resolved": "https://registry.npmjs.org/striptags/-/striptags-3.2.0.tgz",
-            "integrity": "sha512-g45ZOGzHDMe2bdYMdIvdAfCQkCTDMGBazSw1ypMowwGIee7ZQ5dU0rBJ8Jqgl+jAKIv4dbeE1jscZq9wid1Tkw==",
-            "license": "MIT"
-        },
-        "node_modules/summary": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/summary/-/summary-2.1.0.tgz",
-            "integrity": "sha512-nMIjMrd5Z2nuB2RZCKJfFMjgS3fygbeyGk9PxPPaJR1RIcyN9yn4A63Isovzm3ZtQuEkLBVgMdPup8UeLH7aQw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/svgo": {
-            "version": "3.3.2",
-            "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.3.2.tgz",
-            "integrity": "sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==",
-            "license": "MIT",
-            "dependencies": {
-                "@trysound/sax": "0.2.0",
-                "commander": "^7.2.0",
-                "css-select": "^5.1.0",
-                "css-tree": "^2.3.1",
-                "css-what": "^6.1.0",
-                "csso": "^5.0.5",
-                "picocolors": "^1.0.0"
-            },
-            "bin": {
-                "svgo": "bin/svgo"
-            },
-            "engines": {
-                "node": ">=14.0.0"
-            },
-            "funding": {
-                "type": "opencollective",
-                "url": "https://opencollective.com/svgo"
-            }
-        },
-        "node_modules/svgo/node_modules/commander": {
-            "version": "7.2.0",
-            "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
-            "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
-            "license": "MIT",
-            "engines": {
-                "node": ">= 10"
-            }
-        },
-        "node_modules/symbol-tree": {
-            "version": "3.2.4",
-            "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
-            "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/tabbable": {
-            "version": "6.2.0",
-            "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
-            "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==",
-            "license": "MIT"
-        },
-        "node_modules/tailwind-merge": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.0.2.tgz",
-            "integrity": "sha512-l7z+OYZ7mu3DTqrL88RiKrKIqO3NcpEO8V/Od04bNpvk0kiIFndGEoqfuzvj4yuhRkHKjRkII2z+KS2HfPcSxw==",
-            "license": "MIT",
-            "funding": {
-                "type": "github",
-                "url": "https://github.com/sponsors/dcastil"
-            }
-        },
-        "node_modules/tailwindcss": {
-            "version": "4.0.17",
-            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.17.tgz",
-            "integrity": "sha512-OErSiGzRa6rLiOvaipsDZvLMSpsBZ4ysB4f0VKGXUrjw2jfkJRd6kjRKV2+ZmTCNvwtvgdDam5D7w6WXsdLJZw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/tapable": {
-            "version": "2.2.1",
-            "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
-            "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=6"
-            }
-        },
-        "node_modules/tiny-emitter": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
-            "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==",
-            "license": "MIT"
-        },
-        "node_modules/tinybench": {
-            "version": "2.9.0",
-            "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
-            "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/tinyexec": {
-            "version": "0.3.2",
-            "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-0.3.2.tgz",
-            "integrity": "sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/tinypool": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-1.0.2.tgz",
-            "integrity": "sha512-al6n+QEANGFOMf/dmUMsuS5/r9B06uwlyNjZZql/zv8J7ybHCgoihBNORZCY2mzUuAnomQa2JdhyHKzZxPCrFA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": "^18.0.0 || >=20.0.0"
-            }
-        },
-        "node_modules/tinyrainbow": {
-            "version": "2.0.0",
-            "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
-            "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=14.0.0"
-            }
-        },
-        "node_modules/tinyspy": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-3.0.2.tgz",
-            "integrity": "sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=14.0.0"
-            }
-        },
-        "node_modules/tippy.js": {
-            "version": "6.3.7",
-            "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz",
-            "integrity": "sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==",
-            "license": "MIT",
-            "dependencies": {
-                "@popperjs/core": "^2.9.0"
-            }
-        },
-        "node_modules/tldts": {
-            "version": "6.1.85",
-            "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.85.tgz",
-            "integrity": "sha512-gBdZ1RjCSevRPFix/hpaUWeak2/RNUZB4/8frF1r5uYMHjFptkiT0JXIebWvgI/0ZHXvxaUDDJshiA0j6GdL3w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tldts-core": "^6.1.85"
-            },
-            "bin": {
-                "tldts": "bin/cli.js"
-            }
-        },
-        "node_modules/tldts-core": {
-            "version": "6.1.85",
-            "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.85.tgz",
-            "integrity": "sha512-DTjUVvxckL1fIoPSb3KE7ISNtkWSawZdpfxGxwiIrZoO6EbHVDXXUIlIuWympPaeS+BLGyggozX/HTMsRAdsoA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/to-regex-range": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "is-number": "^7.0.0"
-            },
-            "engines": {
-                "node": ">=8.0"
-            }
-        },
-        "node_modules/tough-cookie": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.1.2.tgz",
-            "integrity": "sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==",
-            "dev": true,
-            "license": "BSD-3-Clause",
-            "dependencies": {
-                "tldts": "^6.1.32"
-            },
-            "engines": {
-                "node": ">=16"
-            }
-        },
-        "node_modules/tr46": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.1.0.tgz",
-            "integrity": "sha512-IUWnUK7ADYR5Sl1fZlO1INDUhVhatWl7BtJWsIhwJ0UAK7ilzzIa8uIqOO/aYVWHZPJkKbEL+362wrzoeRF7bw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "punycode": "^2.3.1"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/tslib": {
-            "version": "2.8.1",
-            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-            "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-            "license": "0BSD"
-        },
-        "node_modules/tweetnacl": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-1.0.3.tgz",
-            "integrity": "sha512-6rt+RN7aOi1nGMyC4Xa5DdYiukl2UWCbcJft7YhxReBGQD7OAM8Pbxw6YMo4r2diNEA8FEmu32YOn9rhaiE5yw==",
-            "license": "Unlicense"
-        },
-        "node_modules/typescript": {
-            "version": "5.8.2",
-            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.2.tgz",
-            "integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
-            "devOptional": true,
-            "license": "Apache-2.0",
-            "peer": true,
-            "bin": {
-                "tsc": "bin/tsc",
-                "tsserver": "bin/tsserver"
-            },
-            "engines": {
-                "node": ">=14.17"
-            }
-        },
-        "node_modules/uc.micro": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz",
-            "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==",
-            "license": "MIT"
-        },
-        "node_modules/undici-types": {
-            "version": "6.20.0",
-            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
-            "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
-            "dev": true,
-            "license": "MIT",
-            "peer": true
-        },
-        "node_modules/uniqid": {
-            "version": "5.4.0",
-            "resolved": "https://registry.npmjs.org/uniqid/-/uniqid-5.4.0.tgz",
-            "integrity": "sha512-38JRbJ4Fj94VmnC7G/J/5n5SC7Ab46OM5iNtSstB/ko3l1b5g7ALt4qzHFgGciFkyiRNtDXtLNb+VsxtMSE77A==",
-            "license": "MIT"
-        },
-        "node_modules/upload": {
-            "version": "1.3.2",
-            "resolved": "https://registry.npmjs.org/upload/-/upload-1.3.2.tgz",
-            "integrity": "sha512-1uyb/KFxhiQlnD4yW1qqMZHO+zvUqFfnkgF6OF8Rekufeqk5JBNc3w1gsAQJ2g2bC6GCXaRhkiqOSNyVxkpsLA==",
-            "license": "BSD-3-Clause-Clear",
-            "dependencies": {
-                "form-data": "^4.0.0"
-            }
-        },
-        "node_modules/util-deprecate": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/validator": {
-            "version": "13.15.0",
-            "resolved": "https://registry.npmjs.org/validator/-/validator-13.15.0.tgz",
-            "integrity": "sha512-36B2ryl4+oL5QxZ3AzD0t5SsMNGvTtQHpjgFO5tbNxfXbMFkY822ktCDe1MnlqV3301QQI9SLHDNJokDI+Z9pA==",
-            "license": "MIT",
-            "engines": {
-                "node": ">= 0.10"
-            }
-        },
-        "node_modules/vite": {
-            "version": "6.2.3",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-6.2.3.tgz",
-            "integrity": "sha512-IzwM54g4y9JA/xAeBPNaDXiBF8Jsgl3VBQ2YQ/wOY6fyW3xMdSoltIV3Bo59DErdqdE6RxUfv8W69DvUorE4Eg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "esbuild": "^0.25.0",
-                "postcss": "^8.5.3",
-                "rollup": "^4.30.1"
-            },
-            "bin": {
-                "vite": "bin/vite.js"
-            },
-            "engines": {
-                "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
-            },
-            "funding": {
-                "url": "https://github.com/vitejs/vite?sponsor=1"
-            },
-            "optionalDependencies": {
-                "fsevents": "~2.3.3"
-            },
-            "peerDependencies": {
-                "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
-                "jiti": ">=1.21.0",
-                "less": "*",
-                "lightningcss": "^1.21.0",
-                "sass": "*",
-                "sass-embedded": "*",
-                "stylus": "*",
-                "sugarss": "*",
-                "terser": "^5.16.0",
-                "tsx": "^4.8.1",
-                "yaml": "^2.4.2"
-            },
-            "peerDependenciesMeta": {
-                "@types/node": {
-                    "optional": true
-                },
-                "jiti": {
-                    "optional": true
-                },
-                "less": {
-                    "optional": true
-                },
-                "lightningcss": {
-                    "optional": true
-                },
-                "sass": {
-                    "optional": true
-                },
-                "sass-embedded": {
-                    "optional": true
-                },
-                "stylus": {
-                    "optional": true
-                },
-                "sugarss": {
-                    "optional": true
-                },
-                "terser": {
-                    "optional": true
-                },
-                "tsx": {
-                    "optional": true
-                },
-                "yaml": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/vite-node": {
-            "version": "3.0.9",
-            "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-3.0.9.tgz",
-            "integrity": "sha512-w3Gdx7jDcuT9cNn9jExXgOyKmf5UOTb6WMHz8LGAm54eS1Elf5OuBhCxl6zJxGhEeIkgsE1WbHuoL0mj/UXqXg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cac": "^6.7.14",
-                "debug": "^4.4.0",
-                "es-module-lexer": "^1.6.0",
-                "pathe": "^2.0.3",
-                "vite": "^5.0.0 || ^6.0.0"
-            },
-            "bin": {
-                "vite-node": "vite-node.mjs"
-            },
-            "engines": {
-                "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/vitest"
-            }
-        },
-        "node_modules/vite-plugin-full-reload": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.2.0.tgz",
-            "integrity": "sha512-kz18NW79x0IHbxRSHm0jttP4zoO9P9gXh+n6UTwlNKnviTTEpOlum6oS9SmecrTtSr+muHEn5TUuC75UovQzcA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "picocolors": "^1.0.0",
-                "picomatch": "^2.3.1"
-            }
-        },
-        "node_modules/vite-plugin-full-reload/node_modules/picomatch": {
-            "version": "2.3.1",
-            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8.6"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/jonschlinkert"
-            }
-        },
-        "node_modules/vite-svg-loader": {
-            "version": "5.1.0",
-            "resolved": "https://registry.npmjs.org/vite-svg-loader/-/vite-svg-loader-5.1.0.tgz",
-            "integrity": "sha512-M/wqwtOEjgb956/+m5ZrYT/Iq6Hax0OakWbokj8+9PXOnB7b/4AxESHieEtnNEy7ZpjsjYW1/5nK8fATQMmRxw==",
-            "license": "MIT",
-            "dependencies": {
-                "svgo": "^3.0.2"
-            },
-            "peerDependencies": {
-                "vue": ">=3.2.13"
-            }
-        },
-        "node_modules/vitest": {
-            "version": "3.0.9",
-            "resolved": "https://registry.npmjs.org/vitest/-/vitest-3.0.9.tgz",
-            "integrity": "sha512-BbcFDqNyBlfSpATmTtXOAOj71RNKDDvjBM/uPfnxxVGrG+FSH2RQIwgeEngTaTkuU/h0ScFvf+tRcKfYXzBybQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@vitest/expect": "3.0.9",
-                "@vitest/mocker": "3.0.9",
-                "@vitest/pretty-format": "^3.0.9",
-                "@vitest/runner": "3.0.9",
-                "@vitest/snapshot": "3.0.9",
-                "@vitest/spy": "3.0.9",
-                "@vitest/utils": "3.0.9",
-                "chai": "^5.2.0",
-                "debug": "^4.4.0",
-                "expect-type": "^1.1.0",
-                "magic-string": "^0.30.17",
-                "pathe": "^2.0.3",
-                "std-env": "^3.8.0",
-                "tinybench": "^2.9.0",
-                "tinyexec": "^0.3.2",
-                "tinypool": "^1.0.2",
-                "tinyrainbow": "^2.0.0",
-                "vite": "^5.0.0 || ^6.0.0",
-                "vite-node": "3.0.9",
-                "why-is-node-running": "^2.3.0"
-            },
-            "bin": {
-                "vitest": "vitest.mjs"
-            },
-            "engines": {
-                "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
-            },
-            "funding": {
-                "url": "https://opencollective.com/vitest"
-            },
-            "peerDependencies": {
-                "@edge-runtime/vm": "*",
-                "@types/debug": "^4.1.12",
-                "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
-                "@vitest/browser": "3.0.9",
-                "@vitest/ui": "3.0.9",
-                "happy-dom": "*",
-                "jsdom": "*"
-            },
-            "peerDependenciesMeta": {
-                "@edge-runtime/vm": {
-                    "optional": true
-                },
-                "@types/debug": {
-                    "optional": true
-                },
-                "@types/node": {
-                    "optional": true
-                },
-                "@vitest/browser": {
-                    "optional": true
-                },
-                "@vitest/ui": {
-                    "optional": true
-                },
-                "happy-dom": {
-                    "optional": true
-                },
-                "jsdom": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/vue": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.13.tgz",
-            "integrity": "sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==",
-            "license": "MIT",
-            "dependencies": {
-                "@vue/compiler-dom": "3.5.13",
-                "@vue/compiler-sfc": "3.5.13",
-                "@vue/runtime-dom": "3.5.13",
-                "@vue/server-renderer": "3.5.13",
-                "@vue/shared": "3.5.13"
-            },
-            "peerDependencies": {
-                "typescript": "*"
-            },
-            "peerDependenciesMeta": {
-                "typescript": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/vue-component-type-helpers": {
-            "version": "2.2.8",
-            "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-2.2.8.tgz",
-            "integrity": "sha512-4bjIsC284coDO9om4HPA62M7wfsTvcmZyzdfR0aUlFXqq4tXxM1APyXpNVxPC8QazKw9OhmZNHBVDA6ODaZsrA==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/vue-demi": {
-            "version": "0.14.10",
-            "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
-            "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
-            "hasInstallScript": true,
-            "license": "MIT",
-            "bin": {
-                "vue-demi-fix": "bin/vue-demi-fix.js",
-                "vue-demi-switch": "bin/vue-demi-switch.js"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            },
-            "peerDependencies": {
-                "@vue/composition-api": "^1.0.0-rc.1",
-                "vue": "^3.0.0-0 || ^2.6.0"
-            },
-            "peerDependenciesMeta": {
-                "@vue/composition-api": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/vue-final-modal": {
-            "version": "4.5.5",
-            "resolved": "https://registry.npmjs.org/vue-final-modal/-/vue-final-modal-4.5.5.tgz",
-            "integrity": "sha512-A6xgsXqE6eLw9e6Tq/W6pxDBmimPuSuvq20WL9TOZpZy7itPdGeNn8e1P15PCGqP2yHM3q2gJIchPY9ZJd8YsA==",
-            "license": "MIT",
-            "dependencies": {
-                "@vueuse/core": "^10.5.0",
-                "@vueuse/integrations": "^10.5.0",
-                "focus-trap": "^7.5.4"
-            },
-            "peerDependencies": {
-                "@vueuse/core": ">=10.0.0",
-                "@vueuse/integrations": ">=10.0.0",
-                "focus-trap": ">=7.2.0",
-                "vue": ">=3.2.0"
-            }
-        },
-        "node_modules/vue-final-modal/node_modules/@types/web-bluetooth": {
-            "version": "0.0.20",
-            "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
-            "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==",
-            "license": "MIT"
-        },
-        "node_modules/vue-final-modal/node_modules/@vueuse/core": {
-            "version": "10.11.1",
-            "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.11.1.tgz",
-            "integrity": "sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==",
-            "license": "MIT",
-            "dependencies": {
-                "@types/web-bluetooth": "^0.0.20",
-                "@vueuse/metadata": "10.11.1",
-                "@vueuse/shared": "10.11.1",
-                "vue-demi": ">=0.14.8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            }
-        },
-        "node_modules/vue-final-modal/node_modules/@vueuse/integrations": {
-            "version": "10.11.1",
-            "resolved": "https://registry.npmjs.org/@vueuse/integrations/-/integrations-10.11.1.tgz",
-            "integrity": "sha512-Y5hCGBguN+vuVYTZmdd/IMXLOdfS60zAmDmFYc4BKBcMUPZH1n4tdyDECCPjXm0bNT3ZRUy1xzTLGaUje8Xyaw==",
-            "license": "MIT",
-            "dependencies": {
-                "@vueuse/core": "10.11.1",
-                "@vueuse/shared": "10.11.1",
-                "vue-demi": ">=0.14.8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            },
-            "peerDependencies": {
-                "async-validator": "^4",
-                "axios": "^1",
-                "change-case": "^4",
-                "drauu": "^0.3",
-                "focus-trap": "^7",
-                "fuse.js": "^6",
-                "idb-keyval": "^6",
-                "jwt-decode": "^3",
-                "nprogress": "^0.2",
-                "qrcode": "^1.5",
-                "sortablejs": "^1",
-                "universal-cookie": "^6"
-            },
-            "peerDependenciesMeta": {
-                "async-validator": {
-                    "optional": true
-                },
-                "axios": {
-                    "optional": true
-                },
-                "change-case": {
-                    "optional": true
-                },
-                "drauu": {
-                    "optional": true
-                },
-                "focus-trap": {
-                    "optional": true
-                },
-                "fuse.js": {
-                    "optional": true
-                },
-                "idb-keyval": {
-                    "optional": true
-                },
-                "jwt-decode": {
-                    "optional": true
-                },
-                "nprogress": {
-                    "optional": true
-                },
-                "qrcode": {
-                    "optional": true
-                },
-                "sortablejs": {
-                    "optional": true
-                },
-                "universal-cookie": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/vue-final-modal/node_modules/@vueuse/metadata": {
-            "version": "10.11.1",
-            "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.11.1.tgz",
-            "integrity": "sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==",
-            "license": "MIT",
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            }
-        },
-        "node_modules/vue-final-modal/node_modules/@vueuse/shared": {
-            "version": "10.11.1",
-            "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.11.1.tgz",
-            "integrity": "sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==",
-            "license": "MIT",
-            "dependencies": {
-                "vue-demi": ">=0.14.8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antfu"
-            }
-        },
-        "node_modules/vue-final-modal/node_modules/fuse.js": {
-            "version": "6.6.2",
-            "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-6.6.2.tgz",
-            "integrity": "sha512-cJaJkxCCxC8qIIcPBF9yGxY0W/tVZS3uEISDxhYIdtk8OL93pe+6Zj7LjCqVV4dzbqcriOZ+kQ/NE4RXZHsIGA==",
-            "license": "Apache-2.0",
-            "optional": true,
-            "peer": true,
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/vue-resize": {
-            "version": "2.0.0-alpha.1",
-            "resolved": "https://registry.npmjs.org/vue-resize/-/vue-resize-2.0.0-alpha.1.tgz",
-            "integrity": "sha512-7+iqOueLU7uc9NrMfrzbG8hwMqchfVfSzpVlCMeJQe4pyibqyoifDNbKTZvwxZKDvGkB+PdFeKvnGZMoEb8esg==",
-            "license": "MIT",
-            "peerDependencies": {
-                "vue": "^3.0.0"
-            }
-        },
-        "node_modules/vue-screen-utils": {
-            "version": "1.0.0-beta.13",
-            "resolved": "https://registry.npmjs.org/vue-screen-utils/-/vue-screen-utils-1.0.0-beta.13.tgz",
-            "integrity": "sha512-EJ/8TANKhFj+LefDuOvZykwMr3rrLFPLNb++lNBqPOpVigT2ActRg6icH9RFQVm4nHwlHIHSGm5OY/Clar9yIg==",
-            "license": "MIT",
-            "peerDependencies": {
-                "vue": "^3.2.0"
-            }
-        },
-        "node_modules/vue-select": {
-            "version": "4.0.0-beta.6",
-            "resolved": "https://registry.npmjs.org/vue-select/-/vue-select-4.0.0-beta.6.tgz",
-            "integrity": "sha512-K+zrNBSpwMPhAxYLTCl56gaMrWZGgayoWCLqe5rWwkB8aUbAUh7u6sXjIR7v4ckp2WKC7zEEUY27g6h1MRsIHw==",
-            "license": "MIT",
-            "peerDependencies": {
-                "vue": "3.x"
-            }
-        },
-        "node_modules/vue/node_modules/@vue/shared": {
-            "version": "3.5.13",
-            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
-            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
-            "license": "MIT"
-        },
-        "node_modules/vue3-click-away": {
-            "version": "1.2.4",
-            "resolved": "https://registry.npmjs.org/vue3-click-away/-/vue3-click-away-1.2.4.tgz",
-            "integrity": "sha512-O9Z2KlvIhJT8OxaFy04eiZE9rc1Mk/bp+70dLok68ko3Kr8AW5dU+j8avSk4GDQu94FllSr4m5ul4BpzlKOw1A==",
-            "license": "MIT"
-        },
-        "node_modules/w3c-keyname": {
-            "version": "2.2.8",
-            "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
-            "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
-            "license": "MIT"
-        },
-        "node_modules/w3c-xmlserializer": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
-            "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "xml-name-validator": "^5.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/wcwidth": {
-            "version": "1.0.1",
-            "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
-            "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==",
-            "dev": true,
-            "license": "MIT",
-            "optional": true,
-            "dependencies": {
-                "defaults": "^1.0.3"
-            }
-        },
-        "node_modules/webidl-conversions": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
-            "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
-            "dev": true,
-            "license": "BSD-2-Clause",
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/whatwg-encoding": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
-            "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "iconv-lite": "0.6.3"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/whatwg-mimetype": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
-            "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/whatwg-url": {
-            "version": "14.2.0",
-            "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.2.0.tgz",
-            "integrity": "sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tr46": "^5.1.0",
-                "webidl-conversions": "^7.0.0"
-            },
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/which": {
-            "version": "2.0.2",
-            "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-            "license": "ISC",
-            "dependencies": {
-                "isexe": "^2.0.0"
-            },
-            "bin": {
-                "node-which": "bin/node-which"
-            },
-            "engines": {
-                "node": ">= 8"
-            }
-        },
-        "node_modules/why-is-node-running": {
-            "version": "2.3.0",
-            "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
-            "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "siginfo": "^2.0.0",
-                "stackback": "0.0.2"
-            },
-            "bin": {
-                "why-is-node-running": "cli.js"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/wrap-ansi": {
-            "version": "8.1.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-            "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^6.1.0",
-                "string-width": "^5.0.1",
-                "strip-ansi": "^7.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/wrap-ansi-cjs": {
-            "name": "wrap-ansi",
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^4.0.0",
-                "string-width": "^4.1.0",
-                "strip-ansi": "^6.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
-            "version": "4.3.0",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-            "license": "MIT",
-            "dependencies": {
-                "color-convert": "^2.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "license": "MIT"
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/string-width": {
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "license": "MIT",
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/ws": {
-            "version": "8.18.1",
-            "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.1.tgz",
-            "integrity": "sha512-RKW2aJZMXeMxVpnZ6bck+RswznaxmzdULiBr6KY7XkTnW8uvt0iT9H5DkHUChXrc+uurzwa0rVI16n/Xzjdz1w==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=10.0.0"
-            },
-            "peerDependencies": {
-                "bufferutil": "^4.0.1",
-                "utf-8-validate": ">=5.0.2"
-            },
-            "peerDependenciesMeta": {
-                "bufferutil": {
-                    "optional": true
-                },
-                "utf-8-validate": {
-                    "optional": true
-                }
-            }
-        },
-        "node_modules/xml-name-validator": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
-            "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
-            "dev": true,
-            "license": "Apache-2.0",
-            "engines": {
-                "node": ">=18"
-            }
-        },
-        "node_modules/xmlchars": {
-            "version": "2.2.0",
-            "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
-            "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/y18n": {
-            "version": "5.0.8",
-            "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
-            "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">=10"
-            }
-        },
-        "node_modules/yargs": {
-            "version": "17.7.2",
-            "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
-            "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "cliui": "^8.0.1",
-                "escalade": "^3.1.1",
-                "get-caller-file": "^2.0.5",
-                "require-directory": "^2.1.1",
-                "string-width": "^4.2.3",
-                "y18n": "^5.0.5",
-                "yargs-parser": "^21.1.1"
-            },
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/yargs-parser": {
-            "version": "21.1.1",
-            "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
-            "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
-            "dev": true,
-            "license": "ISC",
-            "engines": {
-                "node": ">=12"
-            }
-        },
-        "node_modules/yargs/node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/yargs/node_modules/string-width": {
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/yargs/node_modules/strip-ansi": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/zod": {
-            "version": "3.24.2",
-            "resolved": "https://registry.npmjs.org/zod/-/zod-3.24.2.tgz",
-            "integrity": "sha512-lY7CDW43ECgW9u1TcT3IoXHflywfVqDYze4waEz812jR/bZ8FHDsl7pFQoSZTz5N+2NqRXs8GBwnAwo3ZNxqhQ==",
-            "dev": true,
-            "license": "MIT",
-            "funding": {
-                "url": "https://github.com/sponsors/colinhacks"
-            }
-        },
-        "node_modules/zod-validation-error": {
-            "version": "3.4.0",
-            "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-3.4.0.tgz",
-            "integrity": "sha512-ZOPR9SVY6Pb2qqO5XHt+MkkTRxGXb4EVtnjc9JpXUOtUB1T9Ru7mZOT361AN3MsetVe7R0a1KZshJDZdgp9miQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=18.0.0"
-            },
-            "peerDependencies": {
-                "zod": "^3.18.0"
-            }
+  "name": "statamic",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "statamic",
+      "dependencies": {
+        "@floating-ui/dom": "^1.2.5",
+        "@he-tree/vue": "^2.8.2",
+        "@hoppscotch/vue-toasted": "^0.1.0",
+        "@internationalized/date": "^3.7.0",
+        "@shopify/draggable": "^1.0.0-beta.12",
+        "@tiptap/core": "^2.0.2",
+        "@tiptap/extension-blockquote": "^2.0.2",
+        "@tiptap/extension-bold": "^2.0.2",
+        "@tiptap/extension-bullet-list": "^2.0.2",
+        "@tiptap/extension-character-count": "^2.0.2",
+        "@tiptap/extension-code": "^2.0.2",
+        "@tiptap/extension-code-block": "^2.4.0",
+        "@tiptap/extension-code-block-lowlight": "^2.0.2",
+        "@tiptap/extension-document": "^2.0.2",
+        "@tiptap/extension-dropcursor": "^2.0.2",
+        "@tiptap/extension-gapcursor": "^2.0.2",
+        "@tiptap/extension-hard-break": "^2.0.2",
+        "@tiptap/extension-heading": "^2.0.2",
+        "@tiptap/extension-history": "^2.0.2",
+        "@tiptap/extension-horizontal-rule": "^2.0.2",
+        "@tiptap/extension-italic": "^2.0.2",
+        "@tiptap/extension-list-item": "^2.0.2",
+        "@tiptap/extension-ordered-list": "^2.0.2",
+        "@tiptap/extension-paragraph": "^2.0.2",
+        "@tiptap/extension-placeholder": "^2.0.2",
+        "@tiptap/extension-strike": "^2.0.2",
+        "@tiptap/extension-subscript": "^2.0.2",
+        "@tiptap/extension-superscript": "^2.0.2",
+        "@tiptap/extension-table": "^2.0.2",
+        "@tiptap/extension-table-cell": "^2.0.2",
+        "@tiptap/extension-table-header": "^2.0.2",
+        "@tiptap/extension-table-row": "^2.0.2",
+        "@tiptap/extension-text": "^2.0.2",
+        "@tiptap/extension-text-align": "^2.0.2",
+        "@tiptap/extension-typography": "^2.0.2",
+        "@tiptap/extension-underline": "^2.0.2",
+        "@tiptap/pm": "^2.0.2",
+        "@tiptap/vue-3": "^2.4.0",
+        "alpinejs": "^3.1.1",
+        "autosize": "~6.0.1",
+        "axios": "^1.6.0",
+        "body-scroll-lock": "^4.0.0-beta.0",
+        "clsx": "^2.1.1",
+        "codemirror": "5.65.12",
+        "cookies-js": "^1.2.2",
+        "cva": "^1.0.0-beta.3",
+        "floating-vue": "^5.2.2",
+        "fuse.js": "^7.0.0",
+        "highlight.js": "^11.7.0",
+        "laravel-echo": "^1.16.0",
+        "lodash-es": "^4.17.21",
+        "lowlight": "^3.1.0",
+        "marked": "^13.0.0",
+        "marked-plaintext": "0.0.2",
+        "motion-v": "^1.0.0-beta.0",
+        "mousetrap": "~1.6.5",
+        "nprogress": "^0.2.0",
+        "pdfobject": "^2.2.7",
+        "pinia": "^2.3.1",
+        "portal-vue": "^3.0.0",
+        "pretty": "^2.0.0",
+        "pusher-js": "^8.4.0-rc2",
+        "qs": "^6.9.7",
+        "read-time-estimate": "0.0.3",
+        "reka-ui": "^2.2.0",
+        "resize-observer-polyfill": "^1.5.1",
+        "semver": "^7.7.1",
+        "speakingurl": "^14.0.1",
+        "striptags": "^3.2.0",
+        "svgo": "^3.0.0",
+        "tailwind-merge": "^3.0.2",
+        "tiny-emitter": "^2.1.0",
+        "uniqid": "^5.2.0",
+        "upload": "^1.3.2",
+        "validator": "^13.7.0",
+        "vite-svg-loader": "^5.1.0",
+        "vue": "^3.4.27",
+        "vue-final-modal": "^4.5.4",
+        "vue-screen-utils": "^1.0.0-beta.13",
+        "vue-select": "4.0.0-beta.6",
+        "vue3-click-away": "^1.2.4"
+      },
+      "devDependencies": {
+        "@rollup/plugin-inject": "^5.0.3",
+        "@tailwindcss/typography": "^0.5.9",
+        "@tailwindcss/vite": "^4.0.6",
+        "@vitejs/plugin-vue": "^5.2.1",
+        "@vue/test-utils": "^2.4.6",
+        "jsdom": "^26.0.0",
+        "knip": "^5.43.6",
+        "laravel-vite-plugin": "^1.2.0",
+        "prettier": "^3.4.2",
+        "prettier-plugin-antlers": "^2.0.5",
+        "prettier-plugin-blade": "^2.1.19",
+        "prettier-plugin-tailwindcss": "^0.6.11",
+        "rollup-plugin-visualizer": "^5.14.0",
+        "tailwindcss": "^4.0.17",
+        "vite": "^6.0",
+        "vitest": "^3.0.5"
+      }
+    },
+    "node_modules/@asamuzakjp/css-color": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-3.1.1.tgz",
+      "integrity": "sha512-hpRD68SV2OMcZCsrbdkccTw5FXjNDLo5OuqSHyHZfwweGsDWZwDJ2+gONyNAbazZclobMirACLw0lk8WVxIqxA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/css-calc": "^2.1.2",
+        "@csstools/css-color-parser": "^3.0.8",
+        "@csstools/css-parser-algorithms": "^3.0.4",
+        "@csstools/css-tokenizer": "^3.0.3",
+        "lru-cache": "^10.4.3"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
+      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.0.tgz",
+      "integrity": "sha512-iaepho73/2Pz7w2eMS0Q5f83+0RKI7i4xmiYeBmDzfRVbQtTOG7Ts0S4HzJVsTMGI9keU8rNfuZr8DKfSt7Yyg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.0.tgz",
+      "integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==",
+      "license": "MIT",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.0.tgz",
+      "integrity": "sha512-H45s8fVLYjbhFH62dIJ3WtmJ6RSPt/3DRO0ZcT2SUiYiQyz3BLVb9ADEnLl91m74aQPS3AzzeajZHYOalWe3bg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@csstools/color-helpers": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-5.0.2.tgz",
+      "integrity": "sha512-JqWH1vsgdGcw2RR6VliXXdA0/59LttzlU8UlRT/iUUsEeWfYq8I+K0yhihEUTTHLRm1EXvpsCx3083EU15ecsA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@csstools/css-calc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-2.1.2.tgz",
+      "integrity": "sha512-TklMyb3uBB28b5uQdxjReG4L80NxAqgrECqLZFQbyLekwwlcDDS8r3f07DKqeo8C4926Br0gf/ZDe17Zv4wIuw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.4",
+        "@csstools/css-tokenizer": "^3.0.3"
+      }
+    },
+    "node_modules/@csstools/css-color-parser": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-3.0.8.tgz",
+      "integrity": "sha512-pdwotQjCCnRPuNi06jFuP68cykU1f3ZWExLe/8MQ1LOs8Xq+fTkYgd+2V8mWUWMrOn9iS2HftPVaMZDaXzGbhQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/color-helpers": "^5.0.2",
+        "@csstools/css-calc": "^2.1.2"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.4",
+        "@csstools/css-tokenizer": "^3.0.3"
+      }
+    },
+    "node_modules/@csstools/css-parser-algorithms": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.4.tgz",
+      "integrity": "sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^3.0.3"
+      }
+    },
+    "node_modules/@csstools/css-tokenizer": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.3.tgz",
+      "integrity": "sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.2.tgz",
+      "integrity": "sha512-wCIboOL2yXZym2cgm6mlA742s9QeJ8DjGVaL39dLN4rRwrOgOyYSnOaFPhKZGLb2ngj4EyfAFjsNJwPXZvseag==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.2.tgz",
+      "integrity": "sha512-NQhH7jFstVY5x8CKbcfa166GoV0EFkaPkCKBQkdPJFvo5u+nGXLEH/ooniLb3QI8Fk58YAx7nsPLozUWfCBOJA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.2.tgz",
+      "integrity": "sha512-5ZAX5xOmTligeBaeNEPnPaeEuah53Id2tX4c2CVP3JaROTH+j4fnfHCkr1PjXMd78hMst+TlkfKcW/DlTq0i4w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.2.tgz",
+      "integrity": "sha512-Ffcx+nnma8Sge4jzddPHCZVRvIfQ0kMsUsCMcJRHkGJ1cDmhe4SsrYIjLUKn1xpHZybmOqCWwB0zQvsjdEHtkg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.2.tgz",
+      "integrity": "sha512-MpM6LUVTXAzOvN4KbjzU/q5smzryuoNjlriAIx+06RpecwCkL9JpenNzpKd2YMzLJFOdPqBpuub6eVRP5IgiSA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.2.tgz",
+      "integrity": "sha512-5eRPrTX7wFyuWe8FqEFPG2cU0+butQQVNcT4sVipqjLYQjjh8a8+vUTfgBKM88ObB85ahsnTwF7PSIt6PG+QkA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.2.tgz",
+      "integrity": "sha512-mLwm4vXKiQ2UTSX4+ImyiPdiHjiZhIaE9QvC7sw0tZ6HoNMjYAqQpGyui5VRIi5sGd+uWq940gdCbY3VLvsO1w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.2.tgz",
+      "integrity": "sha512-6qyyn6TjayJSwGpm8J9QYYGQcRgc90nmfdUb0O7pp1s4lTY+9D0H9O02v5JqGApUyiHOtkz6+1hZNvNtEhbwRQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.2.tgz",
+      "integrity": "sha512-UHBRgJcmjJv5oeQF8EpTRZs/1knq6loLxTsjc3nxO9eXAPDLcWW55flrMVc97qFPbmZP31ta1AZVUKQzKTzb0g==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.2.tgz",
+      "integrity": "sha512-gq/sjLsOyMT19I8obBISvhoYiZIAaGF8JpeXu1u8yPv8BE5HlWYobmlsfijFIZ9hIVGYkbdFhEqC0NvM4kNO0g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.2.tgz",
+      "integrity": "sha512-bBYCv9obgW2cBP+2ZWfjYTU+f5cxRoGGQ5SeDbYdFCAZpYWrfjjfYwvUpP8MlKbP0nwZ5gyOU/0aUzZ5HWPuvQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.2.tgz",
+      "integrity": "sha512-SHNGiKtvnU2dBlM5D8CXRFdd+6etgZ9dXfaPCeJtz+37PIUlixvlIhI23L5khKXs3DIzAn9V8v+qb1TRKrgT5w==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.2.tgz",
+      "integrity": "sha512-hDDRlzE6rPeoj+5fsADqdUZl1OzqDYow4TB4Y/3PlKBD0ph1e6uPHzIQcv2Z65u2K0kpeByIyAjCmjn1hJgG0Q==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.2.tgz",
+      "integrity": "sha512-tsHu2RRSWzipmUi9UBDEzc0nLc4HtpZEI5Ba+Omms5456x5WaNuiG3u7xh5AO6sipnJ9r4cRWQB2tUjPyIkc6g==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.2.tgz",
+      "integrity": "sha512-k4LtpgV7NJQOml/10uPU0s4SAXGnowi5qBSjaLWMojNCUICNu7TshqHLAEbkBdAszL5TabfvQ48kK84hyFzjnw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.2.tgz",
+      "integrity": "sha512-GRa4IshOdvKY7M/rDpRR3gkiTNp34M0eLTaC1a08gNrh4u488aPhuZOCpkF6+2wl3zAN7L7XIpOFBhnaE3/Q8Q==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.2.tgz",
+      "integrity": "sha512-QInHERlqpTTZ4FRB0fROQWXcYRD64lAoiegezDunLpalZMjcUcld3YzZmVJ2H/Cp0wJRZ8Xtjtj0cEHhYc/uUg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.2.tgz",
+      "integrity": "sha512-talAIBoY5M8vHc6EeI2WW9d/CkiO9MQJ0IOWX8hrLhxGbro/vBXJvaQXefW2cP0z0nQVTdQ/eNyGFV1GSKrxfw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.2.tgz",
+      "integrity": "sha512-voZT9Z+tpOxrvfKFyfDYPc4DO4rk06qamv1a/fkuzHpiVBMOhpjK+vBmWM8J1eiB3OLSMFYNaOaBNLXGChf5tg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.2.tgz",
+      "integrity": "sha512-dcXYOC6NXOqcykeDlwId9kB6OkPUxOEqU+rkrYVqJbK2hagWOMrsTGsMr8+rW02M+d5Op5NNlgMmjzecaRf7Tg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.2.tgz",
+      "integrity": "sha512-t/TkWwahkH0Tsgoq1Ju7QfgGhArkGLkF1uYz8nQS/PPFlXbP5YgRpqQR3ARRiC2iXoLTWFxc6DJMSK10dVXluw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.2.tgz",
+      "integrity": "sha512-cfZH1co2+imVdWCjd+D1gf9NjkchVhhdpgb1q5y6Hcv9TP6Zi9ZG/beI3ig8TvwT9lH9dlxLq5MQBBgwuj4xvA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.2.tgz",
+      "integrity": "sha512-7Loyjh+D/Nx/sOTzV8vfbB3GJuHdOQyrOryFdZvPHLf42Tk9ivBU5Aedi7iyX+x6rbn2Mh68T4qq1SDqJBQO5Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.2.tgz",
+      "integrity": "sha512-WRJgsz9un0nqZJ4MfhabxaD9Ft8KioqU3JMinOTvobbX6MOSUigSBlogP8QB3uxpJDsFS6yN+3FDBdqE5lg9kg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.2.tgz",
+      "integrity": "sha512-kM3HKb16VIXZyIeVrM1ygYmZBKybX8N4p754bw390wGO3Tf2j4L2/WYL+4suWujpgf6GBYs3jv7TyUivdd05JA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.6.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.9.tgz",
+      "integrity": "sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.9"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.6.13",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.13.tgz",
+      "integrity": "sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.6.0",
+        "@floating-ui/utils": "^0.2.9"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz",
+      "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==",
+      "license": "MIT"
+    },
+    "node_modules/@floating-ui/vue": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.1.6.tgz",
+      "integrity": "sha512-XFlUzGHGv12zbgHNk5FN2mUB7ROul3oG2ENdTpWdE+qMFxyNxWSRmsoyhiEnpmabNm6WnUvR1OvJfUfN4ojC1A==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.0.0",
+        "@floating-ui/utils": "^0.2.9",
+        "vue-demi": ">=0.13.0"
+      }
+    },
+    "node_modules/@he-tree/dnd-utils": {
+      "version": "0.1.0-alpha.4",
+      "resolved": "https://registry.npmjs.org/@he-tree/dnd-utils/-/dnd-utils-0.1.0-alpha.4.tgz",
+      "integrity": "sha512-DuxkFOQ8eztoHrX1/VelqOnQphQbRszemfMKSKlAEEhVjqR/IkaOE2QSRlAdj6OC6AfMvHDPvIZOiEPFwP6/ZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.7",
+        "drag-event-service": "^2.0.0",
+        "helper-js": "^3.1.2"
+      }
+    },
+    "node_modules/@he-tree/tree-utils": {
+      "version": "0.1.0-alpha.6",
+      "resolved": "https://registry.npmjs.org/@he-tree/tree-utils/-/tree-utils-0.1.0-alpha.6.tgz",
+      "integrity": "sha512-TIH1iIRLpn3sjd4EuIfKQzFd6ToY8GLYk3i5bfK1njCW7lBBDHLqSyK0mlJPbCPk4PfkZBC4K+sMcYyH4hokyg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.7",
+        "drag-event-service": "^2.0.0",
+        "helper-js": "^3.1.2"
+      }
+    },
+    "node_modules/@he-tree/vue": {
+      "version": "2.9.4",
+      "resolved": "https://registry.npmjs.org/@he-tree/vue/-/vue-2.9.4.tgz",
+      "integrity": "sha512-n8yycL4fk46mlg6sIkcdSZmSCRvdzqj7Ts14ulKXLqmyR6NyTSnP6O9pj6dPk2S2wJIuX2Ad6MOzpg0qDhlBXA==",
+      "license": "MIT",
+      "dependencies": {
+        "@he-tree/dnd-utils": "^0.1.0-alpha.4",
+        "@he-tree/tree-utils": "^0.1.0-alpha.6",
+        "@virtual-list/vue": "^1.2.1",
+        "helper-js": "^3.1.2",
+        "vue-demi": "latest"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.4.6",
+        "vue": "^2.0.0 || >=3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@he-tree/vue/node_modules/@virtual-list/vue": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@virtual-list/vue/-/vue-1.2.1.tgz",
+      "integrity": "sha512-sVangNRLgHJsrwjf2EeXuc8mUExbLRJO39J9/FXFWXXQkue/FBT4ZWN7GH5+GJTeVaEEfHW1W2UuVaf3LEB3jQ==",
+      "license": "MIT",
+      "dependencies": {
+        "helper-js": "^3.1.2",
+        "vue-demi": "latest"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.4.6",
+        "vue": "^2.0.0 || >=3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@hoppscotch/vue-toasted": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@hoppscotch/vue-toasted/-/vue-toasted-0.1.0.tgz",
+      "integrity": "sha512-DIgmeTHxWwX5UeaHLEqDYNLJFGRosx/5N1fCHkaO8zt+sZv8GrHlkrIpjfKF2drmA3kKw5cY42Cw7WuCoabR3g==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^3.2.37"
+      }
+    },
+    "node_modules/@internationalized/date": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.8.0.tgz",
+      "integrity": "sha512-J51AJ0fEL68hE4CwGPa6E0PO6JDaVLd8aln48xFCSy7CZkZc96dGEGmLs2OEEbBxcsVZtfrqkXJwI2/MSG8yKw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "node_modules/@internationalized/number": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.6.1.tgz",
+      "integrity": "sha512-UVsb4bCwbL944E0SX50CHFtWEeZ2uB5VozZ5yDXJdq6iPZsZO5p+bjVMZh2GxHf4Bs/7xtDCcPwEa2NU9DaG/g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "license": "MIT"
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@one-ini/wasm": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz",
+      "integrity": "sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==",
+      "license": "MIT"
+    },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@remirror/core-constants": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-3.0.0.tgz",
+      "integrity": "sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==",
+      "license": "MIT"
+    },
+    "node_modules/@rollup/plugin-inject": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-inject/-/plugin-inject-5.0.5.tgz",
+      "integrity": "sha512-2+DEJbNBoPROPkgTDNe8/1YXWcqxbN5DTjASVIOx8HS+pITXushyNiBV56RB08zuptzz8gT3YfkqriTBVycepg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.0.1",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.3"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/pluginutils": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.4.tgz",
+      "integrity": "sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.40.0.tgz",
+      "integrity": "sha512-+Fbls/diZ0RDerhE8kyC6hjADCXA1K4yVNlH0EYfd2XjyH0UGgzaQ8MlT0pCXAThfxv3QUAczHaL+qSv1E4/Cg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.40.0.tgz",
+      "integrity": "sha512-PPA6aEEsTPRz+/4xxAmaoWDqh67N7wFbgFUJGMnanCFs0TV99M0M8QhhaSCks+n6EbQoFvLQgYOGXxlMGQe/6w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.40.0.tgz",
+      "integrity": "sha512-GwYOcOakYHdfnjjKwqpTGgn5a6cUX7+Ra2HeNj/GdXvO2VJOOXCiYYlRFU4CubFM67EhbmzLOmACKEfvp3J1kQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.40.0.tgz",
+      "integrity": "sha512-CoLEGJ+2eheqD9KBSxmma6ld01czS52Iw0e2qMZNpPDlf7Z9mj8xmMemxEucinev4LgHalDPczMyxzbq+Q+EtA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.40.0.tgz",
+      "integrity": "sha512-r7yGiS4HN/kibvESzmrOB/PxKMhPTlz+FcGvoUIKYoTyGd5toHp48g1uZy1o1xQvybwwpqpe010JrcGG2s5nkg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.40.0.tgz",
+      "integrity": "sha512-mVDxzlf0oLzV3oZOr0SMJ0lSDd3xC4CmnWJ8Val8isp9jRGl5Dq//LLDSPFrasS7pSm6m5xAcKaw3sHXhBjoRw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.40.0.tgz",
+      "integrity": "sha512-y/qUMOpJxBMy8xCXD++jeu8t7kzjlOCkoxxajL58G62PJGBZVl/Gwpm7JK9+YvlB701rcQTzjUZ1JgUoPTnoQA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.40.0.tgz",
+      "integrity": "sha512-GoCsPibtVdJFPv/BOIvBKO/XmwZLwaNWdyD8TKlXuqp0veo2sHE+A/vpMQ5iSArRUz/uaoj4h5S6Pn0+PdhRjg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.40.0.tgz",
+      "integrity": "sha512-L5ZLphTjjAD9leJzSLI7rr8fNqJMlGDKlazW2tX4IUF9P7R5TMQPElpH82Q7eNIDQnQlAyiNVfRPfP2vM5Avvg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.40.0.tgz",
+      "integrity": "sha512-ATZvCRGCDtv1Y4gpDIXsS+wfFeFuLwVxyUBSLawjgXK2tRE6fnsQEkE4csQQYWlBlsFztRzCnBvWVfcae/1qxQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.40.0.tgz",
+      "integrity": "sha512-wG9e2XtIhd++QugU5MD9i7OnpaVb08ji3P1y/hNbxrQ3sYEelKJOq1UJ5dXczeo6Hj2rfDEL5GdtkMSVLa/AOg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.40.0.tgz",
+      "integrity": "sha512-vgXfWmj0f3jAUvC7TZSU/m/cOE558ILWDzS7jBhiCAFpY2WEBn5jqgbqvmzlMjtp8KlLcBlXVD2mkTSEQE6Ixw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.40.0.tgz",
+      "integrity": "sha512-uJkYTugqtPZBS3Z136arevt/FsKTF/J9dEMTX/cwR7lsAW4bShzI2R0pJVw+hcBTWF4dxVckYh72Hk3/hWNKvA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.40.0.tgz",
+      "integrity": "sha512-rKmSj6EXQRnhSkE22+WvrqOqRtk733x3p5sWpZilhmjnkHkpeCgWsFFo0dGnUGeA+OZjRl3+VYq+HyCOEuwcxQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.40.0.tgz",
+      "integrity": "sha512-SpnYlAfKPOoVsQqmTFJ0usx0z84bzGOS9anAC0AZ3rdSo3snecihbhFTlJZ8XMwzqAcodjFU4+/SM311dqE5Sw==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.40.0.tgz",
+      "integrity": "sha512-RcDGMtqF9EFN8i2RYN2W+64CdHruJ5rPqrlYw+cgM3uOVPSsnAQps7cpjXe9be/yDp8UC7VLoCoKC8J3Kn2FkQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.40.0.tgz",
+      "integrity": "sha512-HZvjpiUmSNx5zFgwtQAV1GaGazT2RWvqeDi0hV+AtC8unqqDSsaFjPxfsO6qPtKRRg25SisACWnJ37Yio8ttaw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.40.0.tgz",
+      "integrity": "sha512-UtZQQI5k/b8d7d3i9AZmA/t+Q4tk3hOC0tMOMSq2GlMYOfxbesxG4mJSeDp0EHs30N9bsfwUvs3zF4v/RzOeTQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.40.0.tgz",
+      "integrity": "sha512-+m03kvI2f5syIqHXCZLPVYplP8pQch9JHyXKZ3AGMKlg8dCyr2PKHjwRLiW53LTrN/Nc3EqHOKxUxzoSPdKddA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.40.0.tgz",
+      "integrity": "sha512-lpPE1cLfP5oPzVjKMx10pgBmKELQnFJXHgvtHCtuJWOv8MxqdEIMNtgHgBFf7Ea2/7EuVwa9fodWUfXAlXZLZQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@shopify/draggable": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@shopify/draggable/-/draggable-1.1.4.tgz",
+      "integrity": "sha512-EkXxBtQH119pGpLWhhhIPEdaeirGcVwkh6Nft1nqbMdM4N6b4r4v9wCmR1/r2gjTwu888I6qGI0VSlhoYivbYw==",
+      "license": "MIT"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.17",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.17.tgz",
+      "integrity": "sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.4.tgz",
+      "integrity": "sha512-MT5118zaiO6x6hNA04OWInuAiP1YISXql8Z+/Y8iisV5nuhM8VXlyhRuqc2PEviPszcXI66W44bCIk500Oolhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "enhanced-resolve": "^5.18.1",
+        "jiti": "^2.4.2",
+        "lightningcss": "1.29.2",
+        "tailwindcss": "4.1.4"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.4.tgz",
+      "integrity": "sha512-p5wOpXyOJx7mKh5MXh5oKk+kqcz8T+bA3z/5VWWeQwFrmuBItGwz8Y2CHk/sJ+dNb9B0nYFfn0rj/cKHZyjahQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.1.4",
+        "@tailwindcss/oxide-darwin-arm64": "4.1.4",
+        "@tailwindcss/oxide-darwin-x64": "4.1.4",
+        "@tailwindcss/oxide-freebsd-x64": "4.1.4",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.4",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.4",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.1.4",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.1.4",
+        "@tailwindcss/oxide-linux-x64-musl": "4.1.4",
+        "@tailwindcss/oxide-wasm32-wasi": "4.1.4",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.4",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.1.4"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.4.tgz",
+      "integrity": "sha512-xMMAe/SaCN/vHfQYui3fqaBDEXMu22BVwQ33veLc8ep+DNy7CWN52L+TTG9y1K397w9nkzv+Mw+mZWISiqhmlA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.4.tgz",
+      "integrity": "sha512-JGRj0SYFuDuAGilWFBlshcexev2hOKfNkoX+0QTksKYq2zgF9VY/vVMq9m8IObYnLna0Xlg+ytCi2FN2rOL0Sg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.4.tgz",
+      "integrity": "sha512-sdDeLNvs3cYeWsEJ4H1DvjOzaGios4QbBTNLVLVs0XQ0V95bffT3+scptzYGPMjm7xv4+qMhCDrkHwhnUySEzA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.4.tgz",
+      "integrity": "sha512-VHxAqxqdghM83HslPhRsNhHo91McsxRJaEnShJOMu8mHmEj9Ig7ToHJtDukkuLWLzLboh2XSjq/0zO6wgvykNA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.4.tgz",
+      "integrity": "sha512-OTU/m/eV4gQKxy9r5acuesqaymyeSCnsx1cFto/I1WhPmi5HDxX1nkzb8KYBiwkHIGg7CTfo/AcGzoXAJBxLfg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.4.tgz",
+      "integrity": "sha512-hKlLNvbmUC6z5g/J4H+Zx7f7w15whSVImokLPmP6ff1QqTVE+TxUM9PGuNsjHvkvlHUtGTdDnOvGNSEUiXI1Ww==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.4.tgz",
+      "integrity": "sha512-X3As2xhtgPTY/m5edUtddmZ8rCruvBvtxYLMw9OsZdH01L2gS2icsHRwxdU0dMItNfVmrBezueXZCHxVeeb7Aw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.4.tgz",
+      "integrity": "sha512-2VG4DqhGaDSmYIu6C4ua2vSLXnJsb/C9liej7TuSO04NK+JJJgJucDUgmX6sn7Gw3Cs5ZJ9ZLrnI0QRDOjLfNQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.4.tgz",
+      "integrity": "sha512-v+mxVgH2kmur/X5Mdrz9m7TsoVjbdYQT0b4Z+dr+I4RvreCNXyCFELZL/DO0M1RsidZTrm6O1eMnV6zlgEzTMQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.4.tgz",
+      "integrity": "sha512-2TLe9ir+9esCf6Wm+lLWTMbgklIjiF0pbmDnwmhR9MksVOq+e8aP3TSsXySnBDDvTTVd/vKu1aNttEGj3P6l8Q==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.4.0",
+        "@emnapi/runtime": "^1.4.0",
+        "@emnapi/wasi-threads": "^1.0.1",
+        "@napi-rs/wasm-runtime": "^0.2.8",
+        "@tybys/wasm-util": "^0.9.0",
+        "tslib": "^2.8.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.4.tgz",
+      "integrity": "sha512-VlnhfilPlO0ltxW9/BgfLI5547PYzqBMPIzRrk4W7uupgCt8z6Trw/tAj6QUtF2om+1MH281Pg+HHUJoLesmng==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.4.tgz",
+      "integrity": "sha512-+7S63t5zhYjslUGb8NcgLpFXD+Kq1F/zt5Xv5qTv7HaFTG/DHyHD9GA6ieNAxhgyA4IcKa/zy7Xx4Oad2/wuhw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/typography": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.16.tgz",
+      "integrity": "sha512-0wDLwCVF5V3x3b1SGXPCDcdsbDHMBe+lkFzBRaHeLvNi+nrrnZ1lA18u+OTWO8iSWU2GxUOCvlXtDuqftc1oiA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lodash.castarray": "^4.4.0",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.merge": "^4.6.2",
+        "postcss-selector-parser": "6.0.10"
+      },
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1"
+      }
+    },
+    "node_modules/@tailwindcss/vite": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.1.4.tgz",
+      "integrity": "sha512-4UQeMrONbvrsXKXXp/uxmdEN5JIJ9RkH7YVzs6AMxC/KC1+Np7WZBaNIco7TEjlkthqxZbt8pU/ipD+hKjm80A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tailwindcss/node": "4.1.4",
+        "@tailwindcss/oxide": "4.1.4",
+        "tailwindcss": "4.1.4"
+      },
+      "peerDependencies": {
+        "vite": "^5.2.0 || ^6"
+      }
+    },
+    "node_modules/@tanstack/virtual-core": {
+      "version": "3.13.6",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.6.tgz",
+      "integrity": "sha512-cnQUeWnhNP8tJ4WsGcYiX24Gjkc9ALstLbHcBj1t3E7EimN6n6kHH+DPV4PpDnuw00NApQp+ViojMj1GRdwYQg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/vue-virtual": {
+      "version": "3.13.6",
+      "resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.13.6.tgz",
+      "integrity": "sha512-GYdZ3SJBQPzgxhuCE2fvpiH46qzHiVx5XzBSdtESgiqh4poj8UgckjGWYEhxaBbcVt1oLzh1m3Ql4TyH32TOzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/virtual-core": "3.13.6"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "vue": "^2.7.0 || ^3.0.0"
+      }
+    },
+    "node_modules/@tiptap/core": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-2.11.7.tgz",
+      "integrity": "sha512-zN+NFFxLsxNEL8Qioc+DL6b8+Tt2bmRbXH22Gk6F6nD30x83eaUSFlSv3wqvgyCq3I1i1NO394So+Agmayx6rQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-blockquote": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.11.7.tgz",
+      "integrity": "sha512-liD8kWowl3CcYCG9JQlVx1eSNc/aHlt6JpVsuWvzq6J8APWX693i3+zFqyK2eCDn0k+vW62muhSBe3u09hA3Zw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-bold": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.11.7.tgz",
+      "integrity": "sha512-VTR3JlldBixXbjpLTFme/Bxf1xeUgZZY3LTlt5JDlCW3CxO7k05CIa+kEZ8LXpog5annytZDUVtWqxrNjmsuHQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-bubble-menu": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-2.11.7.tgz",
+      "integrity": "sha512-0vYqSUSSap3kk3/VT4tFE1/6StX70I3/NKQ4J68ZSFgkgyB3ZVlYv7/dY3AkEukjsEp3yN7m8Gw8ei2eEwyzwg==",
+      "license": "MIT",
+      "dependencies": {
+        "tippy.js": "^6.3.7"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-bullet-list": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.11.7.tgz",
+      "integrity": "sha512-WbPogE2/Q3e3/QYgbT1Sj4KQUfGAJNc5pvb7GrUbvRQsAh7HhtuO8hqdDwH8dEdD/cNUehgt17TO7u8qV6qeBw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-character-count": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-character-count/-/extension-character-count-2.11.7.tgz",
+      "integrity": "sha512-gcVbKou+uxzg8N0BBKceLwtpWvN8g2TIjTuCdyAcAPukX63DqVWOkofFHn1RqZbstJmtF4pTGZs9OH/GJrp27Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-code": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.11.7.tgz",
+      "integrity": "sha512-VpPO1Uy/eF4hYOpohS/yMOcE1C07xmMj0/D989D9aS1x95jWwUVrSkwC+PlWMUBx9PbY2NRsg1ZDwVvlNKZ6yQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-code-block": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.11.7.tgz",
+      "integrity": "sha512-To/y/2H04VWqiANy53aXjV7S6fA86c2759RsH1hTIe57jA1KyE7I5tlAofljOLZK/covkGmPeBddSPHGJbz++Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-code-block-lowlight": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block-lowlight/-/extension-code-block-lowlight-2.11.7.tgz",
+      "integrity": "sha512-+eUMxvDgoYmAvkuJ2ljV2COyeH6HwH8LqCNWma+mFZCRDAoXNeqSHbBtI0Vzy4PqchfmxcmKERc99xEzoS9XUQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/extension-code-block": "^2.7.0",
+        "@tiptap/pm": "^2.7.0",
+        "highlight.js": "^11",
+        "lowlight": "^2 || ^3"
+      }
+    },
+    "node_modules/@tiptap/extension-document": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.11.7.tgz",
+      "integrity": "sha512-95ouJXPjdAm9+VBRgFo4lhDoMcHovyl/awORDI8gyEn0Rdglt+ZRZYoySFzbVzer9h0cre+QdIwr9AIzFFbfdA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-dropcursor": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.11.7.tgz",
+      "integrity": "sha512-63mL+nxQILizsr5NbmgDeOjFEWi34BLt7evwL6UUZEVM15K8V1G8pD9Y0kCXrZYpHWz0tqFRXdrhDz0Ppu8oVw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-floating-menu": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-floating-menu/-/extension-floating-menu-2.11.7.tgz",
+      "integrity": "sha512-DG54WoUu2vxHRVzKZiR5I5RMOYj45IlxQMkBAx1wjS0ch41W8DUYEeipvMMjCeKtEI+emz03xYUcOAP9LRmg+w==",
+      "license": "MIT",
+      "dependencies": {
+        "tippy.js": "^6.3.7"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-gapcursor": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.11.7.tgz",
+      "integrity": "sha512-EceesmPG7FyjXZ8EgeJPUov9G1mAf2AwdypxBNH275g6xd5dmU/KvjoFZjmQ0X1ve7mS+wNupVlGxAEUYoveew==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-hard-break": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.11.7.tgz",
+      "integrity": "sha512-zTkZSA6q+F5sLOdCkiC2+RqJQN0zdsJqvFIOVFL/IDVOnq6PZO5THzwRRLvOSnJJl3edRQCl/hUgS0L5sTInGQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-heading": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.11.7.tgz",
+      "integrity": "sha512-8kWh7y4Rd2fwxfWOhFFWncHdkDkMC1Z60yzIZWjIu72+6yQxvo8w3yeb7LI7jER4kffbMmadgcfhCHC/fkObBA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-history": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.11.7.tgz",
+      "integrity": "sha512-Cu5x3aS13I040QSRoLdd+w09G4OCVfU+azpUqxufZxeNs9BIJC+0jowPLeOxKDh6D5GGT2A8sQtxc6a/ssbs8g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-horizontal-rule": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.11.7.tgz",
+      "integrity": "sha512-uVmQwD2dzZ5xwmvUlciy0ItxOdOfQjH6VLmu80zyJf8Yu7mvwP8JyxoXUX0vd1xHpwAhgQ9/ozjIWYGIw79DPQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-italic": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.11.7.tgz",
+      "integrity": "sha512-r985bkQfG0HMpmCU0X0p/Xe7U1qgRm2mxvcp6iPCuts2FqxaCoyfNZ8YnMsgVK1mRhM7+CQ5SEg2NOmQNtHvPw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-list-item": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.11.7.tgz",
+      "integrity": "sha512-6ikh7Y+qAbkSuIHXPIINqfzmWs5uIGrylihdZ9adaIyvrN1KSnWIqrZIk/NcZTg5YFIJlXrnGSRSjb/QM3WUhw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-ordered-list": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.11.7.tgz",
+      "integrity": "sha512-bLGCHDMB0vbJk7uu8bRg8vES3GsvxkX7Cgjgm/6xysHFbK98y0asDtNxkW1VvuRreNGz4tyB6vkcVCfrxl4jKw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-paragraph": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.11.7.tgz",
+      "integrity": "sha512-Pl3B4q6DJqTvvAdraqZaNP9Hh0UWEHL5nNdxhaRNuhKaUo7lq8wbDSIxIW3lvV0lyCs0NfyunkUvSm1CXb6d4Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-placeholder": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-placeholder/-/extension-placeholder-2.11.7.tgz",
+      "integrity": "sha512-/06zXV4HIjYoiaUq1fVJo/RcU8pHbzx21evOpeG/foCfNpMI4xLU/vnxdUi6/SQqpZMY0eFutDqod1InkSOqsg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-strike": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.11.7.tgz",
+      "integrity": "sha512-D6GYiW9F24bvAY7XMOARNZbC8YGPzdzWdXd8VOOJABhf4ynMi/oW4NNiko+kZ67jn3EGaKoz32VMJzNQgYi1HA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-subscript": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-subscript/-/extension-subscript-2.11.7.tgz",
+      "integrity": "sha512-I25ZexCddFJ9701DCCtQbX3Vtxzj5d9ss2GAXVweIUCdATCScaebsznyUQoN5papmhTxXsw5OD+K2ZHxP82pew==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-superscript": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-superscript/-/extension-superscript-2.11.7.tgz",
+      "integrity": "sha512-dNRpCcRJs0Qvv0sZRgbH7Y5hDVbWsGSZjtwFCs/mysPrvHqmXjzo7568kYWTggxEYxnXw6n0FfkCAEHlt0N90Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-table": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-table/-/extension-table-2.11.7.tgz",
+      "integrity": "sha512-rfwWkNXz/EZuhc8lylsCWPbx0Xr5FlIhreWFyeoXYrDEO3x4ytYcVOpNmbabJYP2semfM0PvPR5o84zfFkLZyg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-table-cell": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-table-cell/-/extension-table-cell-2.11.7.tgz",
+      "integrity": "sha512-JMOkSYRckc5SJP86yGGiHzCxCR8ecrRENvTWAKib6qer2tutxs5u42W+Z8uTcHC2dRz7Fv54snOkDoqPwkf6cw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-table-header": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-table-header/-/extension-table-header-2.11.7.tgz",
+      "integrity": "sha512-wPRKpliS5QQXgsp//ZjXrHMdLICMkjg2fUrQinOiBa7wDL5C7Y+SehtuK4s2tjeAkyAdj+nepfftyBRIlUSMXg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-table-row": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-table-row/-/extension-table-row-2.11.7.tgz",
+      "integrity": "sha512-K254RiXWGXGjz5Cm835hqfQiwnYXm8aw6oOa3isDh4A1B+1Ev4DB2vEDKMrgaOor3nbTsSYmAx2iEMrZSbpaRg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-text": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.11.7.tgz",
+      "integrity": "sha512-wObCn8qZkIFnXTLvBP+X8KgaEvTap/FJ/i4hBMfHBCKPGDx99KiJU6VIbDXG8d5ZcFZE0tOetK1pP5oI7qgMlQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-text-align": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text-align/-/extension-text-align-2.11.7.tgz",
+      "integrity": "sha512-3M8zd9ROADXazVNpgR6Ejs1evSvBveN36qN4GgV71GqrNlTcjqYgQcXFLQrsd2hnE+aXir8/8bLJ+aaJXDninA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-typography": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-typography/-/extension-typography-2.11.7.tgz",
+      "integrity": "sha512-qyYROxuXuMAMw30RXFYjr9mfZv+7avD3BW+fVEIa3lwnUMFNExHj6j2HMgYvrPVByGXlQU/4uHWcB0uiG0Bf1w==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-underline": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-2.11.7.tgz",
+      "integrity": "sha512-NtoQw6PGijOAtXC6G+0Aq0/Z5wwEjPhNHs8nsjXogfWIgaj/aI4/zfBnA06eI3WT+emMYQTl0fTc4CUPnLVU8g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/pm": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.11.7.tgz",
+      "integrity": "sha512-7gEEfz2Q6bYKXM07vzLUD0vqXFhC5geWRA6LCozTiLdVFDdHWiBrvb2rtkL5T7mfLq03zc1QhH7rI3F6VntOEA==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-changeset": "^2.2.1",
+        "prosemirror-collab": "^1.3.1",
+        "prosemirror-commands": "^1.6.2",
+        "prosemirror-dropcursor": "^1.8.1",
+        "prosemirror-gapcursor": "^1.3.2",
+        "prosemirror-history": "^1.4.1",
+        "prosemirror-inputrules": "^1.4.0",
+        "prosemirror-keymap": "^1.2.2",
+        "prosemirror-markdown": "^1.13.1",
+        "prosemirror-menu": "^1.2.4",
+        "prosemirror-model": "^1.23.0",
+        "prosemirror-schema-basic": "^1.2.3",
+        "prosemirror-schema-list": "^1.4.1",
+        "prosemirror-state": "^1.4.3",
+        "prosemirror-tables": "^1.6.4",
+        "prosemirror-trailing-node": "^3.0.0",
+        "prosemirror-transform": "^1.10.2",
+        "prosemirror-view": "^1.37.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      }
+    },
+    "node_modules/@tiptap/vue-3": {
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@tiptap/vue-3/-/vue-3-2.11.7.tgz",
+      "integrity": "sha512-P4Dyi7Uvi+l2ubsVTibZU3XVLT15eWP0W3mPiQwT0IVI0+FjGyBa83TXgMh5Kb53nxABgIK7FiIMBtQPSkjqfg==",
+      "license": "MIT",
+      "dependencies": {
+        "@tiptap/extension-bubble-menu": "^2.11.7",
+        "@tiptap/extension-floating-menu": "^2.11.7"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0",
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/@trysound/sax": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
+      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz",
+      "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/hast": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
+      "license": "MIT"
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "14.1.2",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
+      "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/linkify-it": "^5",
+        "@types/mdurl": "^2"
+      }
+    },
+    "node_modules/@types/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "22.14.1",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.14.1.tgz",
+      "integrity": "sha512-u0HuPQwe/dHrItgHHpmw3N2fYCR6x4ivMNbPHRkBVP4CvN+kiRrKHWk3i8tXiO/joPwXLMYvF9TTF0eqgHIuOw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
+    },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.20",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
+      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==",
+      "license": "MIT"
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.3.tgz",
+      "integrity": "sha512-IYSLEQj4LgZZuoVpdSUCw3dIynTWQgPlaRP6iAvMle4My0HdYwr5g5wQAfwOeHQBmYwEkqF70nRpSilr6PoUDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0 || ^6.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@vitest/expect": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.1.1.tgz",
+      "integrity": "sha512-q/zjrW9lgynctNbwvFtQkGK9+vvHA5UzVi2V8APrp1C6fG6/MuYYkmlx4FubuqLycCeSdHD5aadWfua/Vr0EUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/spy": "3.1.1",
+        "@vitest/utils": "3.1.1",
+        "chai": "^5.2.0",
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/mocker": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-3.1.1.tgz",
+      "integrity": "sha512-bmpJJm7Y7i9BBELlLuuM1J1Q6EQ6K5Ye4wcyOpOMXMcePYKSIYlpcrCm4l/O6ja4VJA5G2aMJiuZkZdnxlC3SA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/spy": "3.1.1",
+        "estree-walker": "^3.0.3",
+        "magic-string": "^0.30.17"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "msw": "^2.4.9",
+        "vite": "^5.0.0 || ^6.0.0"
+      },
+      "peerDependenciesMeta": {
+        "msw": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vitest/mocker/node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/@vitest/pretty-format": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.1.1.tgz",
+      "integrity": "sha512-dg0CIzNx+hMMYfNmSqJlLSXEmnNhMswcn3sXO7Tpldr0LiGmg3eXdLLhwkv2ZqgHb/d5xg5F7ezNFRA1fA13yA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/runner": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-3.1.1.tgz",
+      "integrity": "sha512-X/d46qzJuEDO8ueyjtKfxffiXraPRfmYasoC4i5+mlLEJ10UvPb0XH5M9C3gWuxd7BAQhpK42cJgJtq53YnWVA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/utils": "3.1.1",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/snapshot": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-3.1.1.tgz",
+      "integrity": "sha512-bByMwaVWe/+1WDf9exFxWWgAixelSdiwo2p33tpqIlM14vW7PRV5ppayVXtfycqze4Qhtwag5sVhX400MLBOOw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "3.1.1",
+        "magic-string": "^0.30.17",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/spy": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.1.1.tgz",
+      "integrity": "sha512-+EmrUOOXbKzLkTDwlsc/xrwOlPDXyVk3Z6P6K4oiCndxz7YLpp/0R0UsWVOKT0IXWjjBJuSMk6D27qipaupcvQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyspy": "^3.0.2"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/utils": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.1.1.tgz",
+      "integrity": "sha512-1XIjflyaU2k3HMArJ50bwSh3wKWPD6Q47wz/NUSmRV0zNywPc4w79ARjg/i/aNINHwA+mIALhUVqD9/aUvZNgg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "3.1.1",
+        "loupe": "^3.1.3",
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.13.tgz",
+      "integrity": "sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.25.3",
+        "@vue/shared": "3.5.13",
+        "entities": "^4.5.0",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/compiler-core/node_modules/@vue/shared": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
+      "integrity": "sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.13",
+        "@vue/shared": "3.5.13"
+      }
+    },
+    "node_modules/@vue/compiler-dom/node_modules/@vue/shared": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz",
+      "integrity": "sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.25.3",
+        "@vue/compiler-core": "3.5.13",
+        "@vue/compiler-dom": "3.5.13",
+        "@vue/compiler-ssr": "3.5.13",
+        "@vue/shared": "3.5.13",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.11",
+        "postcss": "^8.4.48",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/compiler-sfc/node_modules/@vue/shared": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz",
+      "integrity": "sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.13",
+        "@vue/shared": "3.5.13"
+      }
+    },
+    "node_modules/@vue/compiler-ssr/node_modules/@vue/shared": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
+      "integrity": "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.1.5"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.13.tgz",
+      "integrity": "sha512-Fj4YRQ3Az0WTZw1sFe+QDb0aXCerigEpw418pw1HBUKFtnQHWzwojaukAs2X/c9DQz4MQ4bsXTGlcpGxU/RCIw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.13",
+        "@vue/shared": "3.5.13"
+      }
+    },
+    "node_modules/@vue/runtime-core/node_modules/@vue/reactivity": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz",
+      "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.13"
+      }
+    },
+    "node_modules/@vue/runtime-core/node_modules/@vue/shared": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.13.tgz",
+      "integrity": "sha512-dLaj94s93NYLqjLiyFzVs9X6dWhTdAlEAciC3Moq7gzAc13VJUdCnjjRurNM6uTLFATRHexHCTu/Xp3eW6yoog==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.13",
+        "@vue/runtime-core": "3.5.13",
+        "@vue/shared": "3.5.13",
+        "csstype": "^3.1.3"
+      }
+    },
+    "node_modules/@vue/runtime-dom/node_modules/@vue/reactivity": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz",
+      "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.13"
+      }
+    },
+    "node_modules/@vue/runtime-dom/node_modules/@vue/shared": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.13.tgz",
+      "integrity": "sha512-wAi4IRJV/2SAW3htkTlB+dHeRmpTiVIK1OGLWV1yeStVSebSQQOwGwIq0D3ZIoBj2C2qpgz5+vX9iEBkTdk5YA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.13",
+        "@vue/shared": "3.5.13"
+      },
+      "peerDependencies": {
+        "vue": "3.5.13"
+      }
+    },
+    "node_modules/@vue/server-renderer/node_modules/@vue/shared": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.5.tgz",
+      "integrity": "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/test-utils": {
+      "version": "2.4.6",
+      "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.4.6.tgz",
+      "integrity": "sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "js-beautify": "^1.14.9",
+        "vue-component-type-helpers": "^2.0.0"
+      }
+    },
+    "node_modules/@vueuse/core": {
+      "version": "10.11.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.11.1.tgz",
+      "integrity": "sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.20",
+        "@vueuse/metadata": "10.11.1",
+        "@vueuse/shared": "10.11.1",
+        "vue-demi": ">=0.14.8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "version": "10.11.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.11.1.tgz",
+      "integrity": "sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "10.11.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.11.1.tgz",
+      "integrity": "sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==",
+      "license": "MIT",
+      "dependencies": {
+        "vue-demi": ">=0.14.8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/abbrev": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz",
+      "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==",
+      "license": "ISC",
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz",
+      "integrity": "sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/alpinejs": {
+      "version": "3.14.9",
+      "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.14.9.tgz",
+      "integrity": "sha512-gqSOhTEyryU9FhviNqiHBHzgjkvtukq9tevew29fTj+ofZtfsYriw4zPirHHOAy9bw8QoL3WGhyk7QqCh5AYlw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "~3.1.1"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
+    "node_modules/aria-hidden": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.4.tgz",
+      "integrity": "sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/assertion-error": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
+      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/autosize": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/autosize/-/autosize-6.0.1.tgz",
+      "integrity": "sha512-f86EjiUKE6Xvczc4ioP1JBlWG7FKrE13qe/DxBCpe8GCipCq2nFw73aO8QEBKHfSbYGDN5eB9jXWKen7tspDqQ==",
+      "license": "MIT"
+    },
+    "node_modules/axios": {
+      "version": "1.8.4",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.8.4.tgz",
+      "integrity": "sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "license": "MIT"
+    },
+    "node_modules/body-scroll-lock": {
+      "version": "4.0.0-beta.0",
+      "resolved": "https://registry.npmjs.org/body-scroll-lock/-/body-scroll-lock-4.0.0-beta.0.tgz",
+      "integrity": "sha512-a7tP5+0Mw3YlUJcGAKUqIBkYYGlYxk2fnCasq/FUph1hadxlTRjF+gAcZksxANnaMnALjxEddmSi/H3OR8ugcQ==",
+      "license": "MIT"
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "license": "ISC"
+    },
+    "node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cac": {
+      "version": "6.7.14",
+      "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
+      "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/chai": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-5.2.0.tgz",
+      "integrity": "sha512-mCuXncKXk5iCLhfhwTc0izo0gtEmpz5CtG2y8GiOINBlMVS6v8TMRc5TaLWKS6692m9+dVVfzgeVxR5UxWHTYw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assertion-error": "^2.0.1",
+        "check-error": "^2.1.1",
+        "deep-eql": "^5.0.1",
+        "loupe": "^3.1.0",
+        "pathval": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/check-error": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.1.tgz",
+      "integrity": "sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/cliui/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/cliui/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cliui/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cliui/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cliui/node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/clone": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+      "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/codemirror": {
+      "version": "5.65.12",
+      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.12.tgz",
+      "integrity": "sha512-z2jlHBocElRnPYysN2HAuhXbO3DNB0bcSKmNz3hcWR2Js2Dkhc1bEOxG93Z3DeUrnm+qx56XOY5wQmbP5KY0sw==",
+      "license": "MIT"
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/commander": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/condense-newlines": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/condense-newlines/-/condense-newlines-0.2.1.tgz",
+      "integrity": "sha512-P7X+QL9Hb9B/c8HI5BFFKmjgBu2XpQuF98WZ9XkO+dBGgk5XgwiQz7o1SmpglNWId3581UcS0SFAWfoIhMHPfg==",
+      "license": "MIT",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-whitespace": "^0.3.0",
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/config-chain": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
+      "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ini": "^1.3.4",
+        "proto-list": "~1.2.1"
+      }
+    },
+    "node_modules/cookies-js": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/cookies-js/-/cookies-js-1.2.3.tgz",
+      "integrity": "sha512-yqW9Kl46LcwedlF+2wyFSaCSwRKRrU6m3n9WoAsFfn23bpRfkEBwfOkD+lFw4jCLLs960ke/aM5Qe1BAhtgJmQ==",
+      "license": "Public Domain"
+    },
+    "node_modules/crelt": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
+      "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
+      "license": "MIT"
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/css-select": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
+      "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.30",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csso": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz",
+      "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "~2.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/css-tree": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
+      "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.28",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/mdn-data": {
+      "version": "2.0.28",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz",
+      "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/cssstyle": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.3.0.tgz",
+      "integrity": "sha512-6r0NiY0xizYqfBvWp1G7WXJ06/bZyrk7Dc6PHql82C/pKGUTKu4yAX4Y8JPamb1ob9nBKuxWzCGTRuGwU3yxJQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/css-color": "^3.1.1",
+        "rrweb-cssom": "^0.8.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "license": "MIT"
+    },
+    "node_modules/cva": {
+      "version": "1.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/cva/-/cva-1.0.0-beta.3.tgz",
+      "integrity": "sha512-CZa8pTkpEygxJRLH9aod/wfnSgK5z/0GJqG/NNehlwam+S8llqCWUXS3eCenvAiW5sTUpwTWE6bJaeeZ/b4pzA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "clsx": "^2.1.1"
+      },
+      "funding": {
+        "url": "https://polar.sh/cva"
+      },
+      "peerDependencies": {
+        "typescript": ">= 4.5.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/data-urls": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz",
+      "integrity": "sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^14.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decimal.js": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.5.0.tgz",
+      "integrity": "sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/deep-eql": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
+      "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/defaults": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz",
+      "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "clone": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/define-lazy-prop": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
+      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/defu": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
+      "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
+      "license": "MIT"
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
+      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
+      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+      "license": "MIT",
+      "dependencies": {
+        "dequal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
+      "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/drag-event-service": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/drag-event-service/-/drag-event-service-2.0.0.tgz",
+      "integrity": "sha512-JVEnOEbbNDS3RrWd+tVVIDu2SHQZ9luhEFGSQ1hXMjl+ABw0PxhHmnkGjzPVE836Tsg+k7rkm5GM9Ln/UgbYpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.7",
+        "helper-js": "^3.0.0"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "license": "MIT"
+    },
+    "node_modules/easy-table": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/easy-table/-/easy-table-1.2.0.tgz",
+      "integrity": "sha512-OFzVOv03YpvtcWGe5AayU5G2hgybsg3iqA6drU8UaoZyB9jLGMTrz9+asnLp/E+6qPh88yEI1gvyZFZ41dmgww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "optionalDependencies": {
+        "wcwidth": "^1.0.1"
+      }
+    },
+    "node_modules/editorconfig": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-1.0.4.tgz",
+      "integrity": "sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@one-ini/wasm": "0.1.1",
+        "commander": "^10.0.0",
+        "minimatch": "9.0.1",
+        "semver": "^7.5.3"
+      },
+      "bin": {
+        "editorconfig": "bin/editorconfig"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "license": "MIT"
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
+      "integrity": "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.6.0.tgz",
+      "integrity": "sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.2.tgz",
+      "integrity": "sha512-16854zccKPnC+toMywC+uKNeYSv+/eXkevRAfwRD/G9Cleq66m8XFIrigkbvauLLlCfDL45Q2cWegSg53gGBnQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.2",
+        "@esbuild/android-arm": "0.25.2",
+        "@esbuild/android-arm64": "0.25.2",
+        "@esbuild/android-x64": "0.25.2",
+        "@esbuild/darwin-arm64": "0.25.2",
+        "@esbuild/darwin-x64": "0.25.2",
+        "@esbuild/freebsd-arm64": "0.25.2",
+        "@esbuild/freebsd-x64": "0.25.2",
+        "@esbuild/linux-arm": "0.25.2",
+        "@esbuild/linux-arm64": "0.25.2",
+        "@esbuild/linux-ia32": "0.25.2",
+        "@esbuild/linux-loong64": "0.25.2",
+        "@esbuild/linux-mips64el": "0.25.2",
+        "@esbuild/linux-ppc64": "0.25.2",
+        "@esbuild/linux-riscv64": "0.25.2",
+        "@esbuild/linux-s390x": "0.25.2",
+        "@esbuild/linux-x64": "0.25.2",
+        "@esbuild/netbsd-arm64": "0.25.2",
+        "@esbuild/netbsd-x64": "0.25.2",
+        "@esbuild/openbsd-arm64": "0.25.2",
+        "@esbuild/openbsd-x64": "0.25.2",
+        "@esbuild/sunos-x64": "0.25.2",
+        "@esbuild/win32-arm64": "0.25.2",
+        "@esbuild/win32-ia32": "0.25.2",
+        "@esbuild/win32-x64": "0.25.2"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/expect-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.2.1.tgz",
+      "integrity": "sha512-/kP8CAwxzLVEeFrMm4kMmy4CCDlpipyA7MYLVrdJIkV0fYF0UaigQHRsxHiuY/GEea+bh4KSv3TIlgr+2UL6bw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/floating-vue": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/floating-vue/-/floating-vue-5.2.2.tgz",
+      "integrity": "sha512-afW+h2CFafo+7Y9Lvw/xsqjaQlKLdJV7h1fCHfcYQ1C4SVMlu7OAekqWgu5d4SgvkBVU0pVpLlVsrSTBURFRkg==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "~1.1.1",
+        "vue-resize": "^2.0.0-alpha.1"
+      },
+      "peerDependencies": {
+        "@nuxt/kit": "^3.2.0",
+        "vue": "^3.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@nuxt/kit": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/floating-vue/node_modules/@floating-ui/dom": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.1.1.tgz",
+      "integrity": "sha512-TpIO93+DIujg3g7SykEAGZMDtbJRrmnYRCNYSjJlvIbGhBjRSNTLVbNeDQBrzy9qDgUbiWdc7KA0uZHZ2tJmiw==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.1.0"
+      }
+    },
+    "node_modules/focus-trap": {
+      "version": "7.6.4",
+      "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-7.6.4.tgz",
+      "integrity": "sha512-xx560wGBk7seZ6y933idtjJQc1l+ck+pI3sKvhKozdBV1dRZoKhkW5xoCaFv9tQiX5RH1xfSxjuNu6g+lmN/gw==",
+      "license": "MIT",
+      "dependencies": {
+        "tabbable": "^6.2.0"
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.9",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
+      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.2.tgz",
+      "integrity": "sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/framer-motion": {
+      "version": "12.5.0",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.5.0.tgz",
+      "integrity": "sha512-buPlioFbH9/W7rDzYh1C09AuZHAk2D1xTA1BlounJ2Rb9aRg84OXexP0GLd+R83v0khURdMX7b5MKnGTaSg5iA==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-dom": "^12.5.0",
+        "motion-utils": "^12.5.0",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/fuse.js": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-7.1.0.tgz",
+      "integrity": "sha512-trLf4SzuuUxfusZADLINj+dE8clK1frKdmqiJNb1Es75fmI5oY6X2mxLVUciLLjxqw/xr72Dhy+lER6dGd02FQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/glob": {
+      "version": "10.4.5",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/helper-js": {
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/helper-js/-/helper-js-3.1.6.tgz",
+      "integrity": "sha512-lhncHDAxS2PTA44aG1AofxT51v0IXEVOmaUCC6HwuGaGqE1yEkjhPH74Vb/Aw4xt8Kt5bMvStCr6FekANp+PGg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.7"
+      }
+    },
+    "node_modules/hey-listen": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz",
+      "integrity": "sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==",
+      "license": "MIT"
+    },
+    "node_modules/highlight.js": {
+      "version": "11.11.1",
+      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.11.1.tgz",
+      "integrity": "sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/html-encoding-sniffer": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
+      "integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-encoding": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "license": "ISC"
+    },
+    "node_modules/is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
+      "license": "MIT"
+    },
+    "node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-whitespace": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/is-whitespace/-/is-whitespace-0.3.0.tgz",
+      "integrity": "sha512-RydPhl4S6JwAyj0JJjshWJEFG6hNye3pZFBRZaTUfZFwGHxzppNaNOVgQuS/E/SlhrApuMXrpnK1EEIXfdo3Dg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "license": "ISC"
+    },
+    "node_modules/jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz",
+      "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/js-beautify": {
+      "version": "1.15.4",
+      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.15.4.tgz",
+      "integrity": "sha512-9/KXeZUKKJwqCXUdBxFJ3vPh467OCckSBmYDwSK/EtV090K+iMJ7zx2S3HLVDIWFQdqMIsZWbnaGiba18aWhaA==",
+      "license": "MIT",
+      "dependencies": {
+        "config-chain": "^1.1.13",
+        "editorconfig": "^1.0.4",
+        "glob": "^10.4.2",
+        "js-cookie": "^3.0.5",
+        "nopt": "^7.2.1"
+      },
+      "bin": {
+        "css-beautify": "js/bin/css-beautify.js",
+        "html-beautify": "js/bin/html-beautify.js",
+        "js-beautify": "js/bin/js-beautify.js"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/js-cookie": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
+      "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsdom": {
+      "version": "26.1.0",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-26.1.0.tgz",
+      "integrity": "sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssstyle": "^4.2.1",
+        "data-urls": "^5.0.0",
+        "decimal.js": "^10.5.0",
+        "html-encoding-sniffer": "^4.0.0",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.6",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.16",
+        "parse5": "^7.2.1",
+        "rrweb-cssom": "^0.8.0",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^5.1.1",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^3.1.1",
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^14.1.1",
+        "ws": "^8.18.0",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "canvas": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/knip": {
+      "version": "5.50.3",
+      "resolved": "https://registry.npmjs.org/knip/-/knip-5.50.3.tgz",
+      "integrity": "sha512-0A4G7UPucGTCpNh5vHSfL0+tVQIuKfJKdg8sAq6EC3COKbAchEbM+TeN4w32OrnJW9CesHs71lqftlggMVfW2A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/webpro"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/knip"
+        },
+        {
+          "type": "polar",
+          "url": "https://polar.sh/webpro-nl"
+        }
+      ],
+      "license": "ISC",
+      "dependencies": {
+        "@nodelib/fs.walk": "^1.2.3",
+        "easy-table": "1.2.0",
+        "enhanced-resolve": "^5.18.1",
+        "fast-glob": "^3.3.3",
+        "jiti": "^2.4.2",
+        "js-yaml": "^4.1.0",
+        "minimist": "^1.2.8",
+        "picocolors": "^1.1.0",
+        "picomatch": "^4.0.1",
+        "pretty-ms": "^9.0.0",
+        "smol-toml": "^1.3.1",
+        "strip-json-comments": "5.0.1",
+        "zod": "^3.22.4",
+        "zod-validation-error": "^3.0.3"
+      },
+      "bin": {
+        "knip": "bin/knip.js",
+        "knip-bun": "bin/knip-bun.js"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      },
+      "peerDependencies": {
+        "@types/node": ">=18",
+        "typescript": ">=5.0.4"
+      }
+    },
+    "node_modules/laravel-echo": {
+      "version": "1.19.0",
+      "resolved": "https://registry.npmjs.org/laravel-echo/-/laravel-echo-1.19.0.tgz",
+      "integrity": "sha512-o/X4XH8BIRwij66PSjtotZfM88Z8g/4P3gzxQf2BTcZBKmGqucvI5JYYLprR2OZQ9XlGsmJ2v+hDpPGEbXwUWw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/laravel-vite-plugin": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-1.2.0.tgz",
+      "integrity": "sha512-R0pJ+IcTVeqEMoKz/B2Ij57QVq3sFTABiFmb06gAwFdivbOgsUtuhX6N2MGLEArajrS3U5JbberzwOe7uXHMHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picocolors": "^1.0.0",
+        "vite-plugin-full-reload": "^1.1.0"
+      },
+      "bin": {
+        "clean-orphaned-assets": "bin/clean.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0 || ^6.0.0"
+      }
+    },
+    "node_modules/lightningcss": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.29.2.tgz",
+      "integrity": "sha512-6b6gd/RUXKaw5keVdSEtqFVdzWnU5jMxTUjA2bVcMNPLwSQ08Sv/UodBVtETLCn7k4S1Ibxwh7k68IwLZPgKaA==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-darwin-arm64": "1.29.2",
+        "lightningcss-darwin-x64": "1.29.2",
+        "lightningcss-freebsd-x64": "1.29.2",
+        "lightningcss-linux-arm-gnueabihf": "1.29.2",
+        "lightningcss-linux-arm64-gnu": "1.29.2",
+        "lightningcss-linux-arm64-musl": "1.29.2",
+        "lightningcss-linux-x64-gnu": "1.29.2",
+        "lightningcss-linux-x64-musl": "1.29.2",
+        "lightningcss-win32-arm64-msvc": "1.29.2",
+        "lightningcss-win32-x64-msvc": "1.29.2"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.29.2.tgz",
+      "integrity": "sha512-cK/eMabSViKn/PG8U/a7aCorpeKLMlK0bQeNHmdb7qUnBkNPnL+oV5DjJUo0kqWsJUapZsM4jCfYItbqBDvlcA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.29.2.tgz",
+      "integrity": "sha512-j5qYxamyQw4kDXX5hnnCKMf3mLlHvG44f24Qyi2965/Ycz829MYqjrVg2H8BidybHBp9kom4D7DR5VqCKDXS0w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.29.2.tgz",
+      "integrity": "sha512-wDk7M2tM78Ii8ek9YjnY8MjV5f5JN2qNVO+/0BAGZRvXKtQrBC4/cn4ssQIpKIPP44YXw6gFdpUF+Ps+RGsCwg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.29.2.tgz",
+      "integrity": "sha512-IRUrOrAF2Z+KExdExe3Rz7NSTuuJ2HvCGlMKoquK5pjvo2JY4Rybr+NrKnq0U0hZnx5AnGsuFHjGnNT14w26sg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.29.2.tgz",
+      "integrity": "sha512-KKCpOlmhdjvUTX/mBuaKemp0oeDIBBLFiU5Fnqxh1/DZ4JPZi4evEH7TKoSBFOSOV3J7iEmmBaw/8dpiUvRKlQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.29.2.tgz",
+      "integrity": "sha512-Q64eM1bPlOOUgxFmoPUefqzY1yV3ctFPE6d/Vt7WzLW4rKTv7MyYNky+FWxRpLkNASTnKQUaiMJ87zNODIrrKQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.29.2.tgz",
+      "integrity": "sha512-0v6idDCPG6epLXtBH/RPkHvYx74CVziHo6TMYga8O2EiQApnUPZsbR9nFNrg2cgBzk1AYqEd95TlrsL7nYABQg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.29.2.tgz",
+      "integrity": "sha512-rMpz2yawkgGT8RULc5S4WiZopVMOFWjiItBT7aSfDX4NQav6M44rhn5hjtkKzB+wMTRlLLqxkeYEtQ3dd9696w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.29.2.tgz",
+      "integrity": "sha512-nL7zRW6evGQqYVu/bKGK+zShyz8OVzsCotFgc7judbt6wnB2KbiKKJwBE4SGoDBQ1O94RjW4asrCjQL4i8Fhbw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.29.2.tgz",
+      "integrity": "sha512-EdIUW3B2vLuHmv7urfzMI/h2fmlnOQBk1xlsDxkN1tCWKjNFjfLhGxYk8C8mzpSfr+A6jFFIi8fU6LbQGsRWjA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
+      "license": "MIT",
+      "dependencies": {
+        "uc.micro": "^2.0.0"
+      }
+    },
+    "node_modules/lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.castarray": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
+      "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.isplainobject": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/loupe": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.1.3.tgz",
+      "integrity": "sha512-kkIp7XSkP78ZxJEsSxW3712C6teJVoeHHwgo9zJ380de7IYyJ2ISlxojcH2pC5OFLewESmnRi/+XCDIEEVyoug==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lowlight": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lowlight/-/lowlight-3.3.0.tgz",
+      "integrity": "sha512-0JNhgFoPvP6U6lE/UdVsSq99tn6DhjjpAj5MxG49ewd2mOBVtwWYIT8ClyABhq198aXXODMU6Ox8DrGy/CpTZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "devlop": "^1.0.0",
+        "highlight.js": "~11.11.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "license": "ISC"
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.17",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0"
+      }
+    },
+    "node_modules/markdown-it": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz",
+      "integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "^4.4.0",
+        "linkify-it": "^5.0.0",
+        "mdurl": "^2.0.0",
+        "punycode.js": "^2.3.1",
+        "uc.micro": "^2.1.0"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.mjs"
+      }
+    },
+    "node_modules/marked": {
+      "version": "13.0.3",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-13.0.3.tgz",
+      "integrity": "sha512-rqRix3/TWzE9rIoFGIn8JmsVfhiuC8VIQ8IdX5TfzmeBucdY05/0UlzKaw0eVtpcN/OdVFpBk7CjKGo9iHJ/zA==",
+      "license": "MIT",
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/marked-plaintext": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/marked-plaintext/-/marked-plaintext-0.0.2.tgz",
+      "integrity": "sha512-6u/EfbyqTV8p9CqxFUOK3RUGo1KGULVUaiacKRjb+9VzXpGYYQlgff76xjlfxOGYpsDkzYg+l28CtGd86I6c0w==",
+      "license": "ISC"
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.0.30",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==",
+      "license": "MIT"
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/micromatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
+      "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/motion-dom": {
+      "version": "12.7.2",
+      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.7.2.tgz",
+      "integrity": "sha512-7+sytBQyb9XRRH6lyLRQf+R6y2BE79J2EgTijTSxYgGt+ufpnoRDPgru9KHvA125tTHnbAXDzeTUb9OvscSitA==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-utils": "^12.7.2"
+      }
+    },
+    "node_modules/motion-utils": {
+      "version": "12.7.2",
+      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.7.2.tgz",
+      "integrity": "sha512-XhZwqctxyJs89oX00zn3OGCuIIpVevbTa+u82usWBC6pSHUd2AoNWiYa7Du8tJxJy9TFbZ82pcn5t7NOm1PHAw==",
+      "license": "MIT"
+    },
+    "node_modules/motion-v": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/motion-v/-/motion-v-1.0.0-beta.2.tgz",
+      "integrity": "sha512-NjG110Jf2zqdKulV20eMizXo2lutMGdrusqQ8oYdhTZGNLgKcbcxcS/ZF3ibj3C6oKmyhO8twwAW2FZmWmjVrA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vueuse/core": "^10.0.0",
+        "framer-motion": "12.5.0",
+        "hey-listen": "^1.0.8",
+        "motion-dom": "^12.5.0"
+      },
+      "peerDependencies": {
+        "vue": ">=3.0.0"
+      }
+    },
+    "node_modules/mousetrap": {
+      "version": "1.6.5",
+      "resolved": "https://registry.npmjs.org/mousetrap/-/mousetrap-1.6.5.tgz",
+      "integrity": "sha512-QNo4kEepaIBwiT8CDhP98umTetp+JNfQYBWvC1pc6/OAibuXtRcxZ58Qz8skvEHYvURne/7R8T5VoOI7rDsEUA==",
+      "license": "Apache-2.0 WITH LLVM-exception"
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/nopt": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.1.tgz",
+      "integrity": "sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==",
+      "license": "ISC",
+      "dependencies": {
+        "abbrev": "^2.0.0"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/nprogress": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
+      "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==",
+      "license": "MIT"
+    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/nwsapi": {
+      "version": "2.2.20",
+      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.20.tgz",
+      "integrity": "sha512-/ieB+mDe4MrrKMT8z+mQL8klXydZWGR5Dowt4RAGKbJ3kIGEx3X4ljUo+6V73IXtUPWgfOlU5B9MlGxFO5T+cA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ohash": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
+      "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+      "license": "MIT"
+    },
+    "node_modules/open": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
+      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-lazy-prop": "^2.0.0",
+        "is-docker": "^2.1.1",
+        "is-wsl": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/orderedmap": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz",
+      "integrity": "sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==",
+      "license": "MIT"
+    },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
+      "license": "BlueOak-1.0.0"
+    },
+    "node_modules/parse-ms": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/parse-ms/-/parse-ms-4.0.0.tgz",
+      "integrity": "sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parse5": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.1.tgz",
+      "integrity": "sha512-BuBYQYlv1ckiPdQi/ohiivi9Sagc9JG+Ozs0r7b/0iK3sKmrb0b9FdWdBbOdx6hBCM/F9Ir82ofnBhtZOjCRPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^4.5.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pathval": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.0.tgz",
+      "integrity": "sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.16"
+      }
+    },
+    "node_modules/pdfobject": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/pdfobject/-/pdfobject-2.3.1.tgz",
+      "integrity": "sha512-vluuGiSDmMGpOvWFGiUY4trNB8aGKLDVxIXuuGHjX0kK3bMxCANUVtLivctE7uejLBScWCnbVarKatFVvdwXaQ==",
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pinia": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.3.1.tgz",
+      "integrity": "sha512-khUlZSwt9xXCaTbbxFYBKDc/bWAGWJjOgvxETwkTN7KRm66EeT1ZdZj6i2ceh9sP2Pzqsbc704r2yngBrxBVug==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^6.6.3",
+        "vue-demi": "^0.14.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.4.4",
+        "vue": "^2.7.0 || ^3.5.11"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/portal-vue": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/portal-vue/-/portal-vue-3.0.0.tgz",
+      "integrity": "sha512-9eprMxNURLx6ijbcgkWjYNcTWJYu/H8QF8nyAeBzOmk9lKCea01BW1hYBeLkgz+AestmPOvznAEOFmNuO4Adjw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.19"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.4"
+      },
+      "peerDependenciesMeta": {
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
+      "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.8",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.10",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.5.3.tgz",
+      "integrity": "sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prettier-plugin-antlers": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-antlers/-/prettier-plugin-antlers-2.0.5.tgz",
+      "integrity": "sha512-KIdjVV7Hp0IS9psbbKJkb43bGXh9EQTmbGgXCEMnzBz+V6/2H22bk/NlKceLLJJtKLcK/D61vuYnZRwtsFhv4w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "prettier": ">=3"
+      }
+    },
+    "node_modules/prettier-plugin-blade": {
+      "version": "2.1.21",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-blade/-/prettier-plugin-blade-2.1.21.tgz",
+      "integrity": "sha512-+BPBPvla/Ppr0MVrqMAO+FTwxpXUYo8zhQPIGC7psNuMbB24y84cGrJ4Uc02GHTQN0q8txeG4Y4MxyJWgOujyQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "prettier": ">=3"
+      }
+    },
+    "node_modules/prettier-plugin-tailwindcss": {
+      "version": "0.6.11",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.11.tgz",
+      "integrity": "sha512-YxaYSIvZPAqhrrEpRtonnrXdghZg1irNg4qrjboCXrpybLWVs55cW2N3juhspVJiO0JBvYJT8SYsJpc8OQSnsA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.21.3"
+      },
+      "peerDependencies": {
+        "@ianvs/prettier-plugin-sort-imports": "*",
+        "@prettier/plugin-pug": "*",
+        "@shopify/prettier-plugin-liquid": "*",
+        "@trivago/prettier-plugin-sort-imports": "*",
+        "@zackad/prettier-plugin-twig": "*",
+        "prettier": "^3.0",
+        "prettier-plugin-astro": "*",
+        "prettier-plugin-css-order": "*",
+        "prettier-plugin-import-sort": "*",
+        "prettier-plugin-jsdoc": "*",
+        "prettier-plugin-marko": "*",
+        "prettier-plugin-multiline-arrays": "*",
+        "prettier-plugin-organize-attributes": "*",
+        "prettier-plugin-organize-imports": "*",
+        "prettier-plugin-sort-imports": "*",
+        "prettier-plugin-style-order": "*",
+        "prettier-plugin-svelte": "*"
+      },
+      "peerDependenciesMeta": {
+        "@ianvs/prettier-plugin-sort-imports": {
+          "optional": true
+        },
+        "@prettier/plugin-pug": {
+          "optional": true
+        },
+        "@shopify/prettier-plugin-liquid": {
+          "optional": true
+        },
+        "@trivago/prettier-plugin-sort-imports": {
+          "optional": true
+        },
+        "@zackad/prettier-plugin-twig": {
+          "optional": true
+        },
+        "prettier-plugin-astro": {
+          "optional": true
+        },
+        "prettier-plugin-css-order": {
+          "optional": true
+        },
+        "prettier-plugin-import-sort": {
+          "optional": true
+        },
+        "prettier-plugin-jsdoc": {
+          "optional": true
+        },
+        "prettier-plugin-marko": {
+          "optional": true
+        },
+        "prettier-plugin-multiline-arrays": {
+          "optional": true
+        },
+        "prettier-plugin-organize-attributes": {
+          "optional": true
+        },
+        "prettier-plugin-organize-imports": {
+          "optional": true
+        },
+        "prettier-plugin-sort-imports": {
+          "optional": true
+        },
+        "prettier-plugin-style-order": {
+          "optional": true
+        },
+        "prettier-plugin-svelte": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pretty": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pretty/-/pretty-2.0.0.tgz",
+      "integrity": "sha512-G9xUchgTEiNpormdYBl+Pha50gOUovT18IvAe7EYMZ1/f9W/WWMPRn+xI68yXNMUk3QXHDwo/1wV/4NejVNe1w==",
+      "license": "MIT",
+      "dependencies": {
+        "condense-newlines": "^0.2.1",
+        "extend-shallow": "^2.0.1",
+        "js-beautify": "^1.6.12"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pretty-ms": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/pretty-ms/-/pretty-ms-9.2.0.tgz",
+      "integrity": "sha512-4yf0QO/sllf/1zbZWYnvWw3NxCQwLXKzIj0G849LSufP15BXKM0rbD2Z3wVnkMfjdn/CB0Dpp444gYAACdsplg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parse-ms": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/prosemirror-changeset": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.2.1.tgz",
+      "integrity": "sha512-J7msc6wbxB4ekDFj+n9gTW/jav/p53kdlivvuppHsrZXCaQdVgRghoZbSS3kwrRyAstRVQ4/+u5k7YfLgkkQvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-collab": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-collab/-/prosemirror-collab-1.3.1.tgz",
+      "integrity": "sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-commands": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.7.1.tgz",
+      "integrity": "sha512-rT7qZnQtx5c0/y/KlYaGvtG411S97UaL6gdp6RIZ23DLHanMYLyfGBV5DtSnZdthQql7W+lEVbpSfwtO8T+L2w==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.10.2"
+      }
+    },
+    "node_modules/prosemirror-dropcursor": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.8.1.tgz",
+      "integrity": "sha512-M30WJdJZLyXHi3N8vxN6Zh5O8ZBbQCz0gURTfPmTIBNQ5pxrdU7A58QkNqfa98YEjSAL1HUyyU34f6Pm5xBSGw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0",
+        "prosemirror-view": "^1.1.0"
+      }
+    },
+    "node_modules/prosemirror-gapcursor": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.3.2.tgz",
+      "integrity": "sha512-wtjswVBd2vaQRrnYZaBCbyDqr232Ed4p2QPtRIUK5FuqHYKGWkEwl08oQM4Tw7DOR0FsasARV5uJFvMZWxdNxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-keymap": "^1.0.0",
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-view": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-history": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.4.1.tgz",
+      "integrity": "sha512-2JZD8z2JviJrboD9cPuX/Sv/1ChFng+xh2tChQ2X4bB2HeK+rra/bmJ3xGntCcjhOqIzSDG6Id7e8RJ9QPXLEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.2.2",
+        "prosemirror-transform": "^1.0.0",
+        "prosemirror-view": "^1.31.0",
+        "rope-sequence": "^1.3.0"
+      }
+    },
+    "node_modules/prosemirror-inputrules": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.5.0.tgz",
+      "integrity": "sha512-K0xJRCmt+uSw7xesnHmcn72yBGTbY45vm8gXI4LZXbx2Z0jwh5aF9xrGQgrVPu0WbyFVFF3E/o9VhJYz6SQWnA==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-keymap": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.2.2.tgz",
+      "integrity": "sha512-EAlXoksqC6Vbocqc0GtzCruZEzYgrn+iiGnNjsJsH4mrnIGex4qbLdWWNza3AW5W36ZRrlBID0eM6bdKH4OStQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "w3c-keyname": "^2.2.0"
+      }
+    },
+    "node_modules/prosemirror-markdown": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-markdown/-/prosemirror-markdown-1.13.2.tgz",
+      "integrity": "sha512-FPD9rHPdA9fqzNmIIDhhnYQ6WgNoSWX9StUZ8LEKapaXU9i6XgykaHKhp6XMyXlOWetmaFgGDS/nu/w9/vUc5g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/markdown-it": "^14.0.0",
+        "markdown-it": "^14.0.0",
+        "prosemirror-model": "^1.25.0"
+      }
+    },
+    "node_modules/prosemirror-menu": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-menu/-/prosemirror-menu-1.2.4.tgz",
+      "integrity": "sha512-S/bXlc0ODQup6aiBbWVsX/eM+xJgCTAfMq/nLqaO5ID/am4wS0tTCIkzwytmao7ypEtjj39i7YbJjAgO20mIqA==",
+      "license": "MIT",
+      "dependencies": {
+        "crelt": "^1.0.0",
+        "prosemirror-commands": "^1.0.0",
+        "prosemirror-history": "^1.0.0",
+        "prosemirror-state": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-model": {
+      "version": "1.25.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.25.0.tgz",
+      "integrity": "sha512-/8XUmxWf0pkj2BmtqZHYJipTBMHIdVjuvFzMvEoxrtyGNmfvdhBiRwYt/eFwy2wA9DtBW3RLqvZnjurEkHaFCw==",
+      "license": "MIT",
+      "dependencies": {
+        "orderedmap": "^2.0.0"
+      }
+    },
+    "node_modules/prosemirror-schema-basic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-schema-basic/-/prosemirror-schema-basic-1.2.4.tgz",
+      "integrity": "sha512-ELxP4TlX3yr2v5rM7Sb70SqStq5NvI15c0j9j/gjsrO5vaw+fnnpovCLEGIcpeGfifkuqJwl4fon6b+KdrODYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.25.0"
+      }
+    },
+    "node_modules/prosemirror-schema-list": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.5.1.tgz",
+      "integrity": "sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.7.3"
+      }
+    },
+    "node_modules/prosemirror-state": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.4.3.tgz",
+      "integrity": "sha512-goFKORVbvPuAQaXhpbemJFRKJ2aixr+AZMGiquiqKxaucC6hlpHNZHWgz5R7dS4roHiwq9vDctE//CZ++o0W1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-transform": "^1.0.0",
+        "prosemirror-view": "^1.27.0"
+      }
+    },
+    "node_modules/prosemirror-tables": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.7.0.tgz",
+      "integrity": "sha512-dc9+u4aqT+biw3J/v7p5LyH8uqqXSAjdszfLtrCnDbpMr1F+Gsjtkdiij/1p8qM1gBOCfQeiahhk2pOO9Aa8xA==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-keymap": "^1.2.2",
+        "prosemirror-model": "^1.25.0",
+        "prosemirror-state": "^1.4.3",
+        "prosemirror-transform": "^1.10.3",
+        "prosemirror-view": "^1.39.1"
+      }
+    },
+    "node_modules/prosemirror-trailing-node": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-3.0.0.tgz",
+      "integrity": "sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@remirror/core-constants": "3.0.0",
+        "escape-string-regexp": "^4.0.0"
+      },
+      "peerDependencies": {
+        "prosemirror-model": "^1.22.1",
+        "prosemirror-state": "^1.4.2",
+        "prosemirror-view": "^1.33.8"
+      }
+    },
+    "node_modules/prosemirror-transform": {
+      "version": "1.10.3",
+      "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.10.3.tgz",
+      "integrity": "sha512-Nhh/+1kZGRINbEHmVu39oynhcap4hWTs/BlU7NnxWj3+l0qi8I1mu67v6mMdEe/ltD8hHvU4FV6PHiCw2VSpMw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.21.0"
+      }
+    },
+    "node_modules/prosemirror-view": {
+      "version": "1.39.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.39.1.tgz",
+      "integrity": "sha512-GhLxH1xwnqa5VjhJ29LfcQITNDp+f1jzmMPXQfGW9oNrF0lfjPzKvV5y/bjIQkyKpwCX3Fp+GA4dBpMMk8g+ZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.20.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0"
+      }
+    },
+    "node_modules/proto-list": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
+      "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==",
+      "license": "ISC"
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/punycode.js": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
+      "integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pusher-js": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/pusher-js/-/pusher-js-8.4.0.tgz",
+      "integrity": "sha512-wp3HqIIUc1GRyu1XrP6m2dgyE9MoCsXVsWNlohj0rjSkLf+a0jLvEyVubdg58oMk7bhjBWnFClgp8jfAa6Ak4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "tweetnacl": "^1.0.3"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
+      "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/read-time-estimate": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/read-time-estimate/-/read-time-estimate-0.0.3.tgz",
+      "integrity": "sha512-TF87eHTuEyRtu/mwnQE8FoZYHpsN1Oj+U/oROL5nrsoEWsh/iGhBzkV50N6DdPEqZ9Jh2PSZk1ZA7KMucgb+ng==",
+      "license": "MIT"
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
+      "license": "MIT"
+    },
+    "node_modules/reka-ui": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/reka-ui/-/reka-ui-2.2.0.tgz",
+      "integrity": "sha512-eeRrLI4LwJ6dkdwks6KFNKGs0+beqZlHO3JMHen7THDTh+yJ5Z0KNwONmOhhV/0hZC2uJCEExgG60QPzGstkQg==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.6.13",
+        "@floating-ui/vue": "^1.1.6",
+        "@internationalized/date": "^3.5.0",
+        "@internationalized/number": "^3.5.0",
+        "@tanstack/vue-virtual": "^3.12.0",
+        "@vueuse/core": "^12.5.0",
+        "@vueuse/shared": "^12.5.0",
+        "aria-hidden": "^1.2.4",
+        "defu": "^6.1.4",
+        "ohash": "^2.0.11"
+      },
+      "peerDependencies": {
+        "vue": ">= 3.2.0"
+      }
+    },
+    "node_modules/reka-ui/node_modules/@types/web-bluetooth": {
+      "version": "0.0.21",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
+      "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==",
+      "license": "MIT"
+    },
+    "node_modules/reka-ui/node_modules/@vueuse/core": {
+      "version": "12.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-12.8.2.tgz",
+      "integrity": "sha512-HbvCmZdzAu3VGi/pWYm5Ut+Kd9mn1ZHnn4L5G8kOQTPs/IwIAmJoBrmYk2ckLArgMXZj0AW3n5CAejLUO+PhdQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.21",
+        "@vueuse/metadata": "12.8.2",
+        "@vueuse/shared": "12.8.2",
+        "vue": "^3.5.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/reka-ui/node_modules/@vueuse/metadata": {
+      "version": "12.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-12.8.2.tgz",
+      "integrity": "sha512-rAyLGEuoBJ/Il5AmFHiziCPdQzRt88VxR+Y/A/QhJ1EWtWqPBBAxTAFaSkviwEuOEZNtW8pvkPgoCZQ+HxqW1A==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/reka-ui/node_modules/@vueuse/shared": {
+      "version": "12.8.2",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-12.8.2.tgz",
+      "integrity": "sha512-dznP38YzxZoNloI0qpEfpkms8knDtaoQ6Y/sfS0L7Yki4zh40LFHEhur0odJC6xTHG5dxWVPiUWBXn+wCG2s5w==",
+      "license": "MIT",
+      "dependencies": {
+        "vue": "^3.5.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
+      "license": "MIT"
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.40.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.40.0.tgz",
+      "integrity": "sha512-Noe455xmA96nnqH5piFtLobsGbCij7Tu+tb3c1vYjNbTkfzGqXqQXG3wJaYXkRZuQ0vEYN4bhwg7QnIrqB5B+w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.7"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.40.0",
+        "@rollup/rollup-android-arm64": "4.40.0",
+        "@rollup/rollup-darwin-arm64": "4.40.0",
+        "@rollup/rollup-darwin-x64": "4.40.0",
+        "@rollup/rollup-freebsd-arm64": "4.40.0",
+        "@rollup/rollup-freebsd-x64": "4.40.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.40.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.40.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.40.0",
+        "@rollup/rollup-linux-arm64-musl": "4.40.0",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.40.0",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.40.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.40.0",
+        "@rollup/rollup-linux-riscv64-musl": "4.40.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.40.0",
+        "@rollup/rollup-linux-x64-gnu": "4.40.0",
+        "@rollup/rollup-linux-x64-musl": "4.40.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.40.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.40.0",
+        "@rollup/rollup-win32-x64-msvc": "4.40.0",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/rollup-plugin-visualizer": {
+      "version": "5.14.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.14.0.tgz",
+      "integrity": "sha512-VlDXneTDaKsHIw8yzJAFWtrzguoJ/LnQ+lMpoVfYJ3jJF4Ihe5oYLAqLklIK/35lgUY+1yEzCkHyZ1j4A5w5fA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "open": "^8.4.0",
+        "picomatch": "^4.0.2",
+        "source-map": "^0.7.4",
+        "yargs": "^17.5.1"
+      },
+      "bin": {
+        "rollup-plugin-visualizer": "dist/bin/cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "rolldown": "1.x",
+        "rollup": "2.x || 3.x || 4.x"
+      },
+      "peerDependenciesMeta": {
+        "rolldown": {
+          "optional": true
+        },
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/rope-sequence": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.4.tgz",
+      "integrity": "sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==",
+      "license": "MIT"
+    },
+    "node_modules/rrweb-cssom": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz",
+      "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/saxes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=v12.22.7"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/siginfo": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
+      "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/smol-toml": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/smol-toml/-/smol-toml-1.3.1.tgz",
+      "integrity": "sha512-tEYNll18pPKHroYSmLLrksq233j021G0giwW7P3D24jC54pQ5W5BXMsQ/Mvw1OJCmEYDgY+lrzT+3nNUtoNfXQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/cyyynthia"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/speakingurl": {
+      "version": "14.0.1",
+      "resolved": "https://registry.npmjs.org/speakingurl/-/speakingurl-14.0.1.tgz",
+      "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stackback": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
+      "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/std-env": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.9.0.tgz",
+      "integrity": "sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/string-width-cjs/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-5.0.1.tgz",
+      "integrity": "sha512-0fk9zBqO67Nq5M/m45qHCJxylV/DhBlIOVExqgOMiCCrzrhU6tCibRXNqE3jwJLftzE9SNuZtYbpzcO+i9FiKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/striptags": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/striptags/-/striptags-3.2.0.tgz",
+      "integrity": "sha512-g45ZOGzHDMe2bdYMdIvdAfCQkCTDMGBazSw1ypMowwGIee7ZQ5dU0rBJ8Jqgl+jAKIv4dbeE1jscZq9wid1Tkw==",
+      "license": "MIT"
+    },
+    "node_modules/svgo": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.3.2.tgz",
+      "integrity": "sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==",
+      "license": "MIT",
+      "dependencies": {
+        "@trysound/sax": "0.2.0",
+        "commander": "^7.2.0",
+        "css-select": "^5.1.0",
+        "css-tree": "^2.3.1",
+        "css-what": "^6.1.0",
+        "csso": "^5.0.5",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "svgo": "bin/svgo"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/svgo"
+      }
+    },
+    "node_modules/svgo/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tabbable": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
+      "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==",
+      "license": "MIT"
+    },
+    "node_modules/tailwind-merge": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.2.0.tgz",
+      "integrity": "sha512-FQT/OVqCD+7edmmJpsgCsY820RTD5AkBryuG5IUqR5YQZSdj5xlH5nLgH7YPths7WsLPSpSBNneJdM8aS8aeFA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.4.tgz",
+      "integrity": "sha512-1ZIUqtPITFbv/DxRmDr5/agPqJwF69d24m9qmM1939TJehgY539CtzeZRjbLt5G6fSy/7YqqYsfvoTEw9xUI2A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tiny-emitter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
+      "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==",
+      "license": "MIT"
+    },
+    "node_modules/tinybench": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
+      "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tinyexec": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-0.3.2.tgz",
+      "integrity": "sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tinypool": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-1.0.2.tgz",
+      "integrity": "sha512-al6n+QEANGFOMf/dmUMsuS5/r9B06uwlyNjZZql/zv8J7ybHCgoihBNORZCY2mzUuAnomQa2JdhyHKzZxPCrFA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      }
+    },
+    "node_modules/tinyrainbow": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
+      "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tinyspy": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-3.0.2.tgz",
+      "integrity": "sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tippy.js": {
+      "version": "6.3.7",
+      "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz",
+      "integrity": "sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@popperjs/core": "^2.9.0"
+      }
+    },
+    "node_modules/tldts": {
+      "version": "6.1.86",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.86.tgz",
+      "integrity": "sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tldts-core": "^6.1.86"
+      },
+      "bin": {
+        "tldts": "bin/cli.js"
+      }
+    },
+    "node_modules/tldts-core": {
+      "version": "6.1.86",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.86.tgz",
+      "integrity": "sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/tough-cookie": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.1.2.tgz",
+      "integrity": "sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tldts": "^6.1.32"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.1.0.tgz",
+      "integrity": "sha512-IUWnUK7ADYR5Sl1fZlO1INDUhVhatWl7BtJWsIhwJ0UAK7ilzzIa8uIqOO/aYVWHZPJkKbEL+362wrzoeRF7bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/tweetnacl": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-1.0.3.tgz",
+      "integrity": "sha512-6rt+RN7aOi1nGMyC4Xa5DdYiukl2UWCbcJft7YhxReBGQD7OAM8Pbxw6YMo4r2diNEA8FEmu32YOn9rhaiE5yw==",
+      "license": "Unlicense"
+    },
+    "node_modules/typescript": {
+      "version": "5.8.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
+      "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/uc.micro": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz",
+      "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==",
+      "license": "MIT"
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/uniqid": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/uniqid/-/uniqid-5.4.0.tgz",
+      "integrity": "sha512-38JRbJ4Fj94VmnC7G/J/5n5SC7Ab46OM5iNtSstB/ko3l1b5g7ALt4qzHFgGciFkyiRNtDXtLNb+VsxtMSE77A==",
+      "license": "MIT"
+    },
+    "node_modules/upload": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/upload/-/upload-1.3.2.tgz",
+      "integrity": "sha512-1uyb/KFxhiQlnD4yW1qqMZHO+zvUqFfnkgF6OF8Rekufeqk5JBNc3w1gsAQJ2g2bC6GCXaRhkiqOSNyVxkpsLA==",
+      "license": "BSD-3-Clause-Clear",
+      "dependencies": {
+        "form-data": "^4.0.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/validator": {
+      "version": "13.15.0",
+      "resolved": "https://registry.npmjs.org/validator/-/validator-13.15.0.tgz",
+      "integrity": "sha512-36B2ryl4+oL5QxZ3AzD0t5SsMNGvTtQHpjgFO5tbNxfXbMFkY822ktCDe1MnlqV3301QQI9SLHDNJokDI+Z9pA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/vite": {
+      "version": "6.2.6",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.2.6.tgz",
+      "integrity": "sha512-9xpjNl3kR4rVDZgPNdTL0/c6ao4km69a/2ihNQbcANz8RuCOK3hQBmLSJf3bRKVQjVMda+YvizNE8AwvogcPbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.25.0",
+        "postcss": "^8.5.3",
+        "rollup": "^4.30.1"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "jiti": ">=1.21.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite-node": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-3.1.1.tgz",
+      "integrity": "sha512-V+IxPAE2FvXpTCHXyNem0M+gWm6J7eRyWPR6vYoG/Gl+IscNOjXzztUhimQgTxaAoUoj40Qqimaa0NLIOOAH4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cac": "^6.7.14",
+        "debug": "^4.4.0",
+        "es-module-lexer": "^1.6.0",
+        "pathe": "^2.0.3",
+        "vite": "^5.0.0 || ^6.0.0"
+      },
+      "bin": {
+        "vite-node": "vite-node.mjs"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/vite-plugin-full-reload": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.2.0.tgz",
+      "integrity": "sha512-kz18NW79x0IHbxRSHm0jttP4zoO9P9gXh+n6UTwlNKnviTTEpOlum6oS9SmecrTtSr+muHEn5TUuC75UovQzcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picocolors": "^1.0.0",
+        "picomatch": "^2.3.1"
+      }
+    },
+    "node_modules/vite-plugin-full-reload/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/vite-svg-loader": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/vite-svg-loader/-/vite-svg-loader-5.1.0.tgz",
+      "integrity": "sha512-M/wqwtOEjgb956/+m5ZrYT/Iq6Hax0OakWbokj8+9PXOnB7b/4AxESHieEtnNEy7ZpjsjYW1/5nK8fATQMmRxw==",
+      "license": "MIT",
+      "dependencies": {
+        "svgo": "^3.0.2"
+      },
+      "peerDependencies": {
+        "vue": ">=3.2.13"
+      }
+    },
+    "node_modules/vitest": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-3.1.1.tgz",
+      "integrity": "sha512-kiZc/IYmKICeBAZr9DQ5rT7/6bD9G7uqQEki4fxazi1jdVl2mWGzedtBs5s6llz59yQhVb7FFY2MbHzHCnT79Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/expect": "3.1.1",
+        "@vitest/mocker": "3.1.1",
+        "@vitest/pretty-format": "^3.1.1",
+        "@vitest/runner": "3.1.1",
+        "@vitest/snapshot": "3.1.1",
+        "@vitest/spy": "3.1.1",
+        "@vitest/utils": "3.1.1",
+        "chai": "^5.2.0",
+        "debug": "^4.4.0",
+        "expect-type": "^1.2.0",
+        "magic-string": "^0.30.17",
+        "pathe": "^2.0.3",
+        "std-env": "^3.8.1",
+        "tinybench": "^2.9.0",
+        "tinyexec": "^0.3.2",
+        "tinypool": "^1.0.2",
+        "tinyrainbow": "^2.0.0",
+        "vite": "^5.0.0 || ^6.0.0",
+        "vite-node": "3.1.1",
+        "why-is-node-running": "^2.3.0"
+      },
+      "bin": {
+        "vitest": "vitest.mjs"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "@edge-runtime/vm": "*",
+        "@types/debug": "^4.1.12",
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "@vitest/browser": "3.1.1",
+        "@vitest/ui": "3.1.1",
+        "happy-dom": "*",
+        "jsdom": "*"
+      },
+      "peerDependenciesMeta": {
+        "@edge-runtime/vm": {
+          "optional": true
+        },
+        "@types/debug": {
+          "optional": true
+        },
+        "@types/node": {
+          "optional": true
+        },
+        "@vitest/browser": {
+          "optional": true
+        },
+        "@vitest/ui": {
+          "optional": true
+        },
+        "happy-dom": {
+          "optional": true
+        },
+        "jsdom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.13.tgz",
+      "integrity": "sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.13",
+        "@vue/compiler-sfc": "3.5.13",
+        "@vue/runtime-dom": "3.5.13",
+        "@vue/server-renderer": "3.5.13",
+        "@vue/shared": "3.5.13"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-component-type-helpers": {
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-2.2.8.tgz",
+      "integrity": "sha512-4bjIsC284coDO9om4HPA62M7wfsTvcmZyzdfR0aUlFXqq4tXxM1APyXpNVxPC8QazKw9OhmZNHBVDA6ODaZsrA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-final-modal": {
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/vue-final-modal/-/vue-final-modal-4.5.5.tgz",
+      "integrity": "sha512-A6xgsXqE6eLw9e6Tq/W6pxDBmimPuSuvq20WL9TOZpZy7itPdGeNn8e1P15PCGqP2yHM3q2gJIchPY9ZJd8YsA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vueuse/core": "^10.5.0",
+        "@vueuse/integrations": "^10.5.0",
+        "focus-trap": "^7.5.4"
+      },
+      "peerDependencies": {
+        "@vueuse/core": ">=10.0.0",
+        "@vueuse/integrations": ">=10.0.0",
+        "focus-trap": ">=7.2.0",
+        "vue": ">=3.2.0"
+      }
+    },
+    "node_modules/vue-final-modal/node_modules/@vueuse/integrations": {
+      "version": "10.11.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/integrations/-/integrations-10.11.1.tgz",
+      "integrity": "sha512-Y5hCGBguN+vuVYTZmdd/IMXLOdfS60zAmDmFYc4BKBcMUPZH1n4tdyDECCPjXm0bNT3ZRUy1xzTLGaUje8Xyaw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vueuse/core": "10.11.1",
+        "@vueuse/shared": "10.11.1",
+        "vue-demi": ">=0.14.8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "async-validator": "^4",
+        "axios": "^1",
+        "change-case": "^4",
+        "drauu": "^0.3",
+        "focus-trap": "^7",
+        "fuse.js": "^6",
+        "idb-keyval": "^6",
+        "jwt-decode": "^3",
+        "nprogress": "^0.2",
+        "qrcode": "^1.5",
+        "sortablejs": "^1",
+        "universal-cookie": "^6"
+      },
+      "peerDependenciesMeta": {
+        "async-validator": {
+          "optional": true
+        },
+        "axios": {
+          "optional": true
+        },
+        "change-case": {
+          "optional": true
+        },
+        "drauu": {
+          "optional": true
+        },
+        "focus-trap": {
+          "optional": true
+        },
+        "fuse.js": {
+          "optional": true
+        },
+        "idb-keyval": {
+          "optional": true
+        },
+        "jwt-decode": {
+          "optional": true
+        },
+        "nprogress": {
+          "optional": true
+        },
+        "qrcode": {
+          "optional": true
+        },
+        "sortablejs": {
+          "optional": true
+        },
+        "universal-cookie": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-final-modal/node_modules/fuse.js": {
+      "version": "6.6.2",
+      "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-6.6.2.tgz",
+      "integrity": "sha512-cJaJkxCCxC8qIIcPBF9yGxY0W/tVZS3uEISDxhYIdtk8OL93pe+6Zj7LjCqVV4dzbqcriOZ+kQ/NE4RXZHsIGA==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/vue-resize": {
+      "version": "2.0.0-alpha.1",
+      "resolved": "https://registry.npmjs.org/vue-resize/-/vue-resize-2.0.0-alpha.1.tgz",
+      "integrity": "sha512-7+iqOueLU7uc9NrMfrzbG8hwMqchfVfSzpVlCMeJQe4pyibqyoifDNbKTZvwxZKDvGkB+PdFeKvnGZMoEb8esg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/vue-screen-utils": {
+      "version": "1.0.0-beta.13",
+      "resolved": "https://registry.npmjs.org/vue-screen-utils/-/vue-screen-utils-1.0.0-beta.13.tgz",
+      "integrity": "sha512-EJ/8TANKhFj+LefDuOvZykwMr3rrLFPLNb++lNBqPOpVigT2ActRg6icH9RFQVm4nHwlHIHSGm5OY/Clar9yIg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/vue-select": {
+      "version": "4.0.0-beta.6",
+      "resolved": "https://registry.npmjs.org/vue-select/-/vue-select-4.0.0-beta.6.tgz",
+      "integrity": "sha512-K+zrNBSpwMPhAxYLTCl56gaMrWZGgayoWCLqe5rWwkB8aUbAUh7u6sXjIR7v4ckp2WKC7zEEUY27g6h1MRsIHw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "3.x"
+      }
+    },
+    "node_modules/vue/node_modules/@vue/shared": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+      "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==",
+      "license": "MIT"
+    },
+    "node_modules/vue3-click-away": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/vue3-click-away/-/vue3-click-away-1.2.4.tgz",
+      "integrity": "sha512-O9Z2KlvIhJT8OxaFy04eiZE9rc1Mk/bp+70dLok68ko3Kr8AW5dU+j8avSk4GDQu94FllSr4m5ul4BpzlKOw1A==",
+      "license": "MIT"
+    },
+    "node_modules/w3c-keyname": {
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
+      "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
+      "license": "MIT"
+    },
+    "node_modules/w3c-xmlserializer": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/wcwidth": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
+      "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "defaults": "^1.0.3"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-encoding": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
+      "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "14.2.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.2.0.tgz",
+      "integrity": "sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "^5.1.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/why-is-node-running": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
+      "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "siginfo": "^2.0.0",
+        "stackback": "0.0.2"
+      },
+      "bin": {
+        "why-is-node-running": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ws": {
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.1.tgz",
+      "integrity": "sha512-RKW2aJZMXeMxVpnZ6bck+RswznaxmzdULiBr6KY7XkTnW8uvt0iT9H5DkHUChXrc+uurzwa0rVI16n/Xzjdz1w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
         }
+      }
+    },
+    "node_modules/xml-name-validator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/yargs/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/yargs/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/zod": {
+      "version": "3.24.2",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.24.2.tgz",
+      "integrity": "sha512-lY7CDW43ECgW9u1TcT3IoXHflywfVqDYze4waEz812jR/bZ8FHDsl7pFQoSZTz5N+2NqRXs8GBwnAwo3ZNxqhQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/zod-validation-error": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-3.4.0.tgz",
+      "integrity": "sha512-ZOPR9SVY6Pb2qqO5XHt+MkkTRxGXb4EVtnjc9JpXUOtUB1T9Ru7mZOT361AN3MsetVe7R0a1KZshJDZdgp9miQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "zod": "^3.18.0"
+      }
     }
+  }
 }
diff --git a/package.json b/package.json
index a342cdc0b50..6e9fa212a5d 100644
--- a/package.json
+++ b/package.json
@@ -79,7 +79,7 @@
     "pusher-js": "^8.4.0-rc2",
     "qs": "^6.9.7",
     "read-time-estimate": "0.0.3",
-    "reka-ui": "^2.0.0",
+    "reka-ui": "^2.2.0",
     "resize-observer-polyfill": "^1.5.1",
     "semver": "^7.7.1",
     "speakingurl": "^14.0.1",

From 684a8d98773e09d68c8a72c9d1d6a745f7fb883c Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 14 Apr 2025 15:51:26 -0400
Subject: [PATCH 094/186] contrast bump

---
 resources/js/components/ui/Dropdown/Label.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Dropdown/Label.vue b/resources/js/components/ui/Dropdown/Label.vue
index 43c2175e99c..6e8d251d27d 100644
--- a/resources/js/components/ui/Dropdown/Label.vue
+++ b/resources/js/components/ui/Dropdown/Label.vue
@@ -12,7 +12,7 @@ const hasDefaultSlot = !!slots.default;
 
 <template>
     <DropdownMenuLabel
-        class="col-span-2 grid items-center rounded-lg px-3 py-2 text-xs text-gray-500 antialiased dark:text-gray-400"
+        class="col-span-2 grid items-center rounded-lg px-3 py-2 text-xs text-gray-500 dark:text-gray-400"
         data-ui-dropdown-label
     >
         <slot v-if="hasDefaultSlot" />

From 248a7a6f7a087756a6f01fad11298144c95415c3 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 14 Apr 2025 16:59:10 -0400
Subject: [PATCH 095/186] wip collection widget refactor with pagination in
 header

---
 resources/js/components/Listing.vue           | 15 ++--
 .../js/components/data-list/DataList.vue      | 36 ++------
 .../js/components/data-list/Pagination.vue    | 67 ++++++---------
 resources/js/components/data-list/Table.vue   | 40 +++------
 .../components/entries/CreateEntryButton.vue  |  3 +-
 resources/js/components/entries/Widget.vue    | 82 +++++++++----------
 resources/js/components/ui/Button/Index.vue   |  2 +-
 resources/views/widgets/collection.blade.php  |  3 +-
 8 files changed, 96 insertions(+), 152 deletions(-)

diff --git a/resources/js/components/Listing.vue b/resources/js/components/Listing.vue
index f3898388ad6..70942ad3069 100644
--- a/resources/js/components/Listing.vue
+++ b/resources/js/components/Listing.vue
@@ -8,14 +8,11 @@ export default {
     mixins: [HasActions, HasFilters, HasPagination, HasPreferences],
 
     props: {
-        initialSortColumn: String,
-        initialSortDirection: String,
-        initialColumns: {
-            type: Array,
-            default: () => [],
-        },
-        filters: Array,
-        actionUrl: String,
+        initialSortColumn: { type: String, default: null },
+        initialSortDirection: { type: String, default: null },
+        initialColumns: { type: Array, default: () => [] },
+        filters: { type: Array, default: () => [] },
+        actionUrl: { type: String, default: null },
     },
 
     data() {
@@ -28,7 +25,7 @@ export default {
             visibleColumns: this.initialColumns.filter((column) => column.visible),
             sortColumn: this.initialSortColumn,
             sortDirection: this.initialSortDirection,
-            meta: null,
+            meta: {},
             pushQuery: false,
             popping: false,
         };
diff --git a/resources/js/components/data-list/DataList.vue b/resources/js/components/data-list/DataList.vue
index 3d7b60a0cbd..62762bea1b4 100644
--- a/resources/js/components/data-list/DataList.vue
+++ b/resources/js/components/data-list/DataList.vue
@@ -5,34 +5,14 @@ import { sortBy } from 'lodash-es';
 export default {
     emits: ['selections-updated', 'visible-columns-updated'],
     props: {
-        columns: {
-            type: Array,
-            default: () => [],
-        },
-        rows: {
-            type: Array,
-            required: true,
-        },
-        searchQuery: {
-            type: String,
-            default: '',
-        },
-        selections: {
-            type: Array,
-            default: () => [],
-        },
-        maxSelections: {
-            type: Number,
-        },
-        sort: {
-            type: Boolean,
-            default: true,
-        },
-        sortColumn: String,
-        sortDirection: {
-            type: String,
-            default: 'asc',
-        },
+        columns: { type: Array, default: () => [] },
+        rows: { type: Array, required: true },
+        searchQuery: { type: String, default: '' },
+        selections: { type: Array, default: () => [] },
+        maxSelections: { type: Number },
+        sort: { type: Boolean, default: true },
+        sortColumn: { type: String },
+        sortDirection: { type: String, default: 'asc' },
     },
     provide() {
         return {
diff --git a/resources/js/components/data-list/Pagination.vue b/resources/js/components/data-list/Pagination.vue
index 55de348d96c..06f4fdde7ca 100644
--- a/resources/js/components/data-list/Pagination.vue
+++ b/resources/js/components/data-list/Pagination.vue
@@ -1,36 +1,34 @@
 <template>
-    <div class="flex w-full">
+    <div class="flex">
         <div class="flex flex-1 items-center" v-if="!inline">
             <div class="text-xs text-gray-700" v-if="showTotals && totalItems > 0">
                 {{ __(':start-:end of :total', { start: fromItem, end: toItem, total: totalItems }) }}
             </div>
         </div>
 
-        <ul v-if="hasMultiplePages" class="pagination" :class="{ 'pagination-inline': inline }">
-            <li v-if="hasPrevious">
-                <a @click="selectPreviousPage"
-                    ><span class="text-xs" v-html="direction === 'ltr' ? '&larr;' : '&rarr;'"></span
-                ></a>
-            </li>
-
-            <li v-for="(page, i) in pages" v-if="showPageLinks" :key="i" :class="{ current: page == currentPage }">
-                <span v-if="page === 'separator'" class="unclickable">...</span>
-                <a v-else @click="selectPage(page)">{{ page }}</a>
-            </li>
-
-            <li v-if="hasNext">
-                <a @click="selectNextPage"
-                    ><span class="text-xs" v-html="direction === 'ltr' ? '&rarr;' : '&larr;'"></span
-                ></a>
-            </li>
-        </ul>
+        <div v-if="hasMultiplePages" class="flex items-center gap-1" :class="{ 'pagination-inline': inline }">
+            <ui-button size="sm" variant="filled" icon="ui/chevron-left" :disabled="!hasPrevious" @click="selectPreviousPage" />
+
+            <ui-button
+                v-if="showPageLinks"
+                v-for="(page, i) in pages"
+                size="sm"
+                :variant="page == currentPage ? 'ghost' : 'filled'"
+                :key="i"
+                @click="selectPage(page)"
+                :disabled="page === 'separator' || page === currentPage"
+                :text="page === 'separator' ? '...' : page"
+            />
+
+            <ui-button size="sm" variant="filled" icon="ui/chevron-right" :disabled="!hasNext" @click="selectNextPage" />
+        </div>
 
         <div class="flex flex-1">
             <div class="flex-1"></div>
 
             <select-input
                 v-if="perPage && isPerPageEvenUseful"
-                class="ltr:ml-6 rtl:mr-6"
+                class="ms-6"
                 name="perPage"
                 :placeholder="__('Per Page')"
                 :options="perPageOptions"
@@ -51,29 +49,12 @@ export default {
     mixins: [HasInputOptions],
 
     props: {
-        inline: {
-            type: Boolean,
-            default: false,
-        },
-        showTotals: {
-            type: Boolean,
-            default: false,
-        },
-        perPage: {
-            type: Number,
-        },
-        resourceMeta: {
-            type: Object,
-            required: true,
-        },
-        scrollToTop: {
-            type: Boolean,
-            default: true,
-        },
-        showPageLinks: {
-            type: Boolean,
-            default: true,
-        },
+        inline: { type: Boolean, default: false },
+        showTotals: { type: Boolean, default: false },
+        perPage: { type: Number },
+        resourceMeta: { type: Object, required: true },
+        scrollToTop: { type: Boolean, default: true },
+        showPageLinks: { type: Boolean, default: true },
     },
 
     data() {
diff --git a/resources/js/components/data-list/Table.vue b/resources/js/components/data-list/Table.vue
index 04889eb0259..b7a9384c006 100644
--- a/resources/js/components/data-list/Table.vue
+++ b/resources/js/components/data-list/Table.vue
@@ -3,10 +3,10 @@
         :data-size="relativeColumnsSize"
         ref="table"
         tabindex="0"
-        class="data-table"
-        :class="{ 'select-none': shifting }"
+        :class="{ 'select-none': shifting, 'data-table': !unstyled }"
         @keydown.shift="shiftDown"
         @keyup="clearShift"
+        data-table
     >
         <thead v-if="allowBulkActions || visibleColumns.length > 1">
             <tr>
@@ -24,7 +24,7 @@
                         'current-column': sharedState.sortColumn === column.field,
                         'sortable-column': column.sortable === true,
                         'cursor-not-allowed': !sortable,
-                        'ltr:pr-8 ltr:text-right rtl:pl-8 rtl:text-left': column.numeric,
+                        'pe-8 text-end': column.numeric,
                     }"
                     class="group rounded-none"
                     @click.prevent="changeSortColumn(column.field)"
@@ -39,7 +39,7 @@
                         height="8"
                         width="8"
                         viewBox="0 0 10 6.5"
-                        class="opacity-0 group-hover:opacity-100 ltr:ml-1 rtl:mr-1"
+                        class="opacity-0 group-hover:opacity-100 ms-1"
                     >
                         <path d="M9.9,1.4L5,6.4L0,1.4L1.4,0L5,3.5L8.5,0L9.9,1.4z" fill="currentColor" />
                     </svg>
@@ -84,7 +84,7 @@
                         :key="column.field"
                         @click="rowClicked(row, index, $event)"
                         :width="column.width"
-                        :class="{ 'ltr:pr-8 ltr:text-right rtl:pl-8 rtl:text-left': column.numeric }"
+                        :class="{ 'pr-8 text-end': column.numeric }"
                     >
                         <slot
                             :name="`cell-${column.field}`"
@@ -140,29 +140,13 @@ export default {
     },
 
     props: {
-        loading: {
-            type: Boolean,
-            default: false,
-        },
-        allowBulkActions: {
-            default: false,
-            type: Boolean,
-        },
-        toggleSelectionOnRowClick: {
-            type: Boolean,
-            default: false,
-        },
-        sortable: {
-            type: Boolean,
-            default: true,
-        },
-        reorderable: {
-            type: Boolean,
-            default: false,
-        },
-        type: {
-            type: String,
-        },
+        loading: { type: Boolean, default: false },
+        allowBulkActions: { type: Boolean, default: false },
+        toggleSelectionOnRowClick: { type: Boolean, default: false },
+        sortable: { type: Boolean, default: true },
+        reorderable: { type: Boolean, default: false },
+        type: { type: String },
+        unstyled: { type: Boolean, default: false },
     },
 
     inject: ['sharedState'],
diff --git a/resources/js/components/entries/CreateEntryButton.vue b/resources/js/components/entries/CreateEntryButton.vue
index 1c3d8746259..f8b412eb6ee 100644
--- a/resources/js/components/entries/CreateEntryButton.vue
+++ b/resources/js/components/entries/CreateEntryButton.vue
@@ -3,7 +3,7 @@
         <ui-button @click="create" v-if="!hasMultipleBlueprints" :text="text" />
         <ui-dropdown v-else>
             <template #trigger>
-                <ui-button @click.prevent="create" icon-append="ui/chevron-down" :text="text" />
+                <ui-button @click.prevent="create" :variant icon-append="ui/chevron-down" :text="text" />
             </template>
             <ui-dropdown-menu>
                 <ui-dropdown-label v-text="__('Choose Blueprint')" />
@@ -23,6 +23,7 @@ export default {
     props: {
         url: String,
         blueprints: Array,
+        variant: { type: String, default: 'primary' },
         text: { type: String, default: () => __('Create Entry') },
         buttonClass: { type: String, default: 'btn' },
     },
diff --git a/resources/js/components/entries/Widget.vue b/resources/js/components/entries/Widget.vue
index 66c0dbc1fc7..f2290e0ada6 100644
--- a/resources/js/components/entries/Widget.vue
+++ b/resources/js/components/entries/Widget.vue
@@ -1,35 +1,43 @@
 <template>
     <ui-card inset>
-        <header class="flex items-center justify-between px-4 py-3 border-b border-ui-border">
-            <div class="flex items-center gap-3">
-                <ui-icon name="collections" class="size-5 text-gray-500" />
-                <span v-text="title" />
-            </div>
-            <slot name="actions"></slot>
-        </header>
-        <div class="p-4">
-            <div v-if="initializing" class="loading">
-                <loading-graphic />
-            </div>
-
-            <data-list
-                v-if="!initializing && items.length"
-                :rows="items"
-                :columns="cols"
-                :sort="false"
-                :sort-column="sortColumn"
-                :sort-direction="sortDirection"
-                class="flex h-full flex-col justify-between"
-            >
-                <div>
-                    <data-list-table :loading="loading">
+        <data-list
+            v-if="!initializing && items.length"
+            :rows="items"
+            :columns="cols"
+            :sort="false"
+            :sort-column="sortColumn"
+            :sort-direction="sortDirection"
+            class="flex h-full flex-col justify-between"
+        >
+            <div>
+                <header class="flex items-center justify-between px-4 py-2.5 border-b border-gray-200 dark:border-gray-700">
+                    <div class="flex items-center gap-3">
+                        <ui-icon name="collections" class="size-5 text-gray-500" />
+                        <span v-text="title" />
+                    </div>
+                    <div class="flex items-center gap-4">
+                        <data-list-pagination
+                            v-if="meta.last_page != 1"
+                            :resource-meta="meta"
+                            @page-selected="selectPage"
+                            :scroll-to-top="false"
+                            :show-page-links="false"
+                        />
+                        <slot name="actions"></slot>
+                    </div>
+                </header>
+                <div class="p-4">
+                    <div v-if="initializing" class="loading">
+                        <loading-graphic />
+                    </div>
+                    <data-list-table :loading="loading" unstyled class="[&_td]:text-sm [&_td]:p-0.5 [&_thead]:hidden">
                         <template #cell-title="{ row: entry }">
                             <div class="flex items-center">
                                 <span
-                                    class="little-dot ltr:mr-2 rtl:ml-2"
-                                    v-tooltip="getStatusLabel(entry)"
-                                    :class="getStatusClass(entry)"
                                     v-if="!columnShowing('status')"
+                                    class="little-dot me-2"
+                                    :class="getStatusClass(entry)"
+                                    v-tooltip="getStatusLabel(entry)"
                                 />
                                 <a :href="entry.edit_url">{{ entry.title }}</a>
                             </div>
@@ -43,21 +51,13 @@
                             />
                         </template>
                     </data-list-table>
-                    <data-list-pagination
-                        v-if="meta.last_page != 1"
-                        class="rounded-b-lg border-t bg-gray-200 py-2 text-sm dark:border-gray-900 dark:bg-dark-650"
-                        :resource-meta="meta"
-                        @page-selected="selectPage"
-                        :scroll-to-top="false"
-                        :show-page-links="false"
-                    />
                 </div>
-            </data-list>
+            </div>
+        </data-list>
 
-            <p v-else-if="!initializing && !items.length" class="p-4 pt-2 text-sm text-gray-600">
-                {{ __('There are no entries in this collection') }}
-            </p>
-        </div>
+        <p v-if="!initializing && !items.length" class="p-3 text-center text-sm text-gray-600">
+            {{ __('There are no entries in this collection') }}
+        </p>
     </ui-card>
 </template>
 
@@ -87,9 +87,9 @@ export default {
             if (entry.published && entry.private) {
                 return 'bg-transparent border border-gray-600';
             } else if (entry.published) {
-                return 'bg-green-600';
+                return 'bg-green-400';
             } else {
-                return 'bg-gray-400 dark:bg-dark-200';
+                return 'bg-gray-300 dark:bg-dark-200';
             }
         },
 
diff --git a/resources/js/components/ui/Button/Index.vue b/resources/js/components/ui/Button/Index.vue
index a41d4e346de..de7b9f04979 100644
--- a/resources/js/components/ui/Button/Index.vue
+++ b/resources/js/components/ui/Button/Index.vue
@@ -35,7 +35,7 @@ const buttonClasses = computed(() => {
                     'dark:from-white dark:to-gray-200 dark:hover:from-gray-200 dark:text-gray-800 dark:border-0',
                 ],
                 danger: 'bg-linear-to-b from-red-500/90 to-red-500 hover:bg-red-500/90 text-white border border-red-600 inset-shadow-2xs inset-shadow-red-300 [&_svg]:text-red-200',
-                filled: 'bg-gray-800/3 hover:bg-gray-800/6 dark:bg-gray-700/80 dark:hover:bg-gray-700',
+                filled: 'bg-gray-800/3 hover:bg-gray-800/6 dark:bg-gray-700/80 dark:hover:bg-gray-700 [&_svg]:text-gray-700 dark:[&_svg]:text-gray-300',
                 ghost: 'bg-transparent hover:bg-gray-400/10 text-gray-500 hover:text-gray-700 dark:text-gray-300 dark:hover:bg-gray-700/80 dark:hover:text-gray-200',
             },
             size: {
diff --git a/resources/views/widgets/collection.blade.php b/resources/views/widgets/collection.blade.php
index 1b79660886e..41bf6ba862f 100644
--- a/resources/views/widgets/collection.blade.php
+++ b/resources/views/widgets/collection.blade.php
@@ -14,9 +14,10 @@
     @if ($canCreate)
         <template #actions>
             <create-entry-button
+                text="{{ $button }}"
                 url="{{ $collection->createEntryUrl(Site::selected()) }}"
+                variant="default"
                 :blueprints="{{ $blueprints->toJson() }}"
-                text="{{ $button }}"
             ></create-entry-button>
         </template>
     @endif

From 782eb83dc80608a88c09e528822d885b037950fb Mon Sep 17 00:00:00 2001
From: Jesse Leite <jesseleite@gmail.com>
Date: Tue, 15 Apr 2025 14:07:23 -0400
Subject: [PATCH 096/186] [6.x] Command Palette (Part 1) (#11699)

Co-authored-by: Jack McDade <jack@jackmcdade.com>
Co-authored-by: Jason Varga <jason@pixelfear.com>
---
 package-lock.json                             |   7 +
 package.json                                  |   3 +-
 resources/css/components/global-header.css    | 113 ---------
 resources/js/bootstrap/App.vue                |   4 +-
 resources/js/bootstrap/statamic.js            |   4 +
 resources/js/components/GlobalSearch.vue      | 205 -----------------
 .../command-palette/CommandPalette.vue        | 217 ++++++++++++++++++
 .../Item.vue                                  |  20 +-
 .../js/components/ui/CommandPalette/Index.vue |  88 -------
 .../partials/new-global-header.blade.php      |   2 +-
 routes/cp.php                                 |   5 +-
 src/CP/Navigation/Nav.php                     |  17 +-
 src/CP/Navigation/NavBuilder.php              |  85 ++++++-
 src/CP/Navigation/NavTransformer.php          |   5 +-
 src/CommandPalette/Category.php               |  17 ++
 src/CommandPalette/Command.php                |  46 ++++
 src/CommandPalette/ContentSearchResult.php    |  31 +++
 src/CommandPalette/Link.php                   |  22 ++
 src/CommandPalette/Palette.php                |  61 +++++
 src/Facades/CP/Nav.php                        |   1 -
 src/Facades/CommandPalette.php                |  17 ++
 .../CP/CommandPaletteController.php           |  50 ++++
 .../Preferences/Nav/DefaultNavController.php  |   7 +-
 .../CP/Preferences/Nav/RoleNavController.php  |   7 +-
 src/Http/Controllers/CP/SearchController.php  |  32 ---
 tests/CP/Navigation/NavPreferencesTest.php    |   6 +-
 tests/CommandPalette/CommandPaletteTest.php   |  85 +++++++
 .../ContentSearchTest.php}                    |   4 +-
 28 files changed, 685 insertions(+), 476 deletions(-)
 delete mode 100644 resources/js/components/GlobalSearch.vue
 create mode 100644 resources/js/components/command-palette/CommandPalette.vue
 rename resources/js/components/{ui/CommandPalette => command-palette}/Item.vue (65%)
 delete mode 100644 resources/js/components/ui/CommandPalette/Index.vue
 create mode 100644 src/CommandPalette/Category.php
 create mode 100644 src/CommandPalette/Command.php
 create mode 100644 src/CommandPalette/ContentSearchResult.php
 create mode 100644 src/CommandPalette/Link.php
 create mode 100644 src/CommandPalette/Palette.php
 create mode 100644 src/Facades/CommandPalette.php
 create mode 100644 src/Http/Controllers/CP/CommandPaletteController.php
 delete mode 100644 src/Http/Controllers/CP/SearchController.php
 create mode 100644 tests/CommandPalette/CommandPaletteTest.php
 rename tests/{Feature/GlobalSearch/GlobalSearchTest.php => CommandPalette/ContentSearchTest.php} (96%)

diff --git a/package-lock.json b/package-lock.json
index 50c02eab580..165edc5aaa8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -54,6 +54,7 @@
         "cva": "^1.0.0-beta.3",
         "floating-vue": "^5.2.2",
         "fuse.js": "^7.0.0",
+        "fuzzysort": "^3.1.0",
         "highlight.js": "^11.7.0",
         "laravel-echo": "^1.16.0",
         "lodash-es": "^4.17.21",
@@ -3645,6 +3646,12 @@
         "node": ">=10"
       }
     },
+    "node_modules/fuzzysort": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/fuzzysort/-/fuzzysort-3.1.0.tgz",
+      "integrity": "sha512-sR9BNCjBg6LNgwvxlBd0sBABvQitkLzoVY9MYYROQVX/FvfJ4Mai9LsGhDgd8qYdds0bY77VzYd5iuB+v5rwQQ==",
+      "license": "MIT"
+    },
     "node_modules/get-caller-file": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
diff --git a/package.json b/package.json
index 6e9fa212a5d..72c7921853a 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     "svgo": "svgo -f ./resources/svg/  -r",
     "test": "vitest run",
     "test-watch": "npm run test -- --watch --notify",
-    "frontend-dev": "vite build -c vite-frontend.config.js --watch",
+    "frontend-dev": "vite -c vite-frontend.config.js",
     "frontend-build": "vite build -c vite-frontend.config.js",
     "prettier:format": "prettier --write \"**/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts,vue,blade.php,antlers.html,css}\"",
     "prettier:check": "prettier --check \"**/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts,vue,blade.php,antlers.html,css}\"",
@@ -63,6 +63,7 @@
     "cva": "^1.0.0-beta.3",
     "floating-vue": "^5.2.2",
     "fuse.js": "^7.0.0",
+    "fuzzysort": "^3.1.0",
     "highlight.js": "^11.7.0",
     "laravel-echo": "^1.16.0",
     "lodash-es": "^4.17.21",
diff --git a/resources/css/components/global-header.css b/resources/css/components/global-header.css
index 8590841ff9f..92ed775a80b 100644
--- a/resources/css/components/global-header.css
+++ b/resources/css/components/global-header.css
@@ -29,119 +29,6 @@
     }
 }
 
-/* Search
-   ========================================================================== */
-.global-search {
-    @apply relative flex hidden items-center rounded-md border px-2 py-0 dark:border-dark-300;
-    transition: 0.12s ease-out;
-
-    .search-input {
-        @apply w-full max-w-full text-sm dark:bg-dark-600 dark:text-dark-150;
-        padding-left: 5px;
-        padding-right: 20px;
-        [dir='rtl'] & {
-            padding-left: 20px;
-            padding-right: 5px;
-        }
-        height: 32px;
-        &:focus {
-            outline: 0;
-        }
-    }
-
-    .global-search-results {
-        @apply absolute w-full rounded-sm border border-gray-500 bg-white p-0 shadow-lg;
-        @apply dark:border-dark-900 dark:bg-dark-650;
-        top: 36px;
-        left: -1px;
-        [dir='rtl'] & {
-            left: auto;
-            right: -1px;
-        } /*  border offset */
-        z-index: 999;
-    }
-
-    .global-search-loading-indicator {
-        position: absolute;
-        right: 8px;
-        [dir='rtl'] & {
-            right: auto;
-            left: 8px;
-        }
-    }
-
-    .global-search-result-item {
-        @apply cursor-pointer border-t dark:border-dark-800 dark:bg-dark-600 dark:text-dark-150;
-
-        &:first-child {
-            @apply rounded-t border-none;
-        }
-
-        &:last-child {
-            @apply rounded-b;
-        }
-    }
-
-    .global-search-result-badge {
-        @apply rounded-sm border bg-gray-200 px-1 text-2xs text-gray;
-        @apply dark:border-dark-700 dark:bg-dark-600 dark:text-dark-100;
-    }
-
-    .active {
-        @apply bg-gray-300 dark:bg-dark-650;
-    }
-
-    .title {
-        @apply text-sm font-medium;
-    }
-
-    .url {
-        @apply text-2xs text-gray-400;
-    }
-
-    .status {
-        float: right;
-        [dir='rtl'] & {
-            float: left;
-        }
-        background: #ddd;
-        border-radius: 2px;
-        padding: 2px 4px;
-    }
-
-    .icon {
-        @apply relative cursor-pointer overflow-hidden text-gray dark:text-dark-175;
-        font-size: 18px;
-        top: 1px;
-        width: 20px;
-        height: 20px;
-        line-height: 20px;
-    }
-
-    .reset {
-        font-size: 21px;
-        left: -3px;
-        [dir='rtl'] & {
-            left: auto;
-            right: -3px;
-        }
-        position: relative;
-    }
-
-    kbd {
-        @apply rounded-sm border px-1 pb-px font-sans text-2xs text-gray-500;
-    }
-}
-
-@media (width >= theme(--breakpoint-lg)) {
-    .global-search {
-        @apply flex w-128 max-w-full;
-        .global-search-results {
-            @apply w-128;
-        }
-    }
-}
-
 .site-selector {
     .v-select {
         @apply h-full;
diff --git a/resources/js/bootstrap/App.vue b/resources/js/bootstrap/App.vue
index a4ba8758945..079e97a48de 100644
--- a/resources/js/bootstrap/App.vue
+++ b/resources/js/bootstrap/App.vue
@@ -1,5 +1,4 @@
 <script>
-import GlobalSearch from '../components/GlobalSearch.vue';
 import GlobalSiteSelector from '../components/GlobalSiteSelector.vue';
 import Login from '../components/login/Login.vue';
 import BaseEntryCreateForm from '../components/entries/BaseCreateForm.vue';
@@ -42,12 +41,13 @@ import AssetContainerEditForm from '../components/asset-containers/EditForm.vue'
 import Updater from '../components/updater/Updater.vue';
 import PortalTargets from '../components/portals/PortalTargets.vue';
 import SitesEditForm from '../components/sites/EditForm.vue';
+import CommandPalette from '../components/command-palette/CommandPalette.vue';
 import { defineAsyncComponent } from 'vue';
 import { ConfigProvider } from 'reka-ui';
 
 export default {
     components: {
-        GlobalSearch,
+        CommandPalette,
         GlobalSiteSelector,
         Login,
         BaseEntryCreateForm,
diff --git a/resources/js/bootstrap/statamic.js b/resources/js/bootstrap/statamic.js
index 8e5ffcd85fe..e342b179aeb 100644
--- a/resources/js/bootstrap/statamic.js
+++ b/resources/js/bootstrap/statamic.js
@@ -86,6 +86,10 @@ export default {
         return { defineStore };
     },
 
+    get $keys() {
+        return this.$app.config.globalProperties.$keys;
+    },
+
     get $permissions() {
         return this.$app.config.globalProperties.$permissions;
     },
diff --git a/resources/js/components/GlobalSearch.vue b/resources/js/components/GlobalSearch.vue
deleted file mode 100644
index ac30e0ec041..00000000000
--- a/resources/js/components/GlobalSearch.vue
+++ /dev/null
@@ -1,205 +0,0 @@
-<template>
-    <div class="global-search" :class="{ dirty: isDirty }" v-click-away="reset" v-cloak>
-        <div class="state-container flex h-4 w-4 items-center text-gray-500" @click="focus">
-            <svg-icon name="light/magnifying-glass" class="h-4 w-4"></svg-icon>
-        </div>
-        <label class="sr-only" v-text="__('Global Search')" for="global-search" />
-        <input
-            type="text"
-            autocomplete="off"
-            class="search-input"
-            ref="input"
-            name="search"
-            v-model="query"
-            id="global-search"
-            @keydown.up.prevent="moveUp"
-            @keydown.down.prevent="moveDown"
-            @keydown.enter.prevent="hit"
-            @keydown.esc.prevent="reset"
-            @focus="focused = true"
-            :placeholder="placeholder"
-            tabindex="-1"
-        />
-
-        <span
-            v-if="!(isDirty || searching)"
-            class="rounded-sm border px-1 pb-px text-2xs text-gray-600 dark:border-dark-300 dark:text-dark-200"
-            >/</span
-        >
-        <loading-graphic v-if="searching" :size="14" :inline="true" text="" class="global-search-loading-indicator" />
-
-        <div v-show="focused && (hasResults || hasFavorites)" class="global-search-results">
-            <div
-                v-if="hasResults"
-                v-for="(result, index) in results"
-                class="global-search-result-item break-overflowing-words flex items-start p-2"
-                :class="{ active: current == index }"
-                @click="hit"
-                @mousemove="setActive(index)"
-            >
-                <svg-icon :name="`light/${getResultIcon(result)}`" class="icon"></svg-icon>
-                <div class="title flex-1 ltr:ml-2 rtl:mr-2" v-html="result.title"></div>
-                <span class="global-search-result-badge" v-text="result.badge" />
-            </div>
-
-            <div v-if="!hasResults && hasFavorites">
-                <div class="px-3 py-2 text-3xs uppercase text-gray dark:text-dark-200">{{ __('Your Favorites') }}</div>
-
-                <div
-                    v-for="(favorite, index) in favorites"
-                    class="global-search-result-item flex items-center"
-                    :class="{ active: current == index }"
-                    @mousemove="setActive(index)"
-                >
-                    <div class="flex flex-1 items-center p-2" @click="hit">
-                        <svg-icon name="light/pin" class="h-4 w-4"></svg-icon>
-                        <div class="title ltr:ml-2 rtl:mr-2" v-text="favorite.name"></div>
-                    </div>
-                    <div class="p-2 text-gray-600 hover:text-gray-800" @click="removeFavorite(favorite)">&times;</div>
-                </div>
-
-                <div class="border-t px-3 py-2 text-center text-xs text-gray dark:border-dark-900 dark:text-dark-200">
-                    <b class="text-3xs uppercase tracking-widest">{{ __('Pro Tip') }}:</b>
-                    <span v-html="__('messages.global_search_open_using_slash')" />
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-import debounce from '@statamic/util/debounce.js';
-
-export default {
-    props: {
-        endpoint: String,
-        placeholder: String,
-    },
-
-    data() {
-        return {
-            results: [],
-            query: '',
-            current: -1,
-            searching: false,
-            focused: false,
-        };
-    },
-
-    computed: {
-        hasResults() {
-            return this.results.length > 0;
-        },
-
-        favorites() {
-            return this.$preferences.get('favorites', []);
-        },
-
-        hasFavorites() {
-            return this.favorites.length > 0;
-        },
-
-        isEmpty() {
-            return !this.query && !this.searching;
-        },
-
-        isDirty() {
-            return !!this.query && !this.searching;
-        },
-    },
-
-    methods: {
-        update: debounce(function () {
-            if (!this.query) {
-                this.results = [];
-                this.searching = false;
-                return;
-            }
-
-            let payload = { params: { q: this.query } };
-
-            this.$axios.get(this.endpoint, payload).then((response) => {
-                this.results = response.data;
-                this.current = -1;
-                this.searching = false;
-            });
-        }, 300),
-
-        reset() {
-            this.results = [];
-            this.query = '';
-            this.focused = false;
-            this.searching = false;
-        },
-
-        setActive(index) {
-            this.current = index;
-        },
-
-        focus() {
-            this.$refs.input.focus();
-            this.focused = true;
-        },
-
-        hit($event) {
-            const item = this.hasResults ? this.results[this.current] : this.favorites[this.current];
-
-            if (!item) return;
-
-            const url = this.hasResults ? item.url : `${this.$config.get('cpRoot')}/${item.url}`;
-
-            $event.metaKey ? window.open(url) : (window.location = url);
-        },
-
-        moveUp() {
-            if (this.current > 0) this.current--;
-        },
-
-        moveDown() {
-            if (this.hasResults) {
-                if (this.current < this.results.length - 1) this.current++;
-            } else {
-                if (this.current < this.favorites.length - 1) this.current++;
-            }
-        },
-
-        getResultIcon(result) {
-            if (result.reference.startsWith('asset::')) {
-                return 'assets';
-            } else if (result.reference.startsWith('user::')) {
-                return 'user';
-            } else {
-                return 'content-writing';
-            }
-        },
-
-        removeFavorite(favorite) {
-            this.$preferences.remove('favorites', favorite).then((response) => {
-                this.$toast.success(__('Favorite removed'));
-            });
-        },
-    },
-
-    watch: {
-        query(query) {
-            this.searching = true;
-            this.update();
-        },
-
-        searching(searching) {
-            // this.$progress.loading('global-search', searching);
-        },
-    },
-
-    created() {
-        this.$events.$on('favorites.added', this.focus);
-    },
-
-    mounted() {
-        this.$keys.bind('/', (e) => {
-            e.preventDefault();
-            this.focus();
-        });
-    },
-};
-</script>
diff --git a/resources/js/components/command-palette/CommandPalette.vue b/resources/js/components/command-palette/CommandPalette.vue
new file mode 100644
index 00000000000..d0009c2108e
--- /dev/null
+++ b/resources/js/components/command-palette/CommandPalette.vue
@@ -0,0 +1,217 @@
+<script setup>
+import { ref, computed, watch } from 'vue';
+import CommandPaletteItem from './Item.vue';
+import axios from 'axios';
+import debounce from '@statamic/util/debounce';
+import { DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DialogDescription, VisuallyHidden } from 'reka-ui';
+import { ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxLabel, ComboboxInput, ComboboxItem, ComboboxRoot, ComboboxViewport } from 'reka-ui';
+import fuzzysort from 'fuzzysort';
+import { each, groupBy, sortBy, find } from 'lodash-es';
+import { motion } from "motion-v"
+import { cva } from 'cva';
+
+let open = ref(false);
+let query = ref('');
+let categories = ref([]);
+let items = ref(getItems());
+let searchResults = ref([]);
+let selected = ref(null);
+
+Statamic.$keys.bindGlobal(['mod+k'], (e) => {
+    e.preventDefault();
+    open.value = true;
+});
+
+each({
+    'esc': () => open.value = false,
+    'ctrl+n': () => document.activeElement.dispatchEvent(new KeyboardEvent('keydown', {'key': 'ArrowDown'})),
+    'ctrl+p': () => document.activeElement.dispatchEvent(new KeyboardEvent('keydown', {'key': 'ArrowUp'})),
+}, (callback, binding) => {
+    Statamic.$keys.bindGlobal([binding], (e) => {
+        if (open.value) {
+            e.preventDefault();
+            callback();
+        }
+    });
+});
+
+const aggregatedItems = computed(() => [
+    ...items.value || [],
+    ...searchResults.value || [],
+]);
+
+const results = computed(() => {
+    let filtered = fuzzysort
+        .go(query.value, aggregatedItems.value, {
+            all: true,
+            key: 'text',
+        })
+        .map(result => {
+            return {
+                score: result._score,
+                html: result.highlight('<span class="text-blue-600 dark:text-blue-400">', '</span>'),
+                ...result.obj,
+            };
+        });
+
+    let groups = groupBy(filtered, 'category');
+
+    return categories.value
+        .map((category) => {
+            return {
+                text: __(category),
+                items: groups[category],
+            };
+        })
+        .filter((category) => category.items);
+});
+
+watch(selected, (item) => {
+    if (!item) return;
+    select(item);
+    reset();
+});
+
+watch(query, debounce(() => {
+    searchContent();
+}, 300));
+
+watch(open, (isOpen) => {
+    if (isOpen) return;
+    reset();
+})
+
+function getItems() {
+    axios.get('/cp/command-palette').then((response) => {
+        categories.value = response.data.categories;
+        items.value = response.data.items;
+    });
+}
+
+function searchContent() {
+    axios.get('/cp/command-palette/search', { params: { q: query.value } }).then((response) => {
+        searchResults.value = response.data;
+    });
+}
+
+function select(selected) {
+    let item = findSelectedItem(selected);
+
+    switch (item.type) {
+        case 'link':
+        case 'content_search_result':
+            window.location = item.url; // TODO: If meta key is held, maybe it can `window.open()` in new window/tab?
+    }
+}
+
+function findSelectedItem(selected) {
+    return find(aggregatedItems.value, (result) => result.text === selected);
+}
+
+function reset() {
+    open.value = false;
+    query.value = '';
+    selected.value = null;
+    searchResults.value = [];
+}
+
+const modalClasses = cva({
+    base: [
+        'fixed outline-hidden left-1/2 top-[100px] z-50 w-full max-w-3xl -translate-x-1/2 ',
+        'backdrop-blur-[2px] rounded-2xl',
+        'shadow-[0_8px_5px_-6px_rgba(0,0,0,0.12),_0_3px_8px_0_rgba(0,0,0,0.02),_0_30px_22px_-22px_rgba(39,39,42,0.35)]',
+        'dark:shadow-[0_5px_20px_rgba(0,0,0,.5)]',
+        'duration-200 will-change-[transform,opacity]',
+        'data-[state=open]:animate-in data-[state=closed]:animate-out',
+        'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+        'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
+        'slide-in-from-top-2',
+    ],
+})({});
+</script>
+
+<template>
+    <DialogRoot v-model:open="open" :modal="true">
+        <DialogTrigger>
+            <button type="button" aria-expanded="false" class="cursor-text data-[focus-visible]:outline-focus flex items-center gap-x-2 text-xs text-gray-400 outline-none md:w-32 rounded-md md:py-[calc(5/16*1rem)] md:ps-2 md:pe-1.5 md:shadow-[0_1px_5px_-4px_rgba(19,19,22,0.4),0_2px_5px_rgba(32,42,54,0.06)] ring-1 ring-gray-900/10 hover bg-gray-900 shadow-[0_-1px_rgba(255,255,255,0.06),0_4px_8px_rgba(0,0,0,0.05),0_1px_6px_-4px_#000] hover:ring-white/10" >
+                <ui-icon name="magnifying-glass" class="size-5 flex-none text-gray-600" />
+                <span class="sr-only md:not-sr-only leading-none">Search</span>
+                <kbd class="ml-auto hidden self-center rounded px-[0.3125rem] py-[0.0625rem] text-[0.625rem]/4 font-medium ring-1 ring-inset bg-white/5 text-gray-400 ring-white/7.5 md:block [word-spacing:-0.15em]">
+                    <kbd class="font-sans">⌘ </kbd><kbd class="font-sans">K</kbd>
+                </kbd>
+            </button>
+        </DialogTrigger>
+        <DialogPortal>
+            <DialogOverlay class="fixed inset-0 z-30 bg-gray-800/20 backdrop-blur-[2px] dark:bg-gray-800/50" />
+            <DialogContent :class="[modalClasses, $attrs.class]" data-ui-modal-content :aria-describedby="undefined">
+                <VisuallyHidden asChild>
+                    <DialogTitle>{{ __('Command Palette') }}</DialogTitle>
+                </VisuallyHidden>
+                <VisuallyHidden asChild>
+                    <DialogDescription>{{ __('Search for content, navigate, and run actions.') }}</DialogDescription>
+                </VisuallyHidden>
+                <motion.div
+                    class="relative rounded-xl bg-white border-b border-gray-200/80 dark:border-gray-950 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/15"
+                    :initial="{ scale: 1.0 }"
+                    :whilePress="{ scale: 0.985 }"
+                    :transition="{ duration: 0.1 }"
+                >
+                    <ComboboxRoot
+                        :open="true"
+                        :default-open="true"
+                        :ignore-filter="true"
+                        v-model="selected"
+                    >
+                        <header class="group/cmd-input flex items-center gap-2 h-14 px-5.5 border-b border-gray-200/80 dark:border-gray-950">
+                            <ui-icon name="magnifying-glass" class="size-5 text-gray-400" />
+                            <ComboboxInput
+                                :auto-focus="true"
+                                :placeholder="__('Search or jump to...')"
+                                v-model="query"
+                                class="flex w-full bg-transparent py-4 text-lg outline-none placeholder:text-gray-500! antialiased"
+                            />
+                        </header>
+                        <ComboboxContent>
+                            <ComboboxViewport class="min-h-[360px] max-h-[360px] divide-y divide-gray-200/80 dark:divide-gray-950 overflow-y-auto">
+                                <ComboboxEmpty v-if="!results.length" class="px-3 py-2 opacity-50">
+                                    <CommandPaletteItem :text="__('No results found!')" icon="entry" disabled />
+                                </ComboboxEmpty>
+                                <ComboboxGroup
+                                    v-else
+                                    v-for="category in results" :key="category.text"
+                                    class="px-3 py-2 space-y-1"
+                                >
+                                    <ComboboxLabel :as-child="true">
+                                        <ui-subheading size="sm" class="py-1 px-3 border-0" v-text="category.text"></ui-subheading>
+                                    </ComboboxLabel>
+                                    <ComboboxItem
+                                        v-for="item in category.items"
+                                        :key="item.text"
+                                        :value="item.text"
+                                        :text-value="item.text"
+                                        :as-child="true"
+                                    >
+                                        <CommandPaletteItem :icon="item.icon" :badge="item.keys || item.badge">
+                                            <div v-html="item.html" />
+                                        </CommandPaletteItem>
+                                    </ComboboxItem>
+                                </ComboboxGroup>
+                            </ComboboxViewport>
+                            <footer class="bg-gray-50 dark:bg-gray-900 rounded-b-xl px-6 py-3 flex items-center gap-4 border-t border-gray-200/80 dark:border-gray-950">
+                                <div class="flex items-center gap-1.5">
+                                    <ui-icon name="up-square" class="size-4 text-gray-500" />
+                                    <ui-icon name="down-square" class="size-4 text-gray-500" />
+                                    <span class="text-sm text-gray-600">Navigate</span>
+                                </div>
+                                <div class="flex items-center gap-1.5">
+                                    <ui-icon name="return-square" class="size-4 text-gray-500" />
+                                    <span class="text-sm text-gray-600">Select</span>
+                                </div>
+                            </footer>
+                        </ComboboxContent>
+                    </ComboboxRoot>
+                </motion.div>
+            </DialogContent>
+        </DialogPortal>
+    </DialogRoot>
+</template>
diff --git a/resources/js/components/ui/CommandPalette/Item.vue b/resources/js/components/command-palette/Item.vue
similarity index 65%
rename from resources/js/components/ui/CommandPalette/Item.vue
rename to resources/js/components/command-palette/Item.vue
index 379da4e1a2b..d04679b2a49 100644
--- a/resources/js/components/ui/CommandPalette/Item.vue
+++ b/resources/js/components/command-palette/Item.vue
@@ -1,7 +1,7 @@
 <script setup>
-import { useSlots } from 'vue';
+import { useSlots, shallowRef, onMounted } from 'vue';
 
-defineProps({
+const props = defineProps({
     href: { type: String, default: null },
     icon: { type: String, default: null },
     text: { type: String, default: null },
@@ -10,24 +10,32 @@ defineProps({
 
 const slots = useSlots();
 const hasDefaultSlot = !!slots.default;
+const iconComponent = shallowRef(null);
+
+onMounted(() => {
+    if (props.icon) {
+        iconComponent.value = true;
+    }
+});
 </script>
 
 <template>
     <div
         :class="[
-            'flex items-center gap-2',
+            'flex items-center gap-2 border-0',
             'rounded-lg px-2 py-1.5 text-sm antialiased',
             'text-gray-700 dark:text-gray-300',
             'not-data-disabled:cursor-pointer data-disabled:opacity-50',
-            'hover:not-data-disabled:bg-gray-50 dark:hover:not-data-disabled:bg-gray-900',
+            'data-highlighted:bg-gray-200/70 dark:data-highlighted:bg-gray-900/70',
             'outline-hidden focus-visible:bg-gray-100 dark:focus-visible:bg-gray-900',
         ]"
-        data-ui-command-palette-item
+        data-command-palette-item
         :as="href ? 'a' : 'div'"
         :href="href"
     >
         <div v-if="icon" class="flex size-6 items-center justify-center p-1 text-gray-500">
-            <ui-icon :name="icon" class="size-4" />
+            <ui-icon v-if="iconComponent" :name="icon" class="size-4" :key="icon" />
+            <div v-else class="size-4 shrink-0" />
         </div>
         <div class="flex-1">
             <slot v-if="hasDefaultSlot" />
diff --git a/resources/js/components/ui/CommandPalette/Index.vue b/resources/js/components/ui/CommandPalette/Index.vue
deleted file mode 100644
index d373dd3084c..00000000000
--- a/resources/js/components/ui/CommandPalette/Index.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<script setup>
-import { cva } from 'cva';
-import { DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DialogDescription, VisuallyHidden } from 'reka-ui';
-import { motion } from "motion-v"
-
-const props = defineProps({
-
-});
-
-const modalClasses = cva({
-    base: [
-        'fixed outline-hidden left-1/2 top-[100px] z-50 w-full max-w-3xl -translate-x-1/2 ',
-        'backdrop-blur-[2px] rounded-2xl',
-        'shadow-[0_8px_5px_-6px_rgba(0,0,0,0.12),_0_3px_8px_0_rgba(0,0,0,0.02),_0_30px_22px_-22px_rgba(39,39,42,0.35)]',
-        'dark:shadow-[0_5px_20px_rgba(0,0,0,.5)]',
-        'duration-200 will-change-[transform,opacity]',
-        'data-[state=open]:animate-in data-[state=closed]:animate-out',
-        'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
-        'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
-        'slide-in-from-top-2',
-    ],
-})({});
-</script>
-
-<template>
-    <DialogRoot>
-        <DialogTrigger data-ui-command-palette-trigger>
-            <button type="button" aria-expanded="false" class="cursor-text data-[focus-visible]:outline-focus flex items-center gap-x-2 text-xs text-gray-400 outline-none md:w-32 rounded-md md:py-[calc(5/16*1rem)] md:ps-2 md:pe-1.5 md:shadow-[0_1px_5px_-4px_rgba(19,19,22,0.4),0_2px_5px_rgba(32,42,54,0.06)] ring-1 ring-gray-900/10 hover bg-gray-900 shadow-[0_-1px_rgba(255,255,255,0.06),0_4px_8px_rgba(0,0,0,0.05),0_1px_6px_-4px_#000] hover:ring-white/10" >
-                <ui-icon name="magnifying-glass" class="size-5 flex-none text-gray-600" />
-                <span class="sr-only md:not-sr-only leading-none">Search</span>
-                <kbd class="ml-auto hidden self-center rounded px-[0.3125rem] py-[0.0625rem] text-[0.625rem]/4 font-medium ring-1 ring-inset bg-white/5 text-gray-400 ring-white/7.5 md:block [word-spacing:-0.15em]">
-                    <kbd class="font-sans">⌘ </kbd><kbd class="font-sans">K</kbd>
-                </kbd>
-            </button>
-        </DialogTrigger>
-        <DialogPortal>
-            <DialogOverlay
-                class="data-[state=open]:show fixed inset-0 z-30 bg-gray-800/20 backdrop-blur-[2px] dark:bg-gray-800/50"
-            />
-            <DialogContent :class="[modalClasses, $attrs.class]" data-ui-modal-content :aria-describedby="undefined">
-                <VisuallyHidden asChild>
-                    <DialogTitle>{{ __('Command Palette') }}</DialogTitle>
-                </VisuallyHidden>
-                <VisuallyHidden asChild>
-                    <DialogDescription>{{ __('Search for content, navigate, and run actions.') }}</DialogDescription>
-                </VisuallyHidden>
-                <motion.div
-                    class="relative rounded-xl bg-white border-b border-gray-200/80 dark:border-gray-950 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/15"
-                    :initial="{ scale: 1.0 }"
-                    :whilePress="{ scale: 0.985 }"
-                    :transition="{ duration: 0.1 }"
-                >
-                    <header class="group/cmd-input flex items-center gap-2 h-14 px-5.5 border-b border-gray-200/80 dark:border-gray-950">
-                        <ui-icon name="magnifying-glass" class="size-5 text-gray-400" />
-                        <input type="text" placeholder="Search or jump to..." class="flex w-full bg-transparent py-4 text-lg outline-none placeholder:text-gray-500! antialiased" value="">
-                    </header>
-                    <div class="divide-y divide-gray-200/80 dark:divide-gray-950 max-h-[400px] overflow-y-auto">
-                        <section class="px-3 py-2 space-y-1">
-                            <ui-subheading size="sm" class="py-1 px-3">{{ __('Actions') }}</ui-subheading>
-                            <ui-command-palette-item icon="save" text="Save Entry" badge="⌘ S" />
-                            <ui-command-palette-item icon="duplicate" text="Duplicate Entry" badge="⌘ D" />
-                            <ui-command-palette-item icon="delete" text="Delete Entry" badge="⌘ DEL" />
-                        </section>
-                        <section class="px-3 py-2 space-y-1">
-                            <ui-subheading size="sm" class="py-1 px-3">{{ __('Content results') }}</ui-subheading>
-                            <ui-command-palette-item icon="entry" text="How I Found My Pants" badge="Articles" />
-                            <ui-command-palette-item icon="entry" text="About My Spaghetti" badge="Pages" />
-                            <ui-command-palette-item icon="entry" text="My Secret Sauce Recipe" badge="Recipes" />
-                            <ui-command-palette-item icon="entry" text="Me Myself and I" badge="Articles" />
-                        </section>
-                    </div>
-                    <footer class="bg-gray-50 dark:bg-gray-900 rounded-b-xl px-6 py-3 flex items-center gap-4 border-t border-gray-200/80 dark:border-gray-950">
-                        <div class="flex items-center gap-1.5">
-                            <ui-icon name="up-square" class="size-4 text-gray-500" />
-                            <ui-icon name="down-square" class="size-4 text-gray-500" />
-                            <span class="text-sm text-gray-600">Navigate</span>
-                        </div>
-                        <div class="flex items-center gap-1.5">
-                            <ui-icon name="return-square" class="size-4 text-gray-500" />
-                            <span class="text-sm text-gray-600">Select</span>
-                        </div>
-                    </footer>
-                </motion.div>
-
-            </DialogContent>
-        </DialogPortal>
-    </DialogRoot>
-</template>
diff --git a/resources/views/partials/new-global-header.blade.php b/resources/views/partials/new-global-header.blade.php
index 3aff89ea9a8..1ddf939890e 100644
--- a/resources/views/partials/new-global-header.blade.php
+++ b/resources/views/partials/new-global-header.blade.php
@@ -46,7 +46,7 @@
         </ui-dropdown>
     </div>
     <div class="flex-1 flex gap-4 items-center justify-end">
-        <ui-command-palette />
+        <command-palette />
         <x-statamic::user-dropdown />
     </div>
 </header>
diff --git a/routes/cp.php b/routes/cp.php
index e1f65548521..8317943534c 100644
--- a/routes/cp.php
+++ b/routes/cp.php
@@ -39,6 +39,7 @@
 use Statamic\Http\Controllers\CP\Collections\ReorderEntriesController;
 use Statamic\Http\Controllers\CP\Collections\RestoreEntryRevisionController;
 use Statamic\Http\Controllers\CP\Collections\ScaffoldCollectionController;
+use Statamic\Http\Controllers\CP\CommandPaletteController;
 use Statamic\Http\Controllers\CP\CpController;
 use Statamic\Http\Controllers\CP\DashboardController;
 use Statamic\Http\Controllers\CP\DuplicatesController;
@@ -75,7 +76,6 @@
 use Statamic\Http\Controllers\CP\Preferences\PreferenceController;
 use Statamic\Http\Controllers\CP\Preferences\RolePreferenceController;
 use Statamic\Http\Controllers\CP\Preferences\UserPreferenceController;
-use Statamic\Http\Controllers\CP\SearchController;
 use Statamic\Http\Controllers\CP\SelectSiteController;
 use Statamic\Http\Controllers\CP\SessionTimeoutController;
 use Statamic\Http\Controllers\CP\Sites\SitesController;
@@ -301,7 +301,8 @@
 
     Route::post('user-exists', UserWizardController::class)->name('user.exists');
 
-    Route::get('search', SearchController::class)->name('search');
+    Route::get('command-palette', [CommandPaletteController::class, 'index'])->name('command-palette.index');
+    Route::get('command-palette/search', [CommandPaletteController::class, 'search'])->name('command-palette.search');
 
     Route::get('utilities', [UtilitiesController::class, 'index'])->name('utilities.index');
     Utility::routes();
diff --git a/src/CP/Navigation/Nav.php b/src/CP/Navigation/Nav.php
index 27b4ebee964..47eb08f60e8 100644
--- a/src/CP/Navigation/Nav.php
+++ b/src/CP/Navigation/Nav.php
@@ -128,19 +128,12 @@ protected function removeChildItem($section, $name, $childName)
      * @param  mixed  $preferences
      * @return \Illuminate\Support\Collection
      */
-    public function build($preferences = true, $withHidden = false)
+    public function build($preferences = true, bool $editing = false, bool $commands = false)
     {
-        return (new NavBuilder($this->makeBaseItems(), $withHidden))->build($preferences);
-    }
-
-    /**
-     * Build navigation without applying preferences.
-     *
-     * @return \Illuminate\Support\Collection
-     */
-    public function buildWithoutPreferences($withHidden = false)
-    {
-        return $this->build(false, $withHidden);
+        return (new NavBuilder($this->makeBaseItems()))
+            ->withHidden($editing)
+            ->withCommandPalette($commands)
+            ->build($preferences);
     }
 
     /**
diff --git a/src/CP/Navigation/NavBuilder.php b/src/CP/Navigation/NavBuilder.php
index 4219e56c2e5..478ad5386f1 100644
--- a/src/CP/Navigation/NavBuilder.php
+++ b/src/CP/Navigation/NavBuilder.php
@@ -4,7 +4,10 @@
 
 use Exception;
 use Illuminate\Support\Facades\Cache;
+use Statamic\CommandPalette\Category;
+use Statamic\CommandPalette\Link;
 use Statamic\Facades\Blink;
+use Statamic\Facades\CommandPalette;
 use Statamic\Facades\Preference;
 use Statamic\Facades\User;
 use Statamic\Support\Arr;
@@ -18,6 +21,7 @@ class NavBuilder
     protected $items = [];
     protected $pendingItems = [];
     protected $withHidden = false;
+    protected $withCommandPalette = false;
     protected $itemsWithChildrenClosures = [];
     protected $sections = [];
     protected $sectionsOriginalItemIds = [];
@@ -34,10 +38,34 @@ class NavBuilder
      * @param  array  $items
      * @param  bool  $withHidden
      */
-    public function __construct($items, $withHidden = false)
+    public function __construct($items)
     {
         $this->items = $items;
+    }
+
+    /**
+     * Build with hidden items.
+     *
+     * @return $this
+     */
+    public function withHidden(bool $withHidden = false): self
+    {
         $this->withHidden = $withHidden;
+
+        return $this;
+    }
+
+    /**
+     * Build with command palette.
+     *
+     * @param  bool  $withHidden
+     * @return $this
+     */
+    public function withCommandPalette(bool $withCommandPalette = false): self
+    {
+        $this->withCommandPalette = $withCommandPalette;
+
+        return $this;
     }
 
     /**
@@ -66,6 +94,7 @@ public function build($preferences = true)
             ->applyPreferenceOverrides($preferences)
             ->buildSections()
             ->blinkUrls()
+            ->addToCommandPalette()
             ->get();
     }
 
@@ -1048,6 +1077,60 @@ public static function clearCachedUrls()
         Blink::forget(static::ALL_URLS_CACHE_KEY);
     }
 
+    /**
+     * Add built items to command palette.
+     */
+    protected function addToCommandPalette(): self
+    {
+        if (! $this->withCommandPalette) {
+            return $this;
+        }
+
+        $this->built
+            ->flatMap(fn ($section) => $section['items'])
+            ->filter(fn ($item) => $item->url())
+            ->each(fn ($item) => $this->addItemToCommandPalette($item));
+
+        return $this;
+    }
+
+    /**
+     * Add nav item and its children to command palette.
+     */
+    public function addItemToCommandPalette(NavItem $item)
+    {
+        CommandPalette::addCommand(static::transformToLink($item));
+
+        if ($children = $item->resolveChildren()->children()) {
+            $children->each(fn ($child) => CommandPalette::addCommand(static::transformToLink($child, $item)));
+        }
+    }
+
+    /**
+     * Transform nav item to valid command palette `Link` instance.
+     */
+    protected static function transformToLink(NavItem $item, ?NavItem $parentItem = null): Link
+    {
+        $displayItem = $parentItem ?? $item;
+
+        $text = $displayItem->section() !== 'Top Level'
+            ? __($displayItem->section()).' » '.__($displayItem->display())
+            : __($displayItem->display());
+
+        if ($parentItem) {
+            $text .= ' » '.__($item->display());
+        }
+
+        $link = new Link(
+            text: $text,
+            category: Category::Navigation,
+        );
+
+        return $link
+            ->url($item->url())
+            ->icon($item->icon());
+    }
+
     /**
      * Get built nav.
      *
diff --git a/src/CP/Navigation/NavTransformer.php b/src/CP/Navigation/NavTransformer.php
index 2f1f8001ebc..5f71ba47054 100644
--- a/src/CP/Navigation/NavTransformer.php
+++ b/src/CP/Navigation/NavTransformer.php
@@ -18,7 +18,10 @@ class NavTransformer
      */
     public function __construct(array $submitted)
     {
-        $this->coreNav = Nav::buildWithoutPreferences(true);
+        $this->coreNav = Nav::build(
+            preferences: false,
+            editing: true,
+        );
 
         $this->submitted = $this->removeEmptyCustomSections($submitted);
     }
diff --git a/src/CommandPalette/Category.php b/src/CommandPalette/Category.php
new file mode 100644
index 00000000000..827e2867c49
--- /dev/null
+++ b/src/CommandPalette/Category.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace Statamic\CommandPalette;
+
+enum Category: string
+{
+    case Actions = 'Actions';
+    case History = 'History';
+    case Navigation = 'Navigation';
+    case Preferences = 'Preferences';
+    case Search = 'Content Search';
+
+    public static function order()
+    {
+        return collect(self::cases())->map->value->all();
+    }
+}
diff --git a/src/CommandPalette/Command.php b/src/CommandPalette/Command.php
new file mode 100644
index 00000000000..932a5217572
--- /dev/null
+++ b/src/CommandPalette/Command.php
@@ -0,0 +1,46 @@
+<?php
+
+namespace Statamic\CommandPalette;
+
+use Statamic\Support\Str;
+
+abstract class Command
+{
+    protected $icon = 'entry';
+    protected $keys;
+
+    public function __construct(protected string $text, protected Category $category)
+    {
+        //
+    }
+
+    public function icon(string $icon): static
+    {
+        $this->icon = $icon;
+
+        return $this;
+    }
+
+    public function keys(string $keys): static
+    {
+        $this->keys = $keys;
+
+        return $this;
+    }
+
+    public function type(): string
+    {
+        return Str::snake((new \ReflectionClass(get_called_class()))->getShortName());
+    }
+
+    public function toArray(): array
+    {
+        return [
+            'type' => $this->type(),
+            'category' => $this->category->value,
+            'icon' => $this->icon,
+            'keys' => $this->keys,
+            'text' => $this->text,
+        ];
+    }
+}
diff --git a/src/CommandPalette/ContentSearchResult.php b/src/CommandPalette/ContentSearchResult.php
new file mode 100644
index 00000000000..7ac3926ef78
--- /dev/null
+++ b/src/CommandPalette/ContentSearchResult.php
@@ -0,0 +1,31 @@
+<?php
+
+namespace Statamic\CommandPalette;
+
+class ContentSearchResult extends Link
+{
+    protected $badge;
+    protected $reference;
+
+    public function badge(string $badge): static
+    {
+        $this->badge = $badge;
+
+        return $this;
+    }
+
+    public function reference(string $reference): static
+    {
+        $this->reference = $reference;
+
+        return $this;
+    }
+
+    public function toArray(): array
+    {
+        return array_merge(parent::toArray(), [
+            'badge' => $this->badge,
+            'reference' => $this->reference,
+        ]);
+    }
+}
diff --git a/src/CommandPalette/Link.php b/src/CommandPalette/Link.php
new file mode 100644
index 00000000000..4f6795b8900
--- /dev/null
+++ b/src/CommandPalette/Link.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace Statamic\CommandPalette;
+
+class Link extends Command
+{
+    protected $url;
+
+    public function url(string $url): static
+    {
+        $this->url = $url;
+
+        return $this;
+    }
+
+    public function toArray(): array
+    {
+        return array_merge(parent::toArray(), [
+            'url' => $this->url,
+        ]);
+    }
+}
diff --git a/src/CommandPalette/Palette.php b/src/CommandPalette/Palette.php
new file mode 100644
index 00000000000..142ceceb948
--- /dev/null
+++ b/src/CommandPalette/Palette.php
@@ -0,0 +1,61 @@
+<?php
+
+namespace Statamic\CommandPalette;
+
+use Illuminate\Support\Collection;
+use Statamic\Support\Arr;
+
+class Palette
+{
+    protected $items;
+
+    public function __construct()
+    {
+        $this->items = collect();
+    }
+
+    public function addCommand(Command $command): self
+    {
+        $this->items->push(
+            $this->validateCommandArray($command->toArray()),
+        );
+
+        return $this;
+    }
+
+    public function build(): Collection
+    {
+        return $this
+            ->buildActions()
+            ->buildHistory()
+            ->get();
+    }
+
+    protected function buildActions(): self
+    {
+        // TODO: Addressing actions in separate PR.
+
+        return $this;
+    }
+
+    protected function buildHistory(): self
+    {
+        // TODO: Set up ajax route for caching command palette history as user runs commands.
+
+        return $this;
+    }
+
+    public function validateCommandArray(array $command): array
+    {
+        throw_unless(is_string(Arr::get($command, 'type')), new \Exception('Must output command [type] string!'));
+        throw_unless(is_string(Arr::get($command, 'category')), new \Exception('Must output command [category] string!'));
+        throw_unless(is_string(Arr::get($command, 'text')), new \Exception('Must output command [text] string!'));
+
+        return $command;
+    }
+
+    public function get(): Collection
+    {
+        return $this->items;
+    }
+}
diff --git a/src/Facades/CP/Nav.php b/src/Facades/CP/Nav.php
index 485ec1ad99b..3e1ef0b96e5 100644
--- a/src/Facades/CP/Nav.php
+++ b/src/Facades/CP/Nav.php
@@ -16,7 +16,6 @@
  * @method static NavItem|null findOrCreate(string $section, string $name)
  * @method static self remove(string $section, $name = null)
  * @method static Collection build()
- * @method static Collection buildWithoutPreferences()
  * @method static void clearCachedUrls()
  * @method static array items()
  *
diff --git a/src/Facades/CommandPalette.php b/src/Facades/CommandPalette.php
new file mode 100644
index 00000000000..55a89c19069
--- /dev/null
+++ b/src/Facades/CommandPalette.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace Statamic\Facades;
+
+use Illuminate\Support\Facades\Facade;
+use Statamic\CommandPalette\Palette;
+
+/**
+ * @see \Statamic\CommandPalette\Palette
+ */
+class CommandPalette extends Facade
+{
+    protected static function getFacadeAccessor()
+    {
+        return Palette::class;
+    }
+}
diff --git a/src/Http/Controllers/CP/CommandPaletteController.php b/src/Http/Controllers/CP/CommandPaletteController.php
new file mode 100644
index 00000000000..455d1b699b1
--- /dev/null
+++ b/src/Http/Controllers/CP/CommandPaletteController.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace Statamic\Http\Controllers\CP;
+
+use Illuminate\Http\Request;
+use Statamic\CommandPalette\Category;
+use Statamic\CommandPalette\ContentSearchResult;
+use Statamic\Contracts\Search\Result;
+use Statamic\Facades\CommandPalette;
+use Statamic\Facades\CP\Nav;
+use Statamic\Facades\Search;
+use Statamic\Facades\User;
+
+class CommandPaletteController extends CpController
+{
+    public function index()
+    {
+        // TODO:
+        // - Cache nav and/or built command palette?
+        // - Bust cache when nav preferences saved?
+
+        Nav::build(commands: true);
+
+        return [
+            'categories' => Category::order(),
+            'items' => CommandPalette::build(),
+        ];
+    }
+
+    public function search(Request $request)
+    {
+        return Search::index()
+            ->ensureExists()
+            ->search($request->query('q'))
+            ->get()
+            ->filter(function (Result $item) {
+                return ! empty($item->getCpUrl()) && User::current()->can('view', $item->getSearchable());
+            })
+            ->take(10)
+            ->map(function (Result $result) {
+                return (new ContentSearchResult(text: $result->getCpTitle(), category: Category::Search))
+                    ->url($result->getCpUrl())
+                    ->badge($result->getCpBadge())
+                    ->reference($result->getReference())
+                    // ->icon() // TODO: Make dynamic for entries/terms/users?
+                    ->toArray();
+            })
+            ->values();
+    }
+}
diff --git a/src/Http/Controllers/CP/Preferences/Nav/DefaultNavController.php b/src/Http/Controllers/CP/Preferences/Nav/DefaultNavController.php
index b0fcedc41af..672dda1f624 100644
--- a/src/Http/Controllers/CP/Preferences/Nav/DefaultNavController.php
+++ b/src/Http/Controllers/CP/Preferences/Nav/DefaultNavController.php
@@ -20,9 +20,10 @@ public function edit()
     {
         $preferences = Preference::default()->get('nav');
 
-        $nav = $preferences
-            ? Nav::build($preferences, true)
-            : Nav::buildWithoutPreferences(true);
+        $nav = Nav::build(
+            preferences: $preferences ?: false,
+            editing: true,
+        );
 
         return $this->navBuilder($nav, [
             'title' => __('Default'),
diff --git a/src/Http/Controllers/CP/Preferences/Nav/RoleNavController.php b/src/Http/Controllers/CP/Preferences/Nav/RoleNavController.php
index 61c70fe1cd6..01b4fd7a7e9 100644
--- a/src/Http/Controllers/CP/Preferences/Nav/RoleNavController.php
+++ b/src/Http/Controllers/CP/Preferences/Nav/RoleNavController.php
@@ -29,9 +29,10 @@ public function edit($handle)
 
         $preferences = $role->getPreference('nav') ?? Preference::default()->get('nav');
 
-        $nav = $preferences
-            ? Nav::build($preferences, true)
-            : Nav::buildWithoutPreferences(true);
+        $nav = Nav::build(
+            preferences: $preferences ?: false,
+            editing: true,
+        );
 
         return $this->navBuilder($nav, [
             'title' => __($role->title()),
diff --git a/src/Http/Controllers/CP/SearchController.php b/src/Http/Controllers/CP/SearchController.php
deleted file mode 100644
index e38e97ac487..00000000000
--- a/src/Http/Controllers/CP/SearchController.php
+++ /dev/null
@@ -1,32 +0,0 @@
-<?php
-
-namespace Statamic\Http\Controllers\CP;
-
-use Illuminate\Http\Request;
-use Statamic\Contracts\Search\Result;
-use Statamic\Facades\Search;
-use Statamic\Facades\User;
-
-class SearchController extends CpController
-{
-    public function __invoke(Request $request)
-    {
-        return Search::index()
-            ->ensureExists()
-            ->search($request->query('q'))
-            ->get()
-            ->filter(function (Result $item) {
-                return ! empty($item->getCpUrl()) && User::current()->can('view', $item->getSearchable());
-            })
-            ->take(10)
-            ->map(function (Result $result) {
-                return [
-                    'reference' => $result->getReference(),
-                    'title' => $result->getCpTitle(),
-                    'url' => $result->getCpUrl(),
-                    'badge' => $result->getCpBadge(),
-                ];
-            })
-            ->values();
-    }
-}
diff --git a/tests/CP/Navigation/NavPreferencesTest.php b/tests/CP/Navigation/NavPreferencesTest.php
index bdeaffffe75..49e6f38e09d 100644
--- a/tests/CP/Navigation/NavPreferencesTest.php
+++ b/tests/CP/Navigation/NavPreferencesTest.php
@@ -1694,17 +1694,17 @@ public function it_checks_active_status_on_moved_items()
         $this->assertTrue($tags->isActive());
     }
 
-    private function buildNavWithPreferences($preferences, $withHidden = false)
+    private function buildNavWithPreferences($preferences, $editingHidden = false)
     {
         $this->actingAs(tap(Facades\User::make()->makeSuper())->save());
 
-        return Facades\CP\Nav::build($preferences, $withHidden)->pluck('items', 'display');
+        return Facades\CP\Nav::build(preferences: $preferences, editing: $editingHidden)->pluck('items', 'display');
     }
 
     private function buildDefaultNav()
     {
         $this->actingAs(tap(Facades\User::make()->makeSuper())->save());
 
-        return Facades\CP\Nav::buildWithoutPreferences()->pluck('items', 'display');
+        return Facades\CP\Nav::build(preferences: false)->pluck('items', 'display');
     }
 }
diff --git a/tests/CommandPalette/CommandPaletteTest.php b/tests/CommandPalette/CommandPaletteTest.php
new file mode 100644
index 00000000000..8cb242af3e7
--- /dev/null
+++ b/tests/CommandPalette/CommandPaletteTest.php
@@ -0,0 +1,85 @@
+<?php
+
+namespace Tests\CommandPalette;
+
+use PHPUnit\Framework\Attributes\Test;
+use Statamic\Facades;
+use Statamic\Facades\CommandPalette;
+use Statamic\Facades\User;
+use Statamic\Support\Arr;
+use Tests\FakesRoles;
+use Tests\PreventSavingStacheItemsToDisk;
+use Tests\TestCase;
+
+class CommandPaletteTest extends TestCase
+{
+    use FakesRoles;
+    use PreventSavingStacheItemsToDisk;
+
+    protected $shouldPreventNavBeingBuilt = false;
+
+    public function setUp(): void
+    {
+        parent::setUp();
+
+        // TODO: Other tests are leaving behind forms without titles that are causing failures here?
+        Facades\Form::shouldReceive('all')->andReturn(collect());
+    }
+
+    #[Test]
+    public function it_builds_an_array_that_can_be_converted_to_json()
+    {
+        // Todo: Fix
+        $this->markTestSkipped();
+
+        $this
+            ->actingAs(tap(User::make()->makeSuper())->save())
+            ->get(cp_route('dashboard'))
+            ->assertStatus(200);
+
+        $commands = CommandPalette::build();
+
+        $this->assertTrue(is_array($commands));
+        $this->assertTrue(is_string(json_encode($commands)));
+    }
+
+    #[Test]
+    public function it_can_build_commands_off_nav_items()
+    {
+        // TODO: Fix and flesh out coverage for nav children.
+        $this->markTestSkipped();
+
+        $this
+            ->actingAs(tap(User::make()->makeSuper())->save())
+            ->get(cp_route('dashboard'))
+            ->assertStatus(200);
+
+        $navigationCommands = collect(CommandPalette::build())
+            ->filter(fn ($item) => $item['category'] === 'Navigation')
+            ->map(fn ($item) => Arr::except($item, 'category'))
+            ->all();
+
+        $expected = [
+            ['type' => 'link', 'text' => 'Top Level > Dashboard', 'url' => 'http://localhost/cp/dashboard'],
+            ['type' => 'link', 'text' => 'Content > Collections', 'url' => 'http://localhost/cp/collections'],
+            ['type' => 'link', 'text' => 'Content > Navigation', 'url' => 'http://localhost/cp/navigation'],
+            ['type' => 'link', 'text' => 'Content > Taxonomies', 'url' => 'http://localhost/cp/taxonomies'],
+            ['type' => 'link', 'text' => 'Content > Assets', 'url' => 'http://localhost/cp/assets'],
+            ['type' => 'link', 'text' => 'Content > Globals', 'url' => 'http://localhost/cp/globals'],
+            ['type' => 'link', 'text' => 'Fields > Blueprints', 'url' => 'http://localhost/cp/fields/blueprints'],
+            ['type' => 'link', 'text' => 'Fields > Fieldsets', 'url' => 'http://localhost/cp/fields/fieldsets'],
+            ['type' => 'link', 'text' => 'Tools > Forms', 'url' => 'http://localhost/cp/forms'],
+            ['type' => 'link', 'text' => 'Tools > Updates', 'url' => 'http://localhost/cp/updater'],
+            ['type' => 'link', 'text' => 'Tools > Addons', 'url' => 'http://localhost/cp/addons'],
+            ['type' => 'link', 'text' => 'Tools > Utilities', 'url' => 'http://localhost/cp/utilities'],
+            ['type' => 'link', 'text' => 'Tools > GraphQL', 'url' => 'http://localhost/cp/graphql'],
+            ['type' => 'link', 'text' => 'Settings > Site', 'url' => 'http://localhost/cp/sites'],
+            ['type' => 'link', 'text' => 'Settings > Preferences', 'url' => 'http://localhost/cp/preferences'],
+            ['type' => 'link', 'text' => 'Users > Users', 'url' => 'http://localhost/cp/users'],
+            ['type' => 'link', 'text' => 'Users > Groups', 'url' => 'http://localhost/cp/user-groups'],
+            ['type' => 'link', 'text' => 'Users > Permissions', 'url' => 'http://localhost/cp/roles'],
+        ];
+
+        $this->assertEquals($expected, $navigationCommands);
+    }
+}
diff --git a/tests/Feature/GlobalSearch/GlobalSearchTest.php b/tests/CommandPalette/ContentSearchTest.php
similarity index 96%
rename from tests/Feature/GlobalSearch/GlobalSearchTest.php
rename to tests/CommandPalette/ContentSearchTest.php
index 5ad08f64c97..ec5f5b0331a 100644
--- a/tests/Feature/GlobalSearch/GlobalSearchTest.php
+++ b/tests/CommandPalette/ContentSearchTest.php
@@ -1,6 +1,6 @@
 <?php
 
-namespace Tests\Feature\GlobalSearch;
+namespace Tests\CommandPalette;
 
 use PHPUnit\Framework\Attributes\Test;
 use Statamic\Facades\Collection;
@@ -13,7 +13,7 @@
 use Tests\PreventSavingStacheItemsToDisk;
 use Tests\TestCase;
 
-class GlobalSearchTest extends TestCase
+class ContentSearchTest extends TestCase
 {
     use FakesRoles;
     use PreventSavingStacheItemsToDisk;

From fb42626af7cf6ded0c4fea41fb704ab5a4c9c763 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 15 Apr 2025 19:39:26 -0400
Subject: [PATCH 097/186] Polish up pagination prev/next and adjust filled
 button

---
 resources/js/components/data-list/Pagination.vue | 7 ++++---
 resources/js/components/ui/Button/Index.vue      | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/data-list/Pagination.vue b/resources/js/components/data-list/Pagination.vue
index 06f4fdde7ca..218702ded76 100644
--- a/resources/js/components/data-list/Pagination.vue
+++ b/resources/js/components/data-list/Pagination.vue
@@ -7,20 +7,21 @@
         </div>
 
         <div v-if="hasMultiplePages" class="flex items-center gap-1" :class="{ 'pagination-inline': inline }">
-            <ui-button size="sm" variant="filled" icon="ui/chevron-left" :disabled="!hasPrevious" @click="selectPreviousPage" />
+            <ui-button size="sm" :variant="hasPrevious && !showPageLinks ? 'filled' : 'ghost'" round icon="ui/chevron-left" :disabled="!hasPrevious" @click="selectPreviousPage" />
 
             <ui-button
                 v-if="showPageLinks"
                 v-for="(page, i) in pages"
                 size="sm"
-                :variant="page == currentPage ? 'ghost' : 'filled'"
+                round
+                :variant="page == currentPage ? 'filled' : 'ghost'"
                 :key="i"
                 @click="selectPage(page)"
                 :disabled="page === 'separator' || page === currentPage"
                 :text="page === 'separator' ? '...' : page"
             />
 
-            <ui-button size="sm" variant="filled" icon="ui/chevron-right" :disabled="!hasNext" @click="selectNextPage" />
+            <ui-button size="sm" :variant="hasNext && !showPageLinks ? 'filled' : 'ghost'" round icon="ui/chevron-right" :disabled="!hasNext" @click="selectNextPage" />
         </div>
 
         <div class="flex flex-1">
diff --git a/resources/js/components/ui/Button/Index.vue b/resources/js/components/ui/Button/Index.vue
index de7b9f04979..ec2e76938be 100644
--- a/resources/js/components/ui/Button/Index.vue
+++ b/resources/js/components/ui/Button/Index.vue
@@ -35,7 +35,7 @@ const buttonClasses = computed(() => {
                     'dark:from-white dark:to-gray-200 dark:hover:from-gray-200 dark:text-gray-800 dark:border-0',
                 ],
                 danger: 'bg-linear-to-b from-red-500/90 to-red-500 hover:bg-red-500/90 text-white border border-red-600 inset-shadow-2xs inset-shadow-red-300 [&_svg]:text-red-200',
-                filled: 'bg-gray-800/3 hover:bg-gray-800/6 dark:bg-gray-700/80 dark:hover:bg-gray-700 [&_svg]:text-gray-700 dark:[&_svg]:text-gray-300',
+                filled: 'bg-gray-100 hover:bg-gray-200 hover:text-gray-900 dark:bg-gray-700/80 dark:hover:bg-gray-700 [&_svg]:text-gray-700 dark:[&_svg]:text-gray-300',
                 ghost: 'bg-transparent hover:bg-gray-400/10 text-gray-500 hover:text-gray-700 dark:text-gray-300 dark:hover:bg-gray-700/80 dark:hover:text-gray-200',
             },
             size: {

From 3b51b983d9a2b2bd9e56f05c01e2ade4a94279b3 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 15 Apr 2025 20:09:52 -0400
Subject: [PATCH 098/186] Extract a StatusIndicator component

---
 resources/js/components/entries/Widget.vue    | 56 +++-------------
 .../js/components/ui/StatusIndicator.vue      | 67 +++++++++++++++++++
 2 files changed, 75 insertions(+), 48 deletions(-)
 create mode 100644 resources/js/components/ui/StatusIndicator.vue

diff --git a/resources/js/components/entries/Widget.vue b/resources/js/components/entries/Widget.vue
index f2290e0ada6..165ff34c1d5 100644
--- a/resources/js/components/entries/Widget.vue
+++ b/resources/js/components/entries/Widget.vue
@@ -32,23 +32,13 @@
                     </div>
                     <data-list-table :loading="loading" unstyled class="[&_td]:text-sm [&_td]:p-0.5 [&_thead]:hidden">
                         <template #cell-title="{ row: entry }">
-                            <div class="flex items-center">
-                                <span
-                                    v-if="!columnShowing('status')"
-                                    class="little-dot me-2"
-                                    :class="getStatusClass(entry)"
-                                    v-tooltip="getStatusLabel(entry)"
-                                />
+                            <div class="flex items-center gap-2">
+                                <StatusIndicator v-if="!columnShowing('status')" :status="entry.status" />
                                 <a :href="entry.edit_url">{{ entry.title }}</a>
                             </div>
                         </template>
                         <template #cell-status="{ row: entry }">
-                            <div
-                                class="status-index-field select-none"
-                                v-tooltip="getStatusTooltip(entry)"
-                                :class="`status-${entry.status}`"
-                                v-text="getStatusLabel(entry)"
-                            />
+                            <StatusIndicator :status="entry.status" :show-dot="false" show-label />
                         </template>
                     </data-list-table>
                 </div>
@@ -63,8 +53,13 @@
 
 <script>
 import Listing from '../Listing.vue';
+import StatusIndicator from '../ui/StatusIndicator.vue';
 
 export default {
+    components: {
+        StatusIndicator
+    },
+
     mixins: [Listing],
 
     props: {
@@ -82,41 +77,6 @@ export default {
     },
 
     methods: {
-        getStatusClass(entry) {
-            // TODO: Replace with `entry.status` (will need to pass down)
-            if (entry.published && entry.private) {
-                return 'bg-transparent border border-gray-600';
-            } else if (entry.published) {
-                return 'bg-green-400';
-            } else {
-                return 'bg-gray-300 dark:bg-dark-200';
-            }
-        },
-
-        getStatusLabel(entry) {
-            if (entry.status === 'published') {
-                return __('Published');
-            } else if (entry.status === 'scheduled') {
-                return __('Scheduled');
-            } else if (entry.status === 'expired') {
-                return __('Expired');
-            } else if (entry.status === 'draft') {
-                return __('Draft');
-            }
-        },
-
-        getStatusTooltip(entry) {
-            if (entry.status === 'published') {
-                return entry.collection.dated ? __('messages.status_published_with_date', { date: entry.date }) : null; // The label is sufficient.
-            } else if (entry.status === 'scheduled') {
-                return __('messages.status_scheduled_with_date', { date: entry.date });
-            } else if (entry.status === 'expired') {
-                return __('messages.status_expired_with_date', { date: entry.date });
-            } else if (entry.status === 'draft') {
-                return null; // The label is sufficient.
-            }
-        },
-
         columnShowing(column) {
             return this.cols.find((c) => c.field === column);
         },
diff --git a/resources/js/components/ui/StatusIndicator.vue b/resources/js/components/ui/StatusIndicator.vue
new file mode 100644
index 00000000000..626e78ed0c2
--- /dev/null
+++ b/resources/js/components/ui/StatusIndicator.vue
@@ -0,0 +1,67 @@
+<template>
+    <div class="flex items-center gap-2">
+        <span
+            v-if="showDot"
+            class="size-2 rounded-full"
+            :class="statusClass"
+            v-tooltip="tooltip"
+        />
+        <span
+            v-if="showLabel"
+            class="status-index-field select-none"
+            :class="`status-${status}`"
+            v-tooltip="tooltip"
+            v-text="label"
+        />
+    </div>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+const props = defineProps({
+    status: {
+        type: String,
+        required: true,
+        validator: value => ['published', 'scheduled', 'expired', 'draft'].includes(value)
+    },
+    date: {type: String, default: null },
+    showDot: {type: Boolean, default: true },
+    showLabel: {type: Boolean, default: false },
+    private: {type: Boolean, default: false },
+    isDated: {type: Boolean, default: false }
+})
+
+const statusClass = computed(() => {
+    if (props.status === 'published' && props.private) {
+        return 'bg-transparent border border-gray-600'
+    } else if (props.status === 'published') {
+        return 'bg-green-400'
+    }
+    return 'bg-gray-300 dark:bg-dark-200'
+})
+
+const label = computed(() => {
+    const labels = {
+        published: __('Published'),
+        scheduled: __('Scheduled'),
+        expired: __('Expired'),
+        draft: __('Draft')
+    }
+    return labels[props.status]
+})
+
+const tooltip = computed(() => {
+    if (!props.date) return null
+
+    if (props.status === 'published') {
+        return props.isDated ? __('messages.status_published_with_date', { date: props.date }) : null
+    } else if (props.status === 'scheduled') {
+        return __('messages.status_scheduled_with_date', { date: props.date })
+    } else if (props.status === 'expired') {
+        return __('messages.status_expired_with_date', { date: props.date })
+    }
+
+    return null
+})
+</script>
+

From d52eec0bdfb5d59b40e5fa7486e6f07a48a8eddc Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 15 Apr 2025 20:46:43 -0400
Subject: [PATCH 099/186] =?UTF-8?q?hack=20fix=20command=20palette=20stompi?=
 =?UTF-8?q?ng=20over=20the=20user=20dropdown=20for=20some=20reason=20?=
 =?UTF-8?q?=F0=9F=A4=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/js/components/command-palette/CommandPalette.vue | 4 ++--
 resources/views/components/user-dropdown.blade.php         | 1 -
 resources/views/partials/new-global-header.blade.php       | 4 +++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/command-palette/CommandPalette.vue b/resources/js/components/command-palette/CommandPalette.vue
index d0009c2108e..d1a0908a18e 100644
--- a/resources/js/components/command-palette/CommandPalette.vue
+++ b/resources/js/components/command-palette/CommandPalette.vue
@@ -133,13 +133,13 @@ const modalClasses = cva({
 <template>
     <DialogRoot v-model:open="open" :modal="true">
         <DialogTrigger>
-            <button type="button" aria-expanded="false" class="cursor-text data-[focus-visible]:outline-focus flex items-center gap-x-2 text-xs text-gray-400 outline-none md:w-32 rounded-md md:py-[calc(5/16*1rem)] md:ps-2 md:pe-1.5 md:shadow-[0_1px_5px_-4px_rgba(19,19,22,0.4),0_2px_5px_rgba(32,42,54,0.06)] ring-1 ring-gray-900/10 hover bg-gray-900 shadow-[0_-1px_rgba(255,255,255,0.06),0_4px_8px_rgba(0,0,0,0.05),0_1px_6px_-4px_#000] hover:ring-white/10" >
+            <div class="cursor-text data-[focus-visible]:outline-focus flex items-center gap-x-2 text-xs text-gray-400 outline-none md:w-32 rounded-md md:py-[calc(5/16*1rem)] md:ps-2 md:pe-1.5 md:shadow-[0_1px_5px_-4px_rgba(19,19,22,0.4),0_2px_5px_rgba(32,42,54,0.06)] ring-1 ring-gray-900/10 hover bg-gray-900 shadow-[0_-1px_rgba(255,255,255,0.06),0_4px_8px_rgba(0,0,0,0.05),0_1px_6px_-4px_#000] hover:ring-white/10" >
                 <ui-icon name="magnifying-glass" class="size-5 flex-none text-gray-600" />
                 <span class="sr-only md:not-sr-only leading-none">Search</span>
                 <kbd class="ml-auto hidden self-center rounded px-[0.3125rem] py-[0.0625rem] text-[0.625rem]/4 font-medium ring-1 ring-inset bg-white/5 text-gray-400 ring-white/7.5 md:block [word-spacing:-0.15em]">
                     <kbd class="font-sans">⌘ </kbd><kbd class="font-sans">K</kbd>
                 </kbd>
-            </button>
+            </div>
         </DialogTrigger>
         <DialogPortal>
             <DialogOverlay class="fixed inset-0 z-30 bg-gray-800/20 backdrop-blur-[2px] dark:bg-gray-800/50" />
diff --git a/resources/views/components/user-dropdown.blade.php b/resources/views/components/user-dropdown.blade.php
index 013fc5559d4..1ef684099f3 100644
--- a/resources/views/components/user-dropdown.blade.php
+++ b/resources/views/components/user-dropdown.blade.php
@@ -58,7 +58,6 @@
         />
     </ui-dropdown-menu>
 
-
     <ui-dropdown-footer class="px-1.75!">
         <ui-toggle-group variant="ghost" size="xs" class="justify-between" v-model="$theme.preference">
             <ui-toggle-item icon="sun" class="[&_svg]:size-4.5" value="light" :label="__('Light')" />
diff --git a/resources/views/partials/new-global-header.blade.php b/resources/views/partials/new-global-header.blade.php
index 1ddf939890e..f17c835c71e 100644
--- a/resources/views/partials/new-global-header.blade.php
+++ b/resources/views/partials/new-global-header.blade.php
@@ -46,7 +46,9 @@
         </ui-dropdown>
     </div>
     <div class="flex-1 flex gap-4 items-center justify-end">
-        <command-palette />
+        <div>
+            <command-palette />
+        </div>
         <x-statamic::user-dropdown />
     </div>
 </header>

From 999033834cd46351f95ce29064425dbefadc34a0 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 15 Apr 2025 20:47:34 -0400
Subject: [PATCH 100/186] Extract a nice reusable base ui Widget component

---
 .../components/entries/CollectionWidget.vue   | 70 +++++++++++++++
 resources/js/components/entries/Widget.vue    | 85 -------------------
 resources/js/components/ui/Widget.vue         | 31 +++++++
 3 files changed, 101 insertions(+), 85 deletions(-)
 create mode 100644 resources/js/components/entries/CollectionWidget.vue
 delete mode 100644 resources/js/components/entries/Widget.vue
 create mode 100644 resources/js/components/ui/Widget.vue

diff --git a/resources/js/components/entries/CollectionWidget.vue b/resources/js/components/entries/CollectionWidget.vue
new file mode 100644
index 00000000000..d868c249424
--- /dev/null
+++ b/resources/js/components/entries/CollectionWidget.vue
@@ -0,0 +1,70 @@
+<script>
+import Listing from '../Listing.vue'
+
+export default {
+
+    mixins: [Listing],
+
+    props: {
+        additionalColumns: Array,
+        collection: String,
+        title: String,
+    },
+
+    data() {
+        return {
+            cols: [{ label: 'Title', field: 'title', visible: true }, ...this.additionalColumns],
+            listingKey: 'entries',
+            requestUrl: cp_url(`collections/${this.collection}/entries`),
+        }
+    },
+
+    methods: {
+        columnShowing(column) {
+            return this.cols.find((c) => c.field === column)
+        },
+    },
+}
+</script>
+
+<template>
+    <ui-widget :title="title" icon="collections">
+        <data-list
+            v-if="!initializing && items.length"
+            :rows="items"
+            :columns="cols"
+            :sort="false"
+        >
+            <div v-if="initializing" class="loading">
+                <loading-graphic />
+            </div>
+
+            <data-list-table v-else :loading="loading" unstyled class="[&_td]:text-sm [&_td]:p-0.5 [&_thead]:hidden">
+                <template #cell-title="{ row: entry }">
+                    <div class="flex items-center gap-2">
+                        <ui-status-indicator v-if="!columnShowing('status')" :status="entry.status" />
+                        <a :href="entry.edit_url">{{ entry.title }}</a>
+                    </div>
+                </template>
+                <template #cell-status="{ row: entry }">
+                    <ui-status-indicator :status="entry.status" :show-dot="false" show-label />
+                </template>
+            </data-list-table>
+        </data-list>
+
+        <p v-if="!initializing && !items.length" class="p-3 text-center text-sm text-gray-600">
+            {{ __('There are no entries in this collection') }}
+        </p>
+
+        <template #actions>
+            <data-list-pagination
+                v-if="meta.last_page != 1"
+                :resource-meta="meta"
+                @page-selected="selectPage"
+                :scroll-to-top="false"
+                :show-page-links="false"
+            />
+            <slot name="actions" />
+        </template>
+    </ui-widget>
+</template>
diff --git a/resources/js/components/entries/Widget.vue b/resources/js/components/entries/Widget.vue
deleted file mode 100644
index 165ff34c1d5..00000000000
--- a/resources/js/components/entries/Widget.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<template>
-    <ui-card inset>
-        <data-list
-            v-if="!initializing && items.length"
-            :rows="items"
-            :columns="cols"
-            :sort="false"
-            :sort-column="sortColumn"
-            :sort-direction="sortDirection"
-            class="flex h-full flex-col justify-between"
-        >
-            <div>
-                <header class="flex items-center justify-between px-4 py-2.5 border-b border-gray-200 dark:border-gray-700">
-                    <div class="flex items-center gap-3">
-                        <ui-icon name="collections" class="size-5 text-gray-500" />
-                        <span v-text="title" />
-                    </div>
-                    <div class="flex items-center gap-4">
-                        <data-list-pagination
-                            v-if="meta.last_page != 1"
-                            :resource-meta="meta"
-                            @page-selected="selectPage"
-                            :scroll-to-top="false"
-                            :show-page-links="false"
-                        />
-                        <slot name="actions"></slot>
-                    </div>
-                </header>
-                <div class="p-4">
-                    <div v-if="initializing" class="loading">
-                        <loading-graphic />
-                    </div>
-                    <data-list-table :loading="loading" unstyled class="[&_td]:text-sm [&_td]:p-0.5 [&_thead]:hidden">
-                        <template #cell-title="{ row: entry }">
-                            <div class="flex items-center gap-2">
-                                <StatusIndicator v-if="!columnShowing('status')" :status="entry.status" />
-                                <a :href="entry.edit_url">{{ entry.title }}</a>
-                            </div>
-                        </template>
-                        <template #cell-status="{ row: entry }">
-                            <StatusIndicator :status="entry.status" :show-dot="false" show-label />
-                        </template>
-                    </data-list-table>
-                </div>
-            </div>
-        </data-list>
-
-        <p v-if="!initializing && !items.length" class="p-3 text-center text-sm text-gray-600">
-            {{ __('There are no entries in this collection') }}
-        </p>
-    </ui-card>
-</template>
-
-<script>
-import Listing from '../Listing.vue';
-import StatusIndicator from '../ui/StatusIndicator.vue';
-
-export default {
-    components: {
-        StatusIndicator
-    },
-
-    mixins: [Listing],
-
-    props: {
-        additionalColumns: Array,
-        collection: String,
-        title: String,
-    },
-
-    data() {
-        return {
-            cols: [{ label: 'Title', field: 'title', visible: true }, ...this.additionalColumns],
-            listingKey: 'entries',
-            requestUrl: cp_url(`collections/${this.collection}/entries`),
-        };
-    },
-
-    methods: {
-        columnShowing(column) {
-            return this.cols.find((c) => c.field === column);
-        },
-    },
-};
-</script>
diff --git a/resources/js/components/ui/Widget.vue b/resources/js/components/ui/Widget.vue
new file mode 100644
index 00000000000..75ef231aa62
--- /dev/null
+++ b/resources/js/components/ui/Widget.vue
@@ -0,0 +1,31 @@
+<script setup>
+defineProps({
+    title: String,
+    icon: {
+        type: String,
+        default: 'collections'
+    }
+})
+</script>
+
+<template>
+    <ui-card inset>
+        <div class="flex h-full flex-col justify-between">
+            <div>
+                <header class="flex items-center justify-between px-4 py-2.5 border-b border-gray-200 dark:border-gray-700">
+                    <div class="flex items-center gap-3">
+                        <ui-icon :name="icon" class="size-5 text-gray-500" />
+                        <span v-text="title" />
+                    </div>
+                    <div class="flex items-center gap-4">
+                        <slot name="actions" />
+                    </div>
+                </header>
+                <div class="p-4">
+                    <slot />
+                </div>
+            </div>
+            <slot name="footer" />
+        </div>
+    </ui-card>
+</template>

From 5ba9dd54892e960d913364859b367f04704a77eb Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 15 Apr 2025 21:38:39 -0400
Subject: [PATCH 101/186] placeholder Visit Website button+icon

---
 resources/svg/icons/visit-website.svg               |  1 +
 .../views/partials/new-global-header.blade.php      | 13 ++++++++++---
 2 files changed, 11 insertions(+), 3 deletions(-)
 create mode 100644 resources/svg/icons/visit-website.svg

diff --git a/resources/svg/icons/visit-website.svg b/resources/svg/icons/visit-website.svg
new file mode 100644
index 00000000000..82a3d6905e4
--- /dev/null
+++ b/resources/svg/icons/visit-website.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.28362 11.8739c0.33344 -0.0263 0.66783 -0.0582 1.00358 -0.0959 1.4308 -0.1652 2.5914 -1.3288 2.753 -2.76 0.2021 -1.88441 0.2019 -3.65259 0 -5.537 -0.1616 -1.43125 -1.3222 -2.5948 -2.753 -2.760003 -2.2118 -0.243918 -4.36234 -0.247269 -6.574 0.001C2.28237 0.8872 1.12177 2.05075 0.960201 3.482c-0.202238 1.88401 -0.202048 3.65199 0 5.536 0.161569 1.4312 1.322169 2.5948 2.752999 2.76 0.33602 0.0377 0.67067 0.0696 1.00438 0.0959" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m13.0684 3.75 -12.136759 0c0.009259 -0.08971 0.018689 -0.17922 0.028245 -0.26853C1.11402 2.04082 2.27272 0.882112 3.71267 0.721609 4.78222 0.602392 5.88039 0.5 7.00002 0.5s2.21779 0.102392 3.28738 0.221609c1.4399 0.160503 2.5986 1.319211 2.7528 2.759861 0.0095 0.08931 0.0189 0.17882 0.0282 0.26853Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6.99951 13.5 0 -6.37891" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.97607 9.14474c0.40473 -0.80946 1.21419 -1.61892 2.02362 -2.02365 0.80949 0.40473 1.61895 1.21419 2.02368 2.02365" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/views/partials/new-global-header.blade.php b/resources/views/partials/new-global-header.blade.php
index f17c835c71e..60b5bbfda18 100644
--- a/resources/views/partials/new-global-header.blade.php
+++ b/resources/views/partials/new-global-header.blade.php
@@ -46,9 +46,16 @@
         </ui-dropdown>
     </div>
     <div class="flex-1 flex gap-4 items-center justify-end">
-        <div>
-            <command-palette />
-        </div>
+        <div><command-palette /></div>
+        <ui-button
+            icon="visit-website"
+            class="[&_svg]:size-5 -me-3"
+            variant="ghost"
+            href="{{ Statamic\Facades\Site::selected()->url() }}"
+            target="_blank"
+            v-tooltip="'{{ __('View Site') }}'"
+            aria-label="{{ __('View Site') }}"
+        ></ui-button>
         <x-statamic::user-dropdown />
     </div>
 </header>

From 7bf6b576de5e313ed91ae2bf0f13fe58e1a45e14 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 16 Apr 2025 13:05:55 -0400
Subject: [PATCH 102/186] fix import

---
 resources/js/bootstrap/components.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/bootstrap/components.js b/resources/js/bootstrap/components.js
index d5d7c3f77f3..8aec2d92c0e 100644
--- a/resources/js/bootstrap/components.js
+++ b/resources/js/bootstrap/components.js
@@ -36,7 +36,7 @@ import TermListing from '../components/terms/Listing.vue';
 import AssetContainerList from '../components/AssetContainerList.vue';
 import AddonList from '../components/AddonList.vue';
 import AddonDetails from '../components/AddonDetails.vue';
-import CollectionWidget from '../components/entries/Widget.vue';
+import CollectionWidget from '../components/entries/CollectionWidget.vue';
 import SvgIcon from '../components/SvgIcon.vue';
 import FileIcon from '../components/FileIcon.vue';
 import LoadingGraphic from '../components/LoadingGraphic.vue';

From ae777c48d547fb5d5421adb7f6c37823f84b4045 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 16 Apr 2025 13:44:48 -0400
Subject: [PATCH 103/186] [6.x] Form widget with relative dateformatter preset
 (#11708)

Co-authored-by: Jason Varga <jason@pixelfear.com>
---
 resources/js/bootstrap/components.js          |   2 +
 resources/js/components/DateFormatter.js      |  54 +++++++++
 resources/js/components/forms/FormWidget.vue  |  82 ++++++++++++++
 resources/js/components/ui/Widget.vue         |   2 +-
 resources/js/components/ui/index.js           |   3 +-
 .../js/tests/components/DateFormatter.test.js | 103 ++++++++++++++++++
 resources/views/forms/widget.blade.php        |  51 +--------
 src/Forms/Widget.php                          |   1 +
 8 files changed, 251 insertions(+), 47 deletions(-)
 create mode 100644 resources/js/components/forms/FormWidget.vue

diff --git a/resources/js/bootstrap/components.js b/resources/js/bootstrap/components.js
index 8aec2d92c0e..56d5043f072 100644
--- a/resources/js/bootstrap/components.js
+++ b/resources/js/bootstrap/components.js
@@ -37,6 +37,7 @@ import AssetContainerList from '../components/AssetContainerList.vue';
 import AddonList from '../components/AddonList.vue';
 import AddonDetails from '../components/AddonDetails.vue';
 import CollectionWidget from '../components/entries/CollectionWidget.vue';
+import FormWidget from '../components/forms/FormWidget.vue';
 import SvgIcon from '../components/SvgIcon.vue';
 import FileIcon from '../components/FileIcon.vue';
 import LoadingGraphic from '../components/LoadingGraphic.vue';
@@ -115,6 +116,7 @@ export default function registerGlobalComponents(app) {
 
     // Widgets
     app.component('collection-widget', CollectionWidget);
+    app.component('form-widget', FormWidget);
 
     // Reusable
     app.component('svg-icon', SvgIcon);
diff --git a/resources/js/components/DateFormatter.js b/resources/js/components/DateFormatter.js
index fc848de01c0..e52e38848c2 100644
--- a/resources/js/components/DateFormatter.js
+++ b/resources/js/components/DateFormatter.js
@@ -35,12 +35,66 @@ export default class DateFormatter {
 
     toString() {
         try {
+            if (this.#options.relative) return this.#formatRelative();
+
             return Intl.DateTimeFormat(this.locale, this.#options).format(this.#date);
         } catch (e) {
             return 'Invalid Date';
         }
     }
 
+    #formatRelative() {
+        let specificity = this.#options.relative;
+        specificity = !specificity || specificity === true ? 'year' : specificity;
+
+        const now = new Date();
+        const diff = now - this.#date;
+        const seconds = Math.abs(Math.floor(diff / 1000));
+        const minutes = Math.abs(Math.floor(seconds / 60));
+        const hours = Math.abs(Math.floor(minutes / 60));
+        const days = Math.abs(Math.floor(hours / 24));
+        const weeks = Math.abs(Math.floor(days / 7));
+        const months = Math.abs(Math.floor(days / 30));
+        const years = Math.abs(Math.floor(days / 365));
+
+        const rtf = new Intl.RelativeTimeFormat(this.locale, { numeric: 'auto' });
+
+        // Always show seconds if less than a minute
+        if (seconds < 60) return rtf.format(-Math.sign(diff) * seconds, 'second');
+
+        // Show minutes if less than an hour and specificity allows
+        if (minutes < 60 && ['minute', 'hour', 'day', 'week', 'month', 'year'].includes(specificity)) {
+            return rtf.format(-Math.sign(diff) * minutes, 'minute');
+        }
+
+        // Show hours if less than a day and specificity allows
+        if (hours < 24 && ['hour', 'day', 'week', 'month', 'year'].includes(specificity)) {
+            return rtf.format(-Math.sign(diff) * hours, 'hour');
+        }
+
+        // Show days if less than a week and specificity allows
+        if (days < 7 && ['day', 'week', 'month', 'year'].includes(specificity)) {
+            return rtf.format(-Math.sign(diff) * days, 'day');
+        }
+
+        // Show weeks if less than a month and specificity allows
+        if (weeks < 4 && ['week', 'month', 'year'].includes(specificity)) {
+            return rtf.format(-Math.sign(diff) * weeks, 'week');
+        }
+
+        // Show months if less than a year and specificity allows
+        if (months < 12 && ['month', 'year'].includes(specificity)) {
+            return rtf.format(-Math.sign(diff) * months, 'month');
+        }
+
+        // Show years if specificity allows
+        if (specificity === 'year') {
+            return rtf.format(-Math.sign(diff) * years, 'year');
+        }
+
+        return new DateFormatter(this.#date, this.#options.fallback || 'datetime').toString();
+    }
+
     static format(date, options) {
         return new DateFormatter(date, options).toString();
     }
diff --git a/resources/js/components/forms/FormWidget.vue b/resources/js/components/forms/FormWidget.vue
new file mode 100644
index 00000000000..706cf2394ba
--- /dev/null
+++ b/resources/js/components/forms/FormWidget.vue
@@ -0,0 +1,82 @@
+<script>
+import Listing from '../Listing.vue';
+import DateFormatter from '@statamic/components/DateFormatter.js';
+import { Widget } from '@statamic/ui';
+
+export default {
+    mixins: [Listing],
+
+    components: {
+        Widget,
+    },
+
+    props: {
+        form: { type: String, required: true },
+        fields: { type: Array, default: () => [] },
+        title: { type: String },
+    },
+
+    data() {
+        return {
+            cols: [
+                ...this.fields.map((field) => ({ label: field, field, visible: true })),
+                { label: 'Date', field: 'date', visible: true },
+            ],
+            listingKey: 'submissions',
+            requestUrl: cp_url(`forms/${this.form}/submissions`),
+        };
+    },
+
+    methods: {
+        formatDate(value) {
+            return DateFormatter.format(value, { relative: 'hour' }).toString();
+        },
+    },
+};
+</script>
+
+<template>
+    <Widget :title="title" icon="forms">
+        <data-list v-if="!initializing && items.length" :rows="items" :columns="cols" :sort="false" class="w-full">
+            <div v-if="initializing" class="loading">
+                <loading-graphic />
+            </div>
+
+            <data-list-table
+                v-else
+                :loading="loading"
+                unstyled
+                class="[&_td]:px-0.5 [&_td]:py-0.75 [&_td]:text-sm [&_thead]:hidden"
+            >
+                <template v-for="field in fields" #[`cell-${field}`]="{ row: submission }">
+                    <a
+                        :href="cp_url(`forms/${form}/submissions/${submission.id}`)"
+                        class="line-clamp-1 overflow-hidden text-ellipsis"
+                    >
+                        {{ submission[field] }}
+                    </a>
+                </template>
+                <template #cell-date="{ row: submission }">
+                    <div
+                        class="text-end font-mono text-xs whitespace-nowrap text-gray-500 antialiased"
+                        v-html="formatDate(submission.datestamp)"
+                    />
+                </template>
+            </data-list-table>
+        </data-list>
+
+        <p v-if="!initializing && !items.length" class="p-3 text-center text-sm text-gray-600">
+            {{ __('This form is awaiting responses') }}
+        </p>
+
+        <template #actions>
+            <data-list-pagination
+                v-if="meta.last_page != 1"
+                :resource-meta="meta"
+                @page-selected="selectPage"
+                :scroll-to-top="false"
+                :show-page-links="false"
+            />
+        </template>
+    </Widget>
+</template>
diff --git a/resources/js/components/ui/Widget.vue b/resources/js/components/ui/Widget.vue
index 75ef231aa62..25a747fa5c2 100644
--- a/resources/js/components/ui/Widget.vue
+++ b/resources/js/components/ui/Widget.vue
@@ -10,7 +10,7 @@ defineProps({
 
 <template>
     <ui-card inset>
-        <div class="flex h-full flex-col justify-between">
+        <div class="flex h-full flex-col justify-between min-h-54">
             <div>
                 <header class="flex items-center justify-between px-4 py-2.5 border-b border-gray-200 dark:border-gray-700">
                     <div class="flex items-center gap-3">
diff --git a/resources/js/components/ui/index.js b/resources/js/components/ui/index.js
index 86fe6575db1..1d3c3ff2700 100644
--- a/resources/js/components/ui/index.js
+++ b/resources/js/components/ui/index.js
@@ -5,5 +5,6 @@ import { default as DatePicker } from './Datepicker/Index.vue';
 import { default as DateRangePicker } from './DateRangePicker/Index.vue';
 import { default as TimePicker } from './TimePicker/Index.vue';
 import { default as Button } from './Button/Index.vue';
+import { default as Widget } from './Widget.vue';
 
-export { WithField, Calendar, Card, DatePicker, DateRangePicker, TimePicker, Button };
+export { WithField, Calendar, Card, DatePicker, DateRangePicker, TimePicker, Button, Widget };
diff --git a/resources/js/tests/components/DateFormatter.test.js b/resources/js/tests/components/DateFormatter.test.js
index 0bb73363493..77472d922a0 100644
--- a/resources/js/tests/components/DateFormatter.test.js
+++ b/resources/js/tests/components/DateFormatter.test.js
@@ -208,3 +208,106 @@ test.each([
 test('an invalid preset throws an error', () => {
     expect(() => new DateFormatter().options('foo')).toThrow('Invalid date format: foo');
 });
+
+test.each([
+    // All the different diffs of time. It defaults to 'year' specificity.
+    ['now', 'en', { relative: true }, '2021-12-25T12:13:14Z', 'now'],
+    ['seconds ago', 'en', { relative: true }, '2021-12-25T12:13:12Z', '2 seconds ago'],
+    ['minute ago', 'en', { relative: true }, '2021-12-25T12:12:14Z', '1 minute ago'],
+    ['minutes ago', 'en', { relative: true }, '2021-12-25T12:11:14Z', '2 minutes ago'],
+    ['hour ago', 'en', { relative: true }, '2021-12-25T11:13:14Z', '1 hour ago'],
+    ['hours ago', 'en', { relative: true }, '2021-12-25T10:13:14Z', '2 hours ago'],
+    ['day ago', 'en', { relative: true }, '2021-12-24T12:13:14Z', 'yesterday'],
+    ['days ago', 'en', { relative: true }, '2021-12-23T12:13:14Z', '2 days ago'],
+    ['week ago', 'en', { relative: true }, '2021-12-18T12:13:14Z', 'last week'],
+    ['weeks ago', 'en', { relative: true }, '2021-12-11T12:13:14Z', '2 weeks ago'],
+    ['month ago', 'en', { relative: true }, '2021-11-25T12:13:14Z', 'last month'],
+    ['months ago', 'en', { relative: true }, '2021-10-25T12:13:14Z', '2 months ago'],
+    ['year ago', 'en', { relative: true }, '2020-12-25T12:13:14Z', 'last year'],
+    ['years ago', 'en', { relative: true }, '2019-12-25T12:13:14Z', '2 years ago'],
+
+    // Same in another locale
+    ['de, now', 'de', { relative: true }, '2021-12-25T12:13:14Z', 'jetzt'],
+    ['de, seconds ago', 'de', { relative: true }, '2021-12-25T12:13:12Z', 'vor 2 Sekunden'],
+    ['de, minute ago', 'de', { relative: true }, '2021-12-25T12:12:14Z', 'vor 1 Minute'],
+    ['de, minutes ago', 'de', { relative: true }, '2021-12-25T12:11:14Z', 'vor 2 Minuten'],
+    ['de, hour ago', 'de', { relative: true }, '2021-12-25T11:13:14Z', 'vor 1 Stunde'],
+    ['de, hours ago', 'de', { relative: true }, '2021-12-25T10:13:14Z', 'vor 2 Stunden'],
+    ['de, day ago', 'de', { relative: true }, '2021-12-24T12:13:14Z', 'gestern'],
+    ['de, days ago', 'de', { relative: true }, '2021-12-23T12:13:14Z', 'vorgestern'],
+    ['de, week ago', 'de', { relative: true }, '2021-12-18T12:13:14Z', 'letzte Woche'],
+    ['de, weeks ago', 'de', { relative: true }, '2021-12-11T12:13:14Z', 'vor 2 Wochen'],
+    ['de, month ago', 'de', { relative: true }, '2021-11-25T12:13:14Z', 'letzten Monat'],
+    ['de, months ago', 'de', { relative: true }, '2021-10-25T12:13:14Z', 'vor 2 Monaten'],
+    ['de, year ago', 'de', { relative: true }, '2020-12-25T12:13:14Z', 'letztes Jahr'],
+    ['de, years ago', 'de', { relative: true }, '2019-12-25T12:13:14Z', 'vor 2 Jahren'],
+
+    // All different specificities
+    ['years ago, spec year', 'en', { relative: 'year' }, '2019-12-25T12:13:14Z', '2 years ago'],
+    ['years ago, spec month', 'en', { relative: 'month' }, '2019-12-25T12:13:14Z', '12/25/2019, 12:13 PM'],
+    ['years ago, spec week', 'en', { relative: 'week' }, '2019-12-25T12:13:14Z', '12/25/2019, 12:13 PM'],
+    ['years ago, spec day', 'en', { relative: 'day' }, '2019-12-25T12:13:14Z', '12/25/2019, 12:13 PM'],
+    ['years ago, spec hour', 'en', { relative: 'hour' }, '2019-12-25T12:13:14Z', '12/25/2019, 12:13 PM'],
+    ['years ago, spec minute', 'en', { relative: 'minute' }, '2019-12-25T12:13:14Z', '12/25/2019, 12:13 PM'],
+    ['years ago, spec second', 'en', { relative: 'second' }, '2019-12-25T12:13:14Z', '12/25/2019, 12:13 PM'],
+    ['months ago, spec year', 'en', { relative: 'year' }, '2021-10-25T12:13:14Z', '2 months ago'],
+    ['months ago, spec month', 'en', { relative: 'month' }, '2021-10-25T12:13:14Z', '2 months ago'],
+    ['months ago, spec week', 'en', { relative: 'week' }, '2021-10-25T12:13:14Z', '10/25/2021, 12:13 PM'],
+    ['months ago, spec day', 'en', { relative: 'day' }, '2021-10-25T12:13:14Z', '10/25/2021, 12:13 PM'],
+    ['months ago, spec hour', 'en', { relative: 'hour' }, '2021-10-25T12:13:14Z', '10/25/2021, 12:13 PM'],
+    ['months ago, spec minute', 'en', { relative: 'minute' }, '2021-10-25T12:13:14Z', '10/25/2021, 12:13 PM'],
+    ['months ago, spec second', 'en', { relative: 'second' }, '2021-10-25T12:13:14Z', '10/25/2021, 12:13 PM'],
+    ['weeks ago, spec year', 'en', { relative: 'year' }, '2021-12-11T12:13:14Z', '2 weeks ago'],
+    ['weeks ago, spec month', 'en', { relative: 'month' }, '2021-12-11T12:13:14Z', '2 weeks ago'],
+    ['weeks ago, spec week', 'en', { relative: 'week' }, '2021-12-11T12:13:14Z', '2 weeks ago'],
+    ['weeks ago, spec day', 'en', { relative: 'day' }, '2021-12-11T12:13:14Z', '12/11/2021, 12:13 PM'],
+    ['weeks ago, spec hour', 'en', { relative: 'hour' }, '2021-12-11T12:13:14Z', '12/11/2021, 12:13 PM'],
+    ['weeks ago, spec minute', 'en', { relative: 'minute' }, '2021-12-11T12:13:14Z', '12/11/2021, 12:13 PM'],
+    ['weeks ago, spec second', 'en', { relative: 'second' }, '2021-12-11T12:13:14Z', '12/11/2021, 12:13 PM'],
+    ['days ago, spec year', 'en', { relative: 'year' }, '2021-12-23T12:13:14Z', '2 days ago'],
+    ['days ago, spec month', 'en', { relative: 'month' }, '2021-12-23T12:13:14Z', '2 days ago'],
+    ['days ago, spec week', 'en', { relative: 'week' }, '2021-12-23T12:13:14Z', '2 days ago'],
+    ['days ago, spec day', 'en', { relative: 'day' }, '2021-12-23T12:13:14Z', '2 days ago'],
+    ['days ago, spec hour', 'en', { relative: 'hour' }, '2021-12-23T12:13:14Z', '12/23/2021, 12:13 PM'],
+    ['days ago, spec minute', 'en', { relative: 'minute' }, '2021-12-23T12:13:14Z', '12/23/2021, 12:13 PM'],
+    ['days ago, spec second', 'en', { relative: 'second' }, '2021-12-23T12:13:14Z', '12/23/2021, 12:13 PM'],
+    ['hours ago, spec year', 'en', { relative: 'year' }, '2021-12-25T10:13:14Z', '2 hours ago'],
+    ['hours ago, spec month', 'en', { relative: 'month' }, '2021-12-25T10:13:14Z', '2 hours ago'],
+    ['hours ago, spec week', 'en', { relative: 'week' }, '2021-12-25T10:13:14Z', '2 hours ago'],
+    ['hours ago, spec day', 'en', { relative: 'day' }, '2021-12-25T10:13:14Z', '2 hours ago'],
+    ['hours ago, spec hour', 'en', { relative: 'hour' }, '2021-12-25T10:13:14Z', '2 hours ago'],
+    ['hours ago, spec minute', 'en', { relative: 'minute' }, '2021-12-25T10:13:14Z', '12/25/2021, 10:13 AM'],
+    ['hours ago, spec second', 'en', { relative: 'second' }, '2021-12-25T10:13:14Z', '12/25/2021, 10:13 AM'],
+    ['minutes ago, spec year', 'en', { relative: 'year' }, '2021-12-25T12:11:14Z', '2 minutes ago'],
+    ['minutes ago, spec month', 'en', { relative: 'month' }, '2021-12-25T12:11:14Z', '2 minutes ago'],
+    ['minutes ago, spec week', 'en', { relative: 'week' }, '2021-12-25T12:11:14Z', '2 minutes ago'],
+    ['minutes ago, spec day', 'en', { relative: 'day' }, '2021-12-25T12:11:14Z', '2 minutes ago'],
+    ['minutes ago, spec hour', 'en', { relative: 'hour' }, '2021-12-25T12:11:14Z', '2 minutes ago'],
+    ['minutes ago, spec minute', 'en', { relative: 'minute' }, '2021-12-25T12:11:14Z', '2 minutes ago'],
+    ['minutes ago, spec second', 'en', { relative: 'second' }, '2021-12-25T12:11:14Z', '12/25/2021, 12:11 PM'],
+    ['seconds ago, spec year', 'en', { relative: 'year' }, '2021-12-25T12:13:12Z', '2 seconds ago'],
+    ['seconds ago, spec month', 'en', { relative: 'month' }, '2021-12-25T12:13:12Z', '2 seconds ago'],
+    ['seconds ago, spec week', 'en', { relative: 'week' }, '2021-12-25T12:13:12Z', '2 seconds ago'],
+    ['seconds ago, spec day', 'en', { relative: 'day' }, '2021-12-25T12:13:12Z', '2 seconds ago'],
+    ['seconds ago, spec hour', 'en', { relative: 'hour' }, '2021-12-25T12:13:12Z', '2 seconds ago'],
+    ['seconds ago, spec minute', 'en', { relative: 'minute' }, '2021-12-25T12:13:12Z', '2 seconds ago'],
+    ['seconds ago, spec second', 'en', { relative: 'second' }, '2021-12-25T12:13:12Z', '2 seconds ago'],
+    [
+        'fallback of datetime preset',
+        'en',
+        { relative: 'second', fallback: 'datetime' },
+        '2021-12-20T12:13:14Z',
+        '12/20/2021, 12:13 PM',
+    ],
+    ['fallback of time preset', 'en', { relative: 'second', fallback: 'time' }, '2021-12-20T12:13:14Z', '12:13 PM'],
+    [
+        'fallback of options',
+        'en',
+        { relative: 'second', fallback: { dateStyle: 'long', timeStyle: 'long' } },
+        '2021-12-20T12:13:14Z',
+        'December 20, 2021 at 12:13:14 PM UTC',
+    ],
+])('it can use relative format (%s)', (label, locale, options, date, expected) => {
+    setNavigatorLanguage(locale);
+    expect(new DateFormatter().format(date, options)).toBe(expected);
+});
diff --git a/resources/views/forms/widget.blade.php b/resources/views/forms/widget.blade.php
index df87af3a13b..48cedab6ee6 100644
--- a/resources/views/forms/widget.blade.php
+++ b/resources/views/forms/widget.blade.php
@@ -1,45 +1,6 @@
-@php
-    use function Statamic\trans as __;
-@endphp
-
-@php
-    use Statamic\Support\Arr;
-@endphp
-
-<div class="card overflow-hidden p-0">
-    <div class="flex items-center justify-between border-b p-4 dark:border-b dark:border-dark-900 dark:bg-dark-650">
-        <h2>
-            <a class="flex items-center" href="{{ $form->showUrl() }}">
-                <div class="h-6 w-6 text-gray-800 dark:text-dark-200 ltr:mr-2 rtl:ml-2">
-                    @cp_svg('icons/light/drawer-file')
-                </div>
-                <span v-pre>{{ $title }}</span>
-            </a>
-        </h2>
-    </div>
-    <div>
-        @if (! $submissions)
-            <p class="p-4 text-sm text-gray-600">{{ __('This form is awaiting responses') }}</p>
-        @else
-            <table class="data-table">
-                @foreach ($submissions as $submission)
-                    <tr>
-                        @foreach ($fields as $key => $field)
-                            <td>
-                                <a
-                                    href="{{ cp_route('forms.submissions.show', [$form->handle(), $submission['id']]) }}"
-                                >
-                                    {{ Arr::get($submission, $field) }}
-                                </a>
-                            </td>
-                        @endforeach
-
-                        <td class="ltr:text-right rtl:text-left">
-                            {{ $submission['date']->diffInDays() <= 14 ? $submission['date']->diffForHumans() : $submission['date']->asVueComponent() }}
-                        </td>
-                    </tr>
-                @endforeach
-            </table>
-        @endif
-    </div>
-</div>
+<form-widget
+    form="{{ $form->handle() }}"
+    title="{{ $title }}"
+    :fields='@json($fields)'
+    :initial-per-page="{{ $limit }}"
+></form-widget>
diff --git a/src/Forms/Widget.php b/src/Forms/Widget.php
index 604a7decedd..3d9c879ccf3 100644
--- a/src/Forms/Widget.php
+++ b/src/Forms/Widget.php
@@ -27,6 +27,7 @@ public function html()
             'fields' => $this->config('fields', []),
             'submissions' => collect($form->submissions())->reverse()->take((int) $this->config('limit', 5))->toArray(),
             'title' => $this->config('title', $form->title()),
+            'limit' => $this->config('limit', 5),
         ]);
     }
 }

From 83135a3c3e249febc40b89b6b4511aeb77f6c0f9 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 16 Apr 2025 14:09:46 -0400
Subject: [PATCH 104/186] Add action button to link to all form submissions

---
 resources/js/components/forms/FormWidget.vue | 1 +
 resources/views/forms/widget.blade.php       | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/forms/FormWidget.vue b/resources/js/components/forms/FormWidget.vue
index 706cf2394ba..9096c00f2b0 100644
--- a/resources/js/components/forms/FormWidget.vue
+++ b/resources/js/components/forms/FormWidget.vue
@@ -77,6 +77,7 @@ export default {
                 :scroll-to-top="false"
                 :show-page-links="false"
             />
+            <slot name="actions" />
         </template>
     </Widget>
 </template>
diff --git a/resources/views/forms/widget.blade.php b/resources/views/forms/widget.blade.php
index 48cedab6ee6..3effd39241a 100644
--- a/resources/views/forms/widget.blade.php
+++ b/resources/views/forms/widget.blade.php
@@ -3,4 +3,10 @@
     title="{{ $title }}"
     :fields='@json($fields)'
     :initial-per-page="{{ $limit }}"
-></form-widget>
+>
+    <template #actions>
+        <ui-button href="{{ cp_route('forms.show', $form->handle()) }}">
+            {{ __('View All') }}
+        </ui-button>
+    </template>
+</form-widget>

From aa281c2c811c8895a1388f972095a3d3c2a19714 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 16 Apr 2025 15:53:08 -0400
Subject: [PATCH 105/186] half-wangjangled Updates widget wip slop
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Couldn't figure out how to get all the data cleanly into the data-list so it kinda just is meh. This component would be a good use case for a much simpler new table component thing. 😅
---
 resources/js/bootstrap/components.js          |  2 +
 resources/js/components/ui/Widget.vue         |  2 +-
 .../js/components/updater/UpdaterWidget.vue   | 80 +++++++++++++++++++
 resources/views/widgets/updater.blade.php     | 44 ++--------
 src/Widgets/Updater.php                       |  3 +-
 5 files changed, 91 insertions(+), 40 deletions(-)
 create mode 100644 resources/js/components/updater/UpdaterWidget.vue

diff --git a/resources/js/bootstrap/components.js b/resources/js/bootstrap/components.js
index 56d5043f072..447b05d4d4e 100644
--- a/resources/js/bootstrap/components.js
+++ b/resources/js/bootstrap/components.js
@@ -64,6 +64,7 @@ import CodeBlock from '../components/CodeBlock.vue';
 import BlueprintResetter from '../components/blueprints/BlueprintResetter.vue';
 import { defineAsyncComponent } from 'vue';
 import DateTime from '../components/DateTime.vue';
+import UpdaterWidget from '../components/updater/UpdaterWidget.vue';
 
 export default function registerGlobalComponents(app) {
     // Core
@@ -117,6 +118,7 @@ export default function registerGlobalComponents(app) {
     // Widgets
     app.component('collection-widget', CollectionWidget);
     app.component('form-widget', FormWidget);
+    app.component('updater-widget', UpdaterWidget);
 
     // Reusable
     app.component('svg-icon', SvgIcon);
diff --git a/resources/js/components/ui/Widget.vue b/resources/js/components/ui/Widget.vue
index 25a747fa5c2..33d6ab900d5 100644
--- a/resources/js/components/ui/Widget.vue
+++ b/resources/js/components/ui/Widget.vue
@@ -12,7 +12,7 @@ defineProps({
     <ui-card inset>
         <div class="flex h-full flex-col justify-between min-h-54">
             <div>
-                <header class="flex items-center justify-between px-4 py-2.5 border-b border-gray-200 dark:border-gray-700">
+                <header class="flex items-center justify-between px-4 py-2 h-15 border-b border-gray-200 dark:border-gray-700">
                     <div class="flex items-center gap-3">
                         <ui-icon :name="icon" class="size-5 text-gray-500" />
                         <span v-text="title" />
diff --git a/resources/js/components/updater/UpdaterWidget.vue b/resources/js/components/updater/UpdaterWidget.vue
new file mode 100644
index 00000000000..3e33493b72e
--- /dev/null
+++ b/resources/js/components/updater/UpdaterWidget.vue
@@ -0,0 +1,80 @@
+<script>
+import Listing from '../Listing.vue'
+
+export default {
+    mixins: [Listing],
+
+    props: {
+        count: Number,
+        hasStatamicUpdate: Boolean,
+        updatableAddons: Object,
+    },
+
+    data() {
+        return {
+            cols: [
+                { label: 'Package', field: 'name', visible: true },
+                { label: 'Current', field: 'current_version', visible: true },
+                { label: 'Latest', field: 'latest_version', visible: true }
+            ],
+            items: [],
+            currentPage: 1,
+        }
+    },
+
+    methods: {
+        getItems() {
+            const items = []
+
+            if (this.hasStatamicUpdate) {
+                items.push({ name: 'Statamic Core', type: 'core', slug: 'statamic' })
+            }
+
+            Object.entries(this.updatableAddons || {}).forEach(([slug, name]) => {
+                items.push({ name, type: 'addon', slug })
+            })
+
+            return items;
+        }
+    },
+
+    created() {
+        this.items = this.getItems();
+    }
+}
+</script>
+
+<template>
+    <ui-widget :title="__('Updates')" icon="updates">
+        <data-list
+            v-if="items.length"
+            :rows="items"
+            :columns="cols"
+            :sort="false"
+        >
+            <data-list-table unstyled class="[&_td]:text-sm [&_td]:p-0.5 [&_thead]:hidden">
+                <template #cell-name="{ row: update }">
+                    <a :href="cp_url(`updater/${update.slug}`)" class="flex items-center gap-2">
+                        <span>{{ update.name.name || update.name }}</span>
+                        <ui-badge size="sm" pill color="green" text="2" />
+                    </a>
+                </template>
+            </data-list-table>
+        </data-list>
+
+        <p v-else class="p-3 text-center text-sm text-gray-600">
+            {{ __('Everything is up to date.') }}
+        </p>
+
+        <template #actions>
+            <data-list-pagination
+                v-if="meta.last_page != 1"
+                :resource-meta="meta"
+                @page-selected="selectPage"
+                :scroll-to-top="false"
+                :show-page-links="false"
+            />
+            <slot name="actions" />
+        </template>
+    </ui-widget>
+</template>
diff --git a/resources/views/widgets/updater.blade.php b/resources/views/widgets/updater.blade.php
index a7ee0e3a0cd..db33f5bb9cf 100644
--- a/resources/views/widgets/updater.blade.php
+++ b/resources/views/widgets/updater.blade.php
@@ -1,38 +1,6 @@
-@php
-    use function Statamic\trans as __;
-@endphp
-
-<div class="card h-full p-0">
-    <header class="flex items-center justify-between border-b p-4 dark:border-b dark:border-dark-900 dark:bg-dark-650">
-        <h2 class="flex items-center">
-            <div class="h-6 w-6 text-gray-800 dark:text-dark-200 ltr:mr-2 rtl:ml-2">
-                @cp_svg('icons/light/loading-bar')
-            </div>
-            <span>{{ __('Updates') }}</span>
-        </h2>
-        @if ($count)
-            <a href="{{ cp_route('updater') }}" class="badge-sm bg-green-600 text-white">
-                {{ trans_choice('1 update available|:count updates available', $count) }}
-            </a>
-        @endif
-    </header>
-    <section class="px-4 py-2">
-        @if (! $count)
-            <p class="text-center text-base text-gray-700">{{ __('Everything is up to date.') }}</p>
-        @endif
-
-        @if ($hasStatamicUpdate)
-            <div class="flex items-center justify-between text-sm">
-                <a href="{{ cp_route('updater.product', 'statamic') }}" class="py-1 font-bold hover:text-blue">
-                    Statamic Core
-                </a>
-            </div>
-        @endif
-
-        @foreach ($updatableAddons as $slug => $addon)
-            <div class="flex w-full items-center justify-between text-sm">
-                <a href="{{ cp_route('updater.product', $slug) }}" class="py-1 hover:text-blue">{{ $addon }}</a>
-            </div>
-        @endforeach
-    </section>
-</div>
+<updater-widget
+    :count="{{ $count }}"
+    :has-statamic-update="{{ json_encode($hasStatamicUpdate) }}"
+    :updatable-addons="{{ json_encode($updatableAddons) }}"
+    :initial-per-page="{{ $limit }}"
+></updater-widget>
diff --git a/src/Widgets/Updater.php b/src/Widgets/Updater.php
index d0790ba2225..32503ecdfec 100644
--- a/src/Widgets/Updater.php
+++ b/src/Widgets/Updater.php
@@ -21,7 +21,8 @@ public function html()
         $count = UpdatesOverview::count();
         $hasStatamicUpdate = UpdatesOverview::hasStatamicUpdate();
         $updatableAddons = UpdatesOverview::updatableAddons();
+        $limit = $this->config('limit', 5);
 
-        return view('statamic::widgets.updater', compact('count', 'hasStatamicUpdate', 'updatableAddons'));
+        return view('statamic::widgets.updater', compact('count', 'hasStatamicUpdate', 'updatableAddons', 'limit'));
     }
 }

From b1afc4bd10ca4c06a4831176711518f9bf473b4d Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 16 Apr 2025 17:04:29 -0400
Subject: [PATCH 106/186] Go to a more abstract sm, md, lg widget size system

---
 .../components/entries/CollectionWidget.vue   |  2 +-
 resources/views/dashboard.blade.php           |  6 ++---
 src/Support/Str.php                           | 26 +++++++++++++------
 3 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/resources/js/components/entries/CollectionWidget.vue b/resources/js/components/entries/CollectionWidget.vue
index d868c249424..f9c051dc471 100644
--- a/resources/js/components/entries/CollectionWidget.vue
+++ b/resources/js/components/entries/CollectionWidget.vue
@@ -43,7 +43,7 @@ export default {
                 <template #cell-title="{ row: entry }">
                     <div class="flex items-center gap-2">
                         <ui-status-indicator v-if="!columnShowing('status')" :status="entry.status" />
-                        <a :href="entry.edit_url">{{ entry.title }}</a>
+                        <a :href="entry.edit_url" class="overflow-hidden text-ellipsis line-clamp-1">{{ entry.title }}</a>
                     </div>
                 </template>
                 <template #cell-status="{ row: entry }">
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
index 7efa3b45e19..b49ac3b4f49 100644
--- a/resources/views/dashboard.blade.php
+++ b/resources/views/dashboard.blade.php
@@ -9,11 +9,9 @@
 
 <ui-header title="{{ __('Dashboard') }}" />
 
-<div class="widgets @container -mx-4 flex flex-wrap py-2">
+<div class="widgets @container flex flex-wrap py-2 gap-y-6">
     @foreach ($widgets as $widget)
-        <div
-            class="widget md:{{ Statamic\Support\Str::tailwindWidthClass($widget['width']) }} {{ $widget['classes'] }} mb-8 w-full px-4"
-        >
+        <div class="{{ Statamic\Support\Str::tailwindWidthClass($widget['width']) }} {{ $widget['classes'] }} px-3">
             {!! $widget['html'] !!}
         </div>
     @endforeach
diff --git a/src/Support/Str.php b/src/Support/Str.php
index 14c4852061f..6f0b3e2f73e 100644
--- a/src/Support/Str.php
+++ b/src/Support/Str.php
@@ -244,16 +244,26 @@ public static function modifyMultiple($string, $modifications)
 
     public static function tailwindWidthClass($width)
     {
-        $widths = [
-            25 => 'w-full @lg:w-1/4',
-            33 => 'w-full @lg:w-1/3',
-            50 => 'w-full @lg:w-1/2',
-            66 => 'w-full @lg:w-2/3',
-            75 => 'w-full @lg:w-3/4',
-            100 => 'w-full',
+        $sizes = [
+            'sm' => 'w-full @lg:w-1/2 @4xl:w-1/3 @8xl:w-1/4',
+            'md' => 'w-full @lg:w-1/2 @4xl:w-1/2 @8xl:w-1/3',
+            'lg' => 'w-full @lg:w-full @4xl:w-2/3 @8xl:w-3/4',
+            'full' => 'w-full',
         ];
 
-        return $widths[$width] ?? 'w-full';
+        // For backward compatibility, map old numeric widths to new sizes
+        $legacyMap = [
+            25 => 'sm',
+            33 => 'sm',
+            50 => 'md',
+            66 => 'md',
+            75 => 'lg',
+            100 => 'full'
+        ];
+
+        $size = is_numeric($width) ? ($legacyMap[$width] ?? 'md') : $width;
+
+        return $sizes[$size] ?? $sizes['md'];
     }
 
     /**

From 8b22093e253f34889b3b987343a78bd028715f1d Mon Sep 17 00:00:00 2001
From: Jesse Leite <jesseleite@gmail.com>
Date: Mon, 21 Apr 2025 12:34:43 -0400
Subject: [PATCH 107/186] Use real `<a>` so user can cmd+click, middle click,
 etc. to open in new tab.

---
 .../components/command-palette/CommandPalette.vue   | 11 +++++++----
 resources/js/components/command-palette/Item.vue    | 13 +++++++++++--
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/resources/js/components/command-palette/CommandPalette.vue b/resources/js/components/command-palette/CommandPalette.vue
index d1a0908a18e..1689c77b710 100644
--- a/resources/js/components/command-palette/CommandPalette.vue
+++ b/resources/js/components/command-palette/CommandPalette.vue
@@ -97,10 +97,13 @@ function searchContent() {
 function select(selected) {
     let item = findSelectedItem(selected);
 
+    if (item.href) {
+        return;
+    }
+
     switch (item.type) {
-        case 'link':
-        case 'content_search_result':
-            window.location = item.url; // TODO: If meta key is held, maybe it can `window.open()` in new window/tab?
+        case 'action':
+            // TODO: Handle non <a> items
     }
 }
 
@@ -191,7 +194,7 @@ const modalClasses = cva({
                                         :text-value="item.text"
                                         :as-child="true"
                                     >
-                                        <CommandPaletteItem :icon="item.icon" :badge="item.keys || item.badge">
+                                        <CommandPaletteItem :icon="item.icon" :href="item.url" :badge="item.keys || item.badge">
                                             <div v-html="item.html" />
                                         </CommandPaletteItem>
                                     </ComboboxItem>
diff --git a/resources/js/components/command-palette/Item.vue b/resources/js/components/command-palette/Item.vue
index d04679b2a49..712c91fca3d 100644
--- a/resources/js/components/command-palette/Item.vue
+++ b/resources/js/components/command-palette/Item.vue
@@ -17,10 +17,18 @@ onMounted(() => {
         iconComponent.value = true;
     }
 });
+
+function click(event) {
+    if (props.href) return;
+
+    event.preventDefault();
+
+    // TODO: Handle ctrl/cmd + enter key to open item in new browser tab, just like ctrl/cms + click does
+}
 </script>
 
 <template>
-    <div
+    <a
         :class="[
             'flex items-center gap-2 border-0',
             'rounded-lg px-2 py-1.5 text-sm antialiased',
@@ -32,6 +40,7 @@ onMounted(() => {
         data-command-palette-item
         :as="href ? 'a' : 'div'"
         :href="href"
+        @click="click"
     >
         <div v-if="icon" class="flex size-6 items-center justify-center p-1 text-gray-500">
             <ui-icon v-if="iconComponent" :name="icon" class="size-4" :key="icon" />
@@ -42,5 +51,5 @@ onMounted(() => {
             <template v-else>{{ text }}</template>
         </div>
         <ui-badge v-if="badge" :text="badge" variant="flat" />
-    </div>
+    </a>
 </template>

From c4e7a8fe4e2c4d5cee4396c7da7d6dae9e67b786 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 16 Apr 2025 20:29:02 -0400
Subject: [PATCH 108/186] responsive tweaks for widgets

---
 resources/js/components/ui/Card/Index.vue | 2 +-
 resources/js/components/ui/Widget.vue     | 9 +++------
 resources/views/dashboard.blade.php       | 2 +-
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/resources/js/components/ui/Card/Index.vue b/resources/js/components/ui/Card/Index.vue
index e9a134a610d..b05cc87bb05 100644
--- a/resources/js/components/ui/Card/Index.vue
+++ b/resources/js/components/ui/Card/Index.vue
@@ -7,7 +7,7 @@ const props = defineProps({
 });
 
 const classes = cva({
-    base: 'bg-white dark:bg-gray-850 rounded-xl border border-gray-200 dark:border-x-0 dark:border-b-0 dark:border-white/15',
+    base: '@container/card bg-white dark:bg-gray-850 rounded-xl border border-gray-200 dark:border-x-0 dark:border-b-0 dark:border-white/15',
     variants: {
         variant: {
             default: 'shadow-ui-sm',
diff --git a/resources/js/components/ui/Widget.vue b/resources/js/components/ui/Widget.vue
index 33d6ab900d5..4f2c984860d 100644
--- a/resources/js/components/ui/Widget.vue
+++ b/resources/js/components/ui/Widget.vue
@@ -1,10 +1,7 @@
 <script setup>
 defineProps({
     title: String,
-    icon: {
-        type: String,
-        default: 'collections'
-    }
+    icon: { type: String, default: 'collections' }
 })
 </script>
 
@@ -14,14 +11,14 @@ defineProps({
             <div>
                 <header class="flex items-center justify-between px-4 py-2 h-15 border-b border-gray-200 dark:border-gray-700">
                     <div class="flex items-center gap-3">
-                        <ui-icon :name="icon" class="size-5 text-gray-500" />
+                        <ui-icon :name="icon" class="size-5 text-gray-500 hidden! @xs/card:block!" />
                         <span v-text="title" />
                     </div>
                     <div class="flex items-center gap-4">
                         <slot name="actions" />
                     </div>
                 </header>
-                <div class="p-4">
+                <div class="px-4 py-3">
                     <slot />
                 </div>
             </div>
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
index b49ac3b4f49..d11a9b7e858 100644
--- a/resources/views/dashboard.blade.php
+++ b/resources/views/dashboard.blade.php
@@ -9,7 +9,7 @@
 
 <ui-header title="{{ __('Dashboard') }}" />
 
-<div class="widgets @container flex flex-wrap py-2 gap-y-6">
+<div class="widgets @container/widgets flex flex-wrap py-2 gap-y-6">
     @foreach ($widgets as $widget)
         <div class="{{ Statamic\Support\Str::tailwindWidthClass($widget['width']) }} {{ $widget['classes'] }} px-3">
             {!! $widget['html'] !!}

From 13277b72d12a4f2e8d4905c7bd5006f54cfbe81c Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 16 Apr 2025 20:45:03 -0400
Subject: [PATCH 109/186] Localize the widget @container

---
 resources/js/components/ui/Card/Index.vue | 2 +-
 resources/js/components/ui/Widget.vue     | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/ui/Card/Index.vue b/resources/js/components/ui/Card/Index.vue
index b05cc87bb05..e9a134a610d 100644
--- a/resources/js/components/ui/Card/Index.vue
+++ b/resources/js/components/ui/Card/Index.vue
@@ -7,7 +7,7 @@ const props = defineProps({
 });
 
 const classes = cva({
-    base: '@container/card bg-white dark:bg-gray-850 rounded-xl border border-gray-200 dark:border-x-0 dark:border-b-0 dark:border-white/15',
+    base: 'bg-white dark:bg-gray-850 rounded-xl border border-gray-200 dark:border-x-0 dark:border-b-0 dark:border-white/15',
     variants: {
         variant: {
             default: 'shadow-ui-sm',
diff --git a/resources/js/components/ui/Widget.vue b/resources/js/components/ui/Widget.vue
index 4f2c984860d..014338170f6 100644
--- a/resources/js/components/ui/Widget.vue
+++ b/resources/js/components/ui/Widget.vue
@@ -6,12 +6,12 @@ defineProps({
 </script>
 
 <template>
-    <ui-card inset>
+    <ui-card inset class="@container/widget">
         <div class="flex h-full flex-col justify-between min-h-54">
             <div>
                 <header class="flex items-center justify-between px-4 py-2 h-15 border-b border-gray-200 dark:border-gray-700">
                     <div class="flex items-center gap-3">
-                        <ui-icon :name="icon" class="size-5 text-gray-500 hidden! @xs/card:block!" />
+                        <ui-icon :name="icon" class="size-5 text-gray-500 hidden! @xs/widget:block!" />
                         <span v-text="title" />
                     </div>
                     <div class="flex items-center gap-4">

From 89c34c57aba4b42b591e7759be69cbab905b8c12 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 22 Apr 2025 12:31:29 -0400
Subject: [PATCH 110/186] big wip to data tables/entry listing

---
 resources/css/components/dashboard.css        |   9 -
 resources/css/components/filters.css          |  74 ----
 resources/css/cp.css                          |   2 -
 resources/css/elements/forms.css              |  12 +-
 resources/css/elements/tables.css             | 345 ++----------------
 resources/js/bootstrap/components.js          |   2 +
 resources/js/components/data-list/Action.vue  |  24 +-
 .../js/components/data-list/BulkActions.vue   |  29 +-
 .../js/components/data-list/ColumnPicker.vue  |   8 +-
 .../js/components/data-list/FilterPresets.vue |  62 ++--
 .../js/components/data-list/FilterTrigger.vue |  27 ++
 resources/js/components/data-list/Filters.vue | 196 +++++-----
 .../js/components/data-list/HasFilters.js     |   4 +-
 .../js/components/data-list/ListActions.vue   |  38 ++
 .../js/components/data-list/Pagination.vue    |   4 +-
 resources/js/components/data-list/Search.vue  |  23 +-
 resources/js/components/data-list/Table.vue   |  77 ++--
 resources/js/components/entries/Listing.vue   | 157 +++-----
 .../RelationshipIndexFieldtype.vue            |  54 ++-
 resources/js/components/ui/Badge.vue          |  45 +--
 resources/js/components/ui/Button/Index.vue   |   2 +-
 resources/js/components/ui/Checkbox/Item.vue  |   5 +-
 resources/js/components/ui/Dropdown/Index.vue |   7 +-
 resources/js/components/ui/Input/Index.vue    |   6 +-
 .../js/components/ui/StatusIndicator.vue      |  45 +--
 resources/js/components/ui/Tabs/Trigger.vue   |   2 +-
 resources/lang/en/messages.php                |   1 +
 resources/svg/icons/add-bookmark.svg          |   1 +
 resources/svg/icons/add-folder.svg            |   1 +
 resources/svg/icons/add-sticky.svg            |   1 +
 resources/svg/icons/edit.svg                  |   1 +
 resources/svg/icons/rename.svg                |   1 +
 resources/svg/icons/up-down.svg               |   1 +
 33 files changed, 440 insertions(+), 826 deletions(-)
 delete mode 100644 resources/css/components/dashboard.css
 delete mode 100644 resources/css/components/filters.css
 create mode 100644 resources/js/components/data-list/FilterTrigger.vue
 create mode 100644 resources/js/components/data-list/ListActions.vue
 create mode 100644 resources/svg/icons/add-bookmark.svg
 create mode 100644 resources/svg/icons/add-folder.svg
 create mode 100644 resources/svg/icons/add-sticky.svg
 create mode 100644 resources/svg/icons/edit.svg
 create mode 100644 resources/svg/icons/rename.svg
 create mode 100644 resources/svg/icons/up-down.svg

diff --git a/resources/css/components/dashboard.css b/resources/css/components/dashboard.css
deleted file mode 100644
index 029c0d429b5..00000000000
--- a/resources/css/components/dashboard.css
+++ /dev/null
@@ -1,9 +0,0 @@
-/* ==========================================================================
-   DASHBOARD
-   ========================================================================== */
-
-.widgets {
-}
-
-/* Responsive Wangjangling
-  ========================================================================== */
diff --git a/resources/css/components/filters.css b/resources/css/components/filters.css
deleted file mode 100644
index 17888e38d75..00000000000
--- a/resources/css/components/filters.css
+++ /dev/null
@@ -1,74 +0,0 @@
-/* ==========================================================================
-   FILTERS
-   ========================================================================== */
-
-.filter {
-    @apply mb-6 rounded-full bg-gray-200 text-center;
-    padding: 10px 8px 14px;
-
-    a {
-        @apply relative mx-1 p-2 text-xs text-gray-700;
-    }
-
-    a.active,
-    a:hover {
-        @apply text-gray-950;
-    }
-
-    a.active:after {
-        @apply block bg-red-500;
-        content: '';
-        width: 4px;
-        height: 4px;
-        border-radius: 50%;
-        opacity: 0.9;
-        position: absolute;
-        left: 50%;
-        [dir='rtl'] & {
-            left: auto;
-            right: 50%;
-        }
-        margin-left: -1px;
-        [dir='rtl'] & {
-            margin-right: -1px;
-            margin-left: 0;
-        }
-        bottom: 1px;
-    }
-
-    a.no-dot:after {
-        display: none;
-    }
-
-    a .icon {
-        position: relative;
-        top: 2px;
-    }
-}
-
-.filter-fields {
-    .form-group {
-        @apply p-0 pb-4;
-
-        &:last-child {
-            @apply p-0;
-        }
-    }
-
-    .text-fieldtype .input-text {
-        @apply px-3 py-2;
-    }
-
-    .no-label.form-group,
-    .no-label .form-group {
-        @apply pb-2;
-
-        &:last-child {
-            @apply p-0;
-        }
-
-        .field-inner {
-            @apply hidden;
-        }
-    }
-}
diff --git a/resources/css/cp.css b/resources/css/cp.css
index 66304818679..7b0fd14ea5b 100644
--- a/resources/css/cp.css
+++ b/resources/css/cp.css
@@ -21,8 +21,6 @@
 @import './components/cards.css';
 @import './components/column-picker.css';
 @import './components/configure.css';
-@import './components/dashboard.css';
-@import './components/filters.css';
 @import './components/focal-point.css';
 @import './components/global-header.css';
 @import './components/items.css';
diff --git a/resources/css/elements/forms.css b/resources/css/elements/forms.css
index 6f80ccbd029..733cc6620b4 100644
--- a/resources/css/elements/forms.css
+++ b/resources/css/elements/forms.css
@@ -6,18 +6,18 @@ label {
     @apply block text-sm font-normal leading-normal text-gray-800 dark:text-dark-150;
 }
 
-input {
+/* input {
     @apply placeholder:text-gray-600 dark:placeholder:text-dark-175;
-}
+} */
 
-input[type='checkbox'],
+/* input[type='checkbox'],
 input[type='radio'] {
     @apply text-lg;
-}
+} */
 
-select {
+/* select {
     @apply cursor-pointer border-2 border-gray-300 bg-gray-300 text-base;
-}
+} */
 
 /* Text Fields
   ========================================================================== */
diff --git a/resources/css/elements/tables.css b/resources/css/elements/tables.css
index 2529ab7bcc0..bdc9f018899 100644
--- a/resources/css/elements/tables.css
+++ b/resources/css/elements/tables.css
@@ -2,12 +2,7 @@
    TABLES
    ========================================================================== */
 
-.data-list-header {
-    @apply flex flex-wrap items-center px-4 py-3;
-}
-
 .data-list-search-input {
-    /*  @apply text-sm px-4 py-2 flex-1 rounded border; */
     @apply bg-white;
 
     &:focus {
@@ -15,77 +10,49 @@
     }
 }
 
-.data-list-bulk-actions {
-    @apply absolute z-1 w-full bg-white py-2 dark:bg-gray-700;
-    padding-left: 56px;
-    [dir='rtl'] & {
-        padding-right: 56px;
-        padding-left: 0;
-    }
-}
-
-.mode-grid .data-list-bulk-actions {
-    @apply static z-10 w-full bg-white pb-1 pt-3 dark:bg-gray-800 ltr:pl-4 rtl:pr-4;
-}
-
-.mode-grid .rotating-dots-button {
-    @apply bg-white dark:bg-gray-400;
-}
-
-.data-list-footer {
-    @apply flex items-center border-t py-3 ltr:pr-4 rtl:pl-4;
-}
-
 .data-table {
-    @apply w-full max-w-full text-gray-700 outline-hidden dark:text-gray-100 ltr:text-left rtl:text-right;
-    overflow-x: auto;
+    @apply w-full max-w-full outline-hidden text-gray-500 antialiased border-separate border-spacing-y-0 min-w-full overflow-x-auto text-start;
 
     thead {
-        @apply bg-gray-100 text-xs text-gray-900;
-        @apply dark:bg-gray-700 dark:text-dark-100;
-
-        tr {
-            @apply border-b dark:border-dark-900;
-        }
-
         th {
-            @apply whitespace-nowrap px-4 py-3 font-medium;
-            &:first-child {
-                @apply ltr:rounded-tl-lg rtl:rounded-tr-lg;
-            }
+            @apply whitespace-nowrap text-sm font-medium text-gray-800 dark:text-gray-300 text-start;
+            @apply px-4 py-2;
+
             &:last-child {
-                @apply ltr:rounded-tr-lg rtl:rounded-tl-lg;
-            }
-            &:hover {
-                @apply text-gray-900 dark:text-dark-100;
+                @apply text-end;
             }
         }
+
         th.handle-column {
             @apply w-4 p-0;
         }
+
         .type-column {
-            @apply ltr:text-right rtl:text-left;
+            @apply text-end;
         }
     }
 
     tbody {
-        outline: none;
-        tr {
-            @apply border-b border-gray-400 text-sm dark:border-dark-900;
+        @apply text-sm bg-white dark:bg-gray-900 rounded-xl shadow-sm outline-none;
 
+        tr {
             &.row-selected {
-                @apply bg-gray-200 dark:bg-gray-600;
+                @apply bg-gray-100 dark:bg-gray-800;
             }
 
             &:first-child {
                 td:first-child,
                 th:first-child {
-                    @apply ltr:rounded-tl-md rtl:rounded-tr-md;
+                    @apply ltr:rounded-tl-xl rtl:rounded-tr-xl;
                 }
 
                 td:last-child,
                 th:last-child {
-                    @apply ltr:rounded-tr-md rtl:rounded-tl-md;
+                    @apply ltr:rounded-tr-xl rtl:rounded-tl-xl;
+                }
+
+                td {
+                    @apply border-0;
                 }
             }
 
@@ -94,12 +61,12 @@
 
                 td:first-child,
                 th:first-child {
-                    @apply ltr:rounded-bl-md rtl:rounded-br-md;
+                    @apply ltr:rounded-bl-xl rtl:rounded-br-xl;
                 }
 
                 td:last-child,
                 th:last-child {
-                    @apply ltr:rounded-br-md rtl:rounded-bl-md;
+                    @apply ltr:rounded-br-xl rtl:rounded-bl-xl;
                 }
             }
 
@@ -112,38 +79,16 @@
             }
 
             td {
-                @apply break-words px-4 py-2;
+                @apply px-4 py-3 border-t border-gray-200 dark:border-white/10;
             }
 
             td.table-drag-handle {
-                @apply h-full w-1 px-0 py-2 ltr:border-r rtl:border-l;
+                @apply h-full w-1 px-0 py-2 border-e;
             }
         }
 
         .type-column {
-            @apply ltr:text-right rtl:text-left;
-        }
-    }
-
-    .sortable-column {
-        @apply cursor-pointer select-none;
-
-        &:hover {
-            @apply text-blue-500 dark:text-dark-blue-100;
-        }
-
-        &.current-column {
-            svg {
-                opacity: 1;
-            }
-        }
-
-        svg {
-            opacity: 0;
-        }
-
-        svg.asc {
-            transform: scaleY(-1);
+            @apply text-end;
         }
     }
 
@@ -155,146 +100,26 @@
 /* Sticky Meta Columns */
 .data-table {
     thead th.checkbox-column {
-        @apply sticky z-1 p-0 ltr:-left-px ltr:pr-2 rtl:-right-px rtl:pl-2;
-        width: 45px;
-        min-width: 45px;
-        &:after {
-            @apply absolute bottom-0 top-0 -z-1 ltr:left-0 ltr:right-0 rtl:left-0 rtl:right-0;
-            content: '';
-            background-image: linear-gradient(to right, var(--color-gray-100) 70%, --theme(--color-gray-100 / 0%) 100%);
-
-            .dark & {
-                background-image: linear-gradient(
-                    to right,
-                    var(--color-dark-550) 70%,
-                    --theme(--color-dark-550 / 0%) 100%
-                );
-            }
-        }
-
-        &:has(input:checked) {
-            &:after {
-                .dark & {
-                    background-image: linear-gradient(
-                        to right,
-                        var(--color-gray-700) 70%,
-                        --theme(--color-gray-700 / 0%) 100%
-                    );
-                    @apply border-b border-gray-500;
-                }
-            }
-        }
+        @apply sticky z-1 ps-3 w-8;
     }
 
-    thead th.actions-column {
-        @apply sticky p-0 ltr:-right-px ltr:pl-2 ltr:text-right rtl:-left-px rtl:pr-2 rtl:text-left;
+    thead .actions-column {
+        @apply sticky p-0 -end-px ps-2 text-end;
         width: 45px;
         min-width: 45px;
-        &:after {
-            @apply absolute bottom-0 top-0 -z-1 ltr:left-0 ltr:right-0 rtl:left-0 rtl:right-0;
-            content: '';
-            background-image: linear-gradient(to left, var(--color-gray-100) 70%, --theme(--color-gray-100 / 0%) 100%);
-
-            .dark & {
-                background-image: linear-gradient(
-                    to left,
-                    var(--color-dark-550) 70%,
-                    --theme(--color-dark-550 / 0%) 100%
-                );
-            }
-        }
-
-        &:has(input:checked) {
-            &:after {
-                .dark & {
-                    background-image: linear-gradient(
-                        to left,
-                        var(--color-dark-700) 70%,
-                        --theme(--color-dark-700 / 0%) 100%
-                    );
-                    @apply border-b border-dark-550;
-                }
-            }
-        }
-    }
-
-    tbody th.checkbox-column {
-        @apply sticky px-3 ltr:-left-px rtl:-right-px;
-        &:after {
-            @apply absolute bottom-0 top-0 -z-1 ltr:left-0 ltr:right-0 rtl:left-0 rtl:right-0;
-            content: '';
-            background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);
-
-            .dark & {
-                background-image: linear-gradient(
-                    to right,
-                    var(--color-dark-600) 70%,
-                    --theme(--color-dark-600 / 0%) 100%
-                );
-            }
-        }
-    }
-
-    tbody th.actions-column {
-        @apply sticky p-0 ltr:-right-px ltr:pl-2 ltr:text-right rtl:-left-px rtl:pr-2 rtl:text-left;
-        min-width: 45px;
-        width: 45px;
-        &:after {
-            @apply absolute bottom-0 top-0 -z-1 ltr:left-0 ltr:right-0 rtl:left-0 rtl:right-0;
-            content: '';
-            background-image: linear-gradient(to left, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);
-
-            .dark & {
-                background-image: linear-gradient(
-                    to left,
-                    var(--color-dark-600) 70%,
-                    --theme(--color-dark-600 / 0%) 100%
-                );
-            }
-        }
     }
 
-    tbody tr.row-selected .checkbox-column:after {
-        background-image: linear-gradient(to right, var(--color-gray-200) 70%, --theme(--color-gray-200 / 0%) 100%);
-
-        .dark & {
-            background-image: linear-gradient(to right, var(--color-dark-600) 70%, --theme(--color-dark-600 / 0%) 100%);
-        }
+    tbody .checkbox-column {
+        @apply sticky px-3 -start-px;
     }
 
-    tbody tr.row-selected .actions-column:after {
-        background-image: linear-gradient(to left, var(--color-gray-200) 70%, --theme(--color-gray-200 / 0%) 100%);
-
-        .dark & {
-            background-image: linear-gradient(to left, var(--color-dark-600) 70%, --theme(--color-dark-600 / 0%) 100%);
-        }
-    }
-
-    tbody tr:hover .checkbox-column:after {
-        background-image: linear-gradient(to right, var(--color-gray-100) 70%, --theme(--color-gray-100 / 0%) 100%);
-
-        .dark & {
-            background-image: linear-gradient(to right, var(--color-dark-500) 70%, --theme(--color-dark-500 / 0%) 100%);
-        }
-    }
-
-    tbody tr:hover .actions-column:after {
-        background-image: linear-gradient(to left, var(--color-gray-100) 70%, --theme(--color-gray-100 / 0%) 100%);
-
-        .dark & {
-            background-image: linear-gradient(to left, var(--color-dark-500) 70%, --theme(--color-dark-500 / 0%) 100%);
-        }
+    tbody .actions-column {
+        @apply sticky p-0 ps-2 text-end w-12;
     }
 }
 
-.data-list-header ~ .data-table {
-    thead th {
-        border-radius: 0;
-    }
-}
-
-.data-list-filter-link {
-    @apply border-gray-400 p-3 pb-2 text-gray-600 dark:border-dark-900 dark:text-dark-150 ltr:mr-2 rtl:ml-2;
+/* .data-list-filter-link {
+    @apply border-gray-400 p-3 pb-2 text-gray-600 dark:border-dark-900 dark:text-dark-150 me-2;
 
     &:hover {
         @apply border-b-3 text-gray-700 dark:border-dark-900 dark:text-dark-100;
@@ -309,10 +134,10 @@
     &.active {
         @apply border-b-3 border-blue text-gray-800 dark:border-dark-blue-100 dark:text-dark-100;
     }
-}
+} */
 
 td.table-drag-handle {
-    @apply h-full w-3 p-2 dark:border-dark-900 ltr:border-r rtl:border-l;
+    @apply h-full w-3 p-2 dark:border-dark-900 border-e;
     min-width: 16px;
     cursor: grab;
     background: var(--color-gray-200) url('../../svg/icons/light/drag-dots.svg') center center no-repeat;
@@ -327,77 +152,8 @@ td.table-drag-handle {
     }
 }
 
-.table-row-placeholder {
-    background: hsla(210, 30%, 95%, 1);
-}
-
-.delete-column {
-    background: #fff;
-    border: 1px solid #ccc;
-    border-radius: 22px;
-    color: #777;
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
-    line-height: 1;
-    text-align: center;
-    height: 22px;
-    width: 22px;
-    float: right;
-    [dir='rtl'] & {
-        float: left;
-    }
-    cursor: pointer;
-
-    &:hover {
-        box-shadow: none;
-        color: #555;
-    }
-}
-
 .column-sortable {
-    cursor: pointer;
-    position: relative;
-
-    &:before {
-        content: '';
-        position: absolute;
-        bottom: -1px;
-        left: 0;
-        [dir='rtl'] & {
-            left: auto;
-            right: 0;
-        }
-        right: 0;
-        [dir='rtl'] & {
-            right: auto;
-            left: 0;
-        }
-        height: 2px;
-    }
-
-    &:hover:before {
-        @apply bg-gray-300;
-    }
-    &.active:before {
-        @apply bg-blue;
-    }
-    .icon {
-        position: relative;
-        float: right;
-        [dir='rtl'] & {
-            float: left;
-        }
-        top: 6px;
-        right: 5px;
-        [dir='rtl'] & {
-            right: auto;
-            left: 5px;
-        }
-    }
-
-    .icon,
-    .icon:before {
-        line-height: 0;
-    }
+    @apply cursor-pointer relative;
 }
 
 .column-status {
@@ -406,23 +162,9 @@ td.table-drag-handle {
 }
 
 .column-actions {
-    @apply ltr:text-right rtl:text-left;
-    width: 30px;
+    @apply text-end w-12;
 }
 
-table.control {
-    @apply select-none;
-}
-
-.flush table.control {
-    tr th:first-child {
-        padding-left: 30px;
-        [dir='rtl'] & {
-            padding-right: 30px;
-            padding-left: 0;
-        }
-    }
-}
 
 /* Index Fields
   ========================================================================== */
@@ -436,18 +178,9 @@ table.control {
 }
 
 .title-index-field {
-    @apply line-clamp-2;
-    min-width: 10vw;
-}
-
-.relationship-index-field {
-    min-width: 10vw;
-    .relationship-index-field-item {
-        @apply flex items-center rounded-sm border bg-gray-100 px-1 text-2xs dark:border-dark-400 dark:bg-gray-500 ltr:mr-1 rtl:ml-1;
-        a {
-            @apply line-clamp-1;
-        }
-    }
+    @apply text-sm font-medium text-gray-800 dark:text-white line-clamp-2 flex items-center gap-2 hover:text-black dark:hover:text-white;
+    min-width: 15vw;
+    max-width: 30vw;
 }
 
 .date-index-field {
@@ -455,7 +188,7 @@ table.control {
 }
 
 .slug-index-field {
-    @apply line-clamp-2 font-mono text-2xs;
+    @apply line-clamp-2 font-mono text-xs;
 }
 
 .status-index-field {
diff --git a/resources/js/bootstrap/components.js b/resources/js/bootstrap/components.js
index 447b05d4d4e..a8b6e7c04e0 100644
--- a/resources/js/bootstrap/components.js
+++ b/resources/js/bootstrap/components.js
@@ -24,6 +24,7 @@ import Table from '../components/data-list/Table.vue';
 import Search from '../components/data-list/Search.vue';
 import BulkActions from '../components/data-list/BulkActions.vue';
 import InlineActions from '../components/data-list/InlineActions.vue';
+import ListActions from '../components/data-list/ListActions.vue';
 import ColumnPicker from '../components/data-list/ColumnPicker.vue';
 import ToggleAll from '../components/data-list/ToggleAll.vue';
 import Pagination from '../components/data-list/Pagination.vue';
@@ -100,6 +101,7 @@ export default function registerGlobalComponents(app) {
     app.component('data-list-search', Search);
     app.component('data-list-bulk-actions', BulkActions);
     app.component('data-list-inline-actions', InlineActions);
+    app.component('data-list-list-actions', ListActions);
     app.component('data-list-column-picker', ColumnPicker);
     app.component('data-list-toggle-all', ToggleAll);
     app.component('data-list-pagination', Pagination);
diff --git a/resources/js/components/data-list/Action.vue b/resources/js/components/data-list/Action.vue
index 73f4fe46b0b..e23080278d5 100644
--- a/resources/js/components/data-list/Action.vue
+++ b/resources/js/components/data-list/Action.vue
@@ -1,5 +1,5 @@
 <template>
-    <span>
+    <component :is="component">
         <slot :action="action" :select="select" />
 
         <confirmation-modal
@@ -44,7 +44,7 @@
                 <publish-fields :fields="action.fields" @updated="setFieldValue" @meta-updated="setFieldMeta" />
             </publish-container>
         </confirmation-modal>
-    </span>
+    </component>
 </template>
 
 <script>
@@ -56,21 +56,11 @@ export default {
     },
 
     props: {
-        action: {
-            type: Object,
-            required: true,
-        },
-        selections: {
-            type: Number,
-            required: true,
-        },
-        errors: {
-            type: Object,
-        },
-        isDirty: {
-            type: Boolean,
-            default: false,
-        },
+        action: { type: Object, required: true },
+        component: { type: String, required: false, default: 'span' },
+        selections: { type: Number, required: true },
+        errors: { type: Object },
+        isDirty: { type: Boolean, default: false },
     },
 
     data() {
diff --git a/resources/js/components/data-list/BulkActions.vue b/resources/js/components/data-list/BulkActions.vue
index d1674184e6b..5098d5e072f 100644
--- a/resources/js/components/data-list/BulkActions.vue
+++ b/resources/js/components/data-list/BulkActions.vue
@@ -1,14 +1,11 @@
 <template>
-    <div v-if="showAlways || hasSelections" class="data-list-bulk-actions">
-        <div class="input-group input-group-sm relative">
-            <div class="input-group-prepend">
-                <div
-                    class="hidden text-gray-700 dark:text-dark-175 md:inline-block"
-                    v-text="__n(`:count item selected|:count items selected`, selections.length)"
-                />
-                <div class="text-gray-700 dark:text-dark-175 md:hidden" v-text="selections.length" />
-            </div>
-
+    <div v-if="showAlways || hasSelections" class="fixed inset-x-0 bottom-1 w-full flex justify-center z-100">
+        <ui-button-group>
+            <ui-button
+                variant="primary"
+                class="text-gray-400!"
+                :text="__n(`:count item selected|:count items selected`, selections.length)"
+            />
             <data-list-action
                 v-if="hasSelections"
                 v-for="(action, index) in sortedActions"
@@ -19,17 +16,13 @@
                 @selected="run"
                 v-slot="{ action, select }"
             >
-                <button
-                    class="input-group-item"
-                    :class="{
-                        'text-red-500': action.dangerous,
-                        'ltr:rounded-r rtl:rounded-l': index + 1 === sortedActions.length,
-                    }"
+                <ui-button
+                    variant="primary"
                     @click="select"
-                    v-text="__(action.title)"
+                    :text="__(action.title)"
                 />
             </data-list-action>
-        </div>
+        </ui-button-group>
     </div>
 </template>
 
diff --git a/resources/js/components/data-list/ColumnPicker.vue b/resources/js/components/data-list/ColumnPicker.vue
index f0fa770e689..94d139913da 100644
--- a/resources/js/components/data-list/ColumnPicker.vue
+++ b/resources/js/components/data-list/ColumnPicker.vue
@@ -1,12 +1,6 @@
 <template>
     <div>
-        <button
-            @click="open = true"
-            v-tooltip="__('Customize Columns')"
-            class="btn flex h-8 w-8 items-center justify-center px-1 py-1"
-        >
-            <svg-icon name="light/settings-horizontal" class="h-4 w-4" />
-        </button>
+        <ui-button icon="utilities" :text="__('Customize')" @click="open = true" />
 
         <modal
             v-if="open"
diff --git a/resources/js/components/data-list/FilterPresets.vue b/resources/js/components/data-list/FilterPresets.vue
index 4c89c67b35c..b284fae0c5f 100644
--- a/resources/js/components/data-list/FilterPresets.vue
+++ b/resources/js/components/data-list/FilterPresets.vue
@@ -1,41 +1,37 @@
 <template>
-    <div class="pt-2 ltr:pr-2 rtl:pl-2">
-        <div class="flex flex-wrap items-center">
-            <button
-                class="pill-tab ltr:mr-1 rtl:ml-1"
-                :class="{ active: !activePreset }"
+    <div>
+        <div class="relative flex shrink-0 space-x-2 border-b border-gray-200 text-sm text-gray-400 dark:border-gray-700 dark:text-gray-500">
+            <FilterTrigger
+                :active="!activePreset"
                 @click="viewAll"
-                v-text="__('All')"
+                :text="__('All')"
             />
-
             <template v-for="(preset, handle) in presets">
-                <button class="pill-tab active ltr:mr-1 rtl:ml-1" v-if="handle === activePreset">
+                <FilterTrigger v-if="handle === activePreset" :active="true">
                     {{ preset.display }}
-                    <dropdown-list class="ltr:ml-2 rtl:mr-2" placement="bottom-start">
-                        <template v-slot:trigger>
-                            <button class="opacity-50 hover:opacity-100">
-                                <svg-icon name="micro/chevron-down-xs" class="h-2 w-2" />
-                            </button>
+                    <ui-dropdown class="w-48!">
+                        <template #trigger>
+                            <ui-button class="absolute top-1.5 -right-3" variant="ghost" size="xs" @click="viewPreset(handle)" icon="ui/chevron-down" />
                         </template>
-                        <dropdown-item :text="__('Duplicate')" @click="createPreset" />
-                        <dropdown-item v-if="canRenamePreset(handle)" :text="__('Rename')" @click="renamePreset" />
-                        <div class="divider" />
-                        <dropdown-item
-                            v-if="canDeletePreset(handle)"
-                            :text="__('Delete')"
-                            class="warning"
-                            @click="showDeleteModal = true"
-                        />
-                    </dropdown-list>
-                </button>
-                <button class="pill-tab ltr:mr-1 rtl:ml-1" v-else @click="viewPreset(handle)">
+                        <ui-dropdown-menu>
+                            <ui-dropdown-item :text="__('Duplicate')" icon="duplicate" @click="createPreset" />
+                            <ui-dropdown-item v-if="canRenamePreset(handle)" :text="__('Rename')" icon="rename" @click="renamePreset" />
+                            <ui-dropdown-separator />
+                            <ui-dropdown-item
+                                v-if="canDeletePreset(handle)"
+                                :text="__('Delete')"
+                                icon="delete"
+                                variant="warning"
+                                @click="showDeleteModal = true"
+                            />
+                        </ui-dropdown-menu>
+                    </ui-dropdown>
+                </FilterTrigger>
+                <FilterTrigger v-else @click="viewPreset(handle)">
                     {{ preset.display }}
-                </button>
+                </FilterTrigger>
             </template>
-
-            <button class="pill-tab" @click="createPreset" v-tooltip="__('Create New View')">
-                <svg-icon name="add" class="h-3 w-3" />
-            </button>
+            <ui-button @click="createPreset" variant="ghost" size="sm" :text="__('New View')" icon="add-bookmark" class="[&_svg]:size-4 relative top-0.5" />
         </div>
 
         <confirmation-modal
@@ -91,7 +87,13 @@
 </template>
 
 <script>
+import FilterTrigger from './FilterTrigger.vue';
+
 export default {
+    components: {
+        FilterTrigger,
+    },
+
     props: {
         activeFilters: Object,
         activePreset: String,
diff --git a/resources/js/components/data-list/FilterTrigger.vue b/resources/js/components/data-list/FilterTrigger.vue
new file mode 100644
index 00000000000..cba62334e6a
--- /dev/null
+++ b/resources/js/components/data-list/FilterTrigger.vue
@@ -0,0 +1,27 @@
+<script setup>
+import { useSlots } from 'vue';
+
+const slots = useSlots();
+const hasSlot = !!slots.default;
+
+defineProps({
+    text: { type: String, default: null },
+    name: { type: String, default: null },
+    active: { type: Boolean, default: false },
+});
+</script>
+
+<template>
+    <button
+        :data-state="active ? 'active' : null"
+        :value="name"
+        class="
+            cursor-pointer p-2 pb-1 hover:text-gray-600 dark:hover:text-gray-400 translate-y-px
+            data-[state=active]:text-gray-800 dark:data-[state=active]:text-gray-200
+            data-[state=active]:border-b data-[state=active]:border-gray-800 dark:data-[state=active]:border-gray-200
+        "
+    >
+        <slot v-if="hasSlot" />
+        <span v-else>{{ text }}</span>
+    </button>
+</template>
diff --git a/resources/js/components/data-list/Filters.vue b/resources/js/components/data-list/Filters.vue
index 73a3fc858f4..0f3a98d13b9 100644
--- a/resources/js/components/data-list/Filters.vue
+++ b/resources/js/components/data-list/Filters.vue
@@ -1,110 +1,112 @@
 <template>
-    <div class="bg-gray-300 shadow-inner dark:bg-dark-600">
-        <div class="flex flex-wrap items-center border-b px-3 pt-2 dark:border-dark-900">
-            <!-- Field filter (requires custom selection UI) -->
-            <popover v-if="fieldFilter" placement="bottom-start" @closed="fieldFilterClosed">
-                <template #trigger>
-                    <button
-                        class="filter-badge filter-badge-control mb-2 ltr:mr-2 rtl:ml-2"
-                        @click="resetFilterPopover"
-                    >
-                        {{ fieldFilter.title }}
-                        <svg-icon name="micro/chevron-down-xs" class="mx-2 h-2 w-2" />
-                    </button>
-                </template>
-                <template #default="{ close: closePopover }">
-                    <div class="flex min-w-[18rem] flex-col ltr:text-left rtl:text-right">
-                        <div class="filter-fields text-sm">
-                            <field-filter
-                                ref="fieldFilter"
-                                :config="fieldFilter"
-                                :values="activeFilters.fields || {}"
-                                :badges="fieldFilterBadges"
-                                @changed="$emit('changed', { handle: 'fields', values: $event })"
-                                @cleared="creating = false"
-                                @closed="closePopover"
-                            />
-                        </div>
+    <div class="flex flex-wrap gap-3 items-center">
+        <!-- Field filter (requires custom selection UI) -->
+        <popover v-if="fieldFilter" placement="bottom-start" @closed="fieldFilterClosed">
+            <template #trigger>
+                <ui-button
+                    icon-append="ui/chevron-down"
+                    @click="resetFilterPopover"
+                    :text="fieldFilter.title"
+                />
+            </template>
+            <template #default="{ close: closePopover }">
+                <div class="flex min-w-[18rem] flex-col text-end">
+                    <div class="filter-fields">
+                        <field-filter
+                            ref="fieldFilter"
+                            :config="fieldFilter"
+                            :values="activeFilters.fields || {}"
+                            :badges="fieldFilterBadges"
+                            @changed="$emit('changed', { handle: 'fields', values: $event })"
+                            @cleared="creating = false"
+                            @closed="closePopover"
+                        />
+                    </div>
+                </div>
+            </template>
+        </popover>
+
+        <!-- Standard pinned filters -->
+        <popover
+            v-if="pinnedFilters.length"
+            v-for="filter in pinnedFilters"
+            :key="filter.handle"
+            placement="bottom-start"
+            :stop-propagation="false"
+        >
+            <template #trigger>
+                <ui-button
+                    icon-append="ui/chevron-down"
+                    @click="resetFilterPopover"
+                    :text="filter.title"
+                />
+            </template>
+            <template #default="{ close: closePopover }">
+                <div class="w-64">
+                    <data-list-filter
+                        :key="filter.handle"
+                        :filter="filter"
+                        :values="activeFilters[filter.handle]"
+                        @changed="$emit('changed', { handle: filter.handle, values: $event })"
+                        @closed="closePopover"
+                    />
+                </div>
+            </template>
+        </popover>
+
+        <!-- Standard unpinned filters -->
+        <popover v-if="unpinnedFilters.length" placement="bottom-start" :stop-propagation="false">
+            <template #trigger>
+                <ui-button
+                    icon-append="ui/chevron-down"
+                    icon-as-button
+                    @click="resetFilterPopover"
+                    :text="__('Filter')"
+                />
+            </template>
+            <template #default="{ close: closePopover }">
+                <div class="w-64">
+                    <h6 v-text="creatingFilterHeader" class="p-3 pb-0" />
+                    <div v-if="showUnpinnedFilterSelection" class="p-3 pt-1">
+                        <button
+                            v-for="filter in unpinnedFilters"
+                            :key="filter.handle"
+                            v-text="filter.title"
+                            class="btn mt-1 w-full"
+                            @click="creating = filter.handle"
+                        />
                     </div>
-                </template>
-            </popover>
-
-            <!-- Standard pinned filters -->
-            <popover
-                v-if="pinnedFilters.length"
-                v-for="filter in pinnedFilters"
-                :key="filter.handle"
-                placement="bottom-start"
-                :stop-propagation="false"
-            >
-                <template #trigger>
-                    <button class="filter-badge filter-badge-control mb-2 ltr:mr-2 rtl:ml-2">
-                        {{ filter.title }}
-                        <svg-icon name="micro/chevron-down-xs" class="mx-2 h-2 w-2" />
-                    </button>
-                </template>
-                <template #default="{ close: closePopover }">
-                    <div class="filter-fields w-64">
+                    <div v-else>
                         <data-list-filter
+                            v-for="filter in unpinnedFilters"
+                            v-if="creating === filter.handle"
                             :key="filter.handle"
                             :filter="filter"
                             :values="activeFilters[filter.handle]"
                             @changed="$emit('changed', { handle: filter.handle, values: $event })"
+                            @cleared="creating = false"
                             @closed="closePopover"
                         />
                     </div>
-                </template>
-            </popover>
-
-            <!-- Standard unpinned filters -->
-            <popover v-if="unpinnedFilters.length" placement="bottom-start" :stop-propagation="false">
-                <template #trigger>
-                    <button
-                        class="filter-badge filter-badge-control mb-2 ltr:mr-2 rtl:ml-2"
-                        @click="resetFilterPopover"
-                    >
-                        {{ __('Filter') }}
-                        <svg-icon name="micro/chevron-down-xs" class="mx-2 h-2 w-2" />
-                    </button>
-                </template>
-                <template #default="{ close: closePopover }">
-                    <div class="filter-fields w-64">
-                        <h6 v-text="creatingFilterHeader" class="p-3 pb-0" />
-                        <div v-if="showUnpinnedFilterSelection" class="p-3 pt-1">
-                            <button
-                                v-for="filter in unpinnedFilters"
-                                :key="filter.handle"
-                                v-text="filter.title"
-                                class="btn mt-1 w-full"
-                                @click="creating = filter.handle"
-                            />
-                        </div>
-                        <div v-else>
-                            <data-list-filter
-                                v-for="filter in unpinnedFilters"
-                                v-if="creating === filter.handle"
-                                :key="filter.handle"
-                                :filter="filter"
-                                :values="activeFilters[filter.handle]"
-                                @changed="$emit('changed', { handle: filter.handle, values: $event })"
-                                @cleared="creating = false"
-                                @closed="closePopover"
-                            />
-                        </div>
-                    </div>
-                </template>
-            </popover>
-
-            <!-- Active filter badges -->
-            <div class="filter-badge mb-2 ltr:mr-2 rtl:ml-2" v-for="(badge, handle) in fieldFilterBadges">
-                <span>{{ badge }}</span>
-                <button @click="removeFieldFilter(handle)" v-tooltip="__('Remove Filter')">&times;</button>
-            </div>
-            <div class="filter-badge mb-2 ltr:mr-2 rtl:ml-2" v-for="(badge, handle) in standardBadges">
-                <span>{{ badge }}</span>
-                <button @click="removeStandardFilter(handle)" v-tooltip="__('Remove Filter')">&times;</button>
-            </div>
-        </div>
+                </div>
+            </template>
+        </popover>
+
+        <!-- Active filter badges -->
+        <ui-button
+            v-for="(badge, handle) in fieldFilterBadges"
+            variant="filled"
+            icon-append="x"
+            :text="badge"
+            @click="removeFieldFilter(handle)"
+        />
+        <ui-button
+            v-for="(badge, handle) in standardBadges"
+            variant="filled"
+            icon-append="x"
+            :text="badge"
+            @click="removeStandardFilter(handle)"
+        />
     </div>
 </template>
 
diff --git a/resources/js/components/data-list/HasFilters.js b/resources/js/components/data-list/HasFilters.js
index 3c19214378b..199861c0e63 100644
--- a/resources/js/components/data-list/HasFilters.js
+++ b/resources/js/components/data-list/HasFilters.js
@@ -49,10 +49,10 @@ export default {
 
         searchPlaceholder() {
             if (this.activePreset) {
-                return `${__('Searching in:')} ${this.activePresetPayload.display}`;
+                return `${__('Filtering:')} ${this.activePresetPayload.display}`;
             }
 
-            return __('Search');
+            return __('Filter');
         },
     },
 
diff --git a/resources/js/components/data-list/ListActions.vue b/resources/js/components/data-list/ListActions.vue
new file mode 100644
index 00000000000..63871576c30
--- /dev/null
+++ b/resources/js/components/data-list/ListActions.vue
@@ -0,0 +1,38 @@
+<template>
+    <div>
+        <data-list-action
+            v-for="action in sortedActions"
+            :key="action.handle"
+            :action="action"
+            :selections="1"
+            :errors="errors"
+            :is-dirty="isDirty"
+            @selected="run"
+            v-slot="{ action, select }"
+        >
+            <div>
+                <button v-text="__(action.title)" :class="{ warning: action.dangerous }" @click="select" />
+            </div>
+        </data-list-action>
+    </div>
+</template>
+
+<script>
+import Actions from './Actions';
+
+export default {
+    mixins: [Actions],
+
+    props: {
+        actions: Array,
+        item: { required: true },
+        isDirty: { type: Boolean, default: false },
+    },
+
+    computed: {
+        selections() {
+            return [this.item];
+        },
+    },
+};
+</script>
diff --git a/resources/js/components/data-list/Pagination.vue b/resources/js/components/data-list/Pagination.vue
index 218702ded76..579fa6c1fe7 100644
--- a/resources/js/components/data-list/Pagination.vue
+++ b/resources/js/components/data-list/Pagination.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="flex">
         <div class="flex flex-1 items-center" v-if="!inline">
-            <div class="text-xs text-gray-700" v-if="showTotals && totalItems > 0">
+            <div class="text-xs text-gray-500" v-if="showTotals && totalItems > 0">
                 {{ __(':start-:end of :total', { start: fromItem, end: toItem, total: totalItems }) }}
             </div>
         </div>
@@ -18,7 +18,7 @@
                 :key="i"
                 @click="selectPage(page)"
                 :disabled="page === 'separator' || page === currentPage"
-                :text="page === 'separator' ? '...' : page"
+                :text="page === 'separator' ? '...' : String(page)"
             />
 
             <ui-button size="sm" :variant="hasNext && !showPageLinks ? 'filled' : 'ghost'" round icon="ui/chevron-right" :disabled="!hasNext" @click="selectNextPage" />
diff --git a/resources/js/components/data-list/Search.vue b/resources/js/components/data-list/Search.vue
index f9afdc1cd53..ac81a4f866d 100644
--- a/resources/js/components/data-list/Search.vue
+++ b/resources/js/components/data-list/Search.vue
@@ -1,14 +1,15 @@
 <template>
-    <input
-        type="text"
-        ref="input"
-        :placeholder="__(placeholder)"
-        :value="value"
-        @input="emitEvent"
-        @keyup.esc="reset"
-        autofocus
-        class="input-text flex-1 bg-white text-sm outline-0 focus:border-blue-300 dark:bg-dark-600 dark:focus:border-dark-blue-125"
-    />
+    <div class="min-w-64 lg:w-1/3">
+        <ui-input
+            autofocus
+            ref="input"
+            icon="magnifying-glass"
+            :placeholder="__(placeholder)"
+            :value="value"
+            @input="emitEvent"
+            @keyup.esc="reset"
+        />
+    </div>
 </template>
 
 <script>
@@ -20,7 +21,7 @@ export default {
     props: {
         placeholder: {
             type: String,
-            default: 'Search...',
+            default: 'Filter...',
         },
         value: {
             type: String,
diff --git a/resources/js/components/data-list/Table.vue b/resources/js/components/data-list/Table.vue
index b7a9384c006..aae0aa00553 100644
--- a/resources/js/components/data-list/Table.vue
+++ b/resources/js/components/data-list/Table.vue
@@ -1,54 +1,38 @@
 <template>
     <table
         :data-size="relativeColumnsSize"
+        :class="{ 'select-none': shifting, 'data-table': !unstyled }"
+        data-table
         ref="table"
         tabindex="0"
-        :class="{ 'select-none': shifting, 'data-table': !unstyled }"
         @keydown.shift="shiftDown"
         @keyup="clearShift"
-        data-table
     >
         <thead v-if="allowBulkActions || visibleColumns.length > 1">
             <tr>
                 <th
-                    class="rounded-none"
-                    :class="{ 'checkbox-column': !reorderable, 'handle-column': reorderable }"
                     v-if="allowBulkActions || reorderable"
+                    :class="{ 'checkbox-column': !reorderable, 'handle-column': reorderable }"
                 >
                     <data-list-toggle-all ref="toggleAll" v-if="allowBulkActions && !singleSelect" />
                 </th>
-                <th
-                    v-for="column in visibleColumns"
-                    :key="column.field"
-                    :class="{
-                        'current-column': sharedState.sortColumn === column.field,
-                        'sortable-column': column.sortable === true,
-                        'cursor-not-allowed': !sortable,
-                        'pe-8 text-end': column.numeric,
-                    }"
-                    class="group rounded-none"
-                    @click.prevent="changeSortColumn(column.field)"
-                >
-                    <span v-text="__(column.label)" />
-                    <svg
-                        v-if="column.sortable"
-                        :class="[
-                            sharedState.sortDirection,
-                            { 'pointer-events-none opacity-100': sharedState.sortColumn === column.field },
-                        ]"
-                        height="8"
-                        width="8"
-                        viewBox="0 0 10 6.5"
-                        class="opacity-0 group-hover:opacity-100 ms-1"
-                    >
-                        <path d="M9.9,1.4L5,6.4L0,1.4L1.4,0L5,3.5L8.5,0L9.9,1.4z" fill="currentColor" />
-                    </svg>
+                <th v-for="column in visibleColumns" :key="column.field" :class="{ 'pe-8 text-end': column.numeric }">
+                    <span v-if="!column.sortable" v-text="__(column.label)" />
+                    <ui-button
+                        v-else
+                        :text="__(column.label)"
+                        :icon-append="isCurrentSortColumn(column) ? 'up-down' : null"
+                        size="sm"
+                        variant="ghost"
+                        class="text-gray-800! dark:text-gray-400! text-sm! font-medium! -mt-2 -mb-1"
+                        @click.prevent="changeSortColumn(column.field)"
+                    />
                 </th>
                 <th class="type-column" v-if="type">
                     <template v-if="type === 'entries'">{{ __('Collection') }}</template>
                     <template v-if="type === 'terms'">{{ __('Taxonomy') }}</template>
                 </th>
-                <th class="actions-column rounded-none" />
+                <th class="actions-column" />
             </tr>
         </thead>
         <sortable-list
@@ -68,7 +52,7 @@
                     :class="{ 'row-selected': sharedState.selections.includes(row.id) }"
                 >
                     <td class="table-drag-handle" v-if="reorderable"></td>
-                    <th class="checkbox-column" v-if="allowBulkActions && !reorderable">
+                    <td class="checkbox-column" v-if="allowBulkActions && !reorderable">
                         <input
                             v-if="!reorderable"
                             type="checkbox"
@@ -78,11 +62,10 @@
                             :id="`checkbox-${row.id}`"
                             @click="checkboxClicked(row, index, $event)"
                         />
-                    </th>
+                    </td>
                     <td
                         v-for="column in visibleColumns"
                         :key="column.field"
-                        @click="rowClicked(row, index, $event)"
                         :width="column.width"
                         :class="{ 'pr-8 text-end': column.numeric }"
                     >
@@ -105,17 +88,15 @@
                         </slot>
                     </td>
                     <td class="type-column" v-if="type">
-                        <span
+                        <ui-badge
+                            size="sm"
                             v-if="type === 'entries' || type === 'terms'"
-                            class="rounded-sm bg-gray-200 px-1 py-px text-2xs uppercase text-gray dark:bg-dark-400 dark:text-dark-150"
-                        >
-                            <template v-if="type === 'entries'">{{ __(row.collection.title) }}</template>
-                            <template v-if="type === 'terms'">{{ __(row.taxonomy.title) }}</template>
-                        </span>
+                            :label="type === 'entries' ? __(row.collection.title) : __(row.taxonomy.title)"
+                        />
                     </td>
-                    <th class="actions-column">
+                    <td class="actions-column">
                         <slot name="actions" :row="row" :index="actualIndex(row)" :display-index="index"></slot>
-                    </th>
+                    </td>
                 </tr>
             </tbody>
         </sortable-list>
@@ -186,6 +167,10 @@ export default {
         sortableColumns() {
             return this.sharedState.columns.filter((column) => column.sortable).map((column) => column.field);
         },
+
+        isCurrentSortColumn() {
+            return (column) => this.sharedState.sortColumn === column.field;
+        },
     },
 
     methods: {
@@ -227,14 +212,6 @@ export default {
             return this.sharedState.originalRows.findIndex((r) => r === row);
         },
 
-        rowClicked(row, index, $event) {
-            if ($event.shiftKey && this.lastItemClicked !== null) {
-                this.selectRange(Math.min(this.lastItemClicked, index), Math.max(this.lastItemClicked, index));
-            } else if (this.toggleSelectionOnRowClick) {
-                this.toggleSelection(row.id, index);
-            }
-            this.lastItemClicked = index;
-        },
 
         selectRange(from, to) {
             for (var i = from; i <= to; i++) {
diff --git a/resources/js/components/entries/Listing.vue b/resources/js/components/entries/Listing.vue
index a2816464dd1..ac0bc150729 100644
--- a/resources/js/components/entries/Listing.vue
+++ b/resources/js/components/entries/Listing.vue
@@ -15,11 +15,8 @@
             @visible-columns-updated="visibleColumns = $event"
         >
             <div>
-                <div class="card relative overflow-hidden p-0">
-                    <div
-                        v-if="!reordering"
-                        class="flex flex-wrap items-center justify-between border-b px-2 pb-2 text-sm dark:border-dark-900"
-                    >
+                <div class="">
+                    <div v-if="!reordering" class="space-y-6">
                         <data-list-filter-presets
                             ref="presets"
                             :active-preset="activePreset"
@@ -32,46 +29,44 @@
                             @reset="filtersReset"
                         />
 
-                        <data-list-search
-                            class="mt-2 h-8 w-full min-w-[240px]"
-                            ref="search"
-                            v-model="searchQuery"
-                            :placeholder="searchPlaceholder"
-                        />
-
-                        <div class="mt-2 flex space-x-2 rtl:space-x-reverse">
-                            <button
-                                class="btn btn-sm ltr:ml-2 rtl:mr-2"
+                        <div class="flex gap-2">
+                            <ui-button
+                                size="sm"
                                 v-text="__('Reset')"
                                 v-show="isDirty"
                                 @click="$refs.presets.refreshPreset()"
                             />
-                            <button
-                                class="btn btn-sm ltr:ml-2 rtl:mr-2"
+                            <ui-button
+                                size="sm"
                                 v-text="__('Save')"
                                 v-show="isDirty"
                                 @click="$refs.presets.savePreset()"
                             />
-                            <data-list-column-picker :preferences-key="preferencesKey('columns')" />
                         </div>
                     </div>
-                    <div v-show="!reordering">
-                        <data-list-filters
-                            ref="filters"
-                            :filters="filters"
-                            :active-preset="activePreset"
-                            :active-preset-payload="activePresetPayload"
-                            :active-filters="activeFilters"
-                            :active-filter-badges="activeFilterBadges"
-                            :active-count="activeFilterCount"
-                            :search-query="searchQuery"
-                            :is-searching="true"
-                            :saves-presets="true"
-                            :preferences-prefix="preferencesPrefix"
-                            @changed="filterChanged"
-                            @saved="$refs.presets.setPreset($event)"
-                            @deleted="$refs.presets.refreshPresets()"
-                        />
+
+                    <!-- Search and Filter -->
+                    <div class="flex items-center gap-3 mb-6">
+                        <data-list-search ref="search" v-model="searchQuery" :placeholder="searchPlaceholder" />
+                            <data-list-filters
+                                v-show="!reordering"
+                                ref="filters"
+                                :filters="filters"
+                                :active-preset="activePreset"
+                                :active-preset-payload="activePresetPayload"
+                                :active-filters="activeFilters"
+                                :active-filter-badges="activeFilterBadges"
+                                :active-count="activeFilterCount"
+                                :search-query="searchQuery"
+                                :is-searching="true"
+                                :saves-presets="true"
+                                :preferences-prefix="preferencesPrefix"
+                                @changed="filterChanged"
+                                @saved="$refs.presets.setPreset($event)"
+                                @deleted="$refs.presets.refreshPresets()"
+                            />
+                            <div class="flex-1" />
+                            <data-list-column-picker :preferences-key="preferencesKey('columns')" />
                     </div>
 
                     <div v-show="items.length === 0" class="p-6 text-center text-gray-500" v-text="__('No results')" />
@@ -82,7 +77,7 @@
                         @started="actionStarted"
                         @completed="actionCompleted"
                     />
-                    <div class="overflow-x-auto overflow-y-hidden">
+                    <ui-panel class="relative overflow-x-auto overscroll-x-contain">
                         <data-list-table
                             v-show="items.length"
                             :allow-bulk-actions="!reordering"
@@ -95,57 +90,42 @@
                         >
                             <template #cell-title="{ row: entry }">
                                 <a
-                                    class="title-index-field inline-flex items-center"
+                                    class="title-index-field"
                                     :href="entry.edit_url"
                                     @click.stop
                                 >
-                                    <span
-                                        class="little-dot ltr:mr-2 rtl:ml-2"
-                                        v-tooltip="getStatusLabel(entry)"
-                                        :class="getStatusClass(entry)"
-                                        v-if="!columnShowing('status')"
-                                    />
+                                    <ui-status-indicator v-if="!columnShowing('status')" :status="entry.status" />
                                     <span v-text="entry.title" />
                                 </a>
                             </template>
                             <template #cell-status="{ row: entry }">
-                                <div
-                                    class="status-index-field select-none"
-                                    v-tooltip="getStatusTooltip(entry)"
-                                    :class="`status-${entry.status}`"
-                                    v-text="getStatusLabel(entry)"
-                                />
+                                <ui-status-indicator :status="entry.status" show-label :show-dot="false" />
                             </template>
                             <template #cell-slug="{ row: entry }">
                                 <div class="slug-index-field" :title="entry.slug">{{ entry.slug }}</div>
                             </template>
                             <template #actions="{ row: entry, index }">
-                                <dropdown-list placement="left-start">
-                                    <dropdown-item
-                                        :text="__('View')"
-                                        :external-link="entry.permalink"
-                                        v-if="entry.viewable && entry.permalink"
-                                    />
-                                    <dropdown-item
-                                        :text="__('Edit')"
-                                        :redirect="entry.edit_url"
-                                        v-if="entry.editable"
-                                    />
-                                    <div class="divider" v-if="entry.actions.length" />
-                                    <data-list-inline-actions
-                                        :item="entry.id"
-                                        :url="actionUrl"
-                                        :actions="entry.actions"
-                                        @started="actionStarted"
-                                        @completed="actionCompleted"
-                                    />
-                                </dropdown-list>
+                                <ui-dropdown placement="left-start" class="me-3">
+                                    <ui-dropdown-menu>
+                                        <ui-dropdown-label :text="__('Actions')" />
+                                        <ui-dropdown-item :text="__('Visit URL')" :href="entry.permalink" icon="eye" v-if="entry.viewable && entry.permalink" />
+                                        <ui-dropdown-item :text="__('Edit')" :href="entry.edit_url" icon="edit" v-if="entry.editable" />
+                                        <ui-dropdown-separator v-if="entry.actions.length" />
+                                        <data-list-list-actions
+                                            :item="entry.id"
+                                            :url="actionUrl"
+                                            :actions="entry.actions"
+                                            @started="actionStarted"
+                                            @completed="actionCompleted"
+                                        />
+                                    </ui-dropdown-menu>
+                                </ui-dropdown>
                             </template>
                         </data-list-table>
-                    </div>
+                    </ui-panel>
                 </div>
                 <data-list-pagination
-                    class="mt-6"
+                    class="mt-3"
                     :resource-meta="meta"
                     :per-page="perPage"
                     :show-totals="true"
@@ -212,41 +192,6 @@ export default {
     },
 
     methods: {
-        getStatusClass(entry) {
-            // TODO: Replace with `entry.status` (will need to pass down)
-            if (entry.published && entry.private) {
-                return 'bg-transparent border border-gray-600';
-            } else if (entry.published) {
-                return 'bg-green-600';
-            } else {
-                return 'bg-gray-400 dark:bg-dark-200';
-            }
-        },
-
-        getStatusLabel(entry) {
-            if (entry.status === 'published') {
-                return __('Published');
-            } else if (entry.status === 'scheduled') {
-                return __('Scheduled');
-            } else if (entry.status === 'expired') {
-                return __('Expired');
-            } else if (entry.status === 'draft') {
-                return __('Draft');
-            }
-        },
-
-        getStatusTooltip(entry) {
-            if (entry.status === 'published') {
-                return entry.collection.dated ? __('messages.status_published_with_date', { date: entry.date }) : null; // The label is sufficient.
-            } else if (entry.status === 'scheduled') {
-                return __('messages.status_scheduled_with_date', { date: entry.date });
-            } else if (entry.status === 'expired') {
-                return __('messages.status_expired_with_date', { date: entry.date });
-            } else if (entry.status === 'draft') {
-                return null; // The label is sufficient.
-            }
-        },
-
         reorder() {
             this.previousFilters = this.activeFilters;
             this.filtersReset();
diff --git a/resources/js/components/fieldtypes/relationship/RelationshipIndexFieldtype.vue b/resources/js/components/fieldtypes/relationship/RelationshipIndexFieldtype.vue
index ab6831b38ee..aaf9a283a06 100644
--- a/resources/js/components/fieldtypes/relationship/RelationshipIndexFieldtype.vue
+++ b/resources/js/components/fieldtypes/relationship/RelationshipIndexFieldtype.vue
@@ -1,29 +1,33 @@
 <template>
     <div>
-        <div class="flex flex-wrap">
-            <div
-                v-for="(item, i) in items"
+        <div class="flex flex-wrap gap-2">
+            <ui-badge
+                size="sm"
+                v-for="item in items"
                 :key="item.id"
-                class="relationship-index-field-item h-5"
-                :class="{ 'mb-1.5': i < items.length - 1 }"
+                :href="item.edit_url"
+                :icon="item.icon"
             >
-                <div class="flex shrink items-center">
-                    <div
-                        v-if="item.hasOwnProperty('published') && item.published !== null"
-                        class="little-dot h-1 w-1 ltr:mr-1 rtl:ml-1"
-                        :class="[item.published ? 'bg-green-600' : 'bg-gray-400 dark:bg-dark-200']"
+                <ui-status-indicator v-if="item.hasOwnProperty('published') && item.published !== null" :status="item.published" class="h-1" />
+                <span v-text="item.title" />
+            </ui-badge>
+            <ui-dropdown v-if="hasMore && !showingAll">
+                <template #trigger>
+                    <ui-badge
+                        size="sm"
+                        as="button"
+                        color="white"
+                        v-text="__('messages.plus_count_more', { count: value.length - 2 })"
                     />
-                    <a :href="item.edit_url" :title="item.title" v-text="item.title" />
-                </div>
-            </div>
+                </template>
+                <ui-dropdown-menu>
+                    <!-- TODO: Pass the proper title/label instead of the handle -->
+                    <ui-dropdown-label :text="handle" />
+                    <!-- TODO: Pass the proper icon instead of hard-coded taxonomies -->
+                    <ui-dropdown-item v-for="item in value" icon="taxonomies" :key="item.id" :href="item.edit_url" :text="item.title" />
+                </ui-dropdown-menu>
+            </ui-dropdown>
         </div>
-        <button
-            v-if="hasMore && !showingAll"
-            @click.stop="showAll"
-            class="mt-1 text-2xs text-blue"
-            v-text="__('messages.view_more_count', { count: value.length - 2 })"
-        />
-        <button v-if="showingAll" @click.stop="hideExtra" class="mt-1 text-2xs text-blue" v-text="__('Hide')" />
     </div>
 </template>
 
@@ -48,15 +52,5 @@ export default {
             return this.value?.length > 2;
         },
     },
-
-    methods: {
-        showAll() {
-            this.showingAll = true;
-        },
-
-        hideExtra() {
-            this.showingAll = false;
-        },
-    },
 };
 </script>
diff --git a/resources/js/components/ui/Badge.vue b/resources/js/components/ui/Badge.vue
index 3f2e0b5509a..fb149ce4d02 100644
--- a/resources/js/components/ui/Badge.vue
+++ b/resources/js/components/ui/Badge.vue
@@ -4,6 +4,7 @@ import { cva } from 'cva';
 import { twMerge } from 'tailwind-merge';
 
 const props = defineProps({
+    as: { type: String, default: 'div' },
     color: { type: String, default: 'default' },
     href: { type: String, default: null },
     icon: { type: String, default: null },
@@ -16,11 +17,11 @@ const props = defineProps({
 
 const slots = useSlots();
 const hasDefaultSlot = !!slots.default;
-const tag = computed(() => (props.href ? 'a' : 'div'));
+const tag = computed(() => (props.href ? 'a' : props.as));
 
 const badgeClasses = computed(() => {
     const classes = cva({
-        base: 'inline-flex items-center gap-1 font-normal antialiased whitespace-nowrap no-underline not-prose',
+        base: 'flex items-center gap-1 font-normal antialiased whitespace-nowrap no-underline not-prose [button]:cursor-pointer',
         variants: {
             size: {
                 sm: 'text-2xs py-0 leading-normal px-1 rounded-[0.1875rem] [&_svg]:size-2',
@@ -28,26 +29,26 @@ const badgeClasses = computed(() => {
                 lg: 'text-sm py-1 px-3 rounded-md [&_svg]:size-3 [&_svg]:me-1',
             },
             color: {
-                amber: 'bg-amber-100 border-amber-400 text-amber-700 [a]:hover:bg-amber-200/70',
-                black: 'bg-gray-900 border-black text-white [a]:hover:bg-black/90',
-                blue: 'bg-blue-100/80 border-blue-300 text-blue-700 [a]:hover:bg-blue-200/60',
-                cyan: 'bg-cyan-100/80 border-cyan-400 text-cyan-700 [a]:hover:bg-cyan-200/60',
-                default: 'bg-gray-100/80 border-gray-300 text-gray-700 [a]:hover:bg-gray-200/50',
-                emerald: 'bg-emerald-100/80 border-emerald-400 text-emerald-700 [a]:hover:bg-emerald-200/60',
-                fuchsia: 'bg-fuchsia-100/80 border-fuchsia-300 text-fuchsia-700 [a]:hover:bg-fuchsia-200/60',
-                green: 'bg-green-100/80 border-green-400 text-green-700 [a]:hover:bg-green-200/60',
-                indigo: 'bg-indigo-100/80 border-indigo-300 text-indigo-700 [a]:hover:bg-indigo-200/60',
-                lime: 'bg-lime-100 border-lime-400 text-lime-700 [a]:hover:bg-lime-200/80',
-                orange: 'bg-orange-100 border-orange-400 text-orange-700 [a]:hover:bg-orange-200/60',
-                pink: 'bg-pink-100/80 border-pink-300 text-pink-800 [a]:hover:bg-pink-200/60',
-                purple: 'bg-purple-100/80 border-purple-300 text-purple-800 [a]:hover:bg-purple-200/60',
-                red: 'bg-red-100/80 border-red-400/80 text-red-700 [a]:hover:bg-red-200/60',
-                rose: 'bg-rose-100/80 border-rose-300 text-rose-800 [a]:hover:bg-rose-200/60',
-                sky: 'bg-sky-100/80 border-sky-300 text-sky-700 [a]:hover:bg-sky-200/60',
-                teal: 'bg-teal-100 border-teal-400 text-teal-700 [a]:hover:bg-teal-200/70',
-                violet: 'bg-violet-100/80 border-violet-300 text-violet-700 [a]:hover:bg-violet-200/60',
-                white: 'bg-white border-gray-300 text-gray-700 [a]:hover:bg-gray-200/50',
-                yellow: 'bg-yellow-100 border-yellow-400 text-yellow-700 [a]:hover:bg-yellow-200/80',
+                amber: 'bg-amber-100 border-amber-400 text-amber-700 [a]:hover:bg-amber-200/70 [button]:hover:bg-amber-200/70',
+                black: 'bg-gray-900 border-black text-white [a]:hover:bg-black/90 [button]:hover:bg-black/90',
+                blue: 'bg-blue-100/80 border-blue-300 text-blue-700 [a]:hover:bg-blue-200/60 [button]:hover:bg-blue-200/60',
+                cyan: 'bg-cyan-100/80 border-cyan-400 text-cyan-700 [a]:hover:bg-cyan-200/60 [button]:hover:bg-cyan-200/60',
+                default: 'bg-gray-100/80 border-gray-300 text-gray-700 [a]:hover:bg-gray-200/50 [button]:hover:bg-gray-200/50',
+                emerald: 'bg-emerald-100/80 border-emerald-400 text-emerald-700 [a]:hover:bg-emerald-200/60 [button]:hover:bg-emerald-200/60',
+                fuchsia: 'bg-fuchsia-100/80 border-fuchsia-300 text-fuchsia-700 [a]:hover:bg-fuchsia-200/60 [button]:hover:bg-fuchsia-200/60',
+                green: 'bg-green-100/80 border-green-400 text-green-700 [a]:hover:bg-green-200/60 [button]:hover:bg-green-200/60',
+                indigo: 'bg-indigo-100/80 border-indigo-300 text-indigo-700 [a]:hover:bg-indigo-200/60 [button]:hover:bg-indigo-200/60',
+                lime: 'bg-lime-100 border-lime-400 text-lime-700 [a]:hover:bg-lime-200/80 [button]:hover:bg-lime-200/80',
+                orange: 'bg-orange-100 border-orange-400 text-orange-700 [a]:hover:bg-orange-200/60 [button]:hover:bg-orange-200/60',
+                pink: 'bg-pink-100/80 border-pink-300 text-pink-800 [a]:hover:bg-pink-200/60 [button]:hover:bg-pink-200/60',
+                purple: 'bg-purple-100/80 border-purple-300 text-purple-800 [a]:hover:bg-purple-200/60 [button]:hover:bg-purple-200/60',
+                red: 'bg-red-100/80 border-red-400/80 text-red-700 [a]:hover:bg-red-200/60 [button]:hover:bg-red-200/60',
+                rose: 'bg-rose-100/80 border-rose-300 text-rose-800 [a]:hover:bg-rose-200/60 [button]:hover:bg-rose-200/60',
+                sky: 'bg-sky-100/80 border-sky-300 text-sky-700 [a]:hover:bg-sky-200/60 [button]:hover:bg-sky-200/60',
+                teal: 'bg-teal-100 border-teal-400 text-teal-700 [a]:hover:bg-teal-200/70 [button]:hover:bg-teal-200/70',
+                violet: 'bg-violet-100/80 border-violet-300 text-violet-700 [a]:hover:bg-violet-200/60 [button]:hover:bg-violet-200/60',
+                white: 'bg-white border-gray-300 text-gray-700 [a]:hover:bg-gray-200/30 [button]:hover:bg-gray-200/30',
+                yellow: 'bg-yellow-100 border-yellow-400 text-yellow-700 [a]:hover:bg-yellow-200/80 [button]:hover:bg-yellow-200/80',
             },
             variant: {
                 default: 'border dark:border-none shadow-ui-sm',
diff --git a/resources/js/components/ui/Button/Index.vue b/resources/js/components/ui/Button/Index.vue
index ec2e76938be..7b8dad7bee7 100644
--- a/resources/js/components/ui/Button/Index.vue
+++ b/resources/js/components/ui/Button/Index.vue
@@ -40,7 +40,7 @@ const buttonClasses = computed(() => {
             },
             size: {
                 base: 'px-4 h-10 text-sm gap-2 rounded-lg',
-                sm: 'px-3 h-8 text-[0.8125rem] gap-2 rounded-lg',
+                sm: 'px-3 h-8 text-[0.8125rem] gap-2 rounded-lg [&_svg]:size-3',
                 xs: 'px-2 h-6.5 text-xs gap-1.5 rounded-md [&_svg]:size-3',
             },
             groupBorder: {
diff --git a/resources/js/components/ui/Checkbox/Item.vue b/resources/js/components/ui/Checkbox/Item.vue
index 74aa9137b37..db0e1010f4e 100644
--- a/resources/js/components/ui/Checkbox/Item.vue
+++ b/resources/js/components/ui/Checkbox/Item.vue
@@ -6,6 +6,7 @@ const props = defineProps({
     disabled: { type: Boolean, default: false },
     label: { type: String, default: null },
     value: { type: [String, Number, Boolean], required: true },
+    solo: { type: Boolean, default: false },
 });
 
 const id = useId();
@@ -17,7 +18,7 @@ const id = useId();
             :disabled
             :id
             :value="value"
-            class="shadow-ui-xs mt-0.5 size-4 cursor-default rounded-sm border border-gray-300 bg-white outline-hidden data-[state=checked]:border-gray-900 data-[state=checked]:bg-gray-900 dark:border-none dark:data-[state=checked]:bg-white data-[disabled]:bg-gray-100 data-[disabled]:border-gray-200 data-[disabled]:text-gray-400 data-[disabled]:cursor-not-allowed"
+            class="shadow-ui-xs mt-0.5 size-4 cursor-default rounded-sm border border-gray-300 bg-white outline-hidden data-[state=checked]:border-gray-900 data-[state=checked]:bg-gray-900 dark:border-none dark:data-[state=checked]:bg-white data-[disabled]:bg-gray-100 data-[disabled]:border-gray-200 data-[disabled]:text-gray-400 data-[disabled]:cursor-not-allowed shrink-0"
         >
             <CheckboxIndicator
                 class="relative flex h-full w-full items-center justify-center text-white dark:text-gray-800"
@@ -33,7 +34,7 @@ const id = useId();
                 </svg>
             </CheckboxIndicator>
         </CheckboxRoot>
-        <label class="flex flex-col" :for="id">
+        <label class="flex flex-col" :for="id" v-if="!solo">
             <span class="text-sm font-normal text-gray-600 antialiased dark:text-gray-400">
                 <slot>{{ label || value }}</slot>
             </span>
diff --git a/resources/js/components/ui/Dropdown/Index.vue b/resources/js/components/ui/Dropdown/Index.vue
index 38e55a2a098..17f8a4f7016 100644
--- a/resources/js/components/ui/Dropdown/Index.vue
+++ b/resources/js/components/ui/Dropdown/Index.vue
@@ -1,4 +1,5 @@
 <script setup>
+import { useAttrs } from 'vue';
 import { cva } from 'cva';
 import { DropdownMenuContent, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger } from 'reka-ui';
 
@@ -6,6 +7,8 @@ defineOptions({
     inheritAttrs: false,
 });
 
+const attrs = useAttrs();
+
 const props = defineProps({
     align: { type: String, default: 'start' },
     offset: { type: Number, default: 5 },
@@ -23,7 +26,9 @@ const dropdownContentClasses = cva({
 <template>
     <DropdownMenuRoot>
         <DropdownMenuTrigger data-ui-dropdown-trigger>
-            <slot name="trigger" />
+            <slot name="trigger">
+                <ui-button icon="ui/dots" variant="ghost" size="sm" v-bind="attrs" />
+            </slot>
         </DropdownMenuTrigger>
         <DropdownMenuPortal>
             <DropdownMenuContent
diff --git a/resources/js/components/ui/Input/Index.vue b/resources/js/components/ui/Input/Index.vue
index 72653f41ac3..ea7ae9ea4ba 100644
--- a/resources/js/components/ui/Input/Index.vue
+++ b/resources/js/components/ui/Input/Index.vue
@@ -21,6 +21,7 @@ const props = defineProps({
     size: { type: String, default: 'base' },
     type: { type: String, default: 'text' },
     viewable: { type: Boolean, default: false },
+    placeholder: { type: String, default: null },
     prepend: { type: String, default: null },
     append: { type: String, default: null },
 });
@@ -33,7 +34,7 @@ const inputClasses = computed(() => {
         base: [
             'w-full block bg-white dark:bg-gray-900',
             'border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-2xs dark:inset-shadow-black',
-            'text-gray-600 dark:text-gray-300',
+            'text-gray-600 dark:text-gray-300 placeholder:text-gray-400 dark:placeholder:text-gray-600',
             'appearance-none antialiased shadow-ui-sm disabled:shadow-none not-prose',
         ],
         variants: {
@@ -47,7 +48,7 @@ const inputClasses = computed(() => {
             },
         },
         compoundVariants: [
-            { hasPrependedIcon: true, size: 'base', class: 'ps-10' },
+            { hasPrependedIcon: true, size: 'base', class: 'ps-9' },
             { hasPrependedIcon: true, size: 'sm', class: 'ps-8' },
             { hasPrependedIcon: true, size: 'xs', class: 'ps-6' },
             { hasAppendedIcon: true, size: 'base', class: 'pe-10' },
@@ -119,6 +120,7 @@ const copy = () => {
                 :id
                 :type="inputType"
                 :value="modelValue"
+                :placeholder="placeholder"
                 data-ui-control
                 data-ui-group-target
                 v-bind="$attrs"
diff --git a/resources/js/components/ui/StatusIndicator.vue b/resources/js/components/ui/StatusIndicator.vue
index 626e78ed0c2..01f291fbd67 100644
--- a/resources/js/components/ui/StatusIndicator.vue
+++ b/resources/js/components/ui/StatusIndicator.vue
@@ -1,19 +1,19 @@
 <template>
-    <div class="flex items-center gap-2">
-        <span
-            v-if="showDot"
-            class="size-2 rounded-full"
-            :class="statusClass"
-            v-tooltip="tooltip"
-        />
-        <span
-            v-if="showLabel"
-            class="status-index-field select-none"
-            :class="`status-${status}`"
-            v-tooltip="tooltip"
-            v-text="label"
-        />
-    </div>
+    <ui-tooltip :text="label" :delay="300">
+        <span class="flex items-center gap-2">
+            <span
+                v-if="showDot"
+                class="size-2 rounded-full"
+                :class="statusClass"
+            />
+            <span
+                v-if="showLabel"
+                class="status-index-field select-none"
+                :class="`status-${status}`"
+                v-text="label"
+            />
+        </span>
+    </ui-tooltip>
 </template>
 
 <script setup>
@@ -28,7 +28,6 @@ const props = defineProps({
     showDot: {type: Boolean, default: true },
     showLabel: {type: Boolean, default: false },
     private: {type: Boolean, default: false },
-    isDated: {type: Boolean, default: false }
 })
 
 const statusClass = computed(() => {
@@ -49,19 +48,5 @@ const label = computed(() => {
     }
     return labels[props.status]
 })
-
-const tooltip = computed(() => {
-    if (!props.date) return null
-
-    if (props.status === 'published') {
-        return props.isDated ? __('messages.status_published_with_date', { date: props.date }) : null
-    } else if (props.status === 'scheduled') {
-        return __('messages.status_scheduled_with_date', { date: props.date })
-    } else if (props.status === 'expired') {
-        return __('messages.status_expired_with_date', { date: props.date })
-    }
-
-    return null
-})
 </script>
 
diff --git a/resources/js/components/ui/Tabs/Trigger.vue b/resources/js/components/ui/Tabs/Trigger.vue
index ba65609b3ad..4eddb59382d 100644
--- a/resources/js/components/ui/Tabs/Trigger.vue
+++ b/resources/js/components/ui/Tabs/Trigger.vue
@@ -14,7 +14,7 @@ defineProps({
 <template>
     <TabsTrigger
         :value="name"
-        class="cursor-pointer pb-1 hover:text-gray-600 data-[state=active]:text-gray-800 dark:hover:text-gray-400 dark:data-[state=active]:text-gray-200"
+        class="cursor-pointer p-2 pb-1 hover:text-gray-600 data-[state=active]:text-gray-800 dark:hover:text-gray-400 dark:data-[state=active]:text-gray-200"
     >
         <slot v-if="hasSlot" />
         <span v-else>{{ text }}</span>
diff --git a/resources/lang/en/messages.php b/resources/lang/en/messages.php
index 69d3d54fe5e..d6b0b01fec2 100644
--- a/resources/lang/en/messages.php
+++ b/resources/lang/en/messages.php
@@ -165,6 +165,7 @@
     'licensing_utility_description' => 'View and resolve licensing details.',
     'max_depth_instructions' => 'Set a maximum number of levels page may be nested. Leave blank for no limit.',
     'max_items_instructions' => 'Set a maximum number of selectable items.',
+    'plus_count_more' => '+ :count more',
     'navigation_configure_blueprint_instructions' => 'Choose from existing Blueprints or create a new one.',
     'navigation_configure_collections_instructions' => 'Enable linking to entries in these collections.',
     'navigation_configure_handle_instructions' => 'Used to reference this navigation on the frontend. It\'s non-trivial to change later.',
diff --git a/resources/svg/icons/add-bookmark.svg b/resources/svg/icons/add-bookmark.svg
new file mode 100644
index 00000000000..da3044b9805
--- /dev/null
+++ b/resources/svg/icons/add-bookmark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.16679 12.6725c0.02924 0.4808 0.39927 0.8812 0.87016 0.8216C4.30674 13.3335 5.63407 12.5226 7 11.6209c1.36594 0.9017 2.69326 1.7126 3.9631 1.8732 0.4708 0.0596 0.8409 -0.3408 0.8701 -0.8216 0.214 -3.51831 0.2221 -6.88684 0.0243 -10.39385 -0.0407 -0.72137 -0.5902 -1.306041 -1.2935 -1.417327C9.47742 0.689389 8.36876 0.5 7 0.5 5.63125 0.5 4.52258 0.689389 3.43599 0.861323c-0.7033 0.111285 -1.25282 0.695957 -1.2935 1.417327 -0.19777 3.50701 -0.18967 6.87554 0.0243 10.39385Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7 3.75v5" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m9.5 6.25 -5 0" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/add-folder.svg b/resources/svg/icons/add-folder.svg
new file mode 100644
index 00000000000..11b87fe5715
--- /dev/null
+++ b/resources/svg/icons/add-folder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linejoin="round" d="M6.34286 1.45431c-0.13401 -0.37988 -0.48293 -0.643254 -0.8853 -0.662433C4.01687 0.723206 3.14636 0.741758 1.98918 0.827285c-0.48411 0.035781 -0.86904 0.436355 -0.92443 0.942515C0.725625 4.86843 0.613117 7.97783 0.966382 11.0836c0.119878 1.0538 0.941888 1.8198 1.925278 1.9322 2.77679 0.3175 5.51367 0.3093 8.29024 -0.008 0.965 -0.1103 1.7396 -0.9125 1.8547 -1.9242 0.2211 -1.94368 0.2779 -3.93665 0.1353 -6.39197 -0.0549 -0.94656 -0.7927 -1.71237 -1.7373 -1.79476 -1.3557 -0.11826 -2.29494 -0.12507 -3.95633 -0.16193 -0.4147 -0.0092 -0.78057 -0.27474 -0.91856 -0.66592l-0.21685 -0.61471Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.99998 5.375v5M9.5 7.875h-5" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/add-sticky.svg b/resources/svg/icons/add-sticky.svg
new file mode 100644
index 00000000000..de4a5873fae
--- /dev/null
+++ b/resources/svg/icons/add-sticky.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.85476 12.1285c-0.49995 -0.5012 -0.81535 -1.157 -0.89476 -1.8605C0.846 9.205 0.75 8.114 0.75 7c0 -1.114 0.096 -2.206 0.21 -3.268 0.07941 -0.70347 0.39481 -1.35929 0.89476 -1.86051C2.35472 1.37026 3.00973 1.0532 3.713 0.972 4.782 0.852 5.88 0.75 7 0.75s2.217 0.103 3.287 0.221c0.7033 0.0812 1.3583 0.39826 1.8582 0.89949 0.5 0.50122 0.8154 1.15704 0.8948 1.86051 0.114 1.064 0.21 2.156 0.21 3.269 0 0.39155 -0.0119 0.78049 -0.0322 1.16649 -0.5061 3.12391 -3.49224 4.81971 -5.76177 5.07801 -0.15159 0.0036 -0.30361 0.0055 -0.45603 0.0055 -1.12 0 -2.217 -0.102 -3.287 -0.222 -0.70327 -0.0812 -1.35828 -0.3983 -1.85824 -0.8995Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.2174 8.16602c-0.5097 3.14648 -3.53519 4.84458 -5.81054 5.08388 0.87474 -1.1656 1.48825 -2.3526 1.74994 -4.1583 0.07522 -0.51896 0.50499 -0.92558 1.0294 -0.92558h3.0312Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.81249 3v4.75M8.1875 5.375h-4.75" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/edit.svg b/resources/svg/icons/edit.svg
new file mode 100644
index 00000000000..ffd12da675e
--- /dev/null
+++ b/resources/svg/icons/edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.8475 7.83533c0 1.19183 -0.1217 2.35677 -0.2479 3.48417 -0.1122 1.0029 -0.9152 1.8043 -1.91932 1.9202 -1.13459 0.1311 -2.30699 0.2603 -3.50654 0.2603 -1.19956 0 -2.37196 -0.1292 -3.50655 -0.2603 -1.0041 -0.1159 -1.80712 -0.9173 -1.919332 -1.9202C0.621719 10.1921 0.5 9.02716 0.5 7.83533c0 -1.19182 0.121719 -2.35671 0.247858 -3.48413 0.112212 -1.00294 0.915232 -1.80428 1.919322 -1.92025 1.1346 -0.13103 2.307 -0.2603 3.50656 -0.2603 0.13697 0 0.27359 0.00169 0.40985 0.00487" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.2774 1.03311 6.42126 5.40157l-0.52828 2.48068c-0.085 0.39915 0.33174 0.77683 0.722 0.65434l2.47259 -0.77608 3.98293 -4.18432c0.6615 -0.69497 0.5461 -1.85734 -0.2546 -2.56447 -0.782 -0.690562 -1.9185 -0.680985 -2.5385 0.02139Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/rename.svg b/resources/svg/icons/rename.svg
new file mode 100644
index 00000000000..65e5985e66e
--- /dev/null
+++ b/resources/svg/icons/rename.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.58203 6.60881c0.5995 -0.03953 0.93696 -0.03758 1.53639 0" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.58203 11.3748c0.61441 0.0621 0.95145 0.0587 1.53639 0" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.35099 6.60919c-0.11451 1.87707 -0.12599 2.92533 0 4.76571" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.15649 4.53713c-0.52426 0.02109 -1.04933 0.05117 -1.57591 0.09022 -1.17716 0.09198 -2.673582 0.71603 -2.886584 1.99301C0.436923 8.23392 0.4334 9.76618 0.695042 11.3795c0.213002 1.277 1.709428 1.9011 2.886578 1.9931 2.28807 0.17 4.5477 0.1698 6.83578 0 1.1771 -0.092 2.6736 -0.7161 2.8866 -1.9931 0.2393 -1.47731 0.2596 -2.88895 0.0602 -4.35528l-0.0602 -0.40386" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.25397 2.51253C9.95248 1.81402 10.0838 0.5 10.3751 0.5c0.2912 0 0.4226 1.31402 1.1211 2.01253S13.5 3.28502 13.5 3.625s-1.3053 0.41396 -2.0038 1.11247S10.6663 6.75 10.3751 6.75c-0.2913 0 -0.42262 -1.31402 -1.12113 -2.01253S7.25012 3.96498 7.25012 3.625s1.30534 -0.41396 2.00385 -1.11247" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/up-down.svg b/resources/svg/icons/up-down.svg
new file mode 100644
index 00000000000..69c30be309f
--- /dev/null
+++ b/resources/svg/icons/up-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m3.5 1.00098 0 11.99982" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m10.5 13.001 0 -11.99989" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1 3.5011c0.5 -1 1.5 -2 2.49996 -2.5C4.5 1.5011 5.5 2.5011 6 3.5011" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 10.5009c0.5 1 1.5 2 2.5 2.5 1 -0.5 2 -1.5 2.5 -2.5" stroke-width="1"/></svg>
\ No newline at end of file

From f28ca57e1b90f3250a13e299ef9653a4042ff542 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Tue, 22 Apr 2025 17:47:14 -0400
Subject: [PATCH 111/186] Make labels always a string

---
 resources/js/components/fieldtypes/HasInputOptions.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/fieldtypes/HasInputOptions.js b/resources/js/components/fieldtypes/HasInputOptions.js
index 1be59618983..600d83a1e94 100644
--- a/resources/js/components/fieldtypes/HasInputOptions.js
+++ b/resources/js/components/fieldtypes/HasInputOptions.js
@@ -7,7 +7,7 @@ export default {
                 return Object.entries(options).map(([key, value]) => {
                     return {
                         value: Array.isArray(options) ? value : key,
-                        label: __(value) || key,
+                        label: `${__(value) || key}`,
                     };
                 });
             }
@@ -25,13 +25,13 @@ export default {
 
                     return {
                         value: option[valueKey],
-                        label: __(option[labelKey]) || option[valueKey],
+                        label: `${__(option[labelKey]) || option[valueKey]}`,
                     };
                 }
 
                 return {
                     value: option,
-                    label: __(option) || option,
+                    label: `${__(option) || option}`,
                 };
             });
         },

From f4bed8c27dc5a55d60bcceed8e1667de58fd2967 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Tue, 22 Apr 2025 17:49:20 -0400
Subject: [PATCH 112/186] Hook up select, use in pagination

---
 .../js/components/data-list/Pagination.vue    | 29 +++++++++++++++++--
 resources/js/components/ui/Select/Index.vue   |  6 ++--
 resources/js/components/ui/index.js           |  3 +-
 3 files changed, 32 insertions(+), 6 deletions(-)

diff --git a/resources/js/components/data-list/Pagination.vue b/resources/js/components/data-list/Pagination.vue
index 579fa6c1fe7..f013a3b51ba 100644
--- a/resources/js/components/data-list/Pagination.vue
+++ b/resources/js/components/data-list/Pagination.vue
@@ -7,7 +7,14 @@
         </div>
 
         <div v-if="hasMultiplePages" class="flex items-center gap-1" :class="{ 'pagination-inline': inline }">
-            <ui-button size="sm" :variant="hasPrevious && !showPageLinks ? 'filled' : 'ghost'" round icon="ui/chevron-left" :disabled="!hasPrevious" @click="selectPreviousPage" />
+            <ui-button
+                size="sm"
+                :variant="hasPrevious && !showPageLinks ? 'filled' : 'ghost'"
+                round
+                icon="ui/chevron-left"
+                :disabled="!hasPrevious"
+                @click="selectPreviousPage"
+            />
 
             <ui-button
                 v-if="showPageLinks"
@@ -21,7 +28,14 @@
                 :text="page === 'separator' ? '...' : String(page)"
             />
 
-            <ui-button size="sm" :variant="hasNext && !showPageLinks ? 'filled' : 'ghost'" round icon="ui/chevron-right" :disabled="!hasNext" @click="selectNextPage" />
+            <ui-button
+                size="sm"
+                :variant="hasNext && !showPageLinks ? 'filled' : 'ghost'"
+                round
+                icon="ui/chevron-right"
+                :disabled="!hasNext"
+                @click="selectNextPage"
+            />
         </div>
 
         <div class="flex flex-1">
@@ -36,6 +50,12 @@
                 :value="perPage"
                 @input="$emit('per-page-changed', $event)"
             />
+
+            <Select
+                :options="perPageOptions"
+                :model-value="perPage"
+                @update:model-value="$emit('per-page-changed', $event)"
+            />
         </div>
     </div>
 </template>
@@ -43,12 +63,17 @@
 <script>
 import HasInputOptions from '../fieldtypes/HasInputOptions.js';
 import { flatten, sortBy, range } from 'lodash-es';
+import { Select } from '@statamic/ui';
 
 const onEachSide = 3;
 
 export default {
     mixins: [HasInputOptions],
 
+    components: {
+        Select,
+    },
+
     props: {
         inline: { type: Boolean, default: false },
         showTotals: { type: Boolean, default: false },
diff --git a/resources/js/components/ui/Select/Index.vue b/resources/js/components/ui/Select/Index.vue
index 5c8dcdb3384..3666aa0933a 100644
--- a/resources/js/components/ui/Select/Index.vue
+++ b/resources/js/components/ui/Select/Index.vue
@@ -12,12 +12,12 @@ import {
 } from 'reka-ui';
 import { useAttrs } from 'vue';
 
-defineEmits(['update:modelValue']);
+const emit = defineEmits(['update:modelValue']);
 
 const props = defineProps({
     description: { type: String, default: null },
     label: { type: String, default: null },
-    modelValue: { type: Object | String, default: null },
+    modelValue: { type: [Object, String], default: null },
     size: { type: String, default: 'base' },
     placeholder: { type: String, default: 'Select...' },
     options: { type: Array, default: null },
@@ -59,7 +59,7 @@ const itemClasses = cva({
 
 <template>
     <ui-with-field :label :description>
-        <SelectRoot v-bind="attrs">
+        <SelectRoot v-bind="attrs" :model-value="modelValue" @update:model-value="emit('update:model-value', $event)">
             <SelectTrigger :class="[triggerClasses, $attrs.class]" data-ui-select-trigger>
                 <SelectValue :placeholder="placeholder" class="select-none" />
                 <ui-icon name="ui/chevron-down" class="me-2" />
diff --git a/resources/js/components/ui/index.js b/resources/js/components/ui/index.js
index 1d3c3ff2700..b663adfe7d1 100644
--- a/resources/js/components/ui/index.js
+++ b/resources/js/components/ui/index.js
@@ -6,5 +6,6 @@ import { default as DateRangePicker } from './DateRangePicker/Index.vue';
 import { default as TimePicker } from './TimePicker/Index.vue';
 import { default as Button } from './Button/Index.vue';
 import { default as Widget } from './Widget.vue';
+import { default as Select } from './Select/Index.vue';
 
-export { WithField, Calendar, Card, DatePicker, DateRangePicker, TimePicker, Button, Widget };
+export { WithField, Calendar, Card, DatePicker, DateRangePicker, TimePicker, Button, Widget, Select };

From c46da5e3d59c16a5c89bc72739a45327cddb79c1 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 22 Apr 2025 19:34:25 -0400
Subject: [PATCH 113/186] Style pagination size

---
 .../js/components/data-list/Pagination.vue    | 19 +++++--------------
 resources/js/components/ui/Select/Index.vue   |  2 +-
 2 files changed, 6 insertions(+), 15 deletions(-)

diff --git a/resources/js/components/data-list/Pagination.vue b/resources/js/components/data-list/Pagination.vue
index f013a3b51ba..bcfadacf80d 100644
--- a/resources/js/components/data-list/Pagination.vue
+++ b/resources/js/components/data-list/Pagination.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="flex">
         <div class="flex flex-1 items-center" v-if="!inline">
-            <div class="text-xs text-gray-500" v-if="showTotals && totalItems > 0">
+            <div class="text-sm text-gray-500" v-if="showTotals && totalItems > 0">
                 {{ __(':start-:end of :total', { start: fromItem, end: toItem, total: totalItems }) }}
             </div>
         </div>
@@ -38,20 +38,11 @@
             />
         </div>
 
-        <div class="flex flex-1">
-            <div class="flex-1"></div>
-
-            <select-input
-                v-if="perPage && isPerPageEvenUseful"
-                class="ms-6"
-                name="perPage"
-                :placeholder="__('Per Page')"
-                :options="perPageOptions"
-                :value="perPage"
-                @input="$emit('per-page-changed', $event)"
-            />
-
+        <div class="flex items-center flex-1 justify-end">
+            <span class="text-sm text-gray-500 me-3">{{ __('Per Page') }}</span>
             <Select
+                class="w-auto!"
+                size="sm"
                 :options="perPageOptions"
                 :model-value="perPage"
                 @update:model-value="$emit('per-page-changed', $event)"
diff --git a/resources/js/components/ui/Select/Index.vue b/resources/js/components/ui/Select/Index.vue
index 3666aa0933a..9a2bc8c08c1 100644
--- a/resources/js/components/ui/Select/Index.vue
+++ b/resources/js/components/ui/Select/Index.vue
@@ -43,7 +43,7 @@ const triggerClasses = cva({
             false: 'bg-linear-to-b from-white to-gray-50 hover:to-gray-100 dark:from-gray-800/30 dark:to-gray-800 dark:hover:to-gray-850 shadow-ui-sm',
         },
     },
-})({ size: props.size, flat: props.flat });
+})({ ...props });
 
 const itemClasses = cva({
     base: 'antialiased rounded-lg py-1.5 px-2 flex items-center gap-2 text-gray-600 dark:text-gray-300 relative select-none data-disabled:text-gray-300 data-disabled:pointer-events-none data-highlighted:outline-hidden data-highlighted:bg-gray-50 data-highlighted:text-gray-900 dark:data-highlighted:bg-gray-700 dark:data-highlighted:text-gray-300',

From e7d084a86af6d702b8a7143333dfef802787b773 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Tue, 22 Apr 2025 18:29:45 -0400
Subject: [PATCH 114/186] index

---
 resources/js/bootstrap/ui.js                         |  7 ++++++-
 resources/js/components/fieldtypes/DateFieldtype.vue |  2 +-
 .../js/components/fieldtypes/FloatFieldtype.vue      |  2 +-
 .../js/components/fieldtypes/IntegerFieldtype.vue    |  2 +-
 resources/js/components/fieldtypes/TextFieldtype.vue |  2 +-
 .../components/ui/Button/{Index.vue => Button.vue}   |  0
 .../ui/Calendar/{Index.vue => Calendar.vue}          |  0
 .../js/components/ui/Card/{Index.vue => Card.vue}    |  0
 .../ui/DataTable/{Index.vue => DataTable.vue}        |  0
 .../Index.vue => DatePicker/DatePicker.vue}          |  0
 .../{Index.vue => DateRangePicker.vue}               |  0
 .../ui/Dropdown/{Index.vue => Dropdown.vue}          |  0
 .../js/components/ui/Input/{Index.vue => Input.vue}  |  0
 .../js/components/ui/Modal/{Index.vue => Modal.vue}  |  0
 .../js/components/ui/Panel/{Index.vue => Panel.vue}  |  0
 .../js/components/ui/Table/{Index.vue => Table.vue}  |  0
 .../js/components/ui/Tabs/{Index.vue => Tabs.vue}    |  0
 .../ui/TimePicker/{Index.vue => TimePicker.vue}      |  0
 resources/js/components/ui/index.js                  | 12 ++++++------
 .../components/fieldtypes/TextFieldtype.test.js      |  2 +-
 20 files changed, 17 insertions(+), 12 deletions(-)
 rename resources/js/components/ui/Button/{Index.vue => Button.vue} (100%)
 rename resources/js/components/ui/Calendar/{Index.vue => Calendar.vue} (100%)
 rename resources/js/components/ui/Card/{Index.vue => Card.vue} (100%)
 rename resources/js/components/ui/DataTable/{Index.vue => DataTable.vue} (100%)
 rename resources/js/components/ui/{Datepicker/Index.vue => DatePicker/DatePicker.vue} (100%)
 rename resources/js/components/ui/DateRangePicker/{Index.vue => DateRangePicker.vue} (100%)
 rename resources/js/components/ui/Dropdown/{Index.vue => Dropdown.vue} (100%)
 rename resources/js/components/ui/Input/{Index.vue => Input.vue} (100%)
 rename resources/js/components/ui/Modal/{Index.vue => Modal.vue} (100%)
 rename resources/js/components/ui/Panel/{Index.vue => Panel.vue} (100%)
 rename resources/js/components/ui/Table/{Index.vue => Table.vue} (100%)
 rename resources/js/components/ui/Tabs/{Index.vue => Tabs.vue} (100%)
 rename resources/js/components/ui/TimePicker/{Index.vue => TimePicker.vue} (100%)

diff --git a/resources/js/bootstrap/ui.js b/resources/js/bootstrap/ui.js
index 30499d68e40..30c23f0e8d5 100644
--- a/resources/js/bootstrap/ui.js
+++ b/resources/js/bootstrap/ui.js
@@ -14,7 +14,12 @@ export default async (app) => {
             .slice(1); // Remove 'components' segment
 
         // Handle Index files specially
-        if (segments.length > 1 && segments[segments.length - 1].toLowerCase() === 'index') {
+        // Either named Name/Index.vue or Name/Name.vue
+        if (
+            segments.length > 1 &&
+            (segments[segments.length - 1].toLowerCase() === segments[segments.length - 2].toLowerCase() ||
+                segments[segments.length - 1].toLowerCase() === 'index')
+        ) {
             segments.pop();
         }
 
diff --git a/resources/js/components/fieldtypes/DateFieldtype.vue b/resources/js/components/fieldtypes/DateFieldtype.vue
index eac7a687258..2f70c084cc4 100644
--- a/resources/js/components/fieldtypes/DateFieldtype.vue
+++ b/resources/js/components/fieldtypes/DateFieldtype.vue
@@ -16,7 +16,7 @@
 <script>
 import Fieldtype from './Fieldtype.vue';
 import DateFormatter from '@statamic/components/DateFormatter.js';
-import Button from '@statamic/components/ui/Button/Index.vue';
+import Button from '@statamic/components/ui/Button/Button.vue';
 import { DatePicker, DateRangePicker } from '@statamic/ui';
 import { parseAbsoluteToLocal, toTimeZone, toZoned } from '@internationalized/date';
 
diff --git a/resources/js/components/fieldtypes/FloatFieldtype.vue b/resources/js/components/fieldtypes/FloatFieldtype.vue
index a8987ea924d..a07b129c16f 100644
--- a/resources/js/components/fieldtypes/FloatFieldtype.vue
+++ b/resources/js/components/fieldtypes/FloatFieldtype.vue
@@ -15,7 +15,7 @@
 
 <script>
 import Fieldtype from './Fieldtype.vue';
-import Input from '@statamic/components/ui/Input/Index.vue';
+import Input from '@statamic/components/ui/Input/Input.vue';
 
 export default {
     mixins: [Fieldtype],
diff --git a/resources/js/components/fieldtypes/IntegerFieldtype.vue b/resources/js/components/fieldtypes/IntegerFieldtype.vue
index 70a6cd96531..88c2318d1f0 100644
--- a/resources/js/components/fieldtypes/IntegerFieldtype.vue
+++ b/resources/js/components/fieldtypes/IntegerFieldtype.vue
@@ -19,7 +19,7 @@
 
 <script>
 import Fieldtype from './Fieldtype.vue';
-import Input from '@statamic/components/ui/Input/Index.vue';
+import Input from '@statamic/components/ui/Input/Input.vue';
 
 export default {
     mixins: [Fieldtype],
diff --git a/resources/js/components/fieldtypes/TextFieldtype.vue b/resources/js/components/fieldtypes/TextFieldtype.vue
index 809d1117037..8ae26092d80 100644
--- a/resources/js/components/fieldtypes/TextFieldtype.vue
+++ b/resources/js/components/fieldtypes/TextFieldtype.vue
@@ -23,7 +23,7 @@
 
 <script>
 import Fieldtype from './Fieldtype.vue';
-import Input from '@statamic/components/ui/Input/Index.vue';
+import Input from '@statamic/components/ui/Input/Input.vue';
 
 export default {
     mixins: [Fieldtype],
diff --git a/resources/js/components/ui/Button/Index.vue b/resources/js/components/ui/Button/Button.vue
similarity index 100%
rename from resources/js/components/ui/Button/Index.vue
rename to resources/js/components/ui/Button/Button.vue
diff --git a/resources/js/components/ui/Calendar/Index.vue b/resources/js/components/ui/Calendar/Calendar.vue
similarity index 100%
rename from resources/js/components/ui/Calendar/Index.vue
rename to resources/js/components/ui/Calendar/Calendar.vue
diff --git a/resources/js/components/ui/Card/Index.vue b/resources/js/components/ui/Card/Card.vue
similarity index 100%
rename from resources/js/components/ui/Card/Index.vue
rename to resources/js/components/ui/Card/Card.vue
diff --git a/resources/js/components/ui/DataTable/Index.vue b/resources/js/components/ui/DataTable/DataTable.vue
similarity index 100%
rename from resources/js/components/ui/DataTable/Index.vue
rename to resources/js/components/ui/DataTable/DataTable.vue
diff --git a/resources/js/components/ui/Datepicker/Index.vue b/resources/js/components/ui/DatePicker/DatePicker.vue
similarity index 100%
rename from resources/js/components/ui/Datepicker/Index.vue
rename to resources/js/components/ui/DatePicker/DatePicker.vue
diff --git a/resources/js/components/ui/DateRangePicker/Index.vue b/resources/js/components/ui/DateRangePicker/DateRangePicker.vue
similarity index 100%
rename from resources/js/components/ui/DateRangePicker/Index.vue
rename to resources/js/components/ui/DateRangePicker/DateRangePicker.vue
diff --git a/resources/js/components/ui/Dropdown/Index.vue b/resources/js/components/ui/Dropdown/Dropdown.vue
similarity index 100%
rename from resources/js/components/ui/Dropdown/Index.vue
rename to resources/js/components/ui/Dropdown/Dropdown.vue
diff --git a/resources/js/components/ui/Input/Index.vue b/resources/js/components/ui/Input/Input.vue
similarity index 100%
rename from resources/js/components/ui/Input/Index.vue
rename to resources/js/components/ui/Input/Input.vue
diff --git a/resources/js/components/ui/Modal/Index.vue b/resources/js/components/ui/Modal/Modal.vue
similarity index 100%
rename from resources/js/components/ui/Modal/Index.vue
rename to resources/js/components/ui/Modal/Modal.vue
diff --git a/resources/js/components/ui/Panel/Index.vue b/resources/js/components/ui/Panel/Panel.vue
similarity index 100%
rename from resources/js/components/ui/Panel/Index.vue
rename to resources/js/components/ui/Panel/Panel.vue
diff --git a/resources/js/components/ui/Table/Index.vue b/resources/js/components/ui/Table/Table.vue
similarity index 100%
rename from resources/js/components/ui/Table/Index.vue
rename to resources/js/components/ui/Table/Table.vue
diff --git a/resources/js/components/ui/Tabs/Index.vue b/resources/js/components/ui/Tabs/Tabs.vue
similarity index 100%
rename from resources/js/components/ui/Tabs/Index.vue
rename to resources/js/components/ui/Tabs/Tabs.vue
diff --git a/resources/js/components/ui/TimePicker/Index.vue b/resources/js/components/ui/TimePicker/TimePicker.vue
similarity index 100%
rename from resources/js/components/ui/TimePicker/Index.vue
rename to resources/js/components/ui/TimePicker/TimePicker.vue
diff --git a/resources/js/components/ui/index.js b/resources/js/components/ui/index.js
index b663adfe7d1..f2413a3887f 100644
--- a/resources/js/components/ui/index.js
+++ b/resources/js/components/ui/index.js
@@ -1,10 +1,10 @@
 import { default as WithField } from './WithField.vue';
-import { default as Calendar } from './Calendar/Index.vue';
-import { default as Card } from './Card/Index.vue';
-import { default as DatePicker } from './Datepicker/Index.vue';
-import { default as DateRangePicker } from './DateRangePicker/Index.vue';
-import { default as TimePicker } from './TimePicker/Index.vue';
-import { default as Button } from './Button/Index.vue';
+import { default as Calendar } from './Calendar/Calendar.vue';
+import { default as Card } from './Card/Card.vue';
+import { default as DatePicker } from './Datepicker/DatePicker.vue';
+import { default as DateRangePicker } from './DateRangePicker/DateRangePicker.vue';
+import { default as TimePicker } from './TimePicker/TimePicker.vue';
+import { default as Button } from './Button/Button.vue';
 import { default as Widget } from './Widget.vue';
 import { default as Select } from './Select/Index.vue';
 
diff --git a/resources/js/tests/components/fieldtypes/TextFieldtype.test.js b/resources/js/tests/components/fieldtypes/TextFieldtype.test.js
index a9b72907c3f..d3e39e813be 100644
--- a/resources/js/tests/components/fieldtypes/TextFieldtype.test.js
+++ b/resources/js/tests/components/fieldtypes/TextFieldtype.test.js
@@ -1,7 +1,7 @@
 import { mount } from '@vue/test-utils';
 import { expect, test } from 'vitest';
 import TextFieldtype from '@statamic/components/fieldtypes/TextFieldtype.vue';
-import Input from '@statamic/components/ui/Input/Index.vue';
+import Input from '@statamic/components/ui/Input/Input.vue';
 
 test('value can be updated', async () => {
     const wrapper = mount(TextFieldtype, {

From 17fd8ba864977c303c4ad09b3c2a0edb0a0c8a37 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Tue, 22 Apr 2025 19:01:53 -0400
Subject: [PATCH 115/186] import from statamic/ui

---
 .../fieldtypes/CheckboxesFieldtype.vue        |  3 +--
 .../components/fieldtypes/DateFieldtype.vue   |  3 +--
 .../components/fieldtypes/FloatFieldtype.vue  |  2 +-
 .../fieldtypes/IntegerFieldtype.vue           |  2 +-
 .../components/fieldtypes/RadioFieldtype.vue  |  3 +--
 .../components/fieldtypes/TextFieldtype.vue   |  2 +-
 .../fieldtypes/TextareaFieldtype.vue          |  2 +-
 .../components/fieldtypes/ToggleFieldtype.vue |  2 +-
 resources/js/components/ui/index.js           | 26 ++++++++++++++++++-
 .../fieldtypes/TextFieldtype.test.js          |  2 +-
 10 files changed, 34 insertions(+), 13 deletions(-)

diff --git a/resources/js/components/fieldtypes/CheckboxesFieldtype.vue b/resources/js/components/fieldtypes/CheckboxesFieldtype.vue
index bc14b890f58..7e57c24ace4 100644
--- a/resources/js/components/fieldtypes/CheckboxesFieldtype.vue
+++ b/resources/js/components/fieldtypes/CheckboxesFieldtype.vue
@@ -15,8 +15,7 @@
 <script>
 import Fieldtype from './Fieldtype.vue';
 import HasInputOptions from './HasInputOptions.js';
-import CheckboxGroup from '@statamic/components/ui/Checkbox/Group.vue';
-import Checkbox from '@statamic/components/ui/Checkbox/Item.vue';
+import { CheckboxGroup, Checkbox } from '@statamic/ui';
 
 export default {
     mixins: [Fieldtype, HasInputOptions],
diff --git a/resources/js/components/fieldtypes/DateFieldtype.vue b/resources/js/components/fieldtypes/DateFieldtype.vue
index 2f70c084cc4..d74b347e9ea 100644
--- a/resources/js/components/fieldtypes/DateFieldtype.vue
+++ b/resources/js/components/fieldtypes/DateFieldtype.vue
@@ -16,8 +16,7 @@
 <script>
 import Fieldtype from './Fieldtype.vue';
 import DateFormatter from '@statamic/components/DateFormatter.js';
-import Button from '@statamic/components/ui/Button/Button.vue';
-import { DatePicker, DateRangePicker } from '@statamic/ui';
+import { DatePicker, DateRangePicker, Button } from '@statamic/ui';
 import { parseAbsoluteToLocal, toTimeZone, toZoned } from '@internationalized/date';
 
 export default {
diff --git a/resources/js/components/fieldtypes/FloatFieldtype.vue b/resources/js/components/fieldtypes/FloatFieldtype.vue
index a07b129c16f..0aa8b629f68 100644
--- a/resources/js/components/fieldtypes/FloatFieldtype.vue
+++ b/resources/js/components/fieldtypes/FloatFieldtype.vue
@@ -15,7 +15,7 @@
 
 <script>
 import Fieldtype from './Fieldtype.vue';
-import Input from '@statamic/components/ui/Input/Input.vue';
+import { Input } from '@statamic/ui';
 
 export default {
     mixins: [Fieldtype],
diff --git a/resources/js/components/fieldtypes/IntegerFieldtype.vue b/resources/js/components/fieldtypes/IntegerFieldtype.vue
index 88c2318d1f0..ad9fed2315c 100644
--- a/resources/js/components/fieldtypes/IntegerFieldtype.vue
+++ b/resources/js/components/fieldtypes/IntegerFieldtype.vue
@@ -19,7 +19,7 @@
 
 <script>
 import Fieldtype from './Fieldtype.vue';
-import Input from '@statamic/components/ui/Input/Input.vue';
+import { Input } from '@statamic/ui';
 
 export default {
     mixins: [Fieldtype],
diff --git a/resources/js/components/fieldtypes/RadioFieldtype.vue b/resources/js/components/fieldtypes/RadioFieldtype.vue
index 36e56a76acc..b048d62c770 100644
--- a/resources/js/components/fieldtypes/RadioFieldtype.vue
+++ b/resources/js/components/fieldtypes/RadioFieldtype.vue
@@ -13,8 +13,7 @@
 <script>
 import Fieldtype from './Fieldtype.vue';
 import HasInputOptions from './HasInputOptions.js';
-import RadioGroup from '@statamic/components/ui/Radio/Group.vue';
-import Radio from '@statamic/components/ui/Radio/Item.vue';
+import { RadioGroup, Radio } from '@statamic/ui';
 
 export default {
     mixins: [Fieldtype, HasInputOptions],
diff --git a/resources/js/components/fieldtypes/TextFieldtype.vue b/resources/js/components/fieldtypes/TextFieldtype.vue
index 8ae26092d80..54990743cc3 100644
--- a/resources/js/components/fieldtypes/TextFieldtype.vue
+++ b/resources/js/components/fieldtypes/TextFieldtype.vue
@@ -23,7 +23,7 @@
 
 <script>
 import Fieldtype from './Fieldtype.vue';
-import Input from '@statamic/components/ui/Input/Input.vue';
+import { Input } from '@statamic/ui';
 
 export default {
     mixins: [Fieldtype],
diff --git a/resources/js/components/fieldtypes/TextareaFieldtype.vue b/resources/js/components/fieldtypes/TextareaFieldtype.vue
index a2f6558cc20..7df038e22cd 100644
--- a/resources/js/components/fieldtypes/TextareaFieldtype.vue
+++ b/resources/js/components/fieldtypes/TextareaFieldtype.vue
@@ -15,7 +15,7 @@
 
 <script>
 import Fieldtype from './Fieldtype.vue';
-import Textarea from '@statamic/components/ui/Textarea.vue';
+import { Textarea } from '@statamic/ui';
 
 export default {
     mixins: [Fieldtype],
diff --git a/resources/js/components/fieldtypes/ToggleFieldtype.vue b/resources/js/components/fieldtypes/ToggleFieldtype.vue
index 97b3d641d71..e37d82a25b7 100644
--- a/resources/js/components/fieldtypes/ToggleFieldtype.vue
+++ b/resources/js/components/fieldtypes/ToggleFieldtype.vue
@@ -7,7 +7,7 @@
 
 <script>
 import Fieldtype from './Fieldtype.vue';
-import Switch from '@statamic/components/ui/Switch.vue';
+import { Switch } from '@statamic/ui';
 
 export default {
     mixins: [Fieldtype],
diff --git a/resources/js/components/ui/index.js b/resources/js/components/ui/index.js
index f2413a3887f..dee375890a2 100644
--- a/resources/js/components/ui/index.js
+++ b/resources/js/components/ui/index.js
@@ -7,5 +7,29 @@ import { default as TimePicker } from './TimePicker/TimePicker.vue';
 import { default as Button } from './Button/Button.vue';
 import { default as Widget } from './Widget.vue';
 import { default as Select } from './Select/Index.vue';
+import { default as Checkbox } from './Checkbox/Item.vue';
+import { default as CheckboxGroup } from './Checkbox/Group.vue';
+import { default as Radio } from './Radio/Item.vue';
+import { default as RadioGroup } from './Radio/Group.vue';
+import { default as Input } from './Input/Input.vue';
+import { default as Textarea } from './Textarea.vue';
+import { default as Switch } from './Switch.vue';
 
-export { WithField, Calendar, Card, DatePicker, DateRangePicker, TimePicker, Button, Widget, Select };
+export {
+    WithField,
+    Calendar,
+    Card,
+    DatePicker,
+    DateRangePicker,
+    TimePicker,
+    Button,
+    Widget,
+    Select,
+    Checkbox,
+    CheckboxGroup,
+    Radio,
+    RadioGroup,
+    Input,
+    Textarea,
+    Switch,
+};
diff --git a/resources/js/tests/components/fieldtypes/TextFieldtype.test.js b/resources/js/tests/components/fieldtypes/TextFieldtype.test.js
index d3e39e813be..00dc5be3483 100644
--- a/resources/js/tests/components/fieldtypes/TextFieldtype.test.js
+++ b/resources/js/tests/components/fieldtypes/TextFieldtype.test.js
@@ -1,7 +1,7 @@
 import { mount } from '@vue/test-utils';
 import { expect, test } from 'vitest';
 import TextFieldtype from '@statamic/components/fieldtypes/TextFieldtype.vue';
-import Input from '@statamic/components/ui/Input/Input.vue';
+import { Input } from '@statamic/ui';
 
 test('value can be updated', async () => {
     const wrapper = mount(TextFieldtype, {

From 51a10501f21e3bf3fe99f305dc4c8e7382f3a7fe Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Tue, 22 Apr 2025 20:24:44 -0400
Subject: [PATCH 116/186] Import components throughout vue rather than using
 <ui- globals ...

Also includes a bunch of prettier changes for edited files.
---
 resources/js/components/UpdatesBadge.vue      |   8 +-
 .../js/components/assets/AssetManager.vue     |  20 ++-
 .../js/components/collections/EditForm.vue    |  13 +-
 .../js/components/collections/Listing.vue     |   9 +-
 resources/js/components/collections/View.vue  | 161 +++++++++---------
 .../command-palette/CommandPalette.vue        | 132 ++++++++------
 .../js/components/command-palette/Item.vue    |   5 +-
 .../js/components/data-list/BulkActions.vue   |  20 ++-
 .../js/components/data-list/ColumnPicker.vue  |  20 ++-
 .../js/components/data-list/FilterPresets.vue |  58 +++++--
 resources/js/components/data-list/Filters.vue |  27 +--
 .../js/components/data-list/Pagination.vue    |   9 +-
 resources/js/components/data-list/Search.vue  |   8 +-
 resources/js/components/data-list/Table.vue   |  10 +-
 .../components/entries/CollectionWidget.vue   |  36 ++--
 .../components/entries/CreateEntryButton.vue  |  26 ++-
 resources/js/components/entries/Listing.vue   | 105 +++++++-----
 .../js/components/entries/PublishForm.vue     | 149 ++++++++++------
 .../js/components/fieldsets/EditForm.vue      |  18 +-
 .../components/fieldtypes/SlugFieldtype.vue   |  16 +-
 .../components/fieldtypes/ToggleFieldtype.vue |   5 +-
 .../fieldtypes/markdown/MarkdownFieldtype.vue |   3 +-
 .../fieldtypes/markdown/MarkdownToolbar.vue   |  37 ++--
 .../RelationshipIndexFieldtype.vue            |  46 +++--
 resources/js/components/forms/Listing.vue     |   9 +-
 resources/js/components/globals/Listing.vue   |  11 +-
 .../js/components/navigation/Listing.vue      |   9 +-
 .../js/components/preferences/EditForm.vue    |  42 +++--
 .../components/publish/SaveButtonOptions.vue  |  33 ++--
 resources/js/components/publish/Sections.vue  |  12 +-
 .../components/revision-history/History.vue   |  17 +-
 .../components/revision-history/Revision.vue  |  45 +++--
 resources/js/components/roles/PublishForm.vue |  26 +--
 resources/js/components/sites/EditForm.vue    |  13 +-
 .../js/components/taxonomies/Listing.vue      |   9 +-
 resources/js/components/ui/Badge.vue          |  12 +-
 resources/js/components/ui/Button/Button.vue  |   7 +-
 .../js/components/ui/Calendar/Calendar.vue    |   5 +-
 resources/js/components/ui/Card/Panel.vue     |  18 +-
 .../js/components/ui/CharacterCounter.vue     |   5 +-
 resources/js/components/ui/Checkbox/Group.vue |   5 +-
 .../js/components/ui/DataTable/DataTable.vue  |   7 +-
 .../components/ui/DatePicker/DatePicker.vue   |  16 +-
 .../ui/DateRangePicker/DateRangePicker.vue    |   4 +-
 .../js/components/ui/Dropdown/Dropdown.vue    |   3 +-
 .../js/components/ui/Dropdown/Footer.vue      |   8 +-
 .../js/components/ui/Dropdown/Header.vue      |  11 +-
 resources/js/components/ui/Dropdown/Item.vue  |   3 +-
 resources/js/components/ui/Input/Group.vue    |   6 +-
 resources/js/components/ui/Input/Input.vue    |  19 ++-
 resources/js/components/ui/Label.vue          |   3 +-
 resources/js/components/ui/Modal/Close.vue    |   3 +-
 resources/js/components/ui/Panel/Header.vue   |   4 +-
 resources/js/components/ui/Radio/Group.vue    |   5 +-
 resources/js/components/ui/Select/Index.vue   |   7 +-
 resources/js/components/ui/Slider.vue         |   5 +-
 .../js/components/ui/StatusIndicator.vue      |  48 +++---
 resources/js/components/ui/Switch.vue         |  21 +--
 resources/js/components/ui/Textarea.vue       |   7 +-
 resources/js/components/ui/Toggle/Group.vue   |  29 ++--
 resources/js/components/ui/Toggle/Item.vue    |  21 +--
 resources/js/components/ui/Widget.vue         |  18 +-
 resources/js/components/ui/WithField.vue      |   9 +-
 resources/js/components/ui/index.js           |  40 +++++
 .../js/components/updater/UpdaterWidget.vue   |  41 ++---
 .../js/components/user-groups/PublishForm.vue |  16 +-
 66 files changed, 953 insertions(+), 620 deletions(-)

diff --git a/resources/js/components/UpdatesBadge.vue b/resources/js/components/UpdatesBadge.vue
index 4bd05161efa..6c376878495 100644
--- a/resources/js/components/UpdatesBadge.vue
+++ b/resources/js/components/UpdatesBadge.vue
@@ -1,13 +1,19 @@
 <template>
-    <ui-badge v-if="count" :text="String(count)" color="red" size="sm" variant="flat" pill />
+    <Badge v-if="count" :text="String(count)" color="red" size="sm" variant="flat" pill />
 </template>
 
 <script>
 import { ref } from 'vue';
+import { Badge } from '@statamic/ui';
+
 const count = ref(null);
 const requested = ref(false);
 
 export default {
+    components: {
+        Badge,
+    },
+
     computed: {
         count() {
             return count.value;
diff --git a/resources/js/components/assets/AssetManager.vue b/resources/js/components/assets/AssetManager.vue
index ab539f95dfb..e1604317ca6 100644
--- a/resources/js/components/assets/AssetManager.vue
+++ b/resources/js/components/assets/AssetManager.vue
@@ -1,23 +1,26 @@
 <template>
     <div>
-        <ui-header :title="__(container.title)">
-
+        <Header :title="__(container.title)">
             <dropdown-list v-if="container.can_edit || container.can_delete">
                 <dropdown-item v-if="container.can_edit" v-text="__('Edit Container')" :redirect="container.edit_url" />
                 <dropdown-item v-text="__('Edit Blueprint')" :redirect="container.blueprint_url" />
                 <dropdown-item v-if="container.can_delete" class="warning" @click="$refs.deleter.confirm()">
                     {{ __('Delete Container') }}
-                    <resource-deleter ref="deleter" :resource-title="__(container.title)" :route="container.delete_url" />
+                    <resource-deleter
+                        ref="deleter"
+                        :resource-title="__(container.title)"
+                        :route="container.delete_url"
+                    />
                 </dropdown-item>
             </dropdown-list>
 
-            <ui-button
+            <Button
                 v-if="canCreateContainers"
                 :href="createContainerUrl"
                 :text="__('Create Container')"
                 variant="primary"
             />
-        </ui-header>
+        </Header>
 
         <asset-browser
             ref="browser"
@@ -35,7 +38,14 @@
 </template>
 
 <script>
+import { Header, Button } from '@statamic/ui';
+
 export default {
+    components: {
+        Header,
+        Button,
+    },
+
     props: {
         initialContainer: Object,
         initialPath: String,
diff --git a/resources/js/components/collections/EditForm.vue b/resources/js/components/collections/EditForm.vue
index 32f1874d4d1..d614e7f1ec5 100644
--- a/resources/js/components/collections/EditForm.vue
+++ b/resources/js/components/collections/EditForm.vue
@@ -13,16 +13,23 @@
         v-slot="{ setFieldValue, setFieldMeta }"
     >
         <div>
-            <ui-header :title="__(editTitle ?? 'Configure Collection')">
-                <ui-button variant="primary" @click="submit">{{ __('Save') }}</ui-button>
-            </ui-header>
+            <Header :title="__(editTitle ?? 'Configure Collection')">
+                <Button variant="primary" @click="submit">{{ __('Save') }}</Button>
+            </Header>
             <configure-tabs @updated="setFieldValue" @meta-updated="setFieldMeta" :enable-sidebar="false" />
         </div>
     </publish-container>
 </template>
 
 <script>
+import { Header, Button } from '@statamic/ui';
+
 export default {
+    components: {
+        Header,
+        Button,
+    },
+
     props: {
         blueprint: Object,
         editTitle: String,
diff --git a/resources/js/components/collections/Listing.vue b/resources/js/components/collections/Listing.vue
index c296be4b023..852cdac7db8 100644
--- a/resources/js/components/collections/Listing.vue
+++ b/resources/js/components/collections/Listing.vue
@@ -1,6 +1,6 @@
 <template>
     <data-list ref="dataList" :columns="columns" :rows="items">
-        <ui-card-panel>
+        <CardPanel>
             <data-list-table>
                 <template #cell-title="{ row: collection }">
                     <a :href="collection.available_in_selected_site ? collection.entries_url : collection.edit_url">{{
@@ -35,16 +35,21 @@
                     </dropdown-list>
                 </template>
             </data-list-table>
-        </ui-card-panel>
+        </CardPanel>
     </data-list>
 </template>
 
 <script>
 import Listing from '../Listing.vue';
+import { CardPanel } from '@statamic/ui';
 
 export default {
     mixins: [Listing],
 
+    components: {
+        CardPanel,
+    },
+
     props: {
         initialRows: Array,
         initialColumns: Array,
diff --git a/resources/js/components/collections/View.vue b/resources/js/components/collections/View.vue
index 542fa4a2eca..35c3bd8781c 100644
--- a/resources/js/components/collections/View.vue
+++ b/resources/js/components/collections/View.vue
@@ -1,95 +1,94 @@
 <template>
     <div>
-        <ui-header :title="__(title)">
+        <Header :title="__(title)">
+            <dropdown-list class="ltr:mr-2 rtl:ml-2" v-if="!!this.$slots.twirldown">
+                <slot name="twirldown" :actionCompleted="actionCompleted" />
+            </dropdown-list>
+
+            <div class="btn-group ltr:mr-4 rtl:ml-4" v-if="canUseStructureTree && !treeIsDirty">
+                <button
+                    class="btn flex items-center px-4"
+                    @click="view = 'tree'"
+                    :class="{ active: view === 'tree' }"
+                    v-tooltip="__('Tree')"
+                >
+                    <svg-icon name="light/structures" class="h-4 w-4" />
+                </button>
+                <button
+                    class="btn flex items-center px-4"
+                    @click="view = 'list'"
+                    :class="{ active: view === 'list' }"
+                    v-tooltip="__('List')"
+                >
+                    <svg-icon name="assets-mode-table" class="h-4 w-4" />
+                </button>
+            </div>
+
+            <template v-if="view === 'tree'">
+                <a
+                    class="text-2xs text-blue underline ltr:mr-4 rtl:ml-4"
+                    v-if="treeIsDirty"
+                    v-text="__('Discard changes')"
+                    @click="cancelTreeProgress"
+                />
 
-                <dropdown-list class="ltr:mr-2 rtl:ml-2" v-if="!!this.$slots.twirldown">
-                    <slot name="twirldown" :actionCompleted="actionCompleted" />
-                </dropdown-list>
+                <site-selector
+                    v-if="sites.length > 1"
+                    class="ltr:mr-4 rtl:ml-4"
+                    :sites="sites"
+                    :value="site"
+                    @input="site = $event.handle"
+                />
 
-                <div class="btn-group ltr:mr-4 rtl:ml-4" v-if="canUseStructureTree && !treeIsDirty">
-                    <button
-                        class="btn flex items-center px-4"
-                        @click="view = 'tree'"
-                        :class="{ active: view === 'tree' }"
-                        v-tooltip="__('Tree')"
-                    >
-                        <svg-icon name="light/structures" class="h-4 w-4" />
-                    </button>
-                    <button
-                        class="btn flex items-center px-4"
-                        @click="view = 'list'"
-                        :class="{ active: view === 'list' }"
-                        v-tooltip="__('List')"
-                    >
-                        <svg-icon name="assets-mode-table" class="h-4 w-4" />
-                    </button>
-                </div>
-
-                <template v-if="view === 'tree'">
-                    <a
-                        class="text-2xs text-blue underline ltr:mr-4 rtl:ml-4"
-                        v-if="treeIsDirty"
-                        v-text="__('Discard changes')"
-                        @click="cancelTreeProgress"
-                    />
+                <button
+                    class="btn ltr:mr-4 rtl:ml-4"
+                    :class="{ disabled: !treeIsDirty, 'btn-danger': deletedEntries.length }"
+                    :disabled="!treeIsDirty"
+                    @click="saveTree"
+                    v-text="__('Save Changes')"
+                    v-tooltip="
+                        deletedEntries.length
+                            ? __n('An entry will be deleted|:count entries will be deleted', deletedEntries.length)
+                            : null
+                    "
+                />
+            </template>
 
-                    <site-selector
-                        v-if="sites.length > 1"
-                        class="ltr:mr-4 rtl:ml-4"
-                        :sites="sites"
-                        :value="site"
-                        @input="site = $event.handle"
-                    />
+            <template v-if="view === 'list' && reorderable">
+                <site-selector
+                    v-if="sites.length > 1 && reordering && site"
+                    class="ltr:mr-4 rtl:ml-4"
+                    :sites="sites"
+                    :value="site"
+                    @input="site = $event.handle"
+                />
 
-                    <button
-                        class="btn ltr:mr-4 rtl:ml-4"
-                        :class="{ disabled: !treeIsDirty, 'btn-danger': deletedEntries.length }"
-                        :disabled="!treeIsDirty"
-                        @click="saveTree"
-                        v-text="__('Save Changes')"
-                        v-tooltip="
-                            deletedEntries.length
-                                ? __n('An entry will be deleted|:count entries will be deleted', deletedEntries.length)
-                                : null
-                        "
-                    />
-                </template>
+                <button
+                    class="btn ltr:mr-4 rtl:ml-4"
+                    v-if="!reordering"
+                    @click="reordering = true"
+                    v-text="__('Reorder')"
+                />
 
-                <template v-if="view === 'list' && reorderable">
-                    <site-selector
-                        v-if="sites.length > 1 && reordering && site"
-                        class="ltr:mr-4 rtl:ml-4"
-                        :sites="sites"
-                        :value="site"
-                        @input="site = $event.handle"
-                    />
+                <template v-if="reordering">
+                    <button class="btn ltr:ml-2 rtl:mr-2" @click="reordering = false" v-text="__('Cancel')" />
 
                     <button
-                        class="btn ltr:mr-4 rtl:ml-4"
-                        v-if="!reordering"
-                        @click="reordering = true"
-                        v-text="__('Reorder')"
+                        class="btn-primary ltr:ml-2 rtl:mr-2"
+                        @click="$refs.list.saveOrder"
+                        v-text="__('Save Order')"
                     />
-
-                    <template v-if="reordering">
-                        <button class="btn ltr:ml-2 rtl:mr-2" @click="reordering = false" v-text="__('Cancel')" />
-
-                        <button
-                            class="btn-primary ltr:ml-2 rtl:mr-2"
-                            @click="$refs.list.saveOrder"
-                            v-text="__('Save Order')"
-                        />
-                    </template>
                 </template>
+            </template>
 
-                <create-entry-button
-                    v-if="!reordering && canCreate"
-                    button-class="btn-primary"
-                    :url="createUrl"
-                    :blueprints="blueprints"
-                    :text="createLabel"
-                />
-        </ui-header>
+            <create-entry-button
+                v-if="!reordering && canCreate"
+                button-class="btn-primary"
+                :url="createUrl"
+                :blueprints="blueprints"
+                :text="createLabel"
+            />
+        </Header>
 
         <entry-list
             v-if="view === 'list'"
@@ -182,11 +181,13 @@ import DeleteLocalizationConfirmation from './DeleteLocalizationConfirmation.vue
 import SiteSelector from '../SiteSelector.vue';
 import HasActions from '../publish/HasActions';
 import { defineAsyncComponent } from 'vue';
+import { Header } from '@statamic/ui';
 
 export default {
     mixins: [HasActions],
 
     components: {
+        Header,
         PageTree: defineAsyncComponent(() => import('../structures/PageTree.vue')),
         DeleteEntryConfirmation,
         DeleteLocalizationConfirmation,
diff --git a/resources/js/components/command-palette/CommandPalette.vue b/resources/js/components/command-palette/CommandPalette.vue
index 1689c77b710..c6d4bd7df84 100644
--- a/resources/js/components/command-palette/CommandPalette.vue
+++ b/resources/js/components/command-palette/CommandPalette.vue
@@ -3,12 +3,31 @@ import { ref, computed, watch } from 'vue';
 import CommandPaletteItem from './Item.vue';
 import axios from 'axios';
 import debounce from '@statamic/util/debounce';
-import { DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DialogDescription, VisuallyHidden } from 'reka-ui';
-import { ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxLabel, ComboboxInput, ComboboxItem, ComboboxRoot, ComboboxViewport } from 'reka-ui';
+import {
+    DialogContent,
+    DialogOverlay,
+    DialogPortal,
+    DialogRoot,
+    DialogTitle,
+    DialogTrigger,
+    DialogDescription,
+    VisuallyHidden,
+} from 'reka-ui';
+import {
+    ComboboxContent,
+    ComboboxEmpty,
+    ComboboxGroup,
+    ComboboxLabel,
+    ComboboxInput,
+    ComboboxItem,
+    ComboboxRoot,
+    ComboboxViewport,
+} from 'reka-ui';
 import fuzzysort from 'fuzzysort';
 import { each, groupBy, sortBy, find } from 'lodash-es';
-import { motion } from "motion-v"
+import { motion } from 'motion-v';
 import { cva } from 'cva';
+import { Icon, Subheading } from '@statamic/ui';
 
 let open = ref(false);
 let query = ref('');
@@ -22,23 +41,23 @@ Statamic.$keys.bindGlobal(['mod+k'], (e) => {
     open.value = true;
 });
 
-each({
-    'esc': () => open.value = false,
-    'ctrl+n': () => document.activeElement.dispatchEvent(new KeyboardEvent('keydown', {'key': 'ArrowDown'})),
-    'ctrl+p': () => document.activeElement.dispatchEvent(new KeyboardEvent('keydown', {'key': 'ArrowUp'})),
-}, (callback, binding) => {
-    Statamic.$keys.bindGlobal([binding], (e) => {
-        if (open.value) {
-            e.preventDefault();
-            callback();
-        }
-    });
-});
+each(
+    {
+        esc: () => (open.value = false),
+        'ctrl+n': () => document.activeElement.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown' })),
+        'ctrl+p': () => document.activeElement.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowUp' })),
+    },
+    (callback, binding) => {
+        Statamic.$keys.bindGlobal([binding], (e) => {
+            if (open.value) {
+                e.preventDefault();
+                callback();
+            }
+        });
+    },
+);
 
-const aggregatedItems = computed(() => [
-    ...items.value || [],
-    ...searchResults.value || [],
-]);
+const aggregatedItems = computed(() => [...(items.value || []), ...(searchResults.value || [])]);
 
 const results = computed(() => {
     let filtered = fuzzysort
@@ -46,7 +65,7 @@ const results = computed(() => {
             all: true,
             key: 'text',
         })
-        .map(result => {
+        .map((result) => {
             return {
                 score: result._score,
                 html: result.highlight('<span class="text-blue-600 dark:text-blue-400">', '</span>'),
@@ -72,14 +91,17 @@ watch(selected, (item) => {
     reset();
 });
 
-watch(query, debounce(() => {
-    searchContent();
-}, 300));
+watch(
+    query,
+    debounce(() => {
+        searchContent();
+    }, 300),
+);
 
 watch(open, (isOpen) => {
     if (isOpen) return;
     reset();
-})
+});
 
 function getItems() {
     axios.get('/cp/command-palette').then((response) => {
@@ -103,7 +125,7 @@ function select(selected) {
 
     switch (item.type) {
         case 'action':
-            // TODO: Handle non <a> items
+        // TODO: Handle non <a> items
     }
 }
 
@@ -136,10 +158,14 @@ const modalClasses = cva({
 <template>
     <DialogRoot v-model:open="open" :modal="true">
         <DialogTrigger>
-            <div class="cursor-text data-[focus-visible]:outline-focus flex items-center gap-x-2 text-xs text-gray-400 outline-none md:w-32 rounded-md md:py-[calc(5/16*1rem)] md:ps-2 md:pe-1.5 md:shadow-[0_1px_5px_-4px_rgba(19,19,22,0.4),0_2px_5px_rgba(32,42,54,0.06)] ring-1 ring-gray-900/10 hover bg-gray-900 shadow-[0_-1px_rgba(255,255,255,0.06),0_4px_8px_rgba(0,0,0,0.05),0_1px_6px_-4px_#000] hover:ring-white/10" >
-                <ui-icon name="magnifying-glass" class="size-5 flex-none text-gray-600" />
-                <span class="sr-only md:not-sr-only leading-none">Search</span>
-                <kbd class="ml-auto hidden self-center rounded px-[0.3125rem] py-[0.0625rem] text-[0.625rem]/4 font-medium ring-1 ring-inset bg-white/5 text-gray-400 ring-white/7.5 md:block [word-spacing:-0.15em]">
+            <div
+                class="data-[focus-visible]:outline-focus hover flex cursor-text items-center gap-x-2 rounded-md bg-gray-900 text-xs text-gray-400 shadow-[0_-1px_rgba(255,255,255,0.06),0_4px_8px_rgba(0,0,0,0.05),0_1px_6px_-4px_#000] ring-1 ring-gray-900/10 outline-none hover:ring-white/10 md:w-32 md:py-[calc(5/16*1rem)] md:ps-2 md:pe-1.5 md:shadow-[0_1px_5px_-4px_rgba(19,19,22,0.4),0_2px_5px_rgba(32,42,54,0.06)]"
+            >
+                <Icon name="magnifying-glass" class="size-5 flex-none text-gray-600" />
+                <span class="sr-only leading-none md:not-sr-only">Search</span>
+                <kbd
+                    class="ml-auto hidden self-center rounded bg-white/5 px-[0.3125rem] py-[0.0625rem] text-[0.625rem]/4 font-medium text-gray-400 ring-1 ring-white/7.5 [word-spacing:-0.15em] ring-inset md:block"
+                >
                     <kbd class="font-sans">⌘ </kbd><kbd class="font-sans">K</kbd>
                 </kbd>
             </div>
@@ -154,38 +180,42 @@ const modalClasses = cva({
                     <DialogDescription>{{ __('Search for content, navigate, and run actions.') }}</DialogDescription>
                 </VisuallyHidden>
                 <motion.div
-                    class="relative rounded-xl bg-white border-b border-gray-200/80 dark:border-gray-950 shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/15"
+                    class="relative rounded-xl border-b border-gray-200/80 bg-white shadow-[0_1px_16px_-2px_rgba(63,63,71,0.2)] dark:border-gray-950 dark:bg-gray-800 dark:shadow-[0_10px_15px_rgba(0,0,0,.5)] dark:inset-shadow-2xs dark:inset-shadow-white/15"
                     :initial="{ scale: 1.0 }"
                     :whilePress="{ scale: 0.985 }"
                     :transition="{ duration: 0.1 }"
                 >
-                    <ComboboxRoot
-                        :open="true"
-                        :default-open="true"
-                        :ignore-filter="true"
-                        v-model="selected"
-                    >
-                        <header class="group/cmd-input flex items-center gap-2 h-14 px-5.5 border-b border-gray-200/80 dark:border-gray-950">
-                            <ui-icon name="magnifying-glass" class="size-5 text-gray-400" />
+                    <ComboboxRoot :open="true" :default-open="true" :ignore-filter="true" v-model="selected">
+                        <header
+                            class="group/cmd-input flex h-14 items-center gap-2 border-b border-gray-200/80 px-5.5 dark:border-gray-950"
+                        >
+                            <Icon name="magnifying-glass" class="size-5 text-gray-400" />
                             <ComboboxInput
                                 :auto-focus="true"
                                 :placeholder="__('Search or jump to...')"
                                 v-model="query"
-                                class="flex w-full bg-transparent py-4 text-lg outline-none placeholder:text-gray-500! antialiased"
+                                class="flex w-full bg-transparent py-4 text-lg antialiased outline-none placeholder:text-gray-500!"
                             />
                         </header>
                         <ComboboxContent>
-                            <ComboboxViewport class="min-h-[360px] max-h-[360px] divide-y divide-gray-200/80 dark:divide-gray-950 overflow-y-auto">
+                            <ComboboxViewport
+                                class="max-h-[360px] min-h-[360px] divide-y divide-gray-200/80 overflow-y-auto dark:divide-gray-950"
+                            >
                                 <ComboboxEmpty v-if="!results.length" class="px-3 py-2 opacity-50">
                                     <CommandPaletteItem :text="__('No results found!')" icon="entry" disabled />
                                 </ComboboxEmpty>
                                 <ComboboxGroup
                                     v-else
-                                    v-for="category in results" :key="category.text"
-                                    class="px-3 py-2 space-y-1"
+                                    v-for="category in results"
+                                    :key="category.text"
+                                    class="space-y-1 px-3 py-2"
                                 >
                                     <ComboboxLabel :as-child="true">
-                                        <ui-subheading size="sm" class="py-1 px-3 border-0" v-text="category.text"></ui-subheading>
+                                        <Subheading
+                                            size="sm"
+                                            class="border-0 px-3 py-1"
+                                            v-text="category.text"
+                                        ></Subheading>
                                     </ComboboxLabel>
                                     <ComboboxItem
                                         v-for="item in category.items"
@@ -194,20 +224,26 @@ const modalClasses = cva({
                                         :text-value="item.text"
                                         :as-child="true"
                                     >
-                                        <CommandPaletteItem :icon="item.icon" :href="item.url" :badge="item.keys || item.badge">
+                                        <CommandPaletteItem
+                                            :icon="item.icon"
+                                            :href="item.url"
+                                            :badge="item.keys || item.badge"
+                                        >
                                             <div v-html="item.html" />
                                         </CommandPaletteItem>
                                     </ComboboxItem>
                                 </ComboboxGroup>
                             </ComboboxViewport>
-                            <footer class="bg-gray-50 dark:bg-gray-900 rounded-b-xl px-6 py-3 flex items-center gap-4 border-t border-gray-200/80 dark:border-gray-950">
+                            <footer
+                                class="flex items-center gap-4 rounded-b-xl border-t border-gray-200/80 bg-gray-50 px-6 py-3 dark:border-gray-950 dark:bg-gray-900"
+                            >
                                 <div class="flex items-center gap-1.5">
-                                    <ui-icon name="up-square" class="size-4 text-gray-500" />
-                                    <ui-icon name="down-square" class="size-4 text-gray-500" />
+                                    <Icon name="up-square" class="size-4 text-gray-500" />
+                                    <Icon name="down-square" class="size-4 text-gray-500" />
                                     <span class="text-sm text-gray-600">Navigate</span>
                                 </div>
                                 <div class="flex items-center gap-1.5">
-                                    <ui-icon name="return-square" class="size-4 text-gray-500" />
+                                    <Icon name="return-square" class="size-4 text-gray-500" />
                                     <span class="text-sm text-gray-600">Select</span>
                                 </div>
                             </footer>
diff --git a/resources/js/components/command-palette/Item.vue b/resources/js/components/command-palette/Item.vue
index 712c91fca3d..82909cf29db 100644
--- a/resources/js/components/command-palette/Item.vue
+++ b/resources/js/components/command-palette/Item.vue
@@ -1,5 +1,6 @@
 <script setup>
 import { useSlots, shallowRef, onMounted } from 'vue';
+import { Icon, Badge } from '@statamic/ui';
 
 const props = defineProps({
     href: { type: String, default: null },
@@ -43,13 +44,13 @@ function click(event) {
         @click="click"
     >
         <div v-if="icon" class="flex size-6 items-center justify-center p-1 text-gray-500">
-            <ui-icon v-if="iconComponent" :name="icon" class="size-4" :key="icon" />
+            <Icon v-if="iconComponent" :name="icon" class="size-4" :key="icon" />
             <div v-else class="size-4 shrink-0" />
         </div>
         <div class="flex-1">
             <slot v-if="hasDefaultSlot" />
             <template v-else>{{ text }}</template>
         </div>
-        <ui-badge v-if="badge" :text="badge" variant="flat" />
+        <Badge v-if="badge" :text="badge" variant="flat" />
     </a>
 </template>
diff --git a/resources/js/components/data-list/BulkActions.vue b/resources/js/components/data-list/BulkActions.vue
index 5098d5e072f..8ae806ffe02 100644
--- a/resources/js/components/data-list/BulkActions.vue
+++ b/resources/js/components/data-list/BulkActions.vue
@@ -1,7 +1,7 @@
 <template>
-    <div v-if="showAlways || hasSelections" class="fixed inset-x-0 bottom-1 w-full flex justify-center z-100">
-        <ui-button-group>
-            <ui-button
+    <div v-if="showAlways || hasSelections" class="fixed inset-x-0 bottom-1 z-100 flex w-full justify-center">
+        <ButtonGroup>
+            <Button
                 variant="primary"
                 class="text-gray-400!"
                 :text="__n(`:count item selected|:count items selected`, selections.length)"
@@ -16,22 +16,24 @@
                 @selected="run"
                 v-slot="{ action, select }"
             >
-                <ui-button
-                    variant="primary"
-                    @click="select"
-                    :text="__(action.title)"
-                />
+                <Button variant="primary" @click="select" :text="__(action.title)" />
             </data-list-action>
-        </ui-button-group>
+        </ButtonGroup>
     </div>
 </template>
 
 <script>
 import Actions from './Actions';
+import { Button, ButtonGroup } from '@statamic/ui';
 
 export default {
     mixins: [Actions],
 
+    components: {
+        Button,
+        ButtonGroup,
+    },
+
     inject: ['sharedState'],
 
     props: {
diff --git a/resources/js/components/data-list/ColumnPicker.vue b/resources/js/components/data-list/ColumnPicker.vue
index 94d139913da..a77603f4bad 100644
--- a/resources/js/components/data-list/ColumnPicker.vue
+++ b/resources/js/components/data-list/ColumnPicker.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <ui-button icon="utilities" :text="__('Customize')" @click="open = true" />
+        <Button icon="utilities" :text="__('Customize')" @click="open = true" />
 
         <modal
             v-if="open"
@@ -12,23 +12,23 @@
         >
             <div class="-max-h-screen-px flex h-full flex-col">
                 <header
-                    class="modal-drag-handle flex cursor-grab items-center justify-between border-b bg-gray-200 p-4 active:cursor-grabbing dark:border-dark-900 dark:bg-dark-650"
+                    class="modal-drag-handle dark:border-dark-900 dark:bg-dark-650 flex cursor-grab items-center justify-between border-b bg-gray-200 p-4 active:cursor-grabbing"
                 >
                     <h2>{{ __('Customize Columns') }}</h2>
                     <button class="btn-close" @click="close" :aria-label="__('Close Editor')">&times;</button>
                 </header>
 
-                <div class="flex min-h-0 grow rounded-t-md bg-gray-100 dark:bg-dark-600">
+                <div class="dark:bg-dark-600 flex min-h-0 grow rounded-t-md bg-gray-100">
                     <!-- Available Columns -->
                     <div
-                        class="flex w-1/2 flex-col outline-hidden dark:border-dark-900 ltr:border-r ltr:text-left rtl:border-l rtl:text-right"
+                        class="dark:border-dark-900 flex w-1/2 flex-col outline-hidden ltr:border-r ltr:text-left rtl:border-l rtl:text-right"
                     >
                         <header
                             v-text="__('Available Columns')"
-                            class="border-b bg-white px-3 py-2 text-sm font-medium dark:border-dark-900 dark:bg-dark-700"
+                            class="dark:border-dark-900 dark:bg-dark-700 border-b bg-white px-3 py-2 text-sm font-medium"
                         />
                         <div
-                            class="flex flex-1 select-none flex-col space-y-1 overflow-y-scroll px-3 py-2 shadow-inner"
+                            class="flex flex-1 flex-col space-y-1 overflow-y-scroll px-3 py-2 shadow-inner select-none"
                         >
                             <div
                                 class="column-picker-item"
@@ -53,7 +53,7 @@
                     <div class="flex w-1/2 flex-col">
                         <header
                             v-text="__('Displayed Columns')"
-                            class="flex-none border-b bg-white px-3 py-2 text-sm font-medium dark:border-dark-900 dark:bg-dark-700"
+                            class="dark:border-dark-900 dark:bg-dark-700 flex-none border-b bg-white px-3 py-2 text-sm font-medium"
                         />
                         <div class="grow overflow-y-scroll shadow-inner">
                             <sortable-list
@@ -65,7 +65,7 @@
                                 append-to=".modal-body"
                                 constrain-dimensions
                             >
-                                <div class="select-none space-y-1 p-3 px-3">
+                                <div class="space-y-1 p-3 px-3 select-none">
                                     <div
                                         class="item sortable cursor-grab"
                                         v-for="column in selectedColumns"
@@ -91,7 +91,7 @@
                 </div>
 
                 <footer
-                    class="flex items-center justify-end border-t px-3 py-2 dark:border-dark-900 dark:bg-dark-700"
+                    class="dark:border-dark-900 dark:bg-dark-700 flex items-center justify-end border-t px-3 py-2"
                     v-if="preferencesKey"
                 >
                     <button class="btn" v-text="__('Reset')" @click="reset" :disabled="saving" />
@@ -110,10 +110,12 @@
 <script>
 import { SortableList } from '../sortable/Sortable';
 import { sortBy } from 'lodash-es';
+import { Button } from '@statamic/ui';
 
 export default {
     components: {
         SortableList,
+        Button,
     },
 
     props: {
diff --git a/resources/js/components/data-list/FilterPresets.vue b/resources/js/components/data-list/FilterPresets.vue
index b284fae0c5f..d00d1a2071c 100644
--- a/resources/js/components/data-list/FilterPresets.vue
+++ b/resources/js/components/data-list/FilterPresets.vue
@@ -1,37 +1,53 @@
 <template>
     <div>
-        <div class="relative flex shrink-0 space-x-2 border-b border-gray-200 text-sm text-gray-400 dark:border-gray-700 dark:text-gray-500">
-            <FilterTrigger
-                :active="!activePreset"
-                @click="viewAll"
-                :text="__('All')"
-            />
+        <div
+            class="relative flex shrink-0 space-x-2 border-b border-gray-200 text-sm text-gray-400 dark:border-gray-700 dark:text-gray-500"
+        >
+            <FilterTrigger :active="!activePreset" @click="viewAll" :text="__('All')" />
             <template v-for="(preset, handle) in presets">
                 <FilterTrigger v-if="handle === activePreset" :active="true">
                     {{ preset.display }}
-                    <ui-dropdown class="w-48!">
+                    <Dropdown class="w-48!">
                         <template #trigger>
-                            <ui-button class="absolute top-1.5 -right-3" variant="ghost" size="xs" @click="viewPreset(handle)" icon="ui/chevron-down" />
+                            <Button
+                                class="absolute top-1.5 -right-3"
+                                variant="ghost"
+                                size="xs"
+                                @click="viewPreset(handle)"
+                                icon="ui/chevron-down"
+                            />
                         </template>
-                        <ui-dropdown-menu>
-                            <ui-dropdown-item :text="__('Duplicate')" icon="duplicate" @click="createPreset" />
-                            <ui-dropdown-item v-if="canRenamePreset(handle)" :text="__('Rename')" icon="rename" @click="renamePreset" />
-                            <ui-dropdown-separator />
-                            <ui-dropdown-item
+                        <DropdownMenu>
+                            <DropdownItem :text="__('Duplicate')" icon="duplicate" @click="createPreset" />
+                            <DropdownItem
+                                v-if="canRenamePreset(handle)"
+                                :text="__('Rename')"
+                                icon="rename"
+                                @click="renamePreset"
+                            />
+                            <DropdownSeparator />
+                            <DropdownItem
                                 v-if="canDeletePreset(handle)"
                                 :text="__('Delete')"
                                 icon="delete"
                                 variant="warning"
                                 @click="showDeleteModal = true"
                             />
-                        </ui-dropdown-menu>
-                    </ui-dropdown>
+                        </DropdownMenu>
+                    </Dropdown>
                 </FilterTrigger>
                 <FilterTrigger v-else @click="viewPreset(handle)">
                     {{ preset.display }}
                 </FilterTrigger>
             </template>
-            <ui-button @click="createPreset" variant="ghost" size="sm" :text="__('New View')" icon="add-bookmark" class="[&_svg]:size-4 relative top-0.5" />
+            <Button
+                @click="createPreset"
+                variant="ghost"
+                size="sm"
+                :text="__('New View')"
+                icon="add-bookmark"
+                class="relative top-0.5 [&_svg]:size-4"
+            />
         </div>
 
         <confirmation-modal
@@ -45,7 +61,7 @@
 
             <div v-if="presets && Object.keys(presets).includes(savingPresetSlug)">
                 <small
-                    class="help-block mb-0 mt-2 text-red-500"
+                    class="help-block mt-2 mb-0 text-red-500"
                     v-text="__('messages.filters_view_already_exists')"
                 ></small>
             </div>
@@ -68,7 +84,7 @@
                 "
             >
                 <small
-                    class="help-block mb-0 mt-2 text-red-500"
+                    class="help-block mt-2 mb-0 text-red-500"
                     v-text="__('messages.filters_view_already_exists')"
                 ></small>
             </div>
@@ -88,10 +104,16 @@
 
 <script>
 import FilterTrigger from './FilterTrigger.vue';
+import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownSeparator } from '@statamic/ui';
 
 export default {
     components: {
         FilterTrigger,
+        Button,
+        Dropdown,
+        DropdownItem,
+        DropdownMenu,
+        DropdownSeparator,
     },
 
     props: {
diff --git a/resources/js/components/data-list/Filters.vue b/resources/js/components/data-list/Filters.vue
index 0f3a98d13b9..ecb9e364793 100644
--- a/resources/js/components/data-list/Filters.vue
+++ b/resources/js/components/data-list/Filters.vue
@@ -1,13 +1,9 @@
 <template>
-    <div class="flex flex-wrap gap-3 items-center">
+    <div class="flex flex-wrap items-center gap-3">
         <!-- Field filter (requires custom selection UI) -->
         <popover v-if="fieldFilter" placement="bottom-start" @closed="fieldFilterClosed">
             <template #trigger>
-                <ui-button
-                    icon-append="ui/chevron-down"
-                    @click="resetFilterPopover"
-                    :text="fieldFilter.title"
-                />
+                <Button icon-append="ui/chevron-down" @click="resetFilterPopover" :text="fieldFilter.title" />
             </template>
             <template #default="{ close: closePopover }">
                 <div class="flex min-w-[18rem] flex-col text-end">
@@ -35,11 +31,7 @@
             :stop-propagation="false"
         >
             <template #trigger>
-                <ui-button
-                    icon-append="ui/chevron-down"
-                    @click="resetFilterPopover"
-                    :text="filter.title"
-                />
+                <Button icon-append="ui/chevron-down" @click="resetFilterPopover" :text="filter.title" />
             </template>
             <template #default="{ close: closePopover }">
                 <div class="w-64">
@@ -57,12 +49,7 @@
         <!-- Standard unpinned filters -->
         <popover v-if="unpinnedFilters.length" placement="bottom-start" :stop-propagation="false">
             <template #trigger>
-                <ui-button
-                    icon-append="ui/chevron-down"
-                    icon-as-button
-                    @click="resetFilterPopover"
-                    :text="__('Filter')"
-                />
+                <Button icon-append="ui/chevron-down" icon-as-button @click="resetFilterPopover" :text="__('Filter')" />
             </template>
             <template #default="{ close: closePopover }">
                 <div class="w-64">
@@ -93,14 +80,14 @@
         </popover>
 
         <!-- Active filter badges -->
-        <ui-button
+        <Button
             v-for="(badge, handle) in fieldFilterBadges"
             variant="filled"
             icon-append="x"
             :text="badge"
             @click="removeFieldFilter(handle)"
         />
-        <ui-button
+        <Button
             v-for="(badge, handle) in standardBadges"
             variant="filled"
             icon-append="x"
@@ -114,11 +101,13 @@
 import DataListFilter from './Filter.vue';
 import FieldFilter from './FieldFilter.vue';
 import { isEqual } from 'lodash-es';
+import { Button } from '@statamic/ui';
 
 export default {
     components: {
         DataListFilter,
         FieldFilter,
+        Button,
     },
 
     props: {
diff --git a/resources/js/components/data-list/Pagination.vue b/resources/js/components/data-list/Pagination.vue
index bcfadacf80d..cee2ae86a8a 100644
--- a/resources/js/components/data-list/Pagination.vue
+++ b/resources/js/components/data-list/Pagination.vue
@@ -7,7 +7,7 @@
         </div>
 
         <div v-if="hasMultiplePages" class="flex items-center gap-1" :class="{ 'pagination-inline': inline }">
-            <ui-button
+            <Button
                 size="sm"
                 :variant="hasPrevious && !showPageLinks ? 'filled' : 'ghost'"
                 round
@@ -16,7 +16,7 @@
                 @click="selectPreviousPage"
             />
 
-            <ui-button
+            <Button
                 v-if="showPageLinks"
                 v-for="(page, i) in pages"
                 size="sm"
@@ -28,7 +28,7 @@
                 :text="page === 'separator' ? '...' : String(page)"
             />
 
-            <ui-button
+            <Button
                 size="sm"
                 :variant="hasNext && !showPageLinks ? 'filled' : 'ghost'"
                 round
@@ -54,7 +54,7 @@
 <script>
 import HasInputOptions from '../fieldtypes/HasInputOptions.js';
 import { flatten, sortBy, range } from 'lodash-es';
-import { Select } from '@statamic/ui';
+import { Select, Button } from '@statamic/ui';
 
 const onEachSide = 3;
 
@@ -63,6 +63,7 @@ export default {
 
     components: {
         Select,
+        Button,
     },
 
     props: {
diff --git a/resources/js/components/data-list/Search.vue b/resources/js/components/data-list/Search.vue
index ac81a4f866d..2b5755102fb 100644
--- a/resources/js/components/data-list/Search.vue
+++ b/resources/js/components/data-list/Search.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="min-w-64 lg:w-1/3">
-        <ui-input
+        <Input
             autofocus
             ref="input"
             icon="magnifying-glass"
@@ -14,9 +14,11 @@
 
 <script>
 import debounce from '@statamic/util/debounce.js';
-
+import { Input } from '@statamic/ui';
 export default {
-    props: ['value'],
+    components: {
+        Input,
+    },
 
     props: {
         placeholder: {
diff --git a/resources/js/components/data-list/Table.vue b/resources/js/components/data-list/Table.vue
index aae0aa00553..bcb903333c1 100644
--- a/resources/js/components/data-list/Table.vue
+++ b/resources/js/components/data-list/Table.vue
@@ -18,13 +18,13 @@
                 </th>
                 <th v-for="column in visibleColumns" :key="column.field" :class="{ 'pe-8 text-end': column.numeric }">
                     <span v-if="!column.sortable" v-text="__(column.label)" />
-                    <ui-button
+                    <Button
                         v-else
                         :text="__(column.label)"
                         :icon-append="isCurrentSortColumn(column) ? 'up-down' : null"
                         size="sm"
                         variant="ghost"
-                        class="text-gray-800! dark:text-gray-400! text-sm! font-medium! -mt-2 -mb-1"
+                        class="-mt-2 -mb-1 text-sm! font-medium! text-gray-800! dark:text-gray-400!"
                         @click.prevent="changeSortColumn(column.field)"
                     />
                 </th>
@@ -88,7 +88,7 @@
                         </slot>
                     </td>
                     <td class="type-column" v-if="type">
-                        <ui-badge
+                        <Badge
                             size="sm"
                             v-if="type === 'entries' || type === 'terms'"
                             :label="type === 'entries' ? __(row.collection.title) : __(row.taxonomy.title)"
@@ -106,11 +106,14 @@
 <script>
 import TableField from './TableField.vue';
 import SortableList from '../sortable/SortableList.vue';
+import { Button, Badge } from '@statamic/ui';
 
 export default {
     components: {
         TableField,
         SortableList,
+        Button,
+        Badge,
     },
 
     data() {
@@ -212,7 +215,6 @@ export default {
             return this.sharedState.originalRows.findIndex((r) => r === row);
         },
 
-
         selectRange(from, to) {
             for (var i = from; i <= to; i++) {
                 let row = this.sharedState.rows[i].id;
diff --git a/resources/js/components/entries/CollectionWidget.vue b/resources/js/components/entries/CollectionWidget.vue
index f9c051dc471..e250561b85f 100644
--- a/resources/js/components/entries/CollectionWidget.vue
+++ b/resources/js/components/entries/CollectionWidget.vue
@@ -1,10 +1,15 @@
 <script>
-import Listing from '../Listing.vue'
+import Listing from '../Listing.vue';
+import { Widget, StatusIndicator } from '@statamic/ui';
 
 export default {
-
     mixins: [Listing],
 
+    components: {
+        StatusIndicator,
+        Widget,
+    },
+
     props: {
         additionalColumns: Array,
         collection: String,
@@ -16,38 +21,35 @@ export default {
             cols: [{ label: 'Title', field: 'title', visible: true }, ...this.additionalColumns],
             listingKey: 'entries',
             requestUrl: cp_url(`collections/${this.collection}/entries`),
-        }
+        };
     },
 
     methods: {
         columnShowing(column) {
-            return this.cols.find((c) => c.field === column)
+            return this.cols.find((c) => c.field === column);
         },
     },
-}
+};
 </script>
 
 <template>
-    <ui-widget :title="title" icon="collections">
-        <data-list
-            v-if="!initializing && items.length"
-            :rows="items"
-            :columns="cols"
-            :sort="false"
-        >
+    <Widget :title="title" icon="collections">
+        <data-list v-if="!initializing && items.length" :rows="items" :columns="cols" :sort="false">
             <div v-if="initializing" class="loading">
                 <loading-graphic />
             </div>
 
-            <data-list-table v-else :loading="loading" unstyled class="[&_td]:text-sm [&_td]:p-0.5 [&_thead]:hidden">
+            <data-list-table v-else :loading="loading" unstyled class="[&_td]:p-0.5 [&_td]:text-sm [&_thead]:hidden">
                 <template #cell-title="{ row: entry }">
                     <div class="flex items-center gap-2">
-                        <ui-status-indicator v-if="!columnShowing('status')" :status="entry.status" />
-                        <a :href="entry.edit_url" class="overflow-hidden text-ellipsis line-clamp-1">{{ entry.title }}</a>
+                        <StatusIndicator v-if="!columnShowing('status')" :status="entry.status" />
+                        <a :href="entry.edit_url" class="line-clamp-1 overflow-hidden text-ellipsis">{{
+                            entry.title
+                        }}</a>
                     </div>
                 </template>
                 <template #cell-status="{ row: entry }">
-                    <ui-status-indicator :status="entry.status" :show-dot="false" show-label />
+                    <StatusIndicator :status="entry.status" :show-dot="false" show-label />
                 </template>
             </data-list-table>
         </data-list>
@@ -66,5 +68,5 @@ export default {
             />
             <slot name="actions" />
         </template>
-    </ui-widget>
+    </Widget>
 </template>
diff --git a/resources/js/components/entries/CreateEntryButton.vue b/resources/js/components/entries/CreateEntryButton.vue
index f8b412eb6ee..b97696a3cb6 100644
--- a/resources/js/components/entries/CreateEntryButton.vue
+++ b/resources/js/components/entries/CreateEntryButton.vue
@@ -1,25 +1,35 @@
 <template>
     <div>
-        <ui-button @click="create" v-if="!hasMultipleBlueprints" :text="text" />
-        <ui-dropdown v-else>
+        <Button @click="create" v-if="!hasMultipleBlueprints" :text="text" />
+        <Dropdown v-else>
             <template #trigger>
-                <ui-button @click.prevent="create" :variant icon-append="ui/chevron-down" :text="text" />
+                <Button @click.prevent="create" :variant icon-append="ui/chevron-down" :text="text" />
             </template>
-            <ui-dropdown-menu>
-                <ui-dropdown-label v-text="__('Choose Blueprint')" />
-                <ui-dropdown-item
+            <DropdownMenu>
+                <DropdownLabel v-text="__('Choose Blueprint')" />
+                <DropdownItem
                     v-for="blueprint in blueprints"
                     :key="blueprint.handle"
                     @click="select(blueprint.handle, $event)"
                     :text="blueprint.title"
                 />
-            </ui-dropdown-menu>
-        </ui-dropdown>
+            </DropdownMenu>
+        </Dropdown>
     </div>
 </template>
 
 <script>
+import { Button, Dropdown, DropdownMenu, DropdownItem, DropdownLabel } from '@statamic/ui';
+
 export default {
+    components: {
+        Button,
+        Dropdown,
+        DropdownMenu,
+        DropdownItem,
+        DropdownLabel,
+    },
+
     props: {
         url: String,
         blueprints: Array,
diff --git a/resources/js/components/entries/Listing.vue b/resources/js/components/entries/Listing.vue
index ac0bc150729..3b064b056df 100644
--- a/resources/js/components/entries/Listing.vue
+++ b/resources/js/components/entries/Listing.vue
@@ -30,13 +30,13 @@
                         />
 
                         <div class="flex gap-2">
-                            <ui-button
+                            <Button
                                 size="sm"
                                 v-text="__('Reset')"
                                 v-show="isDirty"
                                 @click="$refs.presets.refreshPreset()"
                             />
-                            <ui-button
+                            <Button
                                 size="sm"
                                 v-text="__('Save')"
                                 v-show="isDirty"
@@ -46,27 +46,27 @@
                     </div>
 
                     <!-- Search and Filter -->
-                    <div class="flex items-center gap-3 mb-6">
+                    <div class="mb-6 flex items-center gap-3">
                         <data-list-search ref="search" v-model="searchQuery" :placeholder="searchPlaceholder" />
-                            <data-list-filters
-                                v-show="!reordering"
-                                ref="filters"
-                                :filters="filters"
-                                :active-preset="activePreset"
-                                :active-preset-payload="activePresetPayload"
-                                :active-filters="activeFilters"
-                                :active-filter-badges="activeFilterBadges"
-                                :active-count="activeFilterCount"
-                                :search-query="searchQuery"
-                                :is-searching="true"
-                                :saves-presets="true"
-                                :preferences-prefix="preferencesPrefix"
-                                @changed="filterChanged"
-                                @saved="$refs.presets.setPreset($event)"
-                                @deleted="$refs.presets.refreshPresets()"
-                            />
-                            <div class="flex-1" />
-                            <data-list-column-picker :preferences-key="preferencesKey('columns')" />
+                        <data-list-filters
+                            v-show="!reordering"
+                            ref="filters"
+                            :filters="filters"
+                            :active-preset="activePreset"
+                            :active-preset-payload="activePresetPayload"
+                            :active-filters="activeFilters"
+                            :active-filter-badges="activeFilterBadges"
+                            :active-count="activeFilterCount"
+                            :search-query="searchQuery"
+                            :is-searching="true"
+                            :saves-presets="true"
+                            :preferences-prefix="preferencesPrefix"
+                            @changed="filterChanged"
+                            @saved="$refs.presets.setPreset($event)"
+                            @deleted="$refs.presets.refreshPresets()"
+                        />
+                        <div class="flex-1" />
+                        <data-list-column-picker :preferences-key="preferencesKey('columns')" />
                     </div>
 
                     <div v-show="items.length === 0" class="p-6 text-center text-gray-500" v-text="__('No results')" />
@@ -77,7 +77,7 @@
                         @started="actionStarted"
                         @completed="actionCompleted"
                     />
-                    <ui-panel class="relative overflow-x-auto overscroll-x-contain">
+                    <Panel class="relative overflow-x-auto overscroll-x-contain">
                         <data-list-table
                             v-show="items.length"
                             :allow-bulk-actions="!reordering"
@@ -89,28 +89,34 @@
                             @reordered="reordered"
                         >
                             <template #cell-title="{ row: entry }">
-                                <a
-                                    class="title-index-field"
-                                    :href="entry.edit_url"
-                                    @click.stop
-                                >
-                                    <ui-status-indicator v-if="!columnShowing('status')" :status="entry.status" />
+                                <a class="title-index-field" :href="entry.edit_url" @click.stop>
+                                    <StatusIndicator v-if="!columnShowing('status')" :status="entry.status" />
                                     <span v-text="entry.title" />
                                 </a>
                             </template>
                             <template #cell-status="{ row: entry }">
-                                <ui-status-indicator :status="entry.status" show-label :show-dot="false" />
+                                <StatusIndicator :status="entry.status" show-label :show-dot="false" />
                             </template>
                             <template #cell-slug="{ row: entry }">
                                 <div class="slug-index-field" :title="entry.slug">{{ entry.slug }}</div>
                             </template>
                             <template #actions="{ row: entry, index }">
-                                <ui-dropdown placement="left-start" class="me-3">
-                                    <ui-dropdown-menu>
-                                        <ui-dropdown-label :text="__('Actions')" />
-                                        <ui-dropdown-item :text="__('Visit URL')" :href="entry.permalink" icon="eye" v-if="entry.viewable && entry.permalink" />
-                                        <ui-dropdown-item :text="__('Edit')" :href="entry.edit_url" icon="edit" v-if="entry.editable" />
-                                        <ui-dropdown-separator v-if="entry.actions.length" />
+                                <Dropdown placement="left-start" class="me-3">
+                                    <DropdownMenu>
+                                        <DropdownLabel :text="__('Actions')" />
+                                        <DropdownItem
+                                            :text="__('Visit URL')"
+                                            :href="entry.permalink"
+                                            icon="eye"
+                                            v-if="entry.viewable && entry.permalink"
+                                        />
+                                        <DropdownItem
+                                            :text="__('Edit')"
+                                            :href="entry.edit_url"
+                                            icon="edit"
+                                            v-if="entry.editable"
+                                        />
+                                        <DropdownSeparator v-if="entry.actions.length" />
                                         <data-list-list-actions
                                             :item="entry.id"
                                             :url="actionUrl"
@@ -118,11 +124,11 @@
                                             @started="actionStarted"
                                             @completed="actionCompleted"
                                         />
-                                    </ui-dropdown-menu>
-                                </ui-dropdown>
+                                    </DropdownMenu>
+                                </Dropdown>
                             </template>
                         </data-list-table>
-                    </ui-panel>
+                    </Panel>
                 </div>
                 <data-list-pagination
                     class="mt-3"
@@ -139,10 +145,31 @@
 
 <script>
 import Listing from '../Listing.vue';
+import {
+    Button,
+    Panel,
+    StatusIndicator,
+    Dropdown,
+    DropdownMenu,
+    DropdownItem,
+    DropdownLabel,
+    DropdownSeparator,
+} from '@statamic/ui';
 
 export default {
     mixins: [Listing],
 
+    components: {
+        Button,
+        Panel,
+        StatusIndicator,
+        Dropdown,
+        DropdownMenu,
+        DropdownItem,
+        DropdownLabel,
+        DropdownSeparator,
+    },
+
     props: {
         collection: String,
         reordering: Boolean,
diff --git a/resources/js/components/entries/PublishForm.vue b/resources/js/components/entries/PublishForm.vue
index aebe2e6c2ea..422fdcd482f 100644
--- a/resources/js/components/entries/PublishForm.vue
+++ b/resources/js/components/entries/PublishForm.vue
@@ -1,18 +1,23 @@
 <template>
     <div>
-        <ui-header>
+        <Header>
             <template #title>
-                <span v-if="!isCreating" class="little-dot -top-1" :class="activeLocalization.status" v-tooltip="__(activeLocalization.status)" />
+                <span
+                    v-if="!isCreating"
+                    class="little-dot -top-1"
+                    :class="activeLocalization.status"
+                    v-tooltip="__(activeLocalization.status)"
+                />
                 {{ formattedTitle }}
             </template>
 
-            <ui-dropdown v-if="canEditBlueprint || hasItemActions">
+            <Dropdown v-if="canEditBlueprint || hasItemActions">
                 <template #trigger>
-                    <ui-button icon="ui/dots" variant="ghost" />
+                    <Button icon="ui/dots" variant="ghost" />
                 </template>
-                <ui-dropdown-menu>
-                    <ui-dropdown-item :text="__('Edit Blueprint')" v-if="canEditBlueprint" :href="actions.editBlueprint" />
-                    <ui-dropdown-separator />
+                <DropdownMenu>
+                    <DropdownItem :text="__('Edit Blueprint')" v-if="canEditBlueprint" :href="actions.editBlueprint" />
+                    <DropdownSeparator />
                     <data-list-inline-actions
                         v-if="!isCreating && hasItemActions"
                         :item="values.id"
@@ -22,20 +27,25 @@
                         @started="actionStarted"
                         @completed="actionCompleted"
                     />
-                </ui-dropdown-menu>
-            </ui-dropdown>
+                </DropdownMenu>
+            </Dropdown>
 
-            <div class="flex pt-px text-2xs text-gray-600 ltr:mr-4 rtl:ml-4" v-if="readOnly">
+            <div class="text-2xs flex pt-px text-gray-600 ltr:mr-4 rtl:ml-4" v-if="readOnly">
                 <svg-icon name="light/lock" class="-mt-1 w-4 ltr:mr-1 rtl:ml-1" /> {{ __('Read Only') }}
             </div>
 
-            <div class="hidden items-center md:flex gap-3">
+            <div class="hidden items-center gap-3 md:flex">
                 <save-button-options
                     v-if="!readOnly"
                     :show-options="!revisionsEnabled && !isInline"
                     :preferences-prefix="preferencesPrefix"
                 >
-                    <ui-button :disabled="!canSave" :variant="!revisionsEnabled ? 'primary' : 'default'" @click.prevent="save" v-text="saveText" />
+                    <Button
+                        :disabled="!canSave"
+                        :variant="!revisionsEnabled ? 'primary' : 'default'"
+                        @click.prevent="save"
+                        v-text="saveText"
+                    />
                 </save-button-options>
 
                 <save-button-options
@@ -43,7 +53,7 @@
                     :show-options="!isInline"
                     :preferences-prefix="preferencesPrefix"
                 >
-                    <ui-button
+                    <Button
                         variant="primary"
                         :disabled="!canPublish"
                         @click="confirmingPublish = true"
@@ -53,7 +63,7 @@
             </div>
 
             <slot name="action-buttons-right" />
-        </ui-header>
+        </Header>
 
         <publish-container
             v-if="fieldset"
@@ -107,17 +117,19 @@
                         >
                             <template #actions="{ shouldShowSidebar }">
                                 <div class="space-y-6">
-
                                     <!-- Live Preview / Visit URL Buttons -->
                                     <div v-if="collectionHasRoutes" :class="{ hidden: !shouldShowSidebar }">
-                                        <div class="grid grid-cols-2 gap-4" v-if="showLivePreviewButton || showVisitUrlButton">
-                                            <ui-button
+                                        <div
+                                            class="grid grid-cols-2 gap-4"
+                                            v-if="showLivePreviewButton || showVisitUrlButton"
+                                        >
+                                            <Button
                                                 :text="__('Live Preview')"
                                                 icon="live-preview"
                                                 @click="openLivePreview"
                                                 v-if="showLivePreviewButton"
                                             />
-                                            <ui-button
+                                            <Button
                                                 :href="permalink"
                                                 :text="__('Visit URL')"
                                                 icon="external-link"
@@ -128,43 +140,52 @@
                                     </div>
 
                                     <!-- Published Switch -->
-                                    <ui-panel class="px-5 py-3 flex justify-between">
-                                        <ui-heading :text="__('Published')" />
-                                        <ui-switch
+                                    <Panel class="flex justify-between px-5 py-3">
+                                        <Heading :text="__('Published')" />
+                                        <Switch
                                             v-if="!revisionsEnabled"
                                             :model-value="published"
                                             :read-only="!canManagePublishState"
                                             @update:model-value="setFieldValue('published', $event)"
                                         />
-                                    </ui-panel>
+                                    </Panel>
 
                                     <!-- Revisions -->
-                                    <ui-panel v-if="revisionsEnabled && !isCreating">
-                                        <ui-panel-header class="flex items-center justify-between">
-                                            <ui-heading :text="__('Revisions')" />
-                                            <ui-button @click="showRevisionHistory = true" icon="history" :text="__('View History')" size="xs" class="-me-4" />
-                                        </ui-panel-header>
-                                        <ui-card class="space-y-2">
-                                            <ui-subheading v-if="published" class="flex items-center gap-2">
-                                                <ui-icon name="checkmark" class="text-green-600" />
-                                                {{ __('Entry has a published version')}}
-                                            </ui-subheading>
-                                            <ui-subheading v-else class="flex items-center gap-2 text-yellow-600">
-                                                <ui-icon name="warning-diamond"/>
-                                                {{ __('Entry has not been published')}}
-                                            </ui-subheading>
-                                            <ui-subheading v-if="!isWorkingCopy && published" class="flex items-center gap-2">
-                                                <ui-icon name="checkmark" class="text-green-600" />
-                                                {{ __('This is the published version')}}
-                                            </ui-subheading>
-                                            <ui-subheading v-if="isDirty" class="flex items-center gap-2 text-yellow-600">
-                                                <ui-icon name="warning-diamond" />
-                                                {{ __('Unsaved changes')}}
-                                            </ui-subheading>
-                                        </ui-card>
-                                    </ui-panel>
-
-                                    <div class="border-t p-4 dark:border-dark-900" v-if="localizations.length > 1">
+                                    <Panel v-if="revisionsEnabled && !isCreating">
+                                        <PanelHeader class="flex items-center justify-between">
+                                            <Heading :text="__('Revisions')" />
+                                            <Button
+                                                @click="showRevisionHistory = true"
+                                                icon="history"
+                                                :text="__('View History')"
+                                                size="xs"
+                                                class="-me-4"
+                                            />
+                                        </PanelHeader>
+                                        <Card class="space-y-2">
+                                            <Subheading v-if="published" class="flex items-center gap-2">
+                                                <Icon name="checkmark" class="text-green-600" />
+                                                {{ __('Entry has a published version') }}
+                                            </Subheading>
+                                            <Subheading v-else class="flex items-center gap-2 text-yellow-600">
+                                                <Icon name="warning-diamond" />
+                                                {{ __('Entry has not been published') }}
+                                            </Subheading>
+                                            <Subheading
+                                                v-if="!isWorkingCopy && published"
+                                                class="flex items-center gap-2"
+                                            >
+                                                <Icon name="checkmark" class="text-green-600" />
+                                                {{ __('This is the published version') }}
+                                            </Subheading>
+                                            <Subheading v-if="isDirty" class="flex items-center gap-2 text-yellow-600">
+                                                <Icon name="warning-diamond" />
+                                                {{ __('Unsaved changes') }}
+                                            </Subheading>
+                                        </Card>
+                                    </Panel>
+
+                                    <div class="dark:border-dark-900 border-t p-4" v-if="localizations.length > 1">
                                         <label class="publish-field-label mb-2 font-medium" v-text="__('Sites')" />
                                         <div
                                             v-for="option in localizations"
@@ -172,8 +193,8 @@
                                             class="-mx-4 flex items-center px-4 py-2 text-sm"
                                             :class="[
                                                 option.active
-                                                    ? 'bg-blue-100 dark:bg-dark-300'
-                                                    : 'hover:bg-gray-200 dark:hover:bg-dark-400',
+                                                    ? 'dark:bg-dark-300 bg-blue-100'
+                                                    : 'dark:hover:bg-dark-400 hover:bg-gray-200',
                                                 !canSave && !option.exists ? 'cursor-not-allowed' : 'cursor-pointer',
                                             ]"
                                             @click="localizationSelected(option)"
@@ -327,6 +348,21 @@ import HasHiddenFields from '../publish/HasHiddenFields';
 import HasActions from '../publish/HasActions';
 import striptags from 'striptags';
 import clone from '@statamic/util/clone.js';
+import {
+    Header,
+    Dropdown,
+    DropdownMenu,
+    DropdownItem,
+    DropdownSeparator,
+    Button,
+    Panel,
+    PanelHeader,
+    Switch,
+    Heading,
+    Subheading,
+    Card,
+    Icon,
+} from '@statamic/ui';
 
 export default {
     mixins: [HasPreferences, HasHiddenFields, HasActions],
@@ -335,6 +371,19 @@ export default {
         PublishActions,
         SaveButtonOptions,
         RevisionHistory,
+        Header,
+        Dropdown,
+        DropdownMenu,
+        DropdownItem,
+        DropdownSeparator,
+        Button,
+        Panel,
+        PanelHeader,
+        Switch,
+        Heading,
+        Subheading,
+        Card,
+        Icon,
     },
 
     props: {
diff --git a/resources/js/components/fieldsets/EditForm.vue b/resources/js/components/fieldsets/EditForm.vue
index e0c728741c2..70cd7b7cedf 100644
--- a/resources/js/components/fieldsets/EditForm.vue
+++ b/resources/js/components/fieldsets/EditForm.vue
@@ -1,15 +1,10 @@
 <template>
     <div>
-        <ui-header :title="__(initialTitle)">
-            <ui-button
-                type="submit"
-                variant="primary"
-                @click.prevent="save"
-                v-text="__('Save')"
-            />
-        </ui-header>
+        <Header :title="__(initialTitle)">
+            <Button type="submit" variant="primary" @click.prevent="save" v-text="__('Save')" />
+        </Header>
 
-        <div class="publish-form card mb-8 p-0 @container">
+        <div class="publish-form card @container mb-8 p-0">
             <div class="publish-fields">
                 <div class="form-group w-full">
                     <div class="field-inner">
@@ -37,7 +32,7 @@
             </div>
         </div>
 
-        <div class="content mb-4 mt-10">
+        <div class="content mt-10 mb-4">
             <h2 v-text="__('Fields')" />
         </div>
 
@@ -62,12 +57,15 @@
 import Fields from '../blueprints/Fields.vue';
 import { Sortable, Plugins } from '@shopify/draggable';
 import SuggestsConditionalFields from '../blueprints/SuggestsConditionalFields';
+import { Header, Button } from '@statamic/ui';
 
 export default {
     mixins: [SuggestsConditionalFields],
 
     components: {
         Fields,
+        Header,
+        Button,
     },
 
     props: ['action', 'initialFieldset', 'breadcrumbUrl'],
diff --git a/resources/js/components/fieldtypes/SlugFieldtype.vue b/resources/js/components/fieldtypes/SlugFieldtype.vue
index 391425403b0..eac50ecef17 100644
--- a/resources/js/components/fieldtypes/SlugFieldtype.vue
+++ b/resources/js/components/fieldtypes/SlugFieldtype.vue
@@ -13,7 +13,7 @@
             slug = $event;
         "
     >
-        <ui-input
+        <Input
             v-model="slug"
             :id="fieldId"
             :isReadOnly="isReadOnly"
@@ -22,7 +22,7 @@
             @blur="$emit('blur')"
         >
             <template #append v-if="config.show_regenerate">
-                <ui-button
+                <Button
                     size="sm"
                     variant="ghost"
                     :icon-only="true"
@@ -31,21 +31,27 @@
                 >
                     <svg-icon name="light/synchronize" class="h-5 w-5" v-show="!syncing" />
                     <div class="h-5 w-5" v-show="syncing">
-                        <loading-graphic inline text="" class="ml-0.5 mt-0.5" />
+                        <loading-graphic inline text="" class="mt-0.5 ml-0.5" />
                     </div>
-                </ui-button>
+                </Button>
             </template>
-        </ui-input>
+        </Input>
     </slugify>
 </template>
 
 <script>
 import { data_get } from '../../bootstrap/globals';
 import Fieldtype from './Fieldtype.vue';
+import { Input, Button } from '@statamic/ui';
 
 export default {
     mixins: [Fieldtype],
 
+    components: {
+        Input,
+        Button,
+    },
+
     inject: ['store'],
 
     data() {
diff --git a/resources/js/components/fieldtypes/ToggleFieldtype.vue b/resources/js/components/fieldtypes/ToggleFieldtype.vue
index e37d82a25b7..acf84eb495d 100644
--- a/resources/js/components/fieldtypes/ToggleFieldtype.vue
+++ b/resources/js/components/fieldtypes/ToggleFieldtype.vue
@@ -1,19 +1,20 @@
 <template>
     <div class="flex items-center gap-2">
         <Switch :model-value="value" @update:model-value="update" :id="fieldId" :disabled="isReadOnly" />
-        <ui-heading v-if="inlineLabel" v-html="$markdown(__(inlineLabel))" />
+        <Heading v-if="inlineLabel" v-html="$markdown(__(inlineLabel))" />
     </div>
 </template>
 
 <script>
 import Fieldtype from './Fieldtype.vue';
-import { Switch } from '@statamic/ui';
+import { Switch, Heading } from '@statamic/ui';
 
 export default {
     mixins: [Fieldtype],
 
     components: {
         Switch,
+        Heading,
     },
 
     computed: {
diff --git a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
index 6befe1cf1f8..f21605164d7 100644
--- a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
+++ b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
@@ -74,7 +74,7 @@
                                 <div class="helpers">
                                     <div class="bg-gray-50 dark:bg-gray-950 rounded-b-xl border-t border-gray-200 dark:border-white/15 flex p-1 text-sm w-full">
                                         <div class="markdown-cheatsheet-helper">
-                                            <ui-button
+                                            <Button
                                                 icon="markdown"
                                                 size="sm"
                                                 variant="ghost"
@@ -150,6 +150,7 @@ import { marked } from 'marked';
 import { markRaw } from 'vue';
 import PlainTextRenderer from 'marked-plaintext';
 import throttle from '@statamic/util/throttle.js';
+import { Button } from '@statamic/ui';
 
 import CodeMirror from 'codemirror/lib/codemirror';
 import 'codemirror/addon/edit/closebrackets';
diff --git a/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue b/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue
index caeb1a6297c..40c8d668eb1 100644
--- a/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue
+++ b/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue
@@ -1,9 +1,9 @@
 <template>
     <div
-        class="flex items-center justify-between bg-gray-50 dark:bg-gray-950 rounded-t-xl py-1 px-2 border-b border-gray-300 dark:border-white/15"
+        class="flex items-center justify-between rounded-t-xl border-b border-gray-300 bg-gray-50 px-2 py-1 dark:border-white/15 dark:bg-gray-950"
     >
         <div class="flex items-center" v-if="!isReadOnly">
-            <ui-button
+            <Button
                 size="sm"
                 variant="ghost"
                 class="px-2!"
@@ -14,8 +14,8 @@
                 @click="handleButtonClick(button)"
             >
                 <svg-icon :name="button.svg" class="size-4" />
-            </ui-button>
-            <ui-button
+            </Button>
+            <Button
                 v-if="showDarkMode"
                 size="sm"
                 variant="ghost"
@@ -25,10 +25,10 @@
                 :aria-label="__('Toggle Dark Mode')"
             >
                 <svg-icon name="dark-mode" class="size-4" />
-            </ui-button>
+            </Button>
         </div>
         <div class="flex items-center">
-            <ui-button
+            <Button
                 size="sm"
                 variant="ghost"
                 class="px-2!"
@@ -37,7 +37,7 @@
                 v-text="__('Write')"
                 :aria-pressed="mode === 'write' ? 'true' : 'false'"
             />
-            <ui-button
+            <Button
                 size="sm"
                 variant="ghost"
                 class="px-2!"
@@ -51,32 +51,37 @@
 </template>
 
 <script>
+import { Button } from '@statamic/ui';
+
 export default {
+    components: {
+        Button,
+    },
     props: {
         mode: {
             type: String,
-            required: true
+            required: true,
         },
         buttons: {
             type: Array,
-            required: true
+            required: true,
         },
         isReadOnly: {
             type: Boolean,
-            default: false
+            default: false,
         },
         showDarkMode: {
             type: Boolean,
-            default: false
+            default: false,
         },
         darkMode: {
             type: Boolean,
-            default: false
+            default: false,
         },
         isFullscreen: {
             type: Boolean,
-            default: false
-        }
+            default: false,
+        },
     },
 
     emits: ['toggle-mode', 'toggle-dark-mode', 'button-click'],
@@ -84,7 +89,7 @@ export default {
     methods: {
         handleButtonClick(button) {
             this.$emit('button-click', button.command);
-        }
-    }
+        },
+    },
 };
 </script>
diff --git a/resources/js/components/fieldtypes/relationship/RelationshipIndexFieldtype.vue b/resources/js/components/fieldtypes/relationship/RelationshipIndexFieldtype.vue
index aaf9a283a06..daad5206c98 100644
--- a/resources/js/components/fieldtypes/relationship/RelationshipIndexFieldtype.vue
+++ b/resources/js/components/fieldtypes/relationship/RelationshipIndexFieldtype.vue
@@ -1,42 +1,56 @@
 <template>
     <div>
         <div class="flex flex-wrap gap-2">
-            <ui-badge
-                size="sm"
-                v-for="item in items"
-                :key="item.id"
-                :href="item.edit_url"
-                :icon="item.icon"
-            >
-                <ui-status-indicator v-if="item.hasOwnProperty('published') && item.published !== null" :status="item.published" class="h-1" />
+            <Badge size="sm" v-for="item in items" :key="item.id" :href="item.edit_url" :icon="item.icon">
+                <StatusIndicator
+                    v-if="item.hasOwnProperty('published') && item.published !== null"
+                    :status="item.published"
+                    class="h-1"
+                />
                 <span v-text="item.title" />
-            </ui-badge>
-            <ui-dropdown v-if="hasMore && !showingAll">
+            </Badge>
+            <Dropdown v-if="hasMore && !showingAll">
                 <template #trigger>
-                    <ui-badge
+                    <Badge
                         size="sm"
                         as="button"
                         color="white"
                         v-text="__('messages.plus_count_more', { count: value.length - 2 })"
                     />
                 </template>
-                <ui-dropdown-menu>
+                <DropdownMenu>
                     <!-- TODO: Pass the proper title/label instead of the handle -->
-                    <ui-dropdown-label :text="handle" />
+                    <DropdownLabel :text="handle" />
                     <!-- TODO: Pass the proper icon instead of hard-coded taxonomies -->
-                    <ui-dropdown-item v-for="item in value" icon="taxonomies" :key="item.id" :href="item.edit_url" :text="item.title" />
-                </ui-dropdown-menu>
-            </ui-dropdown>
+                    <DropdownItem
+                        v-for="item in value"
+                        icon="taxonomies"
+                        :key="item.id"
+                        :href="item.edit_url"
+                        :text="item.title"
+                    />
+                </DropdownMenu>
+            </Dropdown>
         </div>
     </div>
 </template>
 
 <script>
 import IndexFieldtype from '../IndexFieldtype.vue';
+import { Badge, StatusIndicator, Dropdown, DropdownMenu, DropdownLabel, DropdownItem } from '@statamic/ui';
 
 export default {
     mixins: [IndexFieldtype],
 
+    components: {
+        Badge,
+        StatusIndicator,
+        Dropdown,
+        DropdownMenu,
+        DropdownLabel,
+        DropdownItem,
+    },
+
     data() {
         return {
             showingAll: false,
diff --git a/resources/js/components/forms/Listing.vue b/resources/js/components/forms/Listing.vue
index 9fb1859dee4..f0c48abfc0e 100644
--- a/resources/js/components/forms/Listing.vue
+++ b/resources/js/components/forms/Listing.vue
@@ -1,6 +1,6 @@
 <template>
     <data-list :visible-columns="columns" :columns="columns" :rows="items" v-slot="{ filteredRows: rows }">
-        <ui-card-panel>
+        <CardPanel>
             <data-list-bulk-actions
                 class="rounded-sm"
                 :url="actionUrl"
@@ -31,16 +31,21 @@
                     </dropdown-list>
                 </template>
             </data-list-table>
-        </ui-card-panel>
+        </CardPanel>
     </data-list>
 </template>
 
 <script>
 import Listing from '../Listing.vue';
+import { CardPanel } from '@statamic/ui';
 
 export default {
     mixins: [Listing],
 
+    components: {
+        CardPanel,
+    },
+
     props: ['initialColumns'],
 
     data() {
diff --git a/resources/js/components/globals/Listing.vue b/resources/js/components/globals/Listing.vue
index b4e83d88488..a178905356b 100644
--- a/resources/js/components/globals/Listing.vue
+++ b/resources/js/components/globals/Listing.vue
@@ -1,12 +1,12 @@
 <template>
     <data-list :rows="rows" :columns="columns" v-slot="{ filteredRows: rows }">
-        <ui-card-panel>
+        <CardPanel>
             <data-list-table>
                 <template #cell-title="{ row: global }">
                     <a :href="global.edit_url">{{ __(global.title) }}</a>
                 </template>
                 <template #cell-handle="{ value: handle }">
-                    <span class="font-mono text-2xs">{{ handle }}</span>
+                    <span class="text-2xs font-mono">{{ handle }}</span>
                 </template>
                 <template #actions="{ row: global, index }">
                     <dropdown-list>
@@ -27,16 +27,21 @@
                     </dropdown-list>
                 </template>
             </data-list-table>
-        </ui-card-panel>
+        </CardPanel>
     </data-list>
 </template>
 
 <script>
 import Listing from '../Listing.vue';
+import { CardPanel } from '@statamic/ui';
 
 export default {
     mixins: [Listing],
 
+    components: {
+        CardPanel,
+    },
+
     props: ['globals'],
 
     data() {
diff --git a/resources/js/components/navigation/Listing.vue b/resources/js/components/navigation/Listing.vue
index 4ebf361d077..f7f26fbf91d 100644
--- a/resources/js/components/navigation/Listing.vue
+++ b/resources/js/components/navigation/Listing.vue
@@ -1,6 +1,6 @@
 <template>
     <data-list :columns="columns" :rows="rows" v-slot="{ filteredRows: rows }">
-        <ui-card-panel>
+        <CardPanel>
             <data-list-table>
                 <template #cell-title="{ row: structure }">
                     <a
@@ -28,16 +28,21 @@
                     </dropdown-list>
                 </template>
             </data-list-table>
-        </ui-card-panel>
+        </CardPanel>
     </data-list>
 </template>
 
 <script>
 import Listing from '../Listing.vue';
+import { CardPanel } from '@statamic/ui';
 
 export default {
     mixins: [Listing],
 
+    components: {
+        CardPanel,
+    },
+
     props: ['initialRows'],
 
     data() {
diff --git a/resources/js/components/preferences/EditForm.vue b/resources/js/components/preferences/EditForm.vue
index d8e1d583367..cd15612b280 100644
--- a/resources/js/components/preferences/EditForm.vue
+++ b/resources/js/components/preferences/EditForm.vue
@@ -11,32 +11,26 @@
         v-slot="{ setFieldValue, setFieldMeta }"
     >
         <div>
-            <ui-header :title="title">
+            <Header :title="title">
+                <ButtonGroup>
+                    <Button type="submit" variant="primary" :text="__('Save')" @click="save" />
 
-                <ui-button-group>
-                    <ui-button
-                        type="submit"
-                        variant="primary"
-                        :text="__('Save')"
-                        @click="save"
-                    />
-
-                    <ui-dropdown align="end" v-if="hasSaveAsOptions">
+                    <Dropdown align="end" v-if="hasSaveAsOptions">
                         <template #trigger>
-                            <ui-button icon="ui/chevron-down" variant="primary" />
+                            <Button icon="ui/chevron-down" variant="primary" />
                         </template>
-                        <ui-dropdown-menu>
-                            <ui-dropdown-label>{{ __('Save to') }}...</ui-dropdown-label>
-                            <ui-dropdown-item
+                        <DropdownMenu>
+                            <DropdownLabel>{{ __('Save to') }}...</DropdownLabel>
+                            <DropdownItem
                                 v-for="option in saveAsOptions"
                                 :key="option.url"
                                 :text="option.label"
                                 @click="saveAs(option.url)"
                             />
-                        </ui-dropdown-menu>
-                    </ui-dropdown>
-                </ui-button-group>
-            </ui-header>
+                        </DropdownMenu>
+                    </Dropdown>
+                </ButtonGroup>
+            </Header>
 
             <publish-tabs
                 @updated="setFieldValue"
@@ -49,7 +43,19 @@
 </template>
 
 <script>
+import { Header, Button, ButtonGroup, Dropdown, DropdownMenu, DropdownItem, DropdownLabel } from '@statamic/ui';
+
 export default {
+    components: {
+        Header,
+        Button,
+        ButtonGroup,
+        Dropdown,
+        DropdownMenu,
+        DropdownItem,
+        DropdownLabel,
+    },
+
     props: {
         blueprint: { required: true, type: Object },
         meta: { required: true, type: Object },
diff --git a/resources/js/components/publish/SaveButtonOptions.vue b/resources/js/components/publish/SaveButtonOptions.vue
index 9ad4fb8ed68..2fc22150bff 100644
--- a/resources/js/components/publish/SaveButtonOptions.vue
+++ b/resources/js/components/publish/SaveButtonOptions.vue
@@ -1,24 +1,35 @@
 <template>
     <component :is="wrapperComponent">
         <slot />
-        <ui-dropdown v-if="showOptions" align="end">
+        <Dropdown v-if="showOptions" align="end">
             <template #trigger>
-                <ui-button variant="primary" icon="ui/chevron-down" />
+                <Button variant="primary" icon="ui/chevron-down" />
             </template>
-            <ui-dropdown-menu>
-                <ui-dropdown-label v-text="__('After Saving')" />
-                <ui-radio-group v-model="currentOption">
-                    <ui-radio-item :label="__('Go To Listing')" value="listing" />
-                    <ui-radio-item :label="__('Continue Editing')" value="continue_editing" />
-                    <ui-radio-item :label="__('Create Another')" value="create_another" />
-                </ui-radio-group>
-            </ui-dropdown-menu>
-        </ui-dropdown>
+            <DropdownMenu>
+                <DropdownLabel v-text="__('After Saving')" />
+                <RadioGroup v-model="currentOption">
+                    <Radio :label="__('Go To Listing')" value="listing" />
+                    <Radio :label="__('Continue Editing')" value="continue_editing" />
+                    <Radio :label="__('Create Another')" value="create_another" />
+                </RadioGroup>
+            </DropdownMenu>
+        </Dropdown>
     </component>
 </template>
 
 <script>
+import { Button, Dropdown, DropdownMenu, DropdownLabel, Radio, RadioGroup } from '@statamic/ui';
+
 export default {
+    components: {
+        Button,
+        Dropdown,
+        DropdownMenu,
+        DropdownLabel,
+        Radio,
+        RadioGroup,
+    },
+
     props: {
         showOptions: { type: Boolean, default: true },
         preferencesPrefix: { type: String, required: true },
diff --git a/resources/js/components/publish/Sections.vue b/resources/js/components/publish/Sections.vue
index fcef5176204..961301bdedc 100644
--- a/resources/js/components/publish/Sections.vue
+++ b/resources/js/components/publish/Sections.vue
@@ -1,10 +1,7 @@
 <template>
     <div class="publish-sections">
         <div class="publish-sections-section" v-for="(section, i) in visibleSections" :key="i">
-            <ui-card-panel
-                :heading="__(section.display) || heading"
-                :description="__(section.instructions) || description"
-            >
+            <CardPanel :heading="__(section.display) || heading" :description="__(section.instructions) || description">
                 <publish-fields
                     :fields="section.fields"
                     :read-only="readOnly"
@@ -17,19 +14,24 @@
                     @focus="$emit('focus', $event)"
                     @blur="$emit('blur', $event)"
                 />
-            </ui-card-panel>
+            </CardPanel>
         </div>
     </div>
 </template>
 
 <script>
 import { ValidatesFieldConditions } from '../field-conditions/FieldConditions.js';
+import { CardPanel } from '@statamic/ui';
 
 export default {
     emits: ['updated', 'meta-updated', 'synced', 'desynced', 'focus', 'blur'],
 
     mixins: [ValidatesFieldConditions],
 
+    components: {
+        CardPanel,
+    },
+
     props: {
         sections: { type: Array, required: true },
         heading: { type: String, default: null },
diff --git a/resources/js/components/revision-history/History.vue b/resources/js/components/revision-history/History.vue
index deac611fc3f..860cc408e17 100644
--- a/resources/js/components/revision-history/History.vue
+++ b/resources/js/components/revision-history/History.vue
@@ -1,10 +1,10 @@
 <template>
-    <div class="flex h-full flex-col bg-white dark:bg-gray-800 m-2 rounded-xl">
+    <div class="m-2 flex h-full flex-col rounded-xl bg-white dark:bg-gray-800">
         <header
-            class="flex items-center justify-between border-b border-gray-300 dark:border-gray-950 bg-gray-50 dark:bg-gray-900 rounded-t-xl px-4 py-2"
+            class="flex items-center justify-between rounded-t-xl border-b border-gray-300 bg-gray-50 px-4 py-2 dark:border-gray-950 dark:bg-gray-900"
         >
-            <ui-heading size="lg">{{ __('Revision History') }}</ui-heading>
-            <ui-button icon="x" variant="ghost" class="-me-2" @click="close" />
+            <Heading size="lg">{{ __('Revision History') }}</Heading>
+            <Button icon="x" variant="ghost" class="-me-2" @click="close" />
         </header>
 
         <div class="flex-1 overflow-auto">
@@ -12,12 +12,12 @@
                 <loading-graphic />
             </div>
 
-            <ui-heading size="sm" class="p-3" v-if="!loading && revisions.length === 0">
+            <Heading size="sm" class="p-3" v-if="!loading && revisions.length === 0">
                 {{ __('No revisions') }}
-            </ui-heading>
+            </Heading>
 
             <div v-for="group in revisions" :key="group.day">
-                <ui-heading size="sm" class="p-3" v-text="formatRelativeDate(group.day)" />
+                <Heading size="sm" class="p-3" v-text="formatRelativeDate(group.day)" />
                 <div class="divide-y divide-gray-200 dark:divide-gray-900">
                     <revision
                         v-for="revision in group.revisions"
@@ -37,10 +37,13 @@
 <script>
 import Revision from './Revision.vue';
 import DateFormatter from '@statamic/components/DateFormatter.js';
+import { Heading, Button } from '@statamic/ui';
 
 export default {
     components: {
         Revision,
+        Heading,
+        Button,
     },
 
     props: {
diff --git a/resources/js/components/revision-history/Revision.vue b/resources/js/components/revision-history/Revision.vue
index 56498be98d5..43ed804192e 100644
--- a/resources/js/components/revision-history/Revision.vue
+++ b/resources/js/components/revision-history/Revision.vue
@@ -1,6 +1,6 @@
 <template>
     <div
-        class="block cursor-pointer py-2 px-3 space-y-2 text-sm hover:bg-gray-50 dark:hover:bg-gray-900"
+        class="block cursor-pointer space-y-2 px-3 py-2 text-sm hover:bg-gray-50 dark:hover:bg-gray-900"
         :class="{
             'status-working-copy': revision.working,
             'status-published': revision.attributes.published,
@@ -14,31 +14,39 @@
 
             <div class="revision-item-content flex w-full">
                 <div class="flex-1">
-                    <ui-subheading>
+                    <Subheading>
                         <template v-if="revision.user">
                             {{ revision.user.name || revision.user.email }} &ndash;
                         </template>
                         {{ time }}
-                    </ui-subheading>
+                    </Subheading>
                 </div>
 
                 <div class="flex items-center gap-1">
-                    <ui-badge
+                    <Badge
                         size="sm"
-                        :color="revision.working ? 'gray' : {
-                            publish: 'green',
-                            revision: 'gray',
-                            restore: 'gray',
-                            unpublish: 'red',
-                        }[revision.action]"
-                        :text="revision.working ? __('Working Copy') : {
-                            publish: __('Published'),
-                            revision: __('Revision'),
-                            restore: __('Restored'),
-                            unpublish: __('Unpublished'),
-                        }[revision.action]"
+                        :color="
+                            revision.working
+                                ? 'gray'
+                                : {
+                                      publish: 'green',
+                                      revision: 'gray',
+                                      restore: 'gray',
+                                      unpublish: 'red',
+                                  }[revision.action]
+                        "
+                        :text="
+                            revision.working
+                                ? __('Working Copy')
+                                : {
+                                      publish: __('Published'),
+                                      revision: __('Revision'),
+                                      restore: __('Restored'),
+                                      unpublish: __('Unpublished'),
+                                  }[revision.action]
+                        "
                     />
-                    <ui-badge size="sm" color="orange" v-if="revision.attributes.current" v-text="__('Current')" />
+                    <Badge size="sm" color="orange" v-if="revision.attributes.current" v-text="__('Current')" />
                 </div>
 
                 <revision-preview
@@ -67,11 +75,14 @@
 import RestoreRevision from './Restore.vue';
 import RevisionPreview from './Preview.vue';
 import DateFormatter from '@statamic/components/DateFormatter.js';
+import { Subheading, Badge } from '@statamic/ui';
 
 export default {
     components: {
         RevisionPreview,
         RestoreRevision,
+        Subheading,
+        Badge,
     },
 
     props: {
diff --git a/resources/js/components/roles/PublishForm.vue b/resources/js/components/roles/PublishForm.vue
index 49dbc979f48..bf7421e97d1 100644
--- a/resources/js/components/roles/PublishForm.vue
+++ b/resources/js/components/roles/PublishForm.vue
@@ -1,18 +1,13 @@
 <template>
     <div>
-        <ui-header :title="__(initialTitle) || __('Create Role')">
-            <ui-button
-                type="submit"
-                variant="primary"
-                @click="save"
-                :text="__('Save')"
-            />
-        </ui-header>
+        <Header :title="__(initialTitle) || __('Create Role')">
+            <Button type="submit" variant="primary" @click="save" :text="__('Save')" />
+        </Header>
 
-        <div class="card configure-tab publish-fields mb-6 p-0 @container">
+        <div class="card configure-tab publish-fields @container mb-6 p-0">
             <form-group
                 handle="title"
-                class="border-b dark:border-dark-900"
+                class="dark:border-dark-900 border-b"
                 :display="__('Title')"
                 :errors="errors.title"
                 :instructions="__('messages.role_title_instructions')"
@@ -21,7 +16,7 @@
             />
 
             <form-group
-                class="border-b dark:border-dark-900"
+                class="dark:border-dark-900 border-b"
                 fieldtype="slug"
                 handle="handle"
                 :display="__('Handle')"
@@ -47,7 +42,7 @@
 
         <div v-if="!isSuper">
             <div class="content mt-6" v-for="group in permissions" :key="group.handle">
-                <h2 class="mb-2 mt-10 text-base">{{ group.label }}</h2>
+                <h2 class="mt-10 mb-2 text-base">{{ group.label }}</h2>
                 <role-permission-tree class="card p-0" :depth="1" :initial-permissions="group.permissions" />
             </div>
         </div>
@@ -55,6 +50,8 @@
 </template>
 
 <script>
+import { Header, Button } from '@statamic/ui';
+
 const checked = function (permissions) {
     return permissions.reduce((carry, permission) => {
         if (!permission.checked) return carry;
@@ -63,6 +60,11 @@ const checked = function (permissions) {
 };
 
 export default {
+    components: {
+        Header,
+        Button,
+    },
+
     props: {
         initialTitle: String,
         initialHandle: String,
diff --git a/resources/js/components/sites/EditForm.vue b/resources/js/components/sites/EditForm.vue
index 2ed8440843f..08e19fc5cba 100644
--- a/resources/js/components/sites/EditForm.vue
+++ b/resources/js/components/sites/EditForm.vue
@@ -12,16 +12,23 @@
         v-slot="{ setFieldValue, setFieldMeta }"
     >
         <div>
-            <ui-header :title="pageTitle">
-                <ui-button type="submit" variant="primary" @click="submit">{{ __('Save') }}</ui-button>
-            </ui-header>
+            <Header :title="pageTitle">
+                <Button type="submit" variant="primary" @click="submit">{{ __('Save') }}</Button>
+            </Header>
             <publish-tabs @updated="setFieldValue" @meta-updated="setFieldMeta" :enable-sidebar="false" />
         </div>
     </publish-container>
 </template>
 
 <script>
+import { Header, Button } from '@statamic/ui';
+
 export default {
+    components: {
+        Header,
+        Button,
+    },
+
     props: {
         blueprint: Object,
         initialValues: Object,
diff --git a/resources/js/components/taxonomies/Listing.vue b/resources/js/components/taxonomies/Listing.vue
index bcd4b26d658..fe0c814dc16 100644
--- a/resources/js/components/taxonomies/Listing.vue
+++ b/resources/js/components/taxonomies/Listing.vue
@@ -1,6 +1,6 @@
 <template>
     <data-list :columns="columns" :rows="rows" v-slot="{ filteredRows: rows }">
-        <ui-card-panel>
+        <CardPanel>
             <data-list-table :rows="rows">
                 <template #cell-title="{ row: taxonomy }">
                     <a :href="taxonomy.terms_url">{{ __(taxonomy.title) }}</a>
@@ -25,16 +25,21 @@
                     </dropdown-list>
                 </template>
             </data-list-table>
-        </ui-card-panel>
+        </CardPanel>
     </data-list>
 </template>
 
 <script>
 import Listing from '../Listing.vue';
+import { CardPanel } from '@statamic/ui';
 
 export default {
     mixins: [Listing],
 
+    components: {
+        CardPanel,
+    },
+
     props: ['initial-rows', 'initial-columns'],
 
     data() {
diff --git a/resources/js/components/ui/Badge.vue b/resources/js/components/ui/Badge.vue
index fb149ce4d02..72505cc14fd 100644
--- a/resources/js/components/ui/Badge.vue
+++ b/resources/js/components/ui/Badge.vue
@@ -2,6 +2,7 @@
 import { computed, useSlots } from 'vue';
 import { cva } from 'cva';
 import { twMerge } from 'tailwind-merge';
+import { Icon } from '@statamic/ui';
 
 const props = defineProps({
     as: { type: String, default: 'div' },
@@ -33,9 +34,12 @@ const badgeClasses = computed(() => {
                 black: 'bg-gray-900 border-black text-white [a]:hover:bg-black/90 [button]:hover:bg-black/90',
                 blue: 'bg-blue-100/80 border-blue-300 text-blue-700 [a]:hover:bg-blue-200/60 [button]:hover:bg-blue-200/60',
                 cyan: 'bg-cyan-100/80 border-cyan-400 text-cyan-700 [a]:hover:bg-cyan-200/60 [button]:hover:bg-cyan-200/60',
-                default: 'bg-gray-100/80 border-gray-300 text-gray-700 [a]:hover:bg-gray-200/50 [button]:hover:bg-gray-200/50',
-                emerald: 'bg-emerald-100/80 border-emerald-400 text-emerald-700 [a]:hover:bg-emerald-200/60 [button]:hover:bg-emerald-200/60',
-                fuchsia: 'bg-fuchsia-100/80 border-fuchsia-300 text-fuchsia-700 [a]:hover:bg-fuchsia-200/60 [button]:hover:bg-fuchsia-200/60',
+                default:
+                    'bg-gray-100/80 border-gray-300 text-gray-700 [a]:hover:bg-gray-200/50 [button]:hover:bg-gray-200/50',
+                emerald:
+                    'bg-emerald-100/80 border-emerald-400 text-emerald-700 [a]:hover:bg-emerald-200/60 [button]:hover:bg-emerald-200/60',
+                fuchsia:
+                    'bg-fuchsia-100/80 border-fuchsia-300 text-fuchsia-700 [a]:hover:bg-fuchsia-200/60 [button]:hover:bg-fuchsia-200/60',
                 green: 'bg-green-100/80 border-green-400 text-green-700 [a]:hover:bg-green-200/60 [button]:hover:bg-green-200/60',
                 indigo: 'bg-indigo-100/80 border-indigo-300 text-indigo-700 [a]:hover:bg-indigo-200/60 [button]:hover:bg-indigo-200/60',
                 lime: 'bg-lime-100 border-lime-400 text-lime-700 [a]:hover:bg-lime-200/80 [button]:hover:bg-lime-200/80',
@@ -64,7 +68,7 @@ const badgeClasses = computed(() => {
 
 <template>
     <component :is="tag" :class="badgeClasses" :href="props.href" data-ui-badge>
-        <ui-icon v-if="icon" :name="icon" />
+        <Icon v-if="icon" :name="icon" />
         <slot v-if="hasDefaultSlot" />
         <template v-else>{{ text }}</template>
         <span v-if="props.subText" class="text-[0.625rem] leading-tight font-medium opacity-70">{{ subText }}</span>
diff --git a/resources/js/components/ui/Button/Button.vue b/resources/js/components/ui/Button/Button.vue
index 7b8dad7bee7..6ddd2bb517b 100644
--- a/resources/js/components/ui/Button/Button.vue
+++ b/resources/js/components/ui/Button/Button.vue
@@ -2,6 +2,7 @@
 import { computed, useSlots } from 'vue';
 import { cva } from 'cva';
 import { twMerge } from 'tailwind-merge';
+import { Icon } from '@statamic/ui';
 
 const props = defineProps({
     href: { type: String, default: null },
@@ -83,12 +84,12 @@ const buttonClasses = computed(() => {
         :href
         :type="props.href ? null : type"
     >
-        <ui-icon v-if="icon" :name="icon" class="text-gray-400" />
-        <ui-icon v-if="loading" name="loading" :size />
+        <Icon v-if="icon" :name="icon" class="text-gray-400" />
+        <Icon v-if="loading" name="loading" :size />
 
         <slot v-if="hasDefaultSlot" />
         <template v-else>{{ text }}</template>
 
-        <ui-icon v-if="iconAppend" :name="iconAppend" />
+        <Icon v-if="iconAppend" :name="iconAppend" />
     </component>
 </template>
diff --git a/resources/js/components/ui/Calendar/Calendar.vue b/resources/js/components/ui/Calendar/Calendar.vue
index 134c29add83..49091afd033 100644
--- a/resources/js/components/ui/Calendar/Calendar.vue
+++ b/resources/js/components/ui/Calendar/Calendar.vue
@@ -15,6 +15,7 @@ import {
     CalendarNext,
 } from 'reka-ui';
 import { parseDate } from '@internationalized/date';
+import { Icon } from '@statamic/ui';
 
 defineOptions({ name: 'Calendar' });
 
@@ -68,13 +69,13 @@ const maxValue = computed(() =>
                     :is="components.CalendarPrev"
                     class="inline-flex size-8 cursor-pointer items-center justify-center rounded-md hover:bg-gray-50 active:scale-90 dark:hover:bg-gray-950"
                 >
-                    <ui-icon name="ui/chevron-left" class="size-4" />
+                    <Icon name="ui/chevron-left" class="size-4" />
                 </Component>
                 <Component
                     :is="components.CalendarNext"
                     class="inline-flex size-8 cursor-pointer items-center justify-center rounded-md hover:bg-gray-50 active:scale-90 dark:hover:bg-gray-950"
                 >
-                    <ui-icon name="ui/chevron-right" class="size-4" />
+                    <Icon name="ui/chevron-right" class="size-4" />
                 </Component>
             </div>
         </Component>
diff --git a/resources/js/components/ui/Card/Panel.vue b/resources/js/components/ui/Card/Panel.vue
index 056bc0fc8d9..e3440e9c5d8 100644
--- a/resources/js/components/ui/Card/Panel.vue
+++ b/resources/js/components/ui/Card/Panel.vue
@@ -1,4 +1,6 @@
 <script setup>
+import { Panel, PanelHeader, Heading, Subheading, Card } from '@statamic/ui';
+
 const props = defineProps({
     heading: { type: String, default: null },
     subheading: { type: String, default: null },
@@ -6,13 +8,13 @@ const props = defineProps({
 </script>
 
 <template>
-    <ui-panel>
-        <ui-panel-header v-if="heading">
-            <ui-heading v-html="heading" />
-            <ui-subheading v-if="subheading" v-html="subheading" />
-        </ui-panel-header>
-        <ui-card>
+    <Panel>
+        <PanelHeader v-if="heading">
+            <Heading v-html="heading" />
+            <Subheading v-if="subheading" v-html="subheading" />
+        </PanelHeader>
+        <Card>
             <slot />
-        </ui-card>
-    </ui-panel>
+        </Card>
+    </Panel>
 </template>
diff --git a/resources/js/components/ui/CharacterCounter.vue b/resources/js/components/ui/CharacterCounter.vue
index e38be34cbcf..e504f1fc7a7 100644
--- a/resources/js/components/ui/CharacterCounter.vue
+++ b/resources/js/components/ui/CharacterCounter.vue
@@ -1,6 +1,7 @@
 <script setup>
 import { computed, ref, watch } from 'vue';
 import { cva } from 'cva';
+import { Tooltip } from '@statamic/ui';
 
 const emit = defineEmits(['update:text']);
 
@@ -63,7 +64,7 @@ const circleClasses = cva({
 </script>
 
 <template>
-    <ui-tooltip :text="tooltipText" position="top" delay-duration="0">
+    <Tooltip :text="tooltipText" position="top" delay-duration="0">
         <div class="relative flex size-6 items-center justify-center" :class="{ 'animate-pop': isAnimating }">
             <svg :class="circleClasses({ color: 'gray' })" viewBox="0 0 100 100">
                 <circle cx="50" cy="50" r="40" fill="none" stroke="currentColor" stroke-width="8" />
@@ -99,7 +100,7 @@ const circleClasses = cva({
                 {{ charsRemaining }}
             </span>
         </div>
-    </ui-tooltip>
+    </Tooltip>
 </template>
 
 <style scoped>
diff --git a/resources/js/components/ui/Checkbox/Group.vue b/resources/js/components/ui/Checkbox/Group.vue
index 602f7a898a9..5b057c20cd4 100644
--- a/resources/js/components/ui/Checkbox/Group.vue
+++ b/resources/js/components/ui/Checkbox/Group.vue
@@ -1,6 +1,7 @@
 <script setup>
 import { useId } from 'vue';
 import { CheckboxGroupRoot } from 'reka-ui';
+import { WithField } from '@statamic/ui';
 
 defineProps({
     description: { type: String, default: null },
@@ -21,7 +22,7 @@ defineExpose({ focus });
 </script>
 
 <template>
-    <ui-with-field :label :description :required>
+    <WithField :label :description :required>
         <CheckboxGroupRoot
             :modelValue="modelValue"
             @update:modelValue="$emit('update:modelValue', $event)"
@@ -32,5 +33,5 @@ defineExpose({ focus });
         >
             <slot />
         </CheckboxGroupRoot>
-    </ui-with-field>
+    </WithField>
 </template>
diff --git a/resources/js/components/ui/DataTable/DataTable.vue b/resources/js/components/ui/DataTable/DataTable.vue
index c2193c4b1ca..48ae20a7076 100644
--- a/resources/js/components/ui/DataTable/DataTable.vue
+++ b/resources/js/components/ui/DataTable/DataTable.vue
@@ -3,10 +3,11 @@ import { ref, provide } from 'vue';
 import { cva } from 'cva';
 import DataTableColumns from './Columns.vue';
 import DataTableRows from './Rows.vue';
+import { Panel } from '@statamic/ui';
 
 const props = defineProps({
     variant: { type: String, default: 'normal' },
-})
+});
 
 provide('dataTableVariant', props.variant);
 
@@ -37,7 +38,7 @@ const titleClasses = cva({
 </script>
 
 <template>
-    <ui-panel class="relative overflow-x-auto overscroll-x-contain">
+    <Panel class="relative overflow-x-auto overscroll-x-contain">
         <table
             data-ui-data-table
             class="w-full min-w-full table-fixed border-separate border-spacing-y-0 whitespace-nowrap text-gray-500 antialiased"
@@ -49,7 +50,7 @@ const titleClasses = cva({
                 <slot name="rows" />
             </DataTableRows>
         </table>
-    </ui-panel>
+    </Panel>
 </template>
 
 <style></style>
diff --git a/resources/js/components/ui/DatePicker/DatePicker.vue b/resources/js/components/ui/DatePicker/DatePicker.vue
index 6036f264503..26230885646 100644
--- a/resources/js/components/ui/DatePicker/DatePicker.vue
+++ b/resources/js/components/ui/DatePicker/DatePicker.vue
@@ -19,7 +19,7 @@ import {
     DatePickerNext,
     DatePickerPrev,
 } from 'reka-ui';
-import { WithField, Card, Button, Calendar } from '@statamic/ui';
+import { WithField, Card, Button, Calendar, Icon } from '@statamic/ui';
 
 const emit = defineEmits(['update:modelValue']);
 
@@ -78,10 +78,10 @@ const calendarEvents = computed(() => ({
                 <DatePickerField v-slot="{ segments }" class="w-full">
                     <div
                         :class="[
-                            'flex items-center uppercase w-full bg-white dark:bg-gray-900',
+                            'flex w-full items-center bg-white uppercase dark:bg-gray-900',
                             'border border-gray-300 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-2xs dark:inset-shadow-black',
                             'text-gray-600 dark:text-gray-300',
-                            'shadow-ui-sm not-prose h-10 rounded-lg py-2 px-10 disabled:shadow-none',
+                            'shadow-ui-sm not-prose h-10 rounded-lg px-10 py-2 disabled:shadow-none',
                             'data-invalid:border-red-500',
                         ]"
                     >
@@ -89,10 +89,14 @@ const calendarEvents = computed(() => ({
                             v-if="!inline"
                             class="absolute start-1 top-1 bottom-1 flex items-center justify-center rounded-lg px-2 text-gray-400 outline-hidden hover:bg-gray-100 focus:bg-gray-100 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
                         >
-                            <ui-icon name="calendar" class="size-4" />
+                            <Icon name="calendar" class="size-4" />
                         </DatePickerTrigger>
                         <template v-for="item in segments" :key="item.part">
-                            <DatePickerInput v-if="item.part === 'literal'" :part="item.part" :class="{ 'text-gray-500 antialiased text-sm': !item.contenteditable }">
+                            <DatePickerInput
+                                v-if="item.part === 'literal'"
+                                :part="item.part"
+                                :class="{ 'text-sm text-gray-500 antialiased': !item.contenteditable }"
+                            >
                                 {{ item.value }}
                             </DatePickerInput>
                             <DatePickerInput
@@ -113,7 +117,7 @@ const calendarEvents = computed(() => ({
                         type="button"
                         class="absolute end-1 top-1 bottom-1 flex items-center justify-center rounded-lg px-2 text-gray-300 outline-hidden hover:bg-gray-100 focus:bg-gray-100 active:text-gray-400 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
                     >
-                        <ui-icon name="x" class="size-3" />
+                        <Icon name="x" class="size-3" />
                     </button>
                 </DatePickerField>
 
diff --git a/resources/js/components/ui/DateRangePicker/DateRangePicker.vue b/resources/js/components/ui/DateRangePicker/DateRangePicker.vue
index 1feb35cfbeb..d36ad925fbe 100644
--- a/resources/js/components/ui/DateRangePicker/DateRangePicker.vue
+++ b/resources/js/components/ui/DateRangePicker/DateRangePicker.vue
@@ -19,7 +19,7 @@ import {
     DateRangePickerRoot,
     DateRangePickerTrigger,
 } from 'reka-ui';
-import { WithField, Card, Button, Calendar } from '@statamic/ui';
+import { WithField, Card, Button, Calendar, Icon } from '@statamic/ui';
 import { parseAbsoluteToLocal } from '@internationalized/date';
 
 const emit = defineEmits(['update:modelValue']);
@@ -131,7 +131,7 @@ const calendarEvents = computed(() => ({
                         v-if="!inline"
                         class="absolute end-1 top-1 bottom-1 flex items-center justify-center rounded-lg px-2 text-gray-400 outline-hidden hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
                     >
-                        <ui-icon name="calendar" class="h-4 w-4" />
+                        <Icon name="calendar" class="h-4 w-4" />
                     </DateRangePickerTrigger>
                 </DateRangePickerField>
 
diff --git a/resources/js/components/ui/Dropdown/Dropdown.vue b/resources/js/components/ui/Dropdown/Dropdown.vue
index 17f8a4f7016..0aaa386f397 100644
--- a/resources/js/components/ui/Dropdown/Dropdown.vue
+++ b/resources/js/components/ui/Dropdown/Dropdown.vue
@@ -2,6 +2,7 @@
 import { useAttrs } from 'vue';
 import { cva } from 'cva';
 import { DropdownMenuContent, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger } from 'reka-ui';
+import { Button } from '@statamic/ui';
 
 defineOptions({
     inheritAttrs: false,
@@ -27,7 +28,7 @@ const dropdownContentClasses = cva({
     <DropdownMenuRoot>
         <DropdownMenuTrigger data-ui-dropdown-trigger>
             <slot name="trigger">
-                <ui-button icon="ui/dots" variant="ghost" size="sm" v-bind="attrs" />
+                <Button icon="ui/dots" variant="ghost" size="sm" v-bind="attrs" />
             </slot>
         </DropdownMenuTrigger>
         <DropdownMenuPortal>
diff --git a/resources/js/components/ui/Dropdown/Footer.vue b/resources/js/components/ui/Dropdown/Footer.vue
index 1de3f3ff2f3..485155e2d6d 100644
--- a/resources/js/components/ui/Dropdown/Footer.vue
+++ b/resources/js/components/ui/Dropdown/Footer.vue
@@ -24,11 +24,13 @@ const footerClasses = cva({
         <div v-else class="flex items-center gap-2">
             <div
                 v-if="icon"
-                class="size-6 flex items-center justify-center rounded-lg bg-gray-100 dark:bg-gray-900 p-1 text-gray-700 dark:text-gray-500"
+                class="flex size-6 items-center justify-center rounded-lg bg-gray-100 p-1 text-gray-700 dark:bg-gray-900 dark:text-gray-500"
             >
-                <ui-icon :name="icon" />
+                <Icon :name="icon" />
             </div>
-            <div class="grow truncate text-sm text-gray-600 dark:text-gray-400 group-hover/footer:text-gray-950 dark:group-hover/footer:text-gray-200 antialiased">
+            <div
+                class="grow truncate text-sm text-gray-600 antialiased group-hover/footer:text-gray-950 dark:text-gray-400 dark:group-hover/footer:text-gray-200"
+            >
                 {{ text }}
             </div>
         </div>
diff --git a/resources/js/components/ui/Dropdown/Header.vue b/resources/js/components/ui/Dropdown/Header.vue
index 82ae6cf1b8a..b61cbec5e3d 100644
--- a/resources/js/components/ui/Dropdown/Header.vue
+++ b/resources/js/components/ui/Dropdown/Header.vue
@@ -1,6 +1,7 @@
 <script setup>
 import { useSlots } from 'vue';
 import { cva } from 'cva';
+import { Icon, Button } from '@statamic/ui';
 
 defineProps({
     icon: { type: String, default: null },
@@ -17,7 +18,7 @@ const headerClasses = cva({
     base: 'col-span-2 px-3.5 py-3 bg-white dark:bg-gray-900 font-medium border-b border-gray-200 dark:border-black text-sm text-gray-800 dark:text-gray-300',
     variants: {
         usingSlot: {
-            true: 'grid grid-cols-[auto_1fr_auto]'
+            true: 'grid grid-cols-[auto_1fr_auto]',
         },
     },
 });
@@ -27,15 +28,15 @@ const headerClasses = cva({
     <header :class="headerClasses({ usingSlot: usingSlot })" data-ui-dropdown-header>
         <div
             v-if="icon"
-            class="size-6 -ms-1 me-2 flex items-center justify-center rounded-lg bg-gray-100 dark:bg-gray-800 p-1 text-gray-700 dark:text-gray-400"
+            class="-ms-1 me-2 flex size-6 items-center justify-center rounded-lg bg-gray-100 p-1 text-gray-700 dark:bg-gray-800 dark:text-gray-400"
         >
-            <ui-icon :name="icon" />
+            <Icon :name="icon" />
         </div>
-        <div class="grow truncate col-start-2">
+        <div class="col-start-2 grow truncate">
             <slot v-if="usingSlot" />
             <template v-else>{{ text }}</template>
         </div>
-        <ui-button
+        <Button
             v-if="appendIcon"
             :href="appendHref"
             :icon="appendIcon"
diff --git a/resources/js/components/ui/Dropdown/Item.vue b/resources/js/components/ui/Dropdown/Item.vue
index defd0101353..3822e2e76ac 100644
--- a/resources/js/components/ui/Dropdown/Item.vue
+++ b/resources/js/components/ui/Dropdown/Item.vue
@@ -1,6 +1,7 @@
 <script setup>
 import { DropdownMenuItem } from 'reka-ui';
 import { useSlots } from 'vue';
+import { Icon } from '@statamic/ui';
 
 defineProps({
     href: { type: String, default: null },
@@ -27,7 +28,7 @@ const hasDefaultSlot = !!slots.default;
         :href="href"
     >
         <div v-if="icon" class="flex size-6 items-center justify-center p-1 text-gray-500">
-            <ui-icon :name="icon" class="size-3.5!" />
+            <Icon :name="icon" class="size-3.5!" />
         </div>
         <div class="col-start-2 ps-2">
             <slot v-if="hasDefaultSlot" />
diff --git a/resources/js/components/ui/Input/Group.vue b/resources/js/components/ui/Input/Group.vue
index 5ca73859bf5..f9013bf387a 100644
--- a/resources/js/components/ui/Input/Group.vue
+++ b/resources/js/components/ui/Input/Group.vue
@@ -1,4 +1,6 @@
 <script setup>
+import { WithField } from '@statamic/ui';
+
 const props = defineProps({
     label: { type: String, default: null },
     description: { type: String, default: null },
@@ -8,7 +10,7 @@ const props = defineProps({
 </script>
 
 <template>
-    <ui-with-field :label :description :required :badge>
+    <WithField :label :description :required :badge>
         <div
             :class="[
                 'group/input flex w-full data-ui-input:*:grow',
@@ -27,5 +29,5 @@ const props = defineProps({
         >
             <slot />
         </div>
-    </ui-with-field>
+    </WithField>
 </template>
diff --git a/resources/js/components/ui/Input/Input.vue b/resources/js/components/ui/Input/Input.vue
index ea7ae9ea4ba..31071077c7b 100644
--- a/resources/js/components/ui/Input/Input.vue
+++ b/resources/js/components/ui/Input/Input.vue
@@ -2,6 +2,7 @@
 import { computed, useSlots, ref, useId } from 'vue';
 import { cva } from 'cva';
 import { twMerge } from 'tailwind-merge';
+import { Icon, Button, CharacterCounter, WithField } from '@statamic/ui';
 
 const slots = useSlots();
 
@@ -108,11 +109,11 @@ const copy = () => {
 </script>
 
 <template>
-    <ui-with-field :label :description :required :badge>
+    <WithField :label :description :required :badge>
         <div class="group/input relative block w-full" data-ui-input>
             <div v-if="hasPrependedIcon" :class="iconClasses">
                 <slot name="prepend">
-                    <ui-icon :name="iconPrepend || icon" />
+                    <Icon :name="iconPrepend || icon" />
                 </slot>
             </div>
             <input
@@ -128,15 +129,15 @@ const copy = () => {
             />
             <div v-if="hasAppendedIcon" :class="iconClasses">
                 <slot name="append">
-                    <ui-button size="sm" icon="x" variant="ghost" v-if="clearable" @click="clear" />
-                    <ui-button
+                    <Button size="sm" icon="x" variant="ghost" v-if="clearable" @click="clear" />
+                    <Button
                         size="sm"
                         :icon="inputType === 'password' ? 'eye' : 'eye-closed'"
                         variant="ghost"
                         v-else-if="viewable"
                         @click="togglePassword"
                     />
-                    <ui-button
+                    <Button
                         size="sm"
                         :icon="copied ? 'clipboard-check' : 'clipboard'"
                         variant="ghost"
@@ -145,12 +146,12 @@ const copy = () => {
                         class="animate"
                         :class="copied ? 'animate-wiggle' : ''"
                     />
-                    <ui-icon v-else :name="iconAppend" />
+                    <Icon v-else :name="iconAppend" />
                 </slot>
             </div>
-            <div v-if="limit" class="absolute right-2 inset-y-0 flex items-center">
-                <ui-character-counter :text="modelValue" :limit />
+            <div v-if="limit" class="absolute inset-y-0 right-2 flex items-center">
+                <CharacterCounter :text="modelValue" :limit />
             </div>
         </div>
-    </ui-with-field>
+    </WithField>
 </template>
diff --git a/resources/js/components/ui/Label.vue b/resources/js/components/ui/Label.vue
index 342e123eee5..aa4bbc5ab84 100644
--- a/resources/js/components/ui/Label.vue
+++ b/resources/js/components/ui/Label.vue
@@ -1,5 +1,6 @@
 <script setup>
 import { useSlots } from 'vue';
+import { Badge } from '@statamic/ui';
 
 const slots = useSlots();
 const hasDefaultSlot = !!slots.default;
@@ -21,6 +22,6 @@ const props = defineProps({
             <template v-else>{{ text }}</template>
             <span v-if="required" class="relative -top-px ms-0.5 text-red-600">*</span>
         </div>
-        <ui-badge v-if="badge" :text="badge" variant="flat" />
+        <Badge v-if="badge" :text="badge" variant="flat" />
     </label>
 </template>
diff --git a/resources/js/components/ui/Modal/Close.vue b/resources/js/components/ui/Modal/Close.vue
index 0f89c81d78e..11a9880436f 100644
--- a/resources/js/components/ui/Modal/Close.vue
+++ b/resources/js/components/ui/Modal/Close.vue
@@ -1,6 +1,7 @@
 <script setup>
 import { DialogClose } from 'reka-ui';
 import { computed, useSlots } from 'vue';
+import { Button } from '@statamic/ui';
 
 const slots = useSlots();
 
@@ -13,7 +14,7 @@ const hasSlot = computed(() => !!slots.default);
             <slot />
         </template>
         <template v-else>
-            <ui-button variant="ghost" size="sm" icon="x" class="absolute top-3 right-2" />
+            <Button variant="ghost" size="sm" icon="x" class="absolute top-3 right-2" />
         </template>
     </DialogClose>
 </template>
diff --git a/resources/js/components/ui/Panel/Header.vue b/resources/js/components/ui/Panel/Header.vue
index 58d46f491fd..1e573968582 100644
--- a/resources/js/components/ui/Panel/Header.vue
+++ b/resources/js/components/ui/Panel/Header.vue
@@ -1,4 +1,6 @@
 <script setup>
+import { Heading } from '@statamic/ui';
+
 const props = defineProps({
     title: { type: String, default: null },
 });
@@ -6,7 +8,7 @@ const props = defineProps({
 
 <template>
     <header class="px-4.5 py-2 antialiased" data-ui-panel-header>
-        <ui-heading v-text="props.title" v-if="props.title" />
+        <Heading v-text="props.title" v-if="props.title" />
         <slot v-else />
     </header>
 </template>
diff --git a/resources/js/components/ui/Radio/Group.vue b/resources/js/components/ui/Radio/Group.vue
index 238ed3e5041..a236796d4b8 100644
--- a/resources/js/components/ui/Radio/Group.vue
+++ b/resources/js/components/ui/Radio/Group.vue
@@ -1,6 +1,7 @@
 <script setup>
 import { useId } from 'vue';
 import { RadioGroupRoot } from 'reka-ui';
+import { WithField } from '@statamic/ui';
 
 defineProps({
     description: { type: String, default: null },
@@ -21,7 +22,7 @@ defineExpose({ focus });
 </script>
 
 <template>
-    <ui-with-field :label :description :required>
+    <WithField :label :description :required>
         <RadioGroupRoot
             :modelValue="modelValue"
             @update:modelValue="$emit('update:modelValue', $event)"
@@ -33,5 +34,5 @@ defineExpose({ focus });
         >
             <slot />
         </RadioGroupRoot>
-    </ui-with-field>
+    </WithField>
 </template>
diff --git a/resources/js/components/ui/Select/Index.vue b/resources/js/components/ui/Select/Index.vue
index 9a2bc8c08c1..be464a5e6ce 100644
--- a/resources/js/components/ui/Select/Index.vue
+++ b/resources/js/components/ui/Select/Index.vue
@@ -11,6 +11,7 @@ import {
     SelectViewport,
 } from 'reka-ui';
 import { useAttrs } from 'vue';
+import { WithField, Icon } from '@statamic/ui';
 
 const emit = defineEmits(['update:modelValue']);
 
@@ -58,11 +59,11 @@ const itemClasses = cva({
 </script>
 
 <template>
-    <ui-with-field :label :description>
+    <WithField :label :description>
         <SelectRoot v-bind="attrs" :model-value="modelValue" @update:model-value="emit('update:model-value', $event)">
             <SelectTrigger :class="[triggerClasses, $attrs.class]" data-ui-select-trigger>
                 <SelectValue :placeholder="placeholder" class="select-none" />
-                <ui-icon name="ui/chevron-down" class="me-2" />
+                <Icon name="ui/chevron-down" class="me-2" />
             </SelectTrigger>
 
             <SelectPortal>
@@ -92,5 +93,5 @@ const itemClasses = cva({
                 </SelectContent>
             </SelectPortal>
         </SelectRoot>
-    </ui-with-field>
+    </WithField>
 </template>
diff --git a/resources/js/components/ui/Slider.vue b/resources/js/components/ui/Slider.vue
index 300b4781589..5c2f71909b3 100644
--- a/resources/js/components/ui/Slider.vue
+++ b/resources/js/components/ui/Slider.vue
@@ -1,6 +1,7 @@
 <script setup>
 import { useId } from 'vue';
 import { SliderRange, SliderRoot, SliderThumb, SliderTrack } from 'reka-ui';
+import { WithField } from '@statamic/ui';
 
 defineProps({
     description: { type: String, default: null },
@@ -13,7 +14,7 @@ defineEmits(['update:modelValue']);
 </script>
 
 <template>
-    <ui-with-field :label :description :required variant="inline" :for="id">
+    <WithField :label :description :required variant="inline" :for="id">
         <SliderRoot
             data-ui-control
             class="relative flex h-5 w-full touch-none items-center select-none"
@@ -31,5 +32,5 @@ defineEmits(['update:modelValue']);
                 :aria-label="label"
             />
         </SliderRoot>
-    </ui-with-field>
+    </WithField>
 </template>
diff --git a/resources/js/components/ui/StatusIndicator.vue b/resources/js/components/ui/StatusIndicator.vue
index 01f291fbd67..dbf83ad5e39 100644
--- a/resources/js/components/ui/StatusIndicator.vue
+++ b/resources/js/components/ui/StatusIndicator.vue
@@ -1,52 +1,44 @@
 <template>
-    <ui-tooltip :text="label" :delay="300">
+    <Tooltip :text="label" :delay="300">
         <span class="flex items-center gap-2">
-            <span
-                v-if="showDot"
-                class="size-2 rounded-full"
-                :class="statusClass"
-            />
-            <span
-                v-if="showLabel"
-                class="status-index-field select-none"
-                :class="`status-${status}`"
-                v-text="label"
-            />
+            <span v-if="showDot" class="size-2 rounded-full" :class="statusClass" />
+            <span v-if="showLabel" class="status-index-field select-none" :class="`status-${status}`" v-text="label" />
         </span>
-    </ui-tooltip>
+    </Tooltip>
 </template>
 
 <script setup>
 import { computed } from 'vue';
+import { Tooltip } from '@statamic/ui';
+
 const props = defineProps({
     status: {
         type: String,
         required: true,
-        validator: value => ['published', 'scheduled', 'expired', 'draft'].includes(value)
+        validator: (value) => ['published', 'scheduled', 'expired', 'draft'].includes(value),
     },
-    date: {type: String, default: null },
-    showDot: {type: Boolean, default: true },
-    showLabel: {type: Boolean, default: false },
-    private: {type: Boolean, default: false },
-})
+    date: { type: String, default: null },
+    showDot: { type: Boolean, default: true },
+    showLabel: { type: Boolean, default: false },
+    private: { type: Boolean, default: false },
+});
 
 const statusClass = computed(() => {
     if (props.status === 'published' && props.private) {
-        return 'bg-transparent border border-gray-600'
+        return 'bg-transparent border border-gray-600';
     } else if (props.status === 'published') {
-        return 'bg-green-400'
+        return 'bg-green-400';
     }
-    return 'bg-gray-300 dark:bg-dark-200'
-})
+    return 'bg-gray-300 dark:bg-dark-200';
+});
 
 const label = computed(() => {
     const labels = {
         published: __('Published'),
         scheduled: __('Scheduled'),
         expired: __('Expired'),
-        draft: __('Draft')
-    }
-    return labels[props.status]
-})
+        draft: __('Draft'),
+    };
+    return labels[props.status];
+});
 </script>
-
diff --git a/resources/js/components/ui/Switch.vue b/resources/js/components/ui/Switch.vue
index a932c992d30..50c8bf4116b 100644
--- a/resources/js/components/ui/Switch.vue
+++ b/resources/js/components/ui/Switch.vue
@@ -2,6 +2,7 @@
 import { useId } from 'vue';
 import { SwitchRoot, SwitchThumb } from 'reka-ui';
 import { cva } from 'cva';
+import { WithField } from '@statamic/ui';
 
 const props = defineProps({
     description: { type: String, default: null },
@@ -15,13 +16,13 @@ const props = defineProps({
 defineEmits(['update:modelValue']);
 
 const switchRootClasses = cva({
-        base: [
-            'relative flex rounded-full shrink-0 border-2',
-            'transition-colors focus-within:outline-hidden cursor-pointer',
-            'data-[state=checked]:border-gray-700',
-            'data-[state=checked]:bg-gray-800',
-            'data-[state=unchecked]:border-transparent',
-            'data-[state=unchecked]:bg-gray-200',
+    base: [
+        'relative flex rounded-full shrink-0 border-2',
+        'transition-colors focus-within:outline-hidden cursor-pointer',
+        'data-[state=checked]:border-gray-700',
+        'data-[state=checked]:bg-gray-800',
+        'data-[state=unchecked]:border-transparent',
+        'data-[state=unchecked]:bg-gray-200',
     ],
     variants: {
         size: {
@@ -48,7 +49,7 @@ const switchThumbClasses = cva({
 </script>
 
 <template>
-    <ui-with-field :label :description :required variant="inline" :for="id">
+    <WithField :label :description :required variant="inline" :for="id">
         <SwitchRoot
             data-ui-control
             dir="ltr"
@@ -57,7 +58,7 @@ const switchThumbClasses = cva({
             :class="switchRootClasses"
             @update:model-value="$emit('update:modelValue', $event)"
         >
-                <SwitchThumb :class="switchThumbClasses" />
+            <SwitchThumb :class="switchThumbClasses" />
         </SwitchRoot>
-    </ui-with-field>
+    </WithField>
 </template>
diff --git a/resources/js/components/ui/Textarea.vue b/resources/js/components/ui/Textarea.vue
index 850a3574586..a9c5f1c57d0 100644
--- a/resources/js/components/ui/Textarea.vue
+++ b/resources/js/components/ui/Textarea.vue
@@ -1,5 +1,6 @@
 <script setup>
 import { cva } from 'cva';
+import { WithField, CharacterCounter } from '@statamic/ui';
 
 defineEmits(['update:modelValue']);
 
@@ -36,7 +37,7 @@ const classes = cva({
 </script>
 
 <template>
-    <ui-with-field :label="label" :description="description" :required="required">
+    <WithField :label="label" :description="description" :required="required">
         <div class="group/input relative block w-full" data-ui-input>
             <textarea
                 :class="classes"
@@ -47,8 +48,8 @@ const classes = cva({
                 @input="$emit('update:modelValue', $event.target.value)"
             />
             <div class="absolute right-2 bottom-2" v-if="limit">
-                <ui-character-counter :text="modelValue" :limit />
+                <CharacterCounter :text="modelValue" :limit />
             </div>
         </div>
-    </ui-with-field>
+    </WithField>
 </template>
diff --git a/resources/js/components/ui/Toggle/Group.vue b/resources/js/components/ui/Toggle/Group.vue
index e8f4d7a720d..c32ecba7d30 100644
--- a/resources/js/components/ui/Toggle/Group.vue
+++ b/resources/js/components/ui/Toggle/Group.vue
@@ -1,7 +1,8 @@
 <script setup>
-import { ToggleGroupRoot } from 'reka-ui'
-import { ref, watch, provide } from 'vue'
-import { cva } from 'cva'
+import { ToggleGroupRoot } from 'reka-ui';
+import { ref, watch, provide } from 'vue';
+import { cva } from 'cva';
+import { WithField } from '@statamic/ui';
 
 const props = defineProps({
     description: { type: String, default: null },
@@ -17,9 +18,12 @@ const emit = defineEmits(['update:modelValue']);
 
 const toggleState = ref(props.modelValue ?? (props.multiple ? [] : null));
 
-watch(() => props.modelValue, (newValue) => {
-    toggleState.value = newValue ?? (props.multiple ? [] : null);
-});
+watch(
+    () => props.modelValue,
+    (newValue) => {
+        toggleState.value = newValue ?? (props.multiple ? [] : null);
+    },
+);
 
 watch(toggleState, (newValue) => {
     emit('update:modelValue', newValue);
@@ -41,17 +45,16 @@ const groupClasses = cva({
                 '[&>*:first-child:not(:last-child)_[data-ui-group-target]]:rounded-e-none',
                 '[&>*:last-child:not(:first-child)_[data-ui-group-target]]:rounded-s-none',
             ],
-            false: 'gap-1.5'
-        }
-    }
+            false: 'gap-1.5',
+        },
+    },
 })({
-    notGhost: props.variant !== 'ghost'
+    notGhost: props.variant !== 'ghost',
 });
-
 </script>
 
 <template>
-    <ui-with-field :label :description :required>
+    <WithField :label :description :required>
         <ToggleGroupRoot
             v-model="toggleState"
             :type="multiple ? 'multiple' : 'single'"
@@ -60,5 +63,5 @@ const groupClasses = cva({
         >
             <slot />
         </ToggleGroupRoot>
-    </ui-with-field>
+    </WithField>
 </template>
diff --git a/resources/js/components/ui/Toggle/Item.vue b/resources/js/components/ui/Toggle/Item.vue
index 496b6aa3282..d7b2cffc65a 100644
--- a/resources/js/components/ui/Toggle/Item.vue
+++ b/resources/js/components/ui/Toggle/Item.vue
@@ -3,6 +3,7 @@ import { computed, inject, useSlots } from 'vue';
 import { cva } from 'cva';
 import { twMerge } from 'tailwind-merge';
 import { ToggleGroupItem } from 'reka-ui';
+import { Icon } from '@statamic/ui';
 
 const props = defineProps({
     value: { type: String, required: true },
@@ -11,7 +12,6 @@ const props = defineProps({
     iconOnly: { type: Boolean, default: false },
 });
 
-
 const variant = inject('toggleVariant', 'default');
 const size = inject('toggleSize', 'base');
 
@@ -26,11 +26,11 @@ const toggleItemClasses = computed(() => {
             variant: {
                 default: [
                     'bg-linear-to-b from-white to-gray-50 hover:to-gray-100 text-gray-800 border border-gray-300 shadow-ui-sm data-[state=on]:from-gray-200 data-[state=on]:to-gray-200 data-[state=on]:text-gray-900',
-                    'dark:from-gray-800 dark:to-gray-850 dark:hover:to-gray-800 hover:bg-gray-50 dark:hover:bg-gray-850 dark:border-b-0 dark:ring dark:ring-black dark:border-white/15 dark:text-gray-300 dark:shadow-md dark:data-[state=on]:from-gray-950 dark:data-[state=on]:to-gray-950 dark:data-[state=on]:text-white'
+                    'dark:from-gray-800 dark:to-gray-850 dark:hover:to-gray-800 hover:bg-gray-50 dark:hover:bg-gray-850 dark:border-b-0 dark:ring dark:ring-black dark:border-white/15 dark:text-gray-300 dark:shadow-md dark:data-[state=on]:from-gray-950 dark:data-[state=on]:to-gray-950 dark:data-[state=on]:text-white',
                 ],
                 primary: [
                     'bg-linear-to-b from-primary/90 to-primary hover:bg-primary-hover text-white border border-primary-border shadow-ui-md inset-shadow-2xs inset-shadow-white/25 data-[state=on]:bg-primary-hover',
-                    'dark:from-white dark:to-gray-200 dark:hover:from-gray-200 dark:text-gray-800 dark:border-0 dark:data-[state=on]:from-gray-300 dark:data-[state=on]:to-gray-300'
+                    'dark:from-white dark:to-gray-200 dark:hover:from-gray-200 dark:text-gray-800 dark:border-0 dark:data-[state=on]:from-gray-300 dark:data-[state=on]:to-gray-300',
                 ],
                 filled: 'bg-gray-100 hover:bg-gray-200 dark:bg-gray-700/80 dark:hover:bg-gray-700 data-[state=on]:bg-gray-300 data-[state=on]:border-gray-500 dark:data-[state=on]:bg-gray-950',
                 ghost: 'bg-transparent rounded-lg hover:bg-gray-400/10 text-gray-500 hover:text-gray-700 dark:text-gray-300 dark:hover:bg-gray-700/80 dark:hover:text-gray-200 data-[state=on]:bg-gray-400/20 data-[state=on]:text-gray-700 dark:data-[state=on]:bg-gray-700/80 dark:data-[state=on]:text-white',
@@ -41,8 +41,10 @@ const toggleItemClasses = computed(() => {
                 xs: 'px-2 h-6.5 text-xs',
             },
             groupBorder: {
-                default: '[[data-ui-toggle-group]_&]:border-s-0 [:is([data-ui-toggle-group]>&:first-child,_[data-ui-toggle-group]_:first-child>&)]:border-s-[1px]',
-                primary: '[[data-ui-toggle-group]_&]:border-e-0 [:is([data-ui-toggle-group]>&:last-child,_[data-ui-toggle-group]_:last-child>&)]:border-e-[1px] [:is([data-ui-toggle-group]>&:not(:first-child),_[data-ui-toggle-group]_:not(:first-child)>&)]:border-s-primary-gap',
+                default:
+                    '[[data-ui-toggle-group]_&]:border-s-0 [:is([data-ui-toggle-group]>&:first-child,_[data-ui-toggle-group]_:first-child>&)]:border-s-[1px]',
+                primary:
+                    '[[data-ui-toggle-group]_&]:border-e-0 [:is([data-ui-toggle-group]>&:last-child,_[data-ui-toggle-group]_:last-child>&)]:border-e-[1px] [:is([data-ui-toggle-group]>&:not(:first-child),_[data-ui-toggle-group]_:not(:first-child)>&)]:border-s-primary-gap',
                 filled: '[[data-ui-toggle-group]_&]:border-e [:is([data-ui-toggle-group]>&:last-child,_[data-ui-toggle-group]_:last-child>&)]:border-e-0 [[data-ui-toggle-group]_&]:border-gray-300/70',
                 ghost: '',
             },
@@ -64,13 +66,8 @@ const toggleItemClasses = computed(() => {
 </script>
 
 <template>
-    <ToggleGroupItem
-        :value="value"
-        :aria-label="label"
-        :class="toggleItemClasses"
-        data-ui-group-target
-    >
-        <ui-icon v-if="icon" :name="icon" class="text-gray-400" />
+    <ToggleGroupItem :value="value" :aria-label="label" :class="toggleItemClasses" data-ui-group-target>
+        <Icon v-if="icon" :name="icon" class="text-gray-400" />
         <slot>{{ label }}</slot>
     </ToggleGroupItem>
 </template>
diff --git a/resources/js/components/ui/Widget.vue b/resources/js/components/ui/Widget.vue
index 014338170f6..aae5caee98d 100644
--- a/resources/js/components/ui/Widget.vue
+++ b/resources/js/components/ui/Widget.vue
@@ -1,17 +1,21 @@
 <script setup>
+import { Card, Icon } from '@statamic/ui';
+
 defineProps({
     title: String,
-    icon: { type: String, default: 'collections' }
-})
+    icon: { type: String, default: 'collections' },
+});
 </script>
 
 <template>
-    <ui-card inset class="@container/widget">
-        <div class="flex h-full flex-col justify-between min-h-54">
+    <Card inset class="@container/widget">
+        <div class="flex h-full min-h-54 flex-col justify-between">
             <div>
-                <header class="flex items-center justify-between px-4 py-2 h-15 border-b border-gray-200 dark:border-gray-700">
+                <header
+                    class="flex h-15 items-center justify-between border-b border-gray-200 px-4 py-2 dark:border-gray-700"
+                >
                     <div class="flex items-center gap-3">
-                        <ui-icon :name="icon" class="size-5 text-gray-500 hidden! @xs/widget:block!" />
+                        <Icon :name="icon" class="hidden! size-5 text-gray-500 @xs/widget:block!" />
                         <span v-text="title" />
                     </div>
                     <div class="flex items-center gap-4">
@@ -24,5 +28,5 @@ defineProps({
             </div>
             <slot name="footer" />
         </div>
-    </ui-card>
+    </Card>
 </template>
diff --git a/resources/js/components/ui/WithField.vue b/resources/js/components/ui/WithField.vue
index 416beaa131b..47e91f40ecb 100644
--- a/resources/js/components/ui/WithField.vue
+++ b/resources/js/components/ui/WithField.vue
@@ -1,14 +1,15 @@
 <template>
-    <ui-field v-if="label || description" :class="fieldClasses" :variant>
-        <ui-label v-if="label" :text="label" :required :for :badge />
-        <ui-description v-if="description" :text="description" />
+    <Field v-if="label || description" :class="fieldClasses" :variant>
+        <Label v-if="label" :text="label" :required :for :badge />
+        <Description v-if="description" :text="description" />
         <slot v-bind="slotAttrs" />
-    </ui-field>
+    </Field>
     <slot v-else v-bind="$attrs" />
 </template>
 
 <script setup>
 import { useAttrs, computed } from 'vue';
+import { Field, Label, Description } from '@statamic/ui';
 
 defineOptions({ inheritAttrs: false });
 const rawAttrs = useAttrs();
diff --git a/resources/js/components/ui/index.js b/resources/js/components/ui/index.js
index dee375890a2..ca4eaa3f8ff 100644
--- a/resources/js/components/ui/index.js
+++ b/resources/js/components/ui/index.js
@@ -1,10 +1,15 @@
 import { default as WithField } from './WithField.vue';
+import { default as Field } from './Field.vue';
+import { default as Label } from './Label.vue';
+import { default as Description } from './Description.vue';
 import { default as Calendar } from './Calendar/Calendar.vue';
 import { default as Card } from './Card/Card.vue';
+import { default as CardPanel } from './Card/Panel.vue';
 import { default as DatePicker } from './Datepicker/DatePicker.vue';
 import { default as DateRangePicker } from './DateRangePicker/DateRangePicker.vue';
 import { default as TimePicker } from './TimePicker/TimePicker.vue';
 import { default as Button } from './Button/Button.vue';
+import { default as ButtonGroup } from './Button/Group.vue';
 import { default as Widget } from './Widget.vue';
 import { default as Select } from './Select/Index.vue';
 import { default as Checkbox } from './Checkbox/Item.vue';
@@ -14,15 +19,35 @@ import { default as RadioGroup } from './Radio/Group.vue';
 import { default as Input } from './Input/Input.vue';
 import { default as Textarea } from './Textarea.vue';
 import { default as Switch } from './Switch.vue';
+import { default as Header } from './Header.vue';
+import { default as Heading } from './Heading.vue';
+import { default as Subheading } from './Subheading.vue';
+import { default as Icon } from './Icon.vue';
+import { default as Tooltip } from './Tooltip.vue';
+import { default as StatusIndicator } from './StatusIndicator.vue';
+import { default as Dropdown } from './Dropdown/Dropdown.vue';
+import { default as DropdownItem } from './Dropdown/Item.vue';
+import { default as DropdownLabel } from './Dropdown/Label.vue';
+import { default as DropdownMenu } from './Dropdown/Menu.vue';
+import { default as DropdownSeparator } from './Dropdown/Separator.vue';
+import { default as Panel } from './Panel/Panel.vue';
+import { default as PanelHeader } from './Panel/Header.vue';
+import { default as Badge } from './Badge.vue';
+import { default as CharacterCounter } from './CharacterCounter.vue';
 
 export {
     WithField,
+    Field,
+    Label,
+    Description,
     Calendar,
     Card,
+    CardPanel,
     DatePicker,
     DateRangePicker,
     TimePicker,
     Button,
+    ButtonGroup,
     Widget,
     Select,
     Checkbox,
@@ -32,4 +57,19 @@ export {
     Input,
     Textarea,
     Switch,
+    Header,
+    Heading,
+    Subheading,
+    Icon,
+    Tooltip,
+    StatusIndicator,
+    Dropdown,
+    DropdownItem,
+    DropdownLabel,
+    DropdownMenu,
+    DropdownSeparator,
+    Panel,
+    PanelHeader,
+    Badge,
+    CharacterCounter,
 };
diff --git a/resources/js/components/updater/UpdaterWidget.vue b/resources/js/components/updater/UpdaterWidget.vue
index 3e33493b72e..ad10334ad2a 100644
--- a/resources/js/components/updater/UpdaterWidget.vue
+++ b/resources/js/components/updater/UpdaterWidget.vue
@@ -1,9 +1,15 @@
 <script>
-import Listing from '../Listing.vue'
+import Listing from '../Listing.vue';
+import { Widget, Badge } from '@statamic/ui';
 
 export default {
     mixins: [Listing],
 
+    components: {
+        Badge,
+        Widget,
+    },
+
     props: {
         count: Number,
         hasStatamicUpdate: Boolean,
@@ -15,48 +21,43 @@ export default {
             cols: [
                 { label: 'Package', field: 'name', visible: true },
                 { label: 'Current', field: 'current_version', visible: true },
-                { label: 'Latest', field: 'latest_version', visible: true }
+                { label: 'Latest', field: 'latest_version', visible: true },
             ],
             items: [],
             currentPage: 1,
-        }
+        };
     },
 
     methods: {
         getItems() {
-            const items = []
+            const items = [];
 
             if (this.hasStatamicUpdate) {
-                items.push({ name: 'Statamic Core', type: 'core', slug: 'statamic' })
+                items.push({ name: 'Statamic Core', type: 'core', slug: 'statamic' });
             }
 
             Object.entries(this.updatableAddons || {}).forEach(([slug, name]) => {
-                items.push({ name, type: 'addon', slug })
-            })
+                items.push({ name, type: 'addon', slug });
+            });
 
             return items;
-        }
+        },
     },
 
     created() {
         this.items = this.getItems();
-    }
-}
+    },
+};
 </script>
 
 <template>
-    <ui-widget :title="__('Updates')" icon="updates">
-        <data-list
-            v-if="items.length"
-            :rows="items"
-            :columns="cols"
-            :sort="false"
-        >
-            <data-list-table unstyled class="[&_td]:text-sm [&_td]:p-0.5 [&_thead]:hidden">
+    <Widget :title="__('Updates')" icon="updates">
+        <data-list v-if="items.length" :rows="items" :columns="cols" :sort="false">
+            <data-list-table unstyled class="[&_td]:p-0.5 [&_td]:text-sm [&_thead]:hidden">
                 <template #cell-name="{ row: update }">
                     <a :href="cp_url(`updater/${update.slug}`)" class="flex items-center gap-2">
                         <span>{{ update.name.name || update.name }}</span>
-                        <ui-badge size="sm" pill color="green" text="2" />
+                        <Badge size="sm" pill color="green" text="2" />
                     </a>
                 </template>
             </data-list-table>
@@ -76,5 +77,5 @@ export default {
             />
             <slot name="actions" />
         </template>
-    </ui-widget>
+    </Widget>
 </template>
diff --git a/resources/js/components/user-groups/PublishForm.vue b/resources/js/components/user-groups/PublishForm.vue
index 7c264cd5619..f0f58b10309 100644
--- a/resources/js/components/user-groups/PublishForm.vue
+++ b/resources/js/components/user-groups/PublishForm.vue
@@ -1,18 +1,14 @@
 <template>
     <div>
-        <ui-header :title="__(title)">
+        <Header :title="__(title)">
             <dropdown-list class="ltr:mr-2 rtl:ml-2" v-if="canEditBlueprint">
                 <dropdown-item :text="__('Edit Blueprint')" :redirect="actions.editBlueprint" />
             </dropdown-list>
 
-            <ui-button
-                variant="primary"
-                @click.prevent="save"
-                :text="__('Save')"
-            />
+            <Button variant="primary" @click.prevent="save" :text="__('Save')" />
 
             <slot name="action-buttons-right" />
-        </ui-header>
+        </Header>
 
         <publish-container
             v-if="fieldset"
@@ -42,10 +38,16 @@
 <script>
 import HasHiddenFields from '../publish/HasHiddenFields';
 import clone from '@statamic/util/clone.js';
+import { Header, Button } from '@statamic/ui';
 
 export default {
     mixins: [HasHiddenFields],
 
+    components: {
+        Header,
+        Button,
+    },
+
     props: {
         publishContainer: String,
         initialFieldset: Object,

From 78f7d9312b9227d626fe2bb499b1a3bf34116567 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Tue, 22 Apr 2025 20:42:01 -0400
Subject: [PATCH 117/186] rename select

---
 resources/js/components/ui/Select/{Index.vue => Select.vue} | 0
 resources/js/components/ui/index.js                         | 2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename resources/js/components/ui/Select/{Index.vue => Select.vue} (100%)

diff --git a/resources/js/components/ui/Select/Index.vue b/resources/js/components/ui/Select/Select.vue
similarity index 100%
rename from resources/js/components/ui/Select/Index.vue
rename to resources/js/components/ui/Select/Select.vue
diff --git a/resources/js/components/ui/index.js b/resources/js/components/ui/index.js
index ca4eaa3f8ff..7f78a186943 100644
--- a/resources/js/components/ui/index.js
+++ b/resources/js/components/ui/index.js
@@ -11,7 +11,7 @@ import { default as TimePicker } from './TimePicker/TimePicker.vue';
 import { default as Button } from './Button/Button.vue';
 import { default as ButtonGroup } from './Button/Group.vue';
 import { default as Widget } from './Widget.vue';
-import { default as Select } from './Select/Index.vue';
+import { default as Select } from './Select/Select.vue';
 import { default as Checkbox } from './Checkbox/Item.vue';
 import { default as CheckboxGroup } from './Checkbox/Group.vue';
 import { default as Radio } from './Radio/Item.vue';

From 1a45e6f9b78bafa41ab05de56205eaac006d5e69 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Tue, 22 Apr 2025 20:42:51 -0400
Subject: [PATCH 118/186] no longer need to handle index.vue

---
 resources/js/bootstrap/ui.js | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/resources/js/bootstrap/ui.js b/resources/js/bootstrap/ui.js
index 30c23f0e8d5..d44af7b9b48 100644
--- a/resources/js/bootstrap/ui.js
+++ b/resources/js/bootstrap/ui.js
@@ -13,12 +13,10 @@ export default async (app) => {
             }, [])
             .slice(1); // Remove 'components' segment
 
-        // Handle Index files specially
-        // Either named Name/Index.vue or Name/Name.vue
+        // Handle Index files specially (named Name/Name.vue)
         if (
             segments.length > 1 &&
-            (segments[segments.length - 1].toLowerCase() === segments[segments.length - 2].toLowerCase() ||
-                segments[segments.length - 1].toLowerCase() === 'index')
+            segments[segments.length - 1].toLowerCase() === segments[segments.length - 2].toLowerCase()
         ) {
             segments.pop();
         }

From b86948dbbbfc5db2236c57f4692d8352e0bac769 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 22 Apr 2025 19:41:36 -0400
Subject: [PATCH 119/186] nudge the nav connectors over

---
 resources/css/core/layout.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/css/core/layout.css b/resources/css/core/layout.css
index 299afdca631..f33e736a4eb 100644
--- a/resources/css/core/layout.css
+++ b/resources/css/core/layout.css
@@ -25,7 +25,7 @@
     }
 
     ul li ul {
-        @apply ml-1.5 pl-5.5 translate-x-px my-1.5 text-[0.8125rem] min-w-0 flex-col gap-1 border-l border-gray-300 dark:border-gray-600;
+        @apply ml-3.5 pl-3.5 translate-x-px my-1.5 text-[0.8125rem] min-w-0 flex-col gap-1 border-s border-gray-300 dark:border-gray-600;
     }
 
     ul li ul li a {

From 30676181c9003f4740e23e187217b7c37635ecff Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 22 Apr 2025 19:43:52 -0400
Subject: [PATCH 120/186] bump markdown button icon size back up

---
 .../js/components/fieldtypes/markdown/MarkdownToolbar.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue b/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue
index 40c8d668eb1..8303f35295a 100644
--- a/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue
+++ b/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue
@@ -6,7 +6,7 @@
             <Button
                 size="sm"
                 variant="ghost"
-                class="px-2!"
+                class="px-2! [&_svg]:size-3.5"
                 v-for="button in buttons"
                 :key="button.name"
                 v-tooltip="button.text"
@@ -19,7 +19,7 @@
                 v-if="showDarkMode"
                 size="sm"
                 variant="ghost"
-                class="px-2!"
+                class="px-2! [&_svg]:size-3.5"
                 @click="$emit('toggle-dark-mode')"
                 v-tooltip="darkMode ? __('Light Mode') : __('Dark Mode')"
                 :aria-label="__('Toggle Dark Mode')"
@@ -31,7 +31,7 @@
             <Button
                 size="sm"
                 variant="ghost"
-                class="px-2!"
+                class="px-2! [&_svg]:size-3.5"
                 @click="$emit('toggle-mode', 'write')"
                 :class="{ 'text-black! dark:text-white!': mode == 'write' }"
                 v-text="__('Write')"
@@ -40,7 +40,7 @@
             <Button
                 size="sm"
                 variant="ghost"
-                class="px-2!"
+                class="px-2! [&_svg]:size-3.5"
                 @click="$emit('toggle-mode', 'preview')"
                 :class="{ 'text-black! dark:text-white!': mode == 'preview' }"
                 v-text="__('Preview')"

From 37036963515c29d97ba7e12e5912e9acee22ecdf Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 22 Apr 2025 21:37:36 -0400
Subject: [PATCH 121/186] Bring back per-page condition

---
 resources/js/components/data-list/Pagination.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/data-list/Pagination.vue b/resources/js/components/data-list/Pagination.vue
index cee2ae86a8a..379737dc862 100644
--- a/resources/js/components/data-list/Pagination.vue
+++ b/resources/js/components/data-list/Pagination.vue
@@ -38,7 +38,7 @@
             />
         </div>
 
-        <div class="flex items-center flex-1 justify-end">
+        <div class="flex items-center flex-1 justify-end" v-if="perPage && isPerPageEvenUseful">
             <span class="text-sm text-gray-500 me-3">{{ __('Per Page') }}</span>
             <Select
                 class="w-auto!"

From 594b45f4c4db07653be3cc4a0d8ef4aacad9eb42 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 23 Apr 2025 13:06:48 -0400
Subject: [PATCH 122/186] Improve search placeholder text ux

---
 resources/js/components/data-list/HasFilters.js | 8 ++++++--
 resources/lang/en/messages.php                  | 1 +
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/data-list/HasFilters.js b/resources/js/components/data-list/HasFilters.js
index 199861c0e63..0a5bf876d4e 100644
--- a/resources/js/components/data-list/HasFilters.js
+++ b/resources/js/components/data-list/HasFilters.js
@@ -49,10 +49,14 @@ export default {
 
         searchPlaceholder() {
             if (this.activePreset) {
-                return `${__('Filtering:')} ${this.activePresetPayload.display}`;
+                return `${__('Search')} ${this.activePresetPayload.display}`;
             }
 
-            return __('Filter');
+            if (this.activeFilterCount > 0) {
+                return __n('messages.search_with_count_filters_applied', this.activeFilterCount);
+            }
+
+            return __('Search');
         },
     },
 
diff --git a/resources/lang/en/messages.php b/resources/lang/en/messages.php
index d6b0b01fec2..54601e5c8fc 100644
--- a/resources/lang/en/messages.php
+++ b/resources/lang/en/messages.php
@@ -201,6 +201,7 @@
     'role_intro' => 'Roles are groups of access and action permissions that can be assigned to users and user groups.',
     'role_title_instructions' => 'Usually a singular noun, like Editor or Admin.',
     'search_utility_description' => 'Manage and view important information about Statamic\'s search indexes.',
+    'search_with_count_filters_applied' => 'Search (1 filter applied)|Search (:count filters applied)',
     'session_expiry_enter_password' => 'Enter your password to continue where you left off',
     'session_expiry_logged_out_for_inactivity' => 'You have been logged out because you\'ve been inactive for a while.',
     'session_expiry_logging_out_in_seconds' => 'You have been inactive for a while and will be logged out in :seconds seconds. Click to extend your session.',

From 781bb28edbfa4627c7dd5a1b19f59ed106ac4de7 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 23 Apr 2025 13:12:30 -0400
Subject: [PATCH 123/186] Filters stay inline and scroll

---
 resources/js/components/data-list/Filters.vue | 2 +-
 resources/js/components/entries/Listing.vue   | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/resources/js/components/data-list/Filters.vue b/resources/js/components/data-list/Filters.vue
index ecb9e364793..0236cfbbfc5 100644
--- a/resources/js/components/data-list/Filters.vue
+++ b/resources/js/components/data-list/Filters.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="flex flex-wrap items-center gap-3">
+    <div class="flex-1 flex items-center gap-3 overflow-x-auto">
         <!-- Field filter (requires custom selection UI) -->
         <popover v-if="fieldFilter" placement="bottom-start" @closed="fieldFilterClosed">
             <template #trigger>
diff --git a/resources/js/components/entries/Listing.vue b/resources/js/components/entries/Listing.vue
index 3b064b056df..70d6ef6b7fa 100644
--- a/resources/js/components/entries/Listing.vue
+++ b/resources/js/components/entries/Listing.vue
@@ -65,7 +65,6 @@
                             @saved="$refs.presets.setPreset($event)"
                             @deleted="$refs.presets.refreshPresets()"
                         />
-                        <div class="flex-1" />
                         <data-list-column-picker :preferences-key="preferencesKey('columns')" />
                     </div>
 

From 42bf045663f608ec96c66fe1662317bf64f05eb8 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 23 Apr 2025 17:11:15 -0400
Subject: [PATCH 124/186] Dim non-selected rows when there are selected rows

---
 resources/css/elements/tables.css           | 17 +++---
 resources/js/components/data-list/Table.vue |  3 +-
 resources/js/components/entries/Listing.vue | 58 +++++++++++----------
 3 files changed, 43 insertions(+), 35 deletions(-)

diff --git a/resources/css/elements/tables.css b/resources/css/elements/tables.css
index bdc9f018899..318268681e5 100644
--- a/resources/css/elements/tables.css
+++ b/resources/css/elements/tables.css
@@ -36,10 +36,6 @@
         @apply text-sm bg-white dark:bg-gray-900 rounded-xl shadow-sm outline-none;
 
         tr {
-            &.row-selected {
-                @apply bg-gray-100 dark:bg-gray-800;
-            }
-
             &:first-child {
                 td:first-child,
                 th:first-child {
@@ -80,6 +76,7 @@
 
             td {
                 @apply px-4 py-3 border-t border-gray-200 dark:border-white/10;
+                @apply text-gray-800 dark:text-gray-200;
             }
 
             td.table-drag-handle {
@@ -118,6 +115,14 @@
     }
 }
 
+/* Row Selection */
+
+.data-table[data-has-selections] {
+    tbody tr[data-row="unselected"] td {
+        @apply text-gray-500! dark:text-gray-400!;
+    }
+}
+
 /* .data-list-filter-link {
     @apply border-gray-400 p-3 pb-2 text-gray-600 dark:border-dark-900 dark:text-dark-150 me-2;
 
@@ -178,13 +183,13 @@ td.table-drag-handle {
 }
 
 .title-index-field {
-    @apply text-sm font-medium text-gray-800 dark:text-white line-clamp-2 flex items-center gap-2 hover:text-black dark:hover:text-white;
+    @apply text-sm font-medium line-clamp-2 flex items-center gap-2 hover:text-black dark:hover:text-white;
     min-width: 15vw;
     max-width: 30vw;
 }
 
 .date-index-field {
-    @apply whitespace-nowrap text-gray-800 dark:text-dark-150;
+    @apply whitespace-nowrap;
 }
 
 .slug-index-field {
diff --git a/resources/js/components/data-list/Table.vue b/resources/js/components/data-list/Table.vue
index bcb903333c1..e0fba32996d 100644
--- a/resources/js/components/data-list/Table.vue
+++ b/resources/js/components/data-list/Table.vue
@@ -7,6 +7,7 @@
         tabindex="0"
         @keydown.shift="shiftDown"
         @keyup="clearShift"
+        :data-has-selections="sharedState.selections.length > 0 || undefined"
     >
         <thead v-if="allowBulkActions || visibleColumns.length > 1">
             <tr>
@@ -49,7 +50,7 @@
                     v-for="(row, index) in rows"
                     :key="row.id"
                     class="sortable-row outline-hidden"
-                    :class="{ 'row-selected': sharedState.selections.includes(row.id) }"
+                    :data-row="sharedState.selections.includes(row.id) ? 'selected' : 'unselected'"
                 >
                     <td class="table-drag-handle" v-if="reorderable"></td>
                     <td class="checkbox-column" v-if="allowBulkActions && !reorderable">
diff --git a/resources/js/components/entries/Listing.vue b/resources/js/components/entries/Listing.vue
index 70d6ef6b7fa..bb5b4b4f8a9 100644
--- a/resources/js/components/entries/Listing.vue
+++ b/resources/js/components/entries/Listing.vue
@@ -15,38 +15,40 @@
             @visible-columns-updated="visibleColumns = $event"
         >
             <div>
-                <div class="">
-                    <div v-if="!reordering" class="space-y-6">
-                        <data-list-filter-presets
-                            ref="presets"
-                            :active-preset="activePreset"
-                            :active-preset-payload="activePresetPayload"
-                            :active-filters="activeFilters"
-                            :has-active-filters="hasActiveFilters"
-                            :preferences-prefix="preferencesPrefix"
-                            :search-query="searchQuery"
-                            @selected="selectPreset"
-                            @reset="filtersReset"
+                <div class="space-y-6">
+
+                    <!-- Preset Views/Tabs -->
+                    <data-list-filter-presets
+                        v-if="!reordering"
+                        ref="presets"
+                        :active-preset="activePreset"
+                        :active-preset-payload="activePresetPayload"
+                        :active-filters="activeFilters"
+                        :has-active-filters="hasActiveFilters"
+                        :preferences-prefix="preferencesPrefix"
+                        :search-query="searchQuery"
+                        @selected="selectPreset"
+                        @reset="filtersReset"
+                    />
+
+                    <!-- <div class="flex gap-2">
+                        <Button
+                            size="sm"
+                            v-text="__('Reset')"
+                            v-show="isDirty"
+                            @click="$refs.presets.refreshPreset()"
                         />
+                        <Button
+                            size="sm"
+                            v-text="__('Save')"
+                            v-show="isDirty"
+                            @click="$refs.presets.savePreset()"
+                        />
+                    </div> -->
 
-                        <div class="flex gap-2">
-                            <Button
-                                size="sm"
-                                v-text="__('Reset')"
-                                v-show="isDirty"
-                                @click="$refs.presets.refreshPreset()"
-                            />
-                            <Button
-                                size="sm"
-                                v-text="__('Save')"
-                                v-show="isDirty"
-                                @click="$refs.presets.savePreset()"
-                            />
-                        </div>
-                    </div>
 
                     <!-- Search and Filter -->
-                    <div class="mb-6 flex items-center gap-3">
+                    <div class="flex items-center gap-3">
                         <data-list-search ref="search" v-model="searchQuery" :placeholder="searchPlaceholder" />
                         <data-list-filters
                             v-show="!reordering"

From efec00cff6f9418f16df5a7fa02dec4f5a51101d Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 23 Apr 2025 20:15:17 -0400
Subject: [PATCH 125/186] Filter button with a badge counter

---
 resources/js/components/data-list/Filters.vue | 9 +++++++--
 resources/js/components/entries/Listing.vue   | 2 +-
 resources/js/components/ui/Badge.vue          | 2 +-
 resources/js/components/ui/Button/Button.vue  | 4 ++--
 resources/svg/icons/filter.svg                | 1 +
 5 files changed, 12 insertions(+), 6 deletions(-)
 create mode 100644 resources/svg/icons/filter.svg

diff --git a/resources/js/components/data-list/Filters.vue b/resources/js/components/data-list/Filters.vue
index 0236cfbbfc5..07e68b6beea 100644
--- a/resources/js/components/data-list/Filters.vue
+++ b/resources/js/components/data-list/Filters.vue
@@ -1,5 +1,9 @@
 <template>
-    <div class="flex-1 flex items-center gap-3 overflow-x-auto">
+    <div class="flex-1 flex items-center gap-3 overflow-x-auto py-3">
+        <Button icon="filter" class="relative">
+            {{ __('Filter') }}
+            <Badge v-if="activeCount" :text="activeCount" pill variant="filled" class="absolute -top-1.5 -right-1.5" />
+        </Button>
         <!-- Field filter (requires custom selection UI) -->
         <popover v-if="fieldFilter" placement="bottom-start" @closed="fieldFilterClosed">
             <template #trigger>
@@ -101,13 +105,14 @@
 import DataListFilter from './Filter.vue';
 import FieldFilter from './FieldFilter.vue';
 import { isEqual } from 'lodash-es';
-import { Button } from '@statamic/ui';
+import { Button, Badge } from '@statamic/ui';
 
 export default {
     components: {
         DataListFilter,
         FieldFilter,
         Button,
+        Badge,
     },
 
     props: {
diff --git a/resources/js/components/entries/Listing.vue b/resources/js/components/entries/Listing.vue
index bb5b4b4f8a9..8283f0e0234 100644
--- a/resources/js/components/entries/Listing.vue
+++ b/resources/js/components/entries/Listing.vue
@@ -15,7 +15,7 @@
             @visible-columns-updated="visibleColumns = $event"
         >
             <div>
-                <div class="space-y-6">
+                <div class="space-y-3">
 
                     <!-- Preset Views/Tabs -->
                     <data-list-filter-presets
diff --git a/resources/js/components/ui/Badge.vue b/resources/js/components/ui/Badge.vue
index 72505cc14fd..8d89539f29f 100644
--- a/resources/js/components/ui/Badge.vue
+++ b/resources/js/components/ui/Badge.vue
@@ -26,7 +26,7 @@ const badgeClasses = computed(() => {
         variants: {
             size: {
                 sm: 'text-2xs py-0 leading-normal px-1 rounded-[0.1875rem] [&_svg]:size-2',
-                default: 'text-xs py-0.5 px-2 rounded-sm [&_svg]:size-2.5',
+                default: 'text-xs py-0.5 px-1.5 rounded-sm [&_svg]:size-2.5',
                 lg: 'text-sm py-1 px-3 rounded-md [&_svg]:size-3 [&_svg]:me-1',
             },
             color: {
diff --git a/resources/js/components/ui/Button/Button.vue b/resources/js/components/ui/Button/Button.vue
index 6ddd2bb517b..e77df71d513 100644
--- a/resources/js/components/ui/Button/Button.vue
+++ b/resources/js/components/ui/Button/Button.vue
@@ -24,7 +24,7 @@ const iconOnly = computed(() => (props.icon && !hasDefaultSlot && !props.text) |
 
 const buttonClasses = computed(() => {
     const classes = cva({
-        base: 'inline-flex items-center justify-center whitespace-nowrap font-medium antialiased cursor-pointer no-underline disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none [&_svg]:shrink-0',
+        base: 'inline-flex items-center justify-center whitespace-nowrap shrink-0 font-medium antialiased cursor-pointer no-underline disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none [&_svg]:shrink-0 [&_svg]:text-gray-400',
         variants: {
             variant: {
                 default: [
@@ -84,7 +84,7 @@ const buttonClasses = computed(() => {
         :href
         :type="props.href ? null : type"
     >
-        <Icon v-if="icon" :name="icon" class="text-gray-400" />
+        <Icon v-if="icon" :name="icon" />
         <Icon v-if="loading" name="loading" :size />
 
         <slot v-if="hasDefaultSlot" />
diff --git a/resources/svg/icons/filter.svg b/resources/svg/icons/filter.svg
new file mode 100644
index 00000000000..11af6363f43
--- /dev/null
+++ b/resources/svg/icons/filter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.4664 2.9916c-0.5192 2.70402 -2.1392 4.88661 -4.65073 5.61552v3.18398c0 0.4169 -0.2475 0.794 -0.63004 0.96l-1.52346 0.6611c-0.69141 0.3001 -1.46393 -0.2065 -1.46393 -0.9599V8.60711C2.68672 7.87819 1.05316 5.69561 0.534044 2.9916 0.303353 1.78997 1.27457 0.9372 2.55417 0.788319c3.3676 -0.391808 5.31957 -0.376971 8.89203 0 1.2643 0.133404 2.2509 1.001651 2.0202 2.203281Z" stroke-width="1"/></svg>
\ No newline at end of file

From 0d4f337d33587dba94ff968c88edc1a999052705 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 23 Apr 2025 23:03:55 -0400
Subject: [PATCH 126/186] Stub out Filter modal

---
 .../js/components/data-list/ColumnPicker.vue  |  2 +-
 resources/js/components/data-list/Filters.vue | 37 +++++++++++++------
 2 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/resources/js/components/data-list/ColumnPicker.vue b/resources/js/components/data-list/ColumnPicker.vue
index a77603f4bad..58e71b5333e 100644
--- a/resources/js/components/data-list/ColumnPicker.vue
+++ b/resources/js/components/data-list/ColumnPicker.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <Button icon="utilities" :text="__('Customize')" @click="open = true" />
+        <Button icon="utilities" v-tooltip="__('Customize Table')" @click="open = true" />
 
         <modal
             v-if="open"
diff --git a/resources/js/components/data-list/Filters.vue b/resources/js/components/data-list/Filters.vue
index 07e68b6beea..09b3a5a98cb 100644
--- a/resources/js/components/data-list/Filters.vue
+++ b/resources/js/components/data-list/Filters.vue
@@ -1,11 +1,26 @@
 <template>
     <div class="flex-1 flex items-center gap-3 overflow-x-auto py-3">
-        <Button icon="filter" class="relative">
-            {{ __('Filter') }}
-            <Badge v-if="activeCount" :text="activeCount" pill variant="filled" class="absolute -top-1.5 -right-1.5" />
-        </Button>
+        <ui-modal :title="__('Apply Filters')">
+            <template #trigger>
+                <Button icon="filter" class="relative">
+                    {{ __('Filter') }}
+                    <Badge v-if="activeCount" :text="activeCount" pill variant="filled" class="absolute -top-1.5 -right-1.5" />
+                </Button>
+            </template>
+            <div class="space-y-6 py-3">
+                FILTERS GO HERE
+            </div>
+            <template #footer>
+                <div class="flex items-center justify-end space-x-3 pt-3 pb-1">
+                    <ui-modal-close>
+                        <ui-button text="Cancel" variant="ghost" />
+                    </ui-modal-close>
+                    <ui-button text="Update Filter" variant="primary" />
+                </div>
+            </template>
+        </ui-modal>
         <!-- Field filter (requires custom selection UI) -->
-        <popover v-if="fieldFilter" placement="bottom-start" @closed="fieldFilterClosed">
+        <!-- <popover v-if="fieldFilter" placement="bottom-start" @closed="fieldFilterClosed">
             <template #trigger>
                 <Button icon-append="ui/chevron-down" @click="resetFilterPopover" :text="fieldFilter.title" />
             </template>
@@ -24,10 +39,10 @@
                     </div>
                 </div>
             </template>
-        </popover>
+        </popover> -->
 
         <!-- Standard pinned filters -->
-        <popover
+        <!-- <popover
             v-if="pinnedFilters.length"
             v-for="filter in pinnedFilters"
             :key="filter.handle"
@@ -48,10 +63,10 @@
                     />
                 </div>
             </template>
-        </popover>
+        </popover> -->
 
         <!-- Standard unpinned filters -->
-        <popover v-if="unpinnedFilters.length" placement="bottom-start" :stop-propagation="false">
+        <!-- <popover v-if="unpinnedFilters.length" placement="bottom-start" :stop-propagation="false">
             <template #trigger>
                 <Button icon-append="ui/chevron-down" icon-as-button @click="resetFilterPopover" :text="__('Filter')" />
             </template>
@@ -81,7 +96,7 @@
                     </div>
                 </div>
             </template>
-        </popover>
+        </popover> -->
 
         <!-- Active filter badges -->
         <Button
@@ -112,7 +127,7 @@ export default {
         DataListFilter,
         FieldFilter,
         Button,
-        Badge,
+        Badge
     },
 
     props: {

From 914d35b99db422271aafffc52e09746d9515f36b Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 23 Apr 2025 23:06:06 -0400
Subject: [PATCH 127/186] tooltip not needed when label is showing

---
 resources/js/components/ui/StatusIndicator.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/resources/js/components/ui/StatusIndicator.vue b/resources/js/components/ui/StatusIndicator.vue
index dbf83ad5e39..ddb155ab5da 100644
--- a/resources/js/components/ui/StatusIndicator.vue
+++ b/resources/js/components/ui/StatusIndicator.vue
@@ -1,10 +1,8 @@
 <template>
-    <Tooltip :text="label" :delay="300">
-        <span class="flex items-center gap-2">
-            <span v-if="showDot" class="size-2 rounded-full" :class="statusClass" />
-            <span v-if="showLabel" class="status-index-field select-none" :class="`status-${status}`" v-text="label" />
-        </span>
-    </Tooltip>
+    <span class="flex items-center gap-2">
+        <span v-if="showDot" class="size-2 rounded-full" :class="statusClass" v-tooltip="label" />
+        <span v-if="showLabel" class="status-index-field select-none" :class="`status-${status}`" v-text="label" />
+    </span>
 </template>
 
 <script setup>

From 1258326a4a91d8669147023bfb508ef336383928 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Thu, 24 Apr 2025 18:31:40 -0400
Subject: [PATCH 128/186] dark mode for default badge color

---
 resources/js/components/ui/Badge.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/ui/Badge.vue b/resources/js/components/ui/Badge.vue
index 8d89539f29f..250b9288e62 100644
--- a/resources/js/components/ui/Badge.vue
+++ b/resources/js/components/ui/Badge.vue
@@ -27,7 +27,7 @@ const badgeClasses = computed(() => {
             size: {
                 sm: 'text-2xs py-0 leading-normal px-1 rounded-[0.1875rem] [&_svg]:size-2',
                 default: 'text-xs py-0.5 px-1.5 rounded-sm [&_svg]:size-2.5',
-                lg: 'text-sm py-1 px-3 rounded-md [&_svg]:size-3 [&_svg]:me-1',
+                lg: 'font-medium text-sm py-0.5 leading-relaxed px-2.5 rounded-lg [&_svg]:size-3 [&_svg]:me-1',
             },
             color: {
                 amber: 'bg-amber-100 border-amber-400 text-amber-700 [a]:hover:bg-amber-200/70 [button]:hover:bg-amber-200/70',
@@ -35,7 +35,7 @@ const badgeClasses = computed(() => {
                 blue: 'bg-blue-100/80 border-blue-300 text-blue-700 [a]:hover:bg-blue-200/60 [button]:hover:bg-blue-200/60',
                 cyan: 'bg-cyan-100/80 border-cyan-400 text-cyan-700 [a]:hover:bg-cyan-200/60 [button]:hover:bg-cyan-200/60',
                 default:
-                    'bg-gray-100/80 border-gray-300 text-gray-700 [a]:hover:bg-gray-200/50 [button]:hover:bg-gray-200/50',
+                    'bg-gray-100/80 border-gray-300 dark:bg-gray-700 dark:text-gray-100 text-gray-700 [a]:hover:bg-gray-200/50 [button]:hover:bg-gray-200/50',
                 emerald:
                     'bg-emerald-100/80 border-emerald-400 text-emerald-700 [a]:hover:bg-emerald-200/60 [button]:hover:bg-emerald-200/60',
                 fuchsia:

From efcf2e18bbeced21a3a5c022d7a114683839fe0a Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Thu, 24 Apr 2025 18:31:53 -0400
Subject: [PATCH 129/186] xs switch size

---
 resources/js/components/ui/Switch.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/resources/js/components/ui/Switch.vue b/resources/js/components/ui/Switch.vue
index 50c8bf4116b..8b462f0e015 100644
--- a/resources/js/components/ui/Switch.vue
+++ b/resources/js/components/ui/Switch.vue
@@ -26,6 +26,7 @@ const switchRootClasses = cva({
     ],
     variants: {
         size: {
+            xs: 'h-3.5 w-6',
             sm: 'h-5 w-9',
             base: 'h-6 w-11',
             lg: 'h-7 w-14',
@@ -40,6 +41,7 @@ const switchThumbClasses = cva({
     ],
     variants: {
         size: {
+            xs: 'size-2.5',
             sm: 'size-4',
             base: 'size-5',
             lg: 'size-6',

From 700e041129ad354f79f7f03883a6b2ebf940d6ca Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Thu, 24 Apr 2025 18:32:17 -0400
Subject: [PATCH 130/186] tidy up

---
 resources/css/core/layout.css                 |  8 ++++++++
 resources/css/cp.css                          |  2 +-
 resources/css/elements/tables.css             | 20 +------------------
 .../components/fieldtypes/grid/StackedRow.vue | 10 ----------
 resources/views/layout.blade.php              |  2 +-
 5 files changed, 11 insertions(+), 31 deletions(-)

diff --git a/resources/css/core/layout.css b/resources/css/core/layout.css
index f33e736a4eb..7f600c1c32c 100644
--- a/resources/css/core/layout.css
+++ b/resources/css/core/layout.css
@@ -64,6 +64,14 @@ main {
 /* Draggable Mirrors
   ========================================================================== */
 
+.draggable-mirror {
+    position: relative;
+    z-index: 1000;
+}
+.draggable-source--is-dragging {
+    opacity: 0.5;
+}
+
 /* Mirrors that have been appended to the body should appear on top of everything. (Portals are 4) */
 body > .draggable-mirror {
     z-index: 5;
diff --git a/resources/css/cp.css b/resources/css/cp.css
index 7b0fd14ea5b..5e98e47c76c 100644
--- a/resources/css/cp.css
+++ b/resources/css/cp.css
@@ -61,7 +61,7 @@
 @import './components/fieldtypes/partial.css';
 @import './components/fieldtypes/radio.css';
 @import './components/fieldtypes/relationship.css';
-@import './components/fieldtypes/replicator.css';
+/* @import './components/fieldtypes/replicator.css'; */
 @import './components/fieldtypes/section.css';
 @import './components/fieldtypes/spacer.css';
 @import './components/fieldtypes/table.css';
diff --git a/resources/css/elements/tables.css b/resources/css/elements/tables.css
index 318268681e5..7ee5ce0323d 100644
--- a/resources/css/elements/tables.css
+++ b/resources/css/elements/tables.css
@@ -123,25 +123,7 @@
     }
 }
 
-/* .data-list-filter-link {
-    @apply border-gray-400 p-3 pb-2 text-gray-600 dark:border-dark-900 dark:text-dark-150 me-2;
-
-    &:hover {
-        @apply border-b-3 text-gray-700 dark:border-dark-900 dark:text-dark-100;
-    }
-
-    &:focus {
-        @apply border-blue-300 dark:border-dark-blue-100;
-        outline: 0;
-        box-shadow: inset 0 0 0 0.2rem rgba(0, 125, 255, 0.25);
-    }
-
-    &.active {
-        @apply border-b-3 border-blue text-gray-800 dark:border-dark-blue-100 dark:text-dark-100;
-    }
-} */
-
-td.table-drag-handle {
+.table-drag-handle {
     @apply h-full w-3 p-2 dark:border-dark-900 border-e;
     min-width: 16px;
     cursor: grab;
diff --git a/resources/js/components/fieldtypes/grid/StackedRow.vue b/resources/js/components/fieldtypes/grid/StackedRow.vue
index d2af9e76802..9b75815b278 100644
--- a/resources/js/components/fieldtypes/grid/StackedRow.vue
+++ b/resources/js/components/fieldtypes/grid/StackedRow.vue
@@ -48,16 +48,6 @@
     </div>
 </template>
 
-<style scoped>
-.draggable-mirror {
-    position: relative;
-    z-index: 1000;
-}
-.draggable-source--is-dragging {
-    opacity: 0.5;
-}
-</style>
-
 <script>
 import Row from './Row.vue';
 import SetField from '../replicator/Field.vue';
diff --git a/resources/views/layout.blade.php b/resources/views/layout.blade.php
index 196d6bb7926..406e3dc3179 100644
--- a/resources/views/layout.blade.php
+++ b/resources/views/layout.blade.php
@@ -25,7 +25,7 @@ class="@yield('content-class') pt-14"
                 >
                     {{-- @include('statamic::partials.nav-mobile') --}}
 
-                    <main class="
+                    <main id="main" class="
                         flex bg-gray-100 dark:bg-gray-900 dark:border-t rounded-t-xl dark:border-white/10
                         fixed top-14 inset-x-0 bottom-0 min-h-[calc(100vh-3.5rem)]
                     ">

From 8ab043e7b6b3d9bbca7d7211d1252f9cda5f0d03 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Thu, 24 Apr 2025 18:32:31 -0400
Subject: [PATCH 131/186] First pass on Replicator Stylez

---
 .../fieldtypes/replicator/AddSetButton.vue    |  58 ++++---
 .../fieldtypes/replicator/Replicator.vue      |   8 +-
 .../components/fieldtypes/replicator/Set.vue  | 145 +++++++-----------
 resources/svg/icons/handles.svg               |   1 +
 4 files changed, 85 insertions(+), 127 deletions(-)
 create mode 100644 resources/svg/icons/handles.svg

diff --git a/resources/js/components/fieldtypes/replicator/AddSetButton.vue b/resources/js/components/fieldtypes/replicator/AddSetButton.vue
index d47e4f37d08..bae1ab772f8 100644
--- a/resources/js/components/fieldtypes/replicator/AddSetButton.vue
+++ b/resources/js/components/fieldtypes/replicator/AddSetButton.vue
@@ -1,51 +1,49 @@
 <template>
-    <div class="replicator-set-picker">
-        <set-picker :enabled="enabled" :sets="groups" @added="addSet">
-            <template #trigger>
-                <div class="replicator-set-picker-button-wrapper flex items-center">
-                    <button
-                        v-if="enabled"
-                        class="btn-round flex items-center justify-center"
-                        :class="{
-                            'h-5 w-5': !last,
-                            'mr-2': label?.length > 0,
-                        }"
-                        @click.stop="addSetButtonClicked"
-                    >
-                        <svg-icon
-                            name="micro/plus"
-                            :class="{
-                                'dark:group-hover:dark-text-100 h-3 w-3 text-gray-800 group-hover:text-black dark:text-dark-175':
-                                    last,
-                                'dark:group-hover:dark-text-100 h-2 w-2 text-gray-700 transition duration-150 group-hover:text-black dark:text-dark-200':
-                                    !last,
-                            }"
-                        />
-                    </button>
-                    <span @click.stop="addSetButtonClicked" class="cursor-pointer text-sm dark:text-dark-175">{{
-                        __(label)
-                    }}</span>
+    <set-picker :enabled="enabled" :sets="groups" @added="addSet">
+        <template #trigger>
+            <div class="flex justify-center pt-3" v-if="variant === 'button'">
+                <Button v-if="enabled" @click="addSetButtonClicked" :text="__('Add Block')" icon="plus" />
+            </div>
+            <Motion
+                v-if="variant === 'between'"
+                layout
+                class="flex justify-center py-3 relative group"
+                :initial="{ paddingTop: '0.75rem', paddingBottom: '0.75rem' }"
+                :hover="{ paddingTop: '1.25rem', paddingBottom: '1.25rem' }"
+                :transition="{ duration: 0.2 }"
+            >
+                <div v-if="showConnector" class="absolute group-hover:opacity-0 transition-opacity delay-25 duration-125 inset-y-0 h-full left-3.5 border-l-1 border-gray-400 dark:border-gray-600 border-dashed z-0 dark:bg-dark-700" />
+                <div class="w-full absolute inset-0 h-full opacity-0 group-hover:opacity-100 transition-opacity delay-25 duration-75">
+                    <div class="h-full flex flex-col justify-center">
+                        <div class="rounded-full bg-gray-200 h-2" />
+                    </div>
                 </div>
-            </template>
-        </set-picker>
-    </div>
+                <Button v-if="enabled" @click="addSetButtonClicked" round icon="plus" size="sm" class="-my-4 z-3 opacity-0 group-hover:opacity-100 transition-opacity delay-25 duration-75" />
+            </Motion>
+        </template>
+    </set-picker>
 </template>
 
 <script>
 import SetPicker from './SetPicker.vue';
+import { Button } from '@statamic/ui';
+import { Motion } from 'motion-v';
 
 export default {
     components: {
         SetPicker,
+        Button,
+        Motion,
     },
 
     props: {
         sets: Array,
         groups: Array,
         index: Number,
-        last: Boolean,
         enabled: { type: Boolean, default: true },
         label: String,
+        showConnector: { type: Boolean, default: true },
+        variant: { type: String, default: 'button' },
     },
 
     methods: {
diff --git a/resources/js/components/fieldtypes/replicator/Replicator.vue b/resources/js/components/fieldtypes/replicator/Replicator.vue
index 8edad7525fa..443f29a5576 100644
--- a/resources/js/components/fieldtypes/replicator/Replicator.vue
+++ b/resources/js/components/fieldtypes/replicator/Replicator.vue
@@ -29,7 +29,7 @@
                             @dragend="$emit('blur')"
                             v-slot="{}"
                         >
-                            <div class="replicator-set-container">
+                            <div class="relative">
                                 <replicator-set
                                     v-for="(set, index) in value"
                                     :key="set._id"
@@ -59,7 +59,8 @@
                                 >
                                     <template v-slot:picker>
                                         <add-set-button
-                                            class="between"
+                                            variant="between"
+                                            v-if="index !== 0"
                                             :groups="groupConfigs"
                                             :sets="setConfigs"
                                             :index="index"
@@ -73,10 +74,9 @@
 
                         <add-set-button
                             v-if="canAddSet"
-                            class="mt-3"
-                            :last="true"
                             :groups="groupConfigs"
                             :sets="setConfigs"
+                            :show-connector="false"
                             :index="value.length"
                             :label="config.button_label"
                             @added="addSet"
diff --git a/resources/js/components/fieldtypes/replicator/Set.vue b/resources/js/components/fieldtypes/replicator/Set.vue
index e4bc7903f3f..322b25b408c 100644
--- a/resources/js/components/fieldtypes/replicator/Set.vue
+++ b/resources/js/components/fieldtypes/replicator/Set.vue
@@ -1,43 +1,45 @@
 <template>
     <div :class="sortableItemClass">
         <slot name="picker" />
-        <div class="replicator-set" :class="{ 'has-error': this.hasError }" :data-type="config.handle">
-            <div class="replicator-set-header" :class="{ 'p-2': isReadOnly, collapsed: collapsed, invalid: isInvalid }">
-                <div class="item-move sortable-handle" :class="sortableHandleClass" v-if="!isReadOnly"></div>
-                <div
-                    class="replicator-set-header-inner flex flex-1 cursor-pointer items-center p-2"
-                    :class="{ 'flex items-center': collapsed }"
-                    @click="toggleCollapsedState"
-                >
-                    <label class="cursor-pointer text-xs ltr:mr-2 rtl:ml-2">
+        <div layout class="w-full bg-white relative z-2 dark:bg-gray-900 border border-gray-200 dark:border-x-0 dark:border-t-0 dark:border-white/15 dark:inset-shadow-2xs dark:inset-shadow-black shadow-ui-sm text-base rounded-lg"
+            :data-collapsed="collapsed ?? undefined"
+            :data-error="this.hasError ?? undefined"
+            :data-invalid="isInvalid ?? undefined"
+            :data-readonly="isReadOnly ?? undefined"
+            :data-type="config.handle"
+        >
+            <header class="flex items-center px-1.5 antialiased group/header hover:bg-gray-50 rounded-t-lg">
+                <Icon name="handles" class="item-move cursor-grab sortable-handle size-4 text-gray-400" v-if="!isReadOnly" />
+                <button type="button" class="p-2 flex flex-1 items-center gap-4" @click="toggleCollapsedState">
+                    <ui-badge variant="flat" size="lg">
                         <span v-if="isSetGroupVisible">
                             {{ __(setGroup.display) }}
-                            <svg-icon name="micro/chevron-right" class="w-4" />
+                            <Icon name="ui/chevron-right" class="size-3 relative top-px" />
                         </span>
                         {{ display || config.handle }}
-                    </label>
-                    <div class="flex items-center" v-if="config.instructions && !collapsed">
-                        <svg-icon
-                            name="micro/circle-help"
-                            class="h-3 w-3 text-xs text-gray-700 hover:text-gray-800"
-                            v-tooltip="{ content: $markdown(__(config.instructions)), html: true }"
-                        />
-                    </div>
-                    <div v-show="collapsed" class="w-1 min-w-0 flex-1 ltr:pr-8 rtl:pl-8">
-                        <div
-                            v-html="previewText"
-                            class="help-block mb-0 overflow-hidden text-ellipsis whitespace-nowrap"
-                        />
-                    </div>
-                </div>
-                <div class="replicator-set-controls" v-if="!isReadOnly">
-                    <toggle-fieldtype
-                        handle="set-enabled"
-                        class="toggle-sm ltr:mr-2 rtl:ml-2"
-                        @update:value="toggleEnabledState"
-                        :value="values.enabled"
-                        v-tooltip.top="values.enabled ? __('Included in output') : __('Hidden from output')"
+                    </ui-badge>
+                    <Icon
+                        v-if="config.instructions && !collapsed"
+                        name="info-square"
+                        class="size-3.5! text-gray-500"
+                        v-tooltip="{ content: $markdown(__(config.instructions)), html: true }"
                     />
+                    <ui-subheading
+                        v-show="collapsed"
+                        v-html="previewText"
+                        class="overflow-hidden text-ellipsis whitespace-nowrap"
+                    />
+                </button>
+                <div class="flex items-center gap-2" v-if="!isReadOnly">
+                    <ui-tooltip :text="values.enabled ? __('Included in output') : __('Hidden from output')">
+                        <Switch
+                            size="xs"
+                            @update:model-value="toggleEnabledState"
+                            :model-value="values.enabled"
+                        />
+                    </ui-tooltip>
+
+                    <!-- @TODO: Replace with UI/Dropdown when Actions are more isolatable -->
                     <dropdown-list>
                         <dropdown-actions :actions="fieldActions" v-if="fieldActions.length" />
                         <div class="divider" />
@@ -49,9 +51,9 @@
                         <dropdown-item :text="__('Delete Set')" class="warning" @click="destroy" />
                     </dropdown-list>
                 </div>
-            </div>
+            </header>
 
-            <div class="replicator-set-body publish-fields @container" v-show="!collapsed">
+            <div class="border-t border-gray-200 pb-3 dark:border-white/15 publish-fields @container" v-show="!collapsed">
                 <set-field
                     v-for="field in fields"
                     v-show="showField(field, fieldPath(field))"
@@ -75,78 +77,35 @@
     </div>
 </template>
 
-<style scoped>
-.draggable-mirror {
-    position: relative;
-    z-index: 1000;
-}
-.draggable-source--is-dragging {
-    opacity: 0.5;
-}
-</style>
-
 <script>
 import SetField from './Field.vue';
 import ManagesPreviewText from './ManagesPreviewText';
 import { ValidatesFieldConditions } from '../../field-conditions/FieldConditions.js';
 import HasFieldActions from '../../field-actions/HasFieldActions.js';
 import DropdownActions from '../../field-actions/DropdownActions.vue';
-
+import { Icon, Switch } from '@statamic/ui';
 export default {
-    components: { SetField, DropdownActions },
+    components: { SetField, DropdownActions, Icon, Switch },
 
     mixins: [ValidatesFieldConditions, ManagesPreviewText, HasFieldActions],
 
     inject: ['replicatorSets', 'store', 'storeName'],
 
     props: {
-        config: {
-            type: Object,
-            required: true,
-        },
-        meta: {
-            type: Object,
-            required: true,
-        },
-        index: {
-            type: Number,
-            required: true,
-        },
-        collapsed: {
-            type: Boolean,
-            default: false,
-        },
-        values: {
-            type: Object,
-            required: true,
-        },
-        parentName: {
-            type: String,
-            required: true,
-        },
-        fieldPathPrefix: {
-            type: String,
-            required: true,
-        },
-        hasError: {
-            type: Boolean,
-            default: false,
-        },
-        sortableItemClass: {
-            type: String,
-        },
-        sortableHandleClass: {
-            type: String,
-        },
-        canAddSet: {
-            type: Boolean,
-            default: true,
-        },
-        isReadOnly: Boolean,
-        previews: Object,
-        showFieldPreviews: {
-            type: Boolean,
-        },
+        config: { type: Object, required: true },
+        meta: { type: Object, required: true },
+        index: { type: Number, required: true },
+        collapsed: { type: Boolean, default: false },
+        values: { type: Object, required: true },
+        parentName: { type: String, required: true },
+        fieldPathPrefix: { type: String, required: true },
+        hasError: { type: Boolean, default: false },
+        sortableItemClass: { type: String },
+        sortableHandleClass: { type: String },
+        canAddSet: { type: Boolean, default: true },
+        isReadOnly: { type: Boolean, default: false },
+        previews: { type: Object },
+        showFieldPreviews: { type: Boolean, default: true },
     },
 
     data() {
diff --git a/resources/svg/icons/handles.svg b/resources/svg/icons/handles.svg
new file mode 100644
index 00000000000..399b36867a8
--- /dev/null
+++ b/resources/svg/icons/handles.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 8 17" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="1.72656" cy="6.16858" r="1.25" fill="currentColor"/><circle cx="1.72656" cy="1.66858" r="1.25" fill="currentColor"/><circle cx="1.72656" cy="10.6686" r="1.25" fill="currentColor"/><circle cx="1.72656" cy="15.1686" r="1.25" fill="currentColor"/><circle cx="6.44531" cy="6.16864" r="1.25" fill="currentColor"/><circle cx="6.44531" cy="1.66864" r="1.25" fill="currentColor"/><circle cx="6.44531" cy="10.6686" r="1.25" fill="currentColor"/><circle cx="6.44531" cy="15.1686" r="1.25" fill="currentColor"/></svg>
\ No newline at end of file

From dc34d8325f15b78ada3f94a8f813879fbd49549c Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Thu, 24 Apr 2025 23:24:42 -0400
Subject: [PATCH 132/186] Set collapse/expand animation

---
 .../js/components/fieldtypes/replicator/Set.vue  | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/fieldtypes/replicator/Set.vue b/resources/js/components/fieldtypes/replicator/Set.vue
index 322b25b408c..01ac731b58a 100644
--- a/resources/js/components/fieldtypes/replicator/Set.vue
+++ b/resources/js/components/fieldtypes/replicator/Set.vue
@@ -8,7 +8,7 @@
             :data-readonly="isReadOnly ?? undefined"
             :data-type="config.handle"
         >
-            <header class="flex items-center px-1.5 antialiased group/header hover:bg-gray-50 rounded-t-lg">
+            <header class="flex items-center px-1.5 antialiased group/header hover:bg-gray-50 border-b border-transparent animate-border-color duration-200 rounded-lg" :class="{ 'border-gray-200! rounded-b-none dark:border-white/15': !collapsed }">
                 <Icon name="handles" class="item-move cursor-grab sortable-handle size-4 text-gray-400" v-if="!isReadOnly" />
                 <button type="button" class="p-2 flex flex-1 items-center gap-4" @click="toggleCollapsedState">
                     <ui-badge variant="flat" size="lg">
@@ -53,7 +53,13 @@
                 </div>
             </header>
 
-            <div class="border-t border-gray-200 pb-3 dark:border-white/15 publish-fields @container" v-show="!collapsed">
+            <Motion
+                layout
+                class="publish-fields overflow-hidden @container"
+                :initial="{ height: collapsed ? '0px' : 'auto' }"
+                :animate="{ height: collapsed ? '0px' : 'auto' }"
+                :transition="{ duration: .25, type: 'tween' }"
+            >
                 <set-field
                     v-for="field in fields"
                     v-show="showField(field, fieldPath(field))"
@@ -72,7 +78,7 @@
                     @blur="$emit('blur')"
                     @replicator-preview-updated="previewUpdated(field.handle, $event)"
                 />
-            </div>
+            </Motion>
         </div>
     </div>
 </template>
@@ -84,8 +90,10 @@ import { ValidatesFieldConditions } from '../../field-conditions/FieldConditions
 import HasFieldActions from '../../field-actions/HasFieldActions.js';
 import DropdownActions from '../../field-actions/DropdownActions.vue';
 import { Icon, Switch } from '@statamic/ui';
+import { Motion } from 'motion-v';
+
 export default {
-    components: { SetField, DropdownActions, Icon, Switch },
+    components: { SetField, DropdownActions, Icon, Switch, Motion },
 
     mixins: [ValidatesFieldConditions, ManagesPreviewText, HasFieldActions],
 

From b9a7f2a0843da500fe78b4ec2f49d27c5abeca76 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 28 Apr 2025 18:10:01 -0400
Subject: [PATCH 133/186] Badge support for appended icons + icon hover style

---
 resources/js/components/ui/Badge.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Badge.vue b/resources/js/components/ui/Badge.vue
index 250b9288e62..865f3f69998 100644
--- a/resources/js/components/ui/Badge.vue
+++ b/resources/js/components/ui/Badge.vue
@@ -9,6 +9,7 @@ const props = defineProps({
     color: { type: String, default: 'default' },
     href: { type: String, default: null },
     icon: { type: String, default: null },
+    iconAppend: { type: String, default: null },
     pill: { type: Boolean, default: false },
     size: { type: String, default: 'default' },
     subText: { type: String, default: null },
@@ -22,7 +23,7 @@ const tag = computed(() => (props.href ? 'a' : props.as));
 
 const badgeClasses = computed(() => {
     const classes = cva({
-        base: 'flex items-center gap-1 font-normal antialiased whitespace-nowrap no-underline not-prose [button]:cursor-pointer',
+        base: 'flex items-center gap-1 font-normal antialiased whitespace-nowrap no-underline not-prose [button]:cursor-pointer group [&_svg]:opacity-60 [&_svg]:group-hover:opacity-100',
         variants: {
             size: {
                 sm: 'text-2xs py-0 leading-normal px-1 rounded-[0.1875rem] [&_svg]:size-2',
@@ -71,6 +72,7 @@ const badgeClasses = computed(() => {
         <Icon v-if="icon" :name="icon" />
         <slot v-if="hasDefaultSlot" />
         <template v-else>{{ text }}</template>
+        <Icon v-if="iconAppend" :name="iconAppend" />
         <span v-if="props.subText" class="text-[0.625rem] leading-tight font-medium opacity-70">{{ subText }}</span>
     </component>
 </template>

From 6fe42f950203ccc8e9d6f2a8b84ab58b6a87fe23 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 28 Apr 2025 18:10:09 -0400
Subject: [PATCH 134/186] fix widget alignment

---
 resources/views/dashboard.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
index d11a9b7e858..120ec3e615f 100644
--- a/resources/views/dashboard.blade.php
+++ b/resources/views/dashboard.blade.php
@@ -9,7 +9,7 @@
 
 <ui-header title="{{ __('Dashboard') }}" />
 
-<div class="widgets @container/widgets flex flex-wrap py-2 gap-y-6">
+<div class="widgets @container/widgets flex flex-wrap py-2 gap-y-6 -mx-3">
     @foreach ($widgets as $widget)
         <div class="{{ Statamic\Support\Str::tailwindWidthClass($widget['width']) }} {{ $widget['classes'] }} px-3">
             {!! $widget['html'] !!}

From 6429115d38e8e83654875cc95ba827fe6b637486 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 28 Apr 2025 18:10:31 -0400
Subject: [PATCH 135/186] Tighten up docs callout, add external link icon

---
 resources/views/components/docs-callout.blade.php | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/resources/views/components/docs-callout.blade.php b/resources/views/components/docs-callout.blade.php
index b59c77d59fc..f6240997554 100644
--- a/resources/views/components/docs-callout.blade.php
+++ b/resources/views/components/docs-callout.blade.php
@@ -7,7 +7,8 @@
         <ui-badge
             href="{{ $url }}"
             pill
-            text="{{ $text ?? __("Learn more about $topic") }}"
+            icon-append="external-link"
+            text="{{ $text ?? __("Learn about $topic") }}"
         />
     </div>
 @endif

From 91359dae1819b4f8a95b485ab35ab6e39d47bc9e Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 28 Apr 2025 18:12:47 -0400
Subject: [PATCH 136/186] temp color fix

---
 resources/js/components/DropdownList.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/DropdownList.vue b/resources/js/components/DropdownList.vue
index 108dcb5308b..8a0f3c90166 100644
--- a/resources/js/components/DropdownList.vue
+++ b/resources/js/components/DropdownList.vue
@@ -12,7 +12,7 @@
         <template #trigger>
             <slot name="trigger">
                 <button class="rotating-dots-button" :aria-label="__('Open Dropdown')" type="button">
-                    <svg class="rotating-dots fill-current" width="12" viewBox="0 0 24 24">
+                    <svg class="rotating-dots text-gray-400 fill-current" width="12" viewBox="0 0 24 24">
                         <circle cx="3" cy="12" r="3" />
                         <circle cx="12" cy="12" r="3" />
                         <circle cx="21" cy="12" r="3" />

From acde41a56d562648e33fa5f1a871e86b61571cfc Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 28 Apr 2025 18:12:58 -0400
Subject: [PATCH 137/186] Support size prop on CreateEntryButton

---
 resources/js/components/entries/CreateEntryButton.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/entries/CreateEntryButton.vue b/resources/js/components/entries/CreateEntryButton.vue
index b97696a3cb6..6e072de30d7 100644
--- a/resources/js/components/entries/CreateEntryButton.vue
+++ b/resources/js/components/entries/CreateEntryButton.vue
@@ -1,9 +1,9 @@
 <template>
     <div>
-        <Button @click="create" v-if="!hasMultipleBlueprints" :text="text" />
+        <Button @click="create" v-if="!hasMultipleBlueprints" :text="text" :size="size" />
         <Dropdown v-else>
             <template #trigger>
-                <Button @click.prevent="create" :variant icon-append="ui/chevron-down" :text="text" />
+                <Button @click.prevent="create" :variant icon-append="ui/chevron-down" :text="text" :size="size" />
             </template>
             <DropdownMenu>
                 <DropdownLabel v-text="__('Choose Blueprint')" />
@@ -35,6 +35,7 @@ export default {
         blueprints: Array,
         variant: { type: String, default: 'primary' },
         text: { type: String, default: () => __('Create Entry') },
+        size: { type: String, default: 'base' },
         buttonClass: { type: String, default: 'btn' },
     },
 

From 87552a7f30bc29c7ff1d7d46893104991b12a7d1 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 28 Apr 2025 18:50:06 -0400
Subject: [PATCH 138/186] New Collections Index layout. WIP.

---
 .../js/components/collections/Listing.vue     | 91 +++++++++++++++++--
 resources/js/components/ui/Heading.vue        |  9 +-
 resources/js/components/ui/Panel/Footer.vue   |  5 +
 resources/lang/en/messages.php                |  1 +
 .../CP/Collections/CollectionsController.php  | 12 ++-
 5 files changed, 107 insertions(+), 11 deletions(-)
 create mode 100644 resources/js/components/ui/Panel/Footer.vue

diff --git a/resources/js/components/collections/Listing.vue b/resources/js/components/collections/Listing.vue
index 852cdac7db8..550b637e4a5 100644
--- a/resources/js/components/collections/Listing.vue
+++ b/resources/js/components/collections/Listing.vue
@@ -1,6 +1,83 @@
 <template>
-    <data-list ref="dataList" :columns="columns" :rows="items">
-        <CardPanel>
+    <div class="@container/collections flex flex-wrap py-2 gap-y-6 -mx-3">
+        <div v-for="collection in items" class="w-full @4xl:w-1/2 px-3">
+            <ui-panel>
+                <ui-panel-header class="flex items-center justify-between">
+                    <div class="flex items-center gap-1.5">
+                        <ui-heading size="lg" :text="__(collection.title)" :href="collection.available_in_selected_site ? collection.entries_url : collection.edit_url" />
+                        <span class="text-sm text-gray-500">
+                            ({{ __('entry_count', { count: collection.entries_count }) }})
+                        </span>
+                    </div>
+                    <aside class="flex items-center gap-2">
+                        <dropdown-list placement="left-start">
+                            <dropdown-item :text="__('View')" :redirect="collection.entries_url" />
+                            <dropdown-item v-if="collection.url" :text="__('Visit URL')" :external-link="collection.url" />
+                            <dropdown-item
+                                v-if="collection.editable"
+                                :text="__('Edit Collection')"
+                                :redirect="collection.edit_url"
+                            />
+                            <dropdown-item
+                                v-if="collection.blueprint_editable"
+                                :text="__('Edit Blueprints')"
+                                :redirect="collection.blueprints_url"
+                            />
+                            <dropdown-item
+                                v-if="collection.editable"
+                                :text="__('Scaffold Views')"
+                                :redirect="collection.scaffold_url"
+                            />
+                            <data-list-inline-actions
+                                :item="collection.id"
+                                :url="collection.actions_url"
+                                :actions="collection.actions"
+                                @completed="actionCompleted"
+                            ></data-list-inline-actions>
+                        </dropdown-list>
+                        <create-entry-button
+                            :url="collection.create_entry_url"
+                            variant="default"
+                            :blueprints="collection.blueprints"
+                            :text="__('Create Entry')"
+                            size="sm"
+                            class="-mr-2"
+                        />
+                    </aside>
+                </ui-panel-header>
+
+                <ui-card>
+                    <data-list :rows="collection.entries" :columns="collection.columns" :sort="false">
+                        <data-list-table unstyled class="[&_td]:p-0.5 [&_td]:text-sm [&_thead]:hidden">
+                            <template #cell-title="{ row: entry }">
+                                <div class="flex items-center gap-2">
+                                    <StatusIndicator :status="entry.status" />
+                                    <a :href="entry.edit_url" class="line-clamp-1 overflow-hidden text-ellipsis" :text="entry.title" />
+                                </div>
+                            </template>
+                        </data-list-table>
+                    </data-list>
+                </ui-card>
+
+                <ui-panel-footer class="flex items-center gap-6 text-sm text-gray-500">
+                    <div class="flex items-center gap-2" v-if="collection.published_entries_count > 0">
+                        <ui-badge variant="flat" :text="String(collection.published_entries_count)" pill class="bg-gray-200!" />
+                        <span>{{ __('Published') }}</span>
+                    </div>
+                    <div class="flex items-center gap-2 text-sm" v-if="collection.scheduled_entries_count > 0">
+                        <ui-badge variant="flat" :text="String(collection.scheduled_entries_count)" pill class="bg-gray-200!" />
+                        <span>{{ __('Scheduled') }}</span>
+                    </div>
+                    <div class="flex items-center gap-2 text-sm" v-if="collection.draft_entries_count > 0">
+                        <ui-badge variant="flat" :text="String(collection.draft_entries_count)" pill class="bg-gray-200!" />
+                        <span>{{ __('Draft') }}</span>
+                    </div>
+                </ui-panel-footer>
+            </ui-panel>
+        </div>
+    </div>
+
+        <!-- <data-list ref="dataList" :columns="columns" :rows="items">
             <data-list-table>
                 <template #cell-title="{ row: collection }">
                     <a :href="collection.available_in_selected_site ? collection.entries_url : collection.edit_url">{{
@@ -35,20 +112,17 @@
                     </dropdown-list>
                 </template>
             </data-list-table>
-        </CardPanel>
-    </data-list>
+    </data-list> -->
 </template>
 
 <script>
 import Listing from '../Listing.vue';
-import { CardPanel } from '@statamic/ui';
+import { CardPanel, StatusIndicator, Badge } from '@statamic/ui';
 
 export default {
     mixins: [Listing],
 
-    components: {
-        CardPanel,
-    },
+    components: { CardPanel, StatusIndicator, Badge },
 
     props: {
         initialRows: Array,
@@ -60,6 +134,7 @@ export default {
             initializedRequest: false,
             items: this.initialRows,
             requestUrl: cp_url(`collections`),
+            mode: 'grid',
         };
     },
 
diff --git a/resources/js/components/ui/Heading.vue b/resources/js/components/ui/Heading.vue
index 79fce94721c..439ee66aaad 100644
--- a/resources/js/components/ui/Heading.vue
+++ b/resources/js/components/ui/Heading.vue
@@ -6,12 +6,17 @@ const props = defineProps({
     size: { type: String, default: 'base' },
     level: { type: [Number, null], default: null },
     text: { type: [String, null], default: null },
+    href: { type: [String, null], default: null },
 });
 
 const slots = useSlots();
 const hasDefaultSlot = !!slots.default;
 
-const tag = computed(() => (props.level ? `h${props.level}` : 'div'));
+const tag = computed(() => {
+    if (props.level) return `h${props.level}`;
+    if (props.href) return 'a';
+    return 'div';
+});
 
 const classes = cva({
     base: 'font-medium [&:has(+[data-ui-subheading])]:mb-0.5 antialiased not-prose',
@@ -26,7 +31,7 @@ const classes = cva({
 </script>
 
 <template>
-    <component :is="tag" :class="classes" data-ui-heading>
+    <component :is="tag" :class="classes" :href="href" data-ui-heading>
         <span v-if="!hasDefaultSlot">{{ text }}</span>
         <slot v-else />
     </component>
diff --git a/resources/js/components/ui/Panel/Footer.vue b/resources/js/components/ui/Panel/Footer.vue
new file mode 100644
index 00000000000..13067baf8ac
--- /dev/null
+++ b/resources/js/components/ui/Panel/Footer.vue
@@ -0,0 +1,5 @@
+<template>
+    <footer class="px-4.5 pt-3 pb-1.5 antialiased" data-ui-panel-footer>
+        <slot />
+    </footer>
+</template>
diff --git a/resources/lang/en/messages.php b/resources/lang/en/messages.php
index 54601e5c8fc..506e669198b 100644
--- a/resources/lang/en/messages.php
+++ b/resources/lang/en/messages.php
@@ -76,6 +76,7 @@
     'duplicate_action_warning_localizations' => 'One or more selected entries are localizations. In those cases, the origin entry will be duplicated instead.',
     'email_utility_configuration_description' => 'Mail settings are configured in <code>:path</code>',
     'email_utility_description' => 'Check email configuration settings and send test emails.',
+    'entry_count' => ':count entries',
     'entry_origin_instructions' => 'The new localization will inherit values from the entry in the selected site.',
     'expect_root_instructions' => 'Consider the first page in the tree a "root" or "home" page.',
     'field_conditions_always_save_instructions' => 'Always save field value, even if field is hidden.',
diff --git a/src/Http/Controllers/CP/Collections/CollectionsController.php b/src/Http/Controllers/CP/Collections/CollectionsController.php
index 6765779a4db..4fb6d808a5e 100644
--- a/src/Http/Controllers/CP/Collections/CollectionsController.php
+++ b/src/Http/Controllers/CP/Collections/CollectionsController.php
@@ -58,10 +58,20 @@ private function collections()
             return [
                 'id' => $collection->handle(),
                 'title' => $collection->title(),
-                'entries' => $collection->queryEntries()->where('site', Site::selected())->count(),
+                'entries' => $collection->queryEntries()->where('site', Site::selected())->limit(5)->get(),
+                'entries_count' => $collection->queryEntries()->where('site', Site::selected())->count(),
+                'published_entries_count' => $collection->queryEntries()->where('site', Site::selected())->where('status', 'published')->count(),
+                'draft_entries_count' => $collection->queryEntries()->where('site', Site::selected())->where('status', 'draft')->count(),
+                'scheduled_entries_count' => $collection->queryEntries()->where('site', Site::selected())->where('status', 'scheduled')->count(),
+                'blueprints' => $collection->entryBlueprints()->reject->hidden()->values(),
+                'columns' => [
+                    ['label' => 'Title', 'field' => 'title', 'visible' => true],
+                    ['label' => 'Date', 'field' => 'date', 'visible' => true]
+                ],
                 'edit_url' => $collection->editUrl(),
                 'delete_url' => $collection->deleteUrl(),
                 'entries_url' => cp_route('collections.show', $collection->handle()),
+                'create_entry_url' => $collection->createEntryUrl(Site::selected()),
                 'url' => $collection->absoluteUrl(Site::selected()->handle()),
                 'blueprints_url' => cp_route('collections.blueprints.index', $collection->handle()),
                 'scaffold_url' => cp_route('collections.scaffold', $collection->handle()),

From 6a3443f98a22f1b3fe36e84dce418e5714d9caa3 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 28 Apr 2025 23:55:04 -0400
Subject: [PATCH 139/186] Better collection island card panel things

---
 resources/js/components/collections/Listing.vue   | 15 ++++++++++-----
 resources/js/components/data-list/Table.vue       |  1 +
 .../CP/Collections/CollectionsController.php      |  5 +++--
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/resources/js/components/collections/Listing.vue b/resources/js/components/collections/Listing.vue
index 550b637e4a5..60860be1a80 100644
--- a/resources/js/components/collections/Listing.vue
+++ b/resources/js/components/collections/Listing.vue
@@ -48,28 +48,33 @@
 
                 <ui-card>
                     <data-list :rows="collection.entries" :columns="collection.columns" :sort="false">
-                        <data-list-table unstyled class="[&_td]:p-0.5 [&_td]:text-sm [&_thead]:hidden">
-                            <template #cell-title="{ row: entry }">
+                        <data-list-table unstyled class="[&_td]:p-0.5 [&_td]:text-sm [&_thead]:hidden w-full">
+                            <template #cell-title="{ row: entry }" class="w-full">
                                 <div class="flex items-center gap-2">
                                     <StatusIndicator :status="entry.status" />
                                     <a :href="entry.edit_url" class="line-clamp-1 overflow-hidden text-ellipsis" :text="entry.title" />
                                 </div>
                             </template>
+                            <template #cell-date="{ row: entry }" v-if="collection.dated">
+                                <div class="text-end font-mono text-gray-400 ps-6">
+                                    <date-time :of="entry.date" date-only />
+                                </div>
+                            </template>
                         </data-list-table>
                     </data-list>
                 </ui-card>
 
                 <ui-panel-footer class="flex items-center gap-6 text-sm text-gray-500">
                     <div class="flex items-center gap-2" v-if="collection.published_entries_count > 0">
-                        <ui-badge variant="flat" :text="String(collection.published_entries_count)" pill class="bg-gray-200!" />
+                        <ui-badge variant="flat" :text="String(collection.published_entries_count)" pill class="bg-gray-200 dark:bg-gray-700" />
                         <span>{{ __('Published') }}</span>
                     </div>
                     <div class="flex items-center gap-2 text-sm" v-if="collection.scheduled_entries_count > 0">
-                        <ui-badge variant="flat" :text="String(collection.scheduled_entries_count)" pill class="bg-gray-200!" />
+                        <ui-badge variant="flat" :text="String(collection.scheduled_entries_count)" pill class="bg-gray-200 dark:" />
                         <span>{{ __('Scheduled') }}</span>
                     </div>
                     <div class="flex items-center gap-2 text-sm" v-if="collection.draft_entries_count > 0">
-                        <ui-badge variant="flat" :text="String(collection.draft_entries_count)" pill class="bg-gray-200!" />
+                        <ui-badge variant="flat" :text="String(collection.draft_entries_count)" pill class="bg-gray-200 dark:" />
                         <span>{{ __('Draft') }}</span>
                     </div>
                 </ui-panel-footer>
diff --git a/resources/js/components/data-list/Table.vue b/resources/js/components/data-list/Table.vue
index e0fba32996d..8d82c7d7c40 100644
--- a/resources/js/components/data-list/Table.vue
+++ b/resources/js/components/data-list/Table.vue
@@ -69,6 +69,7 @@
                         :key="column.field"
                         :width="column.width"
                         :class="{ 'pr-8 text-end': column.numeric }"
+                        :data-column="`${column.field}`"
                     >
                         <slot
                             :name="`cell-${column.field}`"
diff --git a/src/Http/Controllers/CP/Collections/CollectionsController.php b/src/Http/Controllers/CP/Collections/CollectionsController.php
index 4fb6d808a5e..cbbf9cad554 100644
--- a/src/Http/Controllers/CP/Collections/CollectionsController.php
+++ b/src/Http/Controllers/CP/Collections/CollectionsController.php
@@ -58,7 +58,7 @@ private function collections()
             return [
                 'id' => $collection->handle(),
                 'title' => $collection->title(),
-                'entries' => $collection->queryEntries()->where('site', Site::selected())->limit(5)->get(),
+                'entries' => $collection->queryEntries()->where('site', Site::selected())->orderBy('date', 'desc')->limit(5)->get(),
                 'entries_count' => $collection->queryEntries()->where('site', Site::selected())->count(),
                 'published_entries_count' => $collection->queryEntries()->where('site', Site::selected())->where('status', 'published')->count(),
                 'draft_entries_count' => $collection->queryEntries()->where('site', Site::selected())->where('status', 'draft')->count(),
@@ -68,6 +68,7 @@ private function collections()
                     ['label' => 'Title', 'field' => 'title', 'visible' => true],
                     ['label' => 'Date', 'field' => 'date', 'visible' => true]
                 ],
+                'dated' => $collection->dated(),
                 'edit_url' => $collection->editUrl(),
                 'delete_url' => $collection->deleteUrl(),
                 'entries_url' => cp_route('collections.show', $collection->handle()),
@@ -82,7 +83,7 @@ private function collections()
                 'actions' => Action::for($collection),
                 'actions_url' => cp_route('collections.actions.run', ['collection' => $collection->handle()]),
             ];
-        })->values();
+        })->sortBy('title')->values();
     }
 
     public function show(Request $request, $collection)

From 77332eb2c579534b67e2efdc6152e30df2d301a0 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 30 Apr 2025 10:49:11 -0400
Subject: [PATCH 140/186] badges should be inline-flex

---
 resources/js/components/ui/Badge.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Badge.vue b/resources/js/components/ui/Badge.vue
index 865f3f69998..a6e60fc81b1 100644
--- a/resources/js/components/ui/Badge.vue
+++ b/resources/js/components/ui/Badge.vue
@@ -23,7 +23,7 @@ const tag = computed(() => (props.href ? 'a' : props.as));
 
 const badgeClasses = computed(() => {
     const classes = cva({
-        base: 'flex items-center gap-1 font-normal antialiased whitespace-nowrap no-underline not-prose [button]:cursor-pointer group [&_svg]:opacity-60 [&_svg]:group-hover:opacity-100',
+        base: 'inline-flex items-center gap-1 font-normal antialiased whitespace-nowrap no-underline not-prose [button]:cursor-pointer group [&_svg]:opacity-60 [&_svg]:group-hover:opacity-100',
         variants: {
             size: {
                 sm: 'text-2xs py-0 leading-normal px-1 rounded-[0.1875rem] [&_svg]:size-2',

From 236443f4100b627ea4c2576c5570e58b41ab1ce5 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 30 Apr 2025 11:03:44 -0400
Subject: [PATCH 141/186] Column Picker uses new modal

Probably needs a redesign anyway tho
---
 .../js/components/data-list/ColumnPicker.vue  | 50 +++++++------------
 resources/js/components/ui/Modal/Modal.vue    |  2 +-
 2 files changed, 20 insertions(+), 32 deletions(-)

diff --git a/resources/js/components/data-list/ColumnPicker.vue b/resources/js/components/data-list/ColumnPicker.vue
index 58e71b5333e..c927bef4135 100644
--- a/resources/js/components/data-list/ColumnPicker.vue
+++ b/resources/js/components/data-list/ColumnPicker.vue
@@ -1,23 +1,10 @@
 <template>
     <div>
-        <Button icon="utilities" v-tooltip="__('Customize Table')" @click="open = true" />
-
-        <modal
-            v-if="open"
-            name="column-picker"
-            @closed="open = false"
-            draggable=".modal-drag-handle"
-            click-to-close
-            v-slot="{ close }"
-        >
-            <div class="-max-h-screen-px flex h-full flex-col">
-                <header
-                    class="modal-drag-handle dark:border-dark-900 dark:bg-dark-650 flex cursor-grab items-center justify-between border-b bg-gray-200 p-4 active:cursor-grabbing"
-                >
-                    <h2>{{ __('Customize Columns') }}</h2>
-                    <button class="btn-close" @click="close" :aria-label="__('Close Editor')">&times;</button>
-                </header>
-
+        <ui-modal :title="__('Customize Columns')">
+            <template #trigger>
+                <Button icon="utilities" v-tooltip="__('Customize Table')"/>
+            </template>
+            <div class="flex h-full flex-col">
                 <div class="dark:bg-dark-600 flex min-h-0 grow rounded-t-md bg-gray-100">
                     <!-- Available Columns -->
                     <div
@@ -90,20 +77,21 @@
                     </div>
                 </div>
 
-                <footer
-                    class="dark:border-dark-900 dark:bg-dark-700 flex items-center justify-end border-t px-3 py-2"
-                    v-if="preferencesKey"
-                >
-                    <button class="btn" v-text="__('Reset')" @click="reset" :disabled="saving" />
-                    <button
-                        class="btn-primary ltr:ml-3 rtl:mr-3"
-                        v-text="__('Save')"
-                        @click="save"
-                        :disabled="saving"
-                    />
-                </footer>
             </div>
-        </modal>
+            <template #footer v-if="preferencesKey">
+                <div class="flex items-center justify-end space-x-3 pt-3 pb-1">
+                    <ui-modal-close>
+                        <ui-button :text="__('Cancel')" variant="ghost" />
+                    </ui-modal-close>
+                    <ui-modal-close asChild>
+                        <ui-button :text="__('Reset')" @click="reset" :disabled="saving" />
+                    </ui-modal-close>
+                    <ui-modal-close asChild>
+                        <ui-button :text="__('Save')" variant="primary" @click="save" :disabled="saving" />
+                    </ui-modal-close>
+                </div>
+            </template>
+        </ui-modal>
     </div>
 </template>
 
diff --git a/resources/js/components/ui/Modal/Modal.vue b/resources/js/components/ui/Modal/Modal.vue
index ace6e558159..074f3824590 100644
--- a/resources/js/components/ui/Modal/Modal.vue
+++ b/resources/js/components/ui/Modal/Modal.vue
@@ -11,7 +11,7 @@ const hasModalTitleComponent = hasComponent('ModalTitle');
 
 const modalClasses = cva({
     base: [
-        'fixed outline-hidden left-1/2 top-1/5 z-50 w-full max-w-2xl -translate-x-1/2 -translate-y-1/2',
+        'fixed outline-hidden left-1/2 top-1/6 z-50 w-full max-w-2xl -translate-x-1/2',
         'bg-white/80 dark:bg-gray-850 backdrop-blur-[2px] rounded-2xl p-2',
         'shadow-[0_8px_5px_-6px_rgba(0,0,0,0.12),_0_3px_8px_0_rgba(0,0,0,0.02),_0_30px_22px_-22px_rgba(39,39,42,0.35)]',
         'dark:shadow-[0_5px_20px_rgba(0,0,0,.5)]',

From 8b7d9311c4941ea88536fa7c0c51ad2f1d7a3326 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 30 Apr 2025 11:15:20 -0400
Subject: [PATCH 142/186] Make the whole Replicator Add Set area clickable

---
 .../js/components/fieldtypes/replicator/AddSetButton.vue      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/fieldtypes/replicator/AddSetButton.vue b/resources/js/components/fieldtypes/replicator/AddSetButton.vue
index bae1ab772f8..83db0b70f5f 100644
--- a/resources/js/components/fieldtypes/replicator/AddSetButton.vue
+++ b/resources/js/components/fieldtypes/replicator/AddSetButton.vue
@@ -13,11 +13,11 @@
                 :transition="{ duration: 0.2 }"
             >
                 <div v-if="showConnector" class="absolute group-hover:opacity-0 transition-opacity delay-25 duration-125 inset-y-0 h-full left-3.5 border-l-1 border-gray-400 dark:border-gray-600 border-dashed z-0 dark:bg-dark-700" />
-                <div class="w-full absolute inset-0 h-full opacity-0 group-hover:opacity-100 transition-opacity delay-25 duration-75">
+                <button class="w-full absolute inset-0 h-full opacity-0 group-hover:opacity-100 transition-opacity delay-25 duration-75 cursor-pointer" @click="addSetButtonClicked">
                     <div class="h-full flex flex-col justify-center">
                         <div class="rounded-full bg-gray-200 h-2" />
                     </div>
-                </div>
+                </button>
                 <Button v-if="enabled" @click="addSetButtonClicked" round icon="plus" size="sm" class="-my-4 z-3 opacity-0 group-hover:opacity-100 transition-opacity delay-25 duration-75" />
             </Motion>
         </template>

From 7bb59b8e5f10a786d76b7009e924261befc2e9c6 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Wed, 30 Apr 2025 11:17:32 -0400
Subject: [PATCH 143/186] no tabby

---
 .../js/components/command-palette/CommandPalette.vue      | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/command-palette/CommandPalette.vue b/resources/js/components/command-palette/CommandPalette.vue
index c6d4bd7df84..619a70f1560 100644
--- a/resources/js/components/command-palette/CommandPalette.vue
+++ b/resources/js/components/command-palette/CommandPalette.vue
@@ -185,7 +185,13 @@ const modalClasses = cva({
                     :whilePress="{ scale: 0.985 }"
                     :transition="{ duration: 0.1 }"
                 >
-                    <ComboboxRoot :open="true" :default-open="true" :ignore-filter="true" v-model="selected">
+                    <ComboboxRoot
+                        :open="true"
+                        :default-open="true"
+                        :ignore-filter="true"
+                        v-model="selected"
+                        @keydown.tab.prevent.stop
+                    >
                         <header
                             class="group/cmd-input flex h-14 items-center gap-2 border-b border-gray-200/80 px-5.5 dark:border-gray-950"
                         >

From 37dd7e63ec3f304ae52ecf1cc3a901ddecc2b1ac Mon Sep 17 00:00:00 2001
From: Jesse Leite <jesseleite@gmail.com>
Date: Wed, 30 Apr 2025 11:19:56 -0400
Subject: [PATCH 144/186] Tab to next result.

---
 resources/js/components/command-palette/CommandPalette.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/resources/js/components/command-palette/CommandPalette.vue b/resources/js/components/command-palette/CommandPalette.vue
index 619a70f1560..535b63acf49 100644
--- a/resources/js/components/command-palette/CommandPalette.vue
+++ b/resources/js/components/command-palette/CommandPalette.vue
@@ -44,6 +44,7 @@ Statamic.$keys.bindGlobal(['mod+k'], (e) => {
 each(
     {
         esc: () => (open.value = false),
+        'tab': () => document.activeElement.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown' })),
         'ctrl+n': () => document.activeElement.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown' })),
         'ctrl+p': () => document.activeElement.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowUp' })),
     },

From a1bb1d4f2293d8cb34749ffa28365778bb3f249d Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Wed, 30 Apr 2025 11:25:05 -0400
Subject: [PATCH 145/186] tab moves down, shift+tab moves up

---
 resources/js/components/command-palette/CommandPalette.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/command-palette/CommandPalette.vue b/resources/js/components/command-palette/CommandPalette.vue
index 535b63acf49..4e1441d5b4f 100644
--- a/resources/js/components/command-palette/CommandPalette.vue
+++ b/resources/js/components/command-palette/CommandPalette.vue
@@ -44,7 +44,6 @@ Statamic.$keys.bindGlobal(['mod+k'], (e) => {
 each(
     {
         esc: () => (open.value = false),
-        'tab': () => document.activeElement.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown' })),
         'ctrl+n': () => document.activeElement.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown' })),
         'ctrl+p': () => document.activeElement.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowUp' })),
     },
@@ -141,6 +140,10 @@ function reset() {
     searchResults.value = [];
 }
 
+function keydownTab(e) {
+    document.activeElement.dispatchEvent(new KeyboardEvent('keydown', { key: e.shiftKey ? 'ArrowUp' : 'ArrowDown' }));
+}
+
 const modalClasses = cva({
     base: [
         'fixed outline-hidden left-1/2 top-[100px] z-50 w-full max-w-3xl -translate-x-1/2 ',
@@ -191,7 +194,7 @@ const modalClasses = cva({
                         :default-open="true"
                         :ignore-filter="true"
                         v-model="selected"
-                        @keydown.tab.prevent.stop
+                        @keydown.tab.prevent.stop="keydownTab"
                     >
                         <header
                             class="group/cmd-input flex h-14 items-center gap-2 border-b border-gray-200/80 px-5.5 dark:border-gray-950"

From 18155c306e6ff1f83c7e470543228d4b0335bb64 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 30 Apr 2025 15:52:12 -0400
Subject: [PATCH 146/186] Add icon prop to Header, roll it out on edit forms

---
 .../js/components/collections/EditForm.vue     |  3 ++-
 .../js/components/navigation/EditForm.vue      | 18 ++++++++++++------
 .../js/components/taxonomies/EditForm.vue      | 18 +++++++++++-------
 resources/js/components/ui/Header.vue          |  6 +++++-
 resources/views/collections/edit.blade.php     | 14 ++++++--------
 resources/views/navigation/edit.blade.php      | 13 +------------
 6 files changed, 37 insertions(+), 35 deletions(-)

diff --git a/resources/js/components/collections/EditForm.vue b/resources/js/components/collections/EditForm.vue
index d614e7f1ec5..bc137bc9acf 100644
--- a/resources/js/components/collections/EditForm.vue
+++ b/resources/js/components/collections/EditForm.vue
@@ -1,6 +1,7 @@
 <template>
     <publish-container
         v-if="blueprint"
+        class="max-w-5xl mx-auto"
         ref="container"
         name="collection"
         reference="collection"
@@ -13,7 +14,7 @@
         v-slot="{ setFieldValue, setFieldMeta }"
     >
         <div>
-            <Header :title="__(editTitle ?? 'Configure Collection')">
+            <Header :title="__(editTitle ?? 'Configure Collection')" icon="cog">
                 <Button variant="primary" @click="submit">{{ __('Save') }}</Button>
             </Header>
             <configure-tabs @updated="setFieldValue" @meta-updated="setFieldMeta" :enable-sidebar="false" />
diff --git a/resources/js/components/navigation/EditForm.vue b/resources/js/components/navigation/EditForm.vue
index 793d0058ebc..fd43b0f7a22 100644
--- a/resources/js/components/navigation/EditForm.vue
+++ b/resources/js/components/navigation/EditForm.vue
@@ -1,29 +1,35 @@
 <template>
     <publish-container
         v-if="blueprint"
+        class="max-w-5xl mx-auto"
         ref="container"
         name="collection"
+        reference="collection"
         :blueprint="blueprint"
         :values="values"
-        reference="collection"
         :meta="meta"
         :errors="errors"
         @updated="values = $event"
         v-slot="{ setFieldValue, setFieldMeta }"
     >
         <div>
+            <Header :title="__(editTitle ?? 'Configure Navigation')" icon="cog">
+                <Button variant="primary" @click="submit">{{ __('Save') }}</Button>
+            </Header>
             <configure-tabs @updated="setFieldValue" @meta-updated="setFieldMeta" :enable-sidebar="false" />
-
-            <div class="flex justify-between border-t py-4 dark:border-dark-950">
-                <a :href="url" class="btn" v-text="__('Cancel')" />
-                <button type="submit" class="btn-primary" @click="submit">{{ __('Save') }}</button>
-            </div>
         </div>
     </publish-container>
 </template>
 
 <script>
+import { Header, Button } from '@statamic/ui';
+
 export default {
+    components: {
+        Header,
+        Button,
+    },
+
     props: {
         blueprint: Object,
         initialValues: Object,
diff --git a/resources/js/components/taxonomies/EditForm.vue b/resources/js/components/taxonomies/EditForm.vue
index 4db5824b817..7037731382e 100644
--- a/resources/js/components/taxonomies/EditForm.vue
+++ b/resources/js/components/taxonomies/EditForm.vue
@@ -1,6 +1,7 @@
 <template>
     <publish-container
         v-if="blueprint"
+        class="max-w-5xl mx-auto"
         ref="container"
         name="taxonomy"
         reference="taxonomy"
@@ -12,20 +13,23 @@
         v-slot="{ setFieldValue, setFieldMeta }"
     >
         <div>
-            <header class="mb-6">
-                <breadcrumb :url="url" :title="values.title" />
-                <div class="flex items-center">
-                    <h1 class="flex-1" v-text="__('Configure Taxonomy')" />
-                    <button type="submit" class="btn-primary" @click="submit">{{ __('Save') }}</button>
-                </div>
-            </header>
+            <Header :title="__(editTitle ?? 'Configure Taxonomy')" icon="cog">
+                <Button variant="primary" @click="submit">{{ __('Save') }}</Button>
+            </Header>
             <configure-tabs @updated="setFieldValue" @meta-updated="setFieldMeta" :enable-sidebar="false" />
         </div>
     </publish-container>
 </template>
 
 <script>
+import { Header, Button } from '@statamic/ui';
+
 export default {
+    components: {
+        Header,
+        Button,
+    },
+
     props: {
         blueprint: Object,
         initialValues: Object,
diff --git a/resources/js/components/ui/Header.vue b/resources/js/components/ui/Header.vue
index 87ddcdacc29..db5ccd7ee5a 100644
--- a/resources/js/components/ui/Header.vue
+++ b/resources/js/components/ui/Header.vue
@@ -1,12 +1,16 @@
 <script setup>
+import { Icon } from '@statamic/ui';
+
 const props = defineProps({
+    icon: { type: String, default: null },
     title: { type: String, default: null },
 });
 </script>
 
 <template>
     <header class="grid grid-cols-[1fr_auto] items-center justify-between gap-4 py-8" data-ui-header>
-        <h1 class="text-[25px] font-medium antialiased">
+        <h1 class="text-[25px] font-medium antialiased flex items-center gap-2">
+            <Icon v-if="icon" :name="icon" class="size-5 text-gray-500"></Icon>
             <slot name="title">{{ title }}</slot>
         </h1>
         <div class="flex items-center gap-3">
diff --git a/resources/views/collections/edit.blade.php b/resources/views/collections/edit.blade.php
index d494fece42d..8ca0e92777f 100644
--- a/resources/views/collections/edit.blade.php
+++ b/resources/views/collections/edit.blade.php
@@ -6,12 +6,10 @@
 @section('title', __('Configure Collection'))
 
 @section('content')
-
-<collection-edit-form
-    :blueprint="{{ json_encode($blueprint) }}"
-    :initial-values="{{ json_encode($values) }}"
-    :meta="{{ json_encode($meta) }}"
-    url="{{ cp_route('collections.update', $collection->handle()) }}"
-></collection-edit-form>
-
+    <collection-edit-form
+        :blueprint="{{ json_encode($blueprint) }}"
+        :initial-values="{{ json_encode($values) }}"
+        :meta="{{ json_encode($meta) }}"
+        url="{{ cp_route('collections.update', $collection->handle()) }}"
+    ></collection-edit-form>
 @stop
diff --git a/resources/views/navigation/edit.blade.php b/resources/views/navigation/edit.blade.php
index 0e7ce29d3dd..0f9c5f7f23d 100644
--- a/resources/views/navigation/edit.blade.php
+++ b/resources/views/navigation/edit.blade.php
@@ -6,21 +6,10 @@
 @section('title', __('Edit Navigation'))
 
 @section('content')
-    <header class="mb-6">
-        @include(
-            'statamic::partials.breadcrumb',
-            [
-                'url' => cp_route('navigation.show', $nav->handle()),
-                'title' => $nav->title(),
-            ]
-        )
-        <h1>@yield('title')</h1>
-    </header>
-
     <navigation-edit-form
         :blueprint="{{ json_encode($blueprint) }}"
         :initial-values="{{ json_encode($values) }}"
         :meta="{{ json_encode($meta) }}"
         url="{{ $nav->showUrl() }}"
     ></navigation-edit-form>
-@endsection
+@stop

From ed07a315fbc653ebdb1d61344dcf8098ecd5a2d8 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Thu, 1 May 2025 12:00:43 +0100
Subject: [PATCH 147/186] Add `@statamic/ui` alias to vite plugin

---
 resources/js/vite-plugin/index.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/resources/js/vite-plugin/index.js b/resources/js/vite-plugin/index.js
index 89e311821ee..87871297f28 100644
--- a/resources/js/vite-plugin/index.js
+++ b/resources/js/vite-plugin/index.js
@@ -6,6 +6,7 @@ function addAliases(config) {
     const jsDir = path.resolve('/@fs' + __dirname + '/../');
 
     const aliases = {
+        '@statamic/ui': `${jsDir}/components/ui/index.js`,
         '@statamic': jsDir,
         statamic: `${jsDir}/exports.js`,
     };

From 30d9b1e8af0b3be2d57dca8fbf206d27dc1e452d Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Thu, 1 May 2025 14:46:52 +0100
Subject: [PATCH 148/186] Revert "Add `@statamic/ui` alias to vite plugin"

This reverts commit ed07a315fbc653ebdb1d61344dcf8098ecd5a2d8.
---
 resources/js/vite-plugin/index.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/resources/js/vite-plugin/index.js b/resources/js/vite-plugin/index.js
index 87871297f28..89e311821ee 100644
--- a/resources/js/vite-plugin/index.js
+++ b/resources/js/vite-plugin/index.js
@@ -6,7 +6,6 @@ function addAliases(config) {
     const jsDir = path.resolve('/@fs' + __dirname + '/../');
 
     const aliases = {
-        '@statamic/ui': `${jsDir}/components/ui/index.js`,
         '@statamic': jsDir,
         statamic: `${jsDir}/exports.js`,
     };

From 8b3f1ad8dd87aa35c4536748560a5e35cec39858 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Thu, 1 May 2025 15:04:51 +0100
Subject: [PATCH 149/186] Reapply "Add `@statamic/ui` alias to vite plugin"

This reverts commit 30d9b1e8af0b3be2d57dca8fbf206d27dc1e452d.
---
 resources/js/vite-plugin/index.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/resources/js/vite-plugin/index.js b/resources/js/vite-plugin/index.js
index 89e311821ee..87871297f28 100644
--- a/resources/js/vite-plugin/index.js
+++ b/resources/js/vite-plugin/index.js
@@ -6,6 +6,7 @@ function addAliases(config) {
     const jsDir = path.resolve('/@fs' + __dirname + '/../');
 
     const aliases = {
+        '@statamic/ui': `${jsDir}/components/ui/index.js`,
         '@statamic': jsDir,
         statamic: `${jsDir}/exports.js`,
     };

From 3042bdf0d32c417ca827c8a8a7b581c4acb03f95 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Thu, 1 May 2025 15:09:24 +0100
Subject: [PATCH 150/186] Export UI components

---
 resources/js/exports.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/resources/js/exports.js b/resources/js/exports.js
index 9ca3fe744eb..65cca4a370c 100644
--- a/resources/js/exports.js
+++ b/resources/js/exports.js
@@ -4,3 +4,4 @@ export { default as BardToolbarButton } from './components/fieldtypes/bard/Toolb
 export { default as Listing } from './components/Listing.vue';
 export * as FieldConditions from './components/field-conditions/FieldConditions';
 export { default as ValidatesFieldConditions } from './components/field-conditions/ValidatorMixin';
+export * from './components/ui/index.js';

From dce37c4b58725fdce57e861b29675e28d33b039e Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Thu, 1 May 2025 18:05:20 -0400
Subject: [PATCH 151/186] Tidy up

---
 resources/css/components/configure.css         |  2 +-
 .../collections/OneOrManySitesField.vue        |  6 ++----
 .../js/components/entries/PublishForm.vue      | 18 +++++++++---------
 resources/js/components/ui/Description.vue     |  2 +-
 resources/js/components/ui/Switch.vue          |  1 +
 5 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/resources/css/components/configure.css b/resources/css/components/configure.css
index 1a4cffa6ec1..71cc1eeb33f 100644
--- a/resources/css/components/configure.css
+++ b/resources/css/components/configure.css
@@ -15,7 +15,7 @@
             @apply mb-0;
         }
         .field-inner {
-            @apply ltr:pr-8 rtl:pl-8;
+            @apply pe-8;
         }
     }
 }
diff --git a/resources/js/components/collections/OneOrManySitesField.vue b/resources/js/components/collections/OneOrManySitesField.vue
index 7f3e07661e3..1249f9dbeb0 100644
--- a/resources/js/components/collections/OneOrManySitesField.vue
+++ b/resources/js/components/collections/OneOrManySitesField.vue
@@ -26,9 +26,7 @@
                     <tr v-for="site in sites" :key="site.handle">
                         <td class="align-middle" v-text="__(site.name)" />
                         <td>
-                            <text-input
-                                dir="ltr"
-                                class="slug-field"
+                            <ui-input
                                 :model-value="value[site.handle]"
                                 @update:model-value="updateSiteValue(site.handle, $event)"
                             />
@@ -39,7 +37,7 @@
         </div>
 
         <div v-if="!hasMultipleSites || !inMultipleMode">
-            <text-input :model-value="value" @update:model-value="update" class="slug-field" dir="ltr" />
+            <ui-input :model-value="value" @update:model-value="update" />
         </div>
     </div>
 </template>
diff --git a/resources/js/components/entries/PublishForm.vue b/resources/js/components/entries/PublishForm.vue
index 422fdcd482f..ddfe89cfc95 100644
--- a/resources/js/components/entries/PublishForm.vue
+++ b/resources/js/components/entries/PublishForm.vue
@@ -30,8 +30,8 @@
                 </DropdownMenu>
             </Dropdown>
 
-            <div class="text-2xs flex pt-px text-gray-600 ltr:mr-4 rtl:ml-4" v-if="readOnly">
-                <svg-icon name="light/lock" class="-mt-1 w-4 ltr:mr-1 rtl:ml-1" /> {{ __('Read Only') }}
+            <div class="text-2xs flex pt-px text-gray-600 me-4" v-if="readOnly">
+                <svg-icon name="light/lock" class="-mt-1 w-4 me-1" /> {{ __('Read Only') }}
             </div>
 
             <div class="hidden items-center gap-3 md:flex">
@@ -215,7 +215,7 @@
                                                 <loading-graphic
                                                     :size="14"
                                                     text=""
-                                                    class="ltr:ml-2 rtl:mr-2"
+                                                    class="ms-2"
                                                     v-if="localizing && localizing.handle === option.handle"
                                                 />
                                             </div>
@@ -244,7 +244,7 @@
                 <template v-slot:buttons>
                     <button
                         v-if="!readOnly"
-                        class="ltr:ml-4 rtl:mr-4"
+                        class="ms-4"
                         :class="{
                             btn: revisionsEnabled,
                             'btn-primary': isCreating || !revisionsEnabled,
@@ -256,12 +256,12 @@
 
                     <button
                         v-if="revisionsEnabled && !isCreating"
-                        class="btn-primary flex items-center ltr:ml-4 rtl:mr-4"
+                        class="btn-primary flex items-center ms-4"
                         :disabled="!canPublish"
                         @click="confirmingPublish = true"
                     >
                         <span v-text="publishButtonText" />
-                        <svg-icon name="micro/chevron-down-xs" class="w-2 ltr:ml-2 rtl:mr-2" />
+                        <svg-icon name="micro/chevron-down-xs" class="w-2 ms-2" />
                     </button>
                 </template>
             </live-preview>
@@ -273,7 +273,7 @@
                 class="btn-lg"
                 :class="{
                     'btn-primary w-full': !revisionsEnabled,
-                    'btn w-1/2 ltr:mr-4 rtl:ml-4': revisionsEnabled,
+                    'btn w-1/2 me-4': revisionsEnabled,
                 }"
                 :disabled="!canSave"
                 @click.prevent="save"
@@ -282,12 +282,12 @@
 
             <button
                 v-if="revisionsEnabled"
-                class="btn btn-lg btn-primary flex w-1/2 items-center justify-center ltr:ml-2 rtl:mr-2"
+                class="btn btn-lg btn-primary flex w-1/2 items-center justify-center ms-2"
                 :disabled="!canPublish"
                 @click="confirmingPublish = true"
             >
                 <span v-text="publishButtonText" />
-                <svg-icon name="micro/chevron-down-xs" class="w-2 ltr:ml-2 rtl:mr-2" />
+                <svg-icon name="micro/chevron-down-xs" class="w-2 ms-2" />
             </button>
         </div>
 
diff --git a/resources/js/components/ui/Description.vue b/resources/js/components/ui/Description.vue
index 8c520ccd663..da764022c1a 100644
--- a/resources/js/components/ui/Description.vue
+++ b/resources/js/components/ui/Description.vue
@@ -12,7 +12,7 @@ const props = defineProps({
 </script>
 
 <template>
-    <div class="text-sm font-normal text-gray-500 antialiased dark:text-gray-400" data-ui-description>
+    <div class="text-[0.8125rem] font-normal text-gray-500 dark:text-gray-400" data-ui-description>
         <slot v-if="hasDefaultSlot" />
         <span v-else v-html="text" />
     </div>
diff --git a/resources/js/components/ui/Switch.vue b/resources/js/components/ui/Switch.vue
index 8b462f0e015..1927c8d3d0e 100644
--- a/resources/js/components/ui/Switch.vue
+++ b/resources/js/components/ui/Switch.vue
@@ -59,6 +59,7 @@ const switchThumbClasses = cva({
             :model-value="modelValue"
             :class="switchRootClasses"
             @update:model-value="$emit('update:modelValue', $event)"
+            data-ui-switch
         >
             <SwitchThumb :class="switchThumbClasses" />
         </SwitchRoot>

From 5548f59f2ad6a93e20b4e05829b2f29c380e5adc Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 5 May 2025 13:26:13 -0400
Subject: [PATCH 152/186] [6.x] wrapFieldsInCards mode for forms (#11757)

* wrapFieldsInCards mode for forms

* A Flexbox "Grid" for blueprint column sections

* A Flexbox "Grid" for blueprint column sections -- neater

* refactor flex basis grid, make new fieldtype-width-class helper

* ...and make it responsive

* fix tests

---------

Co-authored-by: Jay George <contact@jaygeorge.co.uk>
---
 resources/css/components/publish.css          | 45 ++++++++++++++++++-
 resources/css/elements/forms.css              |  2 +-
 resources/js/bootstrap/globals.js             | 13 ++++++
 .../js/components/collections/EditForm.vue    | 15 ++++++-
 resources/js/components/configure/Tabs.vue    |  2 +-
 resources/js/components/fields/Settings.vue   |  2 +-
 resources/js/components/publish/Field.vue     | 33 ++++++++------
 resources/js/components/publish/Fields.vue    |  2 +-
 resources/js/components/publish/Sections.vue  | 22 ++++++---
 resources/js/components/ui/Panel/Panel.vue    | 13 ++++++
 resources/lang/en/messages.php                |  4 +-
 .../CP/Collections/CollectionsController.php  | 38 +++++++++++-----
 src/Support/Str.php                           |  2 +-
 tests/Support/StrTest.php                     | 12 ++---
 14 files changed, 156 insertions(+), 49 deletions(-)

diff --git a/resources/css/components/publish.css b/resources/css/components/publish.css
index cd3ef11462e..22e26041cc3 100644
--- a/resources/css/components/publish.css
+++ b/resources/css/components/publish.css
@@ -41,8 +41,46 @@ code.parent-url {
 }
 
 .publish-fields {
-    @apply flex flex-wrap;
+    @apply flex flex-wrap gap-3 lg:gap-6;
+    --col-width: calc(100% / 12);
 
+    .form-group {
+        --col-span: 12;
+        flex-basis: calc(var(--col-width) * 12 - var(--spacing) * 3);
+        flex-grow: 1;
+    }
+
+    .field-w-10  { --col-span: 1; }
+    .field-w-20  { --col-span: 2; }
+    .field-w-25  { --col-span: 3; }
+    .field-w-33  { --col-span: 4; }
+    .field-w-40  { --col-span: 5; }
+    .field-w-50  { --col-span: 6; }
+    .field-w-60  { --col-span: 7; }
+    .field-w-66  { --col-span: 8; }
+    .field-w-75  { --col-span: 9; }
+    .field-w-80  { --col-span: 10; }
+    .field-w-90  { --col-span: 11; }
+    .field-w-100 { --col-span: 12; }
+
+    [data-cards-wrap="fields"] & {
+        @apply gap-1;
+        .form-group {
+            flex-basis: calc(var(--col-width) * 12 - calc(var(--spacing) * 1));
+        }
+    }
+}
+
+@variant lg {
+    .publish-fields .form-group {
+        flex-basis: calc(var(--col-width) * var(--col-span) - calc(var(--spacing) * 3));
+    }
+    [data-cards-wrap="fields"] .publish-fields .form-group {
+        flex-basis: calc(var(--col-width) * var(--col-span) - calc(var(--spacing) * 1));
+    }
+}
+
+.publish-field {
     .form-group {
         > label,
         .field-inner > label {
@@ -90,8 +128,11 @@ code.parent-url {
     @apply flex items-center;
 }
 
-.publish-sections-section {
+.publish-sections .publish-sections-section {
     @apply mb-8;
+    [data-cards-wrap="fields"] & {
+        @apply mb-12;
+    }
 }
 
 .publish-section-header {
diff --git a/resources/css/elements/forms.css b/resources/css/elements/forms.css
index 733cc6620b4..0403057295a 100644
--- a/resources/css/elements/forms.css
+++ b/resources/css/elements/forms.css
@@ -305,7 +305,7 @@ input[type='file'] {
 /* Form groups
   ========================================================================== */
 .form-group {
-    @apply m-0 pb-3 last:pb-0;
+    /* @apply m-0 pb-3 last:pb-0; */
 
     label {
         font-weight: 500;
diff --git a/resources/js/bootstrap/globals.js b/resources/js/bootstrap/globals.js
index 832ce45c3b5..c621fac15f4 100644
--- a/resources/js/bootstrap/globals.js
+++ b/resources/js/bootstrap/globals.js
@@ -67,6 +67,19 @@ export function tailwind_width_class(width) {
     return `${widths[width] || 'w-full'}`;
 }
 
+export function field_width_class(width) {
+    const widths = {
+        25: 'field-w-25',
+        33: 'field-w-33',
+        50: 'field-w-50',
+        66: 'field-w-66',
+        75: 'field-w-75',
+        100: 'field-w-100',
+    };
+
+    return `${widths[width] || 'field-w-100'}`;
+}
+
 export function markdown(value) {
     return marked(value);
 }
diff --git a/resources/js/components/collections/EditForm.vue b/resources/js/components/collections/EditForm.vue
index bc137bc9acf..40642ef7ada 100644
--- a/resources/js/components/collections/EditForm.vue
+++ b/resources/js/components/collections/EditForm.vue
@@ -1,7 +1,7 @@
 <template>
     <publish-container
-        v-if="blueprint"
         class="max-w-5xl mx-auto"
+        v-if="blueprint"
         ref="container"
         name="collection"
         reference="collection"
@@ -12,12 +12,17 @@
         :site="site"
         @updated="values = $event"
         v-slot="{ setFieldValue, setFieldMeta }"
+        data-cards-wrap="fields"
     >
         <div>
             <Header :title="__(editTitle ?? 'Configure Collection')" icon="cog">
                 <Button variant="primary" @click="submit">{{ __('Save') }}</Button>
             </Header>
-            <configure-tabs @updated="setFieldValue" @meta-updated="setFieldMeta" :enable-sidebar="false" />
+            <configure-tabs
+                @updated="setFieldValue"
+                @meta-updated="setFieldMeta"
+                :enable-sidebar="false"
+            />
         </div>
     </publish-container>
 </template>
@@ -47,6 +52,12 @@ export default {
         };
     },
 
+    provide() {
+        return {
+            wrapFieldsInCards: true,
+        };
+    },
+
     methods: {
         clearErrors() {
             this.error = null;
diff --git a/resources/js/components/configure/Tabs.vue b/resources/js/components/configure/Tabs.vue
index fd343726255..9911b2dfdb3 100644
--- a/resources/js/components/configure/Tabs.vue
+++ b/resources/js/components/configure/Tabs.vue
@@ -24,7 +24,7 @@
 export default {
     emits: ['updated', 'meta-updated', 'synced', 'desynced', 'focus', 'blur'],
 
-    inject: ['store', 'storeName'],
+    inject: ['store', 'storeName', 'wrapFieldsInCards'],
 
     props: {
         readOnly: Boolean,
diff --git a/resources/js/components/fields/Settings.vue b/resources/js/components/fields/Settings.vue
index e60b0d5ea98..bf822b06a5d 100644
--- a/resources/js/components/fields/Settings.vue
+++ b/resources/js/components/fields/Settings.vue
@@ -190,7 +190,7 @@ export default {
 
     methods: {
         configFieldClasses(field) {
-            return [`form-group p-4 m-0 ${field.type}-fieldtype`, tailwind_width_class(field.width)];
+            return [`form-group p-4 m-0 ${field.type}-fieldtype`, field_width_class(field.width)];
         },
 
         getFieldValue(handle) {
diff --git a/resources/js/components/publish/Field.vue b/resources/js/components/publish/Field.vue
index aa16ed906ea..42c724f236e 100644
--- a/resources/js/components/publish/Field.vue
+++ b/resources/js/components/publish/Field.vue
@@ -6,7 +6,7 @@
         @loaded="metaLoaded"
         v-slot="{ meta, value, loading: loadingMeta }"
     >
-        <div :class="classes">
+        <component :is="wrapFieldsInCards ? 'Card' : 'div'" :class="classes">
             <div class="field-inner">
                 <label
                     v-if="showLabel"
@@ -16,12 +16,12 @@
                 >
                     <span
                         v-if="showLabelText"
-                        class="ltr:mr-1 rtl:ml-1"
+                        class="me-1"
                         :class="{ 'text-gray-600': syncable && isSynced }"
                         v-text="__(labelText)"
                         v-tooltip="{ content: config.handle, delay: 500, autoHide: false }"
                     />
-                    <i class="required ltr:mr-1 rtl:ml-1" v-if="showLabelText && config.required">*</i>
+                    <i class="required me-1" v-if="showLabelText && config.required">*</i>
                     <avatar
                         v-if="isLocked"
                         :user="lockingUser"
@@ -30,13 +30,13 @@
                     />
                     <span
                         v-if="isReadOnly && !isTab && !isSection"
-                        class="mt-0.5 text-2xs font-normal text-gray-500 dark:text-dark-200 ltr:mr-1 rtl:ml-1"
+                        class="mt-0.5 text-2xs font-normal text-gray-500 dark:text-dark-200 me-1"
                     >
                         {{ isLocked ? __('Locked') : __('Read Only') }}
                     </span>
                     <svg-icon
                         name="translate"
-                        class="h-4 w-4 text-gray-600 ltr:mr-1 rtl:ml-1"
+                        class="size-4 text-gray-600 me-1"
                         v-if="isLocalizable && !isTab"
                         v-tooltip.top="__('Localizable field')"
                     />
@@ -50,7 +50,7 @@
                     >
                         <svg-icon
                             name="light/hyperlink"
-                            class="mb-1 h-4 w-4 text-gray-600 ltr:mr-1.5 rtl:ml-1.5"
+                            class="mb-1 size-4 text-gray-600 me-1.5"
                             v-tooltip.top="__('messages.field_synced_with_origin')"
                         />
                     </button>
@@ -64,15 +64,14 @@
                     >
                         <svg-icon
                             name="light/hyperlink-broken"
-                            class="mb-1 h-4 w-4 text-gray-600 ltr:mr-1.5 rtl:ml-1.5"
+                            class="mb-1 size-4 text-gray-600 me-1.5"
                             v-tooltip.top="__('messages.field_desynced_from_origin')"
                         />
                     </button>
                 </label>
 
-                <div
-                    class="help-block"
-                    :class="{ '-mt-2': showLabel }"
+                <ui-description
+                    :class="{ '-mt-1 mb-2': showLabel }"
                     v-if="instructions && config.instructions_position !== 'below'"
                     v-html="instructions"
                 />
@@ -105,8 +104,8 @@
                 <!-- TODO: name prop should include prefixing when used recursively like inside a grid. -->
             </slot>
 
-            <div
-                class="help-block mt-2"
+            <ui-description
+                class="mt-2"
                 v-if="instructions && config.instructions_position === 'below'"
                 v-html="instructions"
             />
@@ -114,16 +113,21 @@
             <div v-if="hasError">
                 <small class="help-block mb-0 mt-2 text-red-500" v-for="(error, i) in errors" :key="i" v-text="error" />
             </div>
-        </div>
+        </component>
     </publish-field-meta>
 </template>
 
 <script>
+import { Card } from '@statamic/ui';
 import { marked } from 'marked';
 import titleize from '../../util/titleize';
 import deslugify from '../../util/deslugify';
 
 export default {
+    components: {
+        Card,
+    },
+
     props: {
         config: {
             type: Object,
@@ -145,6 +149,7 @@ export default {
     inject: {
         store: {},
         isInsideConfigFields: { default: false },
+        wrapFieldsInCards: { default: false },
     },
 
     data() {
@@ -195,7 +200,7 @@ export default {
                 `${this.config.component || this.config.type}-fieldtype`,
                 ,
                 this.isReadOnly ? 'read-only-field' : '',
-                this.isInsideConfigFields ? 'config-field' : `${tailwind_width_class(this.config.width)}`,
+                this.isInsideConfigFields ? 'config-field' : `${field_width_class(this.config.width)}`,
                 this.showLabel ? 'has-field-label' : '',
                 this.shouldShowFieldActions ? 'has-field-dropdown' : '',
                 this.config.classes || '',
diff --git a/resources/js/components/publish/Fields.vue b/resources/js/components/publish/Fields.vue
index debfadeeb58..6e5e09e9b6c 100644
--- a/resources/js/components/publish/Fields.vue
+++ b/resources/js/components/publish/Fields.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="publish-fields @container gap-3 lg:gap-6">
+    <div class="publish-fields @container">
         <publish-field
             v-for="field in fields"
             v-show="showField(field)"
diff --git a/resources/js/components/publish/Sections.vue b/resources/js/components/publish/Sections.vue
index 961301bdedc..b15f068cddb 100644
--- a/resources/js/components/publish/Sections.vue
+++ b/resources/js/components/publish/Sections.vue
@@ -1,7 +1,8 @@
 <template>
     <div class="publish-sections">
         <div class="publish-sections-section" v-for="(section, i) in visibleSections" :key="i">
-            <CardPanel :heading="__(section.display) || heading" :description="__(section.instructions) || description">
+            <Panel :heading="__(section.display) || heading" :description="__(section.instructions) || description">
+                <component :is="wrapperComponent">
                 <publish-fields
                     :fields="section.fields"
                     :read-only="readOnly"
@@ -13,15 +14,16 @@
                     @desynced="$emit('desynced', $event)"
                     @focus="$emit('focus', $event)"
                     @blur="$emit('blur', $event)"
-                />
-            </CardPanel>
+                    />
+                </component>
+            </Panel>
         </div>
     </div>
 </template>
 
 <script>
 import { ValidatesFieldConditions } from '../field-conditions/FieldConditions.js';
-import { CardPanel } from '@statamic/ui';
+import { Panel, Card } from '@statamic/ui';
 
 export default {
     emits: ['updated', 'meta-updated', 'synced', 'desynced', 'focus', 'blur'],
@@ -29,7 +31,8 @@ export default {
     mixins: [ValidatesFieldConditions],
 
     components: {
-        CardPanel,
+        Panel,
+        Card,
     },
 
     props: {
@@ -42,7 +45,10 @@ export default {
         namePrefix: { type: String, default: '' },
     },
 
-    inject: ['publishContainer'],
+    inject: {
+        publishContainer: {},
+        wrapFieldsInCards: { default: false }
+    },
 
     computed: {
         values() {
@@ -56,6 +62,10 @@ export default {
         visibleSections() {
             return this.sections.filter((section) => this.sectionHasVisibleFields(section));
         },
+
+        wrapperComponent() {
+            return this.wrapFieldsInCards ? 'div' : 'Card';
+        },
     },
 
     methods: {
diff --git a/resources/js/components/ui/Panel/Panel.vue b/resources/js/components/ui/Panel/Panel.vue
index 2f3fc7f29db..4dae97fbb0e 100644
--- a/resources/js/components/ui/Panel/Panel.vue
+++ b/resources/js/components/ui/Panel/Panel.vue
@@ -1,3 +1,12 @@
+<script setup>
+import { PanelHeader, Heading, Subheading } from '@statamic/ui';
+
+const props = defineProps({
+    heading: { type: String, default: null },
+    subheading: { type: String, default: null },
+});
+</script>
+
 <template>
     <div
         :class="[
@@ -6,6 +15,10 @@
         ]"
         data-ui-panel
     >
+        <PanelHeader v-if="heading">
+            <Heading v-html="heading" />
+            <Subheading v-if="subheading" v-html="subheading" />
+        </PanelHeader>
         <slot />
     </div>
 </template>
diff --git a/resources/lang/en/messages.php b/resources/lang/en/messages.php
index 506e669198b..c2b299ee5c9 100644
--- a/resources/lang/en/messages.php
+++ b/resources/lang/en/messages.php
@@ -49,7 +49,7 @@
     'collection_configure_propagate_instructions' => 'Automatically propagate new entries to all configured sites.',
     'collection_configure_require_slugs_instructions' => 'Whether entries are required to have slugs.',
     'collection_configure_template_instructions' => 'Set this collection\'s default template. Entries can override this setting with a `template` field.',
-    'collection_configure_title_format_instructions' => 'Set this to have the entries in this collection generate their titles automatically. Learn more in the [documentation](https://statamic.dev/collections#titles).',
+    'collection_configure_title_format_instructions' => 'Automatically generate titles for entries in this collection. [Read more](https://statamic.dev/collections#titles).',
     'collection_configure_title_instructions' => 'We recommend a plural noun, like "Articles" or "Products".',
     'collection_next_steps_blueprints_description' => 'Manage the blueprints and fields available for this collection.',
     'collection_next_steps_configure_description' => 'Configure URLs and routes, define blueprints, date behaviors, ordering and other options.',
@@ -164,7 +164,7 @@
     'licensing_trial_mode_alert_addons' => 'This site is using commercial addons. Make sure to buy licenses before launching. Thanks!',
     'licensing_trial_mode_alert_statamic' => 'This site is using Statamic Pro. Make sure to buy a license before launching. Thanks!',
     'licensing_utility_description' => 'View and resolve licensing details.',
-    'max_depth_instructions' => 'Set a maximum number of levels page may be nested. Leave blank for no limit.',
+    'max_depth_instructions' => 'Set the max page nesting level.',
     'max_items_instructions' => 'Set a maximum number of selectable items.',
     'plus_count_more' => '+ :count more',
     'navigation_configure_blueprint_instructions' => 'Choose from existing Blueprints or create a new one.',
diff --git a/src/Http/Controllers/CP/Collections/CollectionsController.php b/src/Http/Controllers/CP/Collections/CollectionsController.php
index cbbf9cad554..8c23eb5887c 100644
--- a/src/Http/Controllers/CP/Collections/CollectionsController.php
+++ b/src/Http/Controllers/CP/Collections/CollectionsController.php
@@ -390,6 +390,7 @@ protected function editFormBlueprint($collection)
                         'if' => [
                             'dated' => true,
                         ],
+                        'width' => '50',
                     ],
                     'future_date_behavior' => [
                         'display' => __('Future Date Behavior'),
@@ -403,6 +404,7 @@ protected function editFormBlueprint($collection)
                         'if' => [
                             'dated' => true,
                         ],
+                        'width' => '50',
                     ],
                 ],
             ],
@@ -422,6 +424,7 @@ protected function editFormBlueprint($collection)
                             'asc' => __('Ascending'),
                             'desc' => __('Descending'),
                         ],
+                        'width' => '66',
                     ],
                     'max_depth' => [
                         'display' => __('Max Depth'),
@@ -429,18 +432,21 @@ protected function editFormBlueprint($collection)
                         'type' => 'integer',
                         'validate' => 'min:0',
                         'if' => ['structured' => true],
+                        'width' => '33',
                     ],
                     'expects_root' => [
                         'display' => __('Expect a root page'),
                         'instructions' => __('statamic::messages.expect_root_instructions'),
                         'type' => 'toggle',
                         'if' => ['structured' => true],
+                        'width' => '50',
                     ],
                     'show_slugs' => [
                         'display' => __('Slugs'),
                         'instructions' => __('statamic::messages.show_slugs_instructions'),
                         'type' => 'toggle',
                         'if' => ['structured' => true],
+                        'width' => '50',
                     ],
                 ],
             ],
@@ -457,21 +463,17 @@ protected function editFormBlueprint($collection)
                             '   <a href="'.cp_route('collections.blueprints.index', $collection).'" class="text-blue">'.__('Edit').'</a>'.
                             '</div>',
                     ],
-                    'links' => [
-                        'display' => __('Links'),
-                        'instructions' => __('statamic::messages.collections_links_instructions'),
-                        'type' => 'toggle',
-                    ],
-                    'taxonomies' => [
-                        'display' => __('Taxonomies'),
-                        'instructions' => __('statamic::messages.collections_taxonomies_instructions'),
-                        'type' => 'taxonomies',
-                        'mode' => 'select',
-                    ],
                     'default_publish_state' => [
                         'display' => __('Publish by Default'),
                         'instructions' => __('statamic::messages.collections_default_publish_state_instructions'),
                         'type' => 'toggle',
+                        'width' => '50',
+                    ],
+                    'links' => [
+                        'display' => __('Links'),
+                        'instructions' => __('statamic::messages.collections_links_instructions'),
+                        'type' => 'toggle',
+                        'width' => '50',
                     ],
                     'template' => [
                         'display' => __('Template'),
@@ -479,16 +481,26 @@ protected function editFormBlueprint($collection)
                         'type' => 'template',
                         'placeholder' => __('System default'),
                         'blueprint' => true,
+                        'width' => '50',
                     ],
                     'layout' => [
                         'display' => __('Layout'),
                         'instructions' => __('statamic::messages.collection_configure_layout_instructions'),
                         'type' => 'template',
+                        'width' => '50',
+                    ],
+                    'taxonomies' => [
+                        'display' => __('Taxonomies'),
+                        'instructions' => __('statamic::messages.collections_taxonomies_instructions'),
+                        'type' => 'taxonomies',
+                        'mode' => 'select',
+                        'width' => '50',
                     ],
                     'title_formats' => [
-                        'display' => __('Title Format'),
+                        'display' => __('Automatic Title Format'),
                         'instructions' => __('statamic::messages.collection_configure_title_format_instructions'),
                         'type' => 'collection_title_formats',
+                        'width' => '50',
                     ],
                 ],
             ],
@@ -549,6 +561,7 @@ protected function editFormBlueprint($collection)
                         'display' => __('Require Slugs'),
                         'instructions' => __('statamic::messages.collection_configure_require_slugs_instructions'),
                         'type' => 'toggle',
+                        'width' => '50',
                     ],
                     'mount' => [
                         'display' => __('Mount'),
@@ -559,6 +572,7 @@ protected function editFormBlueprint($collection)
                         'collections' => Collection::all()->map->handle()->reject(function ($collectionHandle) use ($collection) {
                             return $collectionHandle === $collection->handle();
                         })->values()->all(),
+                        'width' => '50',
                     ],
                     'preview_targets' => [
                         'display' => __('Preview Targets'),
diff --git a/src/Support/Str.php b/src/Support/Str.php
index 6f0b3e2f73e..592cc70c13f 100644
--- a/src/Support/Str.php
+++ b/src/Support/Str.php
@@ -261,7 +261,7 @@ public static function tailwindWidthClass($width)
             100 => 'full'
         ];
 
-        $size = is_numeric($width) ? ($legacyMap[$width] ?? 'md') : $width;
+        $size = is_numeric($width) ? ($legacyMap[$width] ?? 'full') : $width;
 
         return $sizes[$size] ?? $sizes['md'];
     }
diff --git a/tests/Support/StrTest.php b/tests/Support/StrTest.php
index 03874c3800d..13b70bf5822 100644
--- a/tests/Support/StrTest.php
+++ b/tests/Support/StrTest.php
@@ -173,13 +173,13 @@ public function it_modifies_strings_with_multiple_methods_at_once()
     #[Test]
     public function it_makes_tailwind_width_classes()
     {
-        $this->assertEquals('w-full @lg:w-1/4', Str::tailwindWidthClass(25));
-        $this->assertEquals('w-full @lg:w-1/3', Str::tailwindWidthClass(33));
-        $this->assertEquals('w-full @lg:w-1/2', Str::tailwindWidthClass(50));
-        $this->assertEquals('w-full @lg:w-2/3', Str::tailwindWidthClass(66));
-        $this->assertEquals('w-full @lg:w-3/4', Str::tailwindWidthClass(75));
+        $this->assertEquals('w-full @lg:w-1/2 @4xl:w-1/3 @8xl:w-1/4', Str::tailwindWidthClass(25));
+        $this->assertEquals('w-full @lg:w-1/2 @4xl:w-1/3 @8xl:w-1/4', Str::tailwindWidthClass(33));
+        $this->assertEquals('w-full @lg:w-1/2 @4xl:w-1/2 @8xl:w-1/3', Str::tailwindWidthClass(50));
+        $this->assertEquals('w-full @lg:w-1/2 @4xl:w-1/2 @8xl:w-1/3', Str::tailwindWidthClass(66));
+        $this->assertEquals('w-full @lg:w-full @4xl:w-2/3 @8xl:w-3/4', Str::tailwindWidthClass(75));
         $this->assertEquals('w-full', Str::tailwindWidthClass(100));
-        $this->assertEquals('w-full', Str::tailwindWidthClass('foo'));
+        $this->assertEquals('w-full @lg:w-1/2 @4xl:w-1/2 @8xl:w-1/3', Str::tailwindWidthClass('foo'));
     }
 
     #[Test]

From 167f6fe8d52ff52b31494813ca36a3dd4cc617a6 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 5 May 2025 16:02:19 -0400
Subject: [PATCH 153/186] Fix sortable column text alignment

---
 resources/js/components/data-list/Table.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/data-list/Table.vue b/resources/js/components/data-list/Table.vue
index 8d82c7d7c40..60e84ed26fe 100644
--- a/resources/js/components/data-list/Table.vue
+++ b/resources/js/components/data-list/Table.vue
@@ -25,7 +25,7 @@
                         :icon-append="isCurrentSortColumn(column) ? 'up-down' : null"
                         size="sm"
                         variant="ghost"
-                        class="-mt-2 -mb-1 text-sm! font-medium! text-gray-800! dark:text-gray-400!"
+                        class="-mt-2 -mb-1 -ml-3 text-sm! font-medium! text-gray-800! dark:text-gray-400!"
                         @click.prevent="changeSortColumn(column.field)"
                     />
                 </th>

From 922c41eb2d4f628b2bf78fa928c5c7030488e14d Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 5 May 2025 16:02:33 -0400
Subject: [PATCH 154/186] Create container doesn't need to be primary

---
 resources/js/components/assets/AssetManager.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/resources/js/components/assets/AssetManager.vue b/resources/js/components/assets/AssetManager.vue
index e1604317ca6..771dc90fb3b 100644
--- a/resources/js/components/assets/AssetManager.vue
+++ b/resources/js/components/assets/AssetManager.vue
@@ -18,7 +18,6 @@
                 v-if="canCreateContainers"
                 :href="createContainerUrl"
                 :text="__('Create Container')"
-                variant="primary"
             />
         </Header>
 

From c5b01d3936d85a95e8d4b626afd49c70b86f64e5 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 5 May 2025 16:02:54 -0400
Subject: [PATCH 155/186] Larger icon for base size icon-only buttons

---
 resources/js/components/ui/Button/Button.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Button/Button.vue b/resources/js/components/ui/Button/Button.vue
index e77df71d513..d7b16e8c11d 100644
--- a/resources/js/components/ui/Button/Button.vue
+++ b/resources/js/components/ui/Button/Button.vue
@@ -57,7 +57,7 @@ const buttonClasses = computed(() => {
             round: { true: 'rounded-full' },
         },
         compoundVariants: [
-            { iconOnly: true, size: 'base', class: 'w-10 [&_svg]:size-4' },
+            { iconOnly: true, size: 'base', class: 'w-10 [&_svg]:size-4.5' },
             { iconOnly: true, size: 'sm', class: 'w-8 [&_svg]:size-3.5' },
             { iconOnly: true, size: 'xs', class: 'w-6.5 [&_svg]:size-3' },
             { iconOnly: false, iconAppend: true, class: '[&_svg]:-me-1' },

From 60feeacb10e49016a53f80afc762fc60d24a7547 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 5 May 2025 16:05:35 -0400
Subject: [PATCH 156/186] Users listing UI

---
 resources/css/elements/tables.css         |   1 -
 resources/js/components/users/Listing.vue | 161 ++++++++++++----------
 2 files changed, 88 insertions(+), 74 deletions(-)

diff --git a/resources/css/elements/tables.css b/resources/css/elements/tables.css
index 7ee5ce0323d..95ac02272fd 100644
--- a/resources/css/elements/tables.css
+++ b/resources/css/elements/tables.css
@@ -159,7 +159,6 @@
 .bard-index-field,
 .code-index-field,
 .markdown-index-field,
-.text-index-field,
 .textarea-index-field {
     @apply line-clamp-2 text-xs;
 }
diff --git a/resources/js/components/users/Listing.vue b/resources/js/components/users/Listing.vue
index cbe7b3e3b08..add12f7e51d 100644
--- a/resources/js/components/users/Listing.vue
+++ b/resources/js/components/users/Listing.vue
@@ -12,87 +12,67 @@
             :sort="false"
             :sort-column="sortColumn"
             :sort-direction="sortDirection"
-            v-slot="{ hasSelections }"
+            @visible-columns-updated="visibleColumns = $event"
         >
             <div>
-                <div class="card relative overflow-hidden p-0">
-                    <div
-                        class="flex flex-wrap items-center justify-between border-b px-2 pb-2 text-sm dark:border-dark-900"
-                    >
-                        <data-list-filter-presets
-                            v-show="allowFilterPresets"
-                            ref="presets"
+                <div class="space-y-3">
+                    <!-- Preset Views/Tabs -->
+                    <data-list-filter-presets
+                        v-if="allowFilterPresets"
+                        ref="presets"
+                        :active-preset="activePreset"
+                        :active-preset-payload="activePresetPayload"
+                        :active-filters="activeFilters"
+                        :has-active-filters="hasActiveFilters"
+                        :preferences-prefix="preferencesPrefix"
+                        :search-query="searchQuery"
+                        @selected="selectPreset"
+                        @reset="filtersReset"
+                    />
+
+                    <!-- Search and Filter -->
+                    <div class="flex items-center gap-3">
+                        <data-list-search ref="search" v-model="searchQuery" :placeholder="searchPlaceholder" />
+                        <data-list-filters
+                            ref="filters"
+                            :filters="filters"
                             :active-preset="activePreset"
                             :active-preset-payload="activePresetPayload"
                             :active-filters="activeFilters"
-                            :has-active-filters="hasActiveFilters"
-                            :preferences-prefix="preferencesPrefix"
+                            :active-filter-badges="activeFilterBadges"
+                            :active-count="activeFilterCount"
                             :search-query="searchQuery"
-                            @selected="selectPreset"
-                            @reset="filtersReset"
-                        />
-
-                        <data-list-search
-                            class="mt-2 h-8 w-full min-w-[240px]"
-                            ref="search"
-                            v-model="searchQuery"
-                            :placeholder="searchPlaceholder"
+                            :is-searching="true"
+                            :saves-presets="true"
+                            :preferences-prefix="preferencesPrefix"
+                            @changed="filterChanged"
+                            @saved="$refs.presets.setPreset($event)"
+                            @deleted="$refs.presets.refreshPresets()"
                         />
-
-                        <div class="mt-2 flex space-x-2 rtl:space-x-reverse">
-                            <button
-                                class="btn btn-sm ltr:ml-2 rtl:mr-2"
-                                v-text="__('Reset')"
-                                v-show="isDirty"
-                                @click="$refs.presets.refreshPreset()"
-                            />
-                            <button
-                                class="btn btn-sm ltr:ml-2 rtl:mr-2"
-                                v-text="__('Save')"
-                                v-show="allowFilterPresets && isDirty"
-                                @click="$refs.presets.savePreset()"
-                            />
-                            <data-list-column-picker :preferences-key="preferencesKey('columns')" />
-                        </div>
+                        <data-list-column-picker :preferences-key="preferencesKey('columns')" />
                     </div>
 
-                    <data-list-filters
-                        ref="filters"
-                        :filters="filters"
-                        :active-preset="activePreset"
-                        :active-preset-payload="activePresetPayload"
-                        :active-filters="activeFilters"
-                        :active-filter-badges="activeFilterBadges"
-                        :active-count="activeFilterCount"
-                        :search-query="searchQuery"
-                        :is-searching="true"
-                        :saves-presets="true"
-                        :preferences-prefix="preferencesPrefix"
-                        @changed="filterChanged"
-                        @saved="$refs.presets.setPreset($event)"
-                        @deleted="$refs.presets.refreshPresets()"
-                    />
-
                     <div v-show="items.length === 0" class="p-6 text-center text-gray-500" v-text="__('No results')" />
 
                     <data-list-bulk-actions
-                        class="rounded-sm"
                         :url="actionUrl"
+                        :context="actionContext"
                         @started="actionStarted"
                         @completed="actionCompleted"
                     />
-                    <div class="overflow-x-auto overflow-y-hidden">
+                    <Panel class="relative overflow-x-auto overscroll-x-contain">
                         <data-list-table
                             v-show="items.length"
                             :allow-bulk-actions="true"
-                            :allow-column-picker="true"
-                            :column-preferences-key="preferencesKey('columns')"
+                            :loading="loading"
+                            :sortable="true"
+                            :toggle-selection-on-row-click="true"
                             @sorted="sorted"
                         >
-                            <template #cell-email="{ row: user, value }">
-                                <a :href="user.edit_url" class="flex items-center">
+                            <template #cell-email="{ row: user }">
+                                <a class="title-index-field" :href="user.edit_url" @click.stop>
                                     <avatar :user="user" class="h-8 w-8 rounded-full ltr:mr-2 rtl:ml-2" />
-                                    {{ value }}
+                                    <span v-text="user.email" />
                                 </a>
                             </template>
                             <template #cell-roles="{ row: user, value: roles }">
@@ -120,24 +100,37 @@
                                 </div>
                             </template>
                             <template #actions="{ row: user, index }">
-                                <dropdown-list placement="right-start">
-                                    <dropdown-item :text="__('Edit')" :redirect="user.edit_url" v-if="user.editable" />
-                                    <dropdown-item :text="__('View')" :redirect="user.edit_url" v-else />
-                                    <data-list-inline-actions
-                                        :item="user.id"
-                                        :url="actionUrl"
-                                        :actions="user.actions"
-                                        @started="actionStarted"
-                                        @completed="actionCompleted"
-                                    />
-                                </dropdown-list>
+                                <Dropdown placement="left-start" class="me-3">
+                                    <DropdownMenu>
+                                        <DropdownLabel :text="__('Actions')" />
+                                        <DropdownItem
+                                            :text="__('Edit')"
+                                            :href="user.edit_url"
+                                            icon="edit"
+                                            v-if="user.editable"
+                                        />
+                                        <DropdownItem
+                                            :text="__('View')"
+                                            :href="user.edit_url"
+                                            icon="eye"
+                                            v-else
+                                        />
+                                        <DropdownSeparator v-if="user.actions.length" />
+                                        <data-list-list-actions
+                                            :item="user.id"
+                                            :url="actionUrl"
+                                            :actions="user.actions"
+                                            @started="actionStarted"
+                                            @completed="actionCompleted"
+                                        />
+                                    </DropdownMenu>
+                                </Dropdown>
                             </template>
                         </data-list-table>
-                    </div>
+                    </Panel>
                 </div>
-
                 <data-list-pagination
-                    class="mt-6"
+                    class="mt-3"
                     :resource-meta="meta"
                     :per-page="perPage"
                     :show-totals="true"
@@ -151,10 +144,29 @@
 
 <script>
 import Listing from '../Listing.vue';
+import {
+    Button,
+    Panel,
+    Dropdown,
+    DropdownMenu,
+    DropdownItem,
+    DropdownLabel,
+    DropdownSeparator,
+} from '@statamic/ui';
 
 export default {
     mixins: [Listing],
 
+    components: {
+        Button,
+        Panel,
+        Dropdown,
+        DropdownMenu,
+        DropdownItem,
+        DropdownLabel,
+        DropdownSeparator,
+    },
+
     props: {
         listingKey: String,
         group: String,
@@ -172,6 +184,9 @@ export default {
     },
 
     computed: {
+        actionContext() {
+            return { group: this.group };
+        },
         additionalParameters() {
             return {
                 group: this.group,

From 31218a4d67313db3de1f3f21fe1232f6b9bdcec5 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 5 May 2025 16:38:51 -0400
Subject: [PATCH 157/186] fix spacing

---
 resources/css/components/publish.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/css/components/publish.css b/resources/css/components/publish.css
index 22e26041cc3..bab922e5c91 100644
--- a/resources/css/components/publish.css
+++ b/resources/css/components/publish.css
@@ -41,7 +41,7 @@ code.parent-url {
 }
 
 .publish-fields {
-    @apply flex flex-wrap gap-3 lg:gap-6;
+    @apply flex flex-wrap gap-3 lg:gap-8;
     --col-width: calc(100% / 12);
 
     .form-group {
@@ -73,7 +73,7 @@ code.parent-url {
 
 @variant lg {
     .publish-fields .form-group {
-        flex-basis: calc(var(--col-width) * var(--col-span) - calc(var(--spacing) * 3));
+        flex-basis: calc(var(--col-width) * var(--col-span) - calc(var(--spacing) * 8));
     }
     [data-cards-wrap="fields"] .publish-fields .form-group {
         flex-basis: calc(var(--col-width) * var(--col-span) - calc(var(--spacing) * 1));

From 6a0ca99ad108aaeef805afe7b14a516cd3ed544a Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 5 May 2025 16:39:10 -0400
Subject: [PATCH 158/186] rough update to Range fieldtype

---
 .../components/fieldtypes/RangeFieldtype.vue  | 40 ++++++++-----------
 resources/js/components/ui/Slider.vue         |  8 +++-
 resources/js/components/ui/Subheading.vue     |  4 +-
 3 files changed, 25 insertions(+), 27 deletions(-)

diff --git a/resources/js/components/fieldtypes/RangeFieldtype.vue b/resources/js/components/fieldtypes/RangeFieldtype.vue
index e64fee237dc..32fc33b246d 100644
--- a/resources/js/components/fieldtypes/RangeFieldtype.vue
+++ b/resources/js/components/fieldtypes/RangeFieldtype.vue
@@ -1,27 +1,21 @@
 <template>
-    <div class="range-fieldtype-wrapper rounded-sm border bg-gray-200 px-4 py-2 dark:border-dark-900 dark:bg-dark-700">
-        <div class="flex items-center">
-            <div v-if="config.prepend" v-text="__(config.prepend)" class="ltr:mr-2 rtl:ml-2" />
-            <input
-                type="range"
-                v-model="val"
-                :name="name"
-                :min="config.min"
-                :max="config.max"
-                :step="config.step"
-                :width="config.width"
-                :readonly="isReadOnly"
-                :disabled="isReadOnly"
-                :id="fieldId"
-                class="min-w-0 flex-1"
-            />
-            <div
-                class="mx-2 rounded-sm border bg-gray-100 px-2 py-1 dark:border-dark-900 dark:bg-dark-600 "
-            >
-                {{ val }}
-            </div>
-            <div v-if="config.append" v-text="__(config.append)" />
-        </div>
+    <div class="flex items-center gap-2 bg-gray-50 dark:bg-gray-800 rounded-lg p-2 @lg:px-4 @lg:py-3">
+        <ui-subheading size="lg" v-if="config.prepend" :text="__(config.prepend)" class="whitespace-nowrap" />
+        <input
+            type="range"
+            v-model="val"
+            :name="name"
+            :min="config.min"
+            :max="config.max"
+            :step="config.step"
+            :width="config.width"
+            :readonly="isReadOnly"
+            :disabled="isReadOnly"
+            :id="fieldId"
+            class="min-w-0 flex-1 w-full"
+        />
+        <ui-badge :text="val"  />
+        <ui-subheading size="lg" v-if="config.append" :text="__(config.append)" />
     </div>
 </template>
 
diff --git a/resources/js/components/ui/Slider.vue b/resources/js/components/ui/Slider.vue
index 5c2f71909b3..99cb39398dc 100644
--- a/resources/js/components/ui/Slider.vue
+++ b/resources/js/components/ui/Slider.vue
@@ -8,6 +8,9 @@ defineProps({
     id: { type: String, default: () => useId() },
     label: { type: String, default: null },
     modelValue: { type: Boolean, default: false },
+    min: { type: Number, default: 0 },
+    max: { type: Number, default: 100 },
+    step: { type: Number, default: 1 },
 });
 
 defineEmits(['update:modelValue']);
@@ -19,8 +22,9 @@ defineEmits(['update:modelValue']);
             data-ui-control
             class="relative flex h-5 w-full touch-none items-center select-none"
             :id
-            :max="100"
-            :step="1"
+            :max="max"
+            :min="min"
+            :step="step"
             v-model="sliderValue"
             @update:checked="$emit('update:modelValue', $event)"
         >
diff --git a/resources/js/components/ui/Subheading.vue b/resources/js/components/ui/Subheading.vue
index 138f3b7e5ef..e47a64ee164 100644
--- a/resources/js/components/ui/Subheading.vue
+++ b/resources/js/components/ui/Subheading.vue
@@ -7,7 +7,7 @@ const props = defineProps({
 });
 
 const classes = cva({
-    base: 'text-gray-500 dark:text-gray-400 not-prose [&_code]:text-xs [&_code]:bg-gray-600/10 [&_code]:rounded-sm [&_code]:px-1 [&_code]:py-0.5',
+    base: 'text-gray-500 dark:text-gray-400 [&_code]:text-xs [&_code]:bg-gray-600/10 [&_code]:rounded-sm [&_code]:px-1 [&_code]:py-0.5',
     variants: {
         size: {
             sm: 'text-xs',
@@ -22,6 +22,6 @@ const classes = cva({
 <template>
     <div :class="classes" data-ui-subheading>
         <slot v-if="!text" />
-        <span v-else :v-html="text" />
+        <span v-else v-html="text" />
     </div>
 </template>

From cdba9d1dcfc71b8f78cbf01989f085abef9744d1 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 6 May 2025 12:05:51 -0400
Subject: [PATCH 159/186] support text prop for group append/prepend

---
 resources/js/components/ui/Input/GroupAppend.vue  | 9 ++++++++-
 resources/js/components/ui/Input/GroupPrepend.vue | 9 ++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/ui/Input/GroupAppend.vue b/resources/js/components/ui/Input/GroupAppend.vue
index 845a4897655..2b609911dcc 100644
--- a/resources/js/components/ui/Input/GroupAppend.vue
+++ b/resources/js/components/ui/Input/GroupAppend.vue
@@ -1,3 +1,9 @@
+<script setup>
+const props = defineProps({
+    text: { type: String, required: false },
+});
+</script>
+
 <template>
     <div
         :class="[
@@ -8,6 +14,7 @@
         ]"
         data-ui-input-group-append
     >
-        <slot />
+        <span v-if="text" class="text-gray-400 dark:text-gray-600">{{ text }}</span>
+        <slot v-else />
     </div>
 </template>
diff --git a/resources/js/components/ui/Input/GroupPrepend.vue b/resources/js/components/ui/Input/GroupPrepend.vue
index 2fce62a1d19..dad650c01bc 100644
--- a/resources/js/components/ui/Input/GroupPrepend.vue
+++ b/resources/js/components/ui/Input/GroupPrepend.vue
@@ -1,3 +1,9 @@
+<script setup>
+const props = defineProps({
+    text: { type: String, required: false },
+});
+</script>
+
 <template>
     <div
         :class="[
@@ -8,6 +14,7 @@
         ]"
         data-ui-input-group-prepend
     >
-        <slot />
+        <span v-if="text" class="text-gray-400 dark:text-gray-600">{{ text }}</span>
+        <slot v-else />
     </div>
 </template>

From 699ff10a95bb1e65112dce78c3c71bca0729daee Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 6 May 2025 12:07:00 -0400
Subject: [PATCH 160/186] Style Video Fieldtype

---
 .../components/fieldtypes/VideoFieldtype.vue  | 105 ++++++------------
 1 file changed, 35 insertions(+), 70 deletions(-)

diff --git a/resources/js/components/fieldtypes/VideoFieldtype.vue b/resources/js/components/fieldtypes/VideoFieldtype.vue
index 14cd4372f2a..9944fcbeda7 100644
--- a/resources/js/components/fieldtypes/VideoFieldtype.vue
+++ b/resources/js/components/fieldtypes/VideoFieldtype.vue
@@ -1,67 +1,40 @@
 <template>
-    <div class="video-fieldtype-container">
-        <div class="flex items-center">
-            <div class="input-group">
-                <div class="input-group-prepend">{{ __('URL') }}</div>
-                <input
-                    type="text"
-                    v-model="data"
-                    class="input-text flex-1"
-                    :class="{ 'bg-white dark:bg-dark-600': !isReadOnly }"
-                    :id="fieldId"
-                    :readonly="isReadOnly"
-                    :placeholder="__(config.placeholder) || 'https://www.youtube.com/watch?v=dQw4w9WgXcQ'"
-                    @focus="$emit('focus')"
-                    @blur="$emit('blur')"
-                />
-            </div>
-        </div>
-
-        <p v-if="isInvalid" class="mt-4 text-red-500">{{ __('statamic::validation.url') }}</p>
-
-        <div class="video-preview-wrapper" v-if="!isInvalid && (isEmbeddable || isVideo)">
-            <div class="embed-video" v-if="isEmbeddable && canShowIframe">
-                <iframe :src="embedUrl" frameborder="0" allow="fullscreen"></iframe>
-            </div>
-            <div class="native-video" v-else-if="isVideo">
-                <video controls :src="embedUrl"></video>
-            </div>
-        </div>
+    <div class="flex flex-col space-y-3">
+        <ui-input-group>
+            <ui-input-group-prepend :text="__('URL')" />
+            <ui-input
+                :model-value="value"
+                :isReadOnly="isReadOnly"
+                :placeholder="__(config.placeholder) || 'https://www.youtube.com/watch?v=dQw4w9WgXcQ'"
+                @update:model-value="update"
+                @focus="$emit('focus')"
+                @blur="$emit('blur')"
+            />
+        </ui-input-group>
+        <ui-description v-if="isInvalid" class="text-red-500">{{ __('statamic::validation.url') }}</ui-description>
+        <iframe
+            v-if="shouldShowPreview"
+            :src="embedUrl"
+            frameborder="0"
+            allow="fullscreen"
+            class="aspect-video rounded-lg"
+        ></iframe>
     </div>
 </template>
 
 <script>
 import Fieldtype from './Fieldtype.vue';
-import debounce from '@statamic/util/debounce.js';
 
 export default {
     mixins: [Fieldtype],
 
-    data() {
-        return {
-            data: this.value || '',
-            canShowIframe: false,
-        };
-    },
-
-    watch: {
-        data: debounce(function (value) {
-            this.update(value);
-        }, 500),
-
-        value(value) {
-            this.data = value;
+    computed: {
+        shouldShowPreview() {
+            return !this.isInvalid && (this.isEmbeddable || this.isVideo);
         },
-    },
-
-    mounted() {
-        // Showing the iframe right away causes Vue to stop in Safari.
-        this.canShowIframe = true;
-    },
 
-    computed: {
         embedUrl() {
-            let embed_url = this.data;
+            let embed_url = this.value || '';
 
             if (embed_url.includes('youtube')) {
                 embed_url = embed_url.includes('shorts/')
@@ -76,13 +49,12 @@ export default {
             if (embed_url.includes('vimeo')) {
                 embed_url = embed_url.replace('/vimeo.com', '/player.vimeo.com/video');
 
-                if (!this.data.includes('progressive_redirect') && embed_url.split('/').length > 5) {
+                if (!this.value.includes('progressive_redirect') && embed_url.split('/').length > 5) {
                     let hash = embed_url.substr(embed_url.lastIndexOf('/') + 1);
                     embed_url = embed_url.substr(0, embed_url.lastIndexOf('/')) + '?h=' + hash.replace('?', '&');
                 }
             }
 
-            // Make sure additional query parameters are included.
             if (embed_url.includes('&') && !embed_url.includes('?')) {
                 embed_url = embed_url.replace('&', '?');
             }
@@ -91,33 +63,26 @@ export default {
         },
 
         isEmbeddable() {
-            return (
-                (this.isUrl && this.data.includes('youtube')) ||
-                this.data.includes('vimeo') ||
-                this.data.includes('youtu.be')
-            );
+            const url = this.value || '';
+            const isYoutube = url.includes('youtube') || url.includes('youtu.be');
+            const isVimeo = url.includes('vimeo');
+            return isYoutube || isVimeo;
         },
 
         isInvalid() {
             let htmlRegex = new RegExp(/<([A-Z][A-Z0-9]*)\b[^>]*>.*?<\/\1>|<([A-Z][A-Z0-9]*)\b[^\/]*\/>/i);
-
-            return htmlRegex.test(this.data);
+            return htmlRegex.test(this.value || '');
         },
 
         isUrl() {
-            let regex = new RegExp('^(https?|ftp):\/\/[^\s/$.?#].*$', 'i');
-
-            return regex.test(this.data);
+            const url = this.value || '';
+            return url.startsWith('http://') || url.startsWith('https://');
         },
 
         isVideo() {
-            return (
-                !this.isEmbeddable &&
-                (this.data.includes('.mp4') ||
-                    this.data.includes('.ogv') ||
-                    this.data.includes('.mov') ||
-                    this.data.includes('.webm'))
-            );
+            const url = this.value || '';
+            const isVideo = url.includes('.mp4') || url.includes('.ogv') || url.includes('.mov') || url.includes('.webm');
+            return !this.isEmbeddable && isVideo;
         },
     },
 };

From eb7b92fa6d1a6fa4b35b755bc2b54c87061d84d7 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Tue, 6 May 2025 12:16:24 -0400
Subject: [PATCH 161/186] Accept a wider range of Types for text props

---
 resources/js/components/ui/Badge.vue         | 2 +-
 resources/js/components/ui/Button/Button.vue | 2 +-
 resources/js/components/ui/Description.vue   | 2 +-
 resources/js/components/ui/Heading.vue       | 2 +-
 resources/js/components/ui/Label.vue         | 2 +-
 resources/js/components/ui/Subheading.vue    | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/resources/js/components/ui/Badge.vue b/resources/js/components/ui/Badge.vue
index a6e60fc81b1..ec5f102fa7c 100644
--- a/resources/js/components/ui/Badge.vue
+++ b/resources/js/components/ui/Badge.vue
@@ -13,7 +13,7 @@ const props = defineProps({
     pill: { type: Boolean, default: false },
     size: { type: String, default: 'default' },
     subText: { type: String, default: null },
-    text: { type: String, default: null },
+    text: { type: [String, Number, Boolean, null], default: null },
     variant: { type: String, default: 'default' },
 });
 
diff --git a/resources/js/components/ui/Button/Button.vue b/resources/js/components/ui/Button/Button.vue
index d7b16e8c11d..d9571892403 100644
--- a/resources/js/components/ui/Button/Button.vue
+++ b/resources/js/components/ui/Button/Button.vue
@@ -12,7 +12,7 @@ const props = defineProps({
     loading: { type: Boolean, default: false },
     round: { type: Boolean, default: false },
     size: { type: String, default: 'base' },
-    text: { type: String, default: null },
+    text: { type: [String, Number, Boolean, null], default: null },
     type: { type: String, default: 'button' },
     variant: { type: String, default: 'default' },
 });
diff --git a/resources/js/components/ui/Description.vue b/resources/js/components/ui/Description.vue
index da764022c1a..06935bc2021 100644
--- a/resources/js/components/ui/Description.vue
+++ b/resources/js/components/ui/Description.vue
@@ -6,7 +6,7 @@ const hasDefaultSlot = !!slots.default;
 
 const props = defineProps({
     required: { type: Boolean, default: false },
-    text: { type: String, default: null },
+    text: { type: [String, Number, Boolean, null], default: null },
 });
 
 </script>
diff --git a/resources/js/components/ui/Heading.vue b/resources/js/components/ui/Heading.vue
index 439ee66aaad..d1f48105de7 100644
--- a/resources/js/components/ui/Heading.vue
+++ b/resources/js/components/ui/Heading.vue
@@ -5,7 +5,7 @@ import { computed, useSlots } from 'vue';
 const props = defineProps({
     size: { type: String, default: 'base' },
     level: { type: [Number, null], default: null },
-    text: { type: [String, null], default: null },
+    text: { type: [String, Number, Boolean, null], default: null },
     href: { type: [String, null], default: null },
 });
 
diff --git a/resources/js/components/ui/Label.vue b/resources/js/components/ui/Label.vue
index aa4bbc5ab84..24a71bc5180 100644
--- a/resources/js/components/ui/Label.vue
+++ b/resources/js/components/ui/Label.vue
@@ -8,7 +8,7 @@ const hasDefaultSlot = !!slots.default;
 const props = defineProps({
     badge: { type: String, default: '' },
     required: { type: Boolean, default: false },
-    text: { type: String, default: null },
+    text: { type: [String, Number, Boolean, null], default: null },
 });
 </script>
 
diff --git a/resources/js/components/ui/Subheading.vue b/resources/js/components/ui/Subheading.vue
index e47a64ee164..4c4b2750020 100644
--- a/resources/js/components/ui/Subheading.vue
+++ b/resources/js/components/ui/Subheading.vue
@@ -3,7 +3,7 @@ import { cva } from 'cva';
 
 const props = defineProps({
     size: { type: String, default: 'base' },
-    text: { type: String, default: null },
+    text: { type: [String, Number, Boolean, null], default: null },
 });
 
 const classes = cva({

From dbf80c4f36a078cff1c6ef2f6a23a245a07b18a2 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 7 May 2025 14:29:09 -0400
Subject: [PATCH 162/186] wip

---
 resources/css/components/assets.css           |   4 +-
 .../js/components/assets/AssetManager.vue     |  24 +-
 .../js/components/assets/Browser/Browser.vue  | 344 +++++-------------
 .../js/components/assets/Browser/Grid.vue     | 160 ++++++++
 .../js/components/assets/Browser/Table.vue    | 144 ++++++++
 resources/js/components/data-list/Search.vue  |   2 +-
 resources/js/components/ui/Toggle/Item.vue    |  10 +-
 resources/svg/icons/asset-folder.svg          |   1 +
 resources/svg/icons/layout-grid-compact.svg   |   1 +
 resources/svg/icons/layout-grid.svg           |   1 +
 resources/svg/icons/layout-list.svg           |   1 +
 resources/svg/icons/layout-masonry.svg        |   1 +
 resources/svg/icons/upload.svg                |   1 +
 13 files changed, 426 insertions(+), 268 deletions(-)
 create mode 100644 resources/js/components/assets/Browser/Grid.vue
 create mode 100644 resources/js/components/assets/Browser/Table.vue
 create mode 100644 resources/svg/icons/asset-folder.svg
 create mode 100644 resources/svg/icons/layout-grid-compact.svg
 create mode 100644 resources/svg/icons/layout-grid.svg
 create mode 100644 resources/svg/icons/layout-list.svg
 create mode 100644 resources/svg/icons/layout-masonry.svg
 create mode 100644 resources/svg/icons/upload.svg

diff --git a/resources/css/components/assets.css b/resources/css/components/assets.css
index 25a3f29d4d5..687d0d049c3 100644
--- a/resources/css/components/assets.css
+++ b/resources/css/components/assets.css
@@ -104,10 +104,10 @@
 /* Grid Listing
   ========================================================================== */
 
-.asset-grid-listing {
+/* .asset-grid-listing {
     @apply relative grid gap-4 bg-white p-4 dark:bg-dark-800;
     grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
-}
+} */
 
 /* Asset Tile
    ========================================================================== */
diff --git a/resources/js/components/assets/AssetManager.vue b/resources/js/components/assets/AssetManager.vue
index 771dc90fb3b..a59788873bc 100644
--- a/resources/js/components/assets/AssetManager.vue
+++ b/resources/js/components/assets/AssetManager.vue
@@ -14,11 +14,33 @@
                 </dropdown-item>
             </dropdown-list>
 
-            <Button
+            <!-- @TODO: Move Create Container into the action dropdown -->
+            <!-- <Button
                 v-if="canCreateContainers"
                 :href="createContainerUrl"
                 :text="__('Create Container')"
+            /> -->
+
+            <!-- @TODO: Make this work -->
+            <Button
+                :text="__('Upload')"
+                icon="upload"
+                variant="primary"
+                @click="uploadAsset"
             />
+
+            <!-- @TODO: Make this work -->
+            <Button
+                :text="__('Create Folder')"
+                icon="folder-add"
+                @click="createFolder"
+            />
+
+            <ui-toggle-group>
+                <ui-toggle-item icon="layout-grid" value="grid" />
+                <ui-toggle-item icon="layout-grid-compact" value="grid-compact" />
+                <ui-toggle-item icon="layout-list" value="list" />
+            </ui-toggle-group>
         </Header>
 
         <asset-browser
diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index 1c1566edb8e..c81f48a98bc 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -17,7 +17,7 @@
         >
             <div class="min-h-screen">
                 <div class="drag-notification" v-show="dragging">
-                    <svg-icon name="upload" class="m-4 h-12 w-12" />
+                    <svg-icon name="upload" class="m-4 size-12" />
                     <span>{{ __('Drop File to Upload') }}</span>
                 </div>
 
@@ -34,57 +34,48 @@
                     v-slot="{ filteredRows: rows }"
                 >
                     <div :class="modeClass">
-                        <div class="card overflow-hidden p-0" :class="{ 'select-none': shifting }">
-                            <div class="relative w-full">
-                                <div class="flex items-center justify-between p-2 text-sm">
-                                    <data-list-search class="h-8" ref="search" v-model="searchQuery" />
+                        <div class="space-y-4">
+                            <div class="flex items-center gap-3">
+                                <data-list-search ref="search" v-model="searchQuery" />
+                                <!-- <data-list-filters /> -->
+                            </div>
+
+
+                                <!-- <button
+                                    v-if="canCreateFolders"
+                                    class="btn btn-sm ltr:ml-3 rtl:mr-3"
+                                    @click="creatingFolder = true"
+                                >
+                                    <svg-icon name="folder-add" class="h-4 w-4 ltr:mr-2 rtl:ml-2" />
+                                    <span>{{ __('Create Folder') }}</span>
+                                </button> -->
+
+                                <!-- <button
+                                    v-if="canUpload"
+                                    class="btn btn-sm ltr:ml-3 rtl:mr-3"
+                                    @click="openFileBrowser"
+                                >
+                                    <svg-icon name="upload" class="h-4 w-4 text-current ltr:mr-2 rtl:ml-2" />
+                                    <span>{{ __('Upload') }}</span>
+                                </button> -->
 
+                                <!-- <div class="btn-group ltr:ml-3 rtl:mr-3">
                                     <button
-                                        v-if="canCreateFolders"
-                                        class="btn btn-sm ltr:ml-3 rtl:mr-3"
-                                        @click="creatingFolder = true"
+                                        class="btn btn-sm"
+                                        @click="setMode('grid')"
+                                        :class="{ active: mode === 'grid' }"
                                     >
-                                        <svg-icon name="folder-add" class="h-4 w-4 ltr:mr-2 rtl:ml-2" />
-                                        <span>{{ __('Create Folder') }}</span>
+                                        <svg-icon name="assets-mode-grid" class="h-4 w-4" />
                                     </button>
-
                                     <button
-                                        v-if="canUpload"
-                                        class="btn btn-sm ltr:ml-3 rtl:mr-3"
-                                        @click="openFileBrowser"
+                                        class="btn btn-sm"
+                                        @click="setMode('table')"
+                                        :class="{ active: mode === 'table' }"
                                     >
-                                        <svg-icon name="upload" class="h-4 w-4 text-current ltr:mr-2 rtl:ml-2" />
-                                        <span>{{ __('Upload') }}</span>
+                                        <svg-icon name="assets-mode-table" class="h-4 w-4" />
                                     </button>
-
-                                    <div class="btn-group ltr:ml-3 rtl:mr-3">
-                                        <button
-                                            class="btn btn-sm"
-                                            @click="setMode('grid')"
-                                            :class="{ active: mode === 'grid' }"
-                                        >
-                                            <svg-icon name="assets-mode-grid" class="h-4 w-4" />
-                                        </button>
-                                        <button
-                                            class="btn btn-sm"
-                                            @click="setMode('table')"
-                                            :class="{ active: mode === 'table' }"
-                                        >
-                                            <svg-icon name="assets-mode-table" class="h-4 w-4" />
-                                        </button>
-                                    </div>
-                                </div>
-
-                                <breadcrumbs v-if="!restrictFolderNavigation" :path="path" @navigated="selectFolder" />
-
-                                <data-list-bulk-actions
-                                    :url="actionUrl"
-                                    :context="actionContext"
-                                    :show-always="mode === 'grid'"
-                                    @started="actionStarted"
-                                    @completed="actionCompleted"
-                                />
-                            </div>
+                                </div> -->
+                            <!-- <breadcrumbs v-if="!restrictFolderNavigation" :path="path" @navigated="selectFolder" /> -->
 
                             <uploads
                                 v-if="uploads.length"
@@ -94,222 +85,45 @@
                                 @existing-selected="existingUploadSelected"
                             />
 
-                            <div class="overflow-x-auto overflow-y-hidden">
-                                <data-list-table
-                                    v-if="mode === 'table' && !containerIsEmpty"
-                                    :allow-bulk-actions="true"
-                                    :loading="loading"
-                                    :toggle-selection-on-row-click="true"
-                                    @sorted="sorted"
-                                >
-                                    <template #tbody-start>
-                                        <tr v-if="folder && folder.parent_path && !restrictFolderNavigation">
-                                            <td />
-                                            <td @click="selectFolder(folder.parent_path)">
-                                                <a class="group flex cursor-pointer items-center">
-                                                    <file-icon
-                                                        extension="folder"
-                                                        class="inline-block h-8 w-8 text-blue-400 group-hover:text-blue ltr:mr-2 rtl:ml-2"
-                                                    />
-                                                    ..
-                                                </a>
-                                            </td>
-                                            <td :colspan="columns.length" />
-                                        </tr>
-                                        <tr
-                                            v-for="(folder, i) in folders"
-                                            :key="folder.path"
-                                            v-if="!restrictFolderNavigation"
-                                        >
-                                            <td />
-                                            <td @click="selectFolder(folder.path)">
-                                                <a class="group flex cursor-pointer items-center">
-                                                    <file-icon
-                                                        extension="folder"
-                                                        class="inline-block h-8 w-8 text-blue-400 group-hover:text-blue ltr:mr-2 rtl:ml-2"
-                                                    />
-                                                    {{ folder.basename }}
-                                                </a>
-                                            </td>
-                                            <td />
-                                            <td />
-
-                                            <th class="actions-column" :colspan="columns.length">
-                                                <dropdown-list
-                                                    placement="left-start"
-                                                    v-if="folderActions(folder).length"
-                                                >
-                                                    <data-list-inline-actions
-                                                        :item="folder.path"
-                                                        :url="folderActionUrl"
-                                                        :actions="folderActions(folder)"
-                                                        @started="actionStarted"
-                                                        @completed="actionCompleted"
-                                                    />
-                                                </dropdown-list>
-                                            </th>
-                                        </tr>
-                                    </template>
-
-                                    <template #cell-basename="{ row: asset, checkboxId }">
-                                        <div class="w-fit-content group flex items-center">
-                                            <asset-thumbnail
-                                                :asset="asset"
-                                                :square="true"
-                                                class="h-8 w-8 cursor-pointer ltr:mr-2 rtl:ml-2"
-                                                @click.native.stop="$emit('edit-asset', asset)"
-                                            />
-                                            <label
-                                                :for="checkboxId"
-                                                class="cursor-pointer select-none normal-nums group-hover:text-blue"
-                                                @click.stop="$emit('edit-asset', asset)"
-                                            >
-                                                {{ asset.basename }}
-                                            </label>
-                                        </div>
-                                    </template>
-
-                                    <template #actions="{ row: asset }">
-                                        <dropdown-list placement="left-start">
-                                            <dropdown-item
-                                                :text="__(canEdit ? 'Edit' : 'View')"
-                                                @click="edit(asset.id)"
-                                            />
-                                            <div class="divider" v-if="asset.actions.length" />
-                                            <data-list-inline-actions
-                                                :item="asset.id"
-                                                :url="actionUrl"
-                                                :actions="asset.actions"
-                                                @started="actionStarted"
-                                                @completed="actionCompleted"
-                                            />
-                                        </dropdown-list>
-                                    </template>
-                                </data-list-table>
-                            </div>
+                            <Table
+                                v-if="mode === 'table'"
+                                :mode="mode"
+                                :container-is-empty="containerIsEmpty"
+                                :loading="loading"
+                                :folder="folder"
+                                :folders="folders"
+                                :columns="columns"
+                                :restrict-folder-navigation="restrictFolderNavigation"
+                                :folder-action-url="folderActionUrl"
+                                :action-url="actionUrl"
+                                :can-edit="canEdit"
+                                @select-folder="selectFolder"
+                                @edit="edit"
+                                @sorted="sorted"
+                                @action-started="actionStarted"
+                                @action-completed="actionCompleted"
+                                @edit-asset="$emit('edit-asset', $event)"
+                            />
 
                             <!-- Grid Mode -->
-                            <div v-if="mode === 'grid' && !containerIsEmpty">
-                                <div class="asset-grid-listing px-4 pt-2">
-                                    <!-- Parent Folder -->
-                                    <div
-                                        class="asset-tile"
-                                        v-if="folder && folder.parent_path && !restrictFolderNavigation"
-                                    >
-                                        <div class="asset-thumb-container">
-                                            <button @click="selectFolder(folder.parent_path)">
-                                                <div class="asset-thumb">
-                                                    <file-icon
-                                                        extension="folder"
-                                                        class="h-full w-full text-blue-400 hover:text-blue"
-                                                    />
-                                                </div>
-                                            </button>
-                                        </div>
-                                        <div class="asset-meta flex items-center">
-                                            <div class="asset-filename w-full px-2 py-1 text-center">..</div>
-                                        </div>
-                                    </div>
-                                    <!-- Sub-Folders -->
-                                    <div
-                                        class="asset-tile group relative"
-                                        v-for="(folder, i) in folders"
-                                        :key="folder.path"
-                                        v-if="!restrictFolderNavigation"
-                                    >
-                                        <div class="asset-thumb-container">
-                                            <button @click="selectFolder(folder.path)">
-                                                <div class="asset-thumb">
-                                                    <file-icon
-                                                        extension="folder"
-                                                        class="h-full w-full text-blue-400 hover:text-blue"
-                                                    />
-                                                </div>
-                                            </button>
-                                        </div>
-                                        <div class="asset-meta flex items-center">
-                                            <div
-                                                class="asset-filename w-full px-2 py-1 text-center"
-                                                v-text="folder.basename"
-                                                :title="folder.basename"
-                                            />
-                                        </div>
-                                        <dropdown-list
-                                            v-if="folderActions(folder).length"
-                                            class="absolute top-1 opacity-0 group-hover:opacity-100 ltr:right-2 rtl:left-2"
-                                            :class="{ 'opacity-100': actionOpened === folder.path }"
-                                            @opened="actionOpened = folder.path"
-                                            @closed="actionOpened = null"
-                                        >
-                                            <data-list-inline-actions
-                                                :item="folder.path"
-                                                :url="folderActionUrl"
-                                                :actions="folderActions(folder)"
-                                                @started="actionStarted"
-                                                @completed="actionCompleted"
-                                            />
-                                        </dropdown-list>
-                                    </div>
-                                    <!-- Assets -->
-                                    <button
-                                        class="asset-tile group relative outline-hidden"
-                                        v-for="(asset, index) in assets"
-                                        :key="asset.id"
-                                        :class="{ selected: isSelected(asset.id) }"
-                                    >
-                                        <div
-                                            class="w-full"
-                                            @click.stop="toggleSelection(asset.id, index, $event)"
-                                            @dblclick.stop="$emit('edit-asset', asset)"
-                                        >
-                                            <div class="asset-thumb-container">
-                                                <div
-                                                    class="asset-thumb"
-                                                    :class="{ 'bg-checkerboard': asset.can_be_transparent }"
-                                                >
-                                                    <img
-                                                        v-if="asset.is_image"
-                                                        :src="asset.thumbnail"
-                                                        loading="lazy"
-                                                        :class="{ 'h-full w-full p-4': asset.extension === 'svg' }"
-                                                    />
-                                                    <file-icon
-                                                        v-else
-                                                        :extension="asset.extension"
-                                                        class="h-full w-full p-4"
-                                                    />
-                                                </div>
-                                            </div>
-                                            <div class="asset-meta">
-                                                <div
-                                                    class="asset-filename px-2 py-1 text-center"
-                                                    v-text="asset.basename"
-                                                    :title="asset.basename"
-                                                />
-                                            </div>
-                                        </div>
-                                        <dropdown-list
-                                            class="absolute top-1 opacity-0 group-hover:opacity-100 ltr:right-2 rtl:left-2"
-                                            :class="{ 'opacity-100': actionOpened === asset.id }"
-                                            @opened="actionOpened = asset.id"
-                                            @closed="actionOpened = null"
-                                        >
-                                            <dropdown-item
-                                                :text="__(canEdit ? 'Edit' : 'View')"
-                                                @click="edit(asset.id)"
-                                            />
-                                            <div class="divider" v-if="asset.actions.length" />
-                                            <data-list-inline-actions
-                                                :item="asset.id"
-                                                :url="actionUrl"
-                                                :actions="asset.actions"
-                                                @started="actionStarted"
-                                                @completed="actionCompleted"
-                                            />
-                                        </dropdown-list>
-                                    </button>
-                                </div>
-                            </div>
+                            <Grid
+                                v-if="mode === 'grid'"
+                                :container-is-empty="containerIsEmpty"
+                                :folder="folder"
+                                :folders="folders"
+                                :assets="assets"
+                                :restrict-folder-navigation="restrictFolderNavigation"
+                                :folder-action-url="folderActionUrl"
+                                :action-url="actionUrl"
+                                :can-edit="canEdit"
+                                :selected-assets="selectedAssets"
+                                @select-folder="selectFolder"
+                                @toggle-selection="toggleSelection"
+                                @edit="edit"
+                                @action-started="actionStarted"
+                                @action-completed="actionCompleted"
+                                @edit-asset="$emit('edit-asset', $event)"
+                            />
 
                             <div
                                 class="p-4 text-gray-700"
@@ -326,6 +140,14 @@
                             @per-page-changed="changePerPage"
                         />
                     </div>
+
+                    <data-list-bulk-actions
+                        :url="actionUrl"
+                        :context="actionContext"
+                        :show-always="mode === 'grid'"
+                        @started="actionStarted"
+                        @completed="actionCompleted"
+                    />
                 </data-list>
             </div>
         </uploader>
@@ -353,6 +175,8 @@ import AssetThumbnail from './Thumbnail.vue';
 import AssetEditor from '../Editor/Editor.vue';
 import Breadcrumbs from './Breadcrumbs.vue';
 import CreateFolder from './CreateFolder.vue';
+import Grid from './Grid.vue';
+import Table from './Table.vue';
 import HasPagination from '../../data-list/HasPagination';
 import HasPreferences from '../../data-list/HasPreferences';
 import Uploader from '../Uploader.vue';
@@ -370,6 +194,8 @@ export default {
         Uploader,
         Uploads,
         CreateFolder,
+        Grid,
+        Table,
     },
 
     props: {
diff --git a/resources/js/components/assets/Browser/Grid.vue b/resources/js/components/assets/Browser/Grid.vue
new file mode 100644
index 00000000000..5598188ea1b
--- /dev/null
+++ b/resources/js/components/assets/Browser/Grid.vue
@@ -0,0 +1,160 @@
+<template>
+    <div v-if="!containerIsEmpty">
+        <!-- Folders -->
+        <section class="flex flex-wrap gap-8">
+            <!-- Parent Folder -->
+            <div v-if="folder && folder.parent_path && !restrictFolderNavigation">
+                <button @click="selectFolder(folder.parent_path)" class="w-[80px] h-[66px]">
+                    <ui-icon name="asset-folder" class="h-full w-full text-blue-400" />
+                    <div
+                        class="font-mono text-xs text-gray-500 text-start overflow-hidden text-ellipsis w-24 whitespace-nowrap"
+                    >../</div>
+                </button>
+            </div>
+            <!-- Sub-Folders -->
+            <div
+                class="group/folder relative"
+                v-for="(folder, i) in folders"
+                :key="folder.path"
+                v-if="!restrictFolderNavigation"
+            >
+                <button @click="selectFolder(folder.path)" class="w-[80px] h-[66px]">
+                    <ui-icon name="asset-folder" class="h-full w-full text-blue-400" />
+                    <div
+                        class="font-mono text-xs text-gray-500 text-start overflow-hidden text-ellipsis w-24 whitespace-nowrap"
+                        v-text="folder.basename"
+                        :title="folder.basename"
+                    />
+                </button>
+                <dropdown-list
+                    v-if="folderActions(folder).length"
+                    class="absolute top-1 opacity-0 group-hover:opacity-100 end-2"
+                    :class="{ 'opacity-100': actionOpened === folder.path }"
+                    @opened="actionOpened = folder.path"
+                    @closed="actionOpened = null"
+                >
+                    <data-list-inline-actions
+                        :item="folder.path"
+                        :url="folderActionUrl"
+                        :actions="folderActions(folder)"
+                        @started="actionStarted"
+                        @completed="actionCompleted"
+                    />
+                </dropdown-list>
+            </div>
+        </section>
+
+        <!-- Assets -->
+        <section class="flex flex-wrap gap-2">
+            <button
+                class="asset-tile group relative outline-hidden"
+                v-for="(asset, index) in assets"
+                :key="asset.id"
+                :class="{ selected: isSelected(asset.id) }"
+            >
+                <div
+                    class="w-full"
+                    @click.stop="toggleSelection(asset.id, index, $event)"
+                    @dblclick.stop="$emit('edit-asset', asset)"
+                >
+                    <div class="asset-thumb-container">
+                        <div
+                            class="asset-thumb"
+                            :class="{ 'bg-checkerboard': asset.can_be_transparent }"
+                        >
+                            <img
+                                v-if="asset.is_image"
+                                :src="asset.thumbnail"
+                                loading="lazy"
+                                :class="{ 'h-full w-full p-4': asset.extension === 'svg' }"
+                            />
+                            <file-icon
+                                v-else
+                                :extension="asset.extension"
+                                class="h-full w-full p-4"
+                            />
+                        </div>
+                    </div>
+                    <div class="asset-meta">
+                        <div
+                            class="asset-filename px-2 py-1 text-center"
+                            v-text="asset.basename"
+                            :title="asset.basename"
+                        />
+                    </div>
+                </div>
+                <dropdown-list
+                    class="absolute top-1 opacity-0 group-hover:opacity-100 ltr:right-2 rtl:left-2"
+                    :class="{ 'opacity-100': actionOpened === asset.id }"
+                    @opened="actionOpened = asset.id"
+                    @closed="actionOpened = null"
+                >
+                    <dropdown-item
+                        :text="__(canEdit ? 'Edit' : 'View')"
+                        @click="edit(asset.id)"
+                    />
+                    <div class="divider" v-if="asset.actions.length" />
+                    <data-list-inline-actions
+                        :item="asset.id"
+                        :url="actionUrl"
+                        :actions="asset.actions"
+                        @started="actionStarted"
+                        @completed="actionCompleted"
+                    />
+                </dropdown-list>
+            </button>
+        </section>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        containerIsEmpty: Boolean,
+        folder: Object,
+        folders: Array,
+        assets: Array,
+        restrictFolderNavigation: Boolean,
+        folderActionUrl: String,
+        actionUrl: String,
+        canEdit: Boolean,
+        selectedAssets: Array,
+    },
+
+    data() {
+        return {
+            actionOpened: null,
+        };
+    },
+
+    methods: {
+        selectFolder(path) {
+            this.$emit('select-folder', path);
+        },
+
+        folderActions(folder) {
+            return folder.actions || this.folder.actions || [];
+        },
+
+        isSelected(id) {
+            return this.selectedAssets.includes(id);
+        },
+
+        toggleSelection(id, index, $event) {
+            this.$emit('toggle-selection', { id, index, event: $event });
+        },
+
+        edit(id) {
+            this.$emit('edit', id);
+        },
+
+        actionStarted() {
+            this.$emit('action-started');
+        },
+
+        actionCompleted() {
+            this.$emit('action-completed');
+        },
+    },
+};
+</script>
diff --git a/resources/js/components/assets/Browser/Table.vue b/resources/js/components/assets/Browser/Table.vue
new file mode 100644
index 00000000000..a6301bfcb5c
--- /dev/null
+++ b/resources/js/components/assets/Browser/Table.vue
@@ -0,0 +1,144 @@
+<template>
+    <div class="overflow-x-auto overflow-y-hidden">
+        <data-list-table
+            v-if="mode === 'table' && !containerIsEmpty"
+            :allow-bulk-actions="true"
+            :loading="loading"
+            :toggle-selection-on-row-click="true"
+            @sorted="sorted"
+        >
+            <template #tbody-start>
+                <tr v-if="folder && folder.parent_path && !restrictFolderNavigation">
+                    <td />
+                    <td @click="selectFolder(folder.parent_path)">
+                        <a class="group flex cursor-pointer items-center">
+                            <file-icon
+                                extension="folder"
+                                class="inline-block h-8 w-8 text-blue-400 group-hover:text-blue ltr:mr-2 rtl:ml-2"
+                            />
+                            ..
+                        </a>
+                    </td>
+                    <td :colspan="columns.length" />
+                </tr>
+                <tr
+                    v-for="(folder, i) in folders"
+                    :key="folder.path"
+                    v-if="!restrictFolderNavigation"
+                >
+                    <td />
+                    <td @click="selectFolder(folder.path)">
+                        <a class="group flex cursor-pointer items-center">
+                            <file-icon
+                                extension="folder"
+                                class="inline-block h-8 w-8 text-blue-400 group-hover:text-blue ltr:mr-2 rtl:ml-2"
+                            />
+                            {{ folder.basename }}
+                        </a>
+                    </td>
+                    <td />
+                    <td />
+
+                    <th class="actions-column" :colspan="columns.length">
+                        <dropdown-list
+                            placement="left-start"
+                            v-if="folderActions(folder).length"
+                        >
+                            <data-list-inline-actions
+                                :item="folder.path"
+                                :url="folderActionUrl"
+                                :actions="folderActions(folder)"
+                                @started="actionStarted"
+                                @completed="actionCompleted"
+                            />
+                        </dropdown-list>
+                    </th>
+                </tr>
+            </template>
+
+            <template #cell-basename="{ row: asset, checkboxId }">
+                <div class="w-fit-content group flex items-center">
+                    <asset-thumbnail
+                        :asset="asset"
+                        :square="true"
+                        class="h-8 w-8 cursor-pointer ltr:mr-2 rtl:ml-2"
+                        @click.native.stop="$emit('edit-asset', asset)"
+                    />
+                    <label
+                        :for="checkboxId"
+                        class="cursor-pointer select-none normal-nums group-hover:text-blue"
+                        @click.stop="$emit('edit-asset', asset)"
+                    >
+                        {{ asset.basename }}
+                    </label>
+                </div>
+            </template>
+
+            <template #actions="{ row: asset }">
+                <dropdown-list placement="left-start">
+                    <dropdown-item
+                        :text="__(canEdit ? 'Edit' : 'View')"
+                        @click="edit(asset.id)"
+                    />
+                    <div class="divider" v-if="asset.actions.length" />
+                    <data-list-inline-actions
+                        :item="asset.id"
+                        :url="actionUrl"
+                        :actions="asset.actions"
+                        @started="actionStarted"
+                        @completed="actionCompleted"
+                    />
+                </dropdown-list>
+            </template>
+        </data-list-table>
+    </div>
+</template>
+
+<script>
+import AssetThumbnail from './Thumbnail.vue';
+
+export default {
+    components: {
+        AssetThumbnail,
+    },
+
+    props: {
+        mode: String,
+        containerIsEmpty: Boolean,
+        loading: Boolean,
+        folder: Object,
+        folders: Array,
+        columns: Array,
+        restrictFolderNavigation: Boolean,
+        folderActionUrl: String,
+        actionUrl: String,
+        canEdit: Boolean,
+    },
+
+    methods: {
+        selectFolder(path) {
+            this.$emit('select-folder', path);
+        },
+
+        folderActions(folder) {
+            return folder.actions || this.folder.actions || [];
+        },
+
+        edit(id) {
+            this.$emit('edit', id);
+        },
+
+        sorted(column, direction) {
+            this.$emit('sorted', column, direction);
+        },
+
+        actionStarted() {
+            this.$emit('action-started');
+        },
+
+        actionCompleted() {
+            this.$emit('action-completed');
+        },
+    },
+};
+</script>
diff --git a/resources/js/components/data-list/Search.vue b/resources/js/components/data-list/Search.vue
index 2b5755102fb..563ce632594 100644
--- a/resources/js/components/data-list/Search.vue
+++ b/resources/js/components/data-list/Search.vue
@@ -23,7 +23,7 @@ export default {
     props: {
         placeholder: {
             type: String,
-            default: 'Filter...',
+            default: 'Search...',
         },
         value: {
             type: String,
diff --git a/resources/js/components/ui/Toggle/Item.vue b/resources/js/components/ui/Toggle/Item.vue
index d7b2cffc65a..25610ceaa8f 100644
--- a/resources/js/components/ui/Toggle/Item.vue
+++ b/resources/js/components/ui/Toggle/Item.vue
@@ -21,11 +21,11 @@ const iconOnly = computed(() => (props.icon && !hasDefaultSlot && !props.text) |
 
 const toggleItemClasses = computed(() => {
     const classes = cva({
-        base: 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg font-medium antialiased cursor-pointer no-underline disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none [&_svg]:shrink-0',
+        base: 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg font-medium antialiased cursor-pointer no-underline disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none [&_svg]:text-gray-500 [&_svg]:shrink-0',
         variants: {
             variant: {
                 default: [
-                    'bg-linear-to-b from-white to-gray-50 hover:to-gray-100 text-gray-800 border border-gray-300 shadow-ui-sm data-[state=on]:from-gray-200 data-[state=on]:to-gray-200 data-[state=on]:text-gray-900',
+                    'bg-linear-to-b from-white to-gray-50 hover:to-gray-100 text-gray-800 border border-gray-300 shadow-ui-sm data-[state=on]:from-gray-100 data-[state=on]:to-gray-100 data-[state=on]:text-gray-900 data-[state=on]:inset-shadow-sm/10',
                     'dark:from-gray-800 dark:to-gray-850 dark:hover:to-gray-800 hover:bg-gray-50 dark:hover:bg-gray-850 dark:border-b-0 dark:ring dark:ring-black dark:border-white/15 dark:text-gray-300 dark:shadow-md dark:data-[state=on]:from-gray-950 dark:data-[state=on]:to-gray-950 dark:data-[state=on]:text-white',
                 ],
                 primary: [
@@ -36,9 +36,9 @@ const toggleItemClasses = computed(() => {
                 ghost: 'bg-transparent rounded-lg hover:bg-gray-400/10 text-gray-500 hover:text-gray-700 dark:text-gray-300 dark:hover:bg-gray-700/80 dark:hover:text-gray-200 data-[state=on]:bg-gray-400/20 data-[state=on]:text-gray-700 dark:data-[state=on]:bg-gray-700/80 dark:data-[state=on]:text-white',
             },
             size: {
-                base: 'px-4 h-10 text-sm',
-                sm: 'px-3 h-8 text-[0.8125rem]',
-                xs: 'px-2 h-6.5 text-xs',
+                base: 'px-3 h-10 text-sm [&_svg]:size-3.5',
+                sm: 'px-2.5 h-8 text-[0.8125rem] [&_svg]:size-3',
+                xs: 'px-2 h-6.5 text-xs [&_svg]:size-2.5',
             },
             groupBorder: {
                 default:
diff --git a/resources/svg/icons/asset-folder.svg b/resources/svg/icons/asset-folder.svg
new file mode 100644
index 00000000000..b0d2719531a
--- /dev/null
+++ b/resources/svg/icons/asset-folder.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 80 66" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M73.6842 8.8H33.6842C33.1152 8.79854 32.5701 8.56117 32.1684 8.14L26.5263 2.2C25.9489 1.53249 25.2486 0.993597 24.4672 0.615578C23.6859 0.237558 22.8396 0.0281878 21.9789 0H7.53684C5.53795 0 3.62092 0.82979 2.20749 2.30683C0.794058 3.78386 0 5.78715 0 7.876V58.124C0 60.2128 0.794058 62.2161 2.20749 63.6932C3.62092 65.1702 5.53795 66 7.53684 66H72.4632C74.4621 66 76.3791 65.1702 77.7925 63.6932C79.2059 62.2161 80 60.2128 80 58.124V15.4C80 13.6496 79.3346 11.9708 78.1501 10.7331C76.9657 9.49535 75.3593 8.8 73.6842 8.8Z" fill="currentColor"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/layout-grid-compact.svg b/resources/svg/icons/layout-grid-compact.svg
new file mode 100644
index 00000000000..23e094a6cb1
--- /dev/null
+++ b/resources/svg/icons/layout-grid-compact.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.551865 2.78432c0.019059 0.16883 0.094754 0.32623 0.214743 0.44652 0.119989 0.1203 0.277192 0.19639 0.445972 0.21588 0.2568 0.0288 0.52008 0.05328 0.78888 0.05328 0.2688 0 0.53232 -0.02448 0.78888 -0.05328 0.16879 -0.01949 0.32599 -0.09558 0.44598 -0.21588 0.11999 -0.12029 0.19569 -0.27769 0.21474 -0.44652 0.02736 -0.25512 0.0504 -0.5172 0.0504 -0.78432s-0.02304 -0.5292 -0.0504 -0.78456c-0.01905 -0.16883 -0.09475 -0.32623 -0.21474 -0.446523C3.11633 0.648623 2.95913 0.572528 2.79034 0.55304 2.53354 0.52472 2.27026 0.5 2.00146 0.5c-0.2688 0 -0.53232 0.02448 -0.78888 0.05328C1.0438 0.572768 0.886597 0.648863 0.766608 0.769157 0.646619 0.88945 0.570924 1.04685 0.551865 1.21568c-0.02736 0.25488 -0.0504 0.51696 -0.0504 0.78432 0 0.26736 0.02304 0.5292 0.0504 0.78432Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.551865 7.78505c0.019059 0.16884 0.094754 0.32623 0.214743 0.44653 0.119989 0.12029 0.277192 0.19638 0.445972 0.21587 0.2568 0.0288 0.52008 0.05328 0.78888 0.05328 0.2688 0 0.53232 -0.02448 0.78888 -0.05328 0.16879 -0.01949 0.32599 -0.09558 0.44598 -0.21587 0.11999 -0.1203 0.19569 -0.27769 0.21474 -0.44653 0.02736 -0.25512 0.0504 -0.5172 0.0504 -0.78432s-0.02304 -0.5292 -0.0504 -0.78456c-0.01905 -0.16883 -0.09475 -0.32623 -0.21474 -0.44652 -0.11999 -0.12029 -0.27719 -0.19639 -0.44598 -0.21588 -0.2568 -0.02832 -0.52008 -0.05304 -0.78888 -0.05304 -0.2688 0 -0.53232 0.02448 -0.78888 0.05328 -0.16878 0.01949 -0.325983 0.09559 -0.445972 0.21588 -0.119989 0.12029 -0.195684 0.27769 -0.214743 0.44652 -0.02736 0.25488 -0.0504 0.51696 -0.0504 0.78432 0 0.26736 0.02304 0.5292 0.0504 0.78432Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.551865 12.786c0.019059 0.1689 0.094754 0.3263 0.214743 0.4466 0.119989 0.1202 0.277192 0.1963 0.445972 0.2158 0.2568 0.0288 0.52008 0.0533 0.78888 0.0533 0.2688 0 0.53232 -0.0245 0.78888 -0.0533 0.16879 -0.0195 0.32599 -0.0956 0.44598 -0.2158 0.11999 -0.1203 0.19569 -0.2777 0.21474 -0.4466 0.02736 -0.2551 0.0504 -0.5172 0.0504 -0.7843s-0.02304 -0.5292 -0.0504 -0.7846c-0.01905 -0.1688 -0.09475 -0.3262 -0.21474 -0.4465 -0.11999 -0.1203 -0.27719 -0.1964 -0.44598 -0.2159 -0.2568 -0.0283 -0.52008 -0.053 -0.78888 -0.053 -0.2688 0 -0.53232 0.0245 -0.78888 0.0533 -0.16878 0.0195 -0.325983 0.0956 -0.445972 0.2159 -0.119989 0.1203 -0.195684 0.2777 -0.214743 0.4465 -0.02736 0.2549 -0.0504 0.5169 -0.0504 0.7843 0 0.2674 0.02304 0.5292 0.0504 0.7843Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.55113 2.78432c0.01906 0.16883 0.09476 0.32623 0.21475 0.44652 0.11998 0.1203 0.27719 0.19639 0.44597 0.21588 0.2568 0.0288 0.52008 0.05328 0.78888 0.05328 0.2688 0 0.53232 -0.02448 0.78888 -0.05328 0.16879 -0.01949 0.32599 -0.09558 0.44598 -0.21588 0.11999 -0.12029 0.19568 -0.27769 0.21474 -0.44652 0.02736 -0.25512 0.0504 -0.5172 0.0504 -0.78432s-0.02304 -0.5292 -0.0504 -0.78456c-0.01906 -0.16883 -0.09475 -0.32623 -0.21474 -0.446523C8.1156 0.648623 7.9584 0.572528 7.78961 0.55304 7.53281 0.52472 7.26953 0.5 7.00073 0.5c-0.2688 0 -0.53232 0.02448 -0.78888 0.05328 -0.16878 0.019488 -0.32599 0.095583 -0.44597 0.215877 -0.11999 0.120293 -0.19569 0.277693 -0.21475 0.446523 -0.02736 0.25488 -0.0504 0.51696 -0.0504 0.78432 0 0.26736 0.02304 0.5292 0.0504 0.78432Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.55113 7.78505c0.01906 0.16884 0.09476 0.32623 0.21475 0.44653 0.11998 0.12029 0.27719 0.19638 0.44597 0.21587 0.2568 0.0288 0.52008 0.05328 0.78888 0.05328 0.2688 0 0.53232 -0.02448 0.78888 -0.05328 0.16879 -0.01949 0.32599 -0.09558 0.44598 -0.21587 0.11999 -0.1203 0.19568 -0.27769 0.21474 -0.44653 0.02736 -0.25512 0.0504 -0.5172 0.0504 -0.78432s-0.02304 -0.5292 -0.0504 -0.78456c-0.01906 -0.16883 -0.09475 -0.32623 -0.21474 -0.44652 -0.11999 -0.12029 -0.27719 -0.19639 -0.44598 -0.21588 -0.2568 -0.02832 -0.52008 -0.05304 -0.78888 -0.05304 -0.2688 0 -0.53232 0.02448 -0.78888 0.05328 -0.16878 0.01949 -0.32599 0.09559 -0.44597 0.21588 -0.11999 0.12029 -0.19569 0.27769 -0.21475 0.44652 -0.02736 0.25488 -0.0504 0.51696 -0.0504 0.78432 0 0.26736 0.02304 0.5292 0.0504 0.78432Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.55113 12.786c0.01906 0.1689 0.09476 0.3263 0.21475 0.4466 0.11998 0.1202 0.27719 0.1963 0.44597 0.2158 0.2568 0.0288 0.52008 0.0533 0.78888 0.0533 0.2688 0 0.53232 -0.0245 0.78888 -0.0533 0.16879 -0.0195 0.32599 -0.0956 0.44598 -0.2158 0.11999 -0.1203 0.19568 -0.2777 0.21474 -0.4466 0.02736 -0.2551 0.0504 -0.5172 0.0504 -0.7843s-0.02304 -0.5292 -0.0504 -0.7846c-0.01906 -0.1688 -0.09475 -0.3262 -0.21474 -0.4465 -0.11999 -0.1203 -0.27719 -0.1964 -0.44598 -0.2159 -0.2568 -0.0283 -0.52008 -0.053 -0.78888 -0.053 -0.2688 0 -0.53232 0.0245 -0.78888 0.0533 -0.16878 0.0195 -0.32599 0.0956 -0.44597 0.2159 -0.11999 0.1203 -0.19569 0.2777 -0.21475 0.4465 -0.02736 0.2549 -0.0504 0.5169 -0.0504 0.7843 0 0.2674 0.02304 0.5292 0.0504 0.7843Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.5504 2.78432c0.0191 0.16883 0.0948 0.32623 0.2147 0.44652 0.12 0.1203 0.2772 0.19639 0.446 0.21588 0.2568 0.0288 0.5201 0.05328 0.7889 0.05328 0.2688 0 0.5323 -0.02448 0.7889 -0.05328 0.1688 -0.01949 0.326 -0.09558 0.446 -0.21588 0.1199 -0.12029 0.1956 -0.27769 0.2147 -0.44652C13.477 2.5292 13.5 2.26712 13.5 2s-0.023 -0.5292 -0.0504 -0.78456c-0.0191 -0.16883 -0.0948 -0.32623 -0.2147 -0.446523 -0.12 -0.120294 -0.2772 -0.196389 -0.446 -0.215877C12.5321 0.52472 12.2688 0.5 12 0.5c-0.2688 0 -0.5323 0.02448 -0.7889 0.05328 -0.1688 0.019488 -0.326 0.095583 -0.446 0.215877 -0.1199 0.120293 -0.1956 0.277693 -0.2147 0.446523C10.523 1.47056 10.5 1.73264 10.5 2c0 0.26736 0.023 0.5292 0.0504 0.78432Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.5504 7.78505c0.0191 0.16884 0.0948 0.32623 0.2147 0.44653 0.12 0.12029 0.2772 0.19638 0.446 0.21587 0.2568 0.0288 0.5201 0.05328 0.7889 0.05328 0.2688 0 0.5323 -0.02448 0.7889 -0.05328 0.1688 -0.01949 0.326 -0.09558 0.446 -0.21587 0.1199 -0.1203 0.1956 -0.27769 0.2147 -0.44653 0.0274 -0.25512 0.0504 -0.5172 0.0504 -0.78432s-0.023 -0.5292 -0.0504 -0.78456c-0.0191 -0.16883 -0.0948 -0.32623 -0.2147 -0.44652 -0.12 -0.12029 -0.2772 -0.19639 -0.446 -0.21588 -0.2568 -0.02832 -0.5201 -0.05304 -0.7889 -0.05304 -0.2688 0 -0.5323 0.02448 -0.7889 0.05328 -0.1688 0.01949 -0.326 0.09559 -0.446 0.21588 -0.1199 0.12029 -0.1956 0.27769 -0.2147 0.44652 -0.0274 0.25488 -0.0504 0.51696 -0.0504 0.78432 0 0.26736 0.023 0.5292 0.0504 0.78432Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.5504 12.786c0.0191 0.1689 0.0948 0.3263 0.2147 0.4466 0.12 0.1202 0.2772 0.1963 0.446 0.2158 0.2568 0.0288 0.5201 0.0533 0.7889 0.0533 0.2688 0 0.5323 -0.0245 0.7889 -0.0533 0.1688 -0.0195 0.326 -0.0956 0.446 -0.2158 0.1199 -0.1203 0.1956 -0.2777 0.2147 -0.4466 0.0274 -0.2551 0.0504 -0.5172 0.0504 -0.7843s-0.023 -0.5292 -0.0504 -0.7846c-0.0191 -0.1688 -0.0948 -0.3262 -0.2147 -0.4465 -0.12 -0.1203 -0.2772 -0.1964 -0.446 -0.2159 -0.2568 -0.0283 -0.5201 -0.053 -0.7889 -0.053 -0.2688 0 -0.5323 0.0245 -0.7889 0.0533 -0.1688 0.0195 -0.326 0.0956 -0.446 0.2159 -0.1199 0.1203 -0.1956 0.2777 -0.2147 0.4465 -0.0274 0.2549 -0.0504 0.5169 -0.0504 0.7843 0 0.2674 0.023 0.5292 0.0504 0.7843Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/layout-grid.svg b/resources/svg/icons/layout-grid.svg
new file mode 100644
index 00000000000..43d98ce1b53
--- /dev/null
+++ b/resources/svg/icons/layout-grid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.852037 4.72319c0.053214 0.48002 0.437523 0.86419 0.917323 0.91937 0.47984 0.05518 0.97476 0.10744 1.48064 0.10744s1.0008 -0.05226 1.48064 -0.10744c0.4798 -0.05518 0.86411 -0.43935 0.91732 -0.91937C5.70089 4.24573 5.75 3.7533 5.75 3.25c0 -0.50331 -0.04911 -0.99573 -0.10204 -1.47319 -0.05321 -0.48002 -0.43752 -0.864187 -0.91732 -0.919367C4.2508 0.802257 3.75588 0.75 3.25 0.75S2.2492 0.802257 1.76936 0.857443c-0.4798 0.05518 -0.864109 0.439347 -0.917323 0.919367C0.799107 2.25427 0.75 2.74669 0.75 3.25c0 0.5033 0.049107 0.99573 0.102037 1.47319Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.852037 12.2232c0.053214 0.48 0.437523 0.8642 0.917323 0.9194 0.47984 0.0551 0.97476 0.1074 1.48064 0.1074s1.0008 -0.0523 1.48064 -0.1074c0.4798 -0.0552 0.86411 -0.4394 0.91732 -0.9194 0.05293 -0.4775 0.10204 -0.9699 0.10204 -1.4732 0 -0.5033 -0.04911 -0.99573 -0.10204 -1.47319 -0.05321 -0.48002 -0.43752 -0.86419 -0.91732 -0.91937C4.2508 8.30226 3.75588 8.25 3.25 8.25s-1.0008 0.05226 -1.48064 0.10744c-0.4798 0.05518 -0.864109 0.43935 -0.917323 0.91937C0.799107 9.75427 0.75 10.2467 0.75 10.75s0.049107 0.9957 0.102037 1.4732Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.35204 4.72319c0.05321 0.48002 0.43752 0.86419 0.91732 0.91937 0.47984 0.05518 0.97474 0.10744 1.48064 0.10744 0.5059 0 1.0008 -0.05226 1.4806 -0.10744 0.4798 -0.05518 0.8641 -0.43935 0.9174 -0.91937 0.0529 -0.47746 0.102 -0.96989 0.102 -1.47319 0 -0.50331 -0.0491 -0.99573 -0.102 -1.47319 -0.0533 -0.48002 -0.4376 -0.864187 -0.9174 -0.919367C11.7508 0.802257 11.2559 0.75 10.75 0.75c-0.5059 0 -1.0008 0.052257 -1.48064 0.107443 -0.4798 0.05518 -0.86411 0.439347 -0.91732 0.919367C8.29911 2.25427 8.25 2.74669 8.25 3.25c0 0.5033 0.04911 0.99573 0.10204 1.47319Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.35204 12.2232c0.05321 0.48 0.43752 0.8642 0.91732 0.9194 0.47984 0.0551 0.97474 0.1074 1.48064 0.1074 0.5059 0 1.0008 -0.0523 1.4806 -0.1074 0.4798 -0.0552 0.8641 -0.4394 0.9174 -0.9194 0.0529 -0.4775 0.102 -0.9699 0.102 -1.4732 0 -0.5033 -0.0491 -0.99573 -0.102 -1.47319 -0.0533 -0.48002 -0.4376 -0.86419 -0.9174 -0.91937 -0.4798 -0.05518 -0.9747 -0.10744 -1.4806 -0.10744 -0.5059 0 -1.0008 0.05226 -1.48064 0.10744 -0.4798 0.05518 -0.86411 0.43935 -0.91732 0.91937C8.29911 9.75427 8.25 10.2467 8.25 10.75s0.04911 0.9957 0.10204 1.4732Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/layout-list.svg b/resources/svg/icons/layout-list.svg
new file mode 100644
index 00000000000..720de1964b3
--- /dev/null
+++ b/resources/svg/icons/layout-list.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5 0.5h13" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5 4.8335h13" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5 9.1665h13" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.5 13.5h13" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/layout-masonry.svg b/resources/svg/icons/layout-masonry.svg
new file mode 100644
index 00000000000..710e0a4571c
--- /dev/null
+++ b/resources/svg/icons/layout-masonry.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.884421 7.13115c0.035704 0.47634 0.397759 0.8706 0.868539 0.9515 0.48972 0.08416 0.99514 0.16497 1.51193 0.16497 0.5168 0 1.02222 -0.08081 1.51194 -0.16497 0.47078 -0.0809 0.83283 -0.47516 0.86853 -0.9515 0.06349 -0.847 0.13443 -1.72795 0.13443 -2.63234s-0.07094 -1.78534 -0.13443 -2.63234c-0.0357 -0.47634 -0.39775 -0.870596 -0.86853 -0.951499C4.28711 0.830813 3.78169 0.75 3.26489 0.75c-0.51679 0 -1.02221 0.080813 -1.51193 0.164971 -0.47078 0.080903 -0.832835 0.475159 -0.868539 0.951499C0.820934 2.71347 0.75 3.59442 0.75 4.49881s0.070935 1.78534 0.134421 2.63234Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.35464 12.1335c0.0357 0.4764 0.39775 0.8706 0.86853 0.9515 0.48972 0.0842 0.99513 0.165 1.51193 0.165s1.0222 -0.0808 1.5119 -0.165c0.4708 -0.0809 0.8329 -0.4751 0.8686 -0.9515 0.0635 -0.847 0.1344 -1.7279 0.1344 -2.63231 0 -0.90439 -0.0709 -1.78534 -0.1344 -2.63234 -0.0357 -0.47634 -0.3978 -0.8706 -0.8686 -0.9515 -0.4897 -0.08416 -0.9951 -0.16497 -1.5119 -0.16497s-1.02221 0.08081 -1.51193 0.16497c-0.47078 0.0809 -0.83283 0.47516 -0.86853 0.9515 -0.06349 0.847 -0.13443 1.72795 -0.13443 2.63234 0 0.90441 0.07094 1.78531 0.13443 2.63231Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.25746 2.51366c0.07217 0.46332 0.48759 0.80501 0.95563 0.83353 0.49286 0.03003 1.00171 0.05906 1.52201 0.05906s1.0292 -0.02902 1.522 -0.05906c0.4681 -0.02852 0.8835 -0.37021 0.9557 -0.83353 0.0223 -0.14319 0.0372 -0.28849 0.0372 -0.43554 0 -0.14704 -0.0149 -0.29234 -0.0372 -0.43553 -0.0722 -0.46332 -0.4876 -0.805008 -0.9557 -0.83353C11.7643 0.779025 11.2554 0.75 10.7351 0.75S9.70595 0.779025 9.21309 0.80906c-0.46804 0.028522 -0.88346 0.37021 -0.95563 0.83353 -0.0223 0.14319 -0.03725 0.28849 -0.03725 0.43553 0 0.14705 0.01495 0.29235 0.03725 0.43554Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.787245 12.3574c0.072171 0.4633 0.487585 0.805 0.955625 0.8335 0.49287 0.0301 1.00168 0.0591 1.52202 0.0591s1.02916 -0.029 1.52202 -0.0591c0.46804 -0.0285 0.88346 -0.3702 0.95563 -0.8335 0.0223 -0.1432 0.03725 -0.2885 0.03725 -0.4355 0 -0.1471 -0.01495 -0.2924 -0.03725 -0.4356 -0.07217 -0.4633 -0.48759 -0.805 -0.95563 -0.8335 -0.49286 -0.03 -1.00168 -0.059 -1.52202 -0.059s-1.02915 0.029 -1.52202 0.059c-0.46804 0.0285 -0.883454 0.3702 -0.955625 0.8335C0.764941 11.6295 0.75 11.7748 0.75 11.9219c0 0.147 0.014941 0.2923 0.037245 0.4355Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/upload.svg b/resources/svg/icons/upload.svg
new file mode 100644
index 00000000000..9e65504cc80
--- /dev/null
+++ b/resources/svg/icons/upload.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.8457 3.97579C4.49086 2.68548 5.78118 1.39516 7.07145 0.75c1.29036 0.64516 2.58068 1.93548 3.22585 3.22579" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m7.07227 9.00226 0 -8.216947" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.75 10.1643c0.082174 0.7279 0.40854 1.4066 0.92587 1.9252 0.51734 0.5187 1.19513 0.8467 1.92285 0.9308 1.1072 0.1241 2.24234 0.2297 3.40128 0.2297 1.15894 0 2.29512 -0.1056 3.4013 -0.2297 0.7277 -0.0841 1.4055 -0.4121 1.9228 -0.9308 0.5174 -0.5186 0.8437 -1.1973 0.9259 -1.9252" stroke-width="1"/></svg>
\ No newline at end of file

From 8baf7e42fe707d95616b9d4406df108483a154f4 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 7 May 2025 20:39:28 -0400
Subject: [PATCH 163/186] wip refactor

---
 resources/css/components/assets.css           |   8 +-
 .../js/components/assets/AssetManager.vue     | 114 ++----
 .../assets/Browser/AssetBrowserMixin.js       |  33 ++
 .../js/components/assets/Browser/Browser.vue  | 371 +++++++++---------
 .../js/components/assets/Browser/Grid.vue     |  30 +-
 .../js/components/assets/Browser/Table.vue    |  32 +-
 resources/views/assets/browse.blade.php       |   6 +-
 7 files changed, 264 insertions(+), 330 deletions(-)
 create mode 100644 resources/js/components/assets/Browser/AssetBrowserMixin.js

diff --git a/resources/css/components/assets.css b/resources/css/components/assets.css
index 687d0d049c3..0f6e72e878b 100644
--- a/resources/css/components/assets.css
+++ b/resources/css/components/assets.css
@@ -112,7 +112,7 @@
 /* Asset Tile
    ========================================================================== */
 
-.asset-tile {
+/* .asset-tile {
     @apply relative flex min-w-0 cursor-pointer flex-col items-center justify-between rounded-sm border bg-white dark:border-dark-300 dark:bg-dark-600;
 
     .asset-thumb {
@@ -148,16 +148,16 @@
     .asset-controls {
         @apply absolute hidden;
     }
-}
+} */
 
-.asset-tile.selected {
+/* .asset-tile.selected {
     @apply border-blue dark:border-dark-blue-100;
     box-shadow: 0 0 0 1px var(--color-blue);
 }
 
 .asset-thumbnail {
     @apply border border-white dark:border-dark-950;
-}
+} */
 
 /* The Asset Editor
   ========================================================================== */
diff --git a/resources/js/components/assets/AssetManager.vue b/resources/js/components/assets/AssetManager.vue
index a59788873bc..bcd7d699157 100644
--- a/resources/js/components/assets/AssetManager.vue
+++ b/resources/js/components/assets/AssetManager.vue
@@ -1,72 +1,20 @@
 <template>
-    <div>
-        <Header :title="__(container.title)">
-            <dropdown-list v-if="container.can_edit || container.can_delete">
-                <dropdown-item v-if="container.can_edit" v-text="__('Edit Container')" :redirect="container.edit_url" />
-                <dropdown-item v-text="__('Edit Blueprint')" :redirect="container.blueprint_url" />
-                <dropdown-item v-if="container.can_delete" class="warning" @click="$refs.deleter.confirm()">
-                    {{ __('Delete Container') }}
-                    <resource-deleter
-                        ref="deleter"
-                        :resource-title="__(container.title)"
-                        :route="container.delete_url"
-                    />
-                </dropdown-item>
-            </dropdown-list>
-
-            <!-- @TODO: Move Create Container into the action dropdown -->
-            <!-- <Button
-                v-if="canCreateContainers"
-                :href="createContainerUrl"
-                :text="__('Create Container')"
-            /> -->
-
-            <!-- @TODO: Make this work -->
-            <Button
-                :text="__('Upload')"
-                icon="upload"
-                variant="primary"
-                @click="uploadAsset"
-            />
-
-            <!-- @TODO: Make this work -->
-            <Button
-                :text="__('Create Folder')"
-                icon="folder-add"
-                @click="createFolder"
-            />
-
-            <ui-toggle-group>
-                <ui-toggle-item icon="layout-grid" value="grid" />
-                <ui-toggle-item icon="layout-grid-compact" value="grid-compact" />
-                <ui-toggle-item icon="layout-list" value="list" />
-            </ui-toggle-group>
-        </Header>
-
-        <asset-browser
-            ref="browser"
-            :initial-container="container"
-            :initial-per-page="$config.get('paginationSize')"
-            :initial-editing-asset-id="initialEditingAssetId"
-            :selected-path="path"
-            :selected-assets="selectedAssets"
-            @navigated="navigate"
-            @selections-updated="updateSelections"
-            @asset-doubleclicked="editAsset"
-            @edit-asset="editAsset"
-        />
-    </div>
+    <asset-browser
+        ref="browser"
+        :initial-container="container"
+        :initial-per-page="$config.get('paginationSize')"
+        :initial-editing-asset-id="initialEditingAssetId"
+        :selected-path="path"
+        :selected-assets="selectedAssets"
+        @navigated="navigate"
+        @selections-updated="updateSelections"
+        @asset-doubleclicked="editAsset"
+        @edit-asset="editAsset"
+    />
 </template>
 
 <script>
-import { Header, Button } from '@statamic/ui';
-
 export default {
-    components: {
-        Header,
-        Button,
-    },
-
     props: {
         initialContainer: Object,
         initialPath: String,
@@ -104,6 +52,25 @@ export default {
             };
         },
 
+        editAsset(asset) {
+            event.preventDefault();
+            this.$refs.browser.edit(asset.id);
+        },
+
+        /**
+         * When a user has navigated to another folder or container
+         */
+        navigate(container, path) {
+            this.container = container;
+            this.path = path;
+            this.pushState();
+
+            // Clear out any selections. It would be confusing to navigate to a different
+            // folder and/or container, perform an action, and discover you performed
+            // it on an asset that was still selected, but no longer visible.
+            this.selectedAssets = [];
+        },
+
         /**
          * Push a new state onto the browser's history
          */
@@ -124,31 +91,12 @@ export default {
             );
         },
 
-        /**
-         * When a user has navigated to another folder or container
-         */
-        navigate(container, path) {
-            this.container = container;
-            this.path = path;
-            this.pushState();
-
-            // Clear out any selections. It would be confusing to navigate to a different
-            // folder and/or container, perform an action, and discover you performed
-            // it on an asset that was still selected, but no longer visible.
-            this.selectedAssets = [];
-        },
-
         /**
          * When selections are changed, we need them reflected here.
          */
         updateSelections(selections) {
             this.selectedAssets = selections;
         },
-
-        editAsset(asset) {
-            event.preventDefault();
-            this.$refs.browser.edit(asset.id);
-        },
     },
 };
 </script>
diff --git a/resources/js/components/assets/Browser/AssetBrowserMixin.js b/resources/js/components/assets/Browser/AssetBrowserMixin.js
new file mode 100644
index 00000000000..6eb7ab8af02
--- /dev/null
+++ b/resources/js/components/assets/Browser/AssetBrowserMixin.js
@@ -0,0 +1,33 @@
+export default {
+    props: {
+        containerIsEmpty: Boolean,
+        folder: Object,
+        folders: Array,
+        restrictFolderNavigation: Boolean,
+        folderActionUrl: String,
+        actionUrl: String,
+        canEdit: Boolean,
+    },
+
+    methods: {
+        selectFolder(path) {
+            this.$emit('select-folder', path);
+        },
+
+        folderActions(folder) {
+            return folder.actions || this.folder.actions || [];
+        },
+
+        edit(id) {
+            this.$emit('edit', id);
+        },
+
+        actionStarted() {
+            this.$emit('action-started');
+        },
+
+        actionCompleted() {
+            this.$emit('action-completed');
+        },
+    },
+};
diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index c81f48a98bc..d8513882c8a 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -1,5 +1,30 @@
 <template>
     <div class="min-h-screen" ref="browser" @keydown.shift="shiftDown" @keyup="clearShift">
+        <Header :title="__(container.title)">
+            <dropdown-list v-if="container.can_edit || container.can_delete || container.can_create">
+                <dropdown-item v-if="canCreateContainers" v-text="__('Create Container')" :redirect="createContainerUrl" />
+                <dropdown-item v-if="container.can_edit" v-text="__('Edit Container')" :redirect="container.edit_url" />
+                <dropdown-item v-text="__('Edit Blueprint')" :redirect="container.blueprint_url" />
+                <dropdown-item v-if="container.can_delete" class="warning" @click="$refs.deleter.confirm()">
+                    {{ __('Delete Container') }}
+                    <resource-deleter
+                        ref="deleter"
+                        :resource-title="__(container.title)"
+                        :route="container.delete_url"
+                    />
+                </dropdown-item>
+            </dropdown-list>
+
+            <Button v-if="canUpload" :text="__('Upload')" icon="upload" @click="openFileBrowser" />
+            <Button v-if="canCreateFolders" :text="__('Create Folder')" icon="folder-add" @click="createFolder" />
+
+            <ui-toggle-group v-model="mode">
+                <ui-toggle-item icon="layout-grid" value="grid" />
+                <ui-toggle-item icon="layout-grid-compact" value="grid-compact" />
+                <ui-toggle-item icon="layout-list" value="table" />
+            </ui-toggle-group>
+        </Header>
+
         <div v-if="initializing" class="loading">
             <loading-graphic />
         </div>
@@ -37,44 +62,11 @@
                         <div class="space-y-4">
                             <div class="flex items-center gap-3">
                                 <data-list-search ref="search" v-model="searchQuery" />
+                                <!-- Placeholder 👇 -->
+                                <Button icon="filter" text="Filter" />
                                 <!-- <data-list-filters /> -->
                             </div>
 
-
-                                <!-- <button
-                                    v-if="canCreateFolders"
-                                    class="btn btn-sm ltr:ml-3 rtl:mr-3"
-                                    @click="creatingFolder = true"
-                                >
-                                    <svg-icon name="folder-add" class="h-4 w-4 ltr:mr-2 rtl:ml-2" />
-                                    <span>{{ __('Create Folder') }}</span>
-                                </button> -->
-
-                                <!-- <button
-                                    v-if="canUpload"
-                                    class="btn btn-sm ltr:ml-3 rtl:mr-3"
-                                    @click="openFileBrowser"
-                                >
-                                    <svg-icon name="upload" class="h-4 w-4 text-current ltr:mr-2 rtl:ml-2" />
-                                    <span>{{ __('Upload') }}</span>
-                                </button> -->
-
-                                <!-- <div class="btn-group ltr:ml-3 rtl:mr-3">
-                                    <button
-                                        class="btn btn-sm"
-                                        @click="setMode('grid')"
-                                        :class="{ active: mode === 'grid' }"
-                                    >
-                                        <svg-icon name="assets-mode-grid" class="h-4 w-4" />
-                                    </button>
-                                    <button
-                                        class="btn btn-sm"
-                                        @click="setMode('table')"
-                                        :class="{ active: mode === 'table' }"
-                                    >
-                                        <svg-icon name="assets-mode-table" class="h-4 w-4" />
-                                    </button>
-                                </div> -->
                             <!-- <breadcrumbs v-if="!restrictFolderNavigation" :path="path" @navigated="selectFolder" /> -->
 
                             <uploads
@@ -87,42 +79,22 @@
 
                             <Table
                                 v-if="mode === 'table'"
-                                :mode="mode"
-                                :container-is-empty="containerIsEmpty"
-                                :loading="loading"
-                                :folder="folder"
-                                :folders="folders"
+                                v-bind="sharedAssetProps"
+                                v-on="sharedAssetEvents"
                                 :columns="columns"
-                                :restrict-folder-navigation="restrictFolderNavigation"
-                                :folder-action-url="folderActionUrl"
-                                :action-url="actionUrl"
-                                :can-edit="canEdit"
-                                @select-folder="selectFolder"
-                                @edit="edit"
+                                :loading="loading"
+                                :mode="mode"
                                 @sorted="sorted"
-                                @action-started="actionStarted"
-                                @action-completed="actionCompleted"
-                                @edit-asset="$emit('edit-asset', $event)"
                             />
 
                             <!-- Grid Mode -->
                             <Grid
                                 v-if="mode === 'grid'"
-                                :container-is-empty="containerIsEmpty"
-                                :folder="folder"
-                                :folders="folders"
+                                v-bind="sharedAssetProps"
+                                v-on="sharedAssetEvents"
                                 :assets="assets"
-                                :restrict-folder-navigation="restrictFolderNavigation"
-                                :folder-action-url="folderActionUrl"
-                                :action-url="actionUrl"
-                                :can-edit="canEdit"
                                 :selected-assets="selectedAssets"
-                                @select-folder="selectFolder"
                                 @toggle-selection="toggleSelection"
-                                @edit="edit"
-                                @action-started="actionStarted"
-                                @action-completed="actionCompleted"
-                                @edit-asset="$emit('edit-asset', $event)"
                             />
 
                             <div
@@ -183,6 +155,7 @@ import Uploader from '../Uploader.vue';
 import Uploads from '../Uploads.vue';
 import HasActions from '../../data-list/HasActions';
 import { keyBy, sortBy } from 'lodash-es';
+import { Header, Button } from '@statamic/ui';
 
 export default {
     mixins: [HasActions, HasPagination, HasPreferences],
@@ -196,6 +169,8 @@ export default {
         CreateFolder,
         Grid,
         Table,
+        Header,
+        Button,
     },
 
     props: {
@@ -253,16 +228,17 @@ export default {
     },
 
     computed: {
-        selectedContainer() {
-            return typeof this.initialContainer === 'object' ? this.initialContainer.id : this.initialContainer;
-        },
-
         actionContext() {
             return { container: this.selectedContainer };
         },
 
-        showAssetEditor() {
-            return Boolean(this.editedAssetId);
+        canCreateFolders() {
+            return (
+                this.folder &&
+                this.container.create_folders &&
+                !this.restrictFolderNavigation &&
+                (this.can('upload ' + this.container.id + ' assets') || this.can('configure asset containers'))
+            );
         },
 
         canEdit() {
@@ -277,13 +253,26 @@ export default {
             );
         },
 
-        canCreateFolders() {
-            return (
-                this.folder &&
-                this.container.create_folders &&
-                !this.restrictFolderNavigation &&
-                (this.can('upload ' + this.container.id + ' assets') || this.can('configure asset containers'))
-            );
+        containerIsEmpty() {
+            return this.assets.length === 0 && this.folders.length === 0 && (!this.folder || !this.folder.parent_path);
+        },
+
+        editedAssetBasename() {
+            let asset = this.assets.find((asset) => asset.id == this.editedAssetId);
+
+            return asset ? asset.basename : null;
+        },
+
+        hasMaxFiles() {
+            return this.maxFiles !== undefined && this.maxFiles !== Infinity;
+        },
+
+        hasSelections() {
+            return this.selectedAssets.length > 0;
+        },
+
+        modeClass() {
+            return 'mode-' + this.mode;
         },
 
         parameters() {
@@ -297,30 +286,38 @@ export default {
             };
         },
 
-        hasMaxFiles() {
-            return this.maxFiles !== undefined && this.maxFiles !== Infinity;
-        },
-
         reachedSelectionLimit() {
             return this.selectedAssets.length >= this.maxFiles;
         },
 
-        hasSelections() {
-            return this.selectedAssets.length > 0;
+        selectedContainer() {
+            return typeof this.initialContainer === 'object' ? this.initialContainer.id : this.initialContainer;
         },
 
-        containerIsEmpty() {
-            return this.assets.length === 0 && this.folders.length === 0 && (!this.folder || !this.folder.parent_path);
+        showAssetEditor() {
+            return Boolean(this.editedAssetId);
         },
 
-        editedAssetBasename() {
-            let asset = this.assets.find((asset) => asset.id == this.editedAssetId);
-
-            return asset ? asset.basename : null;
+        sharedAssetProps() {
+            return {
+                actionUrl: this.actionUrl,
+                canEdit: this.canEdit,
+                containerIsEmpty: this.containerIsEmpty,
+                folder: this.folder,
+                folderActionUrl: this.folderActionUrl,
+                folders: this.folders,
+                restrictFolderNavigation: this.restrictFolderNavigation,
+            };
         },
 
-        modeClass() {
-            return 'mode-' + this.mode;
+        sharedAssetEvents() {
+            return {
+                'action-completed': this.actionCompleted,
+                'action-started': this.actionStarted,
+                'edit': this.edit,
+                'edit-asset': (event) => this.$emit('edit-asset', event),
+                'select-folder': this.selectFolder,
+            };
         },
     },
 
@@ -339,10 +336,6 @@ export default {
     },
 
     watch: {
-        initialContainer() {
-            this.container = this.initialContainer;
-        },
-
         container(container) {
             this.initializing = true;
             this.preferencesPrefix = `assets.${container.id}`;
@@ -351,20 +344,16 @@ export default {
             this.loadAssets();
         },
 
-        path() {
-            this.loadAssets();
-        },
+        editedAssetId(editedAssetId) {
+            let path = editedAssetId
+                ? [this.path, this.editedAssetBasename].filter((value) => value != '/').join('/') + '/edit'
+                : this.path;
 
-        selectedPath(selectedPath) {
-            // The selected path might change from outside due to a popstate navigation
-            if (!selectedPath.endsWith('/edit')) {
-                this.path = selectedPath;
-            }
+            this.$emit('navigated', this.container, path);
         },
 
-        parameters(after, before) {
-            if (this.initializing || JSON.stringify(before) === JSON.stringify(after)) return;
-            this.loadAssets();
+        initialContainer() {
+            this.container = this.initialContainer;
         },
 
         initializing(isInitializing, wasInitializing) {
@@ -377,17 +366,25 @@ export default {
             this.$progress.loading('asset-browser', loading);
         },
 
-        editedAssetId(editedAssetId) {
-            let path = editedAssetId
-                ? [this.path, this.editedAssetBasename].filter((value) => value != '/').join('/') + '/edit'
-                : this.path;
+        parameters(after, before) {
+            if (this.initializing || JSON.stringify(before) === JSON.stringify(after)) return;
+            this.loadAssets();
+        },
 
-            this.$emit('navigated', this.container, path);
+        path() {
+            this.loadAssets();
         },
 
         searchQuery() {
             this.page = 1;
         },
+
+        selectedPath(selectedPath) {
+            // The selected path might change from outside due to a popstate navigation
+            if (!selectedPath.endsWith('/edit')) {
+                this.path = selectedPath;
+            }
+        },
     },
 
     methods: {
@@ -395,11 +392,52 @@ export default {
             this.loadAssets();
         },
 
-        loadContainers() {
-            this.$axios.get(cp_url('asset-containers')).then((response) => {
-                this.containers = keyBy(response.data, 'id');
-                this.container = this.containers[this.selectedContainer];
-            });
+        assetDeleted() {
+            this.closeAssetEditor();
+            this.loadAssets();
+        },
+
+        assetSaved() {
+            this.closeAssetEditor();
+            this.loadAssets();
+        },
+
+        clearShift() {
+            this.shifting = false;
+        },
+
+        closeAssetEditor() {
+            this.editedAssetId = null;
+        },
+
+        createFolder() {
+            this.creatingFolder = true;
+        },
+
+        edit(id) {
+            this.editedAssetId = id;
+        },
+
+        existingUploadSelected(upload) {
+            const path = `${this.folder.path}/${upload.basename}`.replace(/^\/+/, '');
+            const id = `${this.container.id}::${path}`;
+
+            this.selectedAssets.push(id);
+            this.$emit('selections-updated', this.selectedAssets);
+        },
+
+        folderActions(folder) {
+            return folder.actions || this.folder.actions || [];
+        },
+
+        folderCreated(folder) {
+            this.folders.push(folder);
+            this.folders = sortBy(this.folders, 'title');
+            this.creatingFolder = false;
+        },
+
+        isSelected(id) {
+            return this.selectedAssets.includes(id);
         },
 
         loadAssets() {
@@ -440,6 +478,17 @@ export default {
                 });
         },
 
+        loadContainers() {
+            this.$axios.get(cp_url('asset-containers')).then((response) => {
+                this.containers = keyBy(response.data, 'id');
+                this.container = this.containers[this.selectedContainer];
+            });
+        },
+
+        openFileBrowser() {
+            this.$refs.uploader.browse();
+        },
+
         selectFolder(path) {
             // Trigger re-loading of assets in the selected folder.
             this.path = path;
@@ -448,67 +497,23 @@ export default {
             this.$emit('navigated', this.container, this.path);
         },
 
-        setMode(mode) {
-            this.mode = mode;
-            this.setPreference('mode', mode == 'table' ? null : mode);
-        },
-
-        edit(id) {
-            this.editedAssetId = id;
-        },
-
-        closeAssetEditor() {
-            this.editedAssetId = null;
-        },
-
-        assetSaved() {
-            this.closeAssetEditor();
-            this.loadAssets();
-        },
-
-        assetDeleted() {
-            this.closeAssetEditor();
-            this.loadAssets();
-        },
-
-        uploadsUpdated(uploads) {
-            this.uploads = uploads;
-        },
-
-        uploadCompleted(asset) {
-            if (this.autoselectUploads) {
-                this.sortColumn = 'last_modified';
-                this.sortDirection = 'desc';
-
-                this.selectedAssets.push(asset.id);
+        selectRange(from, to) {
+            for (var i = from; i <= to; i++) {
+                let asset = this.assets[i].id;
+                if (!this.selectedAssets.includes(asset) && !this.reachedSelectionLimit) {
+                    this.selectedAssets.push(asset);
+                }
                 this.$emit('selections-updated', this.selectedAssets);
             }
-
-            this.loadAssets();
-            this.$toast.success(__(':file uploaded', { file: asset.basename }));
-        },
-
-        uploadError(upload, uploads) {
-            this.uploads = uploads;
-            this.$toast.error(upload.errorMessage);
         },
 
-        existingUploadSelected(upload) {
-            const path = `${this.folder.path}/${upload.basename}`.replace(/^\/+/, '');
-            const id = `${this.container.id}::${path}`;
-
-            this.selectedAssets.push(id);
-            this.$emit('selections-updated', this.selectedAssets);
-        },
-
-        openFileBrowser() {
-            this.$refs.uploader.browse();
+        setMode(mode) {
+            this.mode = mode;
+            this.setPreference('mode', mode == 'table' ? null : mode);
         },
 
-        folderCreated(folder) {
-            this.folders.push(folder);
-            this.folders = sortBy(this.folders, 'title');
-            this.creatingFolder = false;
+        shiftDown() {
+            this.shifting = true;
         },
 
         sorted(column, direction) {
@@ -516,10 +521,6 @@ export default {
             this.sortDirection = direction;
         },
 
-        isSelected(id) {
-            return this.selectedAssets.includes(id);
-        },
-
         toggleSelection(id, index, $event) {
             const i = this.selectedAssets.indexOf(id);
             this.$refs.browser.focus();
@@ -539,26 +540,26 @@ export default {
             this.lastItemClicked = index;
         },
 
-        folderActions(folder) {
-            return folder.actions || this.folder.actions || [];
-        },
+        uploadCompleted(asset) {
+            if (this.autoselectUploads) {
+                this.sortColumn = 'last_modified';
+                this.sortDirection = 'desc';
 
-        selectRange(from, to) {
-            for (var i = from; i <= to; i++) {
-                let asset = this.assets[i].id;
-                if (!this.selectedAssets.includes(asset) && !this.reachedSelectionLimit) {
-                    this.selectedAssets.push(asset);
-                }
+                this.selectedAssets.push(asset.id);
                 this.$emit('selections-updated', this.selectedAssets);
             }
+
+            this.loadAssets();
+            this.$toast.success(__(':file uploaded', { file: asset.basename }));
         },
 
-        shiftDown() {
-            this.shifting = true;
+        uploadError(upload, uploads) {
+            this.uploads = uploads;
+            this.$toast.error(upload.errorMessage);
         },
 
-        clearShift() {
-            this.shifting = false;
+        uploadsUpdated(uploads) {
+            this.uploads = uploads;
         },
     },
 };
diff --git a/resources/js/components/assets/Browser/Grid.vue b/resources/js/components/assets/Browser/Grid.vue
index 5598188ea1b..9bae02b4a2b 100644
--- a/resources/js/components/assets/Browser/Grid.vue
+++ b/resources/js/components/assets/Browser/Grid.vue
@@ -108,16 +108,13 @@
 </template>
 
 <script>
+import AssetBrowserMixin from './AssetBrowserMixin';
+
 export default {
+    mixins: [AssetBrowserMixin],
+
     props: {
-        containerIsEmpty: Boolean,
-        folder: Object,
-        folders: Array,
         assets: Array,
-        restrictFolderNavigation: Boolean,
-        folderActionUrl: String,
-        actionUrl: String,
-        canEdit: Boolean,
         selectedAssets: Array,
     },
 
@@ -128,13 +125,6 @@ export default {
     },
 
     methods: {
-        selectFolder(path) {
-            this.$emit('select-folder', path);
-        },
-
-        folderActions(folder) {
-            return folder.actions || this.folder.actions || [];
-        },
 
         isSelected(id) {
             return this.selectedAssets.includes(id);
@@ -143,18 +133,6 @@ export default {
         toggleSelection(id, index, $event) {
             this.$emit('toggle-selection', { id, index, event: $event });
         },
-
-        edit(id) {
-            this.$emit('edit', id);
-        },
-
-        actionStarted() {
-            this.$emit('action-started');
-        },
-
-        actionCompleted() {
-            this.$emit('action-completed');
-        },
     },
 };
 </script>
diff --git a/resources/js/components/assets/Browser/Table.vue b/resources/js/components/assets/Browser/Table.vue
index a6301bfcb5c..65c67abbf01 100644
--- a/resources/js/components/assets/Browser/Table.vue
+++ b/resources/js/components/assets/Browser/Table.vue
@@ -1,7 +1,6 @@
 <template>
     <div class="overflow-x-auto overflow-y-hidden">
         <data-list-table
-            v-if="mode === 'table' && !containerIsEmpty"
             :allow-bulk-actions="true"
             :loading="loading"
             :toggle-selection-on-row-click="true"
@@ -96,49 +95,24 @@
 
 <script>
 import AssetThumbnail from './Thumbnail.vue';
+import AssetBrowserMixin from './AssetBrowserMixin';
 
 export default {
     components: {
         AssetThumbnail,
     },
 
+    mixins: [AssetBrowserMixin],
+
     props: {
-        mode: String,
-        containerIsEmpty: Boolean,
         loading: Boolean,
-        folder: Object,
-        folders: Array,
         columns: Array,
-        restrictFolderNavigation: Boolean,
-        folderActionUrl: String,
-        actionUrl: String,
-        canEdit: Boolean,
     },
 
     methods: {
-        selectFolder(path) {
-            this.$emit('select-folder', path);
-        },
-
-        folderActions(folder) {
-            return folder.actions || this.folder.actions || [];
-        },
-
-        edit(id) {
-            this.$emit('edit', id);
-        },
-
         sorted(column, direction) {
             this.$emit('sorted', column, direction);
         },
-
-        actionStarted() {
-            this.$emit('action-started');
-        },
-
-        actionCompleted() {
-            this.$emit('action-completed');
-        },
     },
 };
 </script>
diff --git a/resources/views/assets/browse.blade.php b/resources/views/assets/browse.blade.php
index 05251705028..8c2d203c693 100644
--- a/resources/views/assets/browse.blade.php
+++ b/resources/views/assets/browse.blade.php
@@ -8,11 +8,11 @@
 
 @section('content')
     <asset-manager
-        :initial-container="{{ json_encode($container) }}"
-        initial-path="{{ $folder }}"
-        initial-editing-asset-id="{{ $editing ?? null }}"
+        :container="{{ json_encode($container) }}"
         :can-create-containers="{{ Statamic\Support\Str::bool($user->can('create', \Statamic\Contracts\Assets\AssetContainer::class)) }}"
         create-container-url="{{ cp_route('asset-containers.create') }}"
+        initial-path="{{ $folder }}"
+        initial-editing-asset-id="{{ $editing ?? null }}"
     ></asset-manager>
 
     <x-statamic::docs-callout

From 3b7fcff960be81dfbeca2d4cec8ef02e0ee408a3 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Wed, 7 May 2025 20:49:23 -0400
Subject: [PATCH 164/186] wippidy wippidy wip

---
 resources/css/components/assets.css             | 17 ++++++++---------
 .../js/components/assets/Browser/Browser.vue    |  2 +-
 resources/js/components/assets/Browser/Grid.vue |  6 +++---
 3 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/resources/css/components/assets.css b/resources/css/components/assets.css
index 0f6e72e878b..efc7d74f9b1 100644
--- a/resources/css/components/assets.css
+++ b/resources/css/components/assets.css
@@ -104,16 +104,16 @@
 /* Grid Listing
   ========================================================================== */
 
-/* .asset-grid-listing {
-    @apply relative grid gap-4 bg-white p-4 dark:bg-dark-800;
-    grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
-} */
+.asset-grid-listing {
+    @apply relative grid gap-10;
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+}
 
 /* Asset Tile
    ========================================================================== */
 
-/* .asset-tile {
-    @apply relative flex min-w-0 cursor-pointer flex-col items-center justify-between rounded-sm border bg-white dark:border-dark-300 dark:bg-dark-600;
+.asset-tile {
+    @apply relative flex min-w-0 cursor-pointer flex-col items-center justify-between rounded-lg border bg-white dark:border-dark-300 dark:bg-dark-600;
 
     .asset-thumb {
         @apply flex h-full w-full items-center justify-center rounded-sm;
@@ -125,8 +125,7 @@
     }
 
     .asset-thumb-container {
-        @apply relative flex w-full flex-1 items-center justify-center;
-        aspect-ratio: 1 / 1;
+        @apply relative flex w-full flex-1 items-center justify-center aspect-square;
     }
 
     .asset-thumb-container:hover .asset-controls {
@@ -148,7 +147,7 @@
     .asset-controls {
         @apply absolute hidden;
     }
-} */
+}
 
 /* .asset-tile.selected {
     @apply border-blue dark:border-dark-blue-100;
diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index d8513882c8a..2019ed08f69 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -20,7 +20,7 @@
 
             <ui-toggle-group v-model="mode">
                 <ui-toggle-item icon="layout-grid" value="grid" />
-                <ui-toggle-item icon="layout-grid-compact" value="grid-compact" />
+                <!-- <ui-toggle-item icon="layout-grid-compact" value="grid-compact" /> -->
                 <ui-toggle-item icon="layout-list" value="table" />
             </ui-toggle-group>
         </Header>
diff --git a/resources/js/components/assets/Browser/Grid.vue b/resources/js/components/assets/Browser/Grid.vue
index 9bae02b4a2b..316303f56bd 100644
--- a/resources/js/components/assets/Browser/Grid.vue
+++ b/resources/js/components/assets/Browser/Grid.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-if="!containerIsEmpty">
+    <div v-if="!containerIsEmpty" class="space-y-10">
         <!-- Folders -->
         <section class="flex flex-wrap gap-8">
             <!-- Parent Folder -->
@@ -45,7 +45,7 @@
         </section>
 
         <!-- Assets -->
-        <section class="flex flex-wrap gap-2">
+        <section class="asset-grid-listing">
             <button
                 class="asset-tile group relative outline-hidden"
                 v-for="(asset, index) in assets"
@@ -84,7 +84,7 @@
                     </div>
                 </div>
                 <dropdown-list
-                    class="absolute top-1 opacity-0 group-hover:opacity-100 ltr:right-2 rtl:left-2"
+                    class="absolute top-1 opacity-0 group-hover:opacity-100 end-2"
                     :class="{ 'opacity-100': actionOpened === asset.id }"
                     @opened="actionOpened = asset.id"
                     @closed="actionOpened = null"

From 8a5d03ab0c19269eb084f048f013f8fdf3d8dcf9 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Thu, 8 May 2025 11:13:23 -0400
Subject: [PATCH 165/186] wip

---
 resources/css/components/assets.css           |  21 ++--
 resources/css/core/utilities.css              |  24 ++--
 .../js/components/assets/AssetManager.vue     |   2 +
 .../js/components/assets/Browser/Browser.vue  |  38 +++----
 .../js/components/assets/Browser/Grid.vue     | 107 +++++++++---------
 resources/views/assets/browse.blade.php       |   2 +-
 src/Http/Resources/CP/Assets/FolderAsset.php  |   1 +
 7 files changed, 87 insertions(+), 108 deletions(-)

diff --git a/resources/css/components/assets.css b/resources/css/components/assets.css
index efc7d74f9b1..b0233dd6cdd 100644
--- a/resources/css/components/assets.css
+++ b/resources/css/components/assets.css
@@ -109,14 +109,19 @@
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
 }
 
+.asset-grid-listing.compact {
+    @apply relative grid gap-6;
+    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+}
+
 /* Asset Tile
    ========================================================================== */
 
 .asset-tile {
-    @apply relative flex min-w-0 cursor-pointer flex-col items-center justify-between rounded-lg border bg-white dark:border-dark-300 dark:bg-dark-600;
+    @apply relative flex min-w-0 cursor-pointer flex-col items-center justify-between rounded-lg outline outline-gray-300 dark:outline-gray-700;
 
     .asset-thumb {
-        @apply flex h-full w-full items-center justify-center rounded-sm;
+        @apply flex items-center justify-center size-full;
         > img,
         > svg,
         > .svg-img {
@@ -124,26 +129,14 @@
         }
     }
 
-    .asset-thumb-container {
-        @apply relative flex w-full flex-1 items-center justify-center aspect-square;
-    }
-
     .asset-thumb-container:hover .asset-controls {
         @apply block;
     }
 
-    .asset-meta {
-        @apply w-full border-t text-2xs text-gray-700 dark:border-dark-200 dark:text-dark-100;
-    }
-
     .asset-meta-btn {
         @apply px-2 py-1 text-blue hover:bg-gray-200 dark:border-dark-300 dark:hover:bg-dark-800 ltr:border-l rtl:border-r;
     }
 
-    .asset-filename {
-        @apply truncate;
-    }
-
     .asset-controls {
         @apply absolute hidden;
     }
diff --git a/resources/css/core/utilities.css b/resources/css/core/utilities.css
index f9549ac7ace..101849efa2f 100644
--- a/resources/css/core/utilities.css
+++ b/resources/css/core/utilities.css
@@ -89,22 +89,18 @@
 
 @utility bg-checkerboard {
     background-color: #fff;
-    background-image: linear-gradient(45deg, #edf2f6 25%, transparent 25%),
-        linear-gradient(-45deg, #edf2f6 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #edf2f6 75%),
-        linear-gradient(-45deg, transparent 75%, #edf2f6 75%);
-    background-size: 16px 16px;
-    background-position:
-        0 0,
-        0 8px,
-        8px -8px,
-        -8px 0;
+    background-image: linear-gradient(45deg, var(--color-gray-100) 25%, transparent 25%),
+        linear-gradient(-45deg, var(--color-gray-100) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-gray-100) 75%),
+        linear-gradient(-45deg, transparent 75%, var(--color-gray-100) 75%);
+    background-size: 24px 24px;
+    background-position: 0 0, 0 12px, 12px -12px, -12px 0;
 
     .dark & {
-        background-color: var(--color-dark-600);
-        background-image: linear-gradient(45deg, var(--color-dark-950) 25%, transparent 25%),
-            linear-gradient(-45deg, var(--color-dark-950) 25%, transparent 25%),
-            linear-gradient(45deg, transparent 75%, var(--color-dark-950) 75%),
-            linear-gradient(-45deg, transparent 75%, var(--color-dark-950) 75%);
+        background-color: var(--color-gray-850);
+        background-image: linear-gradient(45deg, var(--color-gray-800) 25%, transparent 25%),
+            linear-gradient(-45deg, var(--color-gray-800) 25%, transparent 25%),
+            linear-gradient(45deg, transparent 75%, var(--color-gray-800) 75%),
+            linear-gradient(-45deg, transparent 75%, var(--color-gray-800) 75%);
     }
 }
 
diff --git a/resources/js/components/assets/AssetManager.vue b/resources/js/components/assets/AssetManager.vue
index bcd7d699157..24d2ecba9e2 100644
--- a/resources/js/components/assets/AssetManager.vue
+++ b/resources/js/components/assets/AssetManager.vue
@@ -1,6 +1,8 @@
 <template>
     <asset-browser
         ref="browser"
+        :can-create-containers="canCreateContainers"
+        :create-container-url="createContainerUrl"
         :initial-container="container"
         :initial-per-page="$config.get('paginationSize')"
         :initial-editing-asset-id="initialEditingAssetId"
diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index 2019ed08f69..60d7521fd80 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -20,7 +20,7 @@
 
             <ui-toggle-group v-model="mode">
                 <ui-toggle-item icon="layout-grid" value="grid" />
-                <!-- <ui-toggle-item icon="layout-grid-compact" value="grid-compact" /> -->
+                <ui-toggle-item icon="layout-grid-compact" value="grid-compact" />
                 <ui-toggle-item icon="layout-list" value="table" />
             </ui-toggle-group>
         </Header>
@@ -89,9 +89,10 @@
 
                             <!-- Grid Mode -->
                             <Grid
-                                v-if="mode === 'grid'"
+                                v-if="mode === 'grid' || mode === 'grid-compact'"
                                 v-bind="sharedAssetProps"
                                 v-on="sharedAssetEvents"
+                                :variant="mode === 'grid-compact' ? 'compact' : 'default'"
                                 :assets="assets"
                                 :selected-assets="selectedAssets"
                                 @toggle-selection="toggleSelection"
@@ -160,32 +161,21 @@ import { Header, Button } from '@statamic/ui';
 export default {
     mixins: [HasActions, HasPagination, HasPreferences],
 
-    components: {
-        AssetThumbnail,
-        AssetEditor,
-        Breadcrumbs,
-        Uploader,
-        Uploads,
-        CreateFolder,
-        Grid,
-        Table,
-        Header,
-        Button,
-    },
+    components: { AssetThumbnail, AssetEditor, Breadcrumbs, Uploader, Uploads, CreateFolder, Grid, Table, Header, Button },
 
     props: {
-        // The container to display, determined by a parent component.
-        // Either the ID, or the whole container object.
-        initialContainer: {},
-        selectedPath: String, // The path to display, determined by a parent component.
-        restrictFolderNavigation: Boolean, // Whether to restrict to a single folder and prevent navigation.
-        selectedAssets: Array,
+        allowSelectingExistingUpload: Boolean,
+        autofocusSearch: Boolean,
+        autoselectUploads: Boolean,
+        canCreateContainers: Boolean,
+        createContainerUrl: String,
+        initialContainer: Object,
+        initialEditingAssetId: String,
         maxFiles: Number,
         queryScopes: Array,
-        initialEditingAssetId: String,
-        autoselectUploads: Boolean,
-        autofocusSearch: Boolean,
-        allowSelectingExistingUpload: Boolean,
+        restrictFolderNavigation: Boolean, // Whether to restrict to a single folder and prevent navigation.
+        selectedAssets: Array,
+        selectedPath: String, // The path to display, determined by a parent component.
     },
 
     data() {
diff --git a/resources/js/components/assets/Browser/Grid.vue b/resources/js/components/assets/Browser/Grid.vue
index 316303f56bd..da1f0268026 100644
--- a/resources/js/components/assets/Browser/Grid.vue
+++ b/resources/js/components/assets/Browser/Grid.vue
@@ -5,7 +5,7 @@
             <!-- Parent Folder -->
             <div v-if="folder && folder.parent_path && !restrictFolderNavigation">
                 <button @click="selectFolder(folder.parent_path)" class="w-[80px] h-[66px]">
-                    <ui-icon name="asset-folder" class="h-full w-full text-blue-400" />
+                    <ui-icon name="asset-folder" class="size-full text-blue-400" />
                     <div
                         class="font-mono text-xs text-gray-500 text-start overflow-hidden text-ellipsis w-24 whitespace-nowrap"
                     >../</div>
@@ -19,7 +19,7 @@
                 v-if="!restrictFolderNavigation"
             >
                 <button @click="selectFolder(folder.path)" class="w-[80px] h-[66px]">
-                    <ui-icon name="asset-folder" class="h-full w-full text-blue-400" />
+                    <ui-icon name="asset-folder" class="size-full text-blue-400" />
                     <div
                         class="font-mono text-xs text-gray-500 text-start overflow-hidden text-ellipsis w-24 whitespace-nowrap"
                         v-text="folder.basename"
@@ -45,64 +45,60 @@
         </section>
 
         <!-- Assets -->
-        <section class="asset-grid-listing">
-            <button
-                class="asset-tile group relative outline-hidden"
+        <section class="asset-grid-listing" :class="{ compact: variant === 'compact' }">
+            <div
                 v-for="(asset, index) in assets"
                 :key="asset.id"
+                class="group relative"
                 :class="{ selected: isSelected(asset.id) }"
             >
-                <div
-                    class="w-full"
-                    @click.stop="toggleSelection(asset.id, index, $event)"
-                    @dblclick.stop="$emit('edit-asset', asset)"
-                >
-                    <div class="asset-thumb-container">
-                        <div
-                            class="asset-thumb"
-                            :class="{ 'bg-checkerboard': asset.can_be_transparent }"
-                        >
-                            <img
-                                v-if="asset.is_image"
-                                :src="asset.thumbnail"
-                                loading="lazy"
-                                :class="{ 'h-full w-full p-4': asset.extension === 'svg' }"
-                            />
-                            <file-icon
-                                v-else
-                                :extension="asset.extension"
-                                class="h-full w-full p-4"
-                            />
+                <div class="asset-tile group relative" :class="{ 'bg-checkerboard': asset.can_be_transparent }">
+                    <button
+                        class="size-full"
+                        @click.stop="toggleSelection(asset.id, index, $event)"
+                        @dblclick.stop="$emit('edit-asset', asset)"
+                    >
+                        <div class="relative flex items-center justify-center aspect-square size-full">
+                            <div class="asset-thumb">
+                                <img
+                                    v-if="asset.is_image"
+                                    :src="asset.thumbnail"
+                                    loading="lazy"
+                                    :class="{
+                                        'size-full p-4': asset.extension === 'svg',
+                                        'p-1 rounded-lg': asset.orientation === 'square'
+                                    }"
+                                />
+                                <file-icon v-else :extension="asset.extension" class="size-full p-4" />
+                            </div>
                         </div>
-                    </div>
-                    <div class="asset-meta">
-                        <div
-                            class="asset-filename px-2 py-1 text-center"
-                            v-text="asset.basename"
-                            :title="asset.basename"
+                    </button>
+                    <dropdown-list
+                        class="absolute top-1 opacity-0 group-hover:opacity-100 end-2"
+                        :class="{ 'opacity-100': actionOpened === asset.id }"
+                        @opened="actionOpened = asset.id"
+                        @closed="actionOpened = null"
+                    >
+                        <dropdown-item
+                            :text="__(canEdit ? 'Edit' : 'View')"
+                            @click="edit(asset.id)"
+                        />
+                        <div class="divider" v-if="asset.actions.length" />
+                        <data-list-inline-actions
+                            :item="asset.id"
+                            :url="actionUrl"
+                            :actions="asset.actions"
+                            @started="actionStarted"
+                            @completed="actionCompleted"
                         />
-                    </div>
+                    </dropdown-list>
                 </div>
-                <dropdown-list
-                    class="absolute top-1 opacity-0 group-hover:opacity-100 end-2"
-                    :class="{ 'opacity-100': actionOpened === asset.id }"
-                    @opened="actionOpened = asset.id"
-                    @closed="actionOpened = null"
-                >
-                    <dropdown-item
-                        :text="__(canEdit ? 'Edit' : 'View')"
-                        @click="edit(asset.id)"
-                    />
-                    <div class="divider" v-if="asset.actions.length" />
-                    <data-list-inline-actions
-                        :item="asset.id"
-                        :url="actionUrl"
-                        :actions="asset.actions"
-                        @started="actionStarted"
-                        @completed="actionCompleted"
-                    />
-                </dropdown-list>
-            </button>
+                <div
+                    class="font-mono text-xs text-gray-500 mt-2 overflow-hidden text-ellipsis whitespace-nowrap text-center"
+                    v-text="asset.basename"
+                    :title="asset.basename"
+                />
+            </div>
         </section>
     </div>
 </template>
@@ -114,8 +110,9 @@ export default {
     mixins: [AssetBrowserMixin],
 
     props: {
-        assets: Array,
-        selectedAssets: Array,
+        assets: { type: Array },
+        selectedAssets: { type: Array },
+        variant: { type: String, default: 'default' },
     },
 
     data() {
diff --git a/resources/views/assets/browse.blade.php b/resources/views/assets/browse.blade.php
index 8c2d203c693..5ce5c1d4981 100644
--- a/resources/views/assets/browse.blade.php
+++ b/resources/views/assets/browse.blade.php
@@ -8,7 +8,7 @@
 
 @section('content')
     <asset-manager
-        :container="{{ json_encode($container) }}"
+        :initial-container="{{ json_encode($container) }}"
         :can-create-containers="{{ Statamic\Support\Str::bool($user->can('create', \Statamic\Contracts\Assets\AssetContainer::class)) }}"
         create-container-url="{{ cp_route('asset-containers.create') }}"
         initial-path="{{ $folder }}"
diff --git a/src/Http/Resources/CP/Assets/FolderAsset.php b/src/Http/Resources/CP/Assets/FolderAsset.php
index 36453122e15..4bf35a9b571 100644
--- a/src/Http/Resources/CP/Assets/FolderAsset.php
+++ b/src/Http/Resources/CP/Assets/FolderAsset.php
@@ -24,6 +24,7 @@ public function toArray($request)
                     'thumbnail' => $this->thumbnailUrl('small'),
                     'can_be_transparent' => $this->isSvg() || $this->extensionIsOneOf(['svg', 'png', 'webp', 'avif']),
                     'alt' => $this->alt,
+                    'orientation' => $this->orientation(),
                 ];
             }),
 

From 6c110d3627d675c96d240bb196fbc5a3931f3df9 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Thu, 8 May 2025 19:07:04 -0400
Subject: [PATCH 166/186] wip

---
 .../assets/Browser/AssetBrowserMixin.js       |  23 +--
 .../components/assets/Browser/Breadcrumbs.vue |  34 ++--
 .../js/components/assets/Browser/Browser.vue  |  21 +--
 .../js/components/assets/Browser/Grid.vue     | 174 +++++++++---------
 resources/svg/icons/folder-open.svg           |   1 +
 resources/svg/icons/home.svg                  |   1 +
 6 files changed, 125 insertions(+), 129 deletions(-)
 create mode 100644 resources/svg/icons/folder-open.svg
 create mode 100644 resources/svg/icons/home.svg

diff --git a/resources/js/components/assets/Browser/AssetBrowserMixin.js b/resources/js/components/assets/Browser/AssetBrowserMixin.js
index 6eb7ab8af02..0ea81f5e0f4 100644
--- a/resources/js/components/assets/Browser/AssetBrowserMixin.js
+++ b/resources/js/components/assets/Browser/AssetBrowserMixin.js
@@ -1,33 +1,34 @@
 export default {
     props: {
+        actionUrl: String,
+        canEdit: Boolean,
         containerIsEmpty: Boolean,
         folder: Object,
+        folderActionUrl: String,
         folders: Array,
+        path: String,
         restrictFolderNavigation: Boolean,
-        folderActionUrl: String,
-        actionUrl: String,
-        canEdit: Boolean,
     },
 
     methods: {
-        selectFolder(path) {
-            this.$emit('select-folder', path);
+        actionCompleted() {
+            this.$emit('action-completed');
         },
 
-        folderActions(folder) {
-            return folder.actions || this.folder.actions || [];
+        actionStarted() {
+            this.$emit('action-started');
         },
 
         edit(id) {
             this.$emit('edit', id);
         },
 
-        actionStarted() {
-            this.$emit('action-started');
+        folderActions(folder) {
+            return folder.actions || this.folder.actions || [];
         },
 
-        actionCompleted() {
-            this.$emit('action-completed');
+        selectFolder(path) {
+            this.$emit('select-folder', path);
         },
     },
 };
diff --git a/resources/js/components/assets/Browser/Breadcrumbs.vue b/resources/js/components/assets/Browser/Breadcrumbs.vue
index fc052c1fb73..3b31fc6bb0b 100644
--- a/resources/js/components/assets/Browser/Breadcrumbs.vue
+++ b/resources/js/components/assets/Browser/Breadcrumbs.vue
@@ -1,21 +1,15 @@
 <template>
-    <div
-        class="flex flex-wrap border-b border-t bg-gray-200 px-4 py-2 text-sm shadow-inner dark:border-dark-900 dark:bg-dark-700"
-    >
-        <a v-for="(part, index) in pathParts" :key="index" @click="selectFolder(index)" class="group flex items-center">
-            <svg-icon
-                name="micro/chevron-right"
-                class="h-4 w-4 text-gray-700 ltr:mr-1 rtl:ml-1 rtl:rotate-180"
-                v-if="index !== 0"
+    <div class="flex flex-wrap">
+        <div v-for="(part, index) in pathParts" :key="index" class="flex items-center">
+            <ui-icon name="ui/chevron-right" class="size-4 text-gray-500" v-if="index !== 0" />
+            <ui-button
+                variant="ghost"
+                :icon="isHomeFolder(part) ? 'home' : !isLastFolder(index) ? 'folder' : 'folder-open'"
+                :text="isHomeFolder(part) ? __('All') : part"
+                @click="selectFolder(index)"
+                class="gap-2 h-8!"
             />
-            <svg-icon
-                name="folder-home"
-                class="h-5 w-5 text-blue-400 group-hover:text-blue-600 ltr:mr-2 rtl:ml-2"
-                v-if="part === '/'"
-            />
-            <svg-icon name="folder" class="h-5 w-5 text-blue-400 group-hover:text-blue-600 ltr:mr-2 rtl:ml-2" v-else />
-            <span class="text-2xs text-gray-700 group-hover:text-gray-800" v-if="part !== '/'" v-text="part" />
-        </a>
+        </div>
     </div>
 </template>
 
@@ -43,6 +37,14 @@ export default {
 
             this.$emit('navigated', path);
         },
+
+        isHomeFolder(part) {
+            return part === '/';
+        },
+
+        isLastFolder(index) {
+            return index === this.pathParts.length - 1;
+        }
     },
 };
 </script>
diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index 60d7521fd80..c35e29817e8 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -60,14 +60,9 @@
                 >
                     <div :class="modeClass">
                         <div class="space-y-4">
-                            <div class="flex items-center gap-3">
-                                <data-list-search ref="search" v-model="searchQuery" />
-                                <!-- Placeholder 👇 -->
-                                <Button icon="filter" text="Filter" />
-                                <!-- <data-list-filters /> -->
-                            </div>
+                            <data-list-search ref="search" v-model="searchQuery" />
 
-                            <!-- <breadcrumbs v-if="!restrictFolderNavigation" :path="path" @navigated="selectFolder" /> -->
+                            <breadcrumbs v-if="!restrictFolderNavigation" :path="path" @navigated="selectFolder" />
 
                             <uploads
                                 v-if="uploads.length"
@@ -146,7 +141,6 @@
 <script>
 import AssetThumbnail from './Thumbnail.vue';
 import AssetEditor from '../Editor/Editor.vue';
-import Breadcrumbs from './Breadcrumbs.vue';
 import CreateFolder from './CreateFolder.vue';
 import Grid from './Grid.vue';
 import Table from './Table.vue';
@@ -161,7 +155,7 @@ import { Header, Button } from '@statamic/ui';
 export default {
     mixins: [HasActions, HasPagination, HasPreferences],
 
-    components: { AssetThumbnail, AssetEditor, Breadcrumbs, Uploader, Uploads, CreateFolder, Grid, Table, Header, Button },
+    components: { AssetThumbnail, AssetEditor, Uploader, Uploads, CreateFolder, Grid, Table, Header, Button },
 
     props: {
         allowSelectingExistingUpload: Boolean,
@@ -297,6 +291,7 @@ export default {
                 folderActionUrl: this.folderActionUrl,
                 folders: this.folders,
                 restrictFolderNavigation: this.restrictFolderNavigation,
+                path: this.path,
             };
         },
 
@@ -369,10 +364,10 @@ export default {
             this.page = 1;
         },
 
-        selectedPath(selectedPath) {
-            // The selected path might change from outside due to a popstate navigation
-            if (!selectedPath.endsWith('/edit')) {
-                this.path = selectedPath;
+        selectedPath: {
+            immediate: true,
+            handler(newPath) {
+                this.path = newPath;
             }
         },
     },
diff --git a/resources/js/components/assets/Browser/Grid.vue b/resources/js/components/assets/Browser/Grid.vue
index da1f0268026..e2b0fe8b5b3 100644
--- a/resources/js/components/assets/Browser/Grid.vue
+++ b/resources/js/components/assets/Browser/Grid.vue
@@ -1,114 +1,110 @@
 <template>
-    <div v-if="!containerIsEmpty" class="space-y-10">
+    <ui-panel v-if="!containerIsEmpty">
+        <ui-panel-header class="p-1!">
+            <breadcrumbs v-if="!restrictFolderNavigation" :path="path" @navigated="selectFolder" />
+        </ui-panel-header>
         <!-- Folders -->
-        <section class="flex flex-wrap gap-8">
-            <!-- Parent Folder -->
-            <div v-if="folder && folder.parent_path && !restrictFolderNavigation">
-                <button @click="selectFolder(folder.parent_path)" class="w-[80px] h-[66px]">
-                    <ui-icon name="asset-folder" class="size-full text-blue-400" />
-                    <div
-                        class="font-mono text-xs text-gray-500 text-start overflow-hidden text-ellipsis w-24 whitespace-nowrap"
-                    >../</div>
-                </button>
-            </div>
-            <!-- Sub-Folders -->
-            <div
-                class="group/folder relative"
-                v-for="(folder, i) in folders"
-                :key="folder.path"
-                v-if="!restrictFolderNavigation"
-            >
-                <button @click="selectFolder(folder.path)" class="w-[80px] h-[66px]">
-                    <ui-icon name="asset-folder" class="size-full text-blue-400" />
-                    <div
-                        class="font-mono text-xs text-gray-500 text-start overflow-hidden text-ellipsis w-24 whitespace-nowrap"
-                        v-text="folder.basename"
-                        :title="folder.basename"
-                    />
-                </button>
-                <dropdown-list
-                    v-if="folderActions(folder).length"
-                    class="absolute top-1 opacity-0 group-hover:opacity-100 end-2"
-                    :class="{ 'opacity-100': actionOpened === folder.path }"
-                    @opened="actionOpened = folder.path"
-                    @closed="actionOpened = null"
+        <ui-card class="space-y-8">
+            <section class="flex flex-wrap gap-8" v-if="folders.length">
+                <div
+                    class="group/folder relative"
+                    v-for="folder in folders"
+                    :key="folder.path"
+                    v-if="!restrictFolderNavigation"
                 >
-                    <data-list-inline-actions
-                        :item="folder.path"
-                        :url="folderActionUrl"
-                        :actions="folderActions(folder)"
-                        @started="actionStarted"
-                        @completed="actionCompleted"
-                    />
-                </dropdown-list>
-            </div>
-        </section>
-
-        <!-- Assets -->
-        <section class="asset-grid-listing" :class="{ compact: variant === 'compact' }">
-            <div
-                v-for="(asset, index) in assets"
-                :key="asset.id"
-                class="group relative"
-                :class="{ selected: isSelected(asset.id) }"
-            >
-                <div class="asset-tile group relative" :class="{ 'bg-checkerboard': asset.can_be_transparent }">
-                    <button
-                        class="size-full"
-                        @click.stop="toggleSelection(asset.id, index, $event)"
-                        @dblclick.stop="$emit('edit-asset', asset)"
-                    >
-                        <div class="relative flex items-center justify-center aspect-square size-full">
-                            <div class="asset-thumb">
-                                <img
-                                    v-if="asset.is_image"
-                                    :src="asset.thumbnail"
-                                    loading="lazy"
-                                    :class="{
-                                        'size-full p-4': asset.extension === 'svg',
-                                        'p-1 rounded-lg': asset.orientation === 'square'
-                                    }"
-                                />
-                                <file-icon v-else :extension="asset.extension" class="size-full p-4" />
-                            </div>
-                        </div>
+                    <button @click="selectFolder(folder.path)" class="w-[80px] h-[66px]">
+                        <ui-icon name="asset-folder" class="size-full text-blue-400" />
+                        <div
+                            class="font-mono text-xs text-gray-500 text-center overflow-hidden text-ellipsis whitespace-nowrap"
+                            v-text="folder.basename"
+                            :title="folder.basename"
+                        />
                     </button>
                     <dropdown-list
+                        v-if="folderActions(folder).length"
                         class="absolute top-1 opacity-0 group-hover:opacity-100 end-2"
-                        :class="{ 'opacity-100': actionOpened === asset.id }"
-                        @opened="actionOpened = asset.id"
+                        :class="{ 'opacity-100': actionOpened === folder.path }"
+                        @opened="actionOpened = folder.path"
                         @closed="actionOpened = null"
                     >
-                        <dropdown-item
-                            :text="__(canEdit ? 'Edit' : 'View')"
-                            @click="edit(asset.id)"
-                        />
-                        <div class="divider" v-if="asset.actions.length" />
                         <data-list-inline-actions
-                            :item="asset.id"
-                            :url="actionUrl"
-                            :actions="asset.actions"
+                            :item="folder.path"
+                            :url="folderActionUrl"
+                            :actions="folderActions(folder)"
                             @started="actionStarted"
                             @completed="actionCompleted"
                         />
                     </dropdown-list>
                 </div>
+            </section>
+
+            <!-- Assets -->
+            <section class="asset-grid-listing" :class="{ compact: variant === 'compact' }" v-if="assets.length">
                 <div
-                    class="font-mono text-xs text-gray-500 mt-2 overflow-hidden text-ellipsis whitespace-nowrap text-center"
-                    v-text="asset.basename"
-                    :title="asset.basename"
-                />
-            </div>
-        </section>
-    </div>
+                    v-for="(asset, index) in assets"
+                    :key="asset.id"
+                    class="group relative"
+                    :class="{ selected: isSelected(asset.id) }"
+                >
+                    <div class="asset-tile group relative" :class="{ 'bg-checkerboard': asset.can_be_transparent }">
+                        <button
+                            class="size-full"
+                            @click.stop="toggleSelection(asset.id, index, $event)"
+                            @dblclick.stop="$emit('edit-asset', asset)"
+                        >
+                            <div class="relative flex items-center justify-center aspect-square size-full">
+                                <div class="asset-thumb">
+                                    <img
+                                        v-if="asset.is_image"
+                                        :src="asset.thumbnail"
+                                        loading="lazy"
+                                        :class="{
+                                            'size-full p-4': asset.extension === 'svg',
+                                            'p-1 rounded-lg': asset.orientation === 'square'
+                                        }"
+                                    />
+                                    <file-icon v-else :extension="asset.extension" class="size-full p-4" />
+                                </div>
+                            </div>
+                        </button>
+                        <dropdown-list
+                            class="absolute top-1 opacity-0 group-hover:opacity-100 end-2"
+                            :class="{ 'opacity-100': actionOpened === asset.id }"
+                            @opened="actionOpened = asset.id"
+                            @closed="actionOpened = null"
+                        >
+                            <dropdown-item
+                                :text="__(canEdit ? 'Edit' : 'View')"
+                                @click="edit(asset.id)"
+                            />
+                            <div class="divider" v-if="asset.actions.length" />
+                            <data-list-inline-actions
+                                :item="asset.id"
+                                :url="actionUrl"
+                                :actions="asset.actions"
+                                @started="actionStarted"
+                                @completed="actionCompleted"
+                            />
+                        </dropdown-list>
+                    </div>
+                    <div
+                        class="font-mono text-xs text-gray-500 mt-2 overflow-hidden text-ellipsis whitespace-nowrap text-center"
+                        v-text="asset.basename"
+                        :title="asset.basename"
+                    />
+                </div>
+            </section>
+        </ui-card>
+    </ui-panel>
 </template>
 
 <script>
 import AssetBrowserMixin from './AssetBrowserMixin';
+import Breadcrumbs from './Breadcrumbs.vue';
 
 export default {
     mixins: [AssetBrowserMixin],
-
+    components: { Breadcrumbs },
     props: {
         assets: { type: Array },
         selectedAssets: { type: Array },
diff --git a/resources/svg/icons/folder-open.svg b/resources/svg/icons/folder-open.svg
new file mode 100644
index 00000000000..208fbcd6991
--- /dev/null
+++ b/resources/svg/icons/folder-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.41798 9.21875 3.5938 6.54139c0.29497 -0.66047 0.92891 -1.11444 1.66098 -1.17055 0.91247 -0.06993 2.20061 -0.15026 3.30376 -0.15026 1.23491 0 2.90486 0.10066 3.96646 0.17472 0.5668 0.03954 0.9839 0.53162 0.8839 1.08101 -0.3149 1.73068 -0.9621 3.75769 -1.3989 5.02309 -0.259 0.7505 -0.9593 1.2557 -1.7654 1.2877 -1.92908 0.0766 -5.4994 0.1735 -7.49163 -0.0522 -0.9998 -0.1132 -1.835538 -0.8851 -1.957415 -1.9471C0.436394 7.65827 0.550779 5.27502 0.895563 2.15262c0.05632 -0.51004 0.447667 -0.91369 0.939867 -0.94974C3.01192 1.1167 3.89696 1.098 5.36169 1.1672c0.40909 0.01932 0.76384 0.28472 0.90009 0.66752l0.22046 0.61942c0.1403 0.39418 0.51227 0.66175 0.9339 0.67103H11.17c0.5623 0 1.0182 0.44771 1.0182 1v1.09541" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/home.svg b/resources/svg/icons/home.svg
new file mode 100644
index 00000000000..20f827252d9
--- /dev/null
+++ b/resources/svg/icons/home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.75745 12.5h6.48525c0.6863 0 1.2699 -0.4739 1.3744 -1.1159 0.166 -1.0203 0.2044 -2.05462 0.1152 -3.08173h1.2543c0.4043 0 0.6494 -0.42223 0.4327 -0.74521l-0.2171 -0.32349c-1.3053 -1.94557 -2.9665 -3.65548 -4.90548 -5.04958l-0.67661 -0.48646c-0.36649 -0.2635 -0.87359 -0.26351 -1.24009 -0.00001l-0.6767 0.48652C3.76433 3.57821 2.1032 5.28808 0.797803 7.23361l-0.217091 0.32354c-0.216715 0.32299 0.028427 0.74522 0.432658 0.74522h1.25445c-0.08921 1.02711 -0.05074 2.06143 0.11525 3.08173 0.10445 0.642 0.6881 1.1159 1.37438 1.1159Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.99989 7.79248c0.92099 0 1.6676 0.74661 1.6676 1.66761V12.5H5.33228V9.46009c0 -0.921 0.74661 -1.66761 1.66761 -1.66761Z" stroke-width="1"/></svg>
\ No newline at end of file

From 95b44971651a99cbe1d239a068234fc346e0e664 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 9 May 2025 11:02:06 -0400
Subject: [PATCH 167/186] wip

---
 .../js/components/assets/Browser/Browser.vue      | 15 ++++++++++++---
 resources/js/components/assets/Browser/Grid.vue   |  8 ++++++--
 resources/js/components/ui/Select/Select.vue      |  2 +-
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index c35e29817e8..846b7b44da6 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -91,7 +91,16 @@
                                 :assets="assets"
                                 :selected-assets="selectedAssets"
                                 @toggle-selection="toggleSelection"
-                            />
+                            >
+                                <template #pagination>
+                                    <data-list-pagination
+                                        :resource-meta="meta"
+                                        :per-page="perPage"
+                                        @page-selected="page = $event"
+                                        @per-page-changed="changePerPage"
+                                    />
+                                </template>
+                            </Grid>
 
                             <div
                                 class="p-4 text-gray-700"
@@ -100,13 +109,13 @@
                             />
                         </div>
 
-                        <data-list-pagination
+                        <!-- <data-list-pagination
                             class="mt-6"
                             :resource-meta="meta"
                             :per-page="perPage"
                             @page-selected="page = $event"
                             @per-page-changed="changePerPage"
-                        />
+                        /> -->
                     </div>
 
                     <data-list-bulk-actions
diff --git a/resources/js/components/assets/Browser/Grid.vue b/resources/js/components/assets/Browser/Grid.vue
index e2b0fe8b5b3..c7ade26e527 100644
--- a/resources/js/components/assets/Browser/Grid.vue
+++ b/resources/js/components/assets/Browser/Grid.vue
@@ -12,8 +12,8 @@
                     :key="folder.path"
                     v-if="!restrictFolderNavigation"
                 >
-                    <button @click="selectFolder(folder.path)" class="w-[80px] h-[66px]">
-                        <ui-icon name="asset-folder" class="size-full text-blue-400" />
+                    <button @click="selectFolder(folder.path)" class="w-[80px] h-[66px] group">
+                        <ui-icon name="asset-folder" class="size-full text-blue-400/90 hover:text-blue-400" />
                         <div
                             class="font-mono text-xs text-gray-500 text-center overflow-hidden text-ellipsis whitespace-nowrap"
                             v-text="folder.basename"
@@ -95,6 +95,10 @@
                 </div>
             </section>
         </ui-card>
+        <ui-panel-footer>
+            <!-- <slot name="pagination" /> -->
+            Slider goes here
+        </ui-panel-footer>
     </ui-panel>
 </template>
 
diff --git a/resources/js/components/ui/Select/Select.vue b/resources/js/components/ui/Select/Select.vue
index be464a5e6ce..9b63810adb3 100644
--- a/resources/js/components/ui/Select/Select.vue
+++ b/resources/js/components/ui/Select/Select.vue
@@ -18,7 +18,7 @@ const emit = defineEmits(['update:modelValue']);
 const props = defineProps({
     description: { type: String, default: null },
     label: { type: String, default: null },
-    modelValue: { type: [Object, String], default: null },
+    modelValue: { type: [Object, String, Number], default: null },
     size: { type: String, default: 'base' },
     placeholder: { type: String, default: 'Select...' },
     options: { type: Array, default: null },

From 1eb19ca0b5ea62c67efcc606208bcbe47ca9afe3 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 9 May 2025 12:14:39 -0400
Subject: [PATCH 168/186] slider controls thumbnail size

---
 resources/css/components/assets.css           |  8 +-
 .../js/components/assets/Browser/Browser.vue  |  6 +-
 .../js/components/assets/Browser/Grid.vue     | 19 ++--
 resources/js/components/ui/Slider.vue         | 89 ++++++++++++++-----
 resources/svg/icons/layout-grid-compact.svg   |  1 -
 5 files changed, 83 insertions(+), 40 deletions(-)
 delete mode 100644 resources/svg/icons/layout-grid-compact.svg

diff --git a/resources/css/components/assets.css b/resources/css/components/assets.css
index b0233dd6cdd..b9ea0d766de 100644
--- a/resources/css/components/assets.css
+++ b/resources/css/components/assets.css
@@ -105,13 +105,7 @@
   ========================================================================== */
 
 .asset-grid-listing {
-    @apply relative grid gap-10;
-    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-}
-
-.asset-grid-listing.compact {
-    @apply relative grid gap-6;
-    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+    @apply relative grid gap-6 xl:gap-10;
 }
 
 /* Asset Tile
diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index 846b7b44da6..53d96ebef4b 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -20,7 +20,6 @@
 
             <ui-toggle-group v-model="mode">
                 <ui-toggle-item icon="layout-grid" value="grid" />
-                <ui-toggle-item icon="layout-grid-compact" value="grid-compact" />
                 <ui-toggle-item icon="layout-list" value="table" />
             </ui-toggle-group>
         </Header>
@@ -84,15 +83,14 @@
 
                             <!-- Grid Mode -->
                             <Grid
-                                v-if="mode === 'grid' || mode === 'grid-compact'"
+                                v-if="mode === 'grid'"
                                 v-bind="sharedAssetProps"
                                 v-on="sharedAssetEvents"
-                                :variant="mode === 'grid-compact' ? 'compact' : 'default'"
                                 :assets="assets"
                                 :selected-assets="selectedAssets"
                                 @toggle-selection="toggleSelection"
                             >
-                                <template #pagination>
+                                <template #footer>
                                     <data-list-pagination
                                         :resource-meta="meta"
                                         :per-page="perPage"
diff --git a/resources/js/components/assets/Browser/Grid.vue b/resources/js/components/assets/Browser/Grid.vue
index c7ade26e527..82dbb3ea28f 100644
--- a/resources/js/components/assets/Browser/Grid.vue
+++ b/resources/js/components/assets/Browser/Grid.vue
@@ -1,7 +1,8 @@
 <template>
     <ui-panel v-if="!containerIsEmpty">
-        <ui-panel-header class="p-1!">
+        <ui-panel-header class="p-1! flex items-center justify-between">
             <breadcrumbs v-if="!restrictFolderNavigation" :path="path" @navigated="selectFolder" />
+            <ui-slider size="sm" class="mr-2 w-24!" variant="subtle" v-model="thumbnailSize" :min="60" :max="300" :step="5" />
         </ui-panel-header>
         <!-- Folders -->
         <ui-card class="space-y-8">
@@ -39,7 +40,10 @@
             </section>
 
             <!-- Assets -->
-            <section class="asset-grid-listing" :class="{ compact: variant === 'compact' }" v-if="assets.length">
+            <section class="asset-grid-listing"
+                v-if="assets.length"
+                :style="{ gridTemplateColumns: gridSize }"
+            >
                 <div
                     v-for="(asset, index) in assets"
                     :key="asset.id"
@@ -96,8 +100,7 @@
             </section>
         </ui-card>
         <ui-panel-footer>
-            <!-- <slot name="pagination" /> -->
-            Slider goes here
+            <slot name="footer" />
         </ui-panel-footer>
     </ui-panel>
 </template>
@@ -112,15 +115,21 @@ export default {
     props: {
         assets: { type: Array },
         selectedAssets: { type: Array },
-        variant: { type: String, default: 'default' },
     },
 
     data() {
         return {
             actionOpened: null,
+            thumbnailSize: 200,
         };
     },
 
+    computed: {
+        gridSize() {
+            return `repeat(auto-fill, minmax(${this.thumbnailSize}px, 1fr))`;
+        },
+    },
+
     methods: {
 
         isSelected(id) {
diff --git a/resources/js/components/ui/Slider.vue b/resources/js/components/ui/Slider.vue
index 99cb39398dc..6b349008ad6 100644
--- a/resources/js/components/ui/Slider.vue
+++ b/resources/js/components/ui/Slider.vue
@@ -1,40 +1,83 @@
 <script setup>
 import { useId } from 'vue';
+import { cva } from 'cva';
 import { SliderRange, SliderRoot, SliderThumb, SliderTrack } from 'reka-ui';
-import { WithField } from '@statamic/ui';
 
-defineProps({
+const props = defineProps({
     description: { type: String, default: null },
     id: { type: String, default: () => useId() },
     label: { type: String, default: null },
-    modelValue: { type: Boolean, default: false },
+    modelValue: { type: Number, default: false },
     min: { type: Number, default: 0 },
     max: { type: Number, default: 100 },
     step: { type: Number, default: 1 },
+    size: { type: String, default: 'base' },
+    variant: { type: String, default: 'default' },
 });
 
 defineEmits(['update:modelValue']);
+
+const rootClasses = cva({
+    base: 'relative flex w-full touch-none items-center select-none',
+    variants: {
+        size: {
+            sm: 'h-2',
+            base: 'h-5',
+        },
+    },
+})({ ...props });
+
+const trackClasses = cva({
+    base: 'relative grow rounded-full bg-gray-300/80',
+    variants: {
+        size: {
+            sm: 'h-1',
+            base: 'h-2',
+        },
+    },
+})({ ...props });
+
+const rangeClasses = cva({
+    base: 'absolute h-full rounded-full',
+    variants: {
+        variant: {
+            default: 'bg-slate-900',
+        },
+    },
+})({ ...props });
+
+const thumbClasses = cva({
+    base: 'shadow-ui-sm focus:shadow-ui-md block rounded-full bg-white focus:outline-hidden',
+    variants: {
+        size: {
+            sm: 'size-4',
+            base: 'size-5',
+        },
+        variant: {
+            default: 'border-2 border-gray-900 hover:bg-gray-50',
+            subtle: 'bg-slate-400',
+        },
+    },
+})({ ...props });
 </script>
 
 <template>
-    <WithField :label :description :required variant="inline" :for="id">
-        <SliderRoot
-            data-ui-control
-            class="relative flex h-5 w-full touch-none items-center select-none"
-            :id
-            :max="max"
-            :min="min"
-            :step="step"
-            v-model="sliderValue"
-            @update:checked="$emit('update:modelValue', $event)"
-        >
-            <SliderTrack class="relative h-2 grow rounded-full bg-gray-200/80">
-                <SliderRange class="absolute h-full rounded-full bg-slate-900" />
-            </SliderTrack>
-            <SliderThumb
-                class="shadow-ui-sm focus:shadow-ui-md block h-5 w-5 rounded-full border-2 border-gray-900 bg-white hover:bg-gray-50 focus:outline-hidden"
-                :aria-label="label"
-            />
-        </SliderRoot>
-    </WithField>
+    <SliderRoot
+        data-ui-control
+        :class="rootClasses"
+        :id
+        :max="max"
+        :min="min"
+        :step="step"
+        :value="[modelValue]"
+        @update:model-value="$emit('update:modelValue', $event[0])"
+    >
+        <SliderTrack :class="trackClasses">
+            <SliderRange :class="rangeClasses" />
+        </SliderTrack>
+        <SliderThumb
+            :class="thumbClasses"
+            :aria-label="label"
+        />
+    </SliderRoot>
 </template>
diff --git a/resources/svg/icons/layout-grid-compact.svg b/resources/svg/icons/layout-grid-compact.svg
deleted file mode 100644
index 23e094a6cb1..00000000000
--- a/resources/svg/icons/layout-grid-compact.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.551865 2.78432c0.019059 0.16883 0.094754 0.32623 0.214743 0.44652 0.119989 0.1203 0.277192 0.19639 0.445972 0.21588 0.2568 0.0288 0.52008 0.05328 0.78888 0.05328 0.2688 0 0.53232 -0.02448 0.78888 -0.05328 0.16879 -0.01949 0.32599 -0.09558 0.44598 -0.21588 0.11999 -0.12029 0.19569 -0.27769 0.21474 -0.44652 0.02736 -0.25512 0.0504 -0.5172 0.0504 -0.78432s-0.02304 -0.5292 -0.0504 -0.78456c-0.01905 -0.16883 -0.09475 -0.32623 -0.21474 -0.446523C3.11633 0.648623 2.95913 0.572528 2.79034 0.55304 2.53354 0.52472 2.27026 0.5 2.00146 0.5c-0.2688 0 -0.53232 0.02448 -0.78888 0.05328C1.0438 0.572768 0.886597 0.648863 0.766608 0.769157 0.646619 0.88945 0.570924 1.04685 0.551865 1.21568c-0.02736 0.25488 -0.0504 0.51696 -0.0504 0.78432 0 0.26736 0.02304 0.5292 0.0504 0.78432Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.551865 7.78505c0.019059 0.16884 0.094754 0.32623 0.214743 0.44653 0.119989 0.12029 0.277192 0.19638 0.445972 0.21587 0.2568 0.0288 0.52008 0.05328 0.78888 0.05328 0.2688 0 0.53232 -0.02448 0.78888 -0.05328 0.16879 -0.01949 0.32599 -0.09558 0.44598 -0.21587 0.11999 -0.1203 0.19569 -0.27769 0.21474 -0.44653 0.02736 -0.25512 0.0504 -0.5172 0.0504 -0.78432s-0.02304 -0.5292 -0.0504 -0.78456c-0.01905 -0.16883 -0.09475 -0.32623 -0.21474 -0.44652 -0.11999 -0.12029 -0.27719 -0.19639 -0.44598 -0.21588 -0.2568 -0.02832 -0.52008 -0.05304 -0.78888 -0.05304 -0.2688 0 -0.53232 0.02448 -0.78888 0.05328 -0.16878 0.01949 -0.325983 0.09559 -0.445972 0.21588 -0.119989 0.12029 -0.195684 0.27769 -0.214743 0.44652 -0.02736 0.25488 -0.0504 0.51696 -0.0504 0.78432 0 0.26736 0.02304 0.5292 0.0504 0.78432Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.551865 12.786c0.019059 0.1689 0.094754 0.3263 0.214743 0.4466 0.119989 0.1202 0.277192 0.1963 0.445972 0.2158 0.2568 0.0288 0.52008 0.0533 0.78888 0.0533 0.2688 0 0.53232 -0.0245 0.78888 -0.0533 0.16879 -0.0195 0.32599 -0.0956 0.44598 -0.2158 0.11999 -0.1203 0.19569 -0.2777 0.21474 -0.4466 0.02736 -0.2551 0.0504 -0.5172 0.0504 -0.7843s-0.02304 -0.5292 -0.0504 -0.7846c-0.01905 -0.1688 -0.09475 -0.3262 -0.21474 -0.4465 -0.11999 -0.1203 -0.27719 -0.1964 -0.44598 -0.2159 -0.2568 -0.0283 -0.52008 -0.053 -0.78888 -0.053 -0.2688 0 -0.53232 0.0245 -0.78888 0.0533 -0.16878 0.0195 -0.325983 0.0956 -0.445972 0.2159 -0.119989 0.1203 -0.195684 0.2777 -0.214743 0.4465 -0.02736 0.2549 -0.0504 0.5169 -0.0504 0.7843 0 0.2674 0.02304 0.5292 0.0504 0.7843Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.55113 2.78432c0.01906 0.16883 0.09476 0.32623 0.21475 0.44652 0.11998 0.1203 0.27719 0.19639 0.44597 0.21588 0.2568 0.0288 0.52008 0.05328 0.78888 0.05328 0.2688 0 0.53232 -0.02448 0.78888 -0.05328 0.16879 -0.01949 0.32599 -0.09558 0.44598 -0.21588 0.11999 -0.12029 0.19568 -0.27769 0.21474 -0.44652 0.02736 -0.25512 0.0504 -0.5172 0.0504 -0.78432s-0.02304 -0.5292 -0.0504 -0.78456c-0.01906 -0.16883 -0.09475 -0.32623 -0.21474 -0.446523C8.1156 0.648623 7.9584 0.572528 7.78961 0.55304 7.53281 0.52472 7.26953 0.5 7.00073 0.5c-0.2688 0 -0.53232 0.02448 -0.78888 0.05328 -0.16878 0.019488 -0.32599 0.095583 -0.44597 0.215877 -0.11999 0.120293 -0.19569 0.277693 -0.21475 0.446523 -0.02736 0.25488 -0.0504 0.51696 -0.0504 0.78432 0 0.26736 0.02304 0.5292 0.0504 0.78432Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.55113 7.78505c0.01906 0.16884 0.09476 0.32623 0.21475 0.44653 0.11998 0.12029 0.27719 0.19638 0.44597 0.21587 0.2568 0.0288 0.52008 0.05328 0.78888 0.05328 0.2688 0 0.53232 -0.02448 0.78888 -0.05328 0.16879 -0.01949 0.32599 -0.09558 0.44598 -0.21587 0.11999 -0.1203 0.19568 -0.27769 0.21474 -0.44653 0.02736 -0.25512 0.0504 -0.5172 0.0504 -0.78432s-0.02304 -0.5292 -0.0504 -0.78456c-0.01906 -0.16883 -0.09475 -0.32623 -0.21474 -0.44652 -0.11999 -0.12029 -0.27719 -0.19639 -0.44598 -0.21588 -0.2568 -0.02832 -0.52008 -0.05304 -0.78888 -0.05304 -0.2688 0 -0.53232 0.02448 -0.78888 0.05328 -0.16878 0.01949 -0.32599 0.09559 -0.44597 0.21588 -0.11999 0.12029 -0.19569 0.27769 -0.21475 0.44652 -0.02736 0.25488 -0.0504 0.51696 -0.0504 0.78432 0 0.26736 0.02304 0.5292 0.0504 0.78432Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.55113 12.786c0.01906 0.1689 0.09476 0.3263 0.21475 0.4466 0.11998 0.1202 0.27719 0.1963 0.44597 0.2158 0.2568 0.0288 0.52008 0.0533 0.78888 0.0533 0.2688 0 0.53232 -0.0245 0.78888 -0.0533 0.16879 -0.0195 0.32599 -0.0956 0.44598 -0.2158 0.11999 -0.1203 0.19568 -0.2777 0.21474 -0.4466 0.02736 -0.2551 0.0504 -0.5172 0.0504 -0.7843s-0.02304 -0.5292 -0.0504 -0.7846c-0.01906 -0.1688 -0.09475 -0.3262 -0.21474 -0.4465 -0.11999 -0.1203 -0.27719 -0.1964 -0.44598 -0.2159 -0.2568 -0.0283 -0.52008 -0.053 -0.78888 -0.053 -0.2688 0 -0.53232 0.0245 -0.78888 0.0533 -0.16878 0.0195 -0.32599 0.0956 -0.44597 0.2159 -0.11999 0.1203 -0.19569 0.2777 -0.21475 0.4465 -0.02736 0.2549 -0.0504 0.5169 -0.0504 0.7843 0 0.2674 0.02304 0.5292 0.0504 0.7843Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.5504 2.78432c0.0191 0.16883 0.0948 0.32623 0.2147 0.44652 0.12 0.1203 0.2772 0.19639 0.446 0.21588 0.2568 0.0288 0.5201 0.05328 0.7889 0.05328 0.2688 0 0.5323 -0.02448 0.7889 -0.05328 0.1688 -0.01949 0.326 -0.09558 0.446 -0.21588 0.1199 -0.12029 0.1956 -0.27769 0.2147 -0.44652C13.477 2.5292 13.5 2.26712 13.5 2s-0.023 -0.5292 -0.0504 -0.78456c-0.0191 -0.16883 -0.0948 -0.32623 -0.2147 -0.446523 -0.12 -0.120294 -0.2772 -0.196389 -0.446 -0.215877C12.5321 0.52472 12.2688 0.5 12 0.5c-0.2688 0 -0.5323 0.02448 -0.7889 0.05328 -0.1688 0.019488 -0.326 0.095583 -0.446 0.215877 -0.1199 0.120293 -0.1956 0.277693 -0.2147 0.446523C10.523 1.47056 10.5 1.73264 10.5 2c0 0.26736 0.023 0.5292 0.0504 0.78432Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.5504 7.78505c0.0191 0.16884 0.0948 0.32623 0.2147 0.44653 0.12 0.12029 0.2772 0.19638 0.446 0.21587 0.2568 0.0288 0.5201 0.05328 0.7889 0.05328 0.2688 0 0.5323 -0.02448 0.7889 -0.05328 0.1688 -0.01949 0.326 -0.09558 0.446 -0.21587 0.1199 -0.1203 0.1956 -0.27769 0.2147 -0.44653 0.0274 -0.25512 0.0504 -0.5172 0.0504 -0.78432s-0.023 -0.5292 -0.0504 -0.78456c-0.0191 -0.16883 -0.0948 -0.32623 -0.2147 -0.44652 -0.12 -0.12029 -0.2772 -0.19639 -0.446 -0.21588 -0.2568 -0.02832 -0.5201 -0.05304 -0.7889 -0.05304 -0.2688 0 -0.5323 0.02448 -0.7889 0.05328 -0.1688 0.01949 -0.326 0.09559 -0.446 0.21588 -0.1199 0.12029 -0.1956 0.27769 -0.2147 0.44652 -0.0274 0.25488 -0.0504 0.51696 -0.0504 0.78432 0 0.26736 0.023 0.5292 0.0504 0.78432Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.5504 12.786c0.0191 0.1689 0.0948 0.3263 0.2147 0.4466 0.12 0.1202 0.2772 0.1963 0.446 0.2158 0.2568 0.0288 0.5201 0.0533 0.7889 0.0533 0.2688 0 0.5323 -0.0245 0.7889 -0.0533 0.1688 -0.0195 0.326 -0.0956 0.446 -0.2158 0.1199 -0.1203 0.1956 -0.2777 0.2147 -0.4466 0.0274 -0.2551 0.0504 -0.5172 0.0504 -0.7843s-0.023 -0.5292 -0.0504 -0.7846c-0.0191 -0.1688 -0.0948 -0.3262 -0.2147 -0.4465 -0.12 -0.1203 -0.2772 -0.1964 -0.446 -0.2159 -0.2568 -0.0283 -0.5201 -0.053 -0.7889 -0.053 -0.2688 0 -0.5323 0.0245 -0.7889 0.0533 -0.1688 0.0195 -0.326 0.0956 -0.446 0.2159 -0.1199 0.1203 -0.1956 0.2777 -0.2147 0.4465 -0.0274 0.2549 -0.0504 0.5169 -0.0504 0.7843 0 0.2674 0.023 0.5292 0.0504 0.7843Z" stroke-width="1"/></svg>
\ No newline at end of file

From 22d4573f5ac07664ceb7da6dcd748b2d54bed3b2 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 9 May 2025 12:53:15 -0400
Subject: [PATCH 169/186] Save the assetThumbnail size to preferences

---
 resources/js/components/assets/Browser/Browser.vue |  1 -
 resources/js/components/assets/Browser/Grid.vue    | 14 ++++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index 53d96ebef4b..f2033963df7 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -51,7 +51,6 @@
                     :columns="columns"
                     :selections="selectedAssets"
                     :max-selections="maxFiles"
-                    :sort="false"
                     :sort-column="sortColumn"
                     :sort-direction="sortDirection"
                     @selections-updated="(ids) => $emit('selections-updated', ids)"
diff --git a/resources/js/components/assets/Browser/Grid.vue b/resources/js/components/assets/Browser/Grid.vue
index 82dbb3ea28f..9e45fc20865 100644
--- a/resources/js/components/assets/Browser/Grid.vue
+++ b/resources/js/components/assets/Browser/Grid.vue
@@ -108,6 +108,7 @@
 <script>
 import AssetBrowserMixin from './AssetBrowserMixin';
 import Breadcrumbs from './Breadcrumbs.vue';
+import { debounce } from 'lodash-es';
 
 export default {
     mixins: [AssetBrowserMixin],
@@ -124,6 +125,19 @@ export default {
         };
     },
 
+    watch: {
+        thumbnailSize: {
+            handler: debounce(function(size) {
+                this.$preferences.set('asset-browser-thumbnail-size', size);
+            }, 300)
+        }
+    },
+
+    mounted() {
+        const savedSize = this.$preferences.get('asset-browser-thumbnail-size');
+        if (savedSize) this.thumbnailSize = savedSize;
+    },
+
     computed: {
         gridSize() {
             return `repeat(auto-fill, minmax(${this.thumbnailSize}px, 1fr))`;

From 58681f16749bac662fe3b1158371aa77719ee465 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 9 May 2025 13:22:27 -0400
Subject: [PATCH 170/186] Fix slider's initial data state

---
 resources/js/components/ui/Slider.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/ui/Slider.vue b/resources/js/components/ui/Slider.vue
index 6b349008ad6..838b3049d95 100644
--- a/resources/js/components/ui/Slider.vue
+++ b/resources/js/components/ui/Slider.vue
@@ -7,7 +7,7 @@ const props = defineProps({
     description: { type: String, default: null },
     id: { type: String, default: () => useId() },
     label: { type: String, default: null },
-    modelValue: { type: Number, default: false },
+    modelValue: { type: Number, default: 0 },
     min: { type: Number, default: 0 },
     max: { type: Number, default: 100 },
     step: { type: Number, default: 1 },
@@ -69,7 +69,7 @@ const thumbClasses = cva({
         :max="max"
         :min="min"
         :step="step"
-        :value="[modelValue]"
+        :model-value="[modelValue]"
         @update:model-value="$emit('update:modelValue', $event[0])"
     >
         <SliderTrack :class="trackClasses">

From 665b6ee4b2a5057a7154aa427dcd05ba45c1f473 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 9 May 2025 13:58:56 -0400
Subject: [PATCH 171/186] Selected state

---
 resources/css/components/assets.css             | 16 +++++++++-------
 resources/js/components/assets/Browser/Grid.vue |  8 ++++----
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/resources/css/components/assets.css b/resources/css/components/assets.css
index b9ea0d766de..590360e425d 100644
--- a/resources/css/components/assets.css
+++ b/resources/css/components/assets.css
@@ -114,6 +114,10 @@
 .asset-tile {
     @apply relative flex min-w-0 cursor-pointer flex-col items-center justify-between rounded-lg outline outline-gray-300 dark:outline-gray-700;
 
+    .selected & {
+        @apply outline-3 outline-blue-500;
+    }
+
     .asset-thumb {
         @apply flex items-center justify-center size-full;
         > img,
@@ -136,15 +140,13 @@
     }
 }
 
-/* .asset-tile.selected {
-    @apply border-blue dark:border-dark-blue-100;
-    box-shadow: 0 0 0 1px var(--color-blue);
+.asset-filename {
+    @apply font-mono text-xs text-gray-500 mt-2 overflow-hidden text-ellipsis whitespace-nowrap text-center;
+    .selected & {
+        @apply text-blue-500;
+    }
 }
 
-.asset-thumbnail {
-    @apply border border-white dark:border-dark-950;
-} */
-
 /* The Asset Editor
   ========================================================================== */
 
diff --git a/resources/js/components/assets/Browser/Grid.vue b/resources/js/components/assets/Browser/Grid.vue
index 9e45fc20865..2f0887ccbe9 100644
--- a/resources/js/components/assets/Browser/Grid.vue
+++ b/resources/js/components/assets/Browser/Grid.vue
@@ -48,9 +48,9 @@
                     v-for="(asset, index) in assets"
                     :key="asset.id"
                     class="group relative"
-                    :class="{ selected: isSelected(asset.id) }"
+                    :class="{ 'selected': isSelected(asset.id) }"
                 >
-                    <div class="asset-tile group relative" :class="{ 'bg-checkerboard': asset.can_be_transparent }">
+                    <div class="asset-tile group relative" :class="{ 'bg-checkerboard': asset.can_be_transparent, }">
                         <button
                             class="size-full"
                             @click.stop="toggleSelection(asset.id, index, $event)"
@@ -92,7 +92,7 @@
                         </dropdown-list>
                     </div>
                     <div
-                        class="font-mono text-xs text-gray-500 mt-2 overflow-hidden text-ellipsis whitespace-nowrap text-center"
+                        class="asset-filename"
                         v-text="asset.basename"
                         :title="asset.basename"
                     />
@@ -151,7 +151,7 @@ export default {
         },
 
         toggleSelection(id, index, $event) {
-            this.$emit('toggle-selection', { id, index, event: $event });
+            this.$emit('toggle-selection', id, index, $event);
         },
     },
 };

From 04f309ccc67a148639f31e6a3a9140af9e837683 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 9 May 2025 14:47:14 -0400
Subject: [PATCH 172/186] tids and bits

---
 resources/js/components/assets/Browser/Grid.vue | 2 +-
 resources/js/components/ui/Slider.vue           | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/resources/js/components/assets/Browser/Grid.vue b/resources/js/components/assets/Browser/Grid.vue
index 2f0887ccbe9..fd8675bbe78 100644
--- a/resources/js/components/assets/Browser/Grid.vue
+++ b/resources/js/components/assets/Browser/Grid.vue
@@ -50,7 +50,7 @@
                     class="group relative"
                     :class="{ 'selected': isSelected(asset.id) }"
                 >
-                    <div class="asset-tile group relative" :class="{ 'bg-checkerboard': asset.can_be_transparent, }">
+                    <div class="asset-tile group relative" :class="{ 'bg-checkerboard': asset.can_be_transparent }">
                         <button
                             class="size-full"
                             @click.stop="toggleSelection(asset.id, index, $event)"
diff --git a/resources/js/components/ui/Slider.vue b/resources/js/components/ui/Slider.vue
index 838b3049d95..ae11b1c622d 100644
--- a/resources/js/components/ui/Slider.vue
+++ b/resources/js/components/ui/Slider.vue
@@ -28,7 +28,7 @@ const rootClasses = cva({
 })({ ...props });
 
 const trackClasses = cva({
-    base: 'relative grow rounded-full bg-gray-300/80',
+    base: 'relative grow rounded-full bg-gray-300/80 dark:bg-gray-800',
     variants: {
         size: {
             sm: 'h-1',
@@ -41,13 +41,13 @@ const rangeClasses = cva({
     base: 'absolute h-full rounded-full',
     variants: {
         variant: {
-            default: 'bg-slate-900',
+            default: 'bg-gray-900',
         },
     },
 })({ ...props });
 
 const thumbClasses = cva({
-    base: 'shadow-ui-sm focus:shadow-ui-md block rounded-full bg-white focus:outline-hidden',
+    base: 'shadow-ui-md block rounded-full bg-white dark:bg-gray-400 focus:outline-hidden',
     variants: {
         size: {
             sm: 'size-4',
@@ -55,7 +55,6 @@ const thumbClasses = cva({
         },
         variant: {
             default: 'border-2 border-gray-900 hover:bg-gray-50',
-            subtle: 'bg-slate-400',
         },
     },
 })({ ...props });

From 6cb4c7f50eb8cb361772b8383fab00846e976659 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 9 May 2025 14:56:15 -0400
Subject: [PATCH 173/186] Better use of Folder space

---
 resources/css/components/assets.css             | 5 +++++
 resources/js/components/assets/Browser/Grid.vue | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/resources/css/components/assets.css b/resources/css/components/assets.css
index 590360e425d..b188b8c6bed 100644
--- a/resources/css/components/assets.css
+++ b/resources/css/components/assets.css
@@ -108,6 +108,11 @@
     @apply relative grid gap-6 xl:gap-10;
 }
 
+.folder-grid-listing {
+    @apply relative grid gap-8;
+    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
+}
+
 /* Asset Tile
    ========================================================================== */
 
diff --git a/resources/js/components/assets/Browser/Grid.vue b/resources/js/components/assets/Browser/Grid.vue
index fd8675bbe78..8e56046c4ed 100644
--- a/resources/js/components/assets/Browser/Grid.vue
+++ b/resources/js/components/assets/Browser/Grid.vue
@@ -6,7 +6,7 @@
         </ui-panel-header>
         <!-- Folders -->
         <ui-card class="space-y-8">
-            <section class="flex flex-wrap gap-8" v-if="folders.length">
+            <section class="folder-grid-listing" v-if="folders.length">
                 <div
                     class="group/folder relative"
                     v-for="folder in folders"

From 7ef1956202243e91798ee93f9dd64b8124774d6a Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 9 May 2025 15:05:53 -0400
Subject: [PATCH 174/186] use a transparent color so it shows when against
 gray-100

---
 resources/js/components/ui/Button/Button.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Button/Button.vue b/resources/js/components/ui/Button/Button.vue
index d9571892403..0747ada86e0 100644
--- a/resources/js/components/ui/Button/Button.vue
+++ b/resources/js/components/ui/Button/Button.vue
@@ -36,7 +36,7 @@ const buttonClasses = computed(() => {
                     'dark:from-white dark:to-gray-200 dark:hover:from-gray-200 dark:text-gray-800 dark:border-0',
                 ],
                 danger: 'bg-linear-to-b from-red-500/90 to-red-500 hover:bg-red-500/90 text-white border border-red-600 inset-shadow-2xs inset-shadow-red-300 [&_svg]:text-red-200',
-                filled: 'bg-gray-100 hover:bg-gray-200 hover:text-gray-900 dark:bg-gray-700/80 dark:hover:bg-gray-700 [&_svg]:text-gray-700 dark:[&_svg]:text-gray-300',
+                filled: 'bg-gray-800/5 hover:bg-gray-200 hover:text-gray-900 dark:bg-gray-700/80 dark:hover:bg-gray-700 [&_svg]:text-gray-700 dark:[&_svg]:text-gray-300',
                 ghost: 'bg-transparent hover:bg-gray-400/10 text-gray-500 hover:text-gray-700 dark:text-gray-300 dark:hover:bg-gray-700/80 dark:hover:text-gray-200',
             },
             size: {

From 4e8171cd751dcab46a6ea366e568550ee87de07b Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 9 May 2025 15:20:06 -0400
Subject: [PATCH 175/186] truncate asset filenames from the middle so you can
 see the extension

---
 resources/css/components/assets.css             |  2 +-
 resources/js/components/assets/Browser/Grid.vue | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/resources/css/components/assets.css b/resources/css/components/assets.css
index b188b8c6bed..47e84976ef8 100644
--- a/resources/css/components/assets.css
+++ b/resources/css/components/assets.css
@@ -146,7 +146,7 @@
 }
 
 .asset-filename {
-    @apply font-mono text-xs text-gray-500 mt-2 overflow-hidden text-ellipsis whitespace-nowrap text-center;
+    @apply font-mono text-xs text-gray-500 mt-2 whitespace-nowrap text-center;
     .selected & {
         @apply text-blue-500;
     }
diff --git a/resources/js/components/assets/Browser/Grid.vue b/resources/js/components/assets/Browser/Grid.vue
index 8e56046c4ed..08df200ecc9 100644
--- a/resources/js/components/assets/Browser/Grid.vue
+++ b/resources/js/components/assets/Browser/Grid.vue
@@ -2,7 +2,7 @@
     <ui-panel v-if="!containerIsEmpty">
         <ui-panel-header class="p-1! flex items-center justify-between">
             <breadcrumbs v-if="!restrictFolderNavigation" :path="path" @navigated="selectFolder" />
-            <ui-slider size="sm" class="mr-2 w-24!" variant="subtle" v-model="thumbnailSize" :min="60" :max="300" :step="5" />
+            <ui-slider size="sm" class="mr-2 w-24!" variant="subtle" v-model="thumbnailSize" :min="60" :max="300" :step="25" />
         </ui-panel-header>
         <!-- Folders -->
         <ui-card class="space-y-8">
@@ -93,7 +93,7 @@
                     </div>
                     <div
                         class="asset-filename"
-                        v-text="asset.basename"
+                        v-text="truncateFilename(asset.basename)"
                         :title="asset.basename"
                     />
                 </div>
@@ -145,6 +145,16 @@ export default {
     },
 
     methods: {
+        truncateFilename(filename) {
+            const maxLength = Math.floor(this.thumbnailSize / 7); // 20 chars at 200px, 30 chars at 300px
+            if (filename.length <= maxLength) return filename;
+
+            const extension = filename.split('.').pop();
+            const name = filename.slice(0, -(extension.length + 1));
+            const charsToKeep = Math.floor((maxLength - 3 - extension.length) / 2);
+
+            return `${name.slice(0, charsToKeep)}…${name.slice(-charsToKeep)}.${extension}`;
+        },
 
         isSelected(id) {
             return this.selectedAssets.includes(id);

From f597642f2f07ce466755277a245a6c2cdbeedf13 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 9 May 2025 15:20:34 -0400
Subject: [PATCH 176/186] remove innacurate comment

---
 resources/js/components/assets/Browser/Grid.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/assets/Browser/Grid.vue b/resources/js/components/assets/Browser/Grid.vue
index 08df200ecc9..6466009d0ec 100644
--- a/resources/js/components/assets/Browser/Grid.vue
+++ b/resources/js/components/assets/Browser/Grid.vue
@@ -146,7 +146,7 @@ export default {
 
     methods: {
         truncateFilename(filename) {
-            const maxLength = Math.floor(this.thumbnailSize / 7); // 20 chars at 200px, 30 chars at 300px
+            const maxLength = Math.floor(this.thumbnailSize / 7);
             if (filename.length <= maxLength) return filename;
 
             const extension = filename.split('.').pop();

From c17437ec09e224e41215d4e5cf19928165c4374a Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 9 May 2025 16:44:13 -0400
Subject: [PATCH 177/186] prevent filetype icons from getting too big

---
 resources/js/components/assets/Browser/Grid.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/assets/Browser/Grid.vue b/resources/js/components/assets/Browser/Grid.vue
index 6466009d0ec..716e229f1e8 100644
--- a/resources/js/components/assets/Browser/Grid.vue
+++ b/resources/js/components/assets/Browser/Grid.vue
@@ -67,7 +67,7 @@
                                             'p-1 rounded-lg': asset.orientation === 'square'
                                         }"
                                     />
-                                    <file-icon v-else :extension="asset.extension" class="size-full p-4" />
+                                    <file-icon v-else :extension="asset.extension" class="size-1/2" />
                                 </div>
                             </div>
                         </button>

From bbff096a8d3412fefbae618afa42d0767d128e2d Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 12 May 2025 13:54:34 -0400
Subject: [PATCH 178/186] Bring back Bulk Actions, add animate in

---
 .../js/components/assets/Browser/Browser.vue  | 15 +++++-----
 .../js/components/data-list/BulkActions.vue   | 28 +++++++++----------
 2 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index f2033963df7..ddb1bbf01b4 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -113,15 +113,14 @@
                             @page-selected="page = $event"
                             @per-page-changed="changePerPage"
                         /> -->
-                    </div>
 
-                    <data-list-bulk-actions
-                        :url="actionUrl"
-                        :context="actionContext"
-                        :show-always="mode === 'grid'"
-                        @started="actionStarted"
-                        @completed="actionCompleted"
-                    />
+                         <data-list-bulk-actions
+                            :url="actionUrl"
+                            :context="actionContext"
+                            @started="actionStarted"
+                            @completed="actionCompleted"
+                        />
+                    </div>
                 </data-list>
             </div>
         </uploader>
diff --git a/resources/js/components/data-list/BulkActions.vue b/resources/js/components/data-list/BulkActions.vue
index 8ae806ffe02..8d4e07fedfe 100644
--- a/resources/js/components/data-list/BulkActions.vue
+++ b/resources/js/components/data-list/BulkActions.vue
@@ -1,13 +1,18 @@
 <template>
-    <div v-if="showAlways || hasSelections" class="fixed inset-x-0 bottom-1 z-100 flex w-full justify-center">
+    <Motion
+        v-if="hasSelections"
+        layout
+        class="absolute inset-x-0 bottom-2 z-100 flex w-full justify-center"
+        :initial="{ y: 100, opacity: 0 }"
+        :animate="{ y: 0, opacity: 1 }"
+        :transition="{ duration: 0.2, ease: 'easeInOut' }"
+    >
         <ButtonGroup>
             <Button
-                variant="primary"
-                class="text-gray-400!"
+                class="text-blue-500!"
                 :text="__n(`:count item selected|:count items selected`, selections.length)"
             />
             <data-list-action
-                v-if="hasSelections"
                 v-for="(action, index) in sortedActions"
                 :key="action.handle"
                 :action="action"
@@ -16,15 +21,16 @@
                 @selected="run"
                 v-slot="{ action, select }"
             >
-                <Button variant="primary" @click="select" :text="__(action.title)" />
+                <Button @click="select" :text="__(action.title)" />
             </data-list-action>
         </ButtonGroup>
-    </div>
+    </Motion>
 </template>
 
 <script>
 import Actions from './Actions';
 import { Button, ButtonGroup } from '@statamic/ui';
+import { Motion } from 'motion-v';
 
 export default {
     mixins: [Actions],
@@ -32,19 +38,13 @@ export default {
     components: {
         Button,
         ButtonGroup,
+        Motion,
     },
 
     inject: ['sharedState'],
 
     props: {
-        context: {
-            type: Object,
-            default: () => {},
-        },
-        showAlways: {
-            type: Boolean,
-            default: false,
-        },
+        context: { type: Object, default: () => {} }
     },
 
     data() {

From 2a3f9fda8e4b42a0e7974dacb3793700432d7487 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 12 May 2025 14:18:23 -0400
Subject: [PATCH 179/186] Fix asset selection watcher

---
 resources/js/components/data-list/BulkActions.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/data-list/BulkActions.vue b/resources/js/components/data-list/BulkActions.vue
index 8d4e07fedfe..a096a71c3ed 100644
--- a/resources/js/components/data-list/BulkActions.vue
+++ b/resources/js/components/data-list/BulkActions.vue
@@ -64,7 +64,12 @@ export default {
     },
 
     watch: {
-        selections: 'getActions',
+        selections: {
+            handler() {
+                this.getActions();
+            },
+            deep: true,
+        },
     },
 
     methods: {

From 8e823fbb9af04c68573105d2b5fee52d0e90ec5e Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 12 May 2025 14:31:35 -0400
Subject: [PATCH 180/186] Use count as deselect all button

---
 resources/js/components/data-list/BulkActions.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/data-list/BulkActions.vue b/resources/js/components/data-list/BulkActions.vue
index a096a71c3ed..91dfa19eb8b 100644
--- a/resources/js/components/data-list/BulkActions.vue
+++ b/resources/js/components/data-list/BulkActions.vue
@@ -2,7 +2,7 @@
     <Motion
         v-if="hasSelections"
         layout
-        class="absolute inset-x-0 bottom-2 z-100 flex w-full justify-center"
+        class="absolute inset-x-0 bottom-6 z-100 flex w-full justify-center"
         :initial="{ y: 100, opacity: 0 }"
         :animate="{ y: 0, opacity: 1 }"
         :transition="{ duration: 0.2, ease: 'easeInOut' }"
@@ -10,7 +10,8 @@
         <ButtonGroup>
             <Button
                 class="text-blue-500!"
-                :text="__n(`:count item selected|:count items selected`, selections.length)"
+                :text="__n(`Deselect :count item|Deselect all :count items`, selections.length)"
+                @click="deselectAll"
             />
             <data-list-action
                 v-for="(action, index) in sortedActions"
@@ -92,6 +93,10 @@ export default {
                 this.actions = response.data;
             });
         },
+
+        deselectAll() {
+            this.sharedState.selections = [];
+        },
     },
 };
 </script>

From 25cad8f8e8dfa4f14f2e4575be31f2e14fa8d620 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 12 May 2025 15:39:57 -0400
Subject: [PATCH 181/186] Mode watcher

---
 resources/js/components/assets/Browser/Browser.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index ddb1bbf01b4..005897fb536 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -334,6 +334,10 @@ export default {
             this.loadAssets();
         },
 
+        mode(mode) {
+            this.setPreference('mode', mode == 'table' ? null : mode);
+        },
+
         editedAssetId(editedAssetId) {
             let path = editedAssetId
                 ? [this.path, this.editedAssetBasename].filter((value) => value != '/').join('/') + '/edit'

From d92c2586492cb0302b5804517b4289435070acd2 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Mon, 12 May 2025 16:08:15 -0400
Subject: [PATCH 182/186] fix editor disappearing

---
 resources/js/components/assets/Browser/Browser.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index 005897fb536..0ab3ff05d66 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -376,8 +376,10 @@ export default {
         selectedPath: {
             immediate: true,
             handler(newPath) {
-                this.path = newPath;
-            }
+                if (!newPath.endsWith('/edit')) {
+                    this.path = newPath;
+                }
+            },
         },
     },
 

From 069ca119311a424f5c8f53afabd20b1a18fe0e6d Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 12 May 2025 16:22:03 -0400
Subject: [PATCH 183/186] Nudge AssetBrowser table into new UI style

---
 .../js/components/assets/Browser/Table.vue    | 82 +++++++++++--------
 1 file changed, 49 insertions(+), 33 deletions(-)

diff --git a/resources/js/components/assets/Browser/Table.vue b/resources/js/components/assets/Browser/Table.vue
index 65c67abbf01..dfb8a74da06 100644
--- a/resources/js/components/assets/Browser/Table.vue
+++ b/resources/js/components/assets/Browser/Table.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="overflow-x-auto overflow-y-hidden">
+    <Panel class="relative overflow-x-auto overscroll-x-contain">
         <data-list-table
             :allow-bulk-actions="true"
             :loading="loading"
@@ -35,23 +35,21 @@
                             {{ folder.basename }}
                         </a>
                     </td>
-                    <td />
-                    <td />
-
-                    <th class="actions-column" :colspan="columns.length">
-                        <dropdown-list
-                            placement="left-start"
-                            v-if="folderActions(folder).length"
-                        >
-                            <data-list-inline-actions
-                                :item="folder.path"
-                                :url="folderActionUrl"
-                                :actions="folderActions(folder)"
-                                @started="actionStarted"
-                                @completed="actionCompleted"
-                            />
-                        </dropdown-list>
-                    </th>
+                    <td :colspan="columns.length - 1" />
+                    <td class="actions-column pr-3!">
+                        <Dropdown placement="left-start" v-if="folderActions(folder).length">
+                            <DropdownMenu>
+                                <DropdownLabel :text="__('Actions')" />
+                                <data-list-inline-actions
+                                    :item="folder.path"
+                                    :url="folderActionUrl"
+                                    :actions="folderActions(folder)"
+                                    @started="actionStarted"
+                                    @completed="actionCompleted"
+                                />
+                            </DropdownMenu>
+                        </Dropdown>
+                    </td>
                 </tr>
             </template>
 
@@ -74,32 +72,50 @@
             </template>
 
             <template #actions="{ row: asset }">
-                <dropdown-list placement="left-start">
-                    <dropdown-item
-                        :text="__(canEdit ? 'Edit' : 'View')"
-                        @click="edit(asset.id)"
-                    />
-                    <div class="divider" v-if="asset.actions.length" />
-                    <data-list-inline-actions
-                        :item="asset.id"
-                        :url="actionUrl"
-                        :actions="asset.actions"
-                        @started="actionStarted"
-                        @completed="actionCompleted"
-                    />
-                </dropdown-list>
+                <Dropdown placement="left-start" class="me-3">
+                    <DropdownMenu>
+                        <DropdownLabel :text="__('Actions')" />
+                        <DropdownItem
+                            :text="__(canEdit ? 'Edit' : 'View')"
+                            @click="edit(asset.id)"
+                            icon="edit"
+                        />
+                        <DropdownSeparator v-if="asset.actions.length" />
+                        <data-list-inline-actions
+                            :item="asset.id"
+                            :url="actionUrl"
+                            :actions="asset.actions"
+                            @started="actionStarted"
+                            @completed="actionCompleted"
+                        />
+                    </DropdownMenu>
+                </Dropdown>
             </template>
         </data-list-table>
-    </div>
+    </Panel>
 </template>
 
 <script>
 import AssetThumbnail from './Thumbnail.vue';
 import AssetBrowserMixin from './AssetBrowserMixin';
+import {
+    Panel,
+    Dropdown,
+    DropdownMenu,
+    DropdownItem,
+    DropdownLabel,
+    DropdownSeparator,
+} from '@statamic/ui';
 
 export default {
     components: {
         AssetThumbnail,
+        Panel,
+        Dropdown,
+        DropdownMenu,
+        DropdownItem,
+        DropdownLabel,
+        DropdownSeparator,
     },
 
     mixins: [AssetBrowserMixin],

From 6bc4995557b9d61559e19d26abc6bc724d1526e1 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 12 May 2025 16:26:47 -0400
Subject: [PATCH 184/186] put the breadcrumbs somewhere at least

---
 resources/js/components/assets/Browser/Table.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/resources/js/components/assets/Browser/Table.vue b/resources/js/components/assets/Browser/Table.vue
index dfb8a74da06..a905bd3ac07 100644
--- a/resources/js/components/assets/Browser/Table.vue
+++ b/resources/js/components/assets/Browser/Table.vue
@@ -92,11 +92,15 @@
                 </Dropdown>
             </template>
         </data-list-table>
+        <ui-panel-footer class="p-1! pb-0!">
+            <Breadcrumbs :path="path" @navigated="selectFolder" />
+        </ui-panel-footer>
     </Panel>
 </template>
 
 <script>
 import AssetThumbnail from './Thumbnail.vue';
+import Breadcrumbs from './Breadcrumbs.vue';
 import AssetBrowserMixin from './AssetBrowserMixin';
 import {
     Panel,
@@ -110,6 +114,7 @@ import {
 export default {
     components: {
         AssetThumbnail,
+        Breadcrumbs,
         Panel,
         Dropdown,
         DropdownMenu,

From 780d7934312927156f2e7382cb149d292cbe3c86 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 12 May 2025 17:09:15 -0400
Subject: [PATCH 185/186] code style tweaks

---
 src/Http/Controllers/CP/Collections/CollectionsController.php | 2 +-
 src/Support/Str.php                                           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Http/Controllers/CP/Collections/CollectionsController.php b/src/Http/Controllers/CP/Collections/CollectionsController.php
index 8c23eb5887c..20d230aa61c 100644
--- a/src/Http/Controllers/CP/Collections/CollectionsController.php
+++ b/src/Http/Controllers/CP/Collections/CollectionsController.php
@@ -66,7 +66,7 @@ private function collections()
                 'blueprints' => $collection->entryBlueprints()->reject->hidden()->values(),
                 'columns' => [
                     ['label' => 'Title', 'field' => 'title', 'visible' => true],
-                    ['label' => 'Date', 'field' => 'date', 'visible' => true]
+                    ['label' => 'Date', 'field' => 'date', 'visible' => true],
                 ],
                 'dated' => $collection->dated(),
                 'edit_url' => $collection->editUrl(),
diff --git a/src/Support/Str.php b/src/Support/Str.php
index 592cc70c13f..0d74567c2db 100644
--- a/src/Support/Str.php
+++ b/src/Support/Str.php
@@ -258,7 +258,7 @@ public static function tailwindWidthClass($width)
             50 => 'md',
             66 => 'md',
             75 => 'lg',
-            100 => 'full'
+            100 => 'full',
         ];
 
         $size = is_numeric($width) ? ($legacyMap[$width] ?? 'full') : $width;

From a1ef31bba039a3d60a27eff26ca579a712287b9e Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Mon, 12 May 2025 17:15:09 -0400
Subject: [PATCH 186/186] remove extraneous closing tag

---
 resources/views/utilities/cache.blade.php | 1 -
 1 file changed, 1 deletion(-)

diff --git a/resources/views/utilities/cache.blade.php b/resources/views/utilities/cache.blade.php
index 39553ba57ef..3ee945c3a04 100644
--- a/resources/views/utilities/cache.blade.php
+++ b/resources/views/utilities/cache.blade.php
@@ -17,7 +17,6 @@
             />
         </form>
     </ui-header>
-</header>
 
 <ui-card-panel>
     <div class="p-4">