create-nextblock 0.12.9 → 0.12.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (293) hide show
  1. package/docker-template/.dockerignore +23 -23
  2. package/docker-template/.env.docker.example +69 -69
  3. package/docker-template/docker/db/init/99-jwt.sql +6 -6
  4. package/docker-template/docker/db/init/99-roles.sql +25 -25
  5. package/docker-template/docker/kong/kong.yml +112 -112
  6. package/docker-template/scripts/docker-setup.mjs +310 -310
  7. package/libs/db/tsconfig.lib.json +3 -3
  8. package/libs/editor/tsconfig.lib.json +3 -3
  9. package/libs/ui/tsconfig.lib.json +3 -3
  10. package/libs/utils/tsconfig.json +3 -3
  11. package/package.json +1 -1
  12. package/project.json +19 -19
  13. package/templates/nextblock-template/.browserslistrc +11 -11
  14. package/templates/nextblock-template/.dockerignore +23 -23
  15. package/templates/nextblock-template/README.md +34 -34
  16. package/templates/nextblock-template/app/(auth-pages)/layout.tsx +9 -9
  17. package/templates/nextblock-template/app/(auth-pages)/post-sign-in/page.tsx +27 -27
  18. package/templates/nextblock-template/app/(auth-pages)/sign-up/SignUpForm.tsx +141 -141
  19. package/templates/nextblock-template/app/(auth-pages)/sign-up/page.tsx +46 -46
  20. package/templates/nextblock-template/app/(auth-pages)/two-factor/actions.ts +91 -91
  21. package/templates/nextblock-template/app/(auth-pages)/two-factor/components/TwoFactorForm.tsx +123 -123
  22. package/templates/nextblock-template/app/(auth-pages)/two-factor/page.tsx +51 -51
  23. package/templates/nextblock-template/app/ToasterProvider.tsx +17 -17
  24. package/templates/nextblock-template/app/[slug]/pageClientActions.ts +7 -7
  25. package/templates/nextblock-template/app/actions/consent.ts +57 -57
  26. package/templates/nextblock-template/app/actions/interactions.test.ts +301 -301
  27. package/templates/nextblock-template/app/actions/interactions.ts +373 -373
  28. package/templates/nextblock-template/app/actions/postActions.ts +146 -146
  29. package/templates/nextblock-template/app/actions/twoFactorEmail.ts +22 -22
  30. package/templates/nextblock-template/app/api/ai/cortex/build-widget/route.ts +153 -153
  31. package/templates/nextblock-template/app/api/ai/generate-blocks/route.ts +96 -96
  32. package/templates/nextblock-template/app/api/ai/global-agent/route.ts +964 -964
  33. package/templates/nextblock-template/app/api/brand/email-logo/route.ts +48 -48
  34. package/templates/nextblock-template/app/api/cms/check-updates/route.ts +44 -44
  35. package/templates/nextblock-template/app/api/cms/full-backup/export/route.ts +33 -33
  36. package/templates/nextblock-template/app/api/cms/full-backup/restore/route.ts +63 -63
  37. package/templates/nextblock-template/app/api/cron/reset-sandbox/route.ts +3490 -3490
  38. package/templates/nextblock-template/app/api/cron/reset-sandbox/sandboxResetSql.ts +5597 -5597
  39. package/templates/nextblock-template/app/api/cron/sync-currencies/route.ts +39 -39
  40. package/templates/nextblock-template/app/api/custom-blocks/db-relations/route.ts +92 -92
  41. package/templates/nextblock-template/app/api/custom-blocks/editor-definitions/route.ts +43 -43
  42. package/templates/nextblock-template/app/api/media/library/route.ts +69 -69
  43. package/templates/nextblock-template/app/api/media/r2-presigned/route.ts +53 -53
  44. package/templates/nextblock-template/app/api/media/record/route.ts +160 -160
  45. package/templates/nextblock-template/app/api/search/route.ts +43 -43
  46. package/templates/nextblock-template/app/article/[slug]/PostClientContent.tsx +441 -441
  47. package/templates/nextblock-template/app/auth/callback/route.ts +31 -31
  48. package/templates/nextblock-template/app/cart/page.tsx +7 -7
  49. package/templates/nextblock-template/app/cms/blocks/components/CustomBlockEditorPreview.tsx +160 -160
  50. package/templates/nextblock-template/app/cms/blocks/components/MediaLibraryModal.tsx +149 -149
  51. package/templates/nextblock-template/app/cms/blocks/editors/DynamicCustomBlockEditor.tsx +167 -167
  52. package/templates/nextblock-template/app/cms/blocks/editors/ImageBlockEditor.tsx +29 -29
  53. package/templates/nextblock-template/app/cms/blocks/editors/TextBlockEditor.tsx +90 -90
  54. package/templates/nextblock-template/app/cms/components/ConnectGitHubButton.tsx +122 -122
  55. package/templates/nextblock-template/app/cms/components/CortexAiPageContext.tsx +58 -58
  56. package/templates/nextblock-template/app/cms/components/FeatureImageField.tsx +244 -244
  57. package/templates/nextblock-template/app/cms/components/FeedbackModal.tsx +36 -36
  58. package/templates/nextblock-template/app/cms/components/SystemAlertsBanner.tsx +112 -112
  59. package/templates/nextblock-template/app/cms/components/TwoFactorReminderBanner.tsx +45 -45
  60. package/templates/nextblock-template/app/cms/components/github-connect-actions.ts +102 -102
  61. package/templates/nextblock-template/app/cms/components/system-alerts-actions.ts +31 -31
  62. package/templates/nextblock-template/app/cms/custom-blocks/[id]/edit/page.tsx +66 -66
  63. package/templates/nextblock-template/app/cms/custom-blocks/actions.ts +519 -519
  64. package/templates/nextblock-template/app/cms/custom-blocks/components/BlockComposer.tsx +1522 -1522
  65. package/templates/nextblock-template/app/cms/custom-blocks/components/BlocksLibraryTransferControls.tsx +256 -256
  66. package/templates/nextblock-template/app/cms/custom-blocks/components/DBRelationSelect.tsx +384 -384
  67. package/templates/nextblock-template/app/cms/custom-blocks/components/ImageR2Picker.tsx +221 -221
  68. package/templates/nextblock-template/app/cms/custom-blocks/new/page.tsx +12 -12
  69. package/templates/nextblock-template/app/cms/custom-blocks/page.tsx +438 -438
  70. package/templates/nextblock-template/app/cms/dashboard/actions.ts +228 -228
  71. package/templates/nextblock-template/app/cms/dashboard/components/DashboardOnboarding.tsx +130 -130
  72. package/templates/nextblock-template/app/cms/import-export/ContentTransferControls.tsx +431 -391
  73. package/templates/nextblock-template/app/cms/import-export/actions.ts +226 -226
  74. package/templates/nextblock-template/app/cms/interactions/InteractionsModerationClient.tsx +408 -408
  75. package/templates/nextblock-template/app/cms/interactions/page.tsx +51 -51
  76. package/templates/nextblock-template/app/cms/layout.tsx +73 -73
  77. package/templates/nextblock-template/app/cms/media/components/FolderNavigator.tsx +273 -273
  78. package/templates/nextblock-template/app/cms/media/components/FolderTree.tsx +122 -122
  79. package/templates/nextblock-template/app/cms/media/components/MediaEditForm.tsx +26 -26
  80. package/templates/nextblock-template/app/cms/media/components/MediaGridClient.tsx +69 -69
  81. package/templates/nextblock-template/app/cms/media/components/MediaPickerDialog.tsx +149 -158
  82. package/templates/nextblock-template/app/cms/media/components/MediaUploadForm.tsx +101 -101
  83. package/templates/nextblock-template/app/cms/navigation/components/NavigationMenuDnd.tsx +3 -3
  84. package/templates/nextblock-template/app/cms/pages/page.tsx +18 -17
  85. package/templates/nextblock-template/app/cms/posts/page.tsx +19 -18
  86. package/templates/nextblock-template/app/cms/products/[id]/edit/page.tsx +12 -0
  87. package/templates/nextblock-template/app/cms/products/attributes/page.tsx +12 -12
  88. package/templates/nextblock-template/app/cms/products/categories/page.tsx +12 -12
  89. package/templates/nextblock-template/app/cms/products/inventory/page.tsx +13 -13
  90. package/templates/nextblock-template/app/cms/products/new/page.tsx +135 -135
  91. package/templates/nextblock-template/app/cms/products/page.tsx +39 -27
  92. package/templates/nextblock-template/app/cms/products/productFormData.ts +133 -133
  93. package/templates/nextblock-template/app/cms/products/settings/page.tsx +5 -5
  94. package/templates/nextblock-template/app/cms/promotions/PromotionsWorkspace.tsx +456 -456
  95. package/templates/nextblock-template/app/cms/promotions/actions.ts +115 -115
  96. package/templates/nextblock-template/app/cms/promotions/page.tsx +31 -31
  97. package/templates/nextblock-template/app/cms/revisions/service.ts +19 -19
  98. package/templates/nextblock-template/app/cms/revisions/utils.ts +132 -132
  99. package/templates/nextblock-template/app/cms/settings/backup-restore/BackupRestoreWorkspace.tsx +1004 -1004
  100. package/templates/nextblock-template/app/cms/settings/backup-restore/page.tsx +29 -29
  101. package/templates/nextblock-template/app/cms/settings/bot-protection/actions.ts +93 -93
  102. package/templates/nextblock-template/app/cms/settings/bot-protection/components/BotProtectionForm.tsx +129 -129
  103. package/templates/nextblock-template/app/cms/settings/bot-protection/page.tsx +24 -24
  104. package/templates/nextblock-template/app/cms/settings/cortex-ai/SandboxCortexAiSettingsClient.tsx +497 -497
  105. package/templates/nextblock-template/app/cms/settings/cortex-ai/StoredCortexAiSettingsClient.tsx +410 -410
  106. package/templates/nextblock-template/app/cms/settings/cortex-ai/actions.ts +246 -246
  107. package/templates/nextblock-template/app/cms/settings/cortex-ai/page.tsx +80 -80
  108. package/templates/nextblock-template/app/cms/settings/currencies/actions.ts +331 -331
  109. package/templates/nextblock-template/app/cms/settings/currencies/page.tsx +494 -494
  110. package/templates/nextblock-template/app/cms/settings/email/actions.ts +64 -64
  111. package/templates/nextblock-template/app/cms/settings/email/components/EmailForm.tsx +181 -181
  112. package/templates/nextblock-template/app/cms/settings/email/page.tsx +28 -28
  113. package/templates/nextblock-template/app/cms/settings/extra-translations/ExtraTranslationsWorkspace.tsx +767 -767
  114. package/templates/nextblock-template/app/cms/settings/extra-translations/page.tsx +93 -93
  115. package/templates/nextblock-template/app/cms/settings/google-analytics/actions.ts +60 -60
  116. package/templates/nextblock-template/app/cms/settings/google-analytics/components/GoogleAnalyticsForm.tsx +129 -129
  117. package/templates/nextblock-template/app/cms/settings/google-analytics/page.tsx +26 -26
  118. package/templates/nextblock-template/app/cms/settings/languages/actions.ts +16 -16
  119. package/templates/nextblock-template/app/cms/settings/logos/[id]/edit/page.tsx +7 -7
  120. package/templates/nextblock-template/app/cms/settings/logos/components/BrandingSettingsForm.tsx +339 -339
  121. package/templates/nextblock-template/app/cms/settings/logos/components/DeleteLogoButton.tsx +21 -21
  122. package/templates/nextblock-template/app/cms/settings/logos/components/LogoForm.tsx +20 -20
  123. package/templates/nextblock-template/app/cms/settings/logos/components/SetActiveLogoButton.tsx +42 -42
  124. package/templates/nextblock-template/app/cms/settings/logos/components/SiteSeoSettingsForm.tsx +133 -133
  125. package/templates/nextblock-template/app/cms/settings/logos/new/page.tsx +8 -8
  126. package/templates/nextblock-template/app/cms/settings/packages/package-card.tsx +122 -122
  127. package/templates/nextblock-template/app/cms/settings/privacy/actions.ts +52 -52
  128. package/templates/nextblock-template/app/cms/settings/privacy/components/PrivacyForm.tsx +148 -148
  129. package/templates/nextblock-template/app/cms/settings/privacy/page.tsx +27 -27
  130. package/templates/nextblock-template/app/cms/settings/registration/actions.ts +44 -44
  131. package/templates/nextblock-template/app/cms/settings/registration/components/RegistrationForm.tsx +65 -65
  132. package/templates/nextblock-template/app/cms/settings/registration/page.tsx +27 -27
  133. package/templates/nextblock-template/app/cms/settings/security/actions.ts +284 -284
  134. package/templates/nextblock-template/app/cms/settings/security/components/SecurityPanel.tsx +522 -522
  135. package/templates/nextblock-template/app/cms/settings/security/page.tsx +33 -33
  136. package/templates/nextblock-template/app/cms/settings/taxes/page.tsx +21 -21
  137. package/templates/nextblock-template/app/cms/shipping/page.tsx +20 -20
  138. package/templates/nextblock-template/app/cms/users/actions.ts +222 -222
  139. package/templates/nextblock-template/app/cms/users/components/DeleteUserButton.tsx +12 -12
  140. package/templates/nextblock-template/app/cms/users/components/UserForm.tsx +44 -44
  141. package/templates/nextblock-template/app/lib/site-settings.ts +105 -105
  142. package/templates/nextblock-template/app/lib/sitemap-utils.ts +253 -253
  143. package/templates/nextblock-template/app/profile/ProfileAccountSidebar.tsx +73 -73
  144. package/templates/nextblock-template/app/profile/ProfilePageHeader.tsx +16 -16
  145. package/templates/nextblock-template/app/profile/ProfilePageMissingState.tsx +9 -9
  146. package/templates/nextblock-template/app/profile/account-data.ts +37 -37
  147. package/templates/nextblock-template/app/profile/account-links.ts +22 -22
  148. package/templates/nextblock-template/app/profile/account-types.ts +11 -11
  149. package/templates/nextblock-template/app/profile/orders/CustomerOrdersPageClient.tsx +124 -124
  150. package/templates/nextblock-template/app/profile/orders/[id]/CustomerOrderDetailPageClient.tsx +79 -79
  151. package/templates/nextblock-template/app/profile/orders/[id]/page.tsx +32 -32
  152. package/templates/nextblock-template/app/profile/orders/page.tsx +19 -19
  153. package/templates/nextblock-template/app/profile/page.tsx +42 -42
  154. package/templates/nextblock-template/app/profile/password/PasswordSettingsPageClient.tsx +128 -128
  155. package/templates/nextblock-template/app/profile/password/actions.ts +59 -59
  156. package/templates/nextblock-template/app/profile/password/page.tsx +27 -27
  157. package/templates/nextblock-template/app/setup/SetupWizard.tsx +678 -678
  158. package/templates/nextblock-template/app/setup/layout.tsx +13 -13
  159. package/templates/nextblock-template/app/setup/page.tsx +111 -111
  160. package/templates/nextblock-template/app/sitemap.ts +130 -130
  161. package/templates/nextblock-template/components/CartDrawerLoader.tsx +7 -7
  162. package/templates/nextblock-template/components/DeferredCartDrawer.tsx +23 -23
  163. package/templates/nextblock-template/components/DeferredGoogleAnalytics.tsx +70 -70
  164. package/templates/nextblock-template/components/DeferredGoogleTagManager.tsx +70 -70
  165. package/templates/nextblock-template/components/DeferredSpeedInsights.tsx +69 -69
  166. package/templates/nextblock-template/components/FeatureImageHero.tsx +47 -47
  167. package/templates/nextblock-template/components/FooterNavigation.tsx +32 -32
  168. package/templates/nextblock-template/components/GitHubLoginButton.tsx +15 -15
  169. package/templates/nextblock-template/components/HtmlScriptExecutor.tsx +47 -47
  170. package/templates/nextblock-template/components/LanguageSwitcher.tsx +2 -2
  171. package/templates/nextblock-template/components/PostCommentsSection.tsx +369 -369
  172. package/templates/nextblock-template/components/ProductReviewsSection.tsx +419 -419
  173. package/templates/nextblock-template/components/PublicEnvBootstrap.tsx +30 -30
  174. package/templates/nextblock-template/components/ResponsiveNav.tsx +14 -14
  175. package/templates/nextblock-template/components/auth/AuthBotProtection.tsx +182 -182
  176. package/templates/nextblock-template/components/blocks/PostCardSkeleton.tsx +12 -12
  177. package/templates/nextblock-template/components/blocks/PostsGridBlock.tsx +12 -12
  178. package/templates/nextblock-template/components/blocks/ecommerceRendererLoaders.ts +23 -23
  179. package/templates/nextblock-template/components/blocks/renderers/FormBlockRenderer.tsx +249 -249
  180. package/templates/nextblock-template/components/blocks/types.ts +7 -7
  181. package/templates/nextblock-template/components/env-var-warning.tsx +3 -3
  182. package/templates/nextblock-template/components/form-message.tsx +32 -32
  183. package/templates/nextblock-template/components/privacy/ConsentBanner.tsx +170 -170
  184. package/templates/nextblock-template/components/privacy/ConsentGatedAnalytics.tsx +70 -70
  185. package/templates/nextblock-template/components/renderers/CachedDynamicLayoutEngine.tsx +28 -28
  186. package/templates/nextblock-template/components/renderers/DynamicLayoutEngine.test.tsx +166 -166
  187. package/templates/nextblock-template/components/renderers/DynamicLayoutEngine.tsx +464 -464
  188. package/templates/nextblock-template/components/submit-button.tsx +23 -23
  189. package/templates/nextblock-template/components/theme-switcher.tsx +8 -8
  190. package/templates/nextblock-template/components/visual-editing/DeferredVisualEditing.tsx +21 -21
  191. package/templates/nextblock-template/context/AuthContext.tsx +23 -23
  192. package/templates/nextblock-template/context/LanguageContext.tsx +16 -16
  193. package/templates/nextblock-template/context/language-rest-client.ts +32 -32
  194. package/templates/nextblock-template/docker/db/init/99-jwt.sql +6 -6
  195. package/templates/nextblock-template/docker/db/init/99-roles.sql +25 -25
  196. package/templates/nextblock-template/docker/kong/kong.yml +112 -112
  197. package/templates/nextblock-template/docs/01-PROJECT-OVERVIEW.md +94 -94
  198. package/templates/nextblock-template/docs/02-ECOMMERCE-CAPABILITIES.md +364 -364
  199. package/templates/nextblock-template/docs/03-CMS-AND-EDITOR.md +202 -202
  200. package/templates/nextblock-template/docs/04-DATABASE-AND-AUTH.md +246 -246
  201. package/templates/nextblock-template/docs/06-CLI-AND-SCAFFOLDING.md +176 -176
  202. package/templates/nextblock-template/docs/07-BLOCK-SDK-AND-EXTENSIBILITY.md +146 -146
  203. package/templates/nextblock-template/docs/08-NEXTBLOCK-CORTEX-AI-ARCHITECTURE.md +1319 -1319
  204. package/templates/nextblock-template/docs/10-CUSTOM-BLOCKS.md +222 -222
  205. package/templates/nextblock-template/docs/11-SELF-HOSTED-DOCKER.md +173 -173
  206. package/templates/nextblock-template/docs/12-VERCEL-DEPLOYMENT.md +170 -170
  207. package/templates/nextblock-template/docs/13-STAYING-UP-TO-DATE.md +151 -151
  208. package/templates/nextblock-template/docs/README.md +39 -39
  209. package/templates/nextblock-template/docs/TECHNICAL_SPECIFICATION.md +12505 -12505
  210. package/templates/nextblock-template/hooks/use-hotkeys.ts +21 -21
  211. package/templates/nextblock-template/hooks/useGlobalSearch.ts +101 -101
  212. package/templates/nextblock-template/index.d.ts +7 -7
  213. package/templates/nextblock-template/lib/app-secrets.ts +39 -39
  214. package/templates/nextblock-template/lib/auth/cookies.ts +47 -47
  215. package/templates/nextblock-template/lib/auth/crypto.ts +45 -45
  216. package/templates/nextblock-template/lib/auth/trustedDevices.ts +92 -92
  217. package/templates/nextblock-template/lib/auth/twoFactor.ts +208 -208
  218. package/templates/nextblock-template/lib/auth-redirects.ts +46 -46
  219. package/templates/nextblock-template/lib/blocks/README.md +13 -13
  220. package/templates/nextblock-template/lib/blocks/blockRegistry.ts +6 -6
  221. package/templates/nextblock-template/lib/blocks/blockTypes.ts +18 -18
  222. package/templates/nextblock-template/lib/botProtection/verify.ts +134 -134
  223. package/templates/nextblock-template/lib/cms-transfer/csv.test.ts +100 -77
  224. package/templates/nextblock-template/lib/cms-transfer/csv.ts +403 -399
  225. package/templates/nextblock-template/lib/cms-transfer/server.ts +2243 -2243
  226. package/templates/nextblock-template/lib/cms-transfer/types.ts +145 -145
  227. package/templates/nextblock-template/lib/config/email-settings.ts +217 -217
  228. package/templates/nextblock-template/lib/custom-block-definitions.ts +87 -87
  229. package/templates/nextblock-template/lib/custom-block-r2-upload-shared.ts +178 -178
  230. package/templates/nextblock-template/lib/custom-block-r2-upload.test.ts +140 -140
  231. package/templates/nextblock-template/lib/custom-block-r2-upload.ts +88 -88
  232. package/templates/nextblock-template/lib/custom-block-relation-registry.ts +256 -256
  233. package/templates/nextblock-template/lib/custom-block-relations.test.ts +227 -227
  234. package/templates/nextblock-template/lib/custom-block-relations.ts +279 -279
  235. package/templates/nextblock-template/lib/custom-block-safelist.ts +14 -14
  236. package/templates/nextblock-template/lib/editor/dynamic-extension-core.test.ts +172 -172
  237. package/templates/nextblock-template/lib/editor/dynamic-extension-core.ts +213 -213
  238. package/templates/nextblock-template/lib/editor/dynamic-extension-loader.ts +22 -22
  239. package/templates/nextblock-template/lib/editor/dynamic-extensions.tsx +193 -193
  240. package/templates/nextblock-template/lib/email/branding-format.test.ts +133 -133
  241. package/templates/nextblock-template/lib/email/branding-format.ts +123 -123
  242. package/templates/nextblock-template/lib/email/branding.ts +76 -76
  243. package/templates/nextblock-template/lib/full-backup/manifest.test.ts +121 -121
  244. package/templates/nextblock-template/lib/full-backup/manifest.ts +206 -206
  245. package/templates/nextblock-template/lib/full-backup/server.ts +743 -743
  246. package/templates/nextblock-template/lib/logos/active-logo.ts +53 -53
  247. package/templates/nextblock-template/lib/media/resolveMediaUrl.ts +54 -54
  248. package/templates/nextblock-template/lib/onboarding/actions.ts +31 -31
  249. package/templates/nextblock-template/lib/onboarding/status.ts +222 -222
  250. package/templates/nextblock-template/lib/posts/readTime.ts +60 -60
  251. package/templates/nextblock-template/lib/privacy/consent-client.ts +57 -57
  252. package/templates/nextblock-template/lib/privacy/contact-emails.ts +64 -64
  253. package/templates/nextblock-template/lib/privacy/settings.ts +115 -115
  254. package/templates/nextblock-template/lib/privacy/types.ts +69 -69
  255. package/templates/nextblock-template/lib/promotions/server.test.ts +74 -74
  256. package/templates/nextblock-template/lib/promotions/server.ts +741 -741
  257. package/templates/nextblock-template/lib/resolve-block-relations.test.ts +142 -142
  258. package/templates/nextblock-template/lib/resolve-block-relations.ts +255 -255
  259. package/templates/nextblock-template/lib/search/server.ts +585 -585
  260. package/templates/nextblock-template/lib/search/types.ts +27 -27
  261. package/templates/nextblock-template/lib/setup/actions.ts +460 -460
  262. package/templates/nextblock-template/lib/setup/env-status.ts +125 -125
  263. package/templates/nextblock-template/lib/setup/env-write.ts +111 -111
  264. package/templates/nextblock-template/lib/setup/migrations-bundle.ts +37 -37
  265. package/templates/nextblock-template/lib/setup/provisioning.ts +59 -59
  266. package/templates/nextblock-template/lib/setup/schema-apply.ts +408 -408
  267. package/templates/nextblock-template/lib/setup/system-config.ts +105 -105
  268. package/templates/nextblock-template/lib/setup/types.ts +18 -18
  269. package/templates/nextblock-template/lib/site-url.ts +48 -48
  270. package/templates/nextblock-template/lib/storage/provider.ts +66 -66
  271. package/templates/nextblock-template/lib/storage/supabase-storage.ts +103 -103
  272. package/templates/nextblock-template/lib/updates/check-upstream.ts +441 -441
  273. package/templates/nextblock-template/lib/updates/github-device.ts +206 -206
  274. package/templates/nextblock-template/lib/updates/repo-identity.ts +56 -56
  275. package/templates/nextblock-template/package.json +1 -1
  276. package/templates/nextblock-template/postcss.config.js +6 -6
  277. package/templates/nextblock-template/scripts/backup.js +115 -115
  278. package/templates/nextblock-template/scripts/docker-setup.mjs +310 -310
  279. package/templates/nextblock-template/scripts/restore.js +385 -385
  280. package/templates/nextblock-template/scripts/verify-cortex-ai-build-widget.tsx +98 -98
  281. package/templates/nextblock-template/scripts/verify-cortex-ai-generate-blocks.ts +62 -62
  282. package/templates/nextblock-template/scripts/verify-cortex-ai-global-tools.ts +537 -537
  283. package/templates/nextblock-template/scripts/verify-cortex-ai-routing.ts +58 -58
  284. package/templates/nextblock-template/scripts/verify-custom-block-definitions.ts +188 -188
  285. package/templates/nextblock-template/scripts/verify-dynamic-custom-block-extensions.ts +123 -123
  286. package/templates/nextblock-template/scripts/verify-dynamic-layout-engine.tsx +133 -133
  287. package/templates/nextblock-template/scripts/verify-milestone-2-custom-blocks.ts +65 -65
  288. package/templates/nextblock-template/tailwind.config.js +25 -25
  289. package/templates/nextblock-template/tools/build-migrate.mjs +209 -209
  290. package/templates/nextblock-template/tools/configure-supabase-auth.js +282 -282
  291. package/templates/nextblock-template/types/jsdom.d.ts +6 -6
  292. package/tsconfig.base.json +3 -3
  293. package/templates/nextblock-template/tsconfig.tsbuildinfo +0 -1
@@ -1,14 +1,14 @@
1
- /*
2
- * AUTO-GENERATED — do not edit by hand.
3
- * Regenerate with: node tools/scripts/gen-custom-block-safelist.js
4
- *
5
- * Custom block layouts store Tailwind classes in the database. Tailwind only
6
- * emits CSS for classes it finds while scanning source files, so these color
7
- * utility tokens are listed here to force their generation. This module is never
8
- * imported at runtime; it exists purely so the Tailwind content scanner sees it.
9
- * (Consolidates and replaces the former app/force-styles.tsx.)
10
- */
11
-
12
- export const CUSTOM_BLOCK_TAILWIND_SAFELIST = `
13
- bg-slate-50 hover:bg-slate-50 focus:bg-slate-50 text-slate-50 hover:text-slate-50 border-slate-50 hover:border-slate-50 ring-slate-50 focus:ring-slate-50 shadow-slate-50 from-slate-50 via-slate-50 to-slate-50 bg-slate-100 hover:bg-slate-100 focus:bg-slate-100 text-slate-100 hover:text-slate-100 border-slate-100 hover:border-slate-100 ring-slate-100 focus:ring-slate-100 shadow-slate-100 from-slate-100 via-slate-100 to-slate-100 bg-slate-200 hover:bg-slate-200 focus:bg-slate-200 text-slate-200 hover:text-slate-200 border-slate-200 hover:border-slate-200 ring-slate-200 focus:ring-slate-200 shadow-slate-200 from-slate-200 via-slate-200 to-slate-200 bg-slate-300 hover:bg-slate-300 focus:bg-slate-300 text-slate-300 hover:text-slate-300 border-slate-300 hover:border-slate-300 ring-slate-300 focus:ring-slate-300 shadow-slate-300 from-slate-300 via-slate-300 to-slate-300 bg-slate-400 hover:bg-slate-400 focus:bg-slate-400 text-slate-400 hover:text-slate-400 border-slate-400 hover:border-slate-400 ring-slate-400 focus:ring-slate-400 shadow-slate-400 from-slate-400 via-slate-400 to-slate-400 bg-slate-500 hover:bg-slate-500 focus:bg-slate-500 text-slate-500 hover:text-slate-500 border-slate-500 hover:border-slate-500 ring-slate-500 focus:ring-slate-500 shadow-slate-500 from-slate-500 via-slate-500 to-slate-500 bg-slate-600 hover:bg-slate-600 focus:bg-slate-600 text-slate-600 hover:text-slate-600 border-slate-600 hover:border-slate-600 ring-slate-600 focus:ring-slate-600 shadow-slate-600 from-slate-600 via-slate-600 to-slate-600 bg-slate-700 hover:bg-slate-700 focus:bg-slate-700 text-slate-700 hover:text-slate-700 border-slate-700 hover:border-slate-700 ring-slate-700 focus:ring-slate-700 shadow-slate-700 from-slate-700 via-slate-700 to-slate-700 bg-slate-800 hover:bg-slate-800 focus:bg-slate-800 text-slate-800 hover:text-slate-800 border-slate-800 hover:border-slate-800 ring-slate-800 focus:ring-slate-800 shadow-slate-800 from-slate-800 via-slate-800 to-slate-800 bg-slate-900 hover:bg-slate-900 focus:bg-slate-900 text-slate-900 hover:text-slate-900 border-slate-900 hover:border-slate-900 ring-slate-900 focus:ring-slate-900 shadow-slate-900 from-slate-900 via-slate-900 to-slate-900 bg-slate-950 hover:bg-slate-950 focus:bg-slate-950 text-slate-950 hover:text-slate-950 border-slate-950 hover:border-slate-950 ring-slate-950 focus:ring-slate-950 shadow-slate-950 from-slate-950 via-slate-950 to-slate-950 bg-gray-50 hover:bg-gray-50 focus:bg-gray-50 text-gray-50 hover:text-gray-50 border-gray-50 hover:border-gray-50 ring-gray-50 focus:ring-gray-50 shadow-gray-50 from-gray-50 via-gray-50 to-gray-50 bg-gray-100 hover:bg-gray-100 focus:bg-gray-100 text-gray-100 hover:text-gray-100 border-gray-100 hover:border-gray-100 ring-gray-100 focus:ring-gray-100 shadow-gray-100 from-gray-100 via-gray-100 to-gray-100 bg-gray-200 hover:bg-gray-200 focus:bg-gray-200 text-gray-200 hover:text-gray-200 border-gray-200 hover:border-gray-200 ring-gray-200 focus:ring-gray-200 shadow-gray-200 from-gray-200 via-gray-200 to-gray-200 bg-gray-300 hover:bg-gray-300 focus:bg-gray-300 text-gray-300 hover:text-gray-300 border-gray-300 hover:border-gray-300 ring-gray-300 focus:ring-gray-300 shadow-gray-300 from-gray-300 via-gray-300 to-gray-300 bg-gray-400 hover:bg-gray-400 focus:bg-gray-400 text-gray-400 hover:text-gray-400 border-gray-400 hover:border-gray-400 ring-gray-400 focus:ring-gray-400 shadow-gray-400 from-gray-400 via-gray-400 to-gray-400 bg-gray-500 hover:bg-gray-500 focus:bg-gray-500 text-gray-500 hover:text-gray-500 border-gray-500 hover:border-gray-500 ring-gray-500 focus:ring-gray-500 shadow-gray-500 from-gray-500 via-gray-500 to-gray-500 bg-gray-600 hover:bg-gray-600 focus:bg-gray-600 text-gray-600 hover:text-gray-600 border-gray-600 hover:border-gray-600 ring-gray-600 focus:ring-gray-600 shadow-gray-600 from-gray-600 via-gray-600 to-gray-600 bg-gray-700 hover:bg-gray-700 focus:bg-gray-700 text-gray-700 hover:text-gray-700 border-gray-700 hover:border-gray-700 ring-gray-700 focus:ring-gray-700 shadow-gray-700 from-gray-700 via-gray-700 to-gray-700 bg-gray-800 hover:bg-gray-800 focus:bg-gray-800 text-gray-800 hover:text-gray-800 border-gray-800 hover:border-gray-800 ring-gray-800 focus:ring-gray-800 shadow-gray-800 from-gray-800 via-gray-800 to-gray-800 bg-gray-900 hover:bg-gray-900 focus:bg-gray-900 text-gray-900 hover:text-gray-900 border-gray-900 hover:border-gray-900 ring-gray-900 focus:ring-gray-900 shadow-gray-900 from-gray-900 via-gray-900 to-gray-900 bg-gray-950 hover:bg-gray-950 focus:bg-gray-950 text-gray-950 hover:text-gray-950 border-gray-950 hover:border-gray-950 ring-gray-950 focus:ring-gray-950 shadow-gray-950 from-gray-950 via-gray-950 to-gray-950 bg-zinc-50 hover:bg-zinc-50 focus:bg-zinc-50 text-zinc-50 hover:text-zinc-50 border-zinc-50 hover:border-zinc-50 ring-zinc-50 focus:ring-zinc-50 shadow-zinc-50 from-zinc-50 via-zinc-50 to-zinc-50 bg-zinc-100 hover:bg-zinc-100 focus:bg-zinc-100 text-zinc-100 hover:text-zinc-100 border-zinc-100 hover:border-zinc-100 ring-zinc-100 focus:ring-zinc-100 shadow-zinc-100 from-zinc-100 via-zinc-100 to-zinc-100 bg-zinc-200 hover:bg-zinc-200 focus:bg-zinc-200 text-zinc-200 hover:text-zinc-200 border-zinc-200 hover:border-zinc-200 ring-zinc-200 focus:ring-zinc-200 shadow-zinc-200 from-zinc-200 via-zinc-200 to-zinc-200 bg-zinc-300 hover:bg-zinc-300 focus:bg-zinc-300 text-zinc-300 hover:text-zinc-300 border-zinc-300 hover:border-zinc-300 ring-zinc-300 focus:ring-zinc-300 shadow-zinc-300 from-zinc-300 via-zinc-300 to-zinc-300 bg-zinc-400 hover:bg-zinc-400 focus:bg-zinc-400 text-zinc-400 hover:text-zinc-400 border-zinc-400 hover:border-zinc-400 ring-zinc-400 focus:ring-zinc-400 shadow-zinc-400 from-zinc-400 via-zinc-400 to-zinc-400 bg-zinc-500 hover:bg-zinc-500 focus:bg-zinc-500 text-zinc-500 hover:text-zinc-500 border-zinc-500 hover:border-zinc-500 ring-zinc-500 focus:ring-zinc-500 shadow-zinc-500 from-zinc-500 via-zinc-500 to-zinc-500 bg-zinc-600 hover:bg-zinc-600 focus:bg-zinc-600 text-zinc-600 hover:text-zinc-600 border-zinc-600 hover:border-zinc-600 ring-zinc-600 focus:ring-zinc-600 shadow-zinc-600 from-zinc-600 via-zinc-600 to-zinc-600 bg-zinc-700 hover:bg-zinc-700 focus:bg-zinc-700 text-zinc-700 hover:text-zinc-700 border-zinc-700 hover:border-zinc-700 ring-zinc-700 focus:ring-zinc-700 shadow-zinc-700 from-zinc-700 via-zinc-700 to-zinc-700 bg-zinc-800 hover:bg-zinc-800 focus:bg-zinc-800 text-zinc-800 hover:text-zinc-800 border-zinc-800 hover:border-zinc-800 ring-zinc-800 focus:ring-zinc-800 shadow-zinc-800 from-zinc-800 via-zinc-800 to-zinc-800 bg-zinc-900 hover:bg-zinc-900 focus:bg-zinc-900 text-zinc-900 hover:text-zinc-900 border-zinc-900 hover:border-zinc-900 ring-zinc-900 focus:ring-zinc-900 shadow-zinc-900 from-zinc-900 via-zinc-900 to-zinc-900 bg-zinc-950 hover:bg-zinc-950 focus:bg-zinc-950 text-zinc-950 hover:text-zinc-950 border-zinc-950 hover:border-zinc-950 ring-zinc-950 focus:ring-zinc-950 shadow-zinc-950 from-zinc-950 via-zinc-950 to-zinc-950 bg-neutral-50 hover:bg-neutral-50 focus:bg-neutral-50 text-neutral-50 hover:text-neutral-50 border-neutral-50 hover:border-neutral-50 ring-neutral-50 focus:ring-neutral-50 shadow-neutral-50 from-neutral-50 via-neutral-50 to-neutral-50 bg-neutral-100 hover:bg-neutral-100 focus:bg-neutral-100 text-neutral-100 hover:text-neutral-100 border-neutral-100 hover:border-neutral-100 ring-neutral-100 focus:ring-neutral-100 shadow-neutral-100 from-neutral-100 via-neutral-100 to-neutral-100 bg-neutral-200 hover:bg-neutral-200 focus:bg-neutral-200 text-neutral-200 hover:text-neutral-200 border-neutral-200 hover:border-neutral-200 ring-neutral-200 focus:ring-neutral-200 shadow-neutral-200 from-neutral-200 via-neutral-200 to-neutral-200 bg-neutral-300 hover:bg-neutral-300 focus:bg-neutral-300 text-neutral-300 hover:text-neutral-300 border-neutral-300 hover:border-neutral-300 ring-neutral-300 focus:ring-neutral-300 shadow-neutral-300 from-neutral-300 via-neutral-300 to-neutral-300 bg-neutral-400 hover:bg-neutral-400 focus:bg-neutral-400 text-neutral-400 hover:text-neutral-400 border-neutral-400 hover:border-neutral-400 ring-neutral-400 focus:ring-neutral-400 shadow-neutral-400 from-neutral-400 via-neutral-400 to-neutral-400 bg-neutral-500 hover:bg-neutral-500 focus:bg-neutral-500 text-neutral-500 hover:text-neutral-500 border-neutral-500 hover:border-neutral-500 ring-neutral-500 focus:ring-neutral-500 shadow-neutral-500 from-neutral-500 via-neutral-500 to-neutral-500 bg-neutral-600 hover:bg-neutral-600 focus:bg-neutral-600 text-neutral-600 hover:text-neutral-600 border-neutral-600 hover:border-neutral-600 ring-neutral-600 focus:ring-neutral-600 shadow-neutral-600 from-neutral-600 via-neutral-600 to-neutral-600 bg-neutral-700 hover:bg-neutral-700 focus:bg-neutral-700 text-neutral-700 hover:text-neutral-700 border-neutral-700 hover:border-neutral-700 ring-neutral-700 focus:ring-neutral-700 shadow-neutral-700 from-neutral-700 via-neutral-700 to-neutral-700 bg-neutral-800 hover:bg-neutral-800 focus:bg-neutral-800 text-neutral-800 hover:text-neutral-800 border-neutral-800 hover:border-neutral-800 ring-neutral-800 focus:ring-neutral-800 shadow-neutral-800 from-neutral-800 via-neutral-800 to-neutral-800 bg-neutral-900 hover:bg-neutral-900 focus:bg-neutral-900 text-neutral-900 hover:text-neutral-900 border-neutral-900 hover:border-neutral-900 ring-neutral-900 focus:ring-neutral-900 shadow-neutral-900 from-neutral-900 via-neutral-900 to-neutral-900 bg-neutral-950 hover:bg-neutral-950 focus:bg-neutral-950 text-neutral-950 hover:text-neutral-950 border-neutral-950 hover:border-neutral-950 ring-neutral-950 focus:ring-neutral-950 shadow-neutral-950 from-neutral-950 via-neutral-950 to-neutral-950 bg-stone-50 hover:bg-stone-50 focus:bg-stone-50 text-stone-50 hover:text-stone-50 border-stone-50 hover:border-stone-50 ring-stone-50 focus:ring-stone-50 shadow-stone-50 from-stone-50 via-stone-50 to-stone-50 bg-stone-100 hover:bg-stone-100 focus:bg-stone-100 text-stone-100 hover:text-stone-100 border-stone-100 hover:border-stone-100 ring-stone-100 focus:ring-stone-100 shadow-stone-100 from-stone-100 via-stone-100 to-stone-100 bg-stone-200 hover:bg-stone-200 focus:bg-stone-200 text-stone-200 hover:text-stone-200 border-stone-200 hover:border-stone-200 ring-stone-200 focus:ring-stone-200 shadow-stone-200 from-stone-200 via-stone-200 to-stone-200 bg-stone-300 hover:bg-stone-300 focus:bg-stone-300 text-stone-300 hover:text-stone-300 border-stone-300 hover:border-stone-300 ring-stone-300 focus:ring-stone-300 shadow-stone-300 from-stone-300 via-stone-300 to-stone-300 bg-stone-400 hover:bg-stone-400 focus:bg-stone-400 text-stone-400 hover:text-stone-400 border-stone-400 hover:border-stone-400 ring-stone-400 focus:ring-stone-400 shadow-stone-400 from-stone-400 via-stone-400 to-stone-400 bg-stone-500 hover:bg-stone-500 focus:bg-stone-500 text-stone-500 hover:text-stone-500 border-stone-500 hover:border-stone-500 ring-stone-500 focus:ring-stone-500 shadow-stone-500 from-stone-500 via-stone-500 to-stone-500 bg-stone-600 hover:bg-stone-600 focus:bg-stone-600 text-stone-600 hover:text-stone-600 border-stone-600 hover:border-stone-600 ring-stone-600 focus:ring-stone-600 shadow-stone-600 from-stone-600 via-stone-600 to-stone-600 bg-stone-700 hover:bg-stone-700 focus:bg-stone-700 text-stone-700 hover:text-stone-700 border-stone-700 hover:border-stone-700 ring-stone-700 focus:ring-stone-700 shadow-stone-700 from-stone-700 via-stone-700 to-stone-700 bg-stone-800 hover:bg-stone-800 focus:bg-stone-800 text-stone-800 hover:text-stone-800 border-stone-800 hover:border-stone-800 ring-stone-800 focus:ring-stone-800 shadow-stone-800 from-stone-800 via-stone-800 to-stone-800 bg-stone-900 hover:bg-stone-900 focus:bg-stone-900 text-stone-900 hover:text-stone-900 border-stone-900 hover:border-stone-900 ring-stone-900 focus:ring-stone-900 shadow-stone-900 from-stone-900 via-stone-900 to-stone-900 bg-stone-950 hover:bg-stone-950 focus:bg-stone-950 text-stone-950 hover:text-stone-950 border-stone-950 hover:border-stone-950 ring-stone-950 focus:ring-stone-950 shadow-stone-950 from-stone-950 via-stone-950 to-stone-950 bg-red-50 hover:bg-red-50 focus:bg-red-50 text-red-50 hover:text-red-50 border-red-50 hover:border-red-50 ring-red-50 focus:ring-red-50 shadow-red-50 from-red-50 via-red-50 to-red-50 bg-red-100 hover:bg-red-100 focus:bg-red-100 text-red-100 hover:text-red-100 border-red-100 hover:border-red-100 ring-red-100 focus:ring-red-100 shadow-red-100 from-red-100 via-red-100 to-red-100 bg-red-200 hover:bg-red-200 focus:bg-red-200 text-red-200 hover:text-red-200 border-red-200 hover:border-red-200 ring-red-200 focus:ring-red-200 shadow-red-200 from-red-200 via-red-200 to-red-200 bg-red-300 hover:bg-red-300 focus:bg-red-300 text-red-300 hover:text-red-300 border-red-300 hover:border-red-300 ring-red-300 focus:ring-red-300 shadow-red-300 from-red-300 via-red-300 to-red-300 bg-red-400 hover:bg-red-400 focus:bg-red-400 text-red-400 hover:text-red-400 border-red-400 hover:border-red-400 ring-red-400 focus:ring-red-400 shadow-red-400 from-red-400 via-red-400 to-red-400 bg-red-500 hover:bg-red-500 focus:bg-red-500 text-red-500 hover:text-red-500 border-red-500 hover:border-red-500 ring-red-500 focus:ring-red-500 shadow-red-500 from-red-500 via-red-500 to-red-500 bg-red-600 hover:bg-red-600 focus:bg-red-600 text-red-600 hover:text-red-600 border-red-600 hover:border-red-600 ring-red-600 focus:ring-red-600 shadow-red-600 from-red-600 via-red-600 to-red-600 bg-red-700 hover:bg-red-700 focus:bg-red-700 text-red-700 hover:text-red-700 border-red-700 hover:border-red-700 ring-red-700 focus:ring-red-700 shadow-red-700 from-red-700 via-red-700 to-red-700 bg-red-800 hover:bg-red-800 focus:bg-red-800 text-red-800 hover:text-red-800 border-red-800 hover:border-red-800 ring-red-800 focus:ring-red-800 shadow-red-800 from-red-800 via-red-800 to-red-800 bg-red-900 hover:bg-red-900 focus:bg-red-900 text-red-900 hover:text-red-900 border-red-900 hover:border-red-900 ring-red-900 focus:ring-red-900 shadow-red-900 from-red-900 via-red-900 to-red-900 bg-red-950 hover:bg-red-950 focus:bg-red-950 text-red-950 hover:text-red-950 border-red-950 hover:border-red-950 ring-red-950 focus:ring-red-950 shadow-red-950 from-red-950 via-red-950 to-red-950 bg-orange-50 hover:bg-orange-50 focus:bg-orange-50 text-orange-50 hover:text-orange-50 border-orange-50 hover:border-orange-50 ring-orange-50 focus:ring-orange-50 shadow-orange-50 from-orange-50 via-orange-50 to-orange-50 bg-orange-100 hover:bg-orange-100 focus:bg-orange-100 text-orange-100 hover:text-orange-100 border-orange-100 hover:border-orange-100 ring-orange-100 focus:ring-orange-100 shadow-orange-100 from-orange-100 via-orange-100 to-orange-100 bg-orange-200 hover:bg-orange-200 focus:bg-orange-200 text-orange-200 hover:text-orange-200 border-orange-200 hover:border-orange-200 ring-orange-200 focus:ring-orange-200 shadow-orange-200 from-orange-200 via-orange-200 to-orange-200 bg-orange-300 hover:bg-orange-300 focus:bg-orange-300 text-orange-300 hover:text-orange-300 border-orange-300 hover:border-orange-300 ring-orange-300 focus:ring-orange-300 shadow-orange-300 from-orange-300 via-orange-300 to-orange-300 bg-orange-400 hover:bg-orange-400 focus:bg-orange-400 text-orange-400 hover:text-orange-400 border-orange-400 hover:border-orange-400 ring-orange-400 focus:ring-orange-400 shadow-orange-400 from-orange-400 via-orange-400 to-orange-400 bg-orange-500 hover:bg-orange-500 focus:bg-orange-500 text-orange-500 hover:text-orange-500 border-orange-500 hover:border-orange-500 ring-orange-500 focus:ring-orange-500 shadow-orange-500 from-orange-500 via-orange-500 to-orange-500 bg-orange-600 hover:bg-orange-600 focus:bg-orange-600 text-orange-600 hover:text-orange-600 border-orange-600 hover:border-orange-600 ring-orange-600 focus:ring-orange-600 shadow-orange-600 from-orange-600 via-orange-600 to-orange-600 bg-orange-700 hover:bg-orange-700 focus:bg-orange-700 text-orange-700 hover:text-orange-700 border-orange-700 hover:border-orange-700 ring-orange-700 focus:ring-orange-700 shadow-orange-700 from-orange-700 via-orange-700 to-orange-700 bg-orange-800 hover:bg-orange-800 focus:bg-orange-800 text-orange-800 hover:text-orange-800 border-orange-800 hover:border-orange-800 ring-orange-800 focus:ring-orange-800 shadow-orange-800 from-orange-800 via-orange-800 to-orange-800 bg-orange-900 hover:bg-orange-900 focus:bg-orange-900 text-orange-900 hover:text-orange-900 border-orange-900 hover:border-orange-900 ring-orange-900 focus:ring-orange-900 shadow-orange-900 from-orange-900 via-orange-900 to-orange-900 bg-orange-950 hover:bg-orange-950 focus:bg-orange-950 text-orange-950 hover:text-orange-950 border-orange-950 hover:border-orange-950 ring-orange-950 focus:ring-orange-950 shadow-orange-950 from-orange-950 via-orange-950 to-orange-950 bg-amber-50 hover:bg-amber-50 focus:bg-amber-50 text-amber-50 hover:text-amber-50 border-amber-50 hover:border-amber-50 ring-amber-50 focus:ring-amber-50 shadow-amber-50 from-amber-50 via-amber-50 to-amber-50 bg-amber-100 hover:bg-amber-100 focus:bg-amber-100 text-amber-100 hover:text-amber-100 border-amber-100 hover:border-amber-100 ring-amber-100 focus:ring-amber-100 shadow-amber-100 from-amber-100 via-amber-100 to-amber-100 bg-amber-200 hover:bg-amber-200 focus:bg-amber-200 text-amber-200 hover:text-amber-200 border-amber-200 hover:border-amber-200 ring-amber-200 focus:ring-amber-200 shadow-amber-200 from-amber-200 via-amber-200 to-amber-200 bg-amber-300 hover:bg-amber-300 focus:bg-amber-300 text-amber-300 hover:text-amber-300 border-amber-300 hover:border-amber-300 ring-amber-300 focus:ring-amber-300 shadow-amber-300 from-amber-300 via-amber-300 to-amber-300 bg-amber-400 hover:bg-amber-400 focus:bg-amber-400 text-amber-400 hover:text-amber-400 border-amber-400 hover:border-amber-400 ring-amber-400 focus:ring-amber-400 shadow-amber-400 from-amber-400 via-amber-400 to-amber-400 bg-amber-500 hover:bg-amber-500 focus:bg-amber-500 text-amber-500 hover:text-amber-500 border-amber-500 hover:border-amber-500 ring-amber-500 focus:ring-amber-500 shadow-amber-500 from-amber-500 via-amber-500 to-amber-500 bg-amber-600 hover:bg-amber-600 focus:bg-amber-600 text-amber-600 hover:text-amber-600 border-amber-600 hover:border-amber-600 ring-amber-600 focus:ring-amber-600 shadow-amber-600 from-amber-600 via-amber-600 to-amber-600 bg-amber-700 hover:bg-amber-700 focus:bg-amber-700 text-amber-700 hover:text-amber-700 border-amber-700 hover:border-amber-700 ring-amber-700 focus:ring-amber-700 shadow-amber-700 from-amber-700 via-amber-700 to-amber-700 bg-amber-800 hover:bg-amber-800 focus:bg-amber-800 text-amber-800 hover:text-amber-800 border-amber-800 hover:border-amber-800 ring-amber-800 focus:ring-amber-800 shadow-amber-800 from-amber-800 via-amber-800 to-amber-800 bg-amber-900 hover:bg-amber-900 focus:bg-amber-900 text-amber-900 hover:text-amber-900 border-amber-900 hover:border-amber-900 ring-amber-900 focus:ring-amber-900 shadow-amber-900 from-amber-900 via-amber-900 to-amber-900 bg-amber-950 hover:bg-amber-950 focus:bg-amber-950 text-amber-950 hover:text-amber-950 border-amber-950 hover:border-amber-950 ring-amber-950 focus:ring-amber-950 shadow-amber-950 from-amber-950 via-amber-950 to-amber-950 bg-yellow-50 hover:bg-yellow-50 focus:bg-yellow-50 text-yellow-50 hover:text-yellow-50 border-yellow-50 hover:border-yellow-50 ring-yellow-50 focus:ring-yellow-50 shadow-yellow-50 from-yellow-50 via-yellow-50 to-yellow-50 bg-yellow-100 hover:bg-yellow-100 focus:bg-yellow-100 text-yellow-100 hover:text-yellow-100 border-yellow-100 hover:border-yellow-100 ring-yellow-100 focus:ring-yellow-100 shadow-yellow-100 from-yellow-100 via-yellow-100 to-yellow-100 bg-yellow-200 hover:bg-yellow-200 focus:bg-yellow-200 text-yellow-200 hover:text-yellow-200 border-yellow-200 hover:border-yellow-200 ring-yellow-200 focus:ring-yellow-200 shadow-yellow-200 from-yellow-200 via-yellow-200 to-yellow-200 bg-yellow-300 hover:bg-yellow-300 focus:bg-yellow-300 text-yellow-300 hover:text-yellow-300 border-yellow-300 hover:border-yellow-300 ring-yellow-300 focus:ring-yellow-300 shadow-yellow-300 from-yellow-300 via-yellow-300 to-yellow-300 bg-yellow-400 hover:bg-yellow-400 focus:bg-yellow-400 text-yellow-400 hover:text-yellow-400 border-yellow-400 hover:border-yellow-400 ring-yellow-400 focus:ring-yellow-400 shadow-yellow-400 from-yellow-400 via-yellow-400 to-yellow-400 bg-yellow-500 hover:bg-yellow-500 focus:bg-yellow-500 text-yellow-500 hover:text-yellow-500 border-yellow-500 hover:border-yellow-500 ring-yellow-500 focus:ring-yellow-500 shadow-yellow-500 from-yellow-500 via-yellow-500 to-yellow-500 bg-yellow-600 hover:bg-yellow-600 focus:bg-yellow-600 text-yellow-600 hover:text-yellow-600 border-yellow-600 hover:border-yellow-600 ring-yellow-600 focus:ring-yellow-600 shadow-yellow-600 from-yellow-600 via-yellow-600 to-yellow-600 bg-yellow-700 hover:bg-yellow-700 focus:bg-yellow-700 text-yellow-700 hover:text-yellow-700 border-yellow-700 hover:border-yellow-700 ring-yellow-700 focus:ring-yellow-700 shadow-yellow-700 from-yellow-700 via-yellow-700 to-yellow-700 bg-yellow-800 hover:bg-yellow-800 focus:bg-yellow-800 text-yellow-800 hover:text-yellow-800 border-yellow-800 hover:border-yellow-800 ring-yellow-800 focus:ring-yellow-800 shadow-yellow-800 from-yellow-800 via-yellow-800 to-yellow-800 bg-yellow-900 hover:bg-yellow-900 focus:bg-yellow-900 text-yellow-900 hover:text-yellow-900 border-yellow-900 hover:border-yellow-900 ring-yellow-900 focus:ring-yellow-900 shadow-yellow-900 from-yellow-900 via-yellow-900 to-yellow-900 bg-yellow-950 hover:bg-yellow-950 focus:bg-yellow-950 text-yellow-950 hover:text-yellow-950 border-yellow-950 hover:border-yellow-950 ring-yellow-950 focus:ring-yellow-950 shadow-yellow-950 from-yellow-950 via-yellow-950 to-yellow-950 bg-lime-50 hover:bg-lime-50 focus:bg-lime-50 text-lime-50 hover:text-lime-50 border-lime-50 hover:border-lime-50 ring-lime-50 focus:ring-lime-50 shadow-lime-50 from-lime-50 via-lime-50 to-lime-50 bg-lime-100 hover:bg-lime-100 focus:bg-lime-100 text-lime-100 hover:text-lime-100 border-lime-100 hover:border-lime-100 ring-lime-100 focus:ring-lime-100 shadow-lime-100 from-lime-100 via-lime-100 to-lime-100 bg-lime-200 hover:bg-lime-200 focus:bg-lime-200 text-lime-200 hover:text-lime-200 border-lime-200 hover:border-lime-200 ring-lime-200 focus:ring-lime-200 shadow-lime-200 from-lime-200 via-lime-200 to-lime-200 bg-lime-300 hover:bg-lime-300 focus:bg-lime-300 text-lime-300 hover:text-lime-300 border-lime-300 hover:border-lime-300 ring-lime-300 focus:ring-lime-300 shadow-lime-300 from-lime-300 via-lime-300 to-lime-300 bg-lime-400 hover:bg-lime-400 focus:bg-lime-400 text-lime-400 hover:text-lime-400 border-lime-400 hover:border-lime-400 ring-lime-400 focus:ring-lime-400 shadow-lime-400 from-lime-400 via-lime-400 to-lime-400 bg-lime-500 hover:bg-lime-500 focus:bg-lime-500 text-lime-500 hover:text-lime-500 border-lime-500 hover:border-lime-500 ring-lime-500 focus:ring-lime-500 shadow-lime-500 from-lime-500 via-lime-500 to-lime-500 bg-lime-600 hover:bg-lime-600 focus:bg-lime-600 text-lime-600 hover:text-lime-600 border-lime-600 hover:border-lime-600 ring-lime-600 focus:ring-lime-600 shadow-lime-600 from-lime-600 via-lime-600 to-lime-600 bg-lime-700 hover:bg-lime-700 focus:bg-lime-700 text-lime-700 hover:text-lime-700 border-lime-700 hover:border-lime-700 ring-lime-700 focus:ring-lime-700 shadow-lime-700 from-lime-700 via-lime-700 to-lime-700 bg-lime-800 hover:bg-lime-800 focus:bg-lime-800 text-lime-800 hover:text-lime-800 border-lime-800 hover:border-lime-800 ring-lime-800 focus:ring-lime-800 shadow-lime-800 from-lime-800 via-lime-800 to-lime-800 bg-lime-900 hover:bg-lime-900 focus:bg-lime-900 text-lime-900 hover:text-lime-900 border-lime-900 hover:border-lime-900 ring-lime-900 focus:ring-lime-900 shadow-lime-900 from-lime-900 via-lime-900 to-lime-900 bg-lime-950 hover:bg-lime-950 focus:bg-lime-950 text-lime-950 hover:text-lime-950 border-lime-950 hover:border-lime-950 ring-lime-950 focus:ring-lime-950 shadow-lime-950 from-lime-950 via-lime-950 to-lime-950 bg-green-50 hover:bg-green-50 focus:bg-green-50 text-green-50 hover:text-green-50 border-green-50 hover:border-green-50 ring-green-50 focus:ring-green-50 shadow-green-50 from-green-50 via-green-50 to-green-50 bg-green-100 hover:bg-green-100 focus:bg-green-100 text-green-100 hover:text-green-100 border-green-100 hover:border-green-100 ring-green-100 focus:ring-green-100 shadow-green-100 from-green-100 via-green-100 to-green-100 bg-green-200 hover:bg-green-200 focus:bg-green-200 text-green-200 hover:text-green-200 border-green-200 hover:border-green-200 ring-green-200 focus:ring-green-200 shadow-green-200 from-green-200 via-green-200 to-green-200 bg-green-300 hover:bg-green-300 focus:bg-green-300 text-green-300 hover:text-green-300 border-green-300 hover:border-green-300 ring-green-300 focus:ring-green-300 shadow-green-300 from-green-300 via-green-300 to-green-300 bg-green-400 hover:bg-green-400 focus:bg-green-400 text-green-400 hover:text-green-400 border-green-400 hover:border-green-400 ring-green-400 focus:ring-green-400 shadow-green-400 from-green-400 via-green-400 to-green-400 bg-green-500 hover:bg-green-500 focus:bg-green-500 text-green-500 hover:text-green-500 border-green-500 hover:border-green-500 ring-green-500 focus:ring-green-500 shadow-green-500 from-green-500 via-green-500 to-green-500 bg-green-600 hover:bg-green-600 focus:bg-green-600 text-green-600 hover:text-green-600 border-green-600 hover:border-green-600 ring-green-600 focus:ring-green-600 shadow-green-600 from-green-600 via-green-600 to-green-600 bg-green-700 hover:bg-green-700 focus:bg-green-700 text-green-700 hover:text-green-700 border-green-700 hover:border-green-700 ring-green-700 focus:ring-green-700 shadow-green-700 from-green-700 via-green-700 to-green-700 bg-green-800 hover:bg-green-800 focus:bg-green-800 text-green-800 hover:text-green-800 border-green-800 hover:border-green-800 ring-green-800 focus:ring-green-800 shadow-green-800 from-green-800 via-green-800 to-green-800 bg-green-900 hover:bg-green-900 focus:bg-green-900 text-green-900 hover:text-green-900 border-green-900 hover:border-green-900 ring-green-900 focus:ring-green-900 shadow-green-900 from-green-900 via-green-900 to-green-900 bg-green-950 hover:bg-green-950 focus:bg-green-950 text-green-950 hover:text-green-950 border-green-950 hover:border-green-950 ring-green-950 focus:ring-green-950 shadow-green-950 from-green-950 via-green-950 to-green-950 bg-emerald-50 hover:bg-emerald-50 focus:bg-emerald-50 text-emerald-50 hover:text-emerald-50 border-emerald-50 hover:border-emerald-50 ring-emerald-50 focus:ring-emerald-50 shadow-emerald-50 from-emerald-50 via-emerald-50 to-emerald-50 bg-emerald-100 hover:bg-emerald-100 focus:bg-emerald-100 text-emerald-100 hover:text-emerald-100 border-emerald-100 hover:border-emerald-100 ring-emerald-100 focus:ring-emerald-100 shadow-emerald-100 from-emerald-100 via-emerald-100 to-emerald-100 bg-emerald-200 hover:bg-emerald-200 focus:bg-emerald-200 text-emerald-200 hover:text-emerald-200 border-emerald-200 hover:border-emerald-200 ring-emerald-200 focus:ring-emerald-200 shadow-emerald-200 from-emerald-200 via-emerald-200 to-emerald-200 bg-emerald-300 hover:bg-emerald-300 focus:bg-emerald-300 text-emerald-300 hover:text-emerald-300 border-emerald-300 hover:border-emerald-300 ring-emerald-300 focus:ring-emerald-300 shadow-emerald-300 from-emerald-300 via-emerald-300 to-emerald-300 bg-emerald-400 hover:bg-emerald-400 focus:bg-emerald-400 text-emerald-400 hover:text-emerald-400 border-emerald-400 hover:border-emerald-400 ring-emerald-400 focus:ring-emerald-400 shadow-emerald-400 from-emerald-400 via-emerald-400 to-emerald-400 bg-emerald-500 hover:bg-emerald-500 focus:bg-emerald-500 text-emerald-500 hover:text-emerald-500 border-emerald-500 hover:border-emerald-500 ring-emerald-500 focus:ring-emerald-500 shadow-emerald-500 from-emerald-500 via-emerald-500 to-emerald-500 bg-emerald-600 hover:bg-emerald-600 focus:bg-emerald-600 text-emerald-600 hover:text-emerald-600 border-emerald-600 hover:border-emerald-600 ring-emerald-600 focus:ring-emerald-600 shadow-emerald-600 from-emerald-600 via-emerald-600 to-emerald-600 bg-emerald-700 hover:bg-emerald-700 focus:bg-emerald-700 text-emerald-700 hover:text-emerald-700 border-emerald-700 hover:border-emerald-700 ring-emerald-700 focus:ring-emerald-700 shadow-emerald-700 from-emerald-700 via-emerald-700 to-emerald-700 bg-emerald-800 hover:bg-emerald-800 focus:bg-emerald-800 text-emerald-800 hover:text-emerald-800 border-emerald-800 hover:border-emerald-800 ring-emerald-800 focus:ring-emerald-800 shadow-emerald-800 from-emerald-800 via-emerald-800 to-emerald-800 bg-emerald-900 hover:bg-emerald-900 focus:bg-emerald-900 text-emerald-900 hover:text-emerald-900 border-emerald-900 hover:border-emerald-900 ring-emerald-900 focus:ring-emerald-900 shadow-emerald-900 from-emerald-900 via-emerald-900 to-emerald-900 bg-emerald-950 hover:bg-emerald-950 focus:bg-emerald-950 text-emerald-950 hover:text-emerald-950 border-emerald-950 hover:border-emerald-950 ring-emerald-950 focus:ring-emerald-950 shadow-emerald-950 from-emerald-950 via-emerald-950 to-emerald-950 bg-teal-50 hover:bg-teal-50 focus:bg-teal-50 text-teal-50 hover:text-teal-50 border-teal-50 hover:border-teal-50 ring-teal-50 focus:ring-teal-50 shadow-teal-50 from-teal-50 via-teal-50 to-teal-50 bg-teal-100 hover:bg-teal-100 focus:bg-teal-100 text-teal-100 hover:text-teal-100 border-teal-100 hover:border-teal-100 ring-teal-100 focus:ring-teal-100 shadow-teal-100 from-teal-100 via-teal-100 to-teal-100 bg-teal-200 hover:bg-teal-200 focus:bg-teal-200 text-teal-200 hover:text-teal-200 border-teal-200 hover:border-teal-200 ring-teal-200 focus:ring-teal-200 shadow-teal-200 from-teal-200 via-teal-200 to-teal-200 bg-teal-300 hover:bg-teal-300 focus:bg-teal-300 text-teal-300 hover:text-teal-300 border-teal-300 hover:border-teal-300 ring-teal-300 focus:ring-teal-300 shadow-teal-300 from-teal-300 via-teal-300 to-teal-300 bg-teal-400 hover:bg-teal-400 focus:bg-teal-400 text-teal-400 hover:text-teal-400 border-teal-400 hover:border-teal-400 ring-teal-400 focus:ring-teal-400 shadow-teal-400 from-teal-400 via-teal-400 to-teal-400 bg-teal-500 hover:bg-teal-500 focus:bg-teal-500 text-teal-500 hover:text-teal-500 border-teal-500 hover:border-teal-500 ring-teal-500 focus:ring-teal-500 shadow-teal-500 from-teal-500 via-teal-500 to-teal-500 bg-teal-600 hover:bg-teal-600 focus:bg-teal-600 text-teal-600 hover:text-teal-600 border-teal-600 hover:border-teal-600 ring-teal-600 focus:ring-teal-600 shadow-teal-600 from-teal-600 via-teal-600 to-teal-600 bg-teal-700 hover:bg-teal-700 focus:bg-teal-700 text-teal-700 hover:text-teal-700 border-teal-700 hover:border-teal-700 ring-teal-700 focus:ring-teal-700 shadow-teal-700 from-teal-700 via-teal-700 to-teal-700 bg-teal-800 hover:bg-teal-800 focus:bg-teal-800 text-teal-800 hover:text-teal-800 border-teal-800 hover:border-teal-800 ring-teal-800 focus:ring-teal-800 shadow-teal-800 from-teal-800 via-teal-800 to-teal-800 bg-teal-900 hover:bg-teal-900 focus:bg-teal-900 text-teal-900 hover:text-teal-900 border-teal-900 hover:border-teal-900 ring-teal-900 focus:ring-teal-900 shadow-teal-900 from-teal-900 via-teal-900 to-teal-900 bg-teal-950 hover:bg-teal-950 focus:bg-teal-950 text-teal-950 hover:text-teal-950 border-teal-950 hover:border-teal-950 ring-teal-950 focus:ring-teal-950 shadow-teal-950 from-teal-950 via-teal-950 to-teal-950 bg-cyan-50 hover:bg-cyan-50 focus:bg-cyan-50 text-cyan-50 hover:text-cyan-50 border-cyan-50 hover:border-cyan-50 ring-cyan-50 focus:ring-cyan-50 shadow-cyan-50 from-cyan-50 via-cyan-50 to-cyan-50 bg-cyan-100 hover:bg-cyan-100 focus:bg-cyan-100 text-cyan-100 hover:text-cyan-100 border-cyan-100 hover:border-cyan-100 ring-cyan-100 focus:ring-cyan-100 shadow-cyan-100 from-cyan-100 via-cyan-100 to-cyan-100 bg-cyan-200 hover:bg-cyan-200 focus:bg-cyan-200 text-cyan-200 hover:text-cyan-200 border-cyan-200 hover:border-cyan-200 ring-cyan-200 focus:ring-cyan-200 shadow-cyan-200 from-cyan-200 via-cyan-200 to-cyan-200 bg-cyan-300 hover:bg-cyan-300 focus:bg-cyan-300 text-cyan-300 hover:text-cyan-300 border-cyan-300 hover:border-cyan-300 ring-cyan-300 focus:ring-cyan-300 shadow-cyan-300 from-cyan-300 via-cyan-300 to-cyan-300 bg-cyan-400 hover:bg-cyan-400 focus:bg-cyan-400 text-cyan-400 hover:text-cyan-400 border-cyan-400 hover:border-cyan-400 ring-cyan-400 focus:ring-cyan-400 shadow-cyan-400 from-cyan-400 via-cyan-400 to-cyan-400 bg-cyan-500 hover:bg-cyan-500 focus:bg-cyan-500 text-cyan-500 hover:text-cyan-500 border-cyan-500 hover:border-cyan-500 ring-cyan-500 focus:ring-cyan-500 shadow-cyan-500 from-cyan-500 via-cyan-500 to-cyan-500 bg-cyan-600 hover:bg-cyan-600 focus:bg-cyan-600 text-cyan-600 hover:text-cyan-600 border-cyan-600 hover:border-cyan-600 ring-cyan-600 focus:ring-cyan-600 shadow-cyan-600 from-cyan-600 via-cyan-600 to-cyan-600 bg-cyan-700 hover:bg-cyan-700 focus:bg-cyan-700 text-cyan-700 hover:text-cyan-700 border-cyan-700 hover:border-cyan-700 ring-cyan-700 focus:ring-cyan-700 shadow-cyan-700 from-cyan-700 via-cyan-700 to-cyan-700 bg-cyan-800 hover:bg-cyan-800 focus:bg-cyan-800 text-cyan-800 hover:text-cyan-800 border-cyan-800 hover:border-cyan-800 ring-cyan-800 focus:ring-cyan-800 shadow-cyan-800 from-cyan-800 via-cyan-800 to-cyan-800 bg-cyan-900 hover:bg-cyan-900 focus:bg-cyan-900 text-cyan-900 hover:text-cyan-900 border-cyan-900 hover:border-cyan-900 ring-cyan-900 focus:ring-cyan-900 shadow-cyan-900 from-cyan-900 via-cyan-900 to-cyan-900 bg-cyan-950 hover:bg-cyan-950 focus:bg-cyan-950 text-cyan-950 hover:text-cyan-950 border-cyan-950 hover:border-cyan-950 ring-cyan-950 focus:ring-cyan-950 shadow-cyan-950 from-cyan-950 via-cyan-950 to-cyan-950 bg-sky-50 hover:bg-sky-50 focus:bg-sky-50 text-sky-50 hover:text-sky-50 border-sky-50 hover:border-sky-50 ring-sky-50 focus:ring-sky-50 shadow-sky-50 from-sky-50 via-sky-50 to-sky-50 bg-sky-100 hover:bg-sky-100 focus:bg-sky-100 text-sky-100 hover:text-sky-100 border-sky-100 hover:border-sky-100 ring-sky-100 focus:ring-sky-100 shadow-sky-100 from-sky-100 via-sky-100 to-sky-100 bg-sky-200 hover:bg-sky-200 focus:bg-sky-200 text-sky-200 hover:text-sky-200 border-sky-200 hover:border-sky-200 ring-sky-200 focus:ring-sky-200 shadow-sky-200 from-sky-200 via-sky-200 to-sky-200 bg-sky-300 hover:bg-sky-300 focus:bg-sky-300 text-sky-300 hover:text-sky-300 border-sky-300 hover:border-sky-300 ring-sky-300 focus:ring-sky-300 shadow-sky-300 from-sky-300 via-sky-300 to-sky-300 bg-sky-400 hover:bg-sky-400 focus:bg-sky-400 text-sky-400 hover:text-sky-400 border-sky-400 hover:border-sky-400 ring-sky-400 focus:ring-sky-400 shadow-sky-400 from-sky-400 via-sky-400 to-sky-400 bg-sky-500 hover:bg-sky-500 focus:bg-sky-500 text-sky-500 hover:text-sky-500 border-sky-500 hover:border-sky-500 ring-sky-500 focus:ring-sky-500 shadow-sky-500 from-sky-500 via-sky-500 to-sky-500 bg-sky-600 hover:bg-sky-600 focus:bg-sky-600 text-sky-600 hover:text-sky-600 border-sky-600 hover:border-sky-600 ring-sky-600 focus:ring-sky-600 shadow-sky-600 from-sky-600 via-sky-600 to-sky-600 bg-sky-700 hover:bg-sky-700 focus:bg-sky-700 text-sky-700 hover:text-sky-700 border-sky-700 hover:border-sky-700 ring-sky-700 focus:ring-sky-700 shadow-sky-700 from-sky-700 via-sky-700 to-sky-700 bg-sky-800 hover:bg-sky-800 focus:bg-sky-800 text-sky-800 hover:text-sky-800 border-sky-800 hover:border-sky-800 ring-sky-800 focus:ring-sky-800 shadow-sky-800 from-sky-800 via-sky-800 to-sky-800 bg-sky-900 hover:bg-sky-900 focus:bg-sky-900 text-sky-900 hover:text-sky-900 border-sky-900 hover:border-sky-900 ring-sky-900 focus:ring-sky-900 shadow-sky-900 from-sky-900 via-sky-900 to-sky-900 bg-sky-950 hover:bg-sky-950 focus:bg-sky-950 text-sky-950 hover:text-sky-950 border-sky-950 hover:border-sky-950 ring-sky-950 focus:ring-sky-950 shadow-sky-950 from-sky-950 via-sky-950 to-sky-950 bg-blue-50 hover:bg-blue-50 focus:bg-blue-50 text-blue-50 hover:text-blue-50 border-blue-50 hover:border-blue-50 ring-blue-50 focus:ring-blue-50 shadow-blue-50 from-blue-50 via-blue-50 to-blue-50 bg-blue-100 hover:bg-blue-100 focus:bg-blue-100 text-blue-100 hover:text-blue-100 border-blue-100 hover:border-blue-100 ring-blue-100 focus:ring-blue-100 shadow-blue-100 from-blue-100 via-blue-100 to-blue-100 bg-blue-200 hover:bg-blue-200 focus:bg-blue-200 text-blue-200 hover:text-blue-200 border-blue-200 hover:border-blue-200 ring-blue-200 focus:ring-blue-200 shadow-blue-200 from-blue-200 via-blue-200 to-blue-200 bg-blue-300 hover:bg-blue-300 focus:bg-blue-300 text-blue-300 hover:text-blue-300 border-blue-300 hover:border-blue-300 ring-blue-300 focus:ring-blue-300 shadow-blue-300 from-blue-300 via-blue-300 to-blue-300 bg-blue-400 hover:bg-blue-400 focus:bg-blue-400 text-blue-400 hover:text-blue-400 border-blue-400 hover:border-blue-400 ring-blue-400 focus:ring-blue-400 shadow-blue-400 from-blue-400 via-blue-400 to-blue-400 bg-blue-500 hover:bg-blue-500 focus:bg-blue-500 text-blue-500 hover:text-blue-500 border-blue-500 hover:border-blue-500 ring-blue-500 focus:ring-blue-500 shadow-blue-500 from-blue-500 via-blue-500 to-blue-500 bg-blue-600 hover:bg-blue-600 focus:bg-blue-600 text-blue-600 hover:text-blue-600 border-blue-600 hover:border-blue-600 ring-blue-600 focus:ring-blue-600 shadow-blue-600 from-blue-600 via-blue-600 to-blue-600 bg-blue-700 hover:bg-blue-700 focus:bg-blue-700 text-blue-700 hover:text-blue-700 border-blue-700 hover:border-blue-700 ring-blue-700 focus:ring-blue-700 shadow-blue-700 from-blue-700 via-blue-700 to-blue-700 bg-blue-800 hover:bg-blue-800 focus:bg-blue-800 text-blue-800 hover:text-blue-800 border-blue-800 hover:border-blue-800 ring-blue-800 focus:ring-blue-800 shadow-blue-800 from-blue-800 via-blue-800 to-blue-800 bg-blue-900 hover:bg-blue-900 focus:bg-blue-900 text-blue-900 hover:text-blue-900 border-blue-900 hover:border-blue-900 ring-blue-900 focus:ring-blue-900 shadow-blue-900 from-blue-900 via-blue-900 to-blue-900 bg-blue-950 hover:bg-blue-950 focus:bg-blue-950 text-blue-950 hover:text-blue-950 border-blue-950 hover:border-blue-950 ring-blue-950 focus:ring-blue-950 shadow-blue-950 from-blue-950 via-blue-950 to-blue-950 bg-indigo-50 hover:bg-indigo-50 focus:bg-indigo-50 text-indigo-50 hover:text-indigo-50 border-indigo-50 hover:border-indigo-50 ring-indigo-50 focus:ring-indigo-50 shadow-indigo-50 from-indigo-50 via-indigo-50 to-indigo-50 bg-indigo-100 hover:bg-indigo-100 focus:bg-indigo-100 text-indigo-100 hover:text-indigo-100 border-indigo-100 hover:border-indigo-100 ring-indigo-100 focus:ring-indigo-100 shadow-indigo-100 from-indigo-100 via-indigo-100 to-indigo-100 bg-indigo-200 hover:bg-indigo-200 focus:bg-indigo-200 text-indigo-200 hover:text-indigo-200 border-indigo-200 hover:border-indigo-200 ring-indigo-200 focus:ring-indigo-200 shadow-indigo-200 from-indigo-200 via-indigo-200 to-indigo-200 bg-indigo-300 hover:bg-indigo-300 focus:bg-indigo-300 text-indigo-300 hover:text-indigo-300 border-indigo-300 hover:border-indigo-300 ring-indigo-300 focus:ring-indigo-300 shadow-indigo-300 from-indigo-300 via-indigo-300 to-indigo-300 bg-indigo-400 hover:bg-indigo-400 focus:bg-indigo-400 text-indigo-400 hover:text-indigo-400 border-indigo-400 hover:border-indigo-400 ring-indigo-400 focus:ring-indigo-400 shadow-indigo-400 from-indigo-400 via-indigo-400 to-indigo-400 bg-indigo-500 hover:bg-indigo-500 focus:bg-indigo-500 text-indigo-500 hover:text-indigo-500 border-indigo-500 hover:border-indigo-500 ring-indigo-500 focus:ring-indigo-500 shadow-indigo-500 from-indigo-500 via-indigo-500 to-indigo-500 bg-indigo-600 hover:bg-indigo-600 focus:bg-indigo-600 text-indigo-600 hover:text-indigo-600 border-indigo-600 hover:border-indigo-600 ring-indigo-600 focus:ring-indigo-600 shadow-indigo-600 from-indigo-600 via-indigo-600 to-indigo-600 bg-indigo-700 hover:bg-indigo-700 focus:bg-indigo-700 text-indigo-700 hover:text-indigo-700 border-indigo-700 hover:border-indigo-700 ring-indigo-700 focus:ring-indigo-700 shadow-indigo-700 from-indigo-700 via-indigo-700 to-indigo-700 bg-indigo-800 hover:bg-indigo-800 focus:bg-indigo-800 text-indigo-800 hover:text-indigo-800 border-indigo-800 hover:border-indigo-800 ring-indigo-800 focus:ring-indigo-800 shadow-indigo-800 from-indigo-800 via-indigo-800 to-indigo-800 bg-indigo-900 hover:bg-indigo-900 focus:bg-indigo-900 text-indigo-900 hover:text-indigo-900 border-indigo-900 hover:border-indigo-900 ring-indigo-900 focus:ring-indigo-900 shadow-indigo-900 from-indigo-900 via-indigo-900 to-indigo-900 bg-indigo-950 hover:bg-indigo-950 focus:bg-indigo-950 text-indigo-950 hover:text-indigo-950 border-indigo-950 hover:border-indigo-950 ring-indigo-950 focus:ring-indigo-950 shadow-indigo-950 from-indigo-950 via-indigo-950 to-indigo-950 bg-violet-50 hover:bg-violet-50 focus:bg-violet-50 text-violet-50 hover:text-violet-50 border-violet-50 hover:border-violet-50 ring-violet-50 focus:ring-violet-50 shadow-violet-50 from-violet-50 via-violet-50 to-violet-50 bg-violet-100 hover:bg-violet-100 focus:bg-violet-100 text-violet-100 hover:text-violet-100 border-violet-100 hover:border-violet-100 ring-violet-100 focus:ring-violet-100 shadow-violet-100 from-violet-100 via-violet-100 to-violet-100 bg-violet-200 hover:bg-violet-200 focus:bg-violet-200 text-violet-200 hover:text-violet-200 border-violet-200 hover:border-violet-200 ring-violet-200 focus:ring-violet-200 shadow-violet-200 from-violet-200 via-violet-200 to-violet-200 bg-violet-300 hover:bg-violet-300 focus:bg-violet-300 text-violet-300 hover:text-violet-300 border-violet-300 hover:border-violet-300 ring-violet-300 focus:ring-violet-300 shadow-violet-300 from-violet-300 via-violet-300 to-violet-300 bg-violet-400 hover:bg-violet-400 focus:bg-violet-400 text-violet-400 hover:text-violet-400 border-violet-400 hover:border-violet-400 ring-violet-400 focus:ring-violet-400 shadow-violet-400 from-violet-400 via-violet-400 to-violet-400 bg-violet-500 hover:bg-violet-500 focus:bg-violet-500 text-violet-500 hover:text-violet-500 border-violet-500 hover:border-violet-500 ring-violet-500 focus:ring-violet-500 shadow-violet-500 from-violet-500 via-violet-500 to-violet-500 bg-violet-600 hover:bg-violet-600 focus:bg-violet-600 text-violet-600 hover:text-violet-600 border-violet-600 hover:border-violet-600 ring-violet-600 focus:ring-violet-600 shadow-violet-600 from-violet-600 via-violet-600 to-violet-600 bg-violet-700 hover:bg-violet-700 focus:bg-violet-700 text-violet-700 hover:text-violet-700 border-violet-700 hover:border-violet-700 ring-violet-700 focus:ring-violet-700 shadow-violet-700 from-violet-700 via-violet-700 to-violet-700 bg-violet-800 hover:bg-violet-800 focus:bg-violet-800 text-violet-800 hover:text-violet-800 border-violet-800 hover:border-violet-800 ring-violet-800 focus:ring-violet-800 shadow-violet-800 from-violet-800 via-violet-800 to-violet-800 bg-violet-900 hover:bg-violet-900 focus:bg-violet-900 text-violet-900 hover:text-violet-900 border-violet-900 hover:border-violet-900 ring-violet-900 focus:ring-violet-900 shadow-violet-900 from-violet-900 via-violet-900 to-violet-900 bg-violet-950 hover:bg-violet-950 focus:bg-violet-950 text-violet-950 hover:text-violet-950 border-violet-950 hover:border-violet-950 ring-violet-950 focus:ring-violet-950 shadow-violet-950 from-violet-950 via-violet-950 to-violet-950 bg-purple-50 hover:bg-purple-50 focus:bg-purple-50 text-purple-50 hover:text-purple-50 border-purple-50 hover:border-purple-50 ring-purple-50 focus:ring-purple-50 shadow-purple-50 from-purple-50 via-purple-50 to-purple-50 bg-purple-100 hover:bg-purple-100 focus:bg-purple-100 text-purple-100 hover:text-purple-100 border-purple-100 hover:border-purple-100 ring-purple-100 focus:ring-purple-100 shadow-purple-100 from-purple-100 via-purple-100 to-purple-100 bg-purple-200 hover:bg-purple-200 focus:bg-purple-200 text-purple-200 hover:text-purple-200 border-purple-200 hover:border-purple-200 ring-purple-200 focus:ring-purple-200 shadow-purple-200 from-purple-200 via-purple-200 to-purple-200 bg-purple-300 hover:bg-purple-300 focus:bg-purple-300 text-purple-300 hover:text-purple-300 border-purple-300 hover:border-purple-300 ring-purple-300 focus:ring-purple-300 shadow-purple-300 from-purple-300 via-purple-300 to-purple-300 bg-purple-400 hover:bg-purple-400 focus:bg-purple-400 text-purple-400 hover:text-purple-400 border-purple-400 hover:border-purple-400 ring-purple-400 focus:ring-purple-400 shadow-purple-400 from-purple-400 via-purple-400 to-purple-400 bg-purple-500 hover:bg-purple-500 focus:bg-purple-500 text-purple-500 hover:text-purple-500 border-purple-500 hover:border-purple-500 ring-purple-500 focus:ring-purple-500 shadow-purple-500 from-purple-500 via-purple-500 to-purple-500 bg-purple-600 hover:bg-purple-600 focus:bg-purple-600 text-purple-600 hover:text-purple-600 border-purple-600 hover:border-purple-600 ring-purple-600 focus:ring-purple-600 shadow-purple-600 from-purple-600 via-purple-600 to-purple-600 bg-purple-700 hover:bg-purple-700 focus:bg-purple-700 text-purple-700 hover:text-purple-700 border-purple-700 hover:border-purple-700 ring-purple-700 focus:ring-purple-700 shadow-purple-700 from-purple-700 via-purple-700 to-purple-700 bg-purple-800 hover:bg-purple-800 focus:bg-purple-800 text-purple-800 hover:text-purple-800 border-purple-800 hover:border-purple-800 ring-purple-800 focus:ring-purple-800 shadow-purple-800 from-purple-800 via-purple-800 to-purple-800 bg-purple-900 hover:bg-purple-900 focus:bg-purple-900 text-purple-900 hover:text-purple-900 border-purple-900 hover:border-purple-900 ring-purple-900 focus:ring-purple-900 shadow-purple-900 from-purple-900 via-purple-900 to-purple-900 bg-purple-950 hover:bg-purple-950 focus:bg-purple-950 text-purple-950 hover:text-purple-950 border-purple-950 hover:border-purple-950 ring-purple-950 focus:ring-purple-950 shadow-purple-950 from-purple-950 via-purple-950 to-purple-950 bg-fuchsia-50 hover:bg-fuchsia-50 focus:bg-fuchsia-50 text-fuchsia-50 hover:text-fuchsia-50 border-fuchsia-50 hover:border-fuchsia-50 ring-fuchsia-50 focus:ring-fuchsia-50 shadow-fuchsia-50 from-fuchsia-50 via-fuchsia-50 to-fuchsia-50 bg-fuchsia-100 hover:bg-fuchsia-100 focus:bg-fuchsia-100 text-fuchsia-100 hover:text-fuchsia-100 border-fuchsia-100 hover:border-fuchsia-100 ring-fuchsia-100 focus:ring-fuchsia-100 shadow-fuchsia-100 from-fuchsia-100 via-fuchsia-100 to-fuchsia-100 bg-fuchsia-200 hover:bg-fuchsia-200 focus:bg-fuchsia-200 text-fuchsia-200 hover:text-fuchsia-200 border-fuchsia-200 hover:border-fuchsia-200 ring-fuchsia-200 focus:ring-fuchsia-200 shadow-fuchsia-200 from-fuchsia-200 via-fuchsia-200 to-fuchsia-200 bg-fuchsia-300 hover:bg-fuchsia-300 focus:bg-fuchsia-300 text-fuchsia-300 hover:text-fuchsia-300 border-fuchsia-300 hover:border-fuchsia-300 ring-fuchsia-300 focus:ring-fuchsia-300 shadow-fuchsia-300 from-fuchsia-300 via-fuchsia-300 to-fuchsia-300 bg-fuchsia-400 hover:bg-fuchsia-400 focus:bg-fuchsia-400 text-fuchsia-400 hover:text-fuchsia-400 border-fuchsia-400 hover:border-fuchsia-400 ring-fuchsia-400 focus:ring-fuchsia-400 shadow-fuchsia-400 from-fuchsia-400 via-fuchsia-400 to-fuchsia-400 bg-fuchsia-500 hover:bg-fuchsia-500 focus:bg-fuchsia-500 text-fuchsia-500 hover:text-fuchsia-500 border-fuchsia-500 hover:border-fuchsia-500 ring-fuchsia-500 focus:ring-fuchsia-500 shadow-fuchsia-500 from-fuchsia-500 via-fuchsia-500 to-fuchsia-500 bg-fuchsia-600 hover:bg-fuchsia-600 focus:bg-fuchsia-600 text-fuchsia-600 hover:text-fuchsia-600 border-fuchsia-600 hover:border-fuchsia-600 ring-fuchsia-600 focus:ring-fuchsia-600 shadow-fuchsia-600 from-fuchsia-600 via-fuchsia-600 to-fuchsia-600 bg-fuchsia-700 hover:bg-fuchsia-700 focus:bg-fuchsia-700 text-fuchsia-700 hover:text-fuchsia-700 border-fuchsia-700 hover:border-fuchsia-700 ring-fuchsia-700 focus:ring-fuchsia-700 shadow-fuchsia-700 from-fuchsia-700 via-fuchsia-700 to-fuchsia-700 bg-fuchsia-800 hover:bg-fuchsia-800 focus:bg-fuchsia-800 text-fuchsia-800 hover:text-fuchsia-800 border-fuchsia-800 hover:border-fuchsia-800 ring-fuchsia-800 focus:ring-fuchsia-800 shadow-fuchsia-800 from-fuchsia-800 via-fuchsia-800 to-fuchsia-800 bg-fuchsia-900 hover:bg-fuchsia-900 focus:bg-fuchsia-900 text-fuchsia-900 hover:text-fuchsia-900 border-fuchsia-900 hover:border-fuchsia-900 ring-fuchsia-900 focus:ring-fuchsia-900 shadow-fuchsia-900 from-fuchsia-900 via-fuchsia-900 to-fuchsia-900 bg-fuchsia-950 hover:bg-fuchsia-950 focus:bg-fuchsia-950 text-fuchsia-950 hover:text-fuchsia-950 border-fuchsia-950 hover:border-fuchsia-950 ring-fuchsia-950 focus:ring-fuchsia-950 shadow-fuchsia-950 from-fuchsia-950 via-fuchsia-950 to-fuchsia-950 bg-pink-50 hover:bg-pink-50 focus:bg-pink-50 text-pink-50 hover:text-pink-50 border-pink-50 hover:border-pink-50 ring-pink-50 focus:ring-pink-50 shadow-pink-50 from-pink-50 via-pink-50 to-pink-50 bg-pink-100 hover:bg-pink-100 focus:bg-pink-100 text-pink-100 hover:text-pink-100 border-pink-100 hover:border-pink-100 ring-pink-100 focus:ring-pink-100 shadow-pink-100 from-pink-100 via-pink-100 to-pink-100 bg-pink-200 hover:bg-pink-200 focus:bg-pink-200 text-pink-200 hover:text-pink-200 border-pink-200 hover:border-pink-200 ring-pink-200 focus:ring-pink-200 shadow-pink-200 from-pink-200 via-pink-200 to-pink-200 bg-pink-300 hover:bg-pink-300 focus:bg-pink-300 text-pink-300 hover:text-pink-300 border-pink-300 hover:border-pink-300 ring-pink-300 focus:ring-pink-300 shadow-pink-300 from-pink-300 via-pink-300 to-pink-300 bg-pink-400 hover:bg-pink-400 focus:bg-pink-400 text-pink-400 hover:text-pink-400 border-pink-400 hover:border-pink-400 ring-pink-400 focus:ring-pink-400 shadow-pink-400 from-pink-400 via-pink-400 to-pink-400 bg-pink-500 hover:bg-pink-500 focus:bg-pink-500 text-pink-500 hover:text-pink-500 border-pink-500 hover:border-pink-500 ring-pink-500 focus:ring-pink-500 shadow-pink-500 from-pink-500 via-pink-500 to-pink-500 bg-pink-600 hover:bg-pink-600 focus:bg-pink-600 text-pink-600 hover:text-pink-600 border-pink-600 hover:border-pink-600 ring-pink-600 focus:ring-pink-600 shadow-pink-600 from-pink-600 via-pink-600 to-pink-600 bg-pink-700 hover:bg-pink-700 focus:bg-pink-700 text-pink-700 hover:text-pink-700 border-pink-700 hover:border-pink-700 ring-pink-700 focus:ring-pink-700 shadow-pink-700 from-pink-700 via-pink-700 to-pink-700 bg-pink-800 hover:bg-pink-800 focus:bg-pink-800 text-pink-800 hover:text-pink-800 border-pink-800 hover:border-pink-800 ring-pink-800 focus:ring-pink-800 shadow-pink-800 from-pink-800 via-pink-800 to-pink-800 bg-pink-900 hover:bg-pink-900 focus:bg-pink-900 text-pink-900 hover:text-pink-900 border-pink-900 hover:border-pink-900 ring-pink-900 focus:ring-pink-900 shadow-pink-900 from-pink-900 via-pink-900 to-pink-900 bg-pink-950 hover:bg-pink-950 focus:bg-pink-950 text-pink-950 hover:text-pink-950 border-pink-950 hover:border-pink-950 ring-pink-950 focus:ring-pink-950 shadow-pink-950 from-pink-950 via-pink-950 to-pink-950 bg-rose-50 hover:bg-rose-50 focus:bg-rose-50 text-rose-50 hover:text-rose-50 border-rose-50 hover:border-rose-50 ring-rose-50 focus:ring-rose-50 shadow-rose-50 from-rose-50 via-rose-50 to-rose-50 bg-rose-100 hover:bg-rose-100 focus:bg-rose-100 text-rose-100 hover:text-rose-100 border-rose-100 hover:border-rose-100 ring-rose-100 focus:ring-rose-100 shadow-rose-100 from-rose-100 via-rose-100 to-rose-100 bg-rose-200 hover:bg-rose-200 focus:bg-rose-200 text-rose-200 hover:text-rose-200 border-rose-200 hover:border-rose-200 ring-rose-200 focus:ring-rose-200 shadow-rose-200 from-rose-200 via-rose-200 to-rose-200 bg-rose-300 hover:bg-rose-300 focus:bg-rose-300 text-rose-300 hover:text-rose-300 border-rose-300 hover:border-rose-300 ring-rose-300 focus:ring-rose-300 shadow-rose-300 from-rose-300 via-rose-300 to-rose-300 bg-rose-400 hover:bg-rose-400 focus:bg-rose-400 text-rose-400 hover:text-rose-400 border-rose-400 hover:border-rose-400 ring-rose-400 focus:ring-rose-400 shadow-rose-400 from-rose-400 via-rose-400 to-rose-400 bg-rose-500 hover:bg-rose-500 focus:bg-rose-500 text-rose-500 hover:text-rose-500 border-rose-500 hover:border-rose-500 ring-rose-500 focus:ring-rose-500 shadow-rose-500 from-rose-500 via-rose-500 to-rose-500 bg-rose-600 hover:bg-rose-600 focus:bg-rose-600 text-rose-600 hover:text-rose-600 border-rose-600 hover:border-rose-600 ring-rose-600 focus:ring-rose-600 shadow-rose-600 from-rose-600 via-rose-600 to-rose-600 bg-rose-700 hover:bg-rose-700 focus:bg-rose-700 text-rose-700 hover:text-rose-700 border-rose-700 hover:border-rose-700 ring-rose-700 focus:ring-rose-700 shadow-rose-700 from-rose-700 via-rose-700 to-rose-700 bg-rose-800 hover:bg-rose-800 focus:bg-rose-800 text-rose-800 hover:text-rose-800 border-rose-800 hover:border-rose-800 ring-rose-800 focus:ring-rose-800 shadow-rose-800 from-rose-800 via-rose-800 to-rose-800 bg-rose-900 hover:bg-rose-900 focus:bg-rose-900 text-rose-900 hover:text-rose-900 border-rose-900 hover:border-rose-900 ring-rose-900 focus:ring-rose-900 shadow-rose-900 from-rose-900 via-rose-900 to-rose-900 bg-rose-950 hover:bg-rose-950 focus:bg-rose-950 text-rose-950 hover:text-rose-950 border-rose-950 hover:border-rose-950 ring-rose-950 focus:ring-rose-950 shadow-rose-950 from-rose-950 via-rose-950 to-rose-950 bg-gradient-to-t bg-gradient-to-tr bg-gradient-to-r bg-gradient-to-br bg-gradient-to-b bg-gradient-to-bl bg-gradient-to-l bg-gradient-to-tl bg-linear-to-t bg-linear-to-tr bg-linear-to-r bg-linear-to-br bg-linear-to-b bg-linear-to-bl bg-linear-to-l bg-linear-to-tl mt-10 p-8 p-10 p-12 gap-4 grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 dark:text-slate-200 dark:text-slate-400 dark:text-white text-sm font-semibold text-center text-white uppercase tracking-[0.3em] tracking-wide tracking-widest bg-white/5 bg-white/10 border-white/10 border-white/20 bg-slate-50 hover:bg-slate-100 dark:bg-white/5 dark:hover:bg-white/10 from-blue-400 to-cyan-400 from-blue-500/10 to-purple-500/10
14
- `;
1
+ /*
2
+ * AUTO-GENERATED — do not edit by hand.
3
+ * Regenerate with: node tools/scripts/gen-custom-block-safelist.js
4
+ *
5
+ * Custom block layouts store Tailwind classes in the database. Tailwind only
6
+ * emits CSS for classes it finds while scanning source files, so these color
7
+ * utility tokens are listed here to force their generation. This module is never
8
+ * imported at runtime; it exists purely so the Tailwind content scanner sees it.
9
+ * (Consolidates and replaces the former app/force-styles.tsx.)
10
+ */
11
+
12
+ export const CUSTOM_BLOCK_TAILWIND_SAFELIST = `
13
+ bg-slate-50 hover:bg-slate-50 focus:bg-slate-50 text-slate-50 hover:text-slate-50 border-slate-50 hover:border-slate-50 ring-slate-50 focus:ring-slate-50 shadow-slate-50 from-slate-50 via-slate-50 to-slate-50 bg-slate-100 hover:bg-slate-100 focus:bg-slate-100 text-slate-100 hover:text-slate-100 border-slate-100 hover:border-slate-100 ring-slate-100 focus:ring-slate-100 shadow-slate-100 from-slate-100 via-slate-100 to-slate-100 bg-slate-200 hover:bg-slate-200 focus:bg-slate-200 text-slate-200 hover:text-slate-200 border-slate-200 hover:border-slate-200 ring-slate-200 focus:ring-slate-200 shadow-slate-200 from-slate-200 via-slate-200 to-slate-200 bg-slate-300 hover:bg-slate-300 focus:bg-slate-300 text-slate-300 hover:text-slate-300 border-slate-300 hover:border-slate-300 ring-slate-300 focus:ring-slate-300 shadow-slate-300 from-slate-300 via-slate-300 to-slate-300 bg-slate-400 hover:bg-slate-400 focus:bg-slate-400 text-slate-400 hover:text-slate-400 border-slate-400 hover:border-slate-400 ring-slate-400 focus:ring-slate-400 shadow-slate-400 from-slate-400 via-slate-400 to-slate-400 bg-slate-500 hover:bg-slate-500 focus:bg-slate-500 text-slate-500 hover:text-slate-500 border-slate-500 hover:border-slate-500 ring-slate-500 focus:ring-slate-500 shadow-slate-500 from-slate-500 via-slate-500 to-slate-500 bg-slate-600 hover:bg-slate-600 focus:bg-slate-600 text-slate-600 hover:text-slate-600 border-slate-600 hover:border-slate-600 ring-slate-600 focus:ring-slate-600 shadow-slate-600 from-slate-600 via-slate-600 to-slate-600 bg-slate-700 hover:bg-slate-700 focus:bg-slate-700 text-slate-700 hover:text-slate-700 border-slate-700 hover:border-slate-700 ring-slate-700 focus:ring-slate-700 shadow-slate-700 from-slate-700 via-slate-700 to-slate-700 bg-slate-800 hover:bg-slate-800 focus:bg-slate-800 text-slate-800 hover:text-slate-800 border-slate-800 hover:border-slate-800 ring-slate-800 focus:ring-slate-800 shadow-slate-800 from-slate-800 via-slate-800 to-slate-800 bg-slate-900 hover:bg-slate-900 focus:bg-slate-900 text-slate-900 hover:text-slate-900 border-slate-900 hover:border-slate-900 ring-slate-900 focus:ring-slate-900 shadow-slate-900 from-slate-900 via-slate-900 to-slate-900 bg-slate-950 hover:bg-slate-950 focus:bg-slate-950 text-slate-950 hover:text-slate-950 border-slate-950 hover:border-slate-950 ring-slate-950 focus:ring-slate-950 shadow-slate-950 from-slate-950 via-slate-950 to-slate-950 bg-gray-50 hover:bg-gray-50 focus:bg-gray-50 text-gray-50 hover:text-gray-50 border-gray-50 hover:border-gray-50 ring-gray-50 focus:ring-gray-50 shadow-gray-50 from-gray-50 via-gray-50 to-gray-50 bg-gray-100 hover:bg-gray-100 focus:bg-gray-100 text-gray-100 hover:text-gray-100 border-gray-100 hover:border-gray-100 ring-gray-100 focus:ring-gray-100 shadow-gray-100 from-gray-100 via-gray-100 to-gray-100 bg-gray-200 hover:bg-gray-200 focus:bg-gray-200 text-gray-200 hover:text-gray-200 border-gray-200 hover:border-gray-200 ring-gray-200 focus:ring-gray-200 shadow-gray-200 from-gray-200 via-gray-200 to-gray-200 bg-gray-300 hover:bg-gray-300 focus:bg-gray-300 text-gray-300 hover:text-gray-300 border-gray-300 hover:border-gray-300 ring-gray-300 focus:ring-gray-300 shadow-gray-300 from-gray-300 via-gray-300 to-gray-300 bg-gray-400 hover:bg-gray-400 focus:bg-gray-400 text-gray-400 hover:text-gray-400 border-gray-400 hover:border-gray-400 ring-gray-400 focus:ring-gray-400 shadow-gray-400 from-gray-400 via-gray-400 to-gray-400 bg-gray-500 hover:bg-gray-500 focus:bg-gray-500 text-gray-500 hover:text-gray-500 border-gray-500 hover:border-gray-500 ring-gray-500 focus:ring-gray-500 shadow-gray-500 from-gray-500 via-gray-500 to-gray-500 bg-gray-600 hover:bg-gray-600 focus:bg-gray-600 text-gray-600 hover:text-gray-600 border-gray-600 hover:border-gray-600 ring-gray-600 focus:ring-gray-600 shadow-gray-600 from-gray-600 via-gray-600 to-gray-600 bg-gray-700 hover:bg-gray-700 focus:bg-gray-700 text-gray-700 hover:text-gray-700 border-gray-700 hover:border-gray-700 ring-gray-700 focus:ring-gray-700 shadow-gray-700 from-gray-700 via-gray-700 to-gray-700 bg-gray-800 hover:bg-gray-800 focus:bg-gray-800 text-gray-800 hover:text-gray-800 border-gray-800 hover:border-gray-800 ring-gray-800 focus:ring-gray-800 shadow-gray-800 from-gray-800 via-gray-800 to-gray-800 bg-gray-900 hover:bg-gray-900 focus:bg-gray-900 text-gray-900 hover:text-gray-900 border-gray-900 hover:border-gray-900 ring-gray-900 focus:ring-gray-900 shadow-gray-900 from-gray-900 via-gray-900 to-gray-900 bg-gray-950 hover:bg-gray-950 focus:bg-gray-950 text-gray-950 hover:text-gray-950 border-gray-950 hover:border-gray-950 ring-gray-950 focus:ring-gray-950 shadow-gray-950 from-gray-950 via-gray-950 to-gray-950 bg-zinc-50 hover:bg-zinc-50 focus:bg-zinc-50 text-zinc-50 hover:text-zinc-50 border-zinc-50 hover:border-zinc-50 ring-zinc-50 focus:ring-zinc-50 shadow-zinc-50 from-zinc-50 via-zinc-50 to-zinc-50 bg-zinc-100 hover:bg-zinc-100 focus:bg-zinc-100 text-zinc-100 hover:text-zinc-100 border-zinc-100 hover:border-zinc-100 ring-zinc-100 focus:ring-zinc-100 shadow-zinc-100 from-zinc-100 via-zinc-100 to-zinc-100 bg-zinc-200 hover:bg-zinc-200 focus:bg-zinc-200 text-zinc-200 hover:text-zinc-200 border-zinc-200 hover:border-zinc-200 ring-zinc-200 focus:ring-zinc-200 shadow-zinc-200 from-zinc-200 via-zinc-200 to-zinc-200 bg-zinc-300 hover:bg-zinc-300 focus:bg-zinc-300 text-zinc-300 hover:text-zinc-300 border-zinc-300 hover:border-zinc-300 ring-zinc-300 focus:ring-zinc-300 shadow-zinc-300 from-zinc-300 via-zinc-300 to-zinc-300 bg-zinc-400 hover:bg-zinc-400 focus:bg-zinc-400 text-zinc-400 hover:text-zinc-400 border-zinc-400 hover:border-zinc-400 ring-zinc-400 focus:ring-zinc-400 shadow-zinc-400 from-zinc-400 via-zinc-400 to-zinc-400 bg-zinc-500 hover:bg-zinc-500 focus:bg-zinc-500 text-zinc-500 hover:text-zinc-500 border-zinc-500 hover:border-zinc-500 ring-zinc-500 focus:ring-zinc-500 shadow-zinc-500 from-zinc-500 via-zinc-500 to-zinc-500 bg-zinc-600 hover:bg-zinc-600 focus:bg-zinc-600 text-zinc-600 hover:text-zinc-600 border-zinc-600 hover:border-zinc-600 ring-zinc-600 focus:ring-zinc-600 shadow-zinc-600 from-zinc-600 via-zinc-600 to-zinc-600 bg-zinc-700 hover:bg-zinc-700 focus:bg-zinc-700 text-zinc-700 hover:text-zinc-700 border-zinc-700 hover:border-zinc-700 ring-zinc-700 focus:ring-zinc-700 shadow-zinc-700 from-zinc-700 via-zinc-700 to-zinc-700 bg-zinc-800 hover:bg-zinc-800 focus:bg-zinc-800 text-zinc-800 hover:text-zinc-800 border-zinc-800 hover:border-zinc-800 ring-zinc-800 focus:ring-zinc-800 shadow-zinc-800 from-zinc-800 via-zinc-800 to-zinc-800 bg-zinc-900 hover:bg-zinc-900 focus:bg-zinc-900 text-zinc-900 hover:text-zinc-900 border-zinc-900 hover:border-zinc-900 ring-zinc-900 focus:ring-zinc-900 shadow-zinc-900 from-zinc-900 via-zinc-900 to-zinc-900 bg-zinc-950 hover:bg-zinc-950 focus:bg-zinc-950 text-zinc-950 hover:text-zinc-950 border-zinc-950 hover:border-zinc-950 ring-zinc-950 focus:ring-zinc-950 shadow-zinc-950 from-zinc-950 via-zinc-950 to-zinc-950 bg-neutral-50 hover:bg-neutral-50 focus:bg-neutral-50 text-neutral-50 hover:text-neutral-50 border-neutral-50 hover:border-neutral-50 ring-neutral-50 focus:ring-neutral-50 shadow-neutral-50 from-neutral-50 via-neutral-50 to-neutral-50 bg-neutral-100 hover:bg-neutral-100 focus:bg-neutral-100 text-neutral-100 hover:text-neutral-100 border-neutral-100 hover:border-neutral-100 ring-neutral-100 focus:ring-neutral-100 shadow-neutral-100 from-neutral-100 via-neutral-100 to-neutral-100 bg-neutral-200 hover:bg-neutral-200 focus:bg-neutral-200 text-neutral-200 hover:text-neutral-200 border-neutral-200 hover:border-neutral-200 ring-neutral-200 focus:ring-neutral-200 shadow-neutral-200 from-neutral-200 via-neutral-200 to-neutral-200 bg-neutral-300 hover:bg-neutral-300 focus:bg-neutral-300 text-neutral-300 hover:text-neutral-300 border-neutral-300 hover:border-neutral-300 ring-neutral-300 focus:ring-neutral-300 shadow-neutral-300 from-neutral-300 via-neutral-300 to-neutral-300 bg-neutral-400 hover:bg-neutral-400 focus:bg-neutral-400 text-neutral-400 hover:text-neutral-400 border-neutral-400 hover:border-neutral-400 ring-neutral-400 focus:ring-neutral-400 shadow-neutral-400 from-neutral-400 via-neutral-400 to-neutral-400 bg-neutral-500 hover:bg-neutral-500 focus:bg-neutral-500 text-neutral-500 hover:text-neutral-500 border-neutral-500 hover:border-neutral-500 ring-neutral-500 focus:ring-neutral-500 shadow-neutral-500 from-neutral-500 via-neutral-500 to-neutral-500 bg-neutral-600 hover:bg-neutral-600 focus:bg-neutral-600 text-neutral-600 hover:text-neutral-600 border-neutral-600 hover:border-neutral-600 ring-neutral-600 focus:ring-neutral-600 shadow-neutral-600 from-neutral-600 via-neutral-600 to-neutral-600 bg-neutral-700 hover:bg-neutral-700 focus:bg-neutral-700 text-neutral-700 hover:text-neutral-700 border-neutral-700 hover:border-neutral-700 ring-neutral-700 focus:ring-neutral-700 shadow-neutral-700 from-neutral-700 via-neutral-700 to-neutral-700 bg-neutral-800 hover:bg-neutral-800 focus:bg-neutral-800 text-neutral-800 hover:text-neutral-800 border-neutral-800 hover:border-neutral-800 ring-neutral-800 focus:ring-neutral-800 shadow-neutral-800 from-neutral-800 via-neutral-800 to-neutral-800 bg-neutral-900 hover:bg-neutral-900 focus:bg-neutral-900 text-neutral-900 hover:text-neutral-900 border-neutral-900 hover:border-neutral-900 ring-neutral-900 focus:ring-neutral-900 shadow-neutral-900 from-neutral-900 via-neutral-900 to-neutral-900 bg-neutral-950 hover:bg-neutral-950 focus:bg-neutral-950 text-neutral-950 hover:text-neutral-950 border-neutral-950 hover:border-neutral-950 ring-neutral-950 focus:ring-neutral-950 shadow-neutral-950 from-neutral-950 via-neutral-950 to-neutral-950 bg-stone-50 hover:bg-stone-50 focus:bg-stone-50 text-stone-50 hover:text-stone-50 border-stone-50 hover:border-stone-50 ring-stone-50 focus:ring-stone-50 shadow-stone-50 from-stone-50 via-stone-50 to-stone-50 bg-stone-100 hover:bg-stone-100 focus:bg-stone-100 text-stone-100 hover:text-stone-100 border-stone-100 hover:border-stone-100 ring-stone-100 focus:ring-stone-100 shadow-stone-100 from-stone-100 via-stone-100 to-stone-100 bg-stone-200 hover:bg-stone-200 focus:bg-stone-200 text-stone-200 hover:text-stone-200 border-stone-200 hover:border-stone-200 ring-stone-200 focus:ring-stone-200 shadow-stone-200 from-stone-200 via-stone-200 to-stone-200 bg-stone-300 hover:bg-stone-300 focus:bg-stone-300 text-stone-300 hover:text-stone-300 border-stone-300 hover:border-stone-300 ring-stone-300 focus:ring-stone-300 shadow-stone-300 from-stone-300 via-stone-300 to-stone-300 bg-stone-400 hover:bg-stone-400 focus:bg-stone-400 text-stone-400 hover:text-stone-400 border-stone-400 hover:border-stone-400 ring-stone-400 focus:ring-stone-400 shadow-stone-400 from-stone-400 via-stone-400 to-stone-400 bg-stone-500 hover:bg-stone-500 focus:bg-stone-500 text-stone-500 hover:text-stone-500 border-stone-500 hover:border-stone-500 ring-stone-500 focus:ring-stone-500 shadow-stone-500 from-stone-500 via-stone-500 to-stone-500 bg-stone-600 hover:bg-stone-600 focus:bg-stone-600 text-stone-600 hover:text-stone-600 border-stone-600 hover:border-stone-600 ring-stone-600 focus:ring-stone-600 shadow-stone-600 from-stone-600 via-stone-600 to-stone-600 bg-stone-700 hover:bg-stone-700 focus:bg-stone-700 text-stone-700 hover:text-stone-700 border-stone-700 hover:border-stone-700 ring-stone-700 focus:ring-stone-700 shadow-stone-700 from-stone-700 via-stone-700 to-stone-700 bg-stone-800 hover:bg-stone-800 focus:bg-stone-800 text-stone-800 hover:text-stone-800 border-stone-800 hover:border-stone-800 ring-stone-800 focus:ring-stone-800 shadow-stone-800 from-stone-800 via-stone-800 to-stone-800 bg-stone-900 hover:bg-stone-900 focus:bg-stone-900 text-stone-900 hover:text-stone-900 border-stone-900 hover:border-stone-900 ring-stone-900 focus:ring-stone-900 shadow-stone-900 from-stone-900 via-stone-900 to-stone-900 bg-stone-950 hover:bg-stone-950 focus:bg-stone-950 text-stone-950 hover:text-stone-950 border-stone-950 hover:border-stone-950 ring-stone-950 focus:ring-stone-950 shadow-stone-950 from-stone-950 via-stone-950 to-stone-950 bg-red-50 hover:bg-red-50 focus:bg-red-50 text-red-50 hover:text-red-50 border-red-50 hover:border-red-50 ring-red-50 focus:ring-red-50 shadow-red-50 from-red-50 via-red-50 to-red-50 bg-red-100 hover:bg-red-100 focus:bg-red-100 text-red-100 hover:text-red-100 border-red-100 hover:border-red-100 ring-red-100 focus:ring-red-100 shadow-red-100 from-red-100 via-red-100 to-red-100 bg-red-200 hover:bg-red-200 focus:bg-red-200 text-red-200 hover:text-red-200 border-red-200 hover:border-red-200 ring-red-200 focus:ring-red-200 shadow-red-200 from-red-200 via-red-200 to-red-200 bg-red-300 hover:bg-red-300 focus:bg-red-300 text-red-300 hover:text-red-300 border-red-300 hover:border-red-300 ring-red-300 focus:ring-red-300 shadow-red-300 from-red-300 via-red-300 to-red-300 bg-red-400 hover:bg-red-400 focus:bg-red-400 text-red-400 hover:text-red-400 border-red-400 hover:border-red-400 ring-red-400 focus:ring-red-400 shadow-red-400 from-red-400 via-red-400 to-red-400 bg-red-500 hover:bg-red-500 focus:bg-red-500 text-red-500 hover:text-red-500 border-red-500 hover:border-red-500 ring-red-500 focus:ring-red-500 shadow-red-500 from-red-500 via-red-500 to-red-500 bg-red-600 hover:bg-red-600 focus:bg-red-600 text-red-600 hover:text-red-600 border-red-600 hover:border-red-600 ring-red-600 focus:ring-red-600 shadow-red-600 from-red-600 via-red-600 to-red-600 bg-red-700 hover:bg-red-700 focus:bg-red-700 text-red-700 hover:text-red-700 border-red-700 hover:border-red-700 ring-red-700 focus:ring-red-700 shadow-red-700 from-red-700 via-red-700 to-red-700 bg-red-800 hover:bg-red-800 focus:bg-red-800 text-red-800 hover:text-red-800 border-red-800 hover:border-red-800 ring-red-800 focus:ring-red-800 shadow-red-800 from-red-800 via-red-800 to-red-800 bg-red-900 hover:bg-red-900 focus:bg-red-900 text-red-900 hover:text-red-900 border-red-900 hover:border-red-900 ring-red-900 focus:ring-red-900 shadow-red-900 from-red-900 via-red-900 to-red-900 bg-red-950 hover:bg-red-950 focus:bg-red-950 text-red-950 hover:text-red-950 border-red-950 hover:border-red-950 ring-red-950 focus:ring-red-950 shadow-red-950 from-red-950 via-red-950 to-red-950 bg-orange-50 hover:bg-orange-50 focus:bg-orange-50 text-orange-50 hover:text-orange-50 border-orange-50 hover:border-orange-50 ring-orange-50 focus:ring-orange-50 shadow-orange-50 from-orange-50 via-orange-50 to-orange-50 bg-orange-100 hover:bg-orange-100 focus:bg-orange-100 text-orange-100 hover:text-orange-100 border-orange-100 hover:border-orange-100 ring-orange-100 focus:ring-orange-100 shadow-orange-100 from-orange-100 via-orange-100 to-orange-100 bg-orange-200 hover:bg-orange-200 focus:bg-orange-200 text-orange-200 hover:text-orange-200 border-orange-200 hover:border-orange-200 ring-orange-200 focus:ring-orange-200 shadow-orange-200 from-orange-200 via-orange-200 to-orange-200 bg-orange-300 hover:bg-orange-300 focus:bg-orange-300 text-orange-300 hover:text-orange-300 border-orange-300 hover:border-orange-300 ring-orange-300 focus:ring-orange-300 shadow-orange-300 from-orange-300 via-orange-300 to-orange-300 bg-orange-400 hover:bg-orange-400 focus:bg-orange-400 text-orange-400 hover:text-orange-400 border-orange-400 hover:border-orange-400 ring-orange-400 focus:ring-orange-400 shadow-orange-400 from-orange-400 via-orange-400 to-orange-400 bg-orange-500 hover:bg-orange-500 focus:bg-orange-500 text-orange-500 hover:text-orange-500 border-orange-500 hover:border-orange-500 ring-orange-500 focus:ring-orange-500 shadow-orange-500 from-orange-500 via-orange-500 to-orange-500 bg-orange-600 hover:bg-orange-600 focus:bg-orange-600 text-orange-600 hover:text-orange-600 border-orange-600 hover:border-orange-600 ring-orange-600 focus:ring-orange-600 shadow-orange-600 from-orange-600 via-orange-600 to-orange-600 bg-orange-700 hover:bg-orange-700 focus:bg-orange-700 text-orange-700 hover:text-orange-700 border-orange-700 hover:border-orange-700 ring-orange-700 focus:ring-orange-700 shadow-orange-700 from-orange-700 via-orange-700 to-orange-700 bg-orange-800 hover:bg-orange-800 focus:bg-orange-800 text-orange-800 hover:text-orange-800 border-orange-800 hover:border-orange-800 ring-orange-800 focus:ring-orange-800 shadow-orange-800 from-orange-800 via-orange-800 to-orange-800 bg-orange-900 hover:bg-orange-900 focus:bg-orange-900 text-orange-900 hover:text-orange-900 border-orange-900 hover:border-orange-900 ring-orange-900 focus:ring-orange-900 shadow-orange-900 from-orange-900 via-orange-900 to-orange-900 bg-orange-950 hover:bg-orange-950 focus:bg-orange-950 text-orange-950 hover:text-orange-950 border-orange-950 hover:border-orange-950 ring-orange-950 focus:ring-orange-950 shadow-orange-950 from-orange-950 via-orange-950 to-orange-950 bg-amber-50 hover:bg-amber-50 focus:bg-amber-50 text-amber-50 hover:text-amber-50 border-amber-50 hover:border-amber-50 ring-amber-50 focus:ring-amber-50 shadow-amber-50 from-amber-50 via-amber-50 to-amber-50 bg-amber-100 hover:bg-amber-100 focus:bg-amber-100 text-amber-100 hover:text-amber-100 border-amber-100 hover:border-amber-100 ring-amber-100 focus:ring-amber-100 shadow-amber-100 from-amber-100 via-amber-100 to-amber-100 bg-amber-200 hover:bg-amber-200 focus:bg-amber-200 text-amber-200 hover:text-amber-200 border-amber-200 hover:border-amber-200 ring-amber-200 focus:ring-amber-200 shadow-amber-200 from-amber-200 via-amber-200 to-amber-200 bg-amber-300 hover:bg-amber-300 focus:bg-amber-300 text-amber-300 hover:text-amber-300 border-amber-300 hover:border-amber-300 ring-amber-300 focus:ring-amber-300 shadow-amber-300 from-amber-300 via-amber-300 to-amber-300 bg-amber-400 hover:bg-amber-400 focus:bg-amber-400 text-amber-400 hover:text-amber-400 border-amber-400 hover:border-amber-400 ring-amber-400 focus:ring-amber-400 shadow-amber-400 from-amber-400 via-amber-400 to-amber-400 bg-amber-500 hover:bg-amber-500 focus:bg-amber-500 text-amber-500 hover:text-amber-500 border-amber-500 hover:border-amber-500 ring-amber-500 focus:ring-amber-500 shadow-amber-500 from-amber-500 via-amber-500 to-amber-500 bg-amber-600 hover:bg-amber-600 focus:bg-amber-600 text-amber-600 hover:text-amber-600 border-amber-600 hover:border-amber-600 ring-amber-600 focus:ring-amber-600 shadow-amber-600 from-amber-600 via-amber-600 to-amber-600 bg-amber-700 hover:bg-amber-700 focus:bg-amber-700 text-amber-700 hover:text-amber-700 border-amber-700 hover:border-amber-700 ring-amber-700 focus:ring-amber-700 shadow-amber-700 from-amber-700 via-amber-700 to-amber-700 bg-amber-800 hover:bg-amber-800 focus:bg-amber-800 text-amber-800 hover:text-amber-800 border-amber-800 hover:border-amber-800 ring-amber-800 focus:ring-amber-800 shadow-amber-800 from-amber-800 via-amber-800 to-amber-800 bg-amber-900 hover:bg-amber-900 focus:bg-amber-900 text-amber-900 hover:text-amber-900 border-amber-900 hover:border-amber-900 ring-amber-900 focus:ring-amber-900 shadow-amber-900 from-amber-900 via-amber-900 to-amber-900 bg-amber-950 hover:bg-amber-950 focus:bg-amber-950 text-amber-950 hover:text-amber-950 border-amber-950 hover:border-amber-950 ring-amber-950 focus:ring-amber-950 shadow-amber-950 from-amber-950 via-amber-950 to-amber-950 bg-yellow-50 hover:bg-yellow-50 focus:bg-yellow-50 text-yellow-50 hover:text-yellow-50 border-yellow-50 hover:border-yellow-50 ring-yellow-50 focus:ring-yellow-50 shadow-yellow-50 from-yellow-50 via-yellow-50 to-yellow-50 bg-yellow-100 hover:bg-yellow-100 focus:bg-yellow-100 text-yellow-100 hover:text-yellow-100 border-yellow-100 hover:border-yellow-100 ring-yellow-100 focus:ring-yellow-100 shadow-yellow-100 from-yellow-100 via-yellow-100 to-yellow-100 bg-yellow-200 hover:bg-yellow-200 focus:bg-yellow-200 text-yellow-200 hover:text-yellow-200 border-yellow-200 hover:border-yellow-200 ring-yellow-200 focus:ring-yellow-200 shadow-yellow-200 from-yellow-200 via-yellow-200 to-yellow-200 bg-yellow-300 hover:bg-yellow-300 focus:bg-yellow-300 text-yellow-300 hover:text-yellow-300 border-yellow-300 hover:border-yellow-300 ring-yellow-300 focus:ring-yellow-300 shadow-yellow-300 from-yellow-300 via-yellow-300 to-yellow-300 bg-yellow-400 hover:bg-yellow-400 focus:bg-yellow-400 text-yellow-400 hover:text-yellow-400 border-yellow-400 hover:border-yellow-400 ring-yellow-400 focus:ring-yellow-400 shadow-yellow-400 from-yellow-400 via-yellow-400 to-yellow-400 bg-yellow-500 hover:bg-yellow-500 focus:bg-yellow-500 text-yellow-500 hover:text-yellow-500 border-yellow-500 hover:border-yellow-500 ring-yellow-500 focus:ring-yellow-500 shadow-yellow-500 from-yellow-500 via-yellow-500 to-yellow-500 bg-yellow-600 hover:bg-yellow-600 focus:bg-yellow-600 text-yellow-600 hover:text-yellow-600 border-yellow-600 hover:border-yellow-600 ring-yellow-600 focus:ring-yellow-600 shadow-yellow-600 from-yellow-600 via-yellow-600 to-yellow-600 bg-yellow-700 hover:bg-yellow-700 focus:bg-yellow-700 text-yellow-700 hover:text-yellow-700 border-yellow-700 hover:border-yellow-700 ring-yellow-700 focus:ring-yellow-700 shadow-yellow-700 from-yellow-700 via-yellow-700 to-yellow-700 bg-yellow-800 hover:bg-yellow-800 focus:bg-yellow-800 text-yellow-800 hover:text-yellow-800 border-yellow-800 hover:border-yellow-800 ring-yellow-800 focus:ring-yellow-800 shadow-yellow-800 from-yellow-800 via-yellow-800 to-yellow-800 bg-yellow-900 hover:bg-yellow-900 focus:bg-yellow-900 text-yellow-900 hover:text-yellow-900 border-yellow-900 hover:border-yellow-900 ring-yellow-900 focus:ring-yellow-900 shadow-yellow-900 from-yellow-900 via-yellow-900 to-yellow-900 bg-yellow-950 hover:bg-yellow-950 focus:bg-yellow-950 text-yellow-950 hover:text-yellow-950 border-yellow-950 hover:border-yellow-950 ring-yellow-950 focus:ring-yellow-950 shadow-yellow-950 from-yellow-950 via-yellow-950 to-yellow-950 bg-lime-50 hover:bg-lime-50 focus:bg-lime-50 text-lime-50 hover:text-lime-50 border-lime-50 hover:border-lime-50 ring-lime-50 focus:ring-lime-50 shadow-lime-50 from-lime-50 via-lime-50 to-lime-50 bg-lime-100 hover:bg-lime-100 focus:bg-lime-100 text-lime-100 hover:text-lime-100 border-lime-100 hover:border-lime-100 ring-lime-100 focus:ring-lime-100 shadow-lime-100 from-lime-100 via-lime-100 to-lime-100 bg-lime-200 hover:bg-lime-200 focus:bg-lime-200 text-lime-200 hover:text-lime-200 border-lime-200 hover:border-lime-200 ring-lime-200 focus:ring-lime-200 shadow-lime-200 from-lime-200 via-lime-200 to-lime-200 bg-lime-300 hover:bg-lime-300 focus:bg-lime-300 text-lime-300 hover:text-lime-300 border-lime-300 hover:border-lime-300 ring-lime-300 focus:ring-lime-300 shadow-lime-300 from-lime-300 via-lime-300 to-lime-300 bg-lime-400 hover:bg-lime-400 focus:bg-lime-400 text-lime-400 hover:text-lime-400 border-lime-400 hover:border-lime-400 ring-lime-400 focus:ring-lime-400 shadow-lime-400 from-lime-400 via-lime-400 to-lime-400 bg-lime-500 hover:bg-lime-500 focus:bg-lime-500 text-lime-500 hover:text-lime-500 border-lime-500 hover:border-lime-500 ring-lime-500 focus:ring-lime-500 shadow-lime-500 from-lime-500 via-lime-500 to-lime-500 bg-lime-600 hover:bg-lime-600 focus:bg-lime-600 text-lime-600 hover:text-lime-600 border-lime-600 hover:border-lime-600 ring-lime-600 focus:ring-lime-600 shadow-lime-600 from-lime-600 via-lime-600 to-lime-600 bg-lime-700 hover:bg-lime-700 focus:bg-lime-700 text-lime-700 hover:text-lime-700 border-lime-700 hover:border-lime-700 ring-lime-700 focus:ring-lime-700 shadow-lime-700 from-lime-700 via-lime-700 to-lime-700 bg-lime-800 hover:bg-lime-800 focus:bg-lime-800 text-lime-800 hover:text-lime-800 border-lime-800 hover:border-lime-800 ring-lime-800 focus:ring-lime-800 shadow-lime-800 from-lime-800 via-lime-800 to-lime-800 bg-lime-900 hover:bg-lime-900 focus:bg-lime-900 text-lime-900 hover:text-lime-900 border-lime-900 hover:border-lime-900 ring-lime-900 focus:ring-lime-900 shadow-lime-900 from-lime-900 via-lime-900 to-lime-900 bg-lime-950 hover:bg-lime-950 focus:bg-lime-950 text-lime-950 hover:text-lime-950 border-lime-950 hover:border-lime-950 ring-lime-950 focus:ring-lime-950 shadow-lime-950 from-lime-950 via-lime-950 to-lime-950 bg-green-50 hover:bg-green-50 focus:bg-green-50 text-green-50 hover:text-green-50 border-green-50 hover:border-green-50 ring-green-50 focus:ring-green-50 shadow-green-50 from-green-50 via-green-50 to-green-50 bg-green-100 hover:bg-green-100 focus:bg-green-100 text-green-100 hover:text-green-100 border-green-100 hover:border-green-100 ring-green-100 focus:ring-green-100 shadow-green-100 from-green-100 via-green-100 to-green-100 bg-green-200 hover:bg-green-200 focus:bg-green-200 text-green-200 hover:text-green-200 border-green-200 hover:border-green-200 ring-green-200 focus:ring-green-200 shadow-green-200 from-green-200 via-green-200 to-green-200 bg-green-300 hover:bg-green-300 focus:bg-green-300 text-green-300 hover:text-green-300 border-green-300 hover:border-green-300 ring-green-300 focus:ring-green-300 shadow-green-300 from-green-300 via-green-300 to-green-300 bg-green-400 hover:bg-green-400 focus:bg-green-400 text-green-400 hover:text-green-400 border-green-400 hover:border-green-400 ring-green-400 focus:ring-green-400 shadow-green-400 from-green-400 via-green-400 to-green-400 bg-green-500 hover:bg-green-500 focus:bg-green-500 text-green-500 hover:text-green-500 border-green-500 hover:border-green-500 ring-green-500 focus:ring-green-500 shadow-green-500 from-green-500 via-green-500 to-green-500 bg-green-600 hover:bg-green-600 focus:bg-green-600 text-green-600 hover:text-green-600 border-green-600 hover:border-green-600 ring-green-600 focus:ring-green-600 shadow-green-600 from-green-600 via-green-600 to-green-600 bg-green-700 hover:bg-green-700 focus:bg-green-700 text-green-700 hover:text-green-700 border-green-700 hover:border-green-700 ring-green-700 focus:ring-green-700 shadow-green-700 from-green-700 via-green-700 to-green-700 bg-green-800 hover:bg-green-800 focus:bg-green-800 text-green-800 hover:text-green-800 border-green-800 hover:border-green-800 ring-green-800 focus:ring-green-800 shadow-green-800 from-green-800 via-green-800 to-green-800 bg-green-900 hover:bg-green-900 focus:bg-green-900 text-green-900 hover:text-green-900 border-green-900 hover:border-green-900 ring-green-900 focus:ring-green-900 shadow-green-900 from-green-900 via-green-900 to-green-900 bg-green-950 hover:bg-green-950 focus:bg-green-950 text-green-950 hover:text-green-950 border-green-950 hover:border-green-950 ring-green-950 focus:ring-green-950 shadow-green-950 from-green-950 via-green-950 to-green-950 bg-emerald-50 hover:bg-emerald-50 focus:bg-emerald-50 text-emerald-50 hover:text-emerald-50 border-emerald-50 hover:border-emerald-50 ring-emerald-50 focus:ring-emerald-50 shadow-emerald-50 from-emerald-50 via-emerald-50 to-emerald-50 bg-emerald-100 hover:bg-emerald-100 focus:bg-emerald-100 text-emerald-100 hover:text-emerald-100 border-emerald-100 hover:border-emerald-100 ring-emerald-100 focus:ring-emerald-100 shadow-emerald-100 from-emerald-100 via-emerald-100 to-emerald-100 bg-emerald-200 hover:bg-emerald-200 focus:bg-emerald-200 text-emerald-200 hover:text-emerald-200 border-emerald-200 hover:border-emerald-200 ring-emerald-200 focus:ring-emerald-200 shadow-emerald-200 from-emerald-200 via-emerald-200 to-emerald-200 bg-emerald-300 hover:bg-emerald-300 focus:bg-emerald-300 text-emerald-300 hover:text-emerald-300 border-emerald-300 hover:border-emerald-300 ring-emerald-300 focus:ring-emerald-300 shadow-emerald-300 from-emerald-300 via-emerald-300 to-emerald-300 bg-emerald-400 hover:bg-emerald-400 focus:bg-emerald-400 text-emerald-400 hover:text-emerald-400 border-emerald-400 hover:border-emerald-400 ring-emerald-400 focus:ring-emerald-400 shadow-emerald-400 from-emerald-400 via-emerald-400 to-emerald-400 bg-emerald-500 hover:bg-emerald-500 focus:bg-emerald-500 text-emerald-500 hover:text-emerald-500 border-emerald-500 hover:border-emerald-500 ring-emerald-500 focus:ring-emerald-500 shadow-emerald-500 from-emerald-500 via-emerald-500 to-emerald-500 bg-emerald-600 hover:bg-emerald-600 focus:bg-emerald-600 text-emerald-600 hover:text-emerald-600 border-emerald-600 hover:border-emerald-600 ring-emerald-600 focus:ring-emerald-600 shadow-emerald-600 from-emerald-600 via-emerald-600 to-emerald-600 bg-emerald-700 hover:bg-emerald-700 focus:bg-emerald-700 text-emerald-700 hover:text-emerald-700 border-emerald-700 hover:border-emerald-700 ring-emerald-700 focus:ring-emerald-700 shadow-emerald-700 from-emerald-700 via-emerald-700 to-emerald-700 bg-emerald-800 hover:bg-emerald-800 focus:bg-emerald-800 text-emerald-800 hover:text-emerald-800 border-emerald-800 hover:border-emerald-800 ring-emerald-800 focus:ring-emerald-800 shadow-emerald-800 from-emerald-800 via-emerald-800 to-emerald-800 bg-emerald-900 hover:bg-emerald-900 focus:bg-emerald-900 text-emerald-900 hover:text-emerald-900 border-emerald-900 hover:border-emerald-900 ring-emerald-900 focus:ring-emerald-900 shadow-emerald-900 from-emerald-900 via-emerald-900 to-emerald-900 bg-emerald-950 hover:bg-emerald-950 focus:bg-emerald-950 text-emerald-950 hover:text-emerald-950 border-emerald-950 hover:border-emerald-950 ring-emerald-950 focus:ring-emerald-950 shadow-emerald-950 from-emerald-950 via-emerald-950 to-emerald-950 bg-teal-50 hover:bg-teal-50 focus:bg-teal-50 text-teal-50 hover:text-teal-50 border-teal-50 hover:border-teal-50 ring-teal-50 focus:ring-teal-50 shadow-teal-50 from-teal-50 via-teal-50 to-teal-50 bg-teal-100 hover:bg-teal-100 focus:bg-teal-100 text-teal-100 hover:text-teal-100 border-teal-100 hover:border-teal-100 ring-teal-100 focus:ring-teal-100 shadow-teal-100 from-teal-100 via-teal-100 to-teal-100 bg-teal-200 hover:bg-teal-200 focus:bg-teal-200 text-teal-200 hover:text-teal-200 border-teal-200 hover:border-teal-200 ring-teal-200 focus:ring-teal-200 shadow-teal-200 from-teal-200 via-teal-200 to-teal-200 bg-teal-300 hover:bg-teal-300 focus:bg-teal-300 text-teal-300 hover:text-teal-300 border-teal-300 hover:border-teal-300 ring-teal-300 focus:ring-teal-300 shadow-teal-300 from-teal-300 via-teal-300 to-teal-300 bg-teal-400 hover:bg-teal-400 focus:bg-teal-400 text-teal-400 hover:text-teal-400 border-teal-400 hover:border-teal-400 ring-teal-400 focus:ring-teal-400 shadow-teal-400 from-teal-400 via-teal-400 to-teal-400 bg-teal-500 hover:bg-teal-500 focus:bg-teal-500 text-teal-500 hover:text-teal-500 border-teal-500 hover:border-teal-500 ring-teal-500 focus:ring-teal-500 shadow-teal-500 from-teal-500 via-teal-500 to-teal-500 bg-teal-600 hover:bg-teal-600 focus:bg-teal-600 text-teal-600 hover:text-teal-600 border-teal-600 hover:border-teal-600 ring-teal-600 focus:ring-teal-600 shadow-teal-600 from-teal-600 via-teal-600 to-teal-600 bg-teal-700 hover:bg-teal-700 focus:bg-teal-700 text-teal-700 hover:text-teal-700 border-teal-700 hover:border-teal-700 ring-teal-700 focus:ring-teal-700 shadow-teal-700 from-teal-700 via-teal-700 to-teal-700 bg-teal-800 hover:bg-teal-800 focus:bg-teal-800 text-teal-800 hover:text-teal-800 border-teal-800 hover:border-teal-800 ring-teal-800 focus:ring-teal-800 shadow-teal-800 from-teal-800 via-teal-800 to-teal-800 bg-teal-900 hover:bg-teal-900 focus:bg-teal-900 text-teal-900 hover:text-teal-900 border-teal-900 hover:border-teal-900 ring-teal-900 focus:ring-teal-900 shadow-teal-900 from-teal-900 via-teal-900 to-teal-900 bg-teal-950 hover:bg-teal-950 focus:bg-teal-950 text-teal-950 hover:text-teal-950 border-teal-950 hover:border-teal-950 ring-teal-950 focus:ring-teal-950 shadow-teal-950 from-teal-950 via-teal-950 to-teal-950 bg-cyan-50 hover:bg-cyan-50 focus:bg-cyan-50 text-cyan-50 hover:text-cyan-50 border-cyan-50 hover:border-cyan-50 ring-cyan-50 focus:ring-cyan-50 shadow-cyan-50 from-cyan-50 via-cyan-50 to-cyan-50 bg-cyan-100 hover:bg-cyan-100 focus:bg-cyan-100 text-cyan-100 hover:text-cyan-100 border-cyan-100 hover:border-cyan-100 ring-cyan-100 focus:ring-cyan-100 shadow-cyan-100 from-cyan-100 via-cyan-100 to-cyan-100 bg-cyan-200 hover:bg-cyan-200 focus:bg-cyan-200 text-cyan-200 hover:text-cyan-200 border-cyan-200 hover:border-cyan-200 ring-cyan-200 focus:ring-cyan-200 shadow-cyan-200 from-cyan-200 via-cyan-200 to-cyan-200 bg-cyan-300 hover:bg-cyan-300 focus:bg-cyan-300 text-cyan-300 hover:text-cyan-300 border-cyan-300 hover:border-cyan-300 ring-cyan-300 focus:ring-cyan-300 shadow-cyan-300 from-cyan-300 via-cyan-300 to-cyan-300 bg-cyan-400 hover:bg-cyan-400 focus:bg-cyan-400 text-cyan-400 hover:text-cyan-400 border-cyan-400 hover:border-cyan-400 ring-cyan-400 focus:ring-cyan-400 shadow-cyan-400 from-cyan-400 via-cyan-400 to-cyan-400 bg-cyan-500 hover:bg-cyan-500 focus:bg-cyan-500 text-cyan-500 hover:text-cyan-500 border-cyan-500 hover:border-cyan-500 ring-cyan-500 focus:ring-cyan-500 shadow-cyan-500 from-cyan-500 via-cyan-500 to-cyan-500 bg-cyan-600 hover:bg-cyan-600 focus:bg-cyan-600 text-cyan-600 hover:text-cyan-600 border-cyan-600 hover:border-cyan-600 ring-cyan-600 focus:ring-cyan-600 shadow-cyan-600 from-cyan-600 via-cyan-600 to-cyan-600 bg-cyan-700 hover:bg-cyan-700 focus:bg-cyan-700 text-cyan-700 hover:text-cyan-700 border-cyan-700 hover:border-cyan-700 ring-cyan-700 focus:ring-cyan-700 shadow-cyan-700 from-cyan-700 via-cyan-700 to-cyan-700 bg-cyan-800 hover:bg-cyan-800 focus:bg-cyan-800 text-cyan-800 hover:text-cyan-800 border-cyan-800 hover:border-cyan-800 ring-cyan-800 focus:ring-cyan-800 shadow-cyan-800 from-cyan-800 via-cyan-800 to-cyan-800 bg-cyan-900 hover:bg-cyan-900 focus:bg-cyan-900 text-cyan-900 hover:text-cyan-900 border-cyan-900 hover:border-cyan-900 ring-cyan-900 focus:ring-cyan-900 shadow-cyan-900 from-cyan-900 via-cyan-900 to-cyan-900 bg-cyan-950 hover:bg-cyan-950 focus:bg-cyan-950 text-cyan-950 hover:text-cyan-950 border-cyan-950 hover:border-cyan-950 ring-cyan-950 focus:ring-cyan-950 shadow-cyan-950 from-cyan-950 via-cyan-950 to-cyan-950 bg-sky-50 hover:bg-sky-50 focus:bg-sky-50 text-sky-50 hover:text-sky-50 border-sky-50 hover:border-sky-50 ring-sky-50 focus:ring-sky-50 shadow-sky-50 from-sky-50 via-sky-50 to-sky-50 bg-sky-100 hover:bg-sky-100 focus:bg-sky-100 text-sky-100 hover:text-sky-100 border-sky-100 hover:border-sky-100 ring-sky-100 focus:ring-sky-100 shadow-sky-100 from-sky-100 via-sky-100 to-sky-100 bg-sky-200 hover:bg-sky-200 focus:bg-sky-200 text-sky-200 hover:text-sky-200 border-sky-200 hover:border-sky-200 ring-sky-200 focus:ring-sky-200 shadow-sky-200 from-sky-200 via-sky-200 to-sky-200 bg-sky-300 hover:bg-sky-300 focus:bg-sky-300 text-sky-300 hover:text-sky-300 border-sky-300 hover:border-sky-300 ring-sky-300 focus:ring-sky-300 shadow-sky-300 from-sky-300 via-sky-300 to-sky-300 bg-sky-400 hover:bg-sky-400 focus:bg-sky-400 text-sky-400 hover:text-sky-400 border-sky-400 hover:border-sky-400 ring-sky-400 focus:ring-sky-400 shadow-sky-400 from-sky-400 via-sky-400 to-sky-400 bg-sky-500 hover:bg-sky-500 focus:bg-sky-500 text-sky-500 hover:text-sky-500 border-sky-500 hover:border-sky-500 ring-sky-500 focus:ring-sky-500 shadow-sky-500 from-sky-500 via-sky-500 to-sky-500 bg-sky-600 hover:bg-sky-600 focus:bg-sky-600 text-sky-600 hover:text-sky-600 border-sky-600 hover:border-sky-600 ring-sky-600 focus:ring-sky-600 shadow-sky-600 from-sky-600 via-sky-600 to-sky-600 bg-sky-700 hover:bg-sky-700 focus:bg-sky-700 text-sky-700 hover:text-sky-700 border-sky-700 hover:border-sky-700 ring-sky-700 focus:ring-sky-700 shadow-sky-700 from-sky-700 via-sky-700 to-sky-700 bg-sky-800 hover:bg-sky-800 focus:bg-sky-800 text-sky-800 hover:text-sky-800 border-sky-800 hover:border-sky-800 ring-sky-800 focus:ring-sky-800 shadow-sky-800 from-sky-800 via-sky-800 to-sky-800 bg-sky-900 hover:bg-sky-900 focus:bg-sky-900 text-sky-900 hover:text-sky-900 border-sky-900 hover:border-sky-900 ring-sky-900 focus:ring-sky-900 shadow-sky-900 from-sky-900 via-sky-900 to-sky-900 bg-sky-950 hover:bg-sky-950 focus:bg-sky-950 text-sky-950 hover:text-sky-950 border-sky-950 hover:border-sky-950 ring-sky-950 focus:ring-sky-950 shadow-sky-950 from-sky-950 via-sky-950 to-sky-950 bg-blue-50 hover:bg-blue-50 focus:bg-blue-50 text-blue-50 hover:text-blue-50 border-blue-50 hover:border-blue-50 ring-blue-50 focus:ring-blue-50 shadow-blue-50 from-blue-50 via-blue-50 to-blue-50 bg-blue-100 hover:bg-blue-100 focus:bg-blue-100 text-blue-100 hover:text-blue-100 border-blue-100 hover:border-blue-100 ring-blue-100 focus:ring-blue-100 shadow-blue-100 from-blue-100 via-blue-100 to-blue-100 bg-blue-200 hover:bg-blue-200 focus:bg-blue-200 text-blue-200 hover:text-blue-200 border-blue-200 hover:border-blue-200 ring-blue-200 focus:ring-blue-200 shadow-blue-200 from-blue-200 via-blue-200 to-blue-200 bg-blue-300 hover:bg-blue-300 focus:bg-blue-300 text-blue-300 hover:text-blue-300 border-blue-300 hover:border-blue-300 ring-blue-300 focus:ring-blue-300 shadow-blue-300 from-blue-300 via-blue-300 to-blue-300 bg-blue-400 hover:bg-blue-400 focus:bg-blue-400 text-blue-400 hover:text-blue-400 border-blue-400 hover:border-blue-400 ring-blue-400 focus:ring-blue-400 shadow-blue-400 from-blue-400 via-blue-400 to-blue-400 bg-blue-500 hover:bg-blue-500 focus:bg-blue-500 text-blue-500 hover:text-blue-500 border-blue-500 hover:border-blue-500 ring-blue-500 focus:ring-blue-500 shadow-blue-500 from-blue-500 via-blue-500 to-blue-500 bg-blue-600 hover:bg-blue-600 focus:bg-blue-600 text-blue-600 hover:text-blue-600 border-blue-600 hover:border-blue-600 ring-blue-600 focus:ring-blue-600 shadow-blue-600 from-blue-600 via-blue-600 to-blue-600 bg-blue-700 hover:bg-blue-700 focus:bg-blue-700 text-blue-700 hover:text-blue-700 border-blue-700 hover:border-blue-700 ring-blue-700 focus:ring-blue-700 shadow-blue-700 from-blue-700 via-blue-700 to-blue-700 bg-blue-800 hover:bg-blue-800 focus:bg-blue-800 text-blue-800 hover:text-blue-800 border-blue-800 hover:border-blue-800 ring-blue-800 focus:ring-blue-800 shadow-blue-800 from-blue-800 via-blue-800 to-blue-800 bg-blue-900 hover:bg-blue-900 focus:bg-blue-900 text-blue-900 hover:text-blue-900 border-blue-900 hover:border-blue-900 ring-blue-900 focus:ring-blue-900 shadow-blue-900 from-blue-900 via-blue-900 to-blue-900 bg-blue-950 hover:bg-blue-950 focus:bg-blue-950 text-blue-950 hover:text-blue-950 border-blue-950 hover:border-blue-950 ring-blue-950 focus:ring-blue-950 shadow-blue-950 from-blue-950 via-blue-950 to-blue-950 bg-indigo-50 hover:bg-indigo-50 focus:bg-indigo-50 text-indigo-50 hover:text-indigo-50 border-indigo-50 hover:border-indigo-50 ring-indigo-50 focus:ring-indigo-50 shadow-indigo-50 from-indigo-50 via-indigo-50 to-indigo-50 bg-indigo-100 hover:bg-indigo-100 focus:bg-indigo-100 text-indigo-100 hover:text-indigo-100 border-indigo-100 hover:border-indigo-100 ring-indigo-100 focus:ring-indigo-100 shadow-indigo-100 from-indigo-100 via-indigo-100 to-indigo-100 bg-indigo-200 hover:bg-indigo-200 focus:bg-indigo-200 text-indigo-200 hover:text-indigo-200 border-indigo-200 hover:border-indigo-200 ring-indigo-200 focus:ring-indigo-200 shadow-indigo-200 from-indigo-200 via-indigo-200 to-indigo-200 bg-indigo-300 hover:bg-indigo-300 focus:bg-indigo-300 text-indigo-300 hover:text-indigo-300 border-indigo-300 hover:border-indigo-300 ring-indigo-300 focus:ring-indigo-300 shadow-indigo-300 from-indigo-300 via-indigo-300 to-indigo-300 bg-indigo-400 hover:bg-indigo-400 focus:bg-indigo-400 text-indigo-400 hover:text-indigo-400 border-indigo-400 hover:border-indigo-400 ring-indigo-400 focus:ring-indigo-400 shadow-indigo-400 from-indigo-400 via-indigo-400 to-indigo-400 bg-indigo-500 hover:bg-indigo-500 focus:bg-indigo-500 text-indigo-500 hover:text-indigo-500 border-indigo-500 hover:border-indigo-500 ring-indigo-500 focus:ring-indigo-500 shadow-indigo-500 from-indigo-500 via-indigo-500 to-indigo-500 bg-indigo-600 hover:bg-indigo-600 focus:bg-indigo-600 text-indigo-600 hover:text-indigo-600 border-indigo-600 hover:border-indigo-600 ring-indigo-600 focus:ring-indigo-600 shadow-indigo-600 from-indigo-600 via-indigo-600 to-indigo-600 bg-indigo-700 hover:bg-indigo-700 focus:bg-indigo-700 text-indigo-700 hover:text-indigo-700 border-indigo-700 hover:border-indigo-700 ring-indigo-700 focus:ring-indigo-700 shadow-indigo-700 from-indigo-700 via-indigo-700 to-indigo-700 bg-indigo-800 hover:bg-indigo-800 focus:bg-indigo-800 text-indigo-800 hover:text-indigo-800 border-indigo-800 hover:border-indigo-800 ring-indigo-800 focus:ring-indigo-800 shadow-indigo-800 from-indigo-800 via-indigo-800 to-indigo-800 bg-indigo-900 hover:bg-indigo-900 focus:bg-indigo-900 text-indigo-900 hover:text-indigo-900 border-indigo-900 hover:border-indigo-900 ring-indigo-900 focus:ring-indigo-900 shadow-indigo-900 from-indigo-900 via-indigo-900 to-indigo-900 bg-indigo-950 hover:bg-indigo-950 focus:bg-indigo-950 text-indigo-950 hover:text-indigo-950 border-indigo-950 hover:border-indigo-950 ring-indigo-950 focus:ring-indigo-950 shadow-indigo-950 from-indigo-950 via-indigo-950 to-indigo-950 bg-violet-50 hover:bg-violet-50 focus:bg-violet-50 text-violet-50 hover:text-violet-50 border-violet-50 hover:border-violet-50 ring-violet-50 focus:ring-violet-50 shadow-violet-50 from-violet-50 via-violet-50 to-violet-50 bg-violet-100 hover:bg-violet-100 focus:bg-violet-100 text-violet-100 hover:text-violet-100 border-violet-100 hover:border-violet-100 ring-violet-100 focus:ring-violet-100 shadow-violet-100 from-violet-100 via-violet-100 to-violet-100 bg-violet-200 hover:bg-violet-200 focus:bg-violet-200 text-violet-200 hover:text-violet-200 border-violet-200 hover:border-violet-200 ring-violet-200 focus:ring-violet-200 shadow-violet-200 from-violet-200 via-violet-200 to-violet-200 bg-violet-300 hover:bg-violet-300 focus:bg-violet-300 text-violet-300 hover:text-violet-300 border-violet-300 hover:border-violet-300 ring-violet-300 focus:ring-violet-300 shadow-violet-300 from-violet-300 via-violet-300 to-violet-300 bg-violet-400 hover:bg-violet-400 focus:bg-violet-400 text-violet-400 hover:text-violet-400 border-violet-400 hover:border-violet-400 ring-violet-400 focus:ring-violet-400 shadow-violet-400 from-violet-400 via-violet-400 to-violet-400 bg-violet-500 hover:bg-violet-500 focus:bg-violet-500 text-violet-500 hover:text-violet-500 border-violet-500 hover:border-violet-500 ring-violet-500 focus:ring-violet-500 shadow-violet-500 from-violet-500 via-violet-500 to-violet-500 bg-violet-600 hover:bg-violet-600 focus:bg-violet-600 text-violet-600 hover:text-violet-600 border-violet-600 hover:border-violet-600 ring-violet-600 focus:ring-violet-600 shadow-violet-600 from-violet-600 via-violet-600 to-violet-600 bg-violet-700 hover:bg-violet-700 focus:bg-violet-700 text-violet-700 hover:text-violet-700 border-violet-700 hover:border-violet-700 ring-violet-700 focus:ring-violet-700 shadow-violet-700 from-violet-700 via-violet-700 to-violet-700 bg-violet-800 hover:bg-violet-800 focus:bg-violet-800 text-violet-800 hover:text-violet-800 border-violet-800 hover:border-violet-800 ring-violet-800 focus:ring-violet-800 shadow-violet-800 from-violet-800 via-violet-800 to-violet-800 bg-violet-900 hover:bg-violet-900 focus:bg-violet-900 text-violet-900 hover:text-violet-900 border-violet-900 hover:border-violet-900 ring-violet-900 focus:ring-violet-900 shadow-violet-900 from-violet-900 via-violet-900 to-violet-900 bg-violet-950 hover:bg-violet-950 focus:bg-violet-950 text-violet-950 hover:text-violet-950 border-violet-950 hover:border-violet-950 ring-violet-950 focus:ring-violet-950 shadow-violet-950 from-violet-950 via-violet-950 to-violet-950 bg-purple-50 hover:bg-purple-50 focus:bg-purple-50 text-purple-50 hover:text-purple-50 border-purple-50 hover:border-purple-50 ring-purple-50 focus:ring-purple-50 shadow-purple-50 from-purple-50 via-purple-50 to-purple-50 bg-purple-100 hover:bg-purple-100 focus:bg-purple-100 text-purple-100 hover:text-purple-100 border-purple-100 hover:border-purple-100 ring-purple-100 focus:ring-purple-100 shadow-purple-100 from-purple-100 via-purple-100 to-purple-100 bg-purple-200 hover:bg-purple-200 focus:bg-purple-200 text-purple-200 hover:text-purple-200 border-purple-200 hover:border-purple-200 ring-purple-200 focus:ring-purple-200 shadow-purple-200 from-purple-200 via-purple-200 to-purple-200 bg-purple-300 hover:bg-purple-300 focus:bg-purple-300 text-purple-300 hover:text-purple-300 border-purple-300 hover:border-purple-300 ring-purple-300 focus:ring-purple-300 shadow-purple-300 from-purple-300 via-purple-300 to-purple-300 bg-purple-400 hover:bg-purple-400 focus:bg-purple-400 text-purple-400 hover:text-purple-400 border-purple-400 hover:border-purple-400 ring-purple-400 focus:ring-purple-400 shadow-purple-400 from-purple-400 via-purple-400 to-purple-400 bg-purple-500 hover:bg-purple-500 focus:bg-purple-500 text-purple-500 hover:text-purple-500 border-purple-500 hover:border-purple-500 ring-purple-500 focus:ring-purple-500 shadow-purple-500 from-purple-500 via-purple-500 to-purple-500 bg-purple-600 hover:bg-purple-600 focus:bg-purple-600 text-purple-600 hover:text-purple-600 border-purple-600 hover:border-purple-600 ring-purple-600 focus:ring-purple-600 shadow-purple-600 from-purple-600 via-purple-600 to-purple-600 bg-purple-700 hover:bg-purple-700 focus:bg-purple-700 text-purple-700 hover:text-purple-700 border-purple-700 hover:border-purple-700 ring-purple-700 focus:ring-purple-700 shadow-purple-700 from-purple-700 via-purple-700 to-purple-700 bg-purple-800 hover:bg-purple-800 focus:bg-purple-800 text-purple-800 hover:text-purple-800 border-purple-800 hover:border-purple-800 ring-purple-800 focus:ring-purple-800 shadow-purple-800 from-purple-800 via-purple-800 to-purple-800 bg-purple-900 hover:bg-purple-900 focus:bg-purple-900 text-purple-900 hover:text-purple-900 border-purple-900 hover:border-purple-900 ring-purple-900 focus:ring-purple-900 shadow-purple-900 from-purple-900 via-purple-900 to-purple-900 bg-purple-950 hover:bg-purple-950 focus:bg-purple-950 text-purple-950 hover:text-purple-950 border-purple-950 hover:border-purple-950 ring-purple-950 focus:ring-purple-950 shadow-purple-950 from-purple-950 via-purple-950 to-purple-950 bg-fuchsia-50 hover:bg-fuchsia-50 focus:bg-fuchsia-50 text-fuchsia-50 hover:text-fuchsia-50 border-fuchsia-50 hover:border-fuchsia-50 ring-fuchsia-50 focus:ring-fuchsia-50 shadow-fuchsia-50 from-fuchsia-50 via-fuchsia-50 to-fuchsia-50 bg-fuchsia-100 hover:bg-fuchsia-100 focus:bg-fuchsia-100 text-fuchsia-100 hover:text-fuchsia-100 border-fuchsia-100 hover:border-fuchsia-100 ring-fuchsia-100 focus:ring-fuchsia-100 shadow-fuchsia-100 from-fuchsia-100 via-fuchsia-100 to-fuchsia-100 bg-fuchsia-200 hover:bg-fuchsia-200 focus:bg-fuchsia-200 text-fuchsia-200 hover:text-fuchsia-200 border-fuchsia-200 hover:border-fuchsia-200 ring-fuchsia-200 focus:ring-fuchsia-200 shadow-fuchsia-200 from-fuchsia-200 via-fuchsia-200 to-fuchsia-200 bg-fuchsia-300 hover:bg-fuchsia-300 focus:bg-fuchsia-300 text-fuchsia-300 hover:text-fuchsia-300 border-fuchsia-300 hover:border-fuchsia-300 ring-fuchsia-300 focus:ring-fuchsia-300 shadow-fuchsia-300 from-fuchsia-300 via-fuchsia-300 to-fuchsia-300 bg-fuchsia-400 hover:bg-fuchsia-400 focus:bg-fuchsia-400 text-fuchsia-400 hover:text-fuchsia-400 border-fuchsia-400 hover:border-fuchsia-400 ring-fuchsia-400 focus:ring-fuchsia-400 shadow-fuchsia-400 from-fuchsia-400 via-fuchsia-400 to-fuchsia-400 bg-fuchsia-500 hover:bg-fuchsia-500 focus:bg-fuchsia-500 text-fuchsia-500 hover:text-fuchsia-500 border-fuchsia-500 hover:border-fuchsia-500 ring-fuchsia-500 focus:ring-fuchsia-500 shadow-fuchsia-500 from-fuchsia-500 via-fuchsia-500 to-fuchsia-500 bg-fuchsia-600 hover:bg-fuchsia-600 focus:bg-fuchsia-600 text-fuchsia-600 hover:text-fuchsia-600 border-fuchsia-600 hover:border-fuchsia-600 ring-fuchsia-600 focus:ring-fuchsia-600 shadow-fuchsia-600 from-fuchsia-600 via-fuchsia-600 to-fuchsia-600 bg-fuchsia-700 hover:bg-fuchsia-700 focus:bg-fuchsia-700 text-fuchsia-700 hover:text-fuchsia-700 border-fuchsia-700 hover:border-fuchsia-700 ring-fuchsia-700 focus:ring-fuchsia-700 shadow-fuchsia-700 from-fuchsia-700 via-fuchsia-700 to-fuchsia-700 bg-fuchsia-800 hover:bg-fuchsia-800 focus:bg-fuchsia-800 text-fuchsia-800 hover:text-fuchsia-800 border-fuchsia-800 hover:border-fuchsia-800 ring-fuchsia-800 focus:ring-fuchsia-800 shadow-fuchsia-800 from-fuchsia-800 via-fuchsia-800 to-fuchsia-800 bg-fuchsia-900 hover:bg-fuchsia-900 focus:bg-fuchsia-900 text-fuchsia-900 hover:text-fuchsia-900 border-fuchsia-900 hover:border-fuchsia-900 ring-fuchsia-900 focus:ring-fuchsia-900 shadow-fuchsia-900 from-fuchsia-900 via-fuchsia-900 to-fuchsia-900 bg-fuchsia-950 hover:bg-fuchsia-950 focus:bg-fuchsia-950 text-fuchsia-950 hover:text-fuchsia-950 border-fuchsia-950 hover:border-fuchsia-950 ring-fuchsia-950 focus:ring-fuchsia-950 shadow-fuchsia-950 from-fuchsia-950 via-fuchsia-950 to-fuchsia-950 bg-pink-50 hover:bg-pink-50 focus:bg-pink-50 text-pink-50 hover:text-pink-50 border-pink-50 hover:border-pink-50 ring-pink-50 focus:ring-pink-50 shadow-pink-50 from-pink-50 via-pink-50 to-pink-50 bg-pink-100 hover:bg-pink-100 focus:bg-pink-100 text-pink-100 hover:text-pink-100 border-pink-100 hover:border-pink-100 ring-pink-100 focus:ring-pink-100 shadow-pink-100 from-pink-100 via-pink-100 to-pink-100 bg-pink-200 hover:bg-pink-200 focus:bg-pink-200 text-pink-200 hover:text-pink-200 border-pink-200 hover:border-pink-200 ring-pink-200 focus:ring-pink-200 shadow-pink-200 from-pink-200 via-pink-200 to-pink-200 bg-pink-300 hover:bg-pink-300 focus:bg-pink-300 text-pink-300 hover:text-pink-300 border-pink-300 hover:border-pink-300 ring-pink-300 focus:ring-pink-300 shadow-pink-300 from-pink-300 via-pink-300 to-pink-300 bg-pink-400 hover:bg-pink-400 focus:bg-pink-400 text-pink-400 hover:text-pink-400 border-pink-400 hover:border-pink-400 ring-pink-400 focus:ring-pink-400 shadow-pink-400 from-pink-400 via-pink-400 to-pink-400 bg-pink-500 hover:bg-pink-500 focus:bg-pink-500 text-pink-500 hover:text-pink-500 border-pink-500 hover:border-pink-500 ring-pink-500 focus:ring-pink-500 shadow-pink-500 from-pink-500 via-pink-500 to-pink-500 bg-pink-600 hover:bg-pink-600 focus:bg-pink-600 text-pink-600 hover:text-pink-600 border-pink-600 hover:border-pink-600 ring-pink-600 focus:ring-pink-600 shadow-pink-600 from-pink-600 via-pink-600 to-pink-600 bg-pink-700 hover:bg-pink-700 focus:bg-pink-700 text-pink-700 hover:text-pink-700 border-pink-700 hover:border-pink-700 ring-pink-700 focus:ring-pink-700 shadow-pink-700 from-pink-700 via-pink-700 to-pink-700 bg-pink-800 hover:bg-pink-800 focus:bg-pink-800 text-pink-800 hover:text-pink-800 border-pink-800 hover:border-pink-800 ring-pink-800 focus:ring-pink-800 shadow-pink-800 from-pink-800 via-pink-800 to-pink-800 bg-pink-900 hover:bg-pink-900 focus:bg-pink-900 text-pink-900 hover:text-pink-900 border-pink-900 hover:border-pink-900 ring-pink-900 focus:ring-pink-900 shadow-pink-900 from-pink-900 via-pink-900 to-pink-900 bg-pink-950 hover:bg-pink-950 focus:bg-pink-950 text-pink-950 hover:text-pink-950 border-pink-950 hover:border-pink-950 ring-pink-950 focus:ring-pink-950 shadow-pink-950 from-pink-950 via-pink-950 to-pink-950 bg-rose-50 hover:bg-rose-50 focus:bg-rose-50 text-rose-50 hover:text-rose-50 border-rose-50 hover:border-rose-50 ring-rose-50 focus:ring-rose-50 shadow-rose-50 from-rose-50 via-rose-50 to-rose-50 bg-rose-100 hover:bg-rose-100 focus:bg-rose-100 text-rose-100 hover:text-rose-100 border-rose-100 hover:border-rose-100 ring-rose-100 focus:ring-rose-100 shadow-rose-100 from-rose-100 via-rose-100 to-rose-100 bg-rose-200 hover:bg-rose-200 focus:bg-rose-200 text-rose-200 hover:text-rose-200 border-rose-200 hover:border-rose-200 ring-rose-200 focus:ring-rose-200 shadow-rose-200 from-rose-200 via-rose-200 to-rose-200 bg-rose-300 hover:bg-rose-300 focus:bg-rose-300 text-rose-300 hover:text-rose-300 border-rose-300 hover:border-rose-300 ring-rose-300 focus:ring-rose-300 shadow-rose-300 from-rose-300 via-rose-300 to-rose-300 bg-rose-400 hover:bg-rose-400 focus:bg-rose-400 text-rose-400 hover:text-rose-400 border-rose-400 hover:border-rose-400 ring-rose-400 focus:ring-rose-400 shadow-rose-400 from-rose-400 via-rose-400 to-rose-400 bg-rose-500 hover:bg-rose-500 focus:bg-rose-500 text-rose-500 hover:text-rose-500 border-rose-500 hover:border-rose-500 ring-rose-500 focus:ring-rose-500 shadow-rose-500 from-rose-500 via-rose-500 to-rose-500 bg-rose-600 hover:bg-rose-600 focus:bg-rose-600 text-rose-600 hover:text-rose-600 border-rose-600 hover:border-rose-600 ring-rose-600 focus:ring-rose-600 shadow-rose-600 from-rose-600 via-rose-600 to-rose-600 bg-rose-700 hover:bg-rose-700 focus:bg-rose-700 text-rose-700 hover:text-rose-700 border-rose-700 hover:border-rose-700 ring-rose-700 focus:ring-rose-700 shadow-rose-700 from-rose-700 via-rose-700 to-rose-700 bg-rose-800 hover:bg-rose-800 focus:bg-rose-800 text-rose-800 hover:text-rose-800 border-rose-800 hover:border-rose-800 ring-rose-800 focus:ring-rose-800 shadow-rose-800 from-rose-800 via-rose-800 to-rose-800 bg-rose-900 hover:bg-rose-900 focus:bg-rose-900 text-rose-900 hover:text-rose-900 border-rose-900 hover:border-rose-900 ring-rose-900 focus:ring-rose-900 shadow-rose-900 from-rose-900 via-rose-900 to-rose-900 bg-rose-950 hover:bg-rose-950 focus:bg-rose-950 text-rose-950 hover:text-rose-950 border-rose-950 hover:border-rose-950 ring-rose-950 focus:ring-rose-950 shadow-rose-950 from-rose-950 via-rose-950 to-rose-950 bg-gradient-to-t bg-gradient-to-tr bg-gradient-to-r bg-gradient-to-br bg-gradient-to-b bg-gradient-to-bl bg-gradient-to-l bg-gradient-to-tl bg-linear-to-t bg-linear-to-tr bg-linear-to-r bg-linear-to-br bg-linear-to-b bg-linear-to-bl bg-linear-to-l bg-linear-to-tl mt-10 p-8 p-10 p-12 gap-4 grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 dark:text-slate-200 dark:text-slate-400 dark:text-white text-sm font-semibold text-center text-white uppercase tracking-[0.3em] tracking-wide tracking-widest bg-white/5 bg-white/10 border-white/10 border-white/20 bg-slate-50 hover:bg-slate-100 dark:bg-white/5 dark:hover:bg-white/10 from-blue-400 to-cyan-400 from-blue-500/10 to-purple-500/10
14
+ `;
@@ -1,172 +1,172 @@
1
- // @vitest-environment jsdom
2
-
3
- import { Editor } from '@tiptap/core';
4
- import StarterKit from '@tiptap/starter-kit';
5
- import { describe, expect, it } from 'vitest';
6
-
7
- import {
8
- buildDynamicCustomBlockInsertContent,
9
- createDynamicCustomBlockExtensions,
10
- getDynamicCustomBlockAttributeNames,
11
- getDynamicCustomBlockNodeName,
12
- type DynamicCustomBlockEditorDefinition,
13
- } from './dynamic-extension-core';
14
-
15
- const testimonialDefinition: DynamicCustomBlockEditorDefinition = {
16
- fields: [
17
- { key: 'quote', label: 'Quote', required: false, type: 'rich-text' },
18
- { key: 'author_name', label: 'Author Name', required: false, type: 'text' },
19
- {
20
- key: 'portrait',
21
- label: 'Portrait',
22
- required: false,
23
- type: 'image_r2',
24
- },
25
- {
26
- display_column: 'full_name',
27
- key: 'customer',
28
- label: 'Customer',
29
- multiple: false,
30
- required: false,
31
- table: 'profiles',
32
- type: 'db_relation',
33
- value_column: 'id',
34
- },
35
- ],
36
- id: '11111111-1111-4111-8111-111111111111',
37
- layout_schema: {
38
- children: [
39
- {
40
- children: [
41
- { field_key: 'quote', type: 'field_render' },
42
- { field_key: 'author_name', type: 'field_render' },
43
- ],
44
- type: 'container',
45
- },
46
- ],
47
- type: 'container',
48
- },
49
- name: 'Testimonial Card',
50
- slug: 'testimonial-card',
51
- };
52
-
53
- function createEditor(content: Record<string, unknown>) {
54
- return new Editor({
55
- content,
56
- extensions: [
57
- StarterKit.configure({
58
- undoRedo: false,
59
- }),
60
- ...createDynamicCustomBlockExtensions([testimonialDefinition]),
61
- ],
62
- });
63
- }
64
-
65
- describe('dynamic custom block Tiptap extensions', () => {
66
- it('creates a stable ProseMirror node name and schema attributes for every field', () => {
67
- expect(getDynamicCustomBlockNodeName('testimonial-card')).toBe(
68
- 'customBlock_testimonial_card'
69
- );
70
- expect(getDynamicCustomBlockAttributeNames(testimonialDefinition)).toEqual([
71
- 'customBlockId',
72
- 'customBlockSlug',
73
- 'customBlockName',
74
- 'customBlockLayoutSchema',
75
- 'quote',
76
- 'author_name',
77
- 'portrait',
78
- 'customer',
79
- ]);
80
- });
81
-
82
- it('allows deeply nested custom block nodes alongside fixed rich-text blocks', () => {
83
- const nodeName = getDynamicCustomBlockNodeName(testimonialDefinition.slug);
84
- const editor = createEditor({
85
- content: [
86
- {
87
- attrs: {
88
- author_name: 'Ada Lovelace',
89
- customer: 'profile-1',
90
- quote: '<p>Blocks can nest.</p>',
91
- },
92
- content: [
93
- {
94
- content: [{ text: 'Fixed paragraph inside a generated block.', type: 'text' }],
95
- type: 'paragraph',
96
- },
97
- buildDynamicCustomBlockInsertContent(testimonialDefinition, {
98
- author_name: 'Grace Hopper',
99
- customer: 'profile-2',
100
- quote: 'Nested dynamic block',
101
- }),
102
- ],
103
- type: nodeName,
104
- },
105
- ],
106
- type: 'doc',
107
- });
108
-
109
- const json = editor.getJSON();
110
- expect(json.content?.[0]?.type).toBe(nodeName);
111
- expect(json.content?.[0]?.content?.[0]?.type).toBe('paragraph');
112
- expect(json.content?.[0]?.content?.[1]?.type).toBe(nodeName);
113
- expect(json.content?.[0]?.attrs).toMatchObject({
114
- author_name: 'Ada Lovelace',
115
- customer: 'profile-1',
116
- customBlockSlug: 'testimonial-card',
117
- quote: '<p>Blocks can nest.</p>',
118
- });
119
-
120
- editor.destroy();
121
- });
122
-
123
- it('round-trips generated data attributes through Tiptap HTML parsing', () => {
124
- const nodeName = getDynamicCustomBlockNodeName(testimonialDefinition.slug);
125
- const editor = createEditor({
126
- content: [
127
- buildDynamicCustomBlockInsertContent(
128
- testimonialDefinition,
129
- {
130
- author_name: 'Katherine Johnson',
131
- customer: 'profile-3',
132
- portrait: {
133
- object_key: 'custom-blocks/portraits/katherine.webp',
134
- url: '/custom-blocks/portraits/katherine.webp',
135
- },
136
- quote: 'Math made the mission possible.',
137
- },
138
- [
139
- {
140
- content: [{ text: 'Nested editable content survives.', type: 'text' }],
141
- type: 'paragraph',
142
- },
143
- ]
144
- ),
145
- ],
146
- type: 'doc',
147
- });
148
- const html = editor.getHTML();
149
-
150
- expect(html).toContain('data-nextblock-custom-block');
151
- expect(html).toContain('data-field-author_name="Katherine Johnson"');
152
- expect(html).toContain('data-field-customer="profile-3"');
153
- expect(html).toContain('data-field-portrait="{&quot;object_key&quot;');
154
-
155
- editor.commands.setContent(html, { emitUpdate: false });
156
- const parsed = editor.getJSON();
157
-
158
- expect(parsed.content?.[0]?.type).toBe(nodeName);
159
- expect(parsed.content?.[0]?.attrs).toMatchObject({
160
- author_name: 'Katherine Johnson',
161
- customer: 'profile-3',
162
- portrait: {
163
- object_key: 'custom-blocks/portraits/katherine.webp',
164
- url: '/custom-blocks/portraits/katherine.webp',
165
- },
166
- quote: 'Math made the mission possible.',
167
- });
168
- expect(parsed.content?.[0]?.content?.[0]?.type).toBe('paragraph');
169
-
170
- editor.destroy();
171
- });
172
- });
1
+ // @vitest-environment jsdom
2
+
3
+ import { Editor } from '@tiptap/core';
4
+ import StarterKit from '@tiptap/starter-kit';
5
+ import { describe, expect, it } from 'vitest';
6
+
7
+ import {
8
+ buildDynamicCustomBlockInsertContent,
9
+ createDynamicCustomBlockExtensions,
10
+ getDynamicCustomBlockAttributeNames,
11
+ getDynamicCustomBlockNodeName,
12
+ type DynamicCustomBlockEditorDefinition,
13
+ } from './dynamic-extension-core';
14
+
15
+ const testimonialDefinition: DynamicCustomBlockEditorDefinition = {
16
+ fields: [
17
+ { key: 'quote', label: 'Quote', required: false, type: 'rich-text' },
18
+ { key: 'author_name', label: 'Author Name', required: false, type: 'text' },
19
+ {
20
+ key: 'portrait',
21
+ label: 'Portrait',
22
+ required: false,
23
+ type: 'image_r2',
24
+ },
25
+ {
26
+ display_column: 'full_name',
27
+ key: 'customer',
28
+ label: 'Customer',
29
+ multiple: false,
30
+ required: false,
31
+ table: 'profiles',
32
+ type: 'db_relation',
33
+ value_column: 'id',
34
+ },
35
+ ],
36
+ id: '11111111-1111-4111-8111-111111111111',
37
+ layout_schema: {
38
+ children: [
39
+ {
40
+ children: [
41
+ { field_key: 'quote', type: 'field_render' },
42
+ { field_key: 'author_name', type: 'field_render' },
43
+ ],
44
+ type: 'container',
45
+ },
46
+ ],
47
+ type: 'container',
48
+ },
49
+ name: 'Testimonial Card',
50
+ slug: 'testimonial-card',
51
+ };
52
+
53
+ function createEditor(content: Record<string, unknown>) {
54
+ return new Editor({
55
+ content,
56
+ extensions: [
57
+ StarterKit.configure({
58
+ undoRedo: false,
59
+ }),
60
+ ...createDynamicCustomBlockExtensions([testimonialDefinition]),
61
+ ],
62
+ });
63
+ }
64
+
65
+ describe('dynamic custom block Tiptap extensions', () => {
66
+ it('creates a stable ProseMirror node name and schema attributes for every field', () => {
67
+ expect(getDynamicCustomBlockNodeName('testimonial-card')).toBe(
68
+ 'customBlock_testimonial_card'
69
+ );
70
+ expect(getDynamicCustomBlockAttributeNames(testimonialDefinition)).toEqual([
71
+ 'customBlockId',
72
+ 'customBlockSlug',
73
+ 'customBlockName',
74
+ 'customBlockLayoutSchema',
75
+ 'quote',
76
+ 'author_name',
77
+ 'portrait',
78
+ 'customer',
79
+ ]);
80
+ });
81
+
82
+ it('allows deeply nested custom block nodes alongside fixed rich-text blocks', () => {
83
+ const nodeName = getDynamicCustomBlockNodeName(testimonialDefinition.slug);
84
+ const editor = createEditor({
85
+ content: [
86
+ {
87
+ attrs: {
88
+ author_name: 'Ada Lovelace',
89
+ customer: 'profile-1',
90
+ quote: '<p>Blocks can nest.</p>',
91
+ },
92
+ content: [
93
+ {
94
+ content: [{ text: 'Fixed paragraph inside a generated block.', type: 'text' }],
95
+ type: 'paragraph',
96
+ },
97
+ buildDynamicCustomBlockInsertContent(testimonialDefinition, {
98
+ author_name: 'Grace Hopper',
99
+ customer: 'profile-2',
100
+ quote: 'Nested dynamic block',
101
+ }),
102
+ ],
103
+ type: nodeName,
104
+ },
105
+ ],
106
+ type: 'doc',
107
+ });
108
+
109
+ const json = editor.getJSON();
110
+ expect(json.content?.[0]?.type).toBe(nodeName);
111
+ expect(json.content?.[0]?.content?.[0]?.type).toBe('paragraph');
112
+ expect(json.content?.[0]?.content?.[1]?.type).toBe(nodeName);
113
+ expect(json.content?.[0]?.attrs).toMatchObject({
114
+ author_name: 'Ada Lovelace',
115
+ customer: 'profile-1',
116
+ customBlockSlug: 'testimonial-card',
117
+ quote: '<p>Blocks can nest.</p>',
118
+ });
119
+
120
+ editor.destroy();
121
+ });
122
+
123
+ it('round-trips generated data attributes through Tiptap HTML parsing', () => {
124
+ const nodeName = getDynamicCustomBlockNodeName(testimonialDefinition.slug);
125
+ const editor = createEditor({
126
+ content: [
127
+ buildDynamicCustomBlockInsertContent(
128
+ testimonialDefinition,
129
+ {
130
+ author_name: 'Katherine Johnson',
131
+ customer: 'profile-3',
132
+ portrait: {
133
+ object_key: 'custom-blocks/portraits/katherine.webp',
134
+ url: '/custom-blocks/portraits/katherine.webp',
135
+ },
136
+ quote: 'Math made the mission possible.',
137
+ },
138
+ [
139
+ {
140
+ content: [{ text: 'Nested editable content survives.', type: 'text' }],
141
+ type: 'paragraph',
142
+ },
143
+ ]
144
+ ),
145
+ ],
146
+ type: 'doc',
147
+ });
148
+ const html = editor.getHTML();
149
+
150
+ expect(html).toContain('data-nextblock-custom-block');
151
+ expect(html).toContain('data-field-author_name="Katherine Johnson"');
152
+ expect(html).toContain('data-field-customer="profile-3"');
153
+ expect(html).toContain('data-field-portrait="{&quot;object_key&quot;');
154
+
155
+ editor.commands.setContent(html, { emitUpdate: false });
156
+ const parsed = editor.getJSON();
157
+
158
+ expect(parsed.content?.[0]?.type).toBe(nodeName);
159
+ expect(parsed.content?.[0]?.attrs).toMatchObject({
160
+ author_name: 'Katherine Johnson',
161
+ customer: 'profile-3',
162
+ portrait: {
163
+ object_key: 'custom-blocks/portraits/katherine.webp',
164
+ url: '/custom-blocks/portraits/katherine.webp',
165
+ },
166
+ quote: 'Math made the mission possible.',
167
+ });
168
+ expect(parsed.content?.[0]?.content?.[0]?.type).toBe('paragraph');
169
+
170
+ editor.destroy();
171
+ });
172
+ });