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