xertica-ui 2.5.1 → 2.5.2

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 (535) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/README.md +14 -16
  3. package/assets/xertica-logo.svg +37 -37
  4. package/assets/xertica-x-logo.svg +20 -20
  5. package/bin/generate-tokens.ts +262 -262
  6. package/bin/language-config.ts +359 -358
  7. package/components/assistant/code-block/CodeBlock.tsx +268 -268
  8. package/components/assistant/formatted-document/FormattedDocument.tsx +147 -147
  9. package/components/assistant/modern-chat-input/ModernChatInput.tsx +564 -564
  10. package/components/assistant/xertica-assistant/parts/AssistantCollapsedView.tsx +99 -99
  11. package/components/assistant/xertica-assistant/parts/AssistantConversationList.tsx +104 -104
  12. package/components/assistant/xertica-assistant/parts/AssistantDocumentEditor.tsx +81 -81
  13. package/components/assistant/xertica-assistant/parts/AssistantFeedbackDialog.tsx +88 -88
  14. package/components/assistant/xertica-assistant/parts/AssistantHeader.tsx +75 -75
  15. package/components/assistant/xertica-assistant/parts/AssistantMessageBubble.tsx +564 -564
  16. package/components/assistant/xertica-assistant/parts/AssistantTabBar.tsx +67 -67
  17. package/components/assistant/xertica-assistant/parts/AssistantWelcomeScreen.tsx +103 -103
  18. package/components/assistant/xertica-assistant/use-assistant.ts +615 -615
  19. package/components/assistant/xertica-assistant/xertica-assistant.tsx +611 -611
  20. package/components/blocks/card-patterns/ActivityCard.tsx +100 -100
  21. package/components/blocks/card-patterns/ActivityCardSkeleton.tsx +56 -56
  22. package/components/blocks/card-patterns/FeatureCardSkeleton.tsx +58 -58
  23. package/components/blocks/card-patterns/NotificationCard.tsx +140 -140
  24. package/components/blocks/card-patterns/NotificationCardSkeleton.tsx +81 -81
  25. package/components/blocks/card-patterns/ProfileCard.tsx +112 -112
  26. package/components/blocks/card-patterns/ProfileCardSkeleton.tsx +69 -69
  27. package/components/blocks/card-patterns/ProjectCard.tsx +123 -123
  28. package/components/blocks/card-patterns/ProjectCardSkeleton.tsx +67 -67
  29. package/components/blocks/card-patterns/QuickActionCardSkeleton.tsx +44 -44
  30. package/components/blocks/card-patterns/card-patterns.stories.tsx +594 -594
  31. package/components/blocks/card-patterns/index.ts +29 -29
  32. package/components/brand/language-selector/LanguageSelector.tsx +102 -102
  33. package/components/brand/language-selector/language-selector.stories.tsx +111 -111
  34. package/components/brand/language-selector/language-selector.test.tsx +101 -101
  35. package/components/brand/theme-toggle/ThemeToggle.tsx +74 -74
  36. package/components/brand/xertica-provider/xertica-provider.mdx +61 -61
  37. package/components/index.ts +86 -86
  38. package/components/layout/sidebar/sidebar.mdx +1 -1
  39. package/components/layout/sidebar/sidebar.stories.tsx +1033 -787
  40. package/components/layout/sidebar/sidebar.tsx +338 -1
  41. package/components/media/FloatingMediaWrapper.tsx +371 -371
  42. package/components/media/audio-player/AudioPlayer.tsx +768 -768
  43. package/components/media/video-player/VideoPlayer.tsx +310 -310
  44. package/components/pages/home-content/HomeContent.tsx +120 -120
  45. package/components/pages/home-content/home-content.mdx +62 -62
  46. package/components/pages/home-page/HomePage.tsx +78 -78
  47. package/components/pages/home-page/home-page.mdx +53 -53
  48. package/components/pages/template-content/TemplateContent.tsx +1354 -1354
  49. package/components/pages/template-content/template-content.mdx +61 -61
  50. package/components/pages/template-page/TemplatePage.stories.tsx +32 -32
  51. package/components/pages/template-page/template-page.mdx +53 -53
  52. package/components/shared/error-boundary.stories.tsx +114 -114
  53. package/components/shared/error-boundary.tsx +150 -150
  54. package/components/shared/error-fallbacks.tsx +222 -222
  55. package/components/ui/accordion/accordion.mdx +8 -8
  56. package/components/ui/alert/alert.mdx +8 -8
  57. package/components/ui/alert-dialog/alert-dialog.mdx +8 -8
  58. package/components/ui/aspect-ratio/aspect-ratio.mdx +8 -8
  59. package/components/ui/assistant-chart/assistant-chart.mdx +8 -8
  60. package/components/ui/avatar/avatar.mdx +8 -8
  61. package/components/ui/badge/badge.mdx +8 -8
  62. package/components/ui/breadcrumb/breadcrumb.mdx +8 -8
  63. package/components/ui/button/button.mdx +8 -8
  64. package/components/ui/calendar/calendar.mdx +8 -8
  65. package/components/ui/card/card.mdx +8 -8
  66. package/components/ui/carousel/carousel.mdx +8 -8
  67. package/components/ui/chart/chart.mdx +8 -8
  68. package/components/ui/chart/chart.test.tsx +178 -178
  69. package/components/ui/chart/chart.tsx +2245 -2239
  70. package/components/ui/checkbox/checkbox.mdx +8 -8
  71. package/components/ui/collapsible/collapsible.mdx +8 -8
  72. package/components/ui/command/command.mdx +8 -8
  73. package/components/ui/context-menu/context-menu.mdx +8 -8
  74. package/components/ui/dialog/dialog.mdx +8 -8
  75. package/components/ui/drawer/drawer.mdx +8 -8
  76. package/components/ui/dropdown-menu/dropdown-menu.mdx +8 -8
  77. package/components/ui/empty/empty.mdx +8 -8
  78. package/components/ui/file-upload/file-upload.mdx +8 -8
  79. package/components/ui/hover-card/hover-card.mdx +8 -8
  80. package/components/ui/input/input.mdx +8 -8
  81. package/components/ui/input-otp/input-otp.mdx +8 -8
  82. package/components/ui/label/label.mdx +8 -8
  83. package/components/ui/map/map.mdx +8 -8
  84. package/components/ui/menubar/menubar.mdx +8 -8
  85. package/components/ui/navigation-menu/navigation-menu.mdx +8 -8
  86. package/components/ui/notification-badge/notification-badge.mdx +8 -8
  87. package/components/ui/pagination/pagination.mdx +8 -8
  88. package/components/ui/popover/popover.mdx +8 -8
  89. package/components/ui/progress/progress.mdx +8 -8
  90. package/components/ui/radio-group/radio-group.mdx +8 -8
  91. package/components/ui/rating/rating.mdx +8 -8
  92. package/components/ui/resizable/resizable.mdx +8 -8
  93. package/components/ui/route-map/route-map.mdx +8 -8
  94. package/components/ui/scroll-area/scroll-area.mdx +8 -8
  95. package/components/ui/search/search.mdx +8 -8
  96. package/components/ui/select/select.mdx +8 -8
  97. package/components/ui/separator/separator.mdx +8 -8
  98. package/components/ui/sheet/sheet.mdx +8 -8
  99. package/components/ui/simple-map/simple-map.mdx +8 -8
  100. package/components/ui/skeleton/skeleton.mdx +8 -8
  101. package/components/ui/slider/slider.mdx +8 -8
  102. package/components/ui/sonner/sonner.mdx +8 -8
  103. package/components/ui/stats-card/index.ts +2 -2
  104. package/components/ui/stats-card/stats-card-skeleton.tsx +60 -60
  105. package/components/ui/stats-card/stats-card.mdx +8 -8
  106. package/components/ui/stats-card/stats-card.tsx +109 -109
  107. package/components/ui/stepper/stepper.mdx +8 -8
  108. package/components/ui/switch/switch.mdx +8 -8
  109. package/components/ui/table/table.mdx +8 -8
  110. package/components/ui/tabs/tabs.mdx +8 -8
  111. package/components/ui/textarea/textarea.mdx +8 -8
  112. package/components/ui/timeline/timeline.mdx +8 -8
  113. package/components/ui/toggle/toggle.mdx +8 -8
  114. package/components/ui/toggle-group/toggle-group.mdx +8 -8
  115. package/components/ui/tooltip/tooltip.mdx +8 -8
  116. package/components/ui/tree-view/tree-view.mdx +8 -8
  117. package/components.json +511 -511
  118. package/contexts/AuthContext.tsx +121 -121
  119. package/contexts/BrandColorsContext.tsx +282 -282
  120. package/contexts/LanguageContext.test.tsx +121 -121
  121. package/contexts/LanguageContext.tsx +250 -250
  122. package/contexts/theme-data.ts +391 -391
  123. package/dist/{AssistantChart-DoZCyS5r.cjs → AssistantChart-9w31gdAb.cjs} +4 -4
  124. package/dist/{AssistantChart-CldVCVDe.cjs → AssistantChart-BAudAfne.cjs} +5 -5
  125. package/dist/{AssistantChart-Bdd44uBn.cjs → AssistantChart-BAx9VQvb.cjs} +127 -388
  126. package/dist/{AssistantChart-Cu3m7RBo.js → AssistantChart-BP8upjMk.js} +5 -5
  127. package/dist/{AssistantChart-CFhDdGyU.js → AssistantChart-CVko2A1W.js} +130 -391
  128. package/dist/{AssistantChart-C_hwFRRr.js → AssistantChart-CVzmmhx4.js} +4 -4
  129. package/dist/{AudioPlayer-IAU5q5T1.cjs → AudioPlayer-1ypwE2Wh.cjs} +1 -1
  130. package/dist/{AudioPlayer-CGRUtUdN.js → AudioPlayer-DuKXrCfy.js} +1 -1
  131. package/dist/{LanguageContext-CS14yCpi.js → LanguageContext-BwhwC3G2.js} +2 -2
  132. package/dist/{LanguageContext-B_KFTCzT.cjs → LanguageContext-DvUt5jBg.cjs} +2 -2
  133. package/dist/{ThemeContext-C2EwAPDt.js → ThemeContext-BbBNoFTG.js} +2 -2
  134. package/dist/{ThemeContext-Bmod0Cg2.cjs → ThemeContext-BblcjQup.cjs} +13 -8
  135. package/dist/{ThemeContext-BWq9ACPo.js → ThemeContext-Bo-W2WZH.js} +13 -8
  136. package/dist/{ThemeContext-j5aGtPky.cjs → ThemeContext-CP3a0jxy.cjs} +193 -262
  137. package/dist/{ThemeContext-vTjumZeM.cjs → ThemeContext-Cmr8Ex8H.cjs} +2 -2
  138. package/dist/ThemeContext-CpqYShLq.cjs +324 -0
  139. package/dist/{ThemeContext-CQSo4Iwc.js → ThemeContext-D3LzacmG.js} +8 -1
  140. package/dist/ThemeContext-Du2nE1PL.js +325 -0
  141. package/dist/ThemeContext-GeEBTJ3q.cjs +1621 -0
  142. package/dist/ThemeContext-JyLK9B1o.js +1622 -0
  143. package/dist/{ThemeContext-CGk3KK0k.cjs → ThemeContext-U4dEYc6C.cjs} +8 -1
  144. package/dist/{ThemeContext-BXjrgUjW.js → ThemeContext-ept8jhXI.js} +200 -261
  145. package/dist/{VerifyEmailPage-CGIwmWrm.js → VerifyEmailPage-B31mCrMc.js} +1 -1
  146. package/dist/{VerifyEmailPage-C0c2e5n0.js → VerifyEmailPage-BE-L9mB7.js} +7 -7
  147. package/dist/{VerifyEmailPage-DSBMRHtl.js → VerifyEmailPage-BIBOKV7Z.js} +41 -36
  148. package/dist/{VerifyEmailPage-DgIid028.js → VerifyEmailPage-BJjAMUTW.js} +4 -4
  149. package/dist/{VerifyEmailPage--1Vurewl.cjs → VerifyEmailPage-BRSP-Pwt.cjs} +3 -3
  150. package/dist/{VerifyEmailPage-Cwi3kbol.cjs → VerifyEmailPage-Bae2cBXT.cjs} +7 -7
  151. package/dist/{VerifyEmailPage-De6bQjrz.cjs → VerifyEmailPage-BiRm7Nh4.cjs} +41 -36
  152. package/dist/{VerifyEmailPage-ByerOcm4.cjs → VerifyEmailPage-Bv8Ah_TK.cjs} +23 -20
  153. package/dist/VerifyEmailPage-Bvfv8HVQ.js +3214 -0
  154. package/dist/{VerifyEmailPage-BComraR7.cjs → VerifyEmailPage-CR7kb5df.cjs} +22 -12
  155. package/dist/{VerifyEmailPage-CpqqpLpo.cjs → VerifyEmailPage-C_Zk6Gen.cjs} +1 -1
  156. package/dist/{VerifyEmailPage-MTD7AG1Z.js → VerifyEmailPage-C_ihbcth.js} +4 -4
  157. package/dist/{VerifyEmailPage-1WwWczAn.js → VerifyEmailPage-CbgjOF0v.js} +22 -12
  158. package/dist/{VerifyEmailPage-DvMLZgFt.js → VerifyEmailPage-CdYPSJoO.js} +1 -1
  159. package/dist/{VerifyEmailPage-By3Jf__L.cjs → VerifyEmailPage-CkBYfsNy.cjs} +4 -4
  160. package/dist/{VerifyEmailPage-CJLz3jrn.js → VerifyEmailPage-Cyl55sJb.js} +23 -20
  161. package/dist/VerifyEmailPage-D-FRj5TU.cjs +3213 -0
  162. package/dist/{VerifyEmailPage-B4peJjAT.cjs → VerifyEmailPage-DF2ilhum.cjs} +334 -356
  163. package/dist/{VerifyEmailPage-CYXtbKi3.cjs → VerifyEmailPage-DMBh4NM9.cjs} +1 -1
  164. package/dist/{VerifyEmailPage-CgMxRb4z.js → VerifyEmailPage-DTtFfC-J.js} +3 -3
  165. package/dist/{VerifyEmailPage-CFLMls1p.cjs → VerifyEmailPage-Dt7zgA4w.cjs} +4 -4
  166. package/dist/{VerifyEmailPage-C5TNQTBa.js → VerifyEmailPage-EhudUdqF.js} +343 -355
  167. package/dist/{VerifyEmailPage-DGhuIqkb.js → VerifyEmailPage-X14vhdyl.js} +4 -4
  168. package/dist/VerifyEmailPage-hdB8JQGv.cjs +3213 -0
  169. package/dist/{VerifyEmailPage-Bp1XXl3H.cjs → VerifyEmailPage-u_Dn7t1U.cjs} +4 -4
  170. package/dist/VerifyEmailPage-vYHbYK3q.js +3214 -0
  171. package/dist/{XerticaProvider-CBGc4EMA.cjs → XerticaProvider-AChwphCO.cjs} +4 -4
  172. package/dist/{XerticaProvider-BIrqfZ-i.cjs → XerticaProvider-AbWlr7Af.cjs} +8 -11
  173. package/dist/{XerticaProvider-D-yNhF94.cjs → XerticaProvider-B8CaV7xu.cjs} +1 -1
  174. package/dist/{XerticaProvider-CEoWMTxu.js → XerticaProvider-BITjgC5p.js} +2 -2
  175. package/dist/{XerticaProvider-CllrbMEJ.cjs → XerticaProvider-By8q3Roe.cjs} +2 -2
  176. package/dist/{XerticaProvider-C1DKnvLh.js → XerticaProvider-CUYJZc32.js} +4 -4
  177. package/dist/{XerticaProvider-ET0ihewn.cjs → XerticaProvider-CW9hpCdF.cjs} +2 -2
  178. package/dist/{XerticaProvider-Dt5HEzbQ.js → XerticaProvider-CWgby5mY.js} +10 -10
  179. package/dist/XerticaProvider-CWs6EwNa.js +49 -0
  180. package/dist/XerticaProvider-CjQAQPcn.cjs +48 -0
  181. package/dist/XerticaProvider-D5lLumH-.js +49 -0
  182. package/dist/{XerticaProvider-DYq4JWtg.js → XerticaProvider-DQtvJU7m.js} +1 -1
  183. package/dist/XerticaProvider-qQUDop71.cjs +48 -0
  184. package/dist/{XerticaProvider-B7EVH-NF.js → XerticaProvider-siSt9uG2.js} +2 -2
  185. package/dist/{XerticaXLogo-Zw2B276b.cjs → XerticaXLogo-8TTzBjHw.cjs} +1 -1
  186. package/dist/{XerticaXLogo-B7xQ5dhi.js → XerticaXLogo-BWaag64t.js} +1 -1
  187. package/dist/{XerticaXLogo-DZbo4vOE.js → XerticaXLogo-CFuIlYFH.js} +12 -12
  188. package/dist/{XerticaXLogo-bvZSgwGF.cjs → XerticaXLogo-CU-U-GP4.cjs} +7 -13
  189. package/dist/XerticaXLogo-ChryA6xj.js +252 -0
  190. package/dist/{XerticaXLogo-CQUUjXoH.cjs → XerticaXLogo-CziKMQil.cjs} +8 -8
  191. package/dist/XerticaXLogo-DHz5SugF.js +252 -0
  192. package/dist/XerticaXLogo-DTee_y8X.cjs +251 -0
  193. package/dist/{XerticaXLogo-Cmsp-Eey.js → XerticaXLogo-DfUvz-lD.js} +9 -9
  194. package/dist/XerticaXLogo-kslQ8Tk_.cjs +251 -0
  195. package/dist/{alert-dialog-s-vmNkJ_.js → alert-dialog-iDe5VE5o.js} +3 -3
  196. package/dist/{alert-dialog-DSKByiKZ.cjs → alert-dialog-yckpaOpy.cjs} +3 -3
  197. package/dist/cli.js +2 -1
  198. package/dist/components/ui/chart/chart.d.ts +7 -5
  199. package/dist/{google-maps-loader-Y-QkD-Li.cjs → google-maps-loader-BqsYL48U.cjs} +0 -5
  200. package/dist/{google-maps-loader-CTYySAun.js → google-maps-loader-t2IlYBzw.js} +0 -4
  201. package/dist/index-CkTUgOwX.js +8 -0
  202. package/dist/{index-COtD8bRW.cjs → index-D3RLKRAs.cjs} +1 -1
  203. package/dist/index.cjs.js +2 -2
  204. package/dist/index.es.js +2 -2
  205. package/dist/index.umd.js +454 -1027
  206. package/dist/layout.cjs.js +1 -1
  207. package/dist/layout.es.js +1 -1
  208. package/dist/pages.cjs.js +1 -1
  209. package/dist/pages.es.js +1 -1
  210. package/dist/{sidebar-DAaY8bRU.cjs → sidebar-B3EYhli0.cjs} +33 -24
  211. package/dist/{sidebar-nzPoVHBQ.cjs → sidebar-B9NR0lCe.cjs} +46 -41
  212. package/dist/{sidebar-CeTMuzOx.cjs → sidebar-BvF5I2Ue.cjs} +47 -128
  213. package/dist/{sidebar-q7P2Godd.cjs → sidebar-C5B_LHek.cjs} +1 -1
  214. package/dist/{sidebar-CrQDDdcz.js → sidebar-CA6_ek3f.js} +33 -24
  215. package/dist/sidebar-CLmIjgNd.cjs +1136 -0
  216. package/dist/{sidebar-BxGXsDAd.cjs → sidebar-CVUGHOS_.cjs} +8 -16
  217. package/dist/{sidebar-BViy8Eeu.js → sidebar-CmvwjnVb.js} +9 -17
  218. package/dist/{sidebar-B6SlKZYN.js → sidebar-CplprZpM.js} +49 -40
  219. package/dist/sidebar-Duermn32.js +1133 -0
  220. package/dist/{sidebar-BbVIQvlP.js → sidebar-Dz7bd3zP.js} +1 -1
  221. package/dist/{sidebar-0ocFLSks.js → sidebar-KIS0C2JH.js} +50 -127
  222. package/dist/sidebar-OTO_up7Z.js +801 -0
  223. package/dist/sidebar-zowjejT2.cjs +800 -0
  224. package/dist/{use-audio-player-nv8ZSGa1.js → use-audio-player-Bkh23vQ3.js} +3 -7
  225. package/dist/{use-audio-player-NKsWyjWu.cjs → use-audio-player-Dn1NR9xN.cjs} +3 -7
  226. package/dist/{xertica-assistant-dyP7KHM5.cjs → xertica-assistant-B1IaHXnB.cjs} +388 -529
  227. package/dist/{xertica-assistant-ciJaWqm1.js → xertica-assistant-BMqdyRVi.js} +10 -28
  228. package/dist/{xertica-assistant-V_IdW4WF.cjs → xertica-assistant-Bj3vBCq_.cjs} +9 -27
  229. package/dist/{xertica-assistant-yX1CFBBo.js → xertica-assistant-DPsESB6t.js} +390 -531
  230. package/dist/{CodeBlock-7TTgmdGG.cjs → xertica-assistant-Qp3ydksa.cjs} +51 -263
  231. package/dist/{CodeBlock-BeSt1h5P.js → xertica-assistant-gnCJdcZY.js} +7 -219
  232. package/dist/xertica-ui.css +2 -2
  233. package/docs/architecture-improvements.md +456 -456
  234. package/docs/architecture.md +312 -312
  235. package/docs/components/assistant.md +428 -428
  236. package/docs/components/branding.md +252 -252
  237. package/docs/components/card-patterns.md +447 -447
  238. package/docs/components/error-boundary.md +201 -201
  239. package/docs/components/hooks.md +432 -432
  240. package/docs/components/language-selector.md +176 -176
  241. package/docs/components/pages.md +323 -323
  242. package/docs/components/sidebar.md +331 -331
  243. package/docs/components/stats-card.md +138 -138
  244. package/docs/doc-audit.md +244 -244
  245. package/docs/getting-started.md +616 -616
  246. package/docs/guidelines.md +330 -330
  247. package/docs/i18n.md +480 -480
  248. package/docs/installation.md +268 -268
  249. package/docs/llms.md +295 -295
  250. package/docs/state-management.md +289 -289
  251. package/guidelines/Guidelines.md +409 -409
  252. package/llms-compact.txt +1 -1
  253. package/llms-full.txt +10688 -10688
  254. package/llms.txt +1 -1
  255. package/package.json +1 -1
  256. package/styles/xertica/base.css +90 -90
  257. package/styles/xertica/tokens.css +240 -240
  258. package/templates/.prettierignore +4 -4
  259. package/templates/.prettierrc +10 -10
  260. package/templates/CLAUDE.md +180 -180
  261. package/templates/package.json +2 -2
  262. package/templates/src/app/App.tsx +46 -46
  263. package/templates/src/app/components/AuthGuard.tsx +131 -131
  264. package/templates/src/features/assistant/data/mock.ts +75 -75
  265. package/templates/src/features/assistant/hooks/useAssistantConfig.ts +20 -20
  266. package/templates/src/features/assistant/index.ts +5 -5
  267. package/templates/src/features/auth/ui/ForgotPasswordContent.tsx +70 -70
  268. package/templates/src/features/auth/ui/LoginContent.tsx +92 -92
  269. package/templates/src/features/auth/ui/ResetPasswordContent.tsx +183 -183
  270. package/templates/src/features/auth/ui/SocialLoginButtons.tsx +78 -78
  271. package/templates/src/features/auth/ui/VerifyEmailContent.tsx +80 -80
  272. package/templates/src/features/home/data/mock.ts +41 -41
  273. package/templates/src/features/home/hooks/useFeatureCards.ts +20 -20
  274. package/templates/src/features/home/index.ts +11 -11
  275. package/templates/src/features/home/ui/HomeContent.tsx +117 -117
  276. package/templates/src/features/template/ui/CrudTemplate.tsx +112 -112
  277. package/templates/src/features/template/ui/DashboardTemplate.tsx +110 -110
  278. package/templates/src/features/template/ui/FormTemplate.tsx +117 -117
  279. package/templates/src/features/template/ui/LoginTemplate.tsx +59 -59
  280. package/templates/src/features/template/ui/TemplateContent.tsx +1322 -1322
  281. package/templates/src/i18n.ts +124 -124
  282. package/templates/src/locales/en/common.json +21 -21
  283. package/templates/src/locales/en/components/activityCard.json +10 -10
  284. package/templates/src/locales/en/components/assistant.json +119 -119
  285. package/templates/src/locales/en/components/media.json +29 -29
  286. package/templates/src/locales/en/components/notificationCard.json +5 -5
  287. package/templates/src/locales/en/components/profileCard.json +8 -8
  288. package/templates/src/locales/en/components/projectCard.json +10 -10
  289. package/templates/src/locales/en/components/sidebar.json +14 -14
  290. package/templates/src/locales/en/components/stats.json +8 -8
  291. package/templates/src/locales/en/components/team.json +14 -14
  292. package/templates/src/locales/en/errors.json +9 -9
  293. package/templates/src/locales/en/languageSelector.json +7 -7
  294. package/templates/src/locales/en/nav.json +6 -6
  295. package/templates/src/locales/en/pages/crudTemplate.json +25 -25
  296. package/templates/src/locales/en/pages/dashboardTemplate.json +20 -20
  297. package/templates/src/locales/en/pages/forgotPassword.json +10 -10
  298. package/templates/src/locales/en/pages/formTemplate.json +16 -16
  299. package/templates/src/locales/en/pages/home.json +7 -7
  300. package/templates/src/locales/en/pages/login.json +15 -15
  301. package/templates/src/locales/en/pages/loginTemplate.json +9 -9
  302. package/templates/src/locales/en/pages/resetPassword.json +18 -18
  303. package/templates/src/locales/en/pages/templates.json +317 -317
  304. package/templates/src/locales/en/pages/verifyEmail.json +12 -12
  305. package/templates/src/locales/en/themeToggle.json +6 -6
  306. package/templates/src/locales/es/common.json +21 -21
  307. package/templates/src/locales/es/components/activityCard.json +10 -10
  308. package/templates/src/locales/es/components/assistant.json +119 -119
  309. package/templates/src/locales/es/components/media.json +29 -29
  310. package/templates/src/locales/es/components/notificationCard.json +5 -5
  311. package/templates/src/locales/es/components/profileCard.json +8 -8
  312. package/templates/src/locales/es/components/projectCard.json +10 -10
  313. package/templates/src/locales/es/components/sidebar.json +14 -14
  314. package/templates/src/locales/es/components/stats.json +8 -8
  315. package/templates/src/locales/es/components/team.json +14 -14
  316. package/templates/src/locales/es/errors.json +9 -9
  317. package/templates/src/locales/es/languageSelector.json +7 -7
  318. package/templates/src/locales/es/nav.json +6 -6
  319. package/templates/src/locales/es/pages/crudTemplate.json +25 -25
  320. package/templates/src/locales/es/pages/dashboardTemplate.json +20 -20
  321. package/templates/src/locales/es/pages/forgotPassword.json +10 -10
  322. package/templates/src/locales/es/pages/formTemplate.json +16 -16
  323. package/templates/src/locales/es/pages/home.json +7 -7
  324. package/templates/src/locales/es/pages/login.json +15 -15
  325. package/templates/src/locales/es/pages/loginTemplate.json +9 -9
  326. package/templates/src/locales/es/pages/resetPassword.json +18 -18
  327. package/templates/src/locales/es/pages/templates.json +317 -317
  328. package/templates/src/locales/es/pages/verifyEmail.json +12 -12
  329. package/templates/src/locales/es/themeToggle.json +6 -6
  330. package/templates/src/locales/pt-BR/common.json +21 -21
  331. package/templates/src/locales/pt-BR/components/activityCard.json +10 -10
  332. package/templates/src/locales/pt-BR/components/assistant.json +119 -119
  333. package/templates/src/locales/pt-BR/components/media.json +29 -29
  334. package/templates/src/locales/pt-BR/components/notificationCard.json +5 -5
  335. package/templates/src/locales/pt-BR/components/profileCard.json +8 -8
  336. package/templates/src/locales/pt-BR/components/projectCard.json +10 -10
  337. package/templates/src/locales/pt-BR/components/sidebar.json +14 -14
  338. package/templates/src/locales/pt-BR/components/stats.json +8 -8
  339. package/templates/src/locales/pt-BR/components/team.json +14 -14
  340. package/templates/src/locales/pt-BR/errors.json +9 -9
  341. package/templates/src/locales/pt-BR/languageSelector.json +7 -7
  342. package/templates/src/locales/pt-BR/nav.json +6 -6
  343. package/templates/src/locales/pt-BR/pages/crudTemplate.json +25 -25
  344. package/templates/src/locales/pt-BR/pages/dashboardTemplate.json +20 -20
  345. package/templates/src/locales/pt-BR/pages/forgotPassword.json +10 -10
  346. package/templates/src/locales/pt-BR/pages/formTemplate.json +16 -16
  347. package/templates/src/locales/pt-BR/pages/home.json +7 -7
  348. package/templates/src/locales/pt-BR/pages/login.json +15 -15
  349. package/templates/src/locales/pt-BR/pages/loginTemplate.json +9 -9
  350. package/templates/src/locales/pt-BR/pages/resetPassword.json +18 -18
  351. package/templates/src/locales/pt-BR/pages/templates.json +317 -317
  352. package/templates/src/locales/pt-BR/pages/verifyEmail.json +12 -12
  353. package/templates/src/locales/pt-BR/themeToggle.json +6 -6
  354. package/templates/src/pages/AssistantPage.tsx +470 -470
  355. package/templates/src/pages/HomePage.tsx +53 -53
  356. package/templates/src/shared/error-boundary.tsx +150 -150
  357. package/templates/src/shared/error-fallbacks.tsx +222 -222
  358. package/templates/src/styles/xertica/tokens.css +240 -240
  359. package/templates/vite.config.js +20 -20
  360. package/templates/vite.config.ts +55 -55
  361. package/dist/AssistantChart-BKVtGUKF.js +0 -3383
  362. package/dist/AssistantChart-CxGjH7Qk.js +0 -3477
  363. package/dist/AssistantChart-DIpshm3i.js +0 -4784
  364. package/dist/AssistantChart-D_PTeu8P.cjs +0 -3503
  365. package/dist/AssistantChart-WeycT5Pd.cjs +0 -3551
  366. package/dist/AssistantChart-zjsy2GaZ.cjs +0 -4810
  367. package/dist/AudioPlayer-B1lt5cPl.cjs +0 -989
  368. package/dist/AudioPlayer-BZ7bibzU.cjs +0 -982
  369. package/dist/AudioPlayer-BpRPS4-1.cjs +0 -1277
  370. package/dist/AudioPlayer-C12BjQBV.cjs +0 -997
  371. package/dist/AudioPlayer-CFeV8t-5.cjs +0 -936
  372. package/dist/AudioPlayer-Coly3q5R.js +0 -1278
  373. package/dist/AudioPlayer-CySJIyvL.js +0 -937
  374. package/dist/AudioPlayer-DMcG_c7L.js +0 -990
  375. package/dist/AudioPlayer-DcFKRJE_.js +0 -998
  376. package/dist/AudioPlayer-e8LfNoqO.js +0 -983
  377. package/dist/BrandColorsContext-565dDHd5.js +0 -660
  378. package/dist/BrandColorsContext-BcJbtkqn.cjs +0 -659
  379. package/dist/CodeBlock-BgfYL_rD.cjs +0 -2094
  380. package/dist/CodeBlock-BlcqlA9M.cjs +0 -2094
  381. package/dist/CodeBlock-Bnmeu5ez.cjs +0 -2094
  382. package/dist/CodeBlock-BtfPlbAI.js +0 -2078
  383. package/dist/CodeBlock-CIySIuYr.js +0 -2078
  384. package/dist/CodeBlock-CuPtUM-7.cjs +0 -2094
  385. package/dist/CodeBlock-D6ffWXgc.js +0 -2078
  386. package/dist/CodeBlock-D8dcwbit.cjs +0 -2094
  387. package/dist/CodeBlock-DMZrFnlw.cjs +0 -2094
  388. package/dist/CodeBlock-DlBehYN8.js +0 -2078
  389. package/dist/CodeBlock-DnYNI8rQ.js +0 -2078
  390. package/dist/CodeBlock-DvKWbSnE.cjs +0 -2094
  391. package/dist/CodeBlock-DwMCfkFY.js +0 -2078
  392. package/dist/CodeBlock-Dy6CNYyj.js +0 -2078
  393. package/dist/CodeBlock-U1pPOQI7.cjs +0 -2094
  394. package/dist/CodeBlock-f_GpNhEB.js +0 -2078
  395. package/dist/CodeBlock-oB6u8nI1.js +0 -2078
  396. package/dist/CodeBlock-tZC31B73.cjs +0 -2094
  397. package/dist/FeatureCard-CxC-7C-C.cjs +0 -300
  398. package/dist/FeatureCard-DbHWCb4E.js +0 -301
  399. package/dist/ImageWithFallback-CGtidP6B.cjs +0 -4542
  400. package/dist/ImageWithFallback-lsg3pdFg.js +0 -4508
  401. package/dist/LanguageSelector-B5YfbHra.js +0 -231
  402. package/dist/LanguageSelector-D6uacAIM.cjs +0 -230
  403. package/dist/LayoutContext-B45-e9DI.cjs +0 -93
  404. package/dist/LayoutContext-BAql6ZRY.js +0 -97
  405. package/dist/LayoutContext-Bav3UMEA.js +0 -94
  406. package/dist/LayoutContext-BvK-ggDa.cjs +0 -96
  407. package/dist/ThemeContext-BoH4NLfN.js +0 -734
  408. package/dist/ThemeContext-r69W20Xg.cjs +0 -733
  409. package/dist/VerifyEmailPage-COiyNl1y.js +0 -2825
  410. package/dist/VerifyEmailPage-CqKsR2v8.js +0 -2827
  411. package/dist/VerifyEmailPage-DjQKRlUS.cjs +0 -2824
  412. package/dist/VerifyEmailPage-s-1X3LDJ.cjs +0 -2826
  413. package/dist/XerticaOrbe-KL1RBHzw.cjs +0 -1354
  414. package/dist/XerticaOrbe-zwS1p2a8.js +0 -1355
  415. package/dist/XerticaProvider-6btlAlzc.js +0 -17
  416. package/dist/XerticaProvider-BNoNOxQ5.cjs +0 -16
  417. package/dist/XerticaProvider-BlY2limY.cjs +0 -38
  418. package/dist/XerticaProvider-DDuiIcKo.js +0 -39
  419. package/dist/XerticaProvider-cI9hSs27.cjs +0 -38
  420. package/dist/XerticaProvider-hSwhNQex.js +0 -39
  421. package/dist/alert-dialog-BOje--vD.js +0 -847
  422. package/dist/alert-dialog-BtEuQqrg.cjs +0 -870
  423. package/dist/breadcrumb-CqJ7bHY5.js +0 -161
  424. package/dist/breadcrumb-m9Hb2_XN.cjs +0 -177
  425. package/dist/components/assistant/xertica-assistant/hooks/index.d.ts +0 -6
  426. package/dist/components/assistant/xertica-assistant/hooks/use-assistant-conversations.d.ts +0 -21
  427. package/dist/components/assistant/xertica-assistant/hooks/use-assistant-messages.d.ts +0 -49
  428. package/dist/components/assistant/xertica-assistant/hooks/use-assistant-suggestions.d.ts +0 -16
  429. package/dist/components/blocks/audio-player/AudioPlayer.d.ts +0 -35
  430. package/dist/components/blocks/audio-player/index.d.ts +0 -1
  431. package/dist/components/blocks/document-editor/DocumentEditor.d.ts +0 -26
  432. package/dist/components/blocks/document-editor/index.d.ts +0 -1
  433. package/dist/components/blocks/podcast-player/PodcastPlayer.d.ts +0 -41
  434. package/dist/components/blocks/podcast-player/index.d.ts +0 -1
  435. package/dist/components/ui/chart/parts/chart-dashboard.d.ts +0 -113
  436. package/dist/components/ui/chart/parts/chart-metric.d.ts +0 -118
  437. package/dist/components/ui/chart/parts/chart-primitives.d.ts +0 -101
  438. package/dist/components/ui/chart/parts/chart-shared.d.ts +0 -20
  439. package/dist/components/ui/chart/parts/chart-utils.d.ts +0 -12
  440. package/dist/components/ui/chart/parts/index.d.ts +0 -5
  441. package/dist/dropdown-menu-BDB5CmQs.cjs +0 -247
  442. package/dist/dropdown-menu-DQidbKBD.js +0 -231
  443. package/dist/google-maps-loader-BFWp6VPd.js +0 -287
  444. package/dist/google-maps-loader-BKcdgFbu.cjs +0 -312
  445. package/dist/google-maps-loader-CumCNXeG.js +0 -312
  446. package/dist/google-maps-loader-eS3uQ5TA.cjs +0 -287
  447. package/dist/header-Cgy6vYPk.cjs +0 -731
  448. package/dist/header-DRlT4jgI.js +0 -715
  449. package/dist/header-Dux00SI4.cjs +0 -731
  450. package/dist/header-EkGKXPsD.js +0 -715
  451. package/dist/header-WfEywpyc.cjs +0 -731
  452. package/dist/header-tifNQn2U.js +0 -715
  453. package/dist/index-BhapVLVj.js +0 -8
  454. package/dist/index-D6fxYEY8.cjs +0 -7
  455. package/dist/index-DAIp0_HK.js +0 -8
  456. package/dist/index-DW5tYe26.js +0 -8
  457. package/dist/index-GA__GvnG.cjs +0 -7
  458. package/dist/input-2R4loU86.js +0 -127
  459. package/dist/input-DWANSKGb.cjs +0 -145
  460. package/dist/progress-DPtzoVV8.js +0 -175
  461. package/dist/progress-EeaoqqUs.cjs +0 -191
  462. package/dist/rich-text-editor-0mraWT5y.cjs +0 -2376
  463. package/dist/rich-text-editor-B-IkcPD0.js +0 -2874
  464. package/dist/rich-text-editor-B6jMRLzk.cjs +0 -1939
  465. package/dist/rich-text-editor-B8_oYcIR.js +0 -1730
  466. package/dist/rich-text-editor-B9UbSXNb.js +0 -1203
  467. package/dist/rich-text-editor-BYuRBNBU.js +0 -2373
  468. package/dist/rich-text-editor-Bb9pySTs.cjs +0 -2374
  469. package/dist/rich-text-editor-BcL6L3cm.cjs +0 -2374
  470. package/dist/rich-text-editor-BoVZYtTs.cjs +0 -2391
  471. package/dist/rich-text-editor-Bp3zQqMC.js +0 -2954
  472. package/dist/rich-text-editor-CMgSN_w2.js +0 -1189
  473. package/dist/rich-text-editor-CPV1lEPH.cjs +0 -1748
  474. package/dist/rich-text-editor-CeucBdIv.cjs +0 -2971
  475. package/dist/rich-text-editor-CoKqbCtu.cjs +0 -1799
  476. package/dist/rich-text-editor-Cw56T_mB.js +0 -2356
  477. package/dist/rich-text-editor-Cyt8qs2b.js +0 -1921
  478. package/dist/rich-text-editor-D6H84OcX.cjs +0 -1220
  479. package/dist/rich-text-editor-D76gD-QI.js +0 -2328
  480. package/dist/rich-text-editor-DKkokOnA.js +0 -1781
  481. package/dist/rich-text-editor-DNsdpN64.cjs +0 -2359
  482. package/dist/rich-text-editor-DfG8bCyY.js +0 -2358
  483. package/dist/rich-text-editor-Dxjw31Z4.js +0 -2341
  484. package/dist/rich-text-editor-DzP0Epmb.js +0 -2356
  485. package/dist/rich-text-editor-bRkNoeZY.cjs +0 -2891
  486. package/dist/rich-text-editor-lyYE2ZG5.cjs +0 -1207
  487. package/dist/rich-text-editor-skplNlBM.cjs +0 -2345
  488. package/dist/select-Bkbr0f-Z.cjs +0 -162
  489. package/dist/select-CvIVdX2n.js +0 -145
  490. package/dist/sidebar-CK_0ZQHj.cjs +0 -803
  491. package/dist/sidebar-CUuOvYhK.js +0 -787
  492. package/dist/sidebar-DQj1z3jG.cjs +0 -758
  493. package/dist/sidebar-Djn5syhi.cjs +0 -786
  494. package/dist/sidebar-LluMXfam.js +0 -759
  495. package/dist/sidebar-_rT7rBMk.js +0 -787
  496. package/dist/slider-Bc5Hd0y1.js +0 -56
  497. package/dist/slider-N7hFFj6X.cjs +0 -73
  498. package/dist/tooltip-Ded96neP.cjs +0 -137
  499. package/dist/tooltip-HDOoD2-0.js +0 -120
  500. package/dist/use-audio-player-B31J-aqh.cjs +0 -187
  501. package/dist/use-audio-player-BkmEmj8Q.js +0 -185
  502. package/dist/use-audio-player-CLFTWFW1.cjs +0 -184
  503. package/dist/use-audio-player-CLLn00I6.js +0 -188
  504. package/dist/use-file-upload-BcjEo2S5.js +0 -404
  505. package/dist/use-file-upload-CRJR68Tj.cjs +0 -403
  506. package/dist/use-mobile-B0hNy_Y6.cjs +0 -4303
  507. package/dist/use-mobile-BXuYROXM.js +0 -4202
  508. package/dist/use-mobile-Bbd51ASU.cjs +0 -4392
  509. package/dist/use-mobile-Bk6CX-TC.js +0 -4359
  510. package/dist/use-mobile-BvYdisLP.js +0 -4202
  511. package/dist/use-mobile-BzuxjzNX.cjs +0 -4392
  512. package/dist/use-mobile-CG2-SdXV.cjs +0 -4235
  513. package/dist/use-mobile-CKb5pqTs.js +0 -4269
  514. package/dist/use-mobile-CYuAuGDl.js +0 -4202
  515. package/dist/use-mobile-CaENcqm-.js +0 -4508
  516. package/dist/use-mobile-CbrYgJGJ.js +0 -4203
  517. package/dist/use-mobile-Cd4xPrKq.cjs +0 -46
  518. package/dist/use-mobile-DMOvImGQ.cjs +0 -4542
  519. package/dist/use-mobile-DRB3BQgD.cjs +0 -4235
  520. package/dist/use-mobile-DZvv7QMR.js +0 -4359
  521. package/dist/use-mobile-DdI_TXam.cjs +0 -4235
  522. package/dist/use-mobile-DlceKf8a.js +0 -4359
  523. package/dist/use-mobile-DsOnow1o.cjs +0 -4236
  524. package/dist/use-mobile-Kcj6jSnK.cjs +0 -4392
  525. package/dist/use-mobile-bnKcua_i.js +0 -4202
  526. package/dist/use-mobile-j4w2Jrf1.js +0 -30
  527. package/dist/use-mobile-ncXBeE2z.cjs +0 -4235
  528. package/dist/use-rich-text-editor-DjiddBGv.js +0 -282
  529. package/dist/use-rich-text-editor-lpeswbCs.cjs +0 -281
  530. package/dist/xertica-assistant-BdiZag0h.js +0 -2187
  531. package/dist/xertica-assistant-CrgTb6Hs.cjs +0 -2155
  532. package/dist/xertica-assistant-DCsnQyi5.js +0 -2156
  533. package/dist/xertica-assistant-DUBpmEgo.cjs +0 -2186
  534. package/dist/{rich-text-editor-DgF8s7xW.js → rich-text-editor-BmsjY03B.js} +26 -26
  535. package/dist/{rich-text-editor-mWoaSCE4.cjs → rich-text-editor-GS2kpTAK.cjs} +26 -26
@@ -1,1781 +0,0 @@
1
- import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
- import * as React from "react";
3
- import { useRef, useState, useEffect } from "react";
4
- import * as RechartsPrimitive from "recharts";
5
- import { e as cn, B as Button } from "./tooltip-HDOoD2-0.js";
6
- import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from "./select-CvIVdX2n.js";
7
- import * as TabsPrimitive from "@radix-ui/react-tabs";
8
- import * as DialogPrimitive from "@radix-ui/react-dialog";
9
- import { XIcon, Undo, Redo, ChevronDown, Type, Heading1, Heading2, Heading3, Bold, Italic, Underline, AlignLeft, AlignCenter, AlignRight, List, ListOrdered, Link, X, Search, ChevronUp } from "lucide-react";
10
- import { cva } from "class-variance-authority";
11
- import { D as DropdownMenu, n as DropdownMenuTrigger, b as DropdownMenuContent, d as DropdownMenuItem } from "./dropdown-menu-DQidbKBD.js";
12
- import { P as Popover, b as PopoverTrigger, a as PopoverContent, I as Input } from "./input-2R4loU86.js";
13
- function Card({ className, ...props }) {
14
- return /* @__PURE__ */ jsx(
15
- "div",
16
- {
17
- "data-slot": "card",
18
- className: cn(
19
- "bg-card text-card-foreground flex flex-col gap-6 rounded-[var(--radius-card)]",
20
- className
21
- ),
22
- ...props
23
- }
24
- );
25
- }
26
- function CardHeader({ className, ...props }) {
27
- return /* @__PURE__ */ jsx(
28
- "div",
29
- {
30
- "data-slot": "card-header",
31
- className: cn(
32
- "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 pt-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
33
- className
34
- ),
35
- ...props
36
- }
37
- );
38
- }
39
- function CardTitle({ className, ...props }) {
40
- return /* @__PURE__ */ jsx(
41
- "h4",
42
- {
43
- "data-slot": "card-title",
44
- className: cn("leading-none", className),
45
- ...props
46
- }
47
- );
48
- }
49
- function CardDescription({ className, ...props }) {
50
- return /* @__PURE__ */ jsx(
51
- "p",
52
- {
53
- "data-slot": "card-description",
54
- className: cn("text-muted-foreground", className),
55
- ...props
56
- }
57
- );
58
- }
59
- function CardAction({ className, ...props }) {
60
- return /* @__PURE__ */ jsx(
61
- "div",
62
- {
63
- "data-slot": "card-action",
64
- className: cn(
65
- "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
66
- className
67
- ),
68
- ...props
69
- }
70
- );
71
- }
72
- function CardContent({ className, ...props }) {
73
- return /* @__PURE__ */ jsx(
74
- "div",
75
- {
76
- "data-slot": "card-content",
77
- className: cn("px-6 [&:last-child]:pb-6", className),
78
- ...props
79
- }
80
- );
81
- }
82
- function CardFooter({ className, ...props }) {
83
- return /* @__PURE__ */ jsx(
84
- "div",
85
- {
86
- "data-slot": "card-footer",
87
- className: cn("flex items-center px-6 pb-6 [.border-t]:pt-6", className),
88
- ...props
89
- }
90
- );
91
- }
92
- function Tabs({
93
- className,
94
- ...props
95
- }) {
96
- return /* @__PURE__ */ jsx(
97
- TabsPrimitive.Root,
98
- {
99
- "data-slot": "tabs",
100
- className: cn("flex flex-col gap-2", className),
101
- ...props
102
- }
103
- );
104
- }
105
- function TabsList({
106
- className,
107
- ...props
108
- }) {
109
- return /* @__PURE__ */ jsx(
110
- TabsPrimitive.List,
111
- {
112
- "data-slot": "tabs-list",
113
- className: cn(
114
- "relative inline-flex h-12 w-fit items-end justify-start border-b border-border bg-transparent",
115
- className
116
- ),
117
- ...props
118
- }
119
- );
120
- }
121
- function TabsTrigger({
122
- className,
123
- ...props
124
- }) {
125
- return /* @__PURE__ */ jsx(
126
- TabsPrimitive.Trigger,
127
- {
128
- "data-slot": "tabs-trigger",
129
- className: cn(
130
- "relative inline-flex h-12 items-center justify-center gap-1.5 bg-transparent px-4 py-3 text-sm font-medium whitespace-nowrap transition-all duration-200 ease-in-out border-b-2 border-transparent text-muted-foreground hover:text-foreground hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-primary data-[state=active]:border-primary data-[state=active]:bg-transparent [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
131
- className
132
- ),
133
- ...props
134
- }
135
- );
136
- }
137
- function TabsContent({
138
- className,
139
- ...props
140
- }) {
141
- return /* @__PURE__ */ jsx(
142
- TabsPrimitive.Content,
143
- {
144
- "data-slot": "tabs-content",
145
- className: cn("flex-1 outline-none", className),
146
- ...props
147
- }
148
- );
149
- }
150
- const THEMES = { light: "", dark: ".dark" };
151
- const defaultPeriods = [
152
- { value: "7d", label: "7 days" },
153
- { value: "30d", label: "30 days" },
154
- { value: "90d", label: "90 days" }
155
- ];
156
- const defaultChartColors = [
157
- "var(--chart-1)",
158
- "var(--chart-2)",
159
- "var(--chart-3)",
160
- "var(--chart-4)",
161
- "var(--chart-5)"
162
- ];
163
- const ChartContext = React.createContext(null);
164
- function useChart() {
165
- const context = React.useContext(ChartContext);
166
- if (!context) {
167
- throw new Error("useChart must be used within a <ChartContainer />");
168
- }
169
- return context;
170
- }
171
- function ChartContainer({
172
- id,
173
- className,
174
- children,
175
- config,
176
- ...props
177
- }) {
178
- const uniqueId = React.useId();
179
- const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
180
- return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
181
- "div",
182
- {
183
- "data-slot": "chart",
184
- "data-chart": chartId,
185
- className: cn(
186
- "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex justify-center text-xs overflow-hidden [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden h-[300px] w-full",
187
- className
188
- ),
189
- ...props,
190
- children: [
191
- /* @__PURE__ */ jsx(ChartStyle, { id: chartId, config }),
192
- /* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, { width: "100%", height: "100%", children })
193
- ]
194
- }
195
- ) });
196
- }
197
- const ChartStyle = ({ id, config }) => {
198
- const colorConfig = Object.entries(config).filter(
199
- ([, config2]) => config2.theme || config2.color
200
- );
201
- if (!colorConfig.length) {
202
- return null;
203
- }
204
- return /* @__PURE__ */ jsx(
205
- "style",
206
- {
207
- dangerouslySetInnerHTML: {
208
- __html: Object.entries(THEMES).map(
209
- ([theme, prefix]) => `
210
- ${prefix} [data-chart=${id}] {
211
- ${colorConfig.map(([key, itemConfig]) => {
212
- var _a;
213
- const color = ((_a = itemConfig.theme) == null ? void 0 : _a[theme]) || itemConfig.color;
214
- return color ? ` --color-${key}: ${color};` : null;
215
- }).join("\n")}
216
- }
217
- `
218
- ).join("\n")
219
- }
220
- }
221
- );
222
- };
223
- const ChartTooltip = RechartsPrimitive.Tooltip;
224
- function ChartTooltipContent({
225
- active,
226
- payload,
227
- className,
228
- indicator = "dot",
229
- hideLabel = false,
230
- hideIndicator = false,
231
- label,
232
- labelFormatter,
233
- labelClassName,
234
- formatter,
235
- color,
236
- nameKey,
237
- labelKey
238
- }) {
239
- const { config } = useChart();
240
- const tooltipLabel = React.useMemo(() => {
241
- var _a;
242
- if (hideLabel || !(payload == null ? void 0 : payload.length)) {
243
- return null;
244
- }
245
- const [item] = payload;
246
- const key = `${labelKey || (item == null ? void 0 : item.dataKey) || (item == null ? void 0 : item.name) || "value"}`;
247
- const itemConfig = getPayloadConfigFromPayload(config, item, key);
248
- const value = !labelKey && typeof label === "string" ? ((_a = config[label]) == null ? void 0 : _a.label) || label : itemConfig == null ? void 0 : itemConfig.label;
249
- if (labelFormatter) {
250
- return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
251
- }
252
- if (!value) {
253
- return null;
254
- }
255
- return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: value });
256
- }, [
257
- label,
258
- labelFormatter,
259
- payload,
260
- hideLabel,
261
- labelClassName,
262
- config,
263
- labelKey
264
- ]);
265
- if (!active || !(payload == null ? void 0 : payload.length)) {
266
- return null;
267
- }
268
- const nestLabel = payload.length === 1 && indicator !== "dot";
269
- return /* @__PURE__ */ jsxs(
270
- "div",
271
- {
272
- className: cn(
273
- "border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",
274
- className
275
- ),
276
- children: [
277
- !nestLabel ? tooltipLabel : null,
278
- /* @__PURE__ */ jsx("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
279
- var _a;
280
- const key = `${nameKey || item.name || item.dataKey || "value"}`;
281
- const itemConfig = getPayloadConfigFromPayload(config, item, key);
282
- const indicatorColor = color || ((_a = item.payload) == null ? void 0 : _a.fill) || item.color;
283
- return /* @__PURE__ */ jsx(
284
- "div",
285
- {
286
- className: cn(
287
- "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
288
- indicator === "dot" && "items-center"
289
- ),
290
- children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment, { children: [
291
- (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx(
292
- "div",
293
- {
294
- className: cn(
295
- "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
296
- {
297
- "h-2.5 w-2.5": indicator === "dot",
298
- "w-1": indicator === "line",
299
- "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
300
- "my-0.5": nestLabel && indicator === "dashed"
301
- }
302
- ),
303
- style: {
304
- "--color-bg": indicatorColor,
305
- "--color-border": indicatorColor
306
- }
307
- }
308
- ),
309
- /* @__PURE__ */ jsxs(
310
- "div",
311
- {
312
- className: cn(
313
- "flex flex-1 justify-between leading-none",
314
- nestLabel ? "items-end" : "items-center"
315
- ),
316
- children: [
317
- /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
318
- nestLabel ? tooltipLabel : null,
319
- /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
320
- ] }),
321
- item.value && /* @__PURE__ */ jsx("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value.toLocaleString() })
322
- ]
323
- }
324
- )
325
- ] })
326
- },
327
- item.dataKey
328
- );
329
- }) })
330
- ]
331
- }
332
- );
333
- }
334
- const ChartLegend = RechartsPrimitive.Legend;
335
- function ChartLegendContent({
336
- className,
337
- hideIcon = false,
338
- payload,
339
- verticalAlign = "bottom",
340
- nameKey
341
- }) {
342
- const { config } = useChart();
343
- if (!(payload == null ? void 0 : payload.length)) {
344
- return null;
345
- }
346
- return /* @__PURE__ */ jsx(
347
- "div",
348
- {
349
- className: cn(
350
- "flex items-center justify-center gap-4",
351
- verticalAlign === "top" ? "pb-3" : "pt-3",
352
- className
353
- ),
354
- children: payload.map((item) => {
355
- const key = `${nameKey || item.dataKey || "value"}`;
356
- const itemConfig = getPayloadConfigFromPayload(config, item, key);
357
- return /* @__PURE__ */ jsxs(
358
- "div",
359
- {
360
- className: cn(
361
- "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
362
- ),
363
- children: [
364
- (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx(
365
- "div",
366
- {
367
- className: "h-2 w-2 shrink-0 rounded-[2px] bg-[--color-bg]",
368
- style: {
369
- "--color-bg": item.color
370
- }
371
- }
372
- ),
373
- itemConfig == null ? void 0 : itemConfig.label
374
- ]
375
- },
376
- item.value
377
- );
378
- })
379
- }
380
- );
381
- }
382
- function getPayloadConfigFromPayload(config, payload, key) {
383
- if (typeof payload !== "object" || payload === null) {
384
- return void 0;
385
- }
386
- const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
387
- let configLabelKey = key;
388
- if (key in payload && typeof payload[key] === "string") {
389
- configLabelKey = payload[key];
390
- } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
391
- configLabelKey = payloadPayload[key];
392
- }
393
- return configLabelKey in config ? config[configLabelKey] : config[key];
394
- }
395
- function getChartSeries(config, series) {
396
- if (series == null ? void 0 : series.length) {
397
- return series;
398
- }
399
- return Object.entries(config).map(([key, item]) => ({
400
- key,
401
- label: item.label
402
- }));
403
- }
404
- function getSeriesColor(key, index, colors) {
405
- if (Array.isArray(colors)) {
406
- return colors[index] || defaultChartColors[index % defaultChartColors.length];
407
- }
408
- return (colors == null ? void 0 : colors[key]) || defaultChartColors[index % defaultChartColors.length];
409
- }
410
- function getChartConfigWithColors(config, keys, colors) {
411
- return keys.reduce((nextConfig, key, index) => {
412
- const item = config[key];
413
- if ((item == null ? void 0 : item.theme) && !colors) {
414
- nextConfig[key] = item;
415
- return nextConfig;
416
- }
417
- nextConfig[key] = {
418
- label: (item == null ? void 0 : item.label) || key,
419
- icon: item == null ? void 0 : item.icon,
420
- color: colors ? getSeriesColor(key, index, colors) : (item == null ? void 0 : item.color) || getSeriesColor(key, index)
421
- };
422
- return nextConfig;
423
- }, {});
424
- }
425
- function formatTick(value) {
426
- if (typeof value !== "number") {
427
- return value;
428
- }
429
- return Intl.NumberFormat("en", {
430
- notation: "compact",
431
- maximumFractionDigits: 1
432
- }).format(value);
433
- }
434
- function defaultFilterData(data, period) {
435
- const match = period.match(/^(\d+)/);
436
- if (!match) {
437
- return data;
438
- }
439
- const limit = Number(match[1]);
440
- return data.slice(Math.max(data.length - limit, 0));
441
- }
442
- function ChartCard({
443
- title,
444
- description,
445
- action,
446
- footer,
447
- children,
448
- className,
449
- contentClassName,
450
- ...props
451
- }) {
452
- return /* @__PURE__ */ jsxs(Card, { className: cn("overflow-hidden", className), ...props, children: [
453
- /* @__PURE__ */ jsxs(CardHeader, { children: [
454
- /* @__PURE__ */ jsx(CardTitle, { children: title }),
455
- description ? /* @__PURE__ */ jsx(CardDescription, { children: description }) : null,
456
- action ? /* @__PURE__ */ jsx(CardAction, { children: action }) : null
457
- ] }),
458
- /* @__PURE__ */ jsx(CardContent, { className: contentClassName, children }),
459
- footer ? /* @__PURE__ */ jsx(CardFooter, { children: footer }) : null
460
- ] });
461
- }
462
- function DashboardBarChart({
463
- data,
464
- config,
465
- indexKey = "name",
466
- series,
467
- colors,
468
- stacked = false,
469
- showGrid = true,
470
- showLegend = true,
471
- valueFormatter = formatTick,
472
- className,
473
- ...props
474
- }) {
475
- const chartSeries = getChartSeries(config, series);
476
- const chartConfig = getChartConfigWithColors(
477
- config,
478
- chartSeries.map((item) => item.key),
479
- colors
480
- );
481
- return /* @__PURE__ */ jsx(
482
- ChartContainer,
483
- {
484
- config: chartConfig,
485
- className: cn("h-[320px] w-full", className),
486
- ...props,
487
- children: /* @__PURE__ */ jsxs(RechartsPrimitive.BarChart, { data, accessibilityLayer: true, children: [
488
- showGrid ? /* @__PURE__ */ jsx(RechartsPrimitive.CartesianGrid, { vertical: false }) : null,
489
- /* @__PURE__ */ jsx(
490
- RechartsPrimitive.XAxis,
491
- {
492
- dataKey: indexKey,
493
- tickLine: false,
494
- axisLine: false,
495
- tickMargin: 8
496
- }
497
- ),
498
- /* @__PURE__ */ jsx(
499
- RechartsPrimitive.YAxis,
500
- {
501
- tickLine: false,
502
- axisLine: false,
503
- tickMargin: 8,
504
- tickFormatter: valueFormatter
505
- }
506
- ),
507
- /* @__PURE__ */ jsx(ChartTooltip, { content: /* @__PURE__ */ jsx(ChartTooltipContent, {}) }),
508
- showLegend ? /* @__PURE__ */ jsx(ChartLegend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) }) : null,
509
- chartSeries.map((item) => /* @__PURE__ */ jsx(
510
- RechartsPrimitive.Bar,
511
- {
512
- dataKey: item.key,
513
- fill: `var(--color-${item.key})`,
514
- radius: [4, 4, 0, 0],
515
- stackId: stacked ? item.stackId || "total" : item.stackId
516
- },
517
- item.key
518
- ))
519
- ] })
520
- }
521
- );
522
- }
523
- function InteractiveTimeSeriesChart({
524
- data,
525
- config,
526
- indexKey = "date",
527
- series,
528
- colors,
529
- periods = defaultPeriods,
530
- defaultPeriod = ((_a) => (_a = periods[1]) == null ? void 0 : _a.value)() || ((_b) => (_b = periods[0]) == null ? void 0 : _b.value)() || "30d",
531
- defaultSeries,
532
- filterData = defaultFilterData,
533
- showGrid = true,
534
- showLegend = false,
535
- valueFormatter = formatTick,
536
- className,
537
- ...props
538
- }) {
539
- var _a2;
540
- const chartSeries = getChartSeries(config, series);
541
- const chartConfig = getChartConfigWithColors(
542
- config,
543
- chartSeries.map((item) => item.key),
544
- colors
545
- );
546
- const [period, setPeriod] = React.useState(defaultPeriod);
547
- const [activeSeries, setActiveSeries] = React.useState(
548
- defaultSeries || ((_a2 = chartSeries[0]) == null ? void 0 : _a2.key) || ""
549
- );
550
- const filteredData = React.useMemo(
551
- () => filterData(data, period),
552
- [data, filterData, period]
553
- );
554
- const visibleSeries = chartSeries.length > 1 ? chartSeries.filter((item) => item.key === activeSeries) : chartSeries;
555
- return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
556
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
557
- chartSeries.length > 1 ? /* @__PURE__ */ jsx(Tabs, { value: activeSeries, onValueChange: setActiveSeries, children: /* @__PURE__ */ jsx(TabsList, { className: "h-10", children: chartSeries.map((item) => {
558
- var _a3;
559
- return /* @__PURE__ */ jsx(TabsTrigger, { value: item.key, className: "h-10", children: item.label || ((_a3 = config[item.key]) == null ? void 0 : _a3.label) || item.key }, item.key);
560
- }) }) }) : /* @__PURE__ */ jsx("div", {}),
561
- /* @__PURE__ */ jsxs(Select, { value: period, onValueChange: setPeriod, children: [
562
- /* @__PURE__ */ jsx(SelectTrigger, { className: "w-full sm:w-[160px]", size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Period" }) }),
563
- /* @__PURE__ */ jsx(SelectContent, { children: periods.map((item) => /* @__PURE__ */ jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
564
- ] })
565
- ] }),
566
- /* @__PURE__ */ jsx(
567
- ChartContainer,
568
- {
569
- config: chartConfig,
570
- className: cn("h-[320px] w-full", className),
571
- ...props,
572
- children: /* @__PURE__ */ jsxs(RechartsPrimitive.AreaChart, { data: filteredData, accessibilityLayer: true, children: [
573
- showGrid ? /* @__PURE__ */ jsx(RechartsPrimitive.CartesianGrid, { vertical: false }) : null,
574
- /* @__PURE__ */ jsx(
575
- RechartsPrimitive.XAxis,
576
- {
577
- dataKey: indexKey,
578
- tickLine: false,
579
- axisLine: false,
580
- tickMargin: 8
581
- }
582
- ),
583
- /* @__PURE__ */ jsx(
584
- RechartsPrimitive.YAxis,
585
- {
586
- tickLine: false,
587
- axisLine: false,
588
- tickMargin: 8,
589
- tickFormatter: valueFormatter
590
- }
591
- ),
592
- /* @__PURE__ */ jsx(ChartTooltip, { content: /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: "line" }) }),
593
- showLegend ? /* @__PURE__ */ jsx(ChartLegend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) }) : null,
594
- visibleSeries.map((item) => /* @__PURE__ */ jsx(
595
- RechartsPrimitive.Area,
596
- {
597
- type: "monotone",
598
- dataKey: item.key,
599
- stroke: `var(--color-${item.key})`,
600
- fill: `var(--color-${item.key})`,
601
- fillOpacity: 0.16,
602
- strokeWidth: 2,
603
- dot: false
604
- },
605
- item.key
606
- ))
607
- ] })
608
- }
609
- )
610
- ] });
611
- }
612
- function ComboMetricChart({
613
- data,
614
- config,
615
- indexKey = "name",
616
- series,
617
- colors,
618
- showGrid = true,
619
- showLegend = true,
620
- valueFormatter = formatTick,
621
- className,
622
- ...props
623
- }) {
624
- const chartSeries = getChartSeries(config, series);
625
- const chartConfig = getChartConfigWithColors(
626
- config,
627
- chartSeries.map((item) => item.key),
628
- colors
629
- );
630
- return /* @__PURE__ */ jsx(
631
- ChartContainer,
632
- {
633
- config: chartConfig,
634
- className: cn("h-[340px] w-full", className),
635
- ...props,
636
- children: /* @__PURE__ */ jsxs(RechartsPrimitive.ComposedChart, { data, accessibilityLayer: true, children: [
637
- showGrid ? /* @__PURE__ */ jsx(RechartsPrimitive.CartesianGrid, { vertical: false }) : null,
638
- /* @__PURE__ */ jsx(
639
- RechartsPrimitive.XAxis,
640
- {
641
- dataKey: indexKey,
642
- tickLine: false,
643
- axisLine: false,
644
- tickMargin: 8
645
- }
646
- ),
647
- /* @__PURE__ */ jsx(
648
- RechartsPrimitive.YAxis,
649
- {
650
- tickLine: false,
651
- axisLine: false,
652
- tickMargin: 8,
653
- tickFormatter: valueFormatter
654
- }
655
- ),
656
- /* @__PURE__ */ jsx(ChartTooltip, { content: /* @__PURE__ */ jsx(ChartTooltipContent, {}) }),
657
- showLegend ? /* @__PURE__ */ jsx(ChartLegend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) }) : null,
658
- chartSeries.map(
659
- (item) => item.type === "line" ? /* @__PURE__ */ jsx(
660
- RechartsPrimitive.Line,
661
- {
662
- type: "monotone",
663
- dataKey: item.key,
664
- stroke: `var(--color-${item.key})`,
665
- strokeWidth: 2,
666
- dot: false,
667
- yAxisId: item.yAxisId
668
- },
669
- item.key
670
- ) : item.type === "area" ? /* @__PURE__ */ jsx(
671
- RechartsPrimitive.Area,
672
- {
673
- type: "monotone",
674
- dataKey: item.key,
675
- stroke: `var(--color-${item.key})`,
676
- fill: `var(--color-${item.key})`,
677
- fillOpacity: 0.12,
678
- strokeWidth: 2,
679
- dot: false,
680
- yAxisId: item.yAxisId
681
- },
682
- item.key
683
- ) : /* @__PURE__ */ jsx(
684
- RechartsPrimitive.Bar,
685
- {
686
- dataKey: item.key,
687
- fill: `var(--color-${item.key})`,
688
- radius: [4, 4, 0, 0],
689
- yAxisId: item.yAxisId
690
- },
691
- item.key
692
- )
693
- )
694
- ] })
695
- }
696
- );
697
- }
698
- function DonutBreakdownChart({
699
- data,
700
- config,
701
- nameKey = "name",
702
- valueKey = "value",
703
- colors,
704
- centerLabel,
705
- centerValue,
706
- showLegend = true,
707
- className,
708
- ...props
709
- }) {
710
- const [activeIndex, setActiveIndex] = React.useState(0);
711
- const chartKeys = data.map(
712
- (entry, index) => String(entry[nameKey] || `segment-${index}`)
713
- );
714
- const chartConfig = getChartConfigWithColors(config, chartKeys, colors);
715
- return /* @__PURE__ */ jsx(
716
- ChartContainer,
717
- {
718
- config: chartConfig,
719
- className: cn("h-[320px] w-full", className),
720
- ...props,
721
- children: /* @__PURE__ */ jsxs(RechartsPrimitive.PieChart, { accessibilityLayer: true, children: [
722
- /* @__PURE__ */ jsx(
723
- ChartTooltip,
724
- {
725
- cursor: false,
726
- content: /* @__PURE__ */ jsx(ChartTooltipContent, { hideLabel: true, nameKey })
727
- }
728
- ),
729
- showLegend ? /* @__PURE__ */ jsx(
730
- ChartLegend,
731
- {
732
- content: /* @__PURE__ */ jsx(ChartLegendContent, { nameKey }),
733
- verticalAlign: "bottom"
734
- }
735
- ) : null,
736
- /* @__PURE__ */ jsxs(
737
- RechartsPrimitive.Pie,
738
- {
739
- data,
740
- dataKey: valueKey,
741
- nameKey,
742
- innerRadius: "58%",
743
- outerRadius: "82%",
744
- paddingAngle: 2,
745
- activeIndex,
746
- onMouseEnter: (_, index) => setActiveIndex(index),
747
- children: [
748
- data.map((entry, index) => {
749
- const key = String(entry[nameKey] || `segment-${index}`);
750
- return /* @__PURE__ */ jsx(
751
- RechartsPrimitive.Cell,
752
- {
753
- fill: `var(--color-${key})`,
754
- opacity: index === activeIndex ? 1 : 0.72
755
- },
756
- key
757
- );
758
- }),
759
- centerValue || centerLabel ? /* @__PURE__ */ jsx(
760
- RechartsPrimitive.Label,
761
- {
762
- position: "center",
763
- content: ({ viewBox }) => {
764
- if (!viewBox || !("cx" in viewBox) || !("cy" in viewBox)) {
765
- return null;
766
- }
767
- return /* @__PURE__ */ jsxs(
768
- "text",
769
- {
770
- x: viewBox.cx,
771
- y: viewBox.cy,
772
- textAnchor: "middle",
773
- dominantBaseline: "middle",
774
- children: [
775
- centerValue ? /* @__PURE__ */ jsx(
776
- "tspan",
777
- {
778
- x: viewBox.cx,
779
- y: viewBox.cy,
780
- className: "fill-foreground text-2xl font-semibold",
781
- children: centerValue
782
- }
783
- ) : null,
784
- centerLabel ? /* @__PURE__ */ jsx(
785
- "tspan",
786
- {
787
- x: viewBox.cx,
788
- y: Number(viewBox.cy) + 22,
789
- className: "fill-muted-foreground text-xs",
790
- children: centerLabel
791
- }
792
- ) : null
793
- ]
794
- }
795
- );
796
- }
797
- }
798
- ) : null
799
- ]
800
- }
801
- )
802
- ] })
803
- }
804
- );
805
- }
806
- function Table({ className, ...props }) {
807
- return /* @__PURE__ */ jsx(
808
- "div",
809
- {
810
- "data-slot": "table-container",
811
- className: "relative w-full overflow-x-auto",
812
- children: /* @__PURE__ */ jsx(
813
- "table",
814
- {
815
- "data-slot": "table",
816
- className: cn("w-full caption-bottom text-sm", className),
817
- ...props
818
- }
819
- )
820
- }
821
- );
822
- }
823
- function TableHeader({ className, ...props }) {
824
- return /* @__PURE__ */ jsx(
825
- "thead",
826
- {
827
- "data-slot": "table-header",
828
- className: cn("[&_tr]:border-b", className),
829
- ...props
830
- }
831
- );
832
- }
833
- function TableBody({ className, ...props }) {
834
- return /* @__PURE__ */ jsx(
835
- "tbody",
836
- {
837
- "data-slot": "table-body",
838
- className: cn("[&_tr:last-child]:border-0", className),
839
- ...props
840
- }
841
- );
842
- }
843
- function TableFooter({ className, ...props }) {
844
- return /* @__PURE__ */ jsx(
845
- "tfoot",
846
- {
847
- "data-slot": "table-footer",
848
- className: cn(
849
- "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
850
- className
851
- ),
852
- ...props
853
- }
854
- );
855
- }
856
- function TableRow({ className, ...props }) {
857
- return /* @__PURE__ */ jsx(
858
- "tr",
859
- {
860
- "data-slot": "table-row",
861
- className: cn(
862
- "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
863
- className
864
- ),
865
- ...props
866
- }
867
- );
868
- }
869
- function TableHead({ className, ...props }) {
870
- return /* @__PURE__ */ jsx(
871
- "th",
872
- {
873
- "data-slot": "table-head",
874
- className: cn(
875
- "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
876
- className
877
- ),
878
- ...props
879
- }
880
- );
881
- }
882
- function TableCell({ className, ...props }) {
883
- return /* @__PURE__ */ jsx(
884
- "td",
885
- {
886
- "data-slot": "table-cell",
887
- className: cn(
888
- "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
889
- className
890
- ),
891
- ...props
892
- }
893
- );
894
- }
895
- function TableCaption({
896
- className,
897
- ...props
898
- }) {
899
- return /* @__PURE__ */ jsx(
900
- "caption",
901
- {
902
- "data-slot": "table-caption",
903
- className: cn("text-muted-foreground mt-4 text-sm", className),
904
- ...props
905
- }
906
- );
907
- }
908
- function Dialog({
909
- ...props
910
- }) {
911
- return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
912
- }
913
- function DialogTrigger({
914
- ...props
915
- }) {
916
- return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
917
- }
918
- function DialogPortal({
919
- ...props
920
- }) {
921
- return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
922
- }
923
- function DialogClose({
924
- ...props
925
- }) {
926
- return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
927
- }
928
- const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
929
- DialogPrimitive.Overlay,
930
- {
931
- ref,
932
- "data-slot": "dialog-overlay",
933
- className: cn(
934
- "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/40 backdrop-blur-sm",
935
- className
936
- ),
937
- ...props
938
- }
939
- ));
940
- DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
941
- const dialogVariants = cva(
942
- "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 flex flex-col w-full translate-x-[-50%] translate-y-[-50%] border shadow-elevation-sm duration-200 rounded-[var(--radius-card)] overflow-hidden max-h-[calc(100dvh-2rem)]",
943
- {
944
- variants: {
945
- size: {
946
- sm: "max-w-sm",
947
- md: "max-w-md",
948
- lg: "max-w-lg",
949
- xl: "max-w-xl",
950
- "2xl": "max-w-2xl",
951
- "3xl": "max-w-3xl",
952
- "4xl": "max-w-4xl",
953
- "5xl": "max-w-5xl",
954
- full: "max-w-[calc(100vw-2rem)] h-[calc(100dvh-2rem)]"
955
- }
956
- },
957
- defaultVariants: {
958
- size: "lg"
959
- }
960
- }
961
- );
962
- const DialogContent = React.forwardRef(({ className, children, size, showClose = true, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
963
- /* @__PURE__ */ jsx(DialogOverlay, {}),
964
- /* @__PURE__ */ jsxs(
965
- DialogPrimitive.Content,
966
- {
967
- ref,
968
- "data-slot": "dialog-content",
969
- className: cn(dialogVariants({ size }), className),
970
- ...props,
971
- children: [
972
- /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 p-6 overflow-y-auto flex-1 min-h-0", children }),
973
- showClose && /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute top-4 right-4 z-10 rounded-full p-2 opacity-70 transition-all hover:opacity-100 hover:bg-accent focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:outline-none disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [
974
- /* @__PURE__ */ jsx(XIcon, {}),
975
- /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
976
- ] })
977
- ]
978
- }
979
- )
980
- ] }));
981
- DialogContent.displayName = DialogPrimitive.Content.displayName;
982
- function DialogHeader({ className, ...props }) {
983
- return /* @__PURE__ */ jsx(
984
- "div",
985
- {
986
- "data-slot": "dialog-header",
987
- className: cn("flex flex-col gap-2 text-left shrink-0", className),
988
- ...props
989
- }
990
- );
991
- }
992
- function DialogBody({ className, ...props }) {
993
- return /* @__PURE__ */ jsx(
994
- "div",
995
- {
996
- "data-slot": "dialog-body",
997
- className: cn("flex-1 overflow-y-auto min-h-0 -mx-6 px-6", className),
998
- ...props
999
- }
1000
- );
1001
- }
1002
- function DialogFooter({ className, ...props }) {
1003
- return /* @__PURE__ */ jsx(
1004
- "div",
1005
- {
1006
- "data-slot": "dialog-footer",
1007
- className: cn(
1008
- "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end shrink-0",
1009
- className
1010
- ),
1011
- ...props
1012
- }
1013
- );
1014
- }
1015
- function DialogTitle({
1016
- className,
1017
- ...props
1018
- }) {
1019
- return /* @__PURE__ */ jsx(
1020
- DialogPrimitive.Title,
1021
- {
1022
- "data-slot": "dialog-title",
1023
- className: cn("text-foreground font-semibold leading-tight text-[length:var(--text-h4)]", className),
1024
- ...props
1025
- }
1026
- );
1027
- }
1028
- function DialogDescription({
1029
- className,
1030
- ...props
1031
- }) {
1032
- return /* @__PURE__ */ jsx(
1033
- DialogPrimitive.Description,
1034
- {
1035
- "data-slot": "dialog-description",
1036
- className: cn("text-muted-foreground", className),
1037
- ...props
1038
- }
1039
- );
1040
- }
1041
- const Textarea = React.forwardRef(
1042
- ({ className, size = "md", ...props }, ref) => {
1043
- const sizeClasses = {
1044
- sm: "px-2 py-1 text-sm",
1045
- md: "px-3 py-2 text-base",
1046
- lg: "px-4 py-3 text-base"
1047
- };
1048
- return /* @__PURE__ */ jsx(
1049
- "textarea",
1050
- {
1051
- "data-slot": "textarea",
1052
- className: cn(
1053
- "flex min-h-16 w-full bg-background rounded-[var(--radius)] border border-border transition-colors outline-none resize-none text-foreground",
1054
- "placeholder:text-muted-foreground",
1055
- "focus:ring-2 focus:ring-primary focus:border-transparent",
1056
- "disabled:cursor-not-allowed disabled:opacity-50",
1057
- sizeClasses[size],
1058
- className
1059
- ),
1060
- ref,
1061
- ...props
1062
- }
1063
- );
1064
- }
1065
- );
1066
- Textarea.displayName = "Textarea";
1067
- function RichTextEditor({
1068
- value,
1069
- onChange,
1070
- placeholder,
1071
- className,
1072
- actionButton,
1073
- allowSearch = true,
1074
- allowLinks = true,
1075
- allowUndoRedo = true,
1076
- allowHeadings = true,
1077
- allowFormatting = true,
1078
- allowAlignment = true,
1079
- allowLists = true,
1080
- showWordCount = true,
1081
- showCharacterCount = true,
1082
- disabled = false,
1083
- readOnly = false,
1084
- onFocus,
1085
- onBlur,
1086
- minHeight,
1087
- maxHeight
1088
- }) {
1089
- const isEditable = !disabled && !readOnly;
1090
- const showToolbar = isEditable;
1091
- const editorRef = useRef(null);
1092
- const [activeFormats, setActiveFormats] = useState({});
1093
- const [isSearchOpen, setIsSearchOpen] = useState(false);
1094
- const [searchQuery, setSearchQuery] = useState("");
1095
- const [linkUrl, setLinkUrl] = useState("https://");
1096
- const [isLinkOpen, setIsLinkOpen] = useState(false);
1097
- const searchInputRef = useRef(null);
1098
- const linkInputRef = useRef(null);
1099
- const savedSelection = useRef(null);
1100
- const findParentTag = (node, tagName) => {
1101
- let current = node;
1102
- while (current && current !== editorRef.current) {
1103
- if (current.nodeName === tagName) return current;
1104
- current = current.parentNode;
1105
- }
1106
- return null;
1107
- };
1108
- const updateActiveFormats = () => {
1109
- let formatBlock = "";
1110
- try {
1111
- formatBlock = document.queryCommandValue("formatBlock");
1112
- } catch (e) {
1113
- }
1114
- const selection = window.getSelection();
1115
- const anchorNode = selection == null ? void 0 : selection.anchorNode;
1116
- const focusNode = selection == null ? void 0 : selection.focusNode;
1117
- setActiveFormats({
1118
- bold: document.queryCommandState("bold"),
1119
- italic: document.queryCommandState("italic"),
1120
- underline: document.queryCommandState("underline"),
1121
- justifyLeft: document.queryCommandState("justifyLeft"),
1122
- justifyCenter: document.queryCommandState("justifyCenter"),
1123
- justifyRight: document.queryCommandState("justifyRight"),
1124
- insertUnorderedList: document.queryCommandState("insertUnorderedList"),
1125
- insertOrderedList: document.queryCommandState("insertOrderedList"),
1126
- link: !!(findParentTag(anchorNode || null, "A") || findParentTag(focusNode || null, "A")),
1127
- h1: formatBlock === "h1" || formatBlock === "H1",
1128
- h2: formatBlock === "h2" || formatBlock === "H2",
1129
- h3: formatBlock === "h3" || formatBlock === "H3",
1130
- p: formatBlock === "p" || formatBlock === "P" || formatBlock === "div" || formatBlock === "DIV" || formatBlock === ""
1131
- });
1132
- };
1133
- const getCurrentBlockLabel = () => {
1134
- if (activeFormats.h1) return /* @__PURE__ */ jsxs(Fragment, { children: [
1135
- /* @__PURE__ */ jsx(Heading1, { className: "w-4 h-4 mr-1 shrink-0" }),
1136
- /* @__PURE__ */ jsx("span", { className: "truncate", children: "Título 1" })
1137
- ] });
1138
- if (activeFormats.h2) return /* @__PURE__ */ jsxs(Fragment, { children: [
1139
- /* @__PURE__ */ jsx(Heading2, { className: "w-4 h-4 mr-1 shrink-0" }),
1140
- /* @__PURE__ */ jsx("span", { className: "truncate", children: "Título 2" })
1141
- ] });
1142
- if (activeFormats.h3) return /* @__PURE__ */ jsxs(Fragment, { children: [
1143
- /* @__PURE__ */ jsx(Heading3, { className: "w-4 h-4 mr-1 shrink-0" }),
1144
- /* @__PURE__ */ jsx("span", { className: "truncate", children: "Título 3" })
1145
- ] });
1146
- return /* @__PURE__ */ jsxs(Fragment, { children: [
1147
- /* @__PURE__ */ jsx(Type, { className: "w-4 h-4 mr-1 shrink-0" }),
1148
- /* @__PURE__ */ jsx("span", { className: "truncate", children: "Parágrafo" })
1149
- ] });
1150
- };
1151
- useEffect(() => {
1152
- if (editorRef.current && editorRef.current.innerHTML !== value) {
1153
- editorRef.current.innerHTML = value;
1154
- }
1155
- const handleSelectionChange = () => {
1156
- if (document.activeElement === editorRef.current) {
1157
- updateActiveFormats();
1158
- }
1159
- };
1160
- document.addEventListener("selectionchange", handleSelectionChange);
1161
- return () => document.removeEventListener("selectionchange", handleSelectionChange);
1162
- }, []);
1163
- const execCommand = (command, value2 = "") => {
1164
- var _a;
1165
- document.execCommand(command, false, value2);
1166
- updateActiveFormats();
1167
- (_a = editorRef.current) == null ? void 0 : _a.focus();
1168
- handleInput();
1169
- };
1170
- const handleInput = () => {
1171
- if (editorRef.current) {
1172
- onChange == null ? void 0 : onChange(editorRef.current.innerHTML);
1173
- updateActiveFormats();
1174
- }
1175
- };
1176
- const getWordCount = () => {
1177
- var _a;
1178
- const text = ((_a = editorRef.current) == null ? void 0 : _a.innerText) || "";
1179
- return text.trim() ? text.trim().split(/\s+/).length : 0;
1180
- };
1181
- const getCharacterCount = () => {
1182
- var _a;
1183
- const text = ((_a = editorRef.current) == null ? void 0 : _a.innerText) || "";
1184
- return text.trim() ? text.length : 0;
1185
- };
1186
- const performSearch = (text, backward = false) => {
1187
- var _a, _b;
1188
- if (!text || !editorRef.current) return;
1189
- const editor = editorRef.current;
1190
- const selection = window.getSelection();
1191
- if (!selection) return;
1192
- const walker = document.createTreeWalker(editor, NodeFilter.SHOW_TEXT);
1193
- const segments = [];
1194
- let offset = 0;
1195
- let node;
1196
- while (node = walker.nextNode()) {
1197
- segments.push({ node, start: offset });
1198
- offset += node.length;
1199
- }
1200
- const fullText = segments.reduce((acc, s) => acc + (s.node.textContent ?? ""), "");
1201
- let searchFrom = 0;
1202
- if (selection.rangeCount > 0) {
1203
- const range2 = selection.getRangeAt(0);
1204
- if (editor.contains(range2.startContainer)) {
1205
- const seg = segments.find((s) => s.node === range2.startContainer);
1206
- if (seg) {
1207
- searchFrom = backward ? seg.start + range2.startOffset - 1 : seg.start + range2.endOffset;
1208
- }
1209
- }
1210
- }
1211
- const lowerFull = fullText.toLowerCase();
1212
- const lowerQuery = text.toLowerCase();
1213
- let matchStart = -1;
1214
- if (backward) {
1215
- matchStart = lowerFull.lastIndexOf(lowerQuery, Math.max(0, searchFrom));
1216
- if (matchStart === -1) matchStart = lowerFull.lastIndexOf(lowerQuery);
1217
- } else {
1218
- matchStart = lowerFull.indexOf(lowerQuery, searchFrom);
1219
- if (matchStart === -1) matchStart = lowerFull.indexOf(lowerQuery);
1220
- }
1221
- if (matchStart === -1) return;
1222
- const matchEnd = matchStart + text.length;
1223
- const range = document.createRange();
1224
- let startSet = false;
1225
- let endSet = false;
1226
- for (let i = 0; i < segments.length && !endSet; i++) {
1227
- const seg = segments[i];
1228
- const segEnd = seg.start + seg.node.length;
1229
- if (!startSet && matchStart < segEnd && matchStart >= seg.start) {
1230
- range.setStart(seg.node, matchStart - seg.start);
1231
- startSet = true;
1232
- }
1233
- if (startSet && matchEnd <= segEnd) {
1234
- range.setEnd(seg.node, matchEnd - seg.start);
1235
- endSet = true;
1236
- }
1237
- }
1238
- if (startSet && endSet) {
1239
- selection.removeAllRanges();
1240
- selection.addRange(range);
1241
- (_b = (_a = range.startContainer.parentElement) == null ? void 0 : _a.scrollIntoView) == null ? void 0 : _b.call(_a, { block: "nearest" });
1242
- }
1243
- };
1244
- const handleCreateLink = () => {
1245
- if (savedSelection.current) {
1246
- const selection2 = window.getSelection();
1247
- selection2 == null ? void 0 : selection2.removeAllRanges();
1248
- selection2 == null ? void 0 : selection2.addRange(savedSelection.current);
1249
- }
1250
- const selection = window.getSelection();
1251
- const anchorNode = selection == null ? void 0 : selection.anchorNode;
1252
- const existingLink = findParentTag(anchorNode || null, "A");
1253
- if (existingLink) {
1254
- if (linkUrl) {
1255
- existingLink.setAttribute("href", linkUrl);
1256
- existingLink.setAttribute("target", "_blank");
1257
- existingLink.setAttribute("rel", "noopener noreferrer");
1258
- existingLink.style.color = "hsl(var(--primary))";
1259
- existingLink.style.textDecoration = "underline";
1260
- existingLink.style.cursor = "pointer";
1261
- }
1262
- handleInput();
1263
- setIsLinkOpen(false);
1264
- savedSelection.current = null;
1265
- return;
1266
- }
1267
- if (!selection || selection.rangeCount === 0 || selection.isCollapsed) {
1268
- return;
1269
- }
1270
- if (linkUrl) {
1271
- execCommand("createLink", linkUrl);
1272
- setTimeout(() => {
1273
- var _a;
1274
- const anchor = findParentTag(((_a = window.getSelection()) == null ? void 0 : _a.anchorNode) || null, "A");
1275
- if (anchor) {
1276
- anchor.setAttribute("target", "_blank");
1277
- anchor.setAttribute("rel", "noopener noreferrer");
1278
- anchor.style.color = "hsl(var(--primary))";
1279
- anchor.style.textDecoration = "underline";
1280
- anchor.style.cursor = "pointer";
1281
- }
1282
- handleInput();
1283
- }, 10);
1284
- setIsLinkOpen(false);
1285
- savedSelection.current = null;
1286
- }
1287
- };
1288
- const handleUnlink = () => {
1289
- const selection = window.getSelection();
1290
- const anchorNode = selection == null ? void 0 : selection.anchorNode;
1291
- const existingLink = findParentTag(anchorNode || null, "A");
1292
- if (existingLink) {
1293
- const parent = existingLink.parentNode;
1294
- while (existingLink.firstChild) {
1295
- parent == null ? void 0 : parent.insertBefore(existingLink.firstChild, existingLink);
1296
- }
1297
- parent == null ? void 0 : parent.removeChild(existingLink);
1298
- handleInput();
1299
- } else {
1300
- execCommand("unlink");
1301
- }
1302
- };
1303
- const onLinkPopoverOpenChange = (open) => {
1304
- if (open) {
1305
- const selection = window.getSelection();
1306
- const anchorNode = selection == null ? void 0 : selection.anchorNode;
1307
- const focusNode = selection == null ? void 0 : selection.focusNode;
1308
- const existingLink = findParentTag(anchorNode || null, "A") || findParentTag(focusNode || null, "A");
1309
- if (existingLink) {
1310
- setLinkUrl(existingLink.getAttribute("href") || "https://");
1311
- } else {
1312
- setLinkUrl("https://");
1313
- }
1314
- if (selection && selection.rangeCount > 0 && (!selection.isCollapsed || existingLink)) {
1315
- savedSelection.current = selection.getRangeAt(0).cloneRange();
1316
- } else {
1317
- savedSelection.current = null;
1318
- }
1319
- setTimeout(() => {
1320
- var _a;
1321
- return (_a = linkInputRef.current) == null ? void 0 : _a.focus();
1322
- }, 100);
1323
- }
1324
- setIsLinkOpen(open);
1325
- };
1326
- return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col h-full w-full bg-background sm:border border-border sm:shadow-sm sm:rounded-lg overflow-hidden", disabled && "opacity-50 pointer-events-none", className), children: [
1327
- /* @__PURE__ */ jsx("style", { children: `
1328
- [contenteditable]:empty:before {
1329
- content: attr(data-placeholder);
1330
- color: hsl(var(--muted-foreground));
1331
- pointer-events: none;
1332
- display: block;
1333
- }
1334
- .prose-editor ul {
1335
- list-style-type: disc !important;
1336
- padding-left: 1.5rem !important;
1337
- margin-top: 0.5rem !important;
1338
- margin-bottom: 0.5rem !important;
1339
- }
1340
- .prose-editor ol {
1341
- list-style-type: decimal !important;
1342
- padding-left: 1.5rem !important;
1343
- margin-top: 0.5rem !important;
1344
- margin-bottom: 0.5rem !important;
1345
- }
1346
- .prose-editor b, .prose-editor strong {
1347
- font-weight: 600 !important;
1348
- }
1349
- .prose-editor i, .prose-editor em {
1350
- font-style: italic !important;
1351
- }
1352
- .prose-editor u {
1353
- text-decoration: underline !important;
1354
- }
1355
- .prose-editor h1 {
1356
- font-size: 2.25rem !important;
1357
- font-weight: 700 !important;
1358
- margin-bottom: 1.25rem !important;
1359
- line-height: 1.2 !important;
1360
- margin-top: 2rem !important;
1361
- color: hsl(var(--foreground));
1362
- }
1363
- .prose-editor h2 {
1364
- font-size: 1.75rem !important;
1365
- font-weight: 600 !important;
1366
- margin-bottom: 1rem !important;
1367
- margin-top: 1.5rem !important;
1368
- color: hsl(var(--foreground));
1369
- }
1370
- .prose-editor h3 {
1371
- font-size: 1.35rem !important;
1372
- font-weight: 600 !important;
1373
- margin-bottom: 0.75rem !important;
1374
- margin-top: 1.25rem !important;
1375
- color: hsl(var(--foreground));
1376
- }
1377
- .prose-editor p {
1378
- margin-bottom: 1rem !important;
1379
- line-height: 1.6 !important;
1380
- }
1381
- .prose-editor a {
1382
- color: var(--info) !important;
1383
- text-decoration: underline !important;
1384
- cursor: pointer !important;
1385
- }
1386
- .prose-editor h1:first-child, .prose-editor h2:first-child, .prose-editor h3:first-child, .prose-editor p:first-child {
1387
- margin-top: 0 !important;
1388
- }
1389
- .prose-editor {
1390
- outline: none !important;
1391
- }
1392
- ` }),
1393
- showToolbar && /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 border-b border-border bg-muted/30 flex items-center gap-1 flex-wrap shrink-0", children: [
1394
- allowUndoRedo && /* @__PURE__ */ jsxs(Fragment, { children: [
1395
- /* @__PURE__ */ jsx(
1396
- Button,
1397
- {
1398
- variant: "ghost",
1399
- size: "icon",
1400
- className: "h-8 w-8 text-muted-foreground",
1401
- onClick: () => execCommand("undo"),
1402
- title: "Desfazer",
1403
- "aria-label": "Desfazer",
1404
- children: /* @__PURE__ */ jsx(Undo, { className: "w-4 h-4" })
1405
- }
1406
- ),
1407
- /* @__PURE__ */ jsx(
1408
- Button,
1409
- {
1410
- variant: "ghost",
1411
- size: "icon",
1412
- className: "h-8 w-8 text-muted-foreground",
1413
- onClick: () => execCommand("redo"),
1414
- title: "Refazer",
1415
- "aria-label": "Refazer",
1416
- children: /* @__PURE__ */ jsx(Redo, { className: "w-4 h-4" })
1417
- }
1418
- ),
1419
- /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-border mx-1 hidden sm:block" })
1420
- ] }),
1421
- allowHeadings && /* @__PURE__ */ jsxs(Fragment, { children: [
1422
- /* @__PURE__ */ jsxs(DropdownMenu, { modal: false, children: [
1423
- /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", className: "h-8 gap-0 text-muted-foreground w-[120px] justify-start px-2", children: [
1424
- getCurrentBlockLabel(),
1425
- /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3 ml-auto opacity-50 shrink-0" })
1426
- ] }) }),
1427
- /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", className: "w-[160px]", style: { zIndex: 9999 }, children: [
1428
- /* @__PURE__ */ jsxs(DropdownMenuItem, { onPointerDown: (e) => e.preventDefault(), onClick: () => execCommand("formatBlock", "P"), className: "gap-2", children: [
1429
- /* @__PURE__ */ jsx(Type, { className: "w-4 h-4 text-muted-foreground" }),
1430
- " Parágrafo"
1431
- ] }),
1432
- /* @__PURE__ */ jsxs(DropdownMenuItem, { onPointerDown: (e) => e.preventDefault(), onClick: () => execCommand("formatBlock", "H1"), className: "gap-2", children: [
1433
- /* @__PURE__ */ jsx(Heading1, { className: "w-4 h-4 text-muted-foreground" }),
1434
- " Título 1"
1435
- ] }),
1436
- /* @__PURE__ */ jsxs(DropdownMenuItem, { onPointerDown: (e) => e.preventDefault(), onClick: () => execCommand("formatBlock", "H2"), className: "gap-2", children: [
1437
- /* @__PURE__ */ jsx(Heading2, { className: "w-4 h-4 text-muted-foreground" }),
1438
- " Título 2"
1439
- ] }),
1440
- /* @__PURE__ */ jsxs(DropdownMenuItem, { onPointerDown: (e) => e.preventDefault(), onClick: () => execCommand("formatBlock", "H3"), className: "gap-2", children: [
1441
- /* @__PURE__ */ jsx(Heading3, { className: "w-4 h-4 text-muted-foreground" }),
1442
- " Título 3"
1443
- ] })
1444
- ] })
1445
- ] }),
1446
- /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-border mx-1 hidden sm:block" })
1447
- ] }),
1448
- allowFormatting && /* @__PURE__ */ jsxs(Fragment, { children: [
1449
- /* @__PURE__ */ jsx(
1450
- Button,
1451
- {
1452
- variant: "ghost",
1453
- size: "icon",
1454
- className: cn("h-8 w-8 text-muted-foreground", activeFormats.bold && "bg-muted text-foreground"),
1455
- onClick: () => execCommand("bold"),
1456
- title: "Negrito",
1457
- "aria-label": "Negrito",
1458
- children: /* @__PURE__ */ jsx(Bold, { className: "w-4 h-4" })
1459
- }
1460
- ),
1461
- /* @__PURE__ */ jsx(
1462
- Button,
1463
- {
1464
- variant: "ghost",
1465
- size: "icon",
1466
- className: cn("h-8 w-8 text-muted-foreground", activeFormats.italic && "bg-muted text-foreground"),
1467
- onClick: () => execCommand("italic"),
1468
- title: "Itálico",
1469
- "aria-label": "Itálico",
1470
- children: /* @__PURE__ */ jsx(Italic, { className: "w-4 h-4" })
1471
- }
1472
- ),
1473
- /* @__PURE__ */ jsx(
1474
- Button,
1475
- {
1476
- variant: "ghost",
1477
- size: "icon",
1478
- className: cn("h-8 w-8 text-muted-foreground", activeFormats.underline && "bg-muted text-foreground"),
1479
- onClick: () => execCommand("underline"),
1480
- title: "Sublinhado",
1481
- "aria-label": "Sublinhado",
1482
- children: /* @__PURE__ */ jsx(Underline, { className: "w-4 h-4" })
1483
- }
1484
- ),
1485
- /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-border mx-1 hidden sm:block" })
1486
- ] }),
1487
- allowAlignment && /* @__PURE__ */ jsxs(Fragment, { children: [
1488
- /* @__PURE__ */ jsx(
1489
- Button,
1490
- {
1491
- variant: "ghost",
1492
- size: "icon",
1493
- className: cn("h-8 w-8 text-muted-foreground", activeFormats.justifyLeft && "bg-muted text-foreground"),
1494
- onClick: () => execCommand("justifyLeft"),
1495
- title: "Alinhar à esquerda",
1496
- "aria-label": "Alinhar à esquerda",
1497
- children: /* @__PURE__ */ jsx(AlignLeft, { className: "w-4 h-4" })
1498
- }
1499
- ),
1500
- /* @__PURE__ */ jsx(
1501
- Button,
1502
- {
1503
- variant: "ghost",
1504
- size: "icon",
1505
- className: cn("h-8 w-8 text-muted-foreground", activeFormats.justifyCenter && "bg-muted text-foreground"),
1506
- onClick: () => execCommand("justifyCenter"),
1507
- title: "Centralizar",
1508
- "aria-label": "Centralizar",
1509
- children: /* @__PURE__ */ jsx(AlignCenter, { className: "w-4 h-4" })
1510
- }
1511
- ),
1512
- /* @__PURE__ */ jsx(
1513
- Button,
1514
- {
1515
- variant: "ghost",
1516
- size: "icon",
1517
- className: cn("h-8 w-8 text-muted-foreground", activeFormats.justifyRight && "bg-muted text-foreground"),
1518
- onClick: () => execCommand("justifyRight"),
1519
- title: "Alinhar à direita",
1520
- "aria-label": "Alinhar à direita",
1521
- children: /* @__PURE__ */ jsx(AlignRight, { className: "w-4 h-4" })
1522
- }
1523
- ),
1524
- /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-border mx-1 hidden sm:block" })
1525
- ] }),
1526
- allowLists && /* @__PURE__ */ jsxs(Fragment, { children: [
1527
- /* @__PURE__ */ jsx(
1528
- Button,
1529
- {
1530
- variant: "ghost",
1531
- size: "icon",
1532
- className: cn("h-8 w-8 text-muted-foreground", activeFormats.insertUnorderedList && "bg-muted text-foreground"),
1533
- onClick: () => execCommand("insertUnorderedList"),
1534
- title: "Lista com marcadores",
1535
- "aria-label": "Lista com marcadores",
1536
- children: /* @__PURE__ */ jsx(List, { className: "w-4 h-4" })
1537
- }
1538
- ),
1539
- /* @__PURE__ */ jsx(
1540
- Button,
1541
- {
1542
- variant: "ghost",
1543
- size: "icon",
1544
- className: cn("h-8 w-8 text-muted-foreground", activeFormats.insertOrderedList && "bg-muted text-foreground"),
1545
- onClick: () => execCommand("insertOrderedList"),
1546
- title: "Lista numerada",
1547
- "aria-label": "Lista numerada",
1548
- children: /* @__PURE__ */ jsx(ListOrdered, { className: "w-4 h-4" })
1549
- }
1550
- ),
1551
- /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-border mx-1 hidden sm:block" })
1552
- ] }),
1553
- allowLinks && /* @__PURE__ */ jsxs(Fragment, { children: [
1554
- /* @__PURE__ */ jsxs(Popover, { open: isLinkOpen, onOpenChange: onLinkPopoverOpenChange, modal: false, children: [
1555
- /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
1556
- Button,
1557
- {
1558
- variant: "ghost",
1559
- size: "icon",
1560
- className: cn("h-8 w-8 text-muted-foreground", (activeFormats.link || isLinkOpen) && "bg-muted text-foreground"),
1561
- title: "Inserir link",
1562
- "aria-label": "Inserir link",
1563
- children: /* @__PURE__ */ jsx(Link, { className: "w-4 h-4" })
1564
- }
1565
- ) }),
1566
- /* @__PURE__ */ jsx(PopoverContent, { className: "w-80 p-3", align: "start", style: { zIndex: 9999 }, children: !savedSelection.current && !activeFormats.link ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground py-1", children: "Selecione um texto para criar um link." }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
1567
- /* @__PURE__ */ jsx("div", { className: "text-xs font-medium", children: activeFormats.link ? "Editar Link" : "Inserir Link" }),
1568
- /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
1569
- /* @__PURE__ */ jsx(
1570
- Input,
1571
- {
1572
- ref: linkInputRef,
1573
- placeholder: "https://...",
1574
- value: linkUrl,
1575
- onChange: (e) => setLinkUrl(e.target.value),
1576
- onKeyDown: (e) => e.key === "Enter" && handleCreateLink(),
1577
- className: "h-8 text-xs"
1578
- }
1579
- ),
1580
- /* @__PURE__ */ jsx(Button, { size: "sm", className: "h-8", onClick: handleCreateLink, children: "Aplicar" })
1581
- ] })
1582
- ] }) })
1583
- ] }),
1584
- /* @__PURE__ */ jsx(
1585
- Button,
1586
- {
1587
- variant: "ghost",
1588
- size: "icon",
1589
- className: "h-8 w-8 text-muted-foreground",
1590
- onClick: handleUnlink,
1591
- title: "Remover link",
1592
- "aria-label": "Remover link",
1593
- children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
1594
- }
1595
- ),
1596
- /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-border mx-1 hidden sm:block" })
1597
- ] }),
1598
- (allowFormatting || allowHeadings || allowAlignment || allowLists || allowLinks) && /* @__PURE__ */ jsx(
1599
- Button,
1600
- {
1601
- variant: "ghost",
1602
- size: "icon",
1603
- className: "h-8 w-8 text-muted-foreground",
1604
- onClick: () => execCommand("removeFormat"),
1605
- title: "Limpar formatação",
1606
- "aria-label": "Limpar formatação",
1607
- children: /* @__PURE__ */ jsx(Type, { className: "w-4 h-4" })
1608
- }
1609
- ),
1610
- allowSearch && /* @__PURE__ */ jsx(
1611
- Button,
1612
- {
1613
- variant: "ghost",
1614
- size: "icon",
1615
- className: cn("h-8 w-8 text-muted-foreground", isSearchOpen && "bg-muted text-foreground"),
1616
- onClick: () => {
1617
- setIsSearchOpen(!isSearchOpen);
1618
- if (!isSearchOpen) setTimeout(() => {
1619
- var _a;
1620
- return (_a = searchInputRef.current) == null ? void 0 : _a.focus();
1621
- }, 100);
1622
- },
1623
- title: "Buscar",
1624
- "aria-label": "Buscar",
1625
- children: /* @__PURE__ */ jsx(Search, { className: "w-4 h-4" })
1626
- }
1627
- ),
1628
- actionButton && /* @__PURE__ */ jsxs(Fragment, { children: [
1629
- /* @__PURE__ */ jsx("div", { className: "flex-1" }),
1630
- actionButton
1631
- ] })
1632
- ] }),
1633
- isSearchOpen && /* @__PURE__ */ jsxs("div", { className: "px-3 py-1.5 border-b border-border bg-muted/20 flex items-center gap-2", children: [
1634
- /* @__PURE__ */ jsxs("div", { className: "relative flex-1 max-w-sm", children: [
1635
- /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground" }),
1636
- /* @__PURE__ */ jsx(
1637
- Input,
1638
- {
1639
- ref: searchInputRef,
1640
- placeholder: "Buscar no texto...",
1641
- value: searchQuery,
1642
- onChange: (e) => setSearchQuery(e.target.value),
1643
- onKeyDown: (e) => {
1644
- if (e.key === "Enter") {
1645
- e.preventDefault();
1646
- performSearch(searchQuery, e.shiftKey);
1647
- }
1648
- if (e.key === "Escape") {
1649
- setIsSearchOpen(false);
1650
- }
1651
- },
1652
- className: "h-8 pl-8 text-xs bg-background"
1653
- }
1654
- )
1655
- ] }),
1656
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
1657
- /* @__PURE__ */ jsx(
1658
- Button,
1659
- {
1660
- variant: "ghost",
1661
- size: "icon",
1662
- className: "h-7 w-7",
1663
- onMouseDown: (e) => e.preventDefault(),
1664
- onClick: () => performSearch(searchQuery, true),
1665
- title: "Anterior",
1666
- children: /* @__PURE__ */ jsx(ChevronUp, { className: "w-4 h-4" })
1667
- }
1668
- ),
1669
- /* @__PURE__ */ jsx(
1670
- Button,
1671
- {
1672
- variant: "ghost",
1673
- size: "icon",
1674
- className: "h-7 w-7",
1675
- onMouseDown: (e) => e.preventDefault(),
1676
- onClick: () => performSearch(searchQuery, false),
1677
- title: "Próximo",
1678
- children: /* @__PURE__ */ jsx(ChevronDown, { className: "w-4 h-4" })
1679
- }
1680
- ),
1681
- /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-border mx-1" }),
1682
- /* @__PURE__ */ jsx(
1683
- Button,
1684
- {
1685
- variant: "ghost",
1686
- size: "icon",
1687
- className: "h-7 w-7 text-muted-foreground hover:text-foreground",
1688
- onClick: () => setIsSearchOpen(false),
1689
- title: "Fechar busca",
1690
- children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
1691
- }
1692
- )
1693
- ] }),
1694
- /* @__PURE__ */ jsx("div", { className: "hidden sm:block text-[10px] text-muted-foreground ml-auto uppercase tracking-wider font-medium", children: "Pressione Enter para buscar" })
1695
- ] }),
1696
- /* @__PURE__ */ jsx(
1697
- "div",
1698
- {
1699
- className: "flex-1 overflow-y-auto p-4 sm:p-8 bg-background scrollbar-thin",
1700
- style: { minHeight, maxHeight },
1701
- children: /* @__PURE__ */ jsx(
1702
- "div",
1703
- {
1704
- ref: editorRef,
1705
- contentEditable: isEditable,
1706
- onInput: handleInput,
1707
- onSelect: isEditable ? updateActiveFormats : void 0,
1708
- onFocus: () => {
1709
- updateActiveFormats();
1710
- onFocus == null ? void 0 : onFocus();
1711
- },
1712
- onBlur,
1713
- className: "prose-editor min-h-full max-w-none focus:outline-none",
1714
- "data-placeholder": placeholder
1715
- }
1716
- )
1717
- }
1718
- ),
1719
- (showWordCount || showCharacterCount) && /* @__PURE__ */ jsxs("div", { className: "px-4 py-2 border-t border-border bg-muted/20 flex items-center justify-between", children: [
1720
- /* @__PURE__ */ jsxs("div", { className: "text-[10px] sm:text-xs text-muted-foreground font-medium uppercase tracking-wider flex items-center gap-2", children: [
1721
- showWordCount && /* @__PURE__ */ jsxs("span", { children: [
1722
- getWordCount(),
1723
- " ",
1724
- getWordCount() === 1 ? "palavra" : "palavras"
1725
- ] }),
1726
- showWordCount && showCharacterCount && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "•" }),
1727
- showCharacterCount && /* @__PURE__ */ jsxs("span", { children: [
1728
- getCharacterCount(),
1729
- " ",
1730
- getCharacterCount() === 1 ? "caractere" : "caracteres"
1731
- ] })
1732
- ] }),
1733
- /* @__PURE__ */ jsx("div", { className: "text-[10px] sm:text-xs text-muted-foreground/60 italic", children: "Auto-save ativo" })
1734
- ] })
1735
- ] });
1736
- }
1737
- export {
1738
- TableBody as A,
1739
- TableCaption as B,
1740
- Card as C,
1741
- DashboardBarChart as D,
1742
- TableCell as E,
1743
- TableFooter as F,
1744
- TableHead as G,
1745
- TableHeader as H,
1746
- InteractiveTimeSeriesChart as I,
1747
- TableRow as J,
1748
- Tabs as K,
1749
- TabsContent as L,
1750
- TabsList as M,
1751
- TabsTrigger as N,
1752
- Textarea as O,
1753
- RichTextEditor as R,
1754
- Table as T,
1755
- CardAction as a,
1756
- CardContent as b,
1757
- CardDescription as c,
1758
- CardFooter as d,
1759
- CardHeader as e,
1760
- CardTitle as f,
1761
- ChartCard as g,
1762
- ChartContainer as h,
1763
- ChartLegend as i,
1764
- ChartLegendContent as j,
1765
- ChartStyle as k,
1766
- ChartTooltip as l,
1767
- ChartTooltipContent as m,
1768
- ComboMetricChart as n,
1769
- Dialog as o,
1770
- DialogBody as p,
1771
- DialogClose as q,
1772
- DialogContent as r,
1773
- DialogDescription as s,
1774
- DialogFooter as t,
1775
- DialogHeader as u,
1776
- DialogOverlay as v,
1777
- DialogPortal as w,
1778
- DialogTitle as x,
1779
- DialogTrigger as y,
1780
- DonutBreakdownChart as z
1781
- };