diff --git a/doc/common/presetdoc/index.json b/doc/common/presetdoc/index.json
index e48eaccd..78942ba1 100644
--- a/doc/common/presetdoc/index.json
+++ b/doc/common/presetdoc/index.json
@@ -3,5 +3,6 @@
   "fieldset": ".p-fieldset {\n    @apply border border-surface-200 dark:border-surface-700 rounded-md\n        bg-surface-0 dark:bg-surface-900\n        text-surface-700 dark:text-surface-0\n        px-[1.125rem] pt-0 pb-[1.125rem]\n}\n\n.p-fieldset-legend {\n    @apply border border-transparent rounded-md px-3 py-2\n        transition-colors duration-200\n}\n\n.p-fieldset-toggleable > .p-fieldset-legend {\n    @apply p-0\n}\n\n.p-fieldset-toggle-button {\n    @apply select-none overflow-hidden relative\n        flex items-center justify-center gap-2\n        px-3 py-2\n        border-none rounded-md\n        bg-surface-0 dark:bg-surface-900\n        hover:bg-surface-100 dark:hover:bg-surface-800\n        text-surface-700 dark:text-surface-0\n        hover:text-surface-800 dark:hover:text-surface-0\n        focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n        transition-colors duration-200\n}\n\n.p-fieldset-legend-label {\n    @apply font-semibold;\n}\n\n.p-fieldset-toggle-icon {\n    @apply text-surface-500 dark:text-surface-400\n        transition-colors duration-200\n}\n\n.p-fieldset-toggle-button:hover .p-fieldset-toggle-icon {\n    @apply text-surface-600 dark:text-surface-300\n}\n\n.p-fieldset .p-fieldset-content {\n    @apply p-0\n}",
   "inputtext": ".p-inputtext {\n    @apply appearance-none rounded-md\n        border border-surface-300 dark:border-surface-700 \n        enabled:hover:border-surface-400 dark:enabled:hover:border-surface-600\n        enabled:focus:border-primary\n        bg-surface-0 dark:bg-surface-950\n        text-surface-700 dark:text-surface-0\n        disabled:bg-surface-200 disabled:text-surface-500 dark:disabled:bg-surface-700 dark:disabled:text-surface-400\n        placeholder:text-surface-500 dark:placeholder:text-surface-400\n        px-3 py-2\n        transition-colors duration-200\n        shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]\n        outline-none\n}\n\n.p-inputtext.p-invalid {\n    @apply border-red-400 dark:border-red-300\n}\n\n.p-inputtext.p-variant-filled {\n    @apply bg-surface-50 dark:bg-surface-800\n}\n\n.p-inputtext-sm {\n    @apply text-sm px-[0.625rem] py-[0.375rem]\n}\n\n.p-inputtext-lg {\n    @apply text-lg px-[0.875rem] py-[0.625rem]\n}\n\n.p-inputtext-fluid {\n    @apply w-full\n}",
   "panel": ".p-panel {\n    @apply border border-surface-200 dark:border-surface-700 rounded-md\n        bg-surface-0 dark:bg-surface-900\n        text-surface-700 dark:text-surface-0\n}\n\n.p-panel-header {\n    @apply flex justify-between items-center p-[1.125rem]\n}\n\n.p-panel-toggleable .p-panel-header {\n    @apply py-[0.375rem] px-[1.125rem]\n}\n\n.p-panel-title {\n    @apply leading-none font-semibold\n}\n\n.p-panel-content {\n    @apply pt-0 pb-[1.125rem] px-[1.125rem] \n}\n\n.p-panel-footer {\n    @apply pt-0 pb-[1.125rem] px-[1.125rem] \n}",
-  "scrollpanel": ".p-scrollpanel-content-container {\n    @apply overflow-auto w-full h-full relative z-10 float-left\n}\n\n.p-scrollpanel-content {\n    @apply relative overflow-auto \n        h-[calc(100%+18px)] w-[calc(100%+18px)]\n        pt-0 pl-0 pr-[18px] pb-[18px]\n}\n\n.p-scrollpanel-content::-webkit-scrollbar {\n    @apply hidden\n}\n\n.p-scrollpanel-bar {\n    @apply relative rounded-sm z-20 cursor-pointer opacity-0 \n        bg-surface-100 dark:bg-surface-800\n        transition-opacity duration-200 border-none\n        focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-scrollpanel-bar-y {\n    @apply w-[9px] top-0\n}\n\n.p-scrollpanel-bar-x {\n    @apply h-[9px] bottom-0\n}\n\n.p-scrollpanel-hidden {\n    @apply invisible\n}\n\n.p-scrollpanel:hover .p-scrollpanel-bar,\n.p-scrollpanel:active .p-scrollpanel-bar {\n    @apply opacity-100\n}\n\n.p-scrollpanel-grabbed {\n    @apply select-none\n}"
+  "scrollpanel": ".p-scrollpanel-content-container {\n    @apply overflow-auto w-full h-full relative z-10 float-left\n}\n\n.p-scrollpanel-content {\n    @apply relative overflow-auto \n        h-[calc(100%+18px)] w-[calc(100%+18px)]\n        pt-0 pl-0 pr-[18px] pb-[18px]\n}\n\n.p-scrollpanel-content::-webkit-scrollbar {\n    @apply hidden\n}\n\n.p-scrollpanel-bar {\n    @apply relative rounded-sm z-20 cursor-pointer opacity-0 \n        bg-surface-100 dark:bg-surface-800\n        transition-opacity duration-200 border-none\n        focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-scrollpanel-bar-y {\n    @apply w-[9px] top-0\n}\n\n.p-scrollpanel-bar-x {\n    @apply h-[9px] bottom-0\n}\n\n.p-scrollpanel-hidden {\n    @apply invisible\n}\n\n.p-scrollpanel:hover .p-scrollpanel-bar,\n.p-scrollpanel:active .p-scrollpanel-bar {\n    @apply opacity-100\n}\n\n.p-scrollpanel-grabbed {\n    @apply select-none\n}",
+  "toolbar": ".p-toolbar {\n    @apply flex items-center justify-between flex-wrap p-3 gap-2\n        bg-surface-0 dark:bg-surface-900\n        text-surface-700 dark:text-surface-0\n        border border-surface-200 dark:border-surface-700 rounded-md\n}\n\n.p-toolbar-start,\n.p-toolbar-center,\n.p-toolbar-end {\n    @apply flex items-center\n}"
 }
\ No newline at end of file