@techzyapp/ui-library 1.0.25 → 1.0.27

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 (478) hide show
  1. package/dist/{AdminRoot-CgvtgUpW.js → AdminRoot-C4OyuOIr.js} +4 -4
  2. package/dist/{AdminRoot-CgvtgUpW.js.map → AdminRoot-C4OyuOIr.js.map} +1 -1
  3. package/dist/{AdminRoot-BkPPRkyQ.cjs → AdminRoot-bHywlbML.cjs} +2 -2
  4. package/dist/{AdminRoot-BkPPRkyQ.cjs.map → AdminRoot-bHywlbML.cjs.map} +1 -1
  5. package/dist/{Alert-udX1ybuC.cjs → Alert-DeGgilkH.cjs} +2 -2
  6. package/dist/{Alert-udX1ybuC.cjs.map → Alert-DeGgilkH.cjs.map} +1 -1
  7. package/dist/{Alert-DXmzM_rh.js → Alert-rNjfqj2Z.js} +3 -3
  8. package/dist/{Alert-DXmzM_rh.js.map → Alert-rNjfqj2Z.js.map} +1 -1
  9. package/dist/{AuthLayout-BRUxDgzs.cjs → AuthLayout-ChILVWZ-.cjs} +2 -2
  10. package/dist/{AuthLayout-BRUxDgzs.cjs.map → AuthLayout-ChILVWZ-.cjs.map} +1 -1
  11. package/dist/{AuthLayout-CP9qu6Bv.js → AuthLayout-zAS3jlYc.js} +2 -2
  12. package/dist/{AuthLayout-CP9qu6Bv.js.map → AuthLayout-zAS3jlYc.js.map} +1 -1
  13. package/dist/{Avatar-Q50J8wdN.js → Avatar-BGPGxry2.js} +25 -25
  14. package/dist/{Avatar-Q50J8wdN.js.map → Avatar-BGPGxry2.js.map} +1 -1
  15. package/dist/Avatar-D_YivyqV.cjs +2 -0
  16. package/dist/{Avatar-Dgf04PBC.cjs.map → Avatar-D_YivyqV.cjs.map} +1 -1
  17. package/dist/{AvatarGroup-uW0SD5P4.cjs → AvatarGroup-Bnf_RSc9.cjs} +2 -2
  18. package/dist/{AvatarGroup-uW0SD5P4.cjs.map → AvatarGroup-Bnf_RSc9.cjs.map} +1 -1
  19. package/dist/{AvatarGroup-YaNasLMS.js → AvatarGroup-Difz4lLR.js} +2 -2
  20. package/dist/{AvatarGroup-YaNasLMS.js.map → AvatarGroup-Difz4lLR.js.map} +1 -1
  21. package/dist/Badge-BmFgusOa.js +50 -0
  22. package/dist/{Badge-DSWigoGC.js.map → Badge-BmFgusOa.js.map} +1 -1
  23. package/dist/Badge-DVbe1rAI.cjs +2 -0
  24. package/dist/{Badge-BQpr2Jee.cjs.map → Badge-DVbe1rAI.cjs.map} +1 -1
  25. package/dist/{Breadcrumbs-DQHHeLId.js → Breadcrumbs-BJHKk0Sn.js} +3 -3
  26. package/dist/{Breadcrumbs-DQHHeLId.js.map → Breadcrumbs-BJHKk0Sn.js.map} +1 -1
  27. package/dist/{Breadcrumbs-CsYTiX2h.cjs → Breadcrumbs-CGcpMlxm.cjs} +2 -2
  28. package/dist/{Breadcrumbs-CsYTiX2h.cjs.map → Breadcrumbs-CGcpMlxm.cjs.map} +1 -1
  29. package/dist/Button-BZ_o-akc.cjs +2 -0
  30. package/dist/{Button-CXmDOzPk.cjs.map → Button-BZ_o-akc.cjs.map} +1 -1
  31. package/dist/Button-obe6rono.js +72 -0
  32. package/dist/{Button-DBs8xnA5.js.map → Button-obe6rono.js.map} +1 -1
  33. package/dist/{Calendar-CtteUt82.js → Calendar-SCih0NtS.js} +4 -4
  34. package/dist/{Calendar-CtteUt82.js.map → Calendar-SCih0NtS.js.map} +1 -1
  35. package/dist/{Calendar-B2nMXk4C.cjs → Calendar-lfpNwivC.cjs} +2 -2
  36. package/dist/{Calendar-B2nMXk4C.cjs.map → Calendar-lfpNwivC.cjs.map} +1 -1
  37. package/dist/{Card-DYKnWt-L.js → Card-BRJV2JZE.js} +2 -2
  38. package/dist/{Card-DYKnWt-L.js.map → Card-BRJV2JZE.js.map} +1 -1
  39. package/dist/{Card-DGF22HbS.cjs → Card-KvvNlchc.cjs} +2 -2
  40. package/dist/{Card-DGF22HbS.cjs.map → Card-KvvNlchc.cjs.map} +1 -1
  41. package/dist/{Chip-DdKhcstm.js → Chip-CQ4cYVl_.js} +31 -31
  42. package/dist/{Chip-DdKhcstm.js.map → Chip-CQ4cYVl_.js.map} +1 -1
  43. package/dist/Chip-CYz4vxHm.cjs +2 -0
  44. package/dist/{Chip-gUH_7nQc.cjs.map → Chip-CYz4vxHm.cjs.map} +1 -1
  45. package/dist/ChoiceCardGroup-D3HL7dHj.js +181 -0
  46. package/dist/{ChoiceCardGroup-DBohUnRj.js.map → ChoiceCardGroup-D3HL7dHj.js.map} +1 -1
  47. package/dist/ChoiceCardGroup-pIOKIUI0.cjs +2 -0
  48. package/dist/{ChoiceCardGroup-d0VVTUi5.cjs.map → ChoiceCardGroup-pIOKIUI0.cjs.map} +1 -1
  49. package/dist/{CodeBlock-DD_d3-sM.js → CodeBlock-DddGTLu1.js} +3 -3
  50. package/dist/{CodeBlock-DD_d3-sM.js.map → CodeBlock-DddGTLu1.js.map} +1 -1
  51. package/dist/{CodeBlock-C6tQtbHU.cjs → CodeBlock-H75dbOvg.cjs} +2 -2
  52. package/dist/{CodeBlock-C6tQtbHU.cjs.map → CodeBlock-H75dbOvg.cjs.map} +1 -1
  53. package/dist/ColorPicker-CKc8k-Dp.cjs +2 -0
  54. package/dist/ColorPicker-CKc8k-Dp.cjs.map +1 -0
  55. package/dist/{ColorPicker-Dw6Qk0iy.js → ColorPicker-Cw-2X6u9.js} +35 -26
  56. package/dist/ColorPicker-Cw-2X6u9.js.map +1 -0
  57. package/dist/ColorPickerPanel-DQ4CFnGa.cjs +2 -0
  58. package/dist/ColorPickerPanel-DQ4CFnGa.cjs.map +1 -0
  59. package/dist/ColorPickerPanel-PYaF5wPL.js +322 -0
  60. package/dist/ColorPickerPanel-PYaF5wPL.js.map +1 -0
  61. package/dist/ColorRamp-AkY9gq6Y.cjs +2 -0
  62. package/dist/ColorRamp-AkY9gq6Y.cjs.map +1 -0
  63. package/dist/ColorRamp-DnlJNKfy.js +126 -0
  64. package/dist/ColorRamp-DnlJNKfy.js.map +1 -0
  65. package/dist/{ConfigProvider-Bszl3Wr3.cjs → ConfigProvider-BicoaBLj.cjs} +2 -2
  66. package/dist/ConfigProvider-BicoaBLj.cjs.map +1 -0
  67. package/dist/{ConfigProvider-DR9YMy9U.js → ConfigProvider-DL9fylMo.js} +2 -2
  68. package/dist/ConfigProvider-DL9fylMo.js.map +1 -0
  69. package/dist/CopyButton-BqFGC-Ca.cjs +2 -0
  70. package/dist/{CopyButton-Ct-8AmmX.cjs.map → CopyButton-BqFGC-Ca.cjs.map} +1 -1
  71. package/dist/CopyButton-D6-kcVCA.js +43 -0
  72. package/dist/{CopyButton-DJ1PSJZU.js.map → CopyButton-D6-kcVCA.js.map} +1 -1
  73. package/dist/DashedButton-B7xodc3N.cjs +2 -0
  74. package/dist/{DashedButton-3C4IZuo4.cjs.map → DashedButton-B7xodc3N.cjs.map} +1 -1
  75. package/dist/DashedButton-iM7kzopW.js +59 -0
  76. package/dist/{DashedButton-BXZAyMtw.js.map → DashedButton-iM7kzopW.js.map} +1 -1
  77. package/dist/{DatePicker-BxEydgfu.cjs → DatePicker-BvGFP2AL.cjs} +2 -2
  78. package/dist/{DatePicker-BxEydgfu.cjs.map → DatePicker-BvGFP2AL.cjs.map} +1 -1
  79. package/dist/{DatePicker-CJioG5M7.js → DatePicker-DP7yASzq.js} +5 -5
  80. package/dist/{DatePicker-CJioG5M7.js.map → DatePicker-DP7yASzq.js.map} +1 -1
  81. package/dist/DatePicker.module-BDtTsg8M.cjs +2 -0
  82. package/dist/{DatePicker.module-tE-tGNBd.cjs.map → DatePicker.module-BDtTsg8M.cjs.map} +1 -1
  83. package/dist/DatePicker.module-CMMQyEhG.js +138 -0
  84. package/dist/{DatePicker.module-BZDftL4g.js.map → DatePicker.module-CMMQyEhG.js.map} +1 -1
  85. package/dist/{DateTimePicker-e2zj2bhS.js → DateTimePicker-CzRduOFz.js} +8 -8
  86. package/dist/{DateTimePicker-e2zj2bhS.js.map → DateTimePicker-CzRduOFz.js.map} +1 -1
  87. package/dist/{DateTimePicker-COEj2Z0F.cjs → DateTimePicker-DOzft9kg.cjs} +2 -2
  88. package/dist/{DateTimePicker-COEj2Z0F.cjs.map → DateTimePicker-DOzft9kg.cjs.map} +1 -1
  89. package/dist/EmptyState-A5nPGnHA.js +38 -0
  90. package/dist/{EmptyState-BTd7aVgu.js.map → EmptyState-A5nPGnHA.js.map} +1 -1
  91. package/dist/EmptyState-CTTOy9aY.cjs +2 -0
  92. package/dist/{EmptyState-Bv4XXnD1.cjs.map → EmptyState-CTTOy9aY.cjs.map} +1 -1
  93. package/dist/{FileCard-DY8N9Lzz.js → FileCard-BmPEEcue.js} +4 -4
  94. package/dist/{FileCard-DY8N9Lzz.js.map → FileCard-BmPEEcue.js.map} +1 -1
  95. package/dist/{FileCard-DW5Ur8Aj.cjs → FileCard-C4BkGMtK.cjs} +2 -2
  96. package/dist/{FileCard-DW5Ur8Aj.cjs.map → FileCard-C4BkGMtK.cjs.map} +1 -1
  97. package/dist/FileUploader-D_F64mob.cjs +2 -0
  98. package/dist/FileUploader-D_F64mob.cjs.map +1 -0
  99. package/dist/{FileUploader-BYF5FvUc.js → FileUploader-Dv_3bjZA.js} +217 -217
  100. package/dist/FileUploader-Dv_3bjZA.js.map +1 -0
  101. package/dist/{Flag-CB4YyPj3.cjs → Flag-BM_2VJ1v.cjs} +2 -2
  102. package/dist/{Flag-CB4YyPj3.cjs.map → Flag-BM_2VJ1v.cjs.map} +1 -1
  103. package/dist/{Flag-yA1y5XzR.js → Flag-CzCEpB8E.js} +2 -2
  104. package/dist/{Flag-yA1y5XzR.js.map → Flag-CzCEpB8E.js.map} +1 -1
  105. package/dist/{FullscreenToggle-0lskYnpx.cjs → FullscreenToggle-BL0nBrsL.cjs} +2 -2
  106. package/dist/{FullscreenToggle-0lskYnpx.cjs.map → FullscreenToggle-BL0nBrsL.cjs.map} +1 -1
  107. package/dist/{FullscreenToggle-jSLruiKt.js → FullscreenToggle-HZQOIa21.js} +3 -3
  108. package/dist/{FullscreenToggle-jSLruiKt.js.map → FullscreenToggle-HZQOIa21.js.map} +1 -1
  109. package/dist/IconButton-B87ipBK3.cjs +2 -0
  110. package/dist/{IconButton-BN-bZxEi.cjs.map → IconButton-B87ipBK3.cjs.map} +1 -1
  111. package/dist/IconButton-CBp8QuTO.js +68 -0
  112. package/dist/{IconButton-BEGWfcVc.js.map → IconButton-CBp8QuTO.js.map} +1 -1
  113. package/dist/Loader-0Imnbael.cjs +2 -0
  114. package/dist/{Loader-B5YqzEYy.cjs.map → Loader-0Imnbael.cjs.map} +1 -1
  115. package/dist/Loader-fffFnQqS.js +28 -0
  116. package/dist/{Loader-BZIa8hwv.js.map → Loader-fffFnQqS.js.map} +1 -1
  117. package/dist/MobileFrame-8FSsYA_w.js +91 -0
  118. package/dist/MobileFrame-8FSsYA_w.js.map +1 -0
  119. package/dist/MobileFrame-Dsfgd_4k.cjs +2 -0
  120. package/dist/MobileFrame-Dsfgd_4k.cjs.map +1 -0
  121. package/dist/{Modal-0V-REVV-.cjs → Modal--e2qGisF.cjs} +2 -2
  122. package/dist/{Modal-0V-REVV-.cjs.map → Modal--e2qGisF.cjs.map} +1 -1
  123. package/dist/{Modal-B7yoFC3o.js → Modal-DJljaPqV.js} +3 -3
  124. package/dist/{Modal-B7yoFC3o.js.map → Modal-DJljaPqV.js.map} +1 -1
  125. package/dist/{MultiSelect-gj9Ymeh2.cjs → MultiSelect-CvecZeMU.cjs} +2 -2
  126. package/dist/{MultiSelect-gj9Ymeh2.cjs.map → MultiSelect-CvecZeMU.cjs.map} +1 -1
  127. package/dist/{MultiSelect-C8xuXaoR.js → MultiSelect-DLoS04lZ.js} +4 -4
  128. package/dist/{MultiSelect-C8xuXaoR.js.map → MultiSelect-DLoS04lZ.js.map} +1 -1
  129. package/dist/{NumberField-CEt95jcC.cjs → NumberField-C_HZXBuw.cjs} +2 -2
  130. package/dist/{NumberField-CEt95jcC.cjs.map → NumberField-C_HZXBuw.cjs.map} +1 -1
  131. package/dist/{NumberField-2yM0mmyj.js → NumberField-DYGVQdL5.js} +4 -4
  132. package/dist/{NumberField-2yM0mmyj.js.map → NumberField-DYGVQdL5.js.map} +1 -1
  133. package/dist/{OtpField-CkliY82J.js → OtpField-CpQr_ZqL.js} +3 -3
  134. package/dist/{OtpField-CkliY82J.js.map → OtpField-CpQr_ZqL.js.map} +1 -1
  135. package/dist/{OtpField-on-K0_fM.cjs → OtpField-DKbUP0F6.cjs} +2 -2
  136. package/dist/{OtpField-on-K0_fM.cjs.map → OtpField-DKbUP0F6.cjs.map} +1 -1
  137. package/dist/{PageLayout-DzPh_G6H.js → PageLayout-CCcPCfJF.js} +2 -2
  138. package/dist/{PageLayout-DzPh_G6H.js.map → PageLayout-CCcPCfJF.js.map} +1 -1
  139. package/dist/{PageLayout-DGHu7Vm3.cjs → PageLayout-CuWXukUv.cjs} +2 -2
  140. package/dist/{PageLayout-DGHu7Vm3.cjs.map → PageLayout-CuWXukUv.cjs.map} +1 -1
  141. package/dist/PageNotFound-JKOnpyHD.cjs +2 -0
  142. package/dist/{PageNotFound-B8_eIT8p.cjs.map → PageNotFound-JKOnpyHD.cjs.map} +1 -1
  143. package/dist/{PageNotFound-CCFfPHgA.js → PageNotFound-LWH2tU5E.js} +9 -9
  144. package/dist/{PageNotFound-CCFfPHgA.js.map → PageNotFound-LWH2tU5E.js.map} +1 -1
  145. package/dist/Pagination-BwtbmITJ.js +139 -0
  146. package/dist/{Pagination-CmskZjcz.js.map → Pagination-BwtbmITJ.js.map} +1 -1
  147. package/dist/Pagination-M7njqOUt.cjs +2 -0
  148. package/dist/{Pagination-BdVebW2L.cjs.map → Pagination-M7njqOUt.cjs.map} +1 -1
  149. package/dist/PaletteField-CUyzLrny.js +54 -0
  150. package/dist/PaletteField-CUyzLrny.js.map +1 -0
  151. package/dist/PaletteField-iBIvOvNi.cjs +2 -0
  152. package/dist/PaletteField-iBIvOvNi.cjs.map +1 -0
  153. package/dist/RadioGroup-Byy-eSY3.cjs +2 -0
  154. package/dist/{RadioGroup-C8u7eNBS.cjs.map → RadioGroup-Byy-eSY3.cjs.map} +1 -1
  155. package/dist/RadioGroup-D_1_Heta.js +141 -0
  156. package/dist/{RadioGroup-DbodUJW8.js.map → RadioGroup-D_1_Heta.js.map} +1 -1
  157. package/dist/RemoveDialog-DUrD2Em8.js +47 -0
  158. package/dist/{RemoveDialog-CV75B0aN.js.map → RemoveDialog-DUrD2Em8.js.map} +1 -1
  159. package/dist/RemoveDialog-FZWYAxRy.cjs +2 -0
  160. package/dist/{RemoveDialog-DmOk0ezc.cjs.map → RemoveDialog-FZWYAxRy.cjs.map} +1 -1
  161. package/dist/{RichTextEditor-Bm8FFbcR.js → RichTextEditor-CG6LoNiw.js} +9 -9
  162. package/dist/RichTextEditor-CG6LoNiw.js.map +1 -0
  163. package/dist/{RichTextEditor-uXddgtlk.cjs → RichTextEditor-mpMCG8jX.cjs} +2 -2
  164. package/dist/RichTextEditor-mpMCG8jX.cjs.map +1 -0
  165. package/dist/RootLayout-CPxDqfGb.cjs +2 -0
  166. package/dist/{RootLayout-kssj9exn.cjs.map → RootLayout-CPxDqfGb.cjs.map} +1 -1
  167. package/dist/RootLayout-D3K-pAMO.js +515 -0
  168. package/dist/{RootLayout-Cf7Rr9Iz.js.map → RootLayout-D3K-pAMO.js.map} +1 -1
  169. package/dist/{Select-CdX3Ks7y.js → Select-BB9oOoWZ.js} +3 -3
  170. package/dist/{Select-CdX3Ks7y.js.map → Select-BB9oOoWZ.js.map} +1 -1
  171. package/dist/{Select-7vEGJCvA.cjs → Select-iP2p5jad.cjs} +2 -2
  172. package/dist/{Select-7vEGJCvA.cjs.map → Select-iP2p5jad.cjs.map} +1 -1
  173. package/dist/{Sidebar-DcKIEfhy.cjs → Sidebar-Boi7UgHV.cjs} +2 -2
  174. package/dist/{Sidebar-DcKIEfhy.cjs.map → Sidebar-Boi7UgHV.cjs.map} +1 -1
  175. package/dist/{Sidebar-YH-DoNG9.js → Sidebar-CsPnv4mu.js} +60 -60
  176. package/dist/{Sidebar-YH-DoNG9.js.map → Sidebar-CsPnv4mu.js.map} +1 -1
  177. package/dist/Slider-D3dbEOQY.cjs +2 -0
  178. package/dist/{Slider-dxYVXRev.cjs.map → Slider-D3dbEOQY.cjs.map} +1 -1
  179. package/dist/Slider-D7SvowmM.js +184 -0
  180. package/dist/{Slider-oGXd5e9X.js.map → Slider-D7SvowmM.js.map} +1 -1
  181. package/dist/{SpeedDial-DWNuC6f8.js → SpeedDial-B8XMUATN.js} +2 -2
  182. package/dist/{SpeedDial-DWNuC6f8.js.map → SpeedDial-B8XMUATN.js.map} +1 -1
  183. package/dist/{SpeedDial-9_Yk8AGx.cjs → SpeedDial-CZ22T8GL.cjs} +2 -2
  184. package/dist/{SpeedDial-9_Yk8AGx.cjs.map → SpeedDial-CZ22T8GL.cjs.map} +1 -1
  185. package/dist/{Stepper-CuqFpamY.js → Stepper-B_e_PGZE.js} +70 -70
  186. package/dist/{Stepper-CuqFpamY.js.map → Stepper-B_e_PGZE.js.map} +1 -1
  187. package/dist/Stepper-BjkkWawQ.cjs +2 -0
  188. package/dist/{Stepper-B1z_u650.cjs.map → Stepper-BjkkWawQ.cjs.map} +1 -1
  189. package/dist/{SwatchPicker-CCJltwHI.cjs → SwatchPicker-C8amdDnA.cjs} +2 -2
  190. package/dist/{SwatchPicker-CCJltwHI.cjs.map → SwatchPicker-C8amdDnA.cjs.map} +1 -1
  191. package/dist/{SwatchPicker-CqyWngFJ.js → SwatchPicker-DXEE9xqY.js} +2 -2
  192. package/dist/{SwatchPicker-CqyWngFJ.js.map → SwatchPicker-DXEE9xqY.js.map} +1 -1
  193. package/dist/Switch-CodRZD3y.cjs +2 -0
  194. package/dist/{Switch-DRkZ6kHJ.cjs.map → Switch-CodRZD3y.cjs.map} +1 -1
  195. package/dist/Switch-ESrhkpJC.js +85 -0
  196. package/dist/{Switch-DMPJ0fhB.js.map → Switch-ESrhkpJC.js.map} +1 -1
  197. package/dist/Table-Cr1zUtNQ.cjs +2 -0
  198. package/dist/Table-Cr1zUtNQ.cjs.map +1 -0
  199. package/dist/{Table-Drdhfm99.js → Table-DdoUcZoN.js} +60 -51
  200. package/dist/Table-DdoUcZoN.js.map +1 -0
  201. package/dist/Tabs-CZDX7BN-.cjs +2 -0
  202. package/dist/{Tabs-BiKDy_fv.cjs.map → Tabs-CZDX7BN-.cjs.map} +1 -1
  203. package/dist/Tabs-v1GEGUDQ.js +190 -0
  204. package/dist/{Tabs-ytbBzAxG.js.map → Tabs-v1GEGUDQ.js.map} +1 -1
  205. package/dist/{TagsField-CEt_PC5y.js → TagsField-B389eDp4.js} +4 -4
  206. package/dist/{TagsField-CEt_PC5y.js.map → TagsField-B389eDp4.js.map} +1 -1
  207. package/dist/{TagsField-DpDbf0ru.cjs → TagsField-OfrpyHZO.cjs} +2 -2
  208. package/dist/{TagsField-DpDbf0ru.cjs.map → TagsField-OfrpyHZO.cjs.map} +1 -1
  209. package/dist/{TextField-BWdmF-HE.js → TextField-7MobCad5.js} +4 -4
  210. package/dist/{TextField-BWdmF-HE.js.map → TextField-7MobCad5.js.map} +1 -1
  211. package/dist/{TextField-Df_kGy2l.cjs → TextField-B785pRgK.cjs} +2 -2
  212. package/dist/{TextField-Df_kGy2l.cjs.map → TextField-B785pRgK.cjs.map} +1 -1
  213. package/dist/TextField.module-6gYcR9TL.js +27 -0
  214. package/dist/TextField.module-6gYcR9TL.js.map +1 -0
  215. package/dist/TextField.module-DsNCo8vN.cjs +2 -0
  216. package/dist/TextField.module-DsNCo8vN.cjs.map +1 -0
  217. package/dist/{ThemeToggle-CgxF6oUu.js → ThemeToggle-BGdvqXad.js} +3 -3
  218. package/dist/{ThemeToggle-CgxF6oUu.js.map → ThemeToggle-BGdvqXad.js.map} +1 -1
  219. package/dist/{ThemeToggle-BJdXhmfc.cjs → ThemeToggle-BkmZ7s_u.cjs} +2 -2
  220. package/dist/{ThemeToggle-BJdXhmfc.cjs.map → ThemeToggle-BkmZ7s_u.cjs.map} +1 -1
  221. package/dist/{TimeColumns-DxVN0V8l.cjs → TimeColumns-B-xm1DGM.cjs} +2 -2
  222. package/dist/{TimeColumns-DxVN0V8l.cjs.map → TimeColumns-B-xm1DGM.cjs.map} +1 -1
  223. package/dist/{TimeColumns-n-fz50mr.js → TimeColumns-BRlDKx_i.js} +3 -3
  224. package/dist/{TimeColumns-n-fz50mr.js.map → TimeColumns-BRlDKx_i.js.map} +1 -1
  225. package/dist/{TimePicker-Bopxx3zU.js → TimePicker-B_3Ubip0.js} +6 -6
  226. package/dist/{TimePicker-Bopxx3zU.js.map → TimePicker-B_3Ubip0.js.map} +1 -1
  227. package/dist/{TimePicker-DvoemiGz.cjs → TimePicker-DvEIdE4v.cjs} +2 -2
  228. package/dist/{TimePicker-DvoemiGz.cjs.map → TimePicker-DvEIdE4v.cjs.map} +1 -1
  229. package/dist/Timeline-CKEosWka.cjs +2 -0
  230. package/dist/{Timeline-ONU_3gi3.cjs.map → Timeline-CKEosWka.cjs.map} +1 -1
  231. package/dist/Timeline-ufVXmpMY.js +71 -0
  232. package/dist/{Timeline-D3kzt1dy.js.map → Timeline-ufVXmpMY.js.map} +1 -1
  233. package/dist/{Toaster-DZSzFse_.cjs → Toaster-BIFRuqbC.cjs} +2 -2
  234. package/dist/{Toaster-DZSzFse_.cjs.map → Toaster-BIFRuqbC.cjs.map} +1 -1
  235. package/dist/{Toaster-BxIY2H4V.js → Toaster-DuzcRbio.js} +2 -2
  236. package/dist/{Toaster-BxIY2H4V.js.map → Toaster-DuzcRbio.js.map} +1 -1
  237. package/dist/{TranslatedFields-BtDLkQy7.cjs → TranslatedFields-D_a0NVKI.cjs} +2 -2
  238. package/dist/{TranslatedFields-BtDLkQy7.cjs.map → TranslatedFields-D_a0NVKI.cjs.map} +1 -1
  239. package/dist/{TranslatedFields-DmR8LKSG.js → TranslatedFields-HmP0Mg5t.js} +5 -5
  240. package/dist/{TranslatedFields-DmR8LKSG.js.map → TranslatedFields-HmP0Mg5t.js.map} +1 -1
  241. package/dist/{UserCard-J8Bpbh3x.js → UserCard-B1phOVKj.js} +4 -4
  242. package/dist/{UserCard-J8Bpbh3x.js.map → UserCard-B1phOVKj.js.map} +1 -1
  243. package/dist/{UserCard-C1yFvVIc.cjs → UserCard-BvOcDm5W.cjs} +2 -2
  244. package/dist/{UserCard-C1yFvVIc.cjs.map → UserCard-BvOcDm5W.cjs.map} +1 -1
  245. package/dist/color-CgR8ybWZ.cjs +2 -0
  246. package/dist/color-CgR8ybWZ.cjs.map +1 -0
  247. package/dist/color-EQJ2DrcQ.js +24 -0
  248. package/dist/color-EQJ2DrcQ.js.map +1 -0
  249. package/dist/components/Alert/index.cjs +1 -1
  250. package/dist/components/Alert/index.js +1 -1
  251. package/dist/components/AuthLayout/index.cjs +1 -1
  252. package/dist/components/AuthLayout/index.js +1 -1
  253. package/dist/components/Avatar/index.cjs +1 -1
  254. package/dist/components/Avatar/index.js +2 -2
  255. package/dist/components/Badge/index.cjs +1 -1
  256. package/dist/components/Badge/index.js +1 -1
  257. package/dist/components/Breadcrumbs/index.cjs +1 -1
  258. package/dist/components/Breadcrumbs/index.js +1 -1
  259. package/dist/components/Button/index.cjs +1 -1
  260. package/dist/components/Button/index.js +1 -1
  261. package/dist/components/Card/index.cjs +1 -1
  262. package/dist/components/Card/index.js +1 -1
  263. package/dist/components/Chip/index.cjs +1 -1
  264. package/dist/components/Chip/index.js +1 -1
  265. package/dist/components/ChoiceCard/index.cjs +1 -1
  266. package/dist/components/ChoiceCard/index.js +1 -1
  267. package/dist/components/CodeBlock/index.cjs +1 -1
  268. package/dist/components/CodeBlock/index.js +1 -1
  269. package/dist/components/ColorPicker/ColorPicker.d.cts +5 -0
  270. package/dist/components/ColorPicker/ColorPicker.d.ts +5 -0
  271. package/dist/components/ColorPicker/ColorPickerPanel.d.cts +6 -1
  272. package/dist/components/ColorPicker/ColorPickerPanel.d.ts +6 -1
  273. package/dist/components/ColorPicker/colorUtils.d.cts +3 -12
  274. package/dist/components/ColorPicker/colorUtils.d.ts +3 -12
  275. package/dist/components/ColorPicker/index.cjs +1 -1
  276. package/dist/components/ColorPicker/index.js +1 -1
  277. package/dist/components/ColorRamp/ColorRamp.d.cts +36 -0
  278. package/dist/components/ColorRamp/ColorRamp.d.ts +36 -0
  279. package/dist/components/ColorRamp/index.cjs +2 -0
  280. package/dist/components/ColorRamp/index.cjs.map +1 -0
  281. package/dist/components/ColorRamp/index.d.cts +3 -0
  282. package/dist/components/ColorRamp/index.d.ts +3 -0
  283. package/dist/components/ColorRamp/index.js +6 -0
  284. package/dist/components/ColorRamp/index.js.map +1 -0
  285. package/dist/components/CopyButton/index.cjs +1 -1
  286. package/dist/components/CopyButton/index.js +1 -1
  287. package/dist/components/DashedButton/index.cjs +1 -1
  288. package/dist/components/DashedButton/index.js +1 -1
  289. package/dist/components/DatePicker/index.cjs +1 -1
  290. package/dist/components/DatePicker/index.js +1 -1
  291. package/dist/components/DateTimePicker/index.cjs +1 -1
  292. package/dist/components/DateTimePicker/index.js +1 -1
  293. package/dist/components/EmptyState/index.cjs +1 -1
  294. package/dist/components/EmptyState/index.js +1 -1
  295. package/dist/components/FileCard/index.cjs +1 -1
  296. package/dist/components/FileCard/index.js +1 -1
  297. package/dist/components/FileUploader/index.cjs +1 -1
  298. package/dist/components/FileUploader/index.js +1 -1
  299. package/dist/components/Flag/index.cjs +1 -1
  300. package/dist/components/Flag/index.js +1 -1
  301. package/dist/components/FullscreenToggle/index.cjs +1 -1
  302. package/dist/components/FullscreenToggle/index.js +1 -1
  303. package/dist/components/IconButton/index.cjs +1 -1
  304. package/dist/components/IconButton/index.js +1 -1
  305. package/dist/components/Loader/index.cjs +1 -1
  306. package/dist/components/Loader/index.js +1 -1
  307. package/dist/components/MobileFrame/MobileFrame.d.cts +45 -0
  308. package/dist/components/MobileFrame/MobileFrame.d.ts +45 -0
  309. package/dist/components/MobileFrame/frames.d.cts +27 -0
  310. package/dist/components/MobileFrame/frames.d.ts +27 -0
  311. package/dist/components/MobileFrame/index.cjs +2 -0
  312. package/dist/components/MobileFrame/index.cjs.map +1 -0
  313. package/dist/components/MobileFrame/index.d.cts +4 -0
  314. package/dist/components/MobileFrame/index.d.ts +4 -0
  315. package/dist/components/MobileFrame/index.js +8 -0
  316. package/dist/components/MobileFrame/index.js.map +1 -0
  317. package/dist/components/Modal/index.cjs +1 -1
  318. package/dist/components/Modal/index.js +1 -1
  319. package/dist/components/MultiSelect/index.cjs +1 -1
  320. package/dist/components/MultiSelect/index.js +1 -1
  321. package/dist/components/NumberField/index.cjs +1 -1
  322. package/dist/components/NumberField/index.js +1 -1
  323. package/dist/components/OtpField/index.cjs +1 -1
  324. package/dist/components/OtpField/index.js +1 -1
  325. package/dist/components/PageLayout/index.cjs +1 -1
  326. package/dist/components/PageLayout/index.js +1 -1
  327. package/dist/components/PageNotFound/index.cjs +1 -1
  328. package/dist/components/PageNotFound/index.js +1 -1
  329. package/dist/components/Pagination/index.cjs +1 -1
  330. package/dist/components/Pagination/index.js +1 -1
  331. package/dist/components/PaletteField/PaletteField.d.cts +30 -0
  332. package/dist/components/PaletteField/PaletteField.d.ts +30 -0
  333. package/dist/components/PaletteField/index.cjs +2 -0
  334. package/dist/components/PaletteField/index.cjs.map +1 -0
  335. package/dist/components/PaletteField/index.d.cts +2 -0
  336. package/dist/components/PaletteField/index.d.ts +2 -0
  337. package/dist/components/PaletteField/index.js +6 -0
  338. package/dist/components/PaletteField/index.js.map +1 -0
  339. package/dist/components/Radio/index.cjs +1 -1
  340. package/dist/components/Radio/index.js +1 -1
  341. package/dist/components/RemoveDialog/index.cjs +1 -1
  342. package/dist/components/RemoveDialog/index.js +1 -1
  343. package/dist/components/RichTextEditor/index.cjs +1 -1
  344. package/dist/components/RichTextEditor/index.js +1 -1
  345. package/dist/components/RootLayout/index.cjs +1 -1
  346. package/dist/components/RootLayout/index.js +1 -1
  347. package/dist/components/Select/index.cjs +1 -1
  348. package/dist/components/Select/index.js +1 -1
  349. package/dist/components/Sidebar/index.cjs +1 -1
  350. package/dist/components/Sidebar/index.js +1 -1
  351. package/dist/components/Slider/index.cjs +1 -1
  352. package/dist/components/Slider/index.js +1 -1
  353. package/dist/components/SpeedDial/index.cjs +1 -1
  354. package/dist/components/SpeedDial/index.js +1 -1
  355. package/dist/components/Stepper/index.cjs +1 -1
  356. package/dist/components/Stepper/index.js +1 -1
  357. package/dist/components/SwatchPicker/index.cjs +1 -1
  358. package/dist/components/SwatchPicker/index.js +1 -1
  359. package/dist/components/Switch/index.cjs +1 -1
  360. package/dist/components/Switch/index.js +1 -1
  361. package/dist/components/Table/index.cjs +1 -1
  362. package/dist/components/Table/index.js +1 -1
  363. package/dist/components/Tabs/index.cjs +1 -1
  364. package/dist/components/Tabs/index.js +1 -1
  365. package/dist/components/TagsField/index.cjs +1 -1
  366. package/dist/components/TagsField/index.js +1 -1
  367. package/dist/components/TextField/index.cjs +1 -1
  368. package/dist/components/TextField/index.js +1 -1
  369. package/dist/components/ThemeToggle/index.cjs +1 -1
  370. package/dist/components/ThemeToggle/index.js +1 -1
  371. package/dist/components/TimePicker/index.cjs +1 -1
  372. package/dist/components/TimePicker/index.js +1 -1
  373. package/dist/components/Timeline/index.cjs +1 -1
  374. package/dist/components/Timeline/index.js +1 -1
  375. package/dist/components/Toast/index.cjs +1 -1
  376. package/dist/components/Toast/index.js +1 -1
  377. package/dist/components/TranslatedFields/index.cjs +1 -1
  378. package/dist/components/TranslatedFields/index.js +1 -1
  379. package/dist/components/UserCard/index.cjs +1 -1
  380. package/dist/components/UserCard/index.js +1 -1
  381. package/dist/components/index.d.cts +3 -0
  382. package/dist/components/index.d.ts +3 -0
  383. package/dist/entries/app.cjs +1 -1
  384. package/dist/entries/app.js +1 -1
  385. package/dist/entries/components.cjs +1 -1
  386. package/dist/entries/components.js +149 -141
  387. package/dist/entries/components.js.map +1 -1
  388. package/dist/entries/helpers.cjs +1 -1
  389. package/dist/entries/helpers.d.cts +2 -0
  390. package/dist/entries/helpers.d.ts +2 -0
  391. package/dist/entries/helpers.js +18 -8
  392. package/dist/entries/helpers.js.map +1 -1
  393. package/dist/entries/i18n.cjs +1 -1
  394. package/dist/entries/i18n.js +2 -2
  395. package/dist/entries/theme.cjs +1 -1
  396. package/dist/entries/theme.js +1 -1
  397. package/dist/helpers/color.d.cts +17 -0
  398. package/dist/helpers/color.d.ts +17 -0
  399. package/dist/helpers/palette.d.cts +68 -0
  400. package/dist/helpers/palette.d.ts +68 -0
  401. package/dist/i18n/messages.d.cts +11 -0
  402. package/dist/i18n/messages.d.ts +11 -0
  403. package/dist/index.cjs +1 -1
  404. package/dist/index.css +16 -12
  405. package/dist/index.js +211 -193
  406. package/dist/index.js.map +1 -1
  407. package/dist/{messages-ogohLC5P.js → messages-B06Kl5rI.js} +100 -23
  408. package/dist/messages-B06Kl5rI.js.map +1 -0
  409. package/dist/{messages-DKT0SRM0.cjs → messages-CJqxqL3t.cjs} +9 -9
  410. package/dist/messages-CJqxqL3t.cjs.map +1 -0
  411. package/dist/palette-B031dM4E.js +70 -0
  412. package/dist/palette-B031dM4E.js.map +1 -0
  413. package/dist/palette-BycMHbED.cjs +2 -0
  414. package/dist/palette-BycMHbED.cjs.map +1 -0
  415. package/dist/theme/ConfigProvider.d.cts +8 -8
  416. package/dist/theme/ConfigProvider.d.ts +8 -8
  417. package/package.json +1 -1
  418. package/dist/Avatar-Dgf04PBC.cjs +0 -2
  419. package/dist/Badge-BQpr2Jee.cjs +0 -2
  420. package/dist/Badge-DSWigoGC.js +0 -50
  421. package/dist/Button-CXmDOzPk.cjs +0 -2
  422. package/dist/Button-DBs8xnA5.js +0 -72
  423. package/dist/Chip-gUH_7nQc.cjs +0 -2
  424. package/dist/ChoiceCardGroup-DBohUnRj.js +0 -181
  425. package/dist/ChoiceCardGroup-d0VVTUi5.cjs +0 -2
  426. package/dist/ColorPicker-DtzFwNWk.cjs +0 -2
  427. package/dist/ColorPicker-DtzFwNWk.cjs.map +0 -1
  428. package/dist/ColorPicker-Dw6Qk0iy.js.map +0 -1
  429. package/dist/ColorPickerPanel--wBX-m7J.cjs +0 -2
  430. package/dist/ColorPickerPanel--wBX-m7J.cjs.map +0 -1
  431. package/dist/ColorPickerPanel-Dp7bnnVf.js +0 -336
  432. package/dist/ColorPickerPanel-Dp7bnnVf.js.map +0 -1
  433. package/dist/ConfigProvider-Bszl3Wr3.cjs.map +0 -1
  434. package/dist/ConfigProvider-DR9YMy9U.js.map +0 -1
  435. package/dist/CopyButton-Ct-8AmmX.cjs +0 -2
  436. package/dist/CopyButton-DJ1PSJZU.js +0 -31
  437. package/dist/DashedButton-3C4IZuo4.cjs +0 -2
  438. package/dist/DashedButton-BXZAyMtw.js +0 -59
  439. package/dist/DatePicker.module-BZDftL4g.js +0 -138
  440. package/dist/DatePicker.module-tE-tGNBd.cjs +0 -2
  441. package/dist/EmptyState-BTd7aVgu.js +0 -38
  442. package/dist/EmptyState-Bv4XXnD1.cjs +0 -2
  443. package/dist/FileUploader-B7VfhcR7.cjs +0 -2
  444. package/dist/FileUploader-B7VfhcR7.cjs.map +0 -1
  445. package/dist/FileUploader-BYF5FvUc.js.map +0 -1
  446. package/dist/IconButton-BEGWfcVc.js +0 -68
  447. package/dist/IconButton-BN-bZxEi.cjs +0 -2
  448. package/dist/Loader-B5YqzEYy.cjs +0 -2
  449. package/dist/Loader-BZIa8hwv.js +0 -29
  450. package/dist/PageNotFound-B8_eIT8p.cjs +0 -2
  451. package/dist/Pagination-BdVebW2L.cjs +0 -2
  452. package/dist/Pagination-CmskZjcz.js +0 -139
  453. package/dist/RadioGroup-C8u7eNBS.cjs +0 -2
  454. package/dist/RadioGroup-DbodUJW8.js +0 -141
  455. package/dist/RemoveDialog-CV75B0aN.js +0 -47
  456. package/dist/RemoveDialog-DmOk0ezc.cjs +0 -2
  457. package/dist/RichTextEditor-Bm8FFbcR.js.map +0 -1
  458. package/dist/RichTextEditor-uXddgtlk.cjs.map +0 -1
  459. package/dist/RootLayout-Cf7Rr9Iz.js +0 -515
  460. package/dist/RootLayout-kssj9exn.cjs +0 -2
  461. package/dist/Slider-dxYVXRev.cjs +0 -2
  462. package/dist/Slider-oGXd5e9X.js +0 -184
  463. package/dist/Stepper-B1z_u650.cjs +0 -2
  464. package/dist/Switch-DMPJ0fhB.js +0 -85
  465. package/dist/Switch-DRkZ6kHJ.cjs +0 -2
  466. package/dist/Table-BPit83Pn.cjs +0 -2
  467. package/dist/Table-BPit83Pn.cjs.map +0 -1
  468. package/dist/Table-Drdhfm99.js.map +0 -1
  469. package/dist/Tabs-BiKDy_fv.cjs +0 -2
  470. package/dist/Tabs-ytbBzAxG.js +0 -190
  471. package/dist/TextField.module-QePvGeJ3.js +0 -27
  472. package/dist/TextField.module-QePvGeJ3.js.map +0 -1
  473. package/dist/TextField.module-m-UllwzG.cjs +0 -2
  474. package/dist/TextField.module-m-UllwzG.cjs.map +0 -1
  475. package/dist/Timeline-D3kzt1dy.js +0 -71
  476. package/dist/Timeline-ONU_3gi3.cjs +0 -2
  477. package/dist/messages-DKT0SRM0.cjs.map +0 -1
  478. package/dist/messages-ogohLC5P.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"RadioGroup-DbodUJW8.js","sources":["../src/components/Radio/radioContext.ts","../src/components/Radio/Radio.tsx","../src/components/Radio/RadioGroup.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { ThemeColor } from '../../theme'\nimport type { RadioSize } from './Radio'\n\n/** Shared state a `<RadioGroup>` hands down to its `<Radio>` children via context. */\nexport interface RadioGroupContextValue {\n /** Shared input `name` (the radios in a group must share one). */\n name?: string\n /** The group's currently-selected value. */\n value?: string\n /** Select a value — called by a child `<Radio>` on change. */\n onChange: (value: string) => void\n size?: RadioSize\n color?: ThemeColor\n disabled?: boolean\n error?: boolean\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(null)\n\n/** Read the surrounding `<RadioGroup>` so a `<Radio>` can wire itself in (or `null` when standalone). */\nexport function useRadioGroupContext(): RadioGroupContextValue | null {\n return useContext(RadioGroupContext)\n}\n","import {\n forwardRef,\n useId,\n useState,\n type ChangeEvent,\n type CSSProperties,\n type InputHTMLAttributes,\n type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { useRadioGroupContext } from './radioContext'\nimport styles from './Radio.module.css'\n\nexport type RadioSize = 'sm' | 'md' | 'lg'\n\nexport interface RadioProps extends Omit<\n InputHTMLAttributes<HTMLInputElement>,\n 'size' | 'color' | 'type' | 'onChange' | 'value'\n> {\n /** This option's value — selected when it matches the surrounding `RadioGroup`'s value. */\n value: string\n /** Text shown to the right of the control. */\n label?: ReactNode\n /** Theme palette token for the selected fill. Defaults to `accent` (inherits the group's `color`). */\n color?: ThemeColor\n /** Preset size — circle dimensions and label font. Inherits the group's `size` when omitted. */\n size?: RadioSize\n /** Marks the control invalid — reddens the ring. Inherits the group's `error`. */\n error?: boolean\n /** Controlled selected state for standalone use (inside a `RadioGroup` the group drives this). */\n checked?: boolean\n /** Fires with the next selected state (standalone use). */\n onChange?: (checked: boolean) => void\n}\n\n/**\n * A single radio button with a label. The native `<input type=\"radio\">` is visually hidden but fully\n * accessible; a styled circle shows the state, filling with `color` and an inner dot when selected.\n * Designed to live inside a `<RadioGroup>` (which supplies the shared `name`, selection and\n * `size`/`color`/`disabled`/`error` via context), but also works standalone (`checked` + `onChange`).\n * Styling uses `--tz-*` tokens only.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n {\n value,\n label,\n color,\n size,\n error,\n checked,\n onChange,\n name,\n disabled,\n id: idProp,\n className,\n style,\n ...props\n },\n ref,\n) {\n const reactId = useId()\n const id = idProp ?? reactId\n const group = useRadioGroupContext()\n\n const resolvedColor = color ?? group?.color ?? 'accent'\n const resolvedSize = size ?? group?.size ?? 'md'\n const resolvedError = error ?? group?.error ?? false\n const resolvedDisabled = disabled ?? group?.disabled ?? false\n const resolvedName = name ?? group?.name\n\n // In a group the selection comes from context; standalone it's controlled (`checked`) or local.\n const [internal, setInternal] = useState(false)\n const isChecked = group ? group.value === value : checked !== undefined ? checked : internal\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n if (group) {\n group.onChange(value)\n return\n }\n if (checked === undefined) setInternal(event.target.checked)\n onChange?.(event.target.checked)\n }\n\n return (\n <div\n className={clsx(\n styles.field,\n resolvedError && styles.error,\n resolvedDisabled && styles.disabled,\n className,\n )}\n style={{ '--tz-btn-rgb': `var(--tz-color-${resolvedColor}-rgb)`, ...style } as CSSProperties}\n >\n <label className={clsx(styles.row, styles[resolvedSize])}>\n <input\n ref={ref}\n id={id}\n name={resolvedName}\n type=\"radio\"\n className={styles.input}\n value={value}\n checked={isChecked}\n onChange={handleChange}\n disabled={resolvedDisabled}\n aria-invalid={resolvedError || undefined}\n {...props}\n />\n <span className={styles.circle} aria-hidden=\"true\">\n <span className={styles.dot} />\n </span>\n {label != null && <span className={styles.label}>{label}</span>}\n </label>\n </div>\n )\n})\n","import {\n forwardRef,\n useState,\n type CSSProperties,\n type HTMLAttributes,\n type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport type { ThemeColor } from '../../theme'\nimport { Typography } from '../Typography'\nimport { Radio, type RadioSize } from './Radio'\nimport { RadioGroupContext, type RadioGroupContextValue } from './radioContext'\nimport styles from './Radio.module.css'\n\nexport type RadioOrientation = 'vertical' | 'horizontal'\n\n/** A single option for the data-driven `options` prop. */\nexport interface RadioOption {\n value: string\n label?: ReactNode\n disabled?: boolean\n}\n\nexport interface RadioGroupProps extends Omit<\n HTMLAttributes<HTMLDivElement>,\n 'onChange' | 'defaultValue'\n> {\n /** Group label rendered above the options. */\n label?: ReactNode\n /** Controlled selected value. */\n value?: string\n /** Initial value for uncontrolled use. */\n defaultValue?: string\n /** Fires with the newly-selected value. */\n onChange?: (value: string) => void\n /** Shared input `name` for the radios (also the `<Form>` binding key). */\n name?: string\n /** Data-driven options — an alternative to passing `<Radio>` children. */\n options?: RadioOption[]\n /** Stack direction of the options. Defaults to `vertical`. */\n orientation?: RadioOrientation\n /** Preset size for every radio. Defaults to `md`. */\n size?: RadioSize\n /** Theme palette token for the selected fill. Defaults to `accent`. */\n color?: ThemeColor\n /** Marks the group invalid — reddens the radio rings (no message text, like `Checkbox`). */\n error?: boolean\n /** Adds a red asterisk after the label. */\n required?: boolean\n /** Disables every radio in the group. */\n disabled?: boolean\n /** `<Radio>` children (used when `options` is not given). */\n children?: ReactNode\n}\n\n/**\n * Groups radio buttons so exactly one is selected. Supplies the shared `name`, selection and\n * `size`/`color`/`disabled`/`error` to its `<Radio>` children via context — pass them as `children`\n * or, for the common case, via the data-driven `options` prop. Controlled (`value` + `onChange`) or\n * uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name` (its form value is a\n * `string`; validate with e.g. `z.string().min(1)`). `error` reddens the radio rings (no message text,\n * like `Checkbox`). `role=\"radiogroup\"`; styling uses `--tz-*` tokens.\n */\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(function RadioGroup(\n {\n label,\n value,\n defaultValue,\n onChange,\n name,\n options,\n orientation = 'vertical',\n size = 'md',\n color = 'accent',\n error,\n required = false,\n disabled = false,\n children,\n className,\n style,\n ...props\n },\n ref,\n) {\n // Auto-bind to a surrounding <Form> by `name` — the form value is the selected string.\n const form = useFormContext()\n const isFormBound = Boolean(form && name)\n const bound = form && name ? form.field(name) : undefined\n\n const externalValue: string | undefined =\n value !== undefined\n ? value\n : isFormBound\n ? (form!.values[name!] as string | undefined)\n : undefined\n const isControlled = externalValue !== undefined\n const [internal, setInternal] = useState<string | undefined>(defaultValue)\n const currentValue = isControlled ? externalValue : internal\n\n const resolvedError = error ?? bound?.error ?? false\n\n const handleChange = (next: string) => {\n if (!isControlled) setInternal(next)\n if (isFormBound) form!.setValue(name!, next)\n onChange?.(next)\n }\n\n const ctx: RadioGroupContextValue = {\n name,\n value: currentValue,\n onChange: handleChange,\n size,\n color,\n disabled,\n error: resolvedError,\n }\n\n return (\n <div\n ref={ref}\n role=\"radiogroup\"\n aria-invalid={resolvedError || undefined}\n className={clsx(styles.group, className)}\n style={style as CSSProperties}\n {...props}\n >\n {label != null && (\n <span className={styles.groupLabel}>\n <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n {label}\n </Typography>\n {required && (\n <span className={styles.required} aria-hidden=\"true\">\n *\n </span>\n )}\n </span>\n )}\n\n <div className={clsx(styles.options, orientation === 'horizontal' && styles.horizontal)}>\n <RadioGroupContext.Provider value={ctx}>\n {options\n ? options.map((option) => (\n <Radio\n key={option.value}\n value={option.value}\n label={option.label}\n disabled={option.disabled}\n />\n ))\n : children}\n </RadioGroupContext.Provider>\n </div>\n </div>\n )\n})\n"],"names":["RadioGroupContext","createContext","useRadioGroupContext","useContext","Radio","forwardRef","value","label","color","size","error","checked","onChange","name","disabled","idProp","className","style","props","ref","reactId","useId","id","group","resolvedColor","resolvedSize","resolvedError","resolvedDisabled","resolvedName","internal","setInternal","useState","isChecked","handleChange","event","jsx","clsx","styles","jsxs","RadioGroup","defaultValue","options","orientation","required","children","form","useFormContext","isFormBound","bound","externalValue","isControlled","currentValue","ctx","next","Typography","option"],"mappings":"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"}
1
+ {"version":3,"file":"RadioGroup-D_1_Heta.js","sources":["../src/components/Radio/radioContext.ts","../src/components/Radio/Radio.tsx","../src/components/Radio/RadioGroup.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { ThemeColor } from '../../theme'\nimport type { RadioSize } from './Radio'\n\n/** Shared state a `<RadioGroup>` hands down to its `<Radio>` children via context. */\nexport interface RadioGroupContextValue {\n /** Shared input `name` (the radios in a group must share one). */\n name?: string\n /** The group's currently-selected value. */\n value?: string\n /** Select a value — called by a child `<Radio>` on change. */\n onChange: (value: string) => void\n size?: RadioSize\n color?: ThemeColor\n disabled?: boolean\n error?: boolean\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(null)\n\n/** Read the surrounding `<RadioGroup>` so a `<Radio>` can wire itself in (or `null` when standalone). */\nexport function useRadioGroupContext(): RadioGroupContextValue | null {\n return useContext(RadioGroupContext)\n}\n","import {\n forwardRef,\n useId,\n useState,\n type ChangeEvent,\n type CSSProperties,\n type InputHTMLAttributes,\n type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { useRadioGroupContext } from './radioContext'\nimport styles from './Radio.module.css'\n\nexport type RadioSize = 'sm' | 'md' | 'lg'\n\nexport interface RadioProps extends Omit<\n InputHTMLAttributes<HTMLInputElement>,\n 'size' | 'color' | 'type' | 'onChange' | 'value'\n> {\n /** This option's value — selected when it matches the surrounding `RadioGroup`'s value. */\n value: string\n /** Text shown to the right of the control. */\n label?: ReactNode\n /** Theme palette token for the selected fill. Defaults to `accent` (inherits the group's `color`). */\n color?: ThemeColor\n /** Preset size — circle dimensions and label font. Inherits the group's `size` when omitted. */\n size?: RadioSize\n /** Marks the control invalid — reddens the ring. Inherits the group's `error`. */\n error?: boolean\n /** Controlled selected state for standalone use (inside a `RadioGroup` the group drives this). */\n checked?: boolean\n /** Fires with the next selected state (standalone use). */\n onChange?: (checked: boolean) => void\n}\n\n/**\n * A single radio button with a label. The native `<input type=\"radio\">` is visually hidden but fully\n * accessible; a styled circle shows the state, filling with `color` and an inner dot when selected.\n * Designed to live inside a `<RadioGroup>` (which supplies the shared `name`, selection and\n * `size`/`color`/`disabled`/`error` via context), but also works standalone (`checked` + `onChange`).\n * Styling uses `--tz-*` tokens only.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n {\n value,\n label,\n color,\n size,\n error,\n checked,\n onChange,\n name,\n disabled,\n id: idProp,\n className,\n style,\n ...props\n },\n ref,\n) {\n const reactId = useId()\n const id = idProp ?? reactId\n const group = useRadioGroupContext()\n\n const resolvedColor = color ?? group?.color ?? 'accent'\n const resolvedSize = size ?? group?.size ?? 'md'\n const resolvedError = error ?? group?.error ?? false\n const resolvedDisabled = disabled ?? group?.disabled ?? false\n const resolvedName = name ?? group?.name\n\n // In a group the selection comes from context; standalone it's controlled (`checked`) or local.\n const [internal, setInternal] = useState(false)\n const isChecked = group ? group.value === value : checked !== undefined ? checked : internal\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n if (group) {\n group.onChange(value)\n return\n }\n if (checked === undefined) setInternal(event.target.checked)\n onChange?.(event.target.checked)\n }\n\n return (\n <div\n className={clsx(\n styles.field,\n resolvedError && styles.error,\n resolvedDisabled && styles.disabled,\n className,\n )}\n style={{ '--tz-btn-rgb': `var(--tz-color-${resolvedColor}-rgb)`, ...style } as CSSProperties}\n >\n <label className={clsx(styles.row, styles[resolvedSize])}>\n <input\n ref={ref}\n id={id}\n name={resolvedName}\n type=\"radio\"\n className={styles.input}\n value={value}\n checked={isChecked}\n onChange={handleChange}\n disabled={resolvedDisabled}\n aria-invalid={resolvedError || undefined}\n {...props}\n />\n <span className={styles.circle} aria-hidden=\"true\">\n <span className={styles.dot} />\n </span>\n {label != null && <span className={styles.label}>{label}</span>}\n </label>\n </div>\n )\n})\n","import {\n forwardRef,\n useState,\n type CSSProperties,\n type HTMLAttributes,\n type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport type { ThemeColor } from '../../theme'\nimport { Typography } from '../Typography'\nimport { Radio, type RadioSize } from './Radio'\nimport { RadioGroupContext, type RadioGroupContextValue } from './radioContext'\nimport styles from './Radio.module.css'\n\nexport type RadioOrientation = 'vertical' | 'horizontal'\n\n/** A single option for the data-driven `options` prop. */\nexport interface RadioOption {\n value: string\n label?: ReactNode\n disabled?: boolean\n}\n\nexport interface RadioGroupProps extends Omit<\n HTMLAttributes<HTMLDivElement>,\n 'onChange' | 'defaultValue'\n> {\n /** Group label rendered above the options. */\n label?: ReactNode\n /** Controlled selected value. */\n value?: string\n /** Initial value for uncontrolled use. */\n defaultValue?: string\n /** Fires with the newly-selected value. */\n onChange?: (value: string) => void\n /** Shared input `name` for the radios (also the `<Form>` binding key). */\n name?: string\n /** Data-driven options — an alternative to passing `<Radio>` children. */\n options?: RadioOption[]\n /** Stack direction of the options. Defaults to `vertical`. */\n orientation?: RadioOrientation\n /** Preset size for every radio. Defaults to `md`. */\n size?: RadioSize\n /** Theme palette token for the selected fill. Defaults to `accent`. */\n color?: ThemeColor\n /** Marks the group invalid — reddens the radio rings (no message text, like `Checkbox`). */\n error?: boolean\n /** Adds a red asterisk after the label. */\n required?: boolean\n /** Disables every radio in the group. */\n disabled?: boolean\n /** `<Radio>` children (used when `options` is not given). */\n children?: ReactNode\n}\n\n/**\n * Groups radio buttons so exactly one is selected. Supplies the shared `name`, selection and\n * `size`/`color`/`disabled`/`error` to its `<Radio>` children via context — pass them as `children`\n * or, for the common case, via the data-driven `options` prop. Controlled (`value` + `onChange`) or\n * uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name` (its form value is a\n * `string`; validate with e.g. `z.string().min(1)`). `error` reddens the radio rings (no message text,\n * like `Checkbox`). `role=\"radiogroup\"`; styling uses `--tz-*` tokens.\n */\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(function RadioGroup(\n {\n label,\n value,\n defaultValue,\n onChange,\n name,\n options,\n orientation = 'vertical',\n size = 'md',\n color = 'accent',\n error,\n required = false,\n disabled = false,\n children,\n className,\n style,\n ...props\n },\n ref,\n) {\n // Auto-bind to a surrounding <Form> by `name` — the form value is the selected string.\n const form = useFormContext()\n const isFormBound = Boolean(form && name)\n const bound = form && name ? form.field(name) : undefined\n\n const externalValue: string | undefined =\n value !== undefined\n ? value\n : isFormBound\n ? (form!.values[name!] as string | undefined)\n : undefined\n const isControlled = externalValue !== undefined\n const [internal, setInternal] = useState<string | undefined>(defaultValue)\n const currentValue = isControlled ? externalValue : internal\n\n const resolvedError = error ?? bound?.error ?? false\n\n const handleChange = (next: string) => {\n if (!isControlled) setInternal(next)\n if (isFormBound) form!.setValue(name!, next)\n onChange?.(next)\n }\n\n const ctx: RadioGroupContextValue = {\n name,\n value: currentValue,\n onChange: handleChange,\n size,\n color,\n disabled,\n error: resolvedError,\n }\n\n return (\n <div\n ref={ref}\n role=\"radiogroup\"\n aria-invalid={resolvedError || undefined}\n className={clsx(styles.group, className)}\n style={style as CSSProperties}\n {...props}\n >\n {label != null && (\n <span className={styles.groupLabel}>\n <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n {label}\n </Typography>\n {required && (\n <span className={styles.required} aria-hidden=\"true\">\n *\n </span>\n )}\n </span>\n )}\n\n <div className={clsx(styles.options, orientation === 'horizontal' && styles.horizontal)}>\n <RadioGroupContext.Provider value={ctx}>\n {options\n ? options.map((option) => (\n <Radio\n key={option.value}\n value={option.value}\n label={option.label}\n disabled={option.disabled}\n />\n ))\n : children}\n </RadioGroupContext.Provider>\n </div>\n </div>\n )\n})\n"],"names":["RadioGroupContext","createContext","useRadioGroupContext","useContext","Radio","forwardRef","value","label","color","size","error","checked","onChange","name","disabled","idProp","className","style","props","ref","reactId","useId","id","group","resolvedColor","resolvedSize","resolvedError","resolvedDisabled","resolvedName","internal","setInternal","useState","isChecked","handleChange","event","jsx","clsx","styles","jsxs","RadioGroup","defaultValue","options","orientation","required","children","form","useFormContext","isFormBound","bound","externalValue","isControlled","currentValue","ctx","next","Typography","option"],"mappings":"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"}
@@ -0,0 +1,47 @@
1
+ import { jsx as e, jsxs as a, Fragment as v } from "react/jsx-runtime";
2
+ import { forwardRef as x, useState as B } from "react";
3
+ import { B as r } from "./Button-obe6rono.js";
4
+ import { I as _ } from "./Icon-DaTvzLBu.js";
5
+ import { M as C } from "./Modal-DJljaPqV.js";
6
+ import { T as D } from "./Typography-Cta6Rg4L.js";
7
+ import { a as R } from "./ConfigProvider-DL9fylMo.js";
8
+ const T = "_body_1hh8p_3", k = "_iconBox_1hh8p_13", c = {
9
+ body: T,
10
+ iconBox: k
11
+ }, E = x(function({ open: l, onClose: t, onConfirm: m, title: d, message: f, confirmLabel: h, cancelLabel: p, loading: g = !1 }, u) {
12
+ const s = R(), [y, i] = B(!1), o = g || y, n = () => {
13
+ o || t();
14
+ }, b = async () => {
15
+ try {
16
+ i(!0), await m(), t();
17
+ } catch {
18
+ } finally {
19
+ i(!1);
20
+ }
21
+ };
22
+ return /* @__PURE__ */ e(
23
+ C,
24
+ {
25
+ ref: u,
26
+ open: l,
27
+ onClose: n,
28
+ size: "sm",
29
+ title: d ?? s("removeDialog.title"),
30
+ showCloseButton: !o,
31
+ closeOnBackdrop: !o,
32
+ closeOnEscape: !o,
33
+ footer: /* @__PURE__ */ a(v, { children: [
34
+ /* @__PURE__ */ e(r, { variant: "text", size: "sm", onClick: n, disabled: o, children: p ?? s("common.cancel") }),
35
+ /* @__PURE__ */ e(r, { color: "error", variant: "filled", size: "sm", onClick: b, loading: o, children: h ?? s("common.delete") })
36
+ ] }),
37
+ children: /* @__PURE__ */ a("div", { className: c.body, children: [
38
+ /* @__PURE__ */ e("div", { className: c.iconBox, "aria-hidden": !0, children: /* @__PURE__ */ e(_, { name: "Trash" }) }),
39
+ /* @__PURE__ */ e(D, { align: "center", children: f ?? s("removeDialog.message") })
40
+ ] })
41
+ }
42
+ );
43
+ });
44
+ export {
45
+ E as R
46
+ };
47
+ //# sourceMappingURL=RemoveDialog-DUrD2Em8.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"RemoveDialog-CV75B0aN.js","sources":["../src/components/RemoveDialog/RemoveDialog.tsx"],"sourcesContent":["import { forwardRef, useState, type ReactNode } from 'react'\nimport { useT } from '../../theme'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { Modal } from '../Modal'\nimport { Typography } from '../Typography'\nimport styles from './RemoveDialog.module.css'\n\nexport interface RemoveDialogProps {\n /** Whether the dialog is open. */\n open: boolean\n /** Called on Cancel, the × button, backdrop, or Escape (ignored while a confirm is in flight). */\n onClose: () => void\n /**\n * The destructive action. May be async — while its promise is pending the Delete button shows a\n * loader and the dialog locks (no dismiss); on success the dialog **auto-closes**, on rejection it\n * stays open so the user can retry (surface the error yourself, e.g. a toast).\n */\n onConfirm: () => void | Promise<void>\n /** Header title. Defaults to `\"Remove\"`. */\n title?: ReactNode\n /** Body prompt shown under the icon. Defaults to `\"Are you sure you want to delete?\"`. */\n message?: ReactNode\n /** Confirm (destructive) button label. Defaults to `\"Delete\"`. */\n confirmLabel?: string\n /** Cancel button label. Defaults to `\"Cancel\"`. */\n cancelLabel?: string\n /** External loading override — combined with the internal async-confirm state. */\n loading?: boolean\n}\n\n/**\n * A ready-made delete confirmation — a thin convenience wrapper over `Modal` for the ubiquitous\n * \"Are you sure you want to delete?\" prompt. Hardcodes the destructive flavor (a `Trash` glyph in a\n * soft error circle + an `error` Delete button); just wire `open` / `onClose` / `onConfirm`. An async\n * `onConfirm` drives the button loader and locks dismissal, then auto-closes on success. Built on\n * `Modal`, so it inherits the portal, scroll-lock, focus-trap, and backdrop/Escape dismissal.\n *\n * @example\n * const { isOpen, open, close } = useDisclosure()\n * <RemoveDialog open={isOpen} onClose={close} onConfirm={() => deleteItem(id)} />\n */\nexport const RemoveDialog = forwardRef<HTMLDivElement, RemoveDialogProps>(function RemoveDialog(\n { open, onClose, onConfirm, title, message, confirmLabel, cancelLabel, loading = false },\n ref,\n) {\n const t = useT()\n const [submitting, setSubmitting] = useState(false)\n const busy = loading || submitting\n\n // dismissal is blocked while the confirm is running (so the delete can't be abandoned mid-flight)\n const handleClose = () => {\n if (!busy) onClose()\n }\n\n const handleConfirm = async () => {\n try {\n setSubmitting(true)\n await onConfirm()\n onClose() // auto-close on success\n } catch {\n // keep the dialog open on failure so the user can retry; the consumer surfaces the error\n } finally {\n setSubmitting(false)\n }\n }\n\n return (\n <Modal\n ref={ref}\n open={open}\n onClose={handleClose}\n size=\"sm\"\n title={title ?? t('removeDialog.title')}\n showCloseButton={!busy}\n closeOnBackdrop={!busy}\n closeOnEscape={!busy}\n footer={\n <>\n <Button variant=\"text\" onClick={handleClose} disabled={busy}>\n {cancelLabel ?? t('common.cancel')}\n </Button>\n <Button color=\"error\" variant=\"filled\" onClick={handleConfirm} loading={busy}>\n {confirmLabel ?? t('common.delete')}\n </Button>\n </>\n }\n >\n <div className={styles.body}>\n <div className={styles.iconBox} aria-hidden>\n <Icon name=\"Trash\" />\n </div>\n <Typography align=\"center\">{message ?? t('removeDialog.message')}</Typography>\n </div>\n </Modal>\n )\n})\n"],"names":["RemoveDialog","forwardRef","open","onClose","onConfirm","title","message","confirmLabel","cancelLabel","loading","ref","t","useT","submitting","setSubmitting","useState","busy","handleClose","handleConfirm","jsx","Modal","jsxs","Fragment","Button","styles","Icon","Typography"],"mappings":";;;;;;;;;;GA0CaA,IAAeC,EAA8C,SACxE,EAAE,MAAAC,GAAM,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,SAAAC,GAAS,cAAAC,GAAc,aAAAC,GAAa,SAAAC,IAAU,GAAA,GACjFC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJ,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAOP,KAAWI,GAGlBI,IAAc,MAAM;AACxB,IAAKD,KAAMb,EAAA;AAAA,EACb,GAEMe,IAAgB,YAAY;AAChC,QAAI;AACF,MAAAJ,EAAc,EAAI,GAClB,MAAMV,EAAA,GACND,EAAA;AAAA,IACF,QAAQ;AAAA,IAER,UAAA;AACE,MAAAW,EAAc,EAAK;AAAA,IACrB;AAAA,EACF;AAEA,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAV;AAAA,MACA,MAAAR;AAAA,MACA,SAASe;AAAA,MACT,MAAK;AAAA,MACL,OAAOZ,KAASM,EAAE,oBAAoB;AAAA,MACtC,iBAAiB,CAACK;AAAA,MAClB,iBAAiB,CAACA;AAAA,MAClB,eAAe,CAACA;AAAA,MAChB,QACE,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAH,EAACI,GAAA,EAAO,SAAQ,QAAO,SAASN,GAAa,UAAUD,GACpD,UAAAR,KAAeG,EAAE,eAAe,EAAA,CACnC;AAAA,QACA,gBAAAQ,EAACI,GAAA,EAAO,OAAM,SAAQ,SAAQ,UAAS,SAASL,GAAe,SAASF,GACrE,UAAAT,KAAgBI,EAAE,eAAe,EAAA,CACpC;AAAA,MAAA,GACF;AAAA,MAGF,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAWG,EAAO,MACrB,UAAA;AAAA,QAAA,gBAAAL,EAAC,OAAA,EAAI,WAAWK,EAAO,SAAS,eAAW,IACzC,UAAA,gBAAAL,EAACM,GAAA,EAAK,MAAK,QAAA,CAAQ,EAAA,CACrB;AAAA,0BACCC,GAAA,EAAW,OAAM,UAAU,UAAApB,KAAWK,EAAE,sBAAsB,EAAA,CAAE;AAAA,MAAA,EAAA,CACnE;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
1
+ {"version":3,"file":"RemoveDialog-DUrD2Em8.js","sources":["../src/components/RemoveDialog/RemoveDialog.tsx"],"sourcesContent":["import { forwardRef, useState, type ReactNode } from 'react'\nimport { useT } from '../../theme'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { Modal } from '../Modal'\nimport { Typography } from '../Typography'\nimport styles from './RemoveDialog.module.css'\n\nexport interface RemoveDialogProps {\n /** Whether the dialog is open. */\n open: boolean\n /** Called on Cancel, the × button, backdrop, or Escape (ignored while a confirm is in flight). */\n onClose: () => void\n /**\n * The destructive action. May be async — while its promise is pending the Delete button shows a\n * loader and the dialog locks (no dismiss); on success the dialog **auto-closes**, on rejection it\n * stays open so the user can retry (surface the error yourself, e.g. a toast).\n */\n onConfirm: () => void | Promise<void>\n /** Header title. Defaults to `\"Remove\"`. */\n title?: ReactNode\n /** Body prompt shown under the icon. Defaults to `\"Are you sure you want to delete?\"`. */\n message?: ReactNode\n /** Confirm (destructive) button label. Defaults to `\"Delete\"`. */\n confirmLabel?: string\n /** Cancel button label. Defaults to `\"Cancel\"`. */\n cancelLabel?: string\n /** External loading override — combined with the internal async-confirm state. */\n loading?: boolean\n}\n\n/**\n * A ready-made delete confirmation — a thin convenience wrapper over `Modal` for the ubiquitous\n * \"Are you sure you want to delete?\" prompt. Hardcodes the destructive flavor (a `Trash` glyph in a\n * soft error circle + an `error` Delete button); just wire `open` / `onClose` / `onConfirm`. An async\n * `onConfirm` drives the button loader and locks dismissal, then auto-closes on success. Built on\n * `Modal`, so it inherits the portal, scroll-lock, focus-trap, and backdrop/Escape dismissal.\n *\n * @example\n * const { isOpen, open, close } = useDisclosure()\n * <RemoveDialog open={isOpen} onClose={close} onConfirm={() => deleteItem(id)} />\n */\nexport const RemoveDialog = forwardRef<HTMLDivElement, RemoveDialogProps>(function RemoveDialog(\n { open, onClose, onConfirm, title, message, confirmLabel, cancelLabel, loading = false },\n ref,\n) {\n const t = useT()\n const [submitting, setSubmitting] = useState(false)\n const busy = loading || submitting\n\n // dismissal is blocked while the confirm is running (so the delete can't be abandoned mid-flight)\n const handleClose = () => {\n if (!busy) onClose()\n }\n\n const handleConfirm = async () => {\n try {\n setSubmitting(true)\n await onConfirm()\n onClose() // auto-close on success\n } catch {\n // keep the dialog open on failure so the user can retry; the consumer surfaces the error\n } finally {\n setSubmitting(false)\n }\n }\n\n return (\n <Modal\n ref={ref}\n open={open}\n onClose={handleClose}\n size=\"sm\"\n title={title ?? t('removeDialog.title')}\n showCloseButton={!busy}\n closeOnBackdrop={!busy}\n closeOnEscape={!busy}\n footer={\n <>\n <Button variant=\"text\" size=\"sm\" onClick={handleClose} disabled={busy}>\n {cancelLabel ?? t('common.cancel')}\n </Button>\n <Button color=\"error\" variant=\"filled\" size=\"sm\" onClick={handleConfirm} loading={busy}>\n {confirmLabel ?? t('common.delete')}\n </Button>\n </>\n }\n >\n <div className={styles.body}>\n <div className={styles.iconBox} aria-hidden>\n <Icon name=\"Trash\" />\n </div>\n <Typography align=\"center\">{message ?? t('removeDialog.message')}</Typography>\n </div>\n </Modal>\n )\n})\n"],"names":["RemoveDialog","forwardRef","open","onClose","onConfirm","title","message","confirmLabel","cancelLabel","loading","ref","t","useT","submitting","setSubmitting","useState","busy","handleClose","handleConfirm","jsx","Modal","jsxs","Fragment","Button","styles","Icon","Typography"],"mappings":";;;;;;;;;;GA0CaA,IAAeC,EAA8C,SACxE,EAAE,MAAAC,GAAM,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,SAAAC,GAAS,cAAAC,GAAc,aAAAC,GAAa,SAAAC,IAAU,GAAA,GACjFC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJ,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAOP,KAAWI,GAGlBI,IAAc,MAAM;AACxB,IAAKD,KAAMb,EAAA;AAAA,EACb,GAEMe,IAAgB,YAAY;AAChC,QAAI;AACF,MAAAJ,EAAc,EAAI,GAClB,MAAMV,EAAA,GACND,EAAA;AAAA,IACF,QAAQ;AAAA,IAER,UAAA;AACE,MAAAW,EAAc,EAAK;AAAA,IACrB;AAAA,EACF;AAEA,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAV;AAAA,MACA,MAAAR;AAAA,MACA,SAASe;AAAA,MACT,MAAK;AAAA,MACL,OAAOZ,KAASM,EAAE,oBAAoB;AAAA,MACtC,iBAAiB,CAACK;AAAA,MAClB,iBAAiB,CAACA;AAAA,MAClB,eAAe,CAACA;AAAA,MAChB,QACE,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAH,EAACI,GAAA,EAAO,SAAQ,QAAO,MAAK,MAAK,SAASN,GAAa,UAAUD,GAC9D,UAAAR,KAAeG,EAAE,eAAe,GACnC;AAAA,QACA,gBAAAQ,EAACI,GAAA,EAAO,OAAM,SAAQ,SAAQ,UAAS,MAAK,MAAK,SAASL,GAAe,SAASF,GAC/E,UAAAT,KAAgBI,EAAE,eAAe,EAAA,CACpC;AAAA,MAAA,GACF;AAAA,MAGF,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAWG,EAAO,MACrB,UAAA;AAAA,QAAA,gBAAAL,EAAC,OAAA,EAAI,WAAWK,EAAO,SAAS,eAAW,IACzC,UAAA,gBAAAL,EAACM,GAAA,EAAK,MAAK,QAAA,CAAQ,EAAA,CACrB;AAAA,0BACCC,GAAA,EAAW,OAAM,UAAU,UAAApB,KAAWK,EAAE,sBAAsB,EAAA,CAAE;AAAA,MAAA,EAAA,CACnE;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("react/jsx-runtime"),c=require("react"),r=require("./Button-BZ_o-akc.cjs"),j=require("./Icon-BVULqOJD.cjs"),B=require("./Modal--e2qGisF.cjs"),b=require("./Typography-BFatE1_A.cjs"),p=require("./ConfigProvider-BicoaBLj.cjs"),q="_body_1hh8p_3",C="_iconBox_1hh8p_13",a={body:q,iconBox:C},_=c.forwardRef(function({open:l,onClose:s,onConfirm:d,title:u,message:m,confirmLabel:h,cancelLabel:g,loading:x=!1},y){const n=p.useT(),[f,t]=c.useState(!1),o=x||f,i=()=>{o||s()},v=async()=>{try{t(!0),await d(),s()}catch{}finally{t(!1)}};return e.jsx(B.Modal,{ref:y,open:l,onClose:i,size:"sm",title:u??n("removeDialog.title"),showCloseButton:!o,closeOnBackdrop:!o,closeOnEscape:!o,footer:e.jsxs(e.Fragment,{children:[e.jsx(r.Button,{variant:"text",size:"sm",onClick:i,disabled:o,children:g??n("common.cancel")}),e.jsx(r.Button,{color:"error",variant:"filled",size:"sm",onClick:v,loading:o,children:h??n("common.delete")})]}),children:e.jsxs("div",{className:a.body,children:[e.jsx("div",{className:a.iconBox,"aria-hidden":!0,children:e.jsx(j.Icon,{name:"Trash"})}),e.jsx(b.Typography,{align:"center",children:m??n("removeDialog.message")})]})})});exports.RemoveDialog=_;
2
+ //# sourceMappingURL=RemoveDialog-FZWYAxRy.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"RemoveDialog-DmOk0ezc.cjs","sources":["../src/components/RemoveDialog/RemoveDialog.tsx"],"sourcesContent":["import { forwardRef, useState, type ReactNode } from 'react'\nimport { useT } from '../../theme'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { Modal } from '../Modal'\nimport { Typography } from '../Typography'\nimport styles from './RemoveDialog.module.css'\n\nexport interface RemoveDialogProps {\n /** Whether the dialog is open. */\n open: boolean\n /** Called on Cancel, the × button, backdrop, or Escape (ignored while a confirm is in flight). */\n onClose: () => void\n /**\n * The destructive action. May be async — while its promise is pending the Delete button shows a\n * loader and the dialog locks (no dismiss); on success the dialog **auto-closes**, on rejection it\n * stays open so the user can retry (surface the error yourself, e.g. a toast).\n */\n onConfirm: () => void | Promise<void>\n /** Header title. Defaults to `\"Remove\"`. */\n title?: ReactNode\n /** Body prompt shown under the icon. Defaults to `\"Are you sure you want to delete?\"`. */\n message?: ReactNode\n /** Confirm (destructive) button label. Defaults to `\"Delete\"`. */\n confirmLabel?: string\n /** Cancel button label. Defaults to `\"Cancel\"`. */\n cancelLabel?: string\n /** External loading override — combined with the internal async-confirm state. */\n loading?: boolean\n}\n\n/**\n * A ready-made delete confirmation — a thin convenience wrapper over `Modal` for the ubiquitous\n * \"Are you sure you want to delete?\" prompt. Hardcodes the destructive flavor (a `Trash` glyph in a\n * soft error circle + an `error` Delete button); just wire `open` / `onClose` / `onConfirm`. An async\n * `onConfirm` drives the button loader and locks dismissal, then auto-closes on success. Built on\n * `Modal`, so it inherits the portal, scroll-lock, focus-trap, and backdrop/Escape dismissal.\n *\n * @example\n * const { isOpen, open, close } = useDisclosure()\n * <RemoveDialog open={isOpen} onClose={close} onConfirm={() => deleteItem(id)} />\n */\nexport const RemoveDialog = forwardRef<HTMLDivElement, RemoveDialogProps>(function RemoveDialog(\n { open, onClose, onConfirm, title, message, confirmLabel, cancelLabel, loading = false },\n ref,\n) {\n const t = useT()\n const [submitting, setSubmitting] = useState(false)\n const busy = loading || submitting\n\n // dismissal is blocked while the confirm is running (so the delete can't be abandoned mid-flight)\n const handleClose = () => {\n if (!busy) onClose()\n }\n\n const handleConfirm = async () => {\n try {\n setSubmitting(true)\n await onConfirm()\n onClose() // auto-close on success\n } catch {\n // keep the dialog open on failure so the user can retry; the consumer surfaces the error\n } finally {\n setSubmitting(false)\n }\n }\n\n return (\n <Modal\n ref={ref}\n open={open}\n onClose={handleClose}\n size=\"sm\"\n title={title ?? t('removeDialog.title')}\n showCloseButton={!busy}\n closeOnBackdrop={!busy}\n closeOnEscape={!busy}\n footer={\n <>\n <Button variant=\"text\" onClick={handleClose} disabled={busy}>\n {cancelLabel ?? t('common.cancel')}\n </Button>\n <Button color=\"error\" variant=\"filled\" onClick={handleConfirm} loading={busy}>\n {confirmLabel ?? t('common.delete')}\n </Button>\n </>\n }\n >\n <div className={styles.body}>\n <div className={styles.iconBox} aria-hidden>\n <Icon name=\"Trash\" />\n </div>\n <Typography align=\"center\">{message ?? t('removeDialog.message')}</Typography>\n </div>\n </Modal>\n )\n})\n"],"names":["RemoveDialog","forwardRef","open","onClose","onConfirm","title","message","confirmLabel","cancelLabel","loading","ref","t","useT","submitting","setSubmitting","useState","busy","handleClose","handleConfirm","jsx","Modal","jsxs","Fragment","Button","styles","Icon","Typography"],"mappings":"0TA0CaA,EAAeC,EAAAA,WAA8C,SACxE,CAAE,KAAAC,EAAM,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAS,aAAAC,EAAc,YAAAC,EAAa,QAAAC,EAAU,EAAA,EACjFC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACJ,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAS,EAAK,EAC5CC,EAAOP,GAAWI,EAGlBI,EAAc,IAAM,CACnBD,GAAMb,EAAA,CACb,EAEMe,EAAgB,SAAY,CAChC,GAAI,CACFJ,EAAc,EAAI,EAClB,MAAMV,EAAA,EACND,EAAA,CACF,MAAQ,CAER,QAAA,CACEW,EAAc,EAAK,CACrB,CACF,EAEA,OACEK,EAAAA,IAACC,EAAAA,MAAA,CACC,IAAAV,EACA,KAAAR,EACA,QAASe,EACT,KAAK,KACL,MAAOZ,GAASM,EAAE,oBAAoB,EACtC,gBAAiB,CAACK,EAClB,gBAAiB,CAACA,EAClB,cAAe,CAACA,EAChB,OACEK,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAH,EAAAA,IAACI,EAAAA,OAAA,CAAO,QAAQ,OAAO,QAASN,EAAa,SAAUD,EACpD,SAAAR,GAAeG,EAAE,eAAe,CAAA,CACnC,EACAQ,EAAAA,IAACI,EAAAA,OAAA,CAAO,MAAM,QAAQ,QAAQ,SAAS,QAASL,EAAe,QAASF,EACrE,SAAAT,GAAgBI,EAAE,eAAe,CAAA,CACpC,CAAA,EACF,EAGF,SAAAU,EAAAA,KAAC,MAAA,CAAI,UAAWG,EAAO,KACrB,SAAA,CAAAL,EAAAA,IAAC,MAAA,CAAI,UAAWK,EAAO,QAAS,cAAW,GACzC,SAAAL,EAAAA,IAACM,EAAAA,KAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CACrB,QACCC,EAAAA,WAAA,CAAW,MAAM,SAAU,SAAApB,GAAWK,EAAE,sBAAsB,CAAA,CAAE,CAAA,CAAA,CACnE,CAAA,CAAA,CAGN,CAAC"}
1
+ {"version":3,"file":"RemoveDialog-FZWYAxRy.cjs","sources":["../src/components/RemoveDialog/RemoveDialog.tsx"],"sourcesContent":["import { forwardRef, useState, type ReactNode } from 'react'\nimport { useT } from '../../theme'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { Modal } from '../Modal'\nimport { Typography } from '../Typography'\nimport styles from './RemoveDialog.module.css'\n\nexport interface RemoveDialogProps {\n /** Whether the dialog is open. */\n open: boolean\n /** Called on Cancel, the × button, backdrop, or Escape (ignored while a confirm is in flight). */\n onClose: () => void\n /**\n * The destructive action. May be async — while its promise is pending the Delete button shows a\n * loader and the dialog locks (no dismiss); on success the dialog **auto-closes**, on rejection it\n * stays open so the user can retry (surface the error yourself, e.g. a toast).\n */\n onConfirm: () => void | Promise<void>\n /** Header title. Defaults to `\"Remove\"`. */\n title?: ReactNode\n /** Body prompt shown under the icon. Defaults to `\"Are you sure you want to delete?\"`. */\n message?: ReactNode\n /** Confirm (destructive) button label. Defaults to `\"Delete\"`. */\n confirmLabel?: string\n /** Cancel button label. Defaults to `\"Cancel\"`. */\n cancelLabel?: string\n /** External loading override — combined with the internal async-confirm state. */\n loading?: boolean\n}\n\n/**\n * A ready-made delete confirmation — a thin convenience wrapper over `Modal` for the ubiquitous\n * \"Are you sure you want to delete?\" prompt. Hardcodes the destructive flavor (a `Trash` glyph in a\n * soft error circle + an `error` Delete button); just wire `open` / `onClose` / `onConfirm`. An async\n * `onConfirm` drives the button loader and locks dismissal, then auto-closes on success. Built on\n * `Modal`, so it inherits the portal, scroll-lock, focus-trap, and backdrop/Escape dismissal.\n *\n * @example\n * const { isOpen, open, close } = useDisclosure()\n * <RemoveDialog open={isOpen} onClose={close} onConfirm={() => deleteItem(id)} />\n */\nexport const RemoveDialog = forwardRef<HTMLDivElement, RemoveDialogProps>(function RemoveDialog(\n { open, onClose, onConfirm, title, message, confirmLabel, cancelLabel, loading = false },\n ref,\n) {\n const t = useT()\n const [submitting, setSubmitting] = useState(false)\n const busy = loading || submitting\n\n // dismissal is blocked while the confirm is running (so the delete can't be abandoned mid-flight)\n const handleClose = () => {\n if (!busy) onClose()\n }\n\n const handleConfirm = async () => {\n try {\n setSubmitting(true)\n await onConfirm()\n onClose() // auto-close on success\n } catch {\n // keep the dialog open on failure so the user can retry; the consumer surfaces the error\n } finally {\n setSubmitting(false)\n }\n }\n\n return (\n <Modal\n ref={ref}\n open={open}\n onClose={handleClose}\n size=\"sm\"\n title={title ?? t('removeDialog.title')}\n showCloseButton={!busy}\n closeOnBackdrop={!busy}\n closeOnEscape={!busy}\n footer={\n <>\n <Button variant=\"text\" size=\"sm\" onClick={handleClose} disabled={busy}>\n {cancelLabel ?? t('common.cancel')}\n </Button>\n <Button color=\"error\" variant=\"filled\" size=\"sm\" onClick={handleConfirm} loading={busy}>\n {confirmLabel ?? t('common.delete')}\n </Button>\n </>\n }\n >\n <div className={styles.body}>\n <div className={styles.iconBox} aria-hidden>\n <Icon name=\"Trash\" />\n </div>\n <Typography align=\"center\">{message ?? t('removeDialog.message')}</Typography>\n </div>\n </Modal>\n )\n})\n"],"names":["RemoveDialog","forwardRef","open","onClose","onConfirm","title","message","confirmLabel","cancelLabel","loading","ref","t","useT","submitting","setSubmitting","useState","busy","handleClose","handleConfirm","jsx","Modal","jsxs","Fragment","Button","styles","Icon","Typography"],"mappings":"0TA0CaA,EAAeC,EAAAA,WAA8C,SACxE,CAAE,KAAAC,EAAM,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAS,aAAAC,EAAc,YAAAC,EAAa,QAAAC,EAAU,EAAA,EACjFC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACJ,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAS,EAAK,EAC5CC,EAAOP,GAAWI,EAGlBI,EAAc,IAAM,CACnBD,GAAMb,EAAA,CACb,EAEMe,EAAgB,SAAY,CAChC,GAAI,CACFJ,EAAc,EAAI,EAClB,MAAMV,EAAA,EACND,EAAA,CACF,MAAQ,CAER,QAAA,CACEW,EAAc,EAAK,CACrB,CACF,EAEA,OACEK,EAAAA,IAACC,EAAAA,MAAA,CACC,IAAAV,EACA,KAAAR,EACA,QAASe,EACT,KAAK,KACL,MAAOZ,GAASM,EAAE,oBAAoB,EACtC,gBAAiB,CAACK,EAClB,gBAAiB,CAACA,EAClB,cAAe,CAACA,EAChB,OACEK,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAH,EAAAA,IAACI,EAAAA,OAAA,CAAO,QAAQ,OAAO,KAAK,KAAK,QAASN,EAAa,SAAUD,EAC9D,SAAAR,GAAeG,EAAE,eAAe,EACnC,EACAQ,EAAAA,IAACI,EAAAA,OAAA,CAAO,MAAM,QAAQ,QAAQ,SAAS,KAAK,KAAK,QAASL,EAAe,QAASF,EAC/E,SAAAT,GAAgBI,EAAE,eAAe,CAAA,CACpC,CAAA,EACF,EAGF,SAAAU,EAAAA,KAAC,MAAA,CAAI,UAAWG,EAAO,KACrB,SAAA,CAAAL,EAAAA,IAAC,MAAA,CAAI,UAAWK,EAAO,QAAS,cAAW,GACzC,SAAAL,EAAAA,IAACM,EAAAA,KAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CACrB,QACCC,EAAAA,WAAA,CAAW,MAAM,SAAU,SAAApB,GAAWK,EAAE,sBAAsB,CAAA,CAAE,CAAA,CAAA,CACnE,CAAA,CAAA,CAGN,CAAC"}
@@ -22,17 +22,17 @@ import { T as ve } from "./Typography-Cta6Rg4L.js";
22
22
  import { t as Dt } from "./toastStore-Cx_JOKwS.js";
23
23
  import { $getSelectionStyleValueForProperty as ye, $patchStyleText as Ce, $setBlocksType as le } from "@lexical/selection";
24
24
  import { $findMatchingParent as It, $getNearestNodeOfType as jt, mergeRegister as Ut, $insertNodeToNearestRoot as ae } from "@lexical/utils";
25
- import { B as V } from "./Button-DBs8xnA5.js";
26
- import { C as wt, D as Ft } from "./ColorPickerPanel-Dp7bnnVf.js";
25
+ import { B as V } from "./Button-obe6rono.js";
26
+ import { C as wt, D as Ft } from "./ColorPickerPanel-PYaF5wPL.js";
27
27
  import { D as O } from "./Divider-LtH3dLgw.js";
28
28
  import { D as ce } from "./Dropdown-FfkmluRu.js";
29
29
  import { F as $t } from "./FloatingPanel-BG9Uag__.js";
30
30
  import { I as u } from "./Icon-DaTvzLBu.js";
31
- import { I as R } from "./IconButton-BEGWfcVc.js";
31
+ import { I as R } from "./IconButton-CBp8QuTO.js";
32
32
  import { L as z } from "./ListItem-Cn15lJBr.js";
33
- import { M as Bt } from "./Modal-B7yoFC3o.js";
34
- import { T as Ht } from "./TextField-BWdmF-HE.js";
35
- import { a as se } from "./ConfigProvider-DR9YMy9U.js";
33
+ import { M as Bt } from "./Modal-DJljaPqV.js";
34
+ import { T as Ht } from "./TextField-7MobCad5.js";
35
+ import { a as se } from "./ConfigProvider-DL9fylMo.js";
36
36
  const Pt = /^(?:https?:|mailto:|tel:|ftp:|#|\/|\?|\.)/i, qt = /^[a-z][a-z0-9+.-]*:/i;
37
37
  function me(o) {
38
38
  const t = o.trim();
@@ -584,8 +584,8 @@ function jr({ size: o, disabled: t, onImageUpload: i }) {
584
584
  icon: m == null ? void 0 : m.icon,
585
585
  title: m == null ? void 0 : m.title,
586
586
  footer: /* @__PURE__ */ x(Ge, { children: [
587
- /* @__PURE__ */ r(V, { variant: "text", onClick: he, children: n("common.cancel") }),
588
- /* @__PURE__ */ r(V, { type: "submit", form: "rte-url-form", children: (m == null ? void 0 : m.confirmLabel) ?? n("common.insert") })
587
+ /* @__PURE__ */ r(V, { variant: "text", size: "sm", onClick: he, children: n("common.cancel") }),
588
+ /* @__PURE__ */ r(V, { type: "submit", size: "sm", form: "rte-url-form", children: (m == null ? void 0 : m.confirmLabel) ?? n("common.insert") })
589
589
  ] }),
590
590
  children: /* @__PURE__ */ r(
591
591
  "form",
@@ -803,4 +803,4 @@ const Lo = Ke(
803
803
  export {
804
804
  Lo as R
805
805
  };
806
- //# sourceMappingURL=RichTextEditor-Bm8FFbcR.js.map
806
+ //# sourceMappingURL=RichTextEditor-CG6LoNiw.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RichTextEditor-CG6LoNiw.js","sources":["../src/components/RichTextEditor/urlSafety.ts","../src/components/RichTextEditor/nodes/ImageNode.tsx","../src/components/RichTextEditor/nodes/VideoNode.tsx","../src/components/RichTextEditor/Toolbar.tsx","../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["/**\n * URL-scheme allowlist for the RichTextEditor — the single defense against script-URL XSS\n * (`javascript:`, `vbscript:`, `data:text/html`, …) reaching the exported HTML value, whether a URL\n * arrives via the toolbar dialogs, a paste, or a loaded value. Rejected URLs are neutralized (an\n * empty `src`, or a `'#'` `href`) rather than executed.\n */\n\n// Link schemes we trust, plus relative/anchor/query starts (which carry no scheme at all).\nconst SAFE_LINK = /^(?:https?:|mailto:|tel:|ftp:|#|\\/|\\?|\\.)/i\n// Does the string begin with an explicit `scheme:` at all? (Anything schemeless is treated as relative.)\nconst HAS_SCHEME = /^[a-z][a-z0-9+.-]*:/i\n\n/**\n * Sanitize a link `href`: allow `http(s)`/`mailto`/`tel`/`ftp` and relative/anchor/query URLs; any\n * other explicit scheme (`javascript:`, `data:`, `vbscript:`, …) collapses to `'#'`.\n */\nexport function sanitizeLinkUrl(url: string): string {\n const trimmed = url.trim()\n if (trimmed === '') return ''\n if (SAFE_LINK.test(trimmed)) return trimmed\n if (!HAS_SCHEME.test(trimmed)) return trimmed // schemeless (e.g. `example.com/x`) → relative, safe\n return '#' // a disallowed scheme\n}\n\n/**\n * Sanitize an image/video `src`: like {@link sanitizeLinkUrl}, but also permits inline\n * `data:image`/`data:video` (upload embeds) and `blob:` object URLs. A disallowed scheme yields `''`.\n */\nexport function sanitizeMediaUrl(url: string): string {\n const trimmed = url.trim()\n if (/^data:(?:image|video)\\//i.test(trimmed) || /^blob:/i.test(trimmed)) return trimmed\n const safe = sanitizeLinkUrl(trimmed)\n return safe === '#' ? '' : safe\n}\n","import {\n $applyNodeReplacement,\n DecoratorNode,\n type DOMConversionMap,\n type DOMConversionOutput,\n type DOMExportOutput,\n type LexicalNode,\n type NodeKey,\n type SerializedLexicalNode,\n type Spread,\n} from 'lexical'\nimport type { ReactNode } from 'react'\nimport { sanitizeMediaUrl } from '../urlSafety'\n\n/** Serialized shape of an {@link ImageNode} (editor-state JSON). */\nexport type SerializedImageNode = Spread<{ src: string; alt: string }, SerializedLexicalNode>\n\n/** Rebuilds an `ImageNode` from a pasted/loaded `<img>` element. */\nfunction convertImageElement(domNode: HTMLElement): DOMConversionOutput | null {\n if (domNode instanceof HTMLImageElement && domNode.src) {\n return { node: $createImageNode(domNode.getAttribute('src') ?? domNode.src, domNode.alt) }\n }\n return null\n}\n\n/**\n * A block-level image node. Renders a plain `<img>` (the `src` may be a remote URL or a base64\n * `data:` URL when inserted via upload). Serializes to a clean `<img src alt>` for the HTML value and\n * parses back from any `<img>` on paste/load.\n */\nexport class ImageNode extends DecoratorNode<ReactNode> {\n __src: string\n __alt: string\n\n static getType(): string {\n return 'tz-image'\n }\n\n static clone(node: ImageNode): ImageNode {\n return new ImageNode(node.__src, node.__alt, node.__key)\n }\n\n constructor(src: string, alt = '', key?: NodeKey) {\n super(key)\n // sanitize here so every path (insert, paste import, JSON load, clone) gets a safe scheme\n this.__src = sanitizeMediaUrl(src)\n this.__alt = alt\n }\n\n static importJSON(json: SerializedImageNode): ImageNode {\n return $createImageNode(json.src, json.alt)\n }\n\n exportJSON(): SerializedImageNode {\n return { ...super.exportJSON(), type: 'tz-image', version: 1, src: this.__src, alt: this.__alt }\n }\n\n static importDOM(): DOMConversionMap | null {\n return { img: () => ({ conversion: convertImageElement, priority: 0 }) }\n }\n\n exportDOM(): DOMExportOutput {\n const element = document.createElement('img')\n element.setAttribute('src', this.__src)\n element.setAttribute('alt', this.__alt)\n return { element }\n }\n\n /** A block wrapper; the actual `<img>` is rendered by {@link decorate}. */\n createDOM(): HTMLElement {\n const div = document.createElement('div')\n div.style.display = 'contents'\n return div\n }\n\n updateDOM(): false {\n return false\n }\n\n getSrc(): string {\n return this.__src\n }\n\n getAltText(): string {\n return this.__alt\n }\n\n decorate(): ReactNode {\n return <img src={this.__src} alt={this.__alt} draggable={false} />\n }\n}\n\n/** Creates an `ImageNode` (use inside an `editor.update`). */\nexport function $createImageNode(src: string, alt = ''): ImageNode {\n return $applyNodeReplacement(new ImageNode(src, alt))\n}\n\n/** Type guard for `ImageNode`. */\nexport function $isImageNode(node: LexicalNode | null | undefined): node is ImageNode {\n return node instanceof ImageNode\n}\n","import {\n $applyNodeReplacement,\n DecoratorNode,\n type DOMConversionMap,\n type DOMConversionOutput,\n type DOMExportOutput,\n type LexicalNode,\n type NodeKey,\n type SerializedLexicalNode,\n type Spread,\n} from 'lexical'\nimport type { ReactNode } from 'react'\nimport { useT } from '../../../theme'\nimport { sanitizeMediaUrl } from '../urlSafety'\n\n/** Serialized shape of a {@link VideoNode} (editor-state JSON). */\nexport type SerializedVideoNode = Spread<{ src: string }, SerializedLexicalNode>\n\n/** A direct video file (rendered with `<video controls>` rather than an embed `<iframe>`). */\nfunction isFileVideo(src: string): boolean {\n return /\\.(mp4|webm|ogg|ogv|mov|m4v)(\\?.*)?$/i.test(src)\n}\n\n/**\n * Normalizes a pasted video URL into an embeddable one — YouTube/Vimeo watch links become their\n * `embed` form; everything else (incl. already-embed URLs and direct files) is returned unchanged,\n * so the conversion is idempotent across HTML round-trips.\n */\nexport function toVideoEmbedSrc(raw: string): string {\n const youtube = raw.match(\n /(?:youtube\\.com\\/(?:watch\\?(?:.*&)?v=|embed\\/|shorts\\/)|youtu\\.be\\/)([\\w-]{11})/,\n )\n if (youtube) return `https://www.youtube.com/embed/${youtube[1]}`\n const vimeo = raw.match(/vimeo\\.com\\/(?:video\\/)?(\\d+)/)\n if (vimeo) return `https://player.vimeo.com/video/${vimeo[1]}`\n return raw\n}\n\n/** Rebuilds a `VideoNode` from a pasted/loaded `<iframe>` or `<video>` element. */\nfunction convertVideoElement(domNode: HTMLElement): DOMConversionOutput | null {\n const src = domNode.getAttribute('src') || domNode.querySelector('source')?.getAttribute('src')\n if (src) return { node: $createVideoNode(src) }\n return null\n}\n\n/**\n * A block-level video node. Direct media files render with `<video controls>`; everything else is\n * treated as an embed and renders in a responsive `<iframe>` (YouTube/Vimeo links are normalized to\n * their embed URL). Serializes to a clean `<video>` / `<iframe>` for the HTML value.\n */\nexport class VideoNode extends DecoratorNode<ReactNode> {\n __src: string\n\n static getType(): string {\n return 'tz-video'\n }\n\n static clone(node: VideoNode): VideoNode {\n return new VideoNode(node.__src, node.__key)\n }\n\n constructor(src: string, key?: NodeKey) {\n super(key)\n // sanitize here so every path (insert, paste import, JSON load, clone) gets a safe scheme\n this.__src = sanitizeMediaUrl(src)\n }\n\n static importJSON(json: SerializedVideoNode): VideoNode {\n return $createVideoNode(json.src)\n }\n\n exportJSON(): SerializedVideoNode {\n return { ...super.exportJSON(), type: 'tz-video', version: 1, src: this.__src }\n }\n\n static importDOM(): DOMConversionMap | null {\n return {\n iframe: () => ({ conversion: convertVideoElement, priority: 0 }),\n video: () => ({ conversion: convertVideoElement, priority: 0 }),\n }\n }\n\n exportDOM(): DOMExportOutput {\n if (isFileVideo(this.__src)) {\n const video = document.createElement('video')\n video.setAttribute('src', this.__src)\n video.setAttribute('controls', 'true')\n return { element: video }\n }\n const iframe = document.createElement('iframe')\n iframe.setAttribute('src', this.__src)\n iframe.setAttribute('frameborder', '0')\n iframe.setAttribute('allowfullscreen', 'true')\n iframe.setAttribute(\n 'allow',\n 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture',\n )\n return { element: iframe }\n }\n\n /** A block wrapper; the actual media element is rendered by {@link decorate}. */\n createDOM(): HTMLElement {\n const div = document.createElement('div')\n div.style.display = 'contents'\n return div\n }\n\n updateDOM(): false {\n return false\n }\n\n getSrc(): string {\n return this.__src\n }\n\n decorate(): ReactNode {\n if (isFileVideo(this.__src)) return <video src={this.__src} controls />\n return <VideoEmbed src={this.__src} />\n }\n}\n\n/** The in-editor embed `<iframe>` — a component so its `title` can be localized via `useT()`. */\nfunction VideoEmbed({ src }: { src: string }) {\n const t = useT()\n return (\n <div className=\"tz-rte-embed\">\n <iframe\n src={src}\n title={t('rte.embeddedVideo')}\n frameBorder={0}\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n allowFullScreen\n />\n </div>\n )\n}\n\n/** Creates a `VideoNode`, normalizing the URL to an embeddable one (use inside an `editor.update`). */\nexport function $createVideoNode(src: string): VideoNode {\n return $applyNodeReplacement(new VideoNode(toVideoEmbedSrc(src)))\n}\n\n/** Type guard for `VideoNode`. */\nexport function $isVideoNode(node: LexicalNode | null | undefined): node is VideoNode {\n return node instanceof VideoNode\n}\n","import { useCallback, useEffect, useRef, useState, type ChangeEvent } from 'react'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport {\n $createParagraphNode,\n $getSelection,\n $isElementNode,\n $isRangeSelection,\n CAN_REDO_COMMAND,\n CAN_UNDO_COMMAND,\n COMMAND_PRIORITY_LOW,\n FORMAT_ELEMENT_COMMAND,\n FORMAT_TEXT_COMMAND,\n REDO_COMMAND,\n SELECTION_CHANGE_COMMAND,\n UNDO_COMMAND,\n type ElementFormatType,\n type TextFormatType,\n} from 'lexical'\nimport {\n $createHeadingNode,\n $createQuoteNode,\n $isHeadingNode,\n $isQuoteNode,\n type HeadingTagType,\n} from '@lexical/rich-text'\nimport {\n INSERT_CHECK_LIST_COMMAND,\n INSERT_ORDERED_LIST_COMMAND,\n INSERT_UNORDERED_LIST_COMMAND,\n ListNode,\n REMOVE_LIST_COMMAND,\n} from '@lexical/list'\nimport { $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link'\nimport { sanitizeLinkUrl } from './urlSafety'\nimport { toast } from '../Toast/toastStore'\nimport { useT, type MessageKey } from '../../theme'\nimport {\n $getSelectionStyleValueForProperty,\n $patchStyleText,\n $setBlocksType,\n} from '@lexical/selection'\nimport { $findMatchingParent, $getNearestNodeOfType, mergeRegister } from '@lexical/utils'\nimport { $insertNodeToNearestRoot } from '@lexical/utils'\nimport type { IconName } from '../../icons/names'\nimport { Button } from '../Button'\nimport { ColorPickerPanel, DEFAULT_SWATCHES } from '../ColorPicker/ColorPickerPanel'\nimport { Divider } from '../Divider'\nimport { Dropdown } from '../Dropdown'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { ListItem } from '../List'\nimport { Modal } from '../Modal'\nimport { TextField } from '../TextField'\nimport { $createImageNode } from './nodes/ImageNode'\nimport { $createVideoNode } from './nodes/VideoNode'\nimport styles from './RichTextEditor.module.css'\n\ntype Size = 'sm' | 'md' | 'lg'\ntype BlockType = 'paragraph' | HeadingTagType | 'quote' | 'bullet' | 'number' | 'check'\n\n// Block-type labels stay **English in every language** by design — \"Paragraph\" / \"Heading\" are\n// editor-standard terms the maintainer prefers untranslated, so these are literals, not i18n keys.\nconst BLOCK_LABEL: Partial<Record<BlockType, string>> = {\n paragraph: 'Paragraph',\n h1: 'Heading 1',\n h2: 'Heading 2',\n h3: 'Heading 3',\n quote: 'Quote',\n bullet: 'Bullet List',\n number: 'Numbered List',\n check: 'Check List',\n}\n\n/** Items in the block-type dropdown — lists & quote are standalone toolbar buttons; check lists are excluded. */\nconst BLOCKS: { type: BlockType; icon?: IconName }[] = [\n { type: 'paragraph', icon: 'Text' },\n { type: 'h1', icon: 'Hashtag' },\n { type: 'h2', icon: 'Hashtag' },\n { type: 'h3', icon: 'Hashtag' },\n]\n\n/** Text-alignment controls (set the block element's `text-align`); `labelKey` resolves via `t`. */\nconst ALIGNS: { value: ElementFormatType; labelKey: MessageKey; icon: IconName }[] = [\n { value: 'left', labelKey: 'rte.alignLeft', icon: 'TextalignLeft' },\n { value: 'center', labelKey: 'rte.alignCenter', icon: 'TextalignCenter' },\n { value: 'right', labelKey: 'rte.alignRight', icon: 'TextalignRight' },\n]\n\n/** Font-size options (the `font-size` style value). */\nconst FONT_SIZES = ['10px', '12px', '14px', '16px', '18px', '20px']\n\n/** The editor's default content size per `size` (mirrors `.content` in the CSS) — shown active when the\n * selection has no explicit `font-size`. */\nconst DEFAULT_FONT_SIZE: Record<Size, string> = { sm: '12px', md: '14px', lg: '16px' }\n\n/** Config for the shared URL-input `Modal` (link / image-by-URL / video) — replaces `window.prompt`. */\ntype UrlDialog = {\n icon: IconName\n title: string\n label: string\n placeholder: string\n confirmLabel: string\n onConfirm: (url: string) => void\n}\n\n/** The text-color button glyph — a brush icon with a corner triangle tinted with the current text\n * color (so the selected color is always visible). Accepts the `size` `IconButton` injects so it\n * doesn't hit the DOM. */\nfunction ColorGlyph({ color, size }: { color: string; size?: Size }) {\n return (\n <span className={styles.colorGlyph}>\n <Icon name=\"Brush\" size={size} />\n <span\n className={styles.colorBar}\n style={{ borderColor: `transparent transparent ${color || 'currentColor'} transparent` }}\n aria-hidden=\"true\"\n />\n </span>\n )\n}\n\nexport interface ToolbarProps {\n size: Size\n disabled: boolean\n /** Optional async upload — when set, an inserted image uses the returned URL instead of a base64 data URL. */\n onImageUpload?: (file: File) => Promise<string>\n}\n\n/** The editor toolbar — reads the live selection and dispatches Lexical commands. */\nexport function Toolbar({ size, disabled, onImageUpload }: ToolbarProps) {\n const t = useT()\n const blockLabel = (b: BlockType): string => BLOCK_LABEL[b] ?? b // h4–h6 aren't offered by the editor\n const [editor] = useLexicalComposerContext()\n const fileInputRef = useRef<HTMLInputElement>(null)\n\n const [isBold, setIsBold] = useState(false)\n const [isItalic, setIsItalic] = useState(false)\n const [isUnderline, setIsUnderline] = useState(false)\n const [isLink, setIsLink] = useState(false)\n const [linkUrl, setLinkUrl] = useState('')\n const [blockType, setBlockType] = useState<BlockType>('paragraph')\n const [elementFormat, setElementFormat] = useState<ElementFormatType>('left')\n const [fontSize, setFontSize] = useState('')\n const [textColor, setTextColor] = useState('')\n const [colorOpen, setColorOpen] = useState(false)\n const colorTriggerRef = useRef<HTMLButtonElement | null>(null)\n const [canUndo, setCanUndo] = useState(false)\n const [canRedo, setCanRedo] = useState(false)\n // shared URL-input modal (link / image-by-URL / video)\n const [urlDialog, setUrlDialog] = useState<UrlDialog | null>(null)\n const [urlValue, setUrlValue] = useState('')\n\n const syncState = useCallback(() => {\n const selection = $getSelection()\n if (!$isRangeSelection(selection)) return\n setIsBold(selection.hasFormat('bold'))\n setIsItalic(selection.hasFormat('italic'))\n setIsUnderline(selection.hasFormat('underline'))\n setTextColor($getSelectionStyleValueForProperty(selection, 'color', ''))\n setFontSize($getSelectionStyleValueForProperty(selection, 'font-size', ''))\n\n const anchorNode = selection.anchor.getNode()\n const parent = anchorNode.getParent()\n const linkNode = $isLinkNode(anchorNode) ? anchorNode : $isLinkNode(parent) ? parent : null\n setIsLink(linkNode !== null)\n setLinkUrl(linkNode?.getURL() ?? '')\n\n // the block element under the cursor — drives both the alignment and block-type state\n const element =\n anchorNode.getKey() === 'root'\n ? anchorNode\n : ($findMatchingParent(anchorNode, (e) => {\n const parent = e.getParent()\n return parent === null || parent.getKey() === 'root'\n }) ?? anchorNode.getTopLevelElement())\n\n setElementFormat(($isElementNode(element) && element.getFormatType()) || 'left')\n\n const listNode = $getNearestNodeOfType(anchorNode, ListNode)\n if (listNode) setBlockType(listNode.getListType())\n else if ($isHeadingNode(element)) setBlockType(element.getTag())\n else if ($isQuoteNode(element)) setBlockType('quote')\n else setBlockType('paragraph')\n }, [])\n\n useEffect(() => {\n return mergeRegister(\n editor.registerUpdateListener(({ editorState }) => editorState.read(syncState)),\n editor.registerCommand(\n SELECTION_CHANGE_COMMAND,\n () => {\n syncState()\n return false\n },\n COMMAND_PRIORITY_LOW,\n ),\n editor.registerCommand(\n CAN_UNDO_COMMAND,\n (payload) => {\n setCanUndo(payload)\n return false\n },\n COMMAND_PRIORITY_LOW,\n ),\n editor.registerCommand(\n CAN_REDO_COMMAND,\n (payload) => {\n setCanRedo(payload)\n return false\n },\n COMMAND_PRIORITY_LOW,\n ),\n )\n }, [editor, syncState])\n\n const format = (type: TextFormatType) => editor.dispatchCommand(FORMAT_TEXT_COMMAND, type)\n\n const applyAlign = (fmt: ElementFormatType) => editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, fmt)\n\n // apply the picked color to the (retained) selection; `''` clears it back to the default\n const applyColor = (color: string) => {\n setTextColor(color)\n editor.update(() => {\n const selection = $getSelection()\n if ($isRangeSelection(selection)) $patchStyleText(selection, { color: color || null })\n })\n }\n\n // apply a font size to the (retained) selection; `''` clears it back to the editor default\n const applyFontSize = (value: string) => {\n setFontSize(value)\n editor.update(() => {\n const selection = $getSelection()\n if ($isRangeSelection(selection)) $patchStyleText(selection, { 'font-size': value || null })\n })\n }\n\n const applyBlock = (type: BlockType) => {\n if (type === 'bullet' || type === 'number' || type === 'check') {\n if (blockType === type) {\n editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined)\n } else {\n const command =\n type === 'bullet'\n ? INSERT_UNORDERED_LIST_COMMAND\n : type === 'number'\n ? INSERT_ORDERED_LIST_COMMAND\n : INSERT_CHECK_LIST_COMMAND\n editor.dispatchCommand(command, undefined)\n }\n return\n }\n editor.update(() => {\n const selection = $getSelection()\n if (!$isRangeSelection(selection)) return\n if (type === 'paragraph') $setBlocksType(selection, () => $createParagraphNode())\n else if (type === 'quote') $setBlocksType(selection, () => $createQuoteNode())\n else $setBlocksType(selection, () => $createHeadingNode(type))\n })\n }\n\n const toggleQuote = () => applyBlock(blockType === 'quote' ? 'paragraph' : 'quote')\n\n // open the shared URL modal (prefilled value + handler differ per action)\n const openUrlDialog = (config: UrlDialog, initial = '') => {\n setUrlValue(initial)\n setUrlDialog(config)\n }\n const closeUrlDialog = () => setUrlDialog(null)\n const confirmUrlDialog = () => {\n urlDialog?.onConfirm(urlValue.trim())\n setUrlDialog(null)\n }\n\n const insertLink = () =>\n openUrlDialog(\n {\n icon: 'Link2',\n title: t('rte.linkTitle'),\n label: t('rte.linkUrl'),\n placeholder: 'https://example.com',\n confirmLabel: isLink ? t('common.update') : t('common.insert'),\n // an empty value removes the link (matches the old prompt behavior); sanitize the scheme\n onConfirm: (url) =>\n editor.dispatchCommand(TOGGLE_LINK_COMMAND, url === '' ? null : sanitizeLinkUrl(url)),\n },\n linkUrl, // prefill the current link's URL when the cursor sits in one\n )\n\n const insertImageByUrl = () =>\n openUrlDialog({\n icon: 'GalleryAdd',\n title: t('rte.imageTitle'),\n label: t('rte.imageUrl'),\n placeholder: 'https://example.com/image.jpg',\n confirmLabel: t('common.insert'),\n onConfirm: (url) => {\n if (url) editor.update(() => $insertNodeToNearestRoot($createImageNode(url)))\n },\n })\n\n const onImageFile = async (event: ChangeEvent<HTMLInputElement>) => {\n const file = event.target.files?.[0]\n event.target.value = '' // allow re-picking the same file\n if (!file) return\n try {\n const url = onImageUpload ? await onImageUpload(file) : await fileToDataUrl(file)\n editor.update(() => $insertNodeToNearestRoot($createImageNode(url, file.name)))\n } catch {\n // a rejecting consumer upload handler (or a failed data-URL read) shouldn't fail silently\n toast.error(t('rte.imageError'))\n }\n }\n\n const insertVideo = () =>\n openUrlDialog({\n icon: 'VideoSquare',\n title: t('rte.videoTitle'),\n label: t('rte.videoUrl'),\n placeholder: t('rte.videoUrlPlaceholder'),\n confirmLabel: t('common.insert'),\n onConfirm: (url) => {\n if (url) editor.update(() => $insertNodeToNearestRoot($createVideoNode(url)))\n },\n })\n\n /** A format toggle — soft-filled while active. */\n const fmtBtn = (\n active: boolean,\n label: string,\n onClick: () => void,\n child: React.ReactNode,\n key?: string,\n ) => (\n <IconButton\n key={key}\n variant={active ? 'filled' : 'text'}\n color=\"primary\"\n size={size}\n disabled={disabled}\n aria-label={label}\n aria-pressed={active}\n onMouseDown={(e) => e.preventDefault()} // keep focus/selection in the editor\n onClick={onClick}\n >\n {child}\n </IconButton>\n )\n\n // the block dropdown only manages Paragraph / Headings — lists & quote are separate toggle buttons,\n // so when the cursor is in a list/quote/check the trigger shows \"Paragraph\", not e.g. \"Bullet List\".\n const dropdownBlock: BlockType = blockType.startsWith('h') ? blockType : 'paragraph'\n\n // font-size shown active: the selection's explicit size, else the editor's default for this `size`\n const effectiveFontSize = fontSize || DEFAULT_FONT_SIZE[size]\n\n return (\n <div\n className={styles.toolbar}\n role=\"toolbar\"\n aria-label={t('rte.formatting')}\n aria-orientation=\"horizontal\"\n >\n <IconButton\n variant=\"text\"\n color=\"primary\"\n size={size}\n disabled={disabled || !canUndo}\n aria-label={t('rte.undo')}\n onMouseDown={(e) => e.preventDefault()}\n onClick={() => editor.dispatchCommand(UNDO_COMMAND, undefined)}\n >\n <Icon name=\"UndoArrow\" />\n </IconButton>\n <IconButton\n variant=\"text\"\n color=\"primary\"\n size={size}\n disabled={disabled || !canRedo}\n aria-label={t('rte.redo')}\n onMouseDown={(e) => e.preventDefault()}\n onClick={() => editor.dispatchCommand(REDO_COMMAND, undefined)}\n >\n <Icon name=\"RedoArrow\" />\n </IconButton>\n\n <Divider orientation=\"vertical\" />\n\n <Dropdown\n size={size}\n disabled={disabled}\n minWidth={false}\n trigger={\n <Button\n variant=\"text\"\n color=\"primary\"\n size={size}\n disabled={disabled}\n endIcon={<Icon name=\"ArrowDown4\" />}\n aria-label={t('rte.fontSize')}\n onMouseDown={(e) => e.preventDefault()} // keep the selection while opening\n >\n {effectiveFontSize}\n </Button>\n }\n >\n {FONT_SIZES.map((f) => (\n <ListItem\n key={f}\n clickable\n selected={f === effectiveFontSize}\n onClick={() => applyFontSize(f)}\n >\n {f}\n </ListItem>\n ))}\n </Dropdown>\n\n <Divider orientation=\"vertical\" />\n\n <Dropdown\n size={size}\n disabled={disabled}\n trigger={\n <Button\n variant=\"text\"\n color=\"primary\"\n size={size}\n disabled={disabled}\n endIcon={<Icon name=\"ArrowDown4\" />}\n onMouseDown={(e) => e.preventDefault()} // keep the selection while opening\n >\n {blockLabel(dropdownBlock)}\n </Button>\n }\n >\n {BLOCKS.map((b) => (\n <ListItem\n key={b.type}\n clickable\n selected={dropdownBlock === b.type}\n icon={b.icon}\n onClick={() => applyBlock(b.type)}\n >\n {blockLabel(b.type)}\n </ListItem>\n ))}\n </Dropdown>\n\n <Divider orientation=\"vertical\" />\n\n {fmtBtn(isBold, t('rte.bold'), () => format('bold'), <Icon name=\"TextBold\" />)}\n {fmtBtn(isItalic, t('rte.italic'), () => format('italic'), <Icon name=\"TextItalic\" />)}\n {fmtBtn(\n isUnderline,\n t('rte.underline'),\n () => format('underline'),\n <Icon name=\"TextUnderline\" />,\n )}\n\n <Divider orientation=\"vertical\" />\n\n {fmtBtn(\n blockType === 'bullet',\n t('rte.bulletList'),\n () => applyBlock('bullet'),\n <Icon name=\"ListBullet\" />,\n )}\n {fmtBtn(\n blockType === 'number',\n t('rte.numberedList'),\n () => applyBlock('number'),\n <Icon name=\"ListNumber\" />,\n )}\n {fmtBtn(blockType === 'quote', t('rte.quote'), toggleQuote, <Icon name=\"QuoteUp\" />)}\n\n <Divider orientation=\"vertical\" />\n\n {ALIGNS.map((a) =>\n fmtBtn(\n elementFormat === a.value,\n t(a.labelKey),\n () => applyAlign(a.value),\n <Icon name={a.icon} />,\n a.value,\n ),\n )}\n\n <Divider orientation=\"vertical\" />\n\n <IconButton\n ref={colorTriggerRef}\n variant=\"text\"\n color=\"primary\"\n size={size}\n disabled={disabled}\n aria-label={t('rte.textColor')}\n aria-expanded={colorOpen}\n onMouseDown={(e) => e.preventDefault()} // keep the editor's selection while opening\n onClick={() => setColorOpen((o) => !o)}\n >\n <ColorGlyph color={textColor} />\n </IconButton>\n <FloatingPanel\n open={colorOpen}\n triggerRef={colorTriggerRef}\n onClose={(refocus) => {\n setColorOpen(false)\n if (refocus) colorTriggerRef.current?.focus()\n }}\n role=\"dialog\"\n ariaLabel={t('rte.textColor')}\n width={232}\n >\n {/* no \"no color\" swatch; with no explicit color the accent default (first swatch) shows selected */}\n <ColorPickerPanel\n value={textColor || DEFAULT_SWATCHES[0]}\n onChange={applyColor}\n clearable={false}\n />\n </FloatingPanel>\n\n {fmtBtn(isLink, t('rte.link'), insertLink, <Icon name=\"Link2\" />)}\n\n <Dropdown\n size={size}\n disabled={disabled}\n minWidth={false}\n trigger={\n <IconButton\n variant=\"text\"\n color=\"primary\"\n size={size}\n disabled={disabled}\n aria-label={t('rte.insertImage')}\n >\n <Icon name=\"GalleryAdd\" />\n </IconButton>\n }\n >\n <ListItem clickable icon=\"GalleryImport\" onClick={() => fileInputRef.current?.click()}>\n {t('rte.uploadImage')}\n </ListItem>\n <ListItem clickable icon=\"Link\" onClick={insertImageByUrl}>\n {t('rte.imageByUrl')}\n </ListItem>\n </Dropdown>\n\n <IconButton\n variant=\"text\"\n color=\"primary\"\n size={size}\n disabled={disabled}\n aria-label={t('rte.insertVideo')}\n onClick={insertVideo}\n >\n <Icon name=\"VideoSquare\" />\n </IconButton>\n\n <input\n ref={fileInputRef}\n type=\"file\"\n accept=\"image/*\"\n hidden\n onChange={onImageFile}\n aria-hidden=\"true\"\n tabIndex={-1}\n />\n\n {/* shared URL-input dialog for link / image-by-URL / video (replaces window.prompt). The footer\n Submit drives the body <form> via the `form` attribute (works across the modal's portal). */}\n <Modal\n open={urlDialog !== null}\n onClose={closeUrlDialog}\n size=\"sm\"\n icon={urlDialog?.icon}\n title={urlDialog?.title}\n footer={\n <>\n <Button variant=\"text\" size=\"sm\" onClick={closeUrlDialog}>\n {t('common.cancel')}\n </Button>\n <Button type=\"submit\" size=\"sm\" form=\"rte-url-form\">\n {urlDialog?.confirmLabel ?? t('common.insert')}\n </Button>\n </>\n }\n >\n <form\n id=\"rte-url-form\"\n onSubmit={(e) => {\n e.preventDefault()\n confirmUrlDialog()\n }}\n >\n <TextField\n label={urlDialog?.label}\n placeholder={urlDialog?.placeholder}\n value={urlValue}\n onChange={(e) => setUrlValue(e.target.value)}\n />\n </form>\n </Modal>\n </div>\n )\n}\n\n/** Reads a picked file into a base64 `data:` URL (the no-backend default for image upload). */\nfunction fileToDataUrl(file: File): Promise<string> {\n return new Promise((resolve, reject) => {\n const reader = new FileReader()\n reader.onload = () => resolve(reader.result as string)\n reader.onerror = () => reject(reader.error)\n reader.readAsDataURL(file)\n })\n}\n","import {\n forwardRef,\n useCallback,\n useEffect,\n useRef,\n type CSSProperties,\n type FocusEvent,\n type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport {\n $createParagraphNode,\n $getRoot,\n $insertNodes,\n $isParagraphNode,\n $setSelection,\n type EditorThemeClasses,\n} from 'lexical'\nimport { LexicalComposer } from '@lexical/react/LexicalComposer'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin'\nimport { ContentEditable } from '@lexical/react/LexicalContentEditable'\nimport { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary'\nimport { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin'\nimport { ListPlugin } from '@lexical/react/LexicalListPlugin'\nimport { CheckListPlugin } from '@lexical/react/LexicalCheckListPlugin'\nimport { LinkPlugin } from '@lexical/react/LexicalLinkPlugin'\nimport { MarkdownShortcutPlugin } from '@lexical/react/LexicalMarkdownShortcutPlugin'\nimport {\n ELEMENT_TRANSFORMERS,\n TEXT_FORMAT_TRANSFORMERS,\n TEXT_MATCH_TRANSFORMERS,\n} from '@lexical/markdown'\nimport { HeadingNode, QuoteNode } from '@lexical/rich-text'\nimport { ListItemNode, ListNode } from '@lexical/list'\nimport { LinkNode } from '@lexical/link'\nimport { sanitizeLinkUrl } from './urlSafety'\nimport { $generateHtmlFromNodes, $generateNodesFromDOM } from '@lexical/html'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { Typography } from '../Typography'\nimport { Toolbar } from './Toolbar'\nimport { ImageNode } from './nodes/ImageNode'\nimport { VideoNode } from './nodes/VideoNode'\nimport styles from './RichTextEditor.module.css'\n\nexport type RichTextEditorSize = 'sm' | 'md' | 'lg'\n\n/** Lexical node-type → CSS-module class map (so content is styled with `--tz-*` tokens). */\nconst THEME: EditorThemeClasses = {\n paragraph: styles.paragraph,\n heading: {\n h1: styles.h1,\n h2: styles.h2,\n h3: styles.h3,\n h4: styles.h4,\n h5: styles.h5,\n h6: styles.h6,\n },\n quote: styles.quote,\n list: {\n ul: styles.ul,\n ol: styles.ol,\n listitem: styles.li,\n listitemChecked: styles.liChecked,\n listitemUnchecked: styles.liUnchecked,\n nested: { listitem: styles.nestedLi },\n },\n link: styles.link,\n text: {\n bold: styles.bold,\n italic: styles.italic,\n underline: styles.underline,\n strikethrough: styles.strike,\n code: styles.codeInline,\n },\n}\n\nconst EDITOR_NODES = [\n HeadingNode,\n QuoteNode,\n ListNode,\n ListItemNode,\n LinkNode,\n ImageNode,\n VideoNode,\n]\n\n/**\n * Markdown shortcuts for headings/quote/lists + inline formats + links. Excludes the multiline\n * fenced-code-block transformer (it needs `CodeNode`, which is out of scope for v1).\n */\nconst MARKDOWN_TRANSFORMERS = [\n ...ELEMENT_TRANSFORMERS,\n ...TEXT_FORMAT_TRANSFORMERS,\n ...TEXT_MATCH_TRANSFORMERS,\n]\n\n/**\n * Strips the editor's (hashed, CSS-module) `class` attributes from exported HTML so the value is clean,\n * portable markup (`<h2>` not `<h2 class=\"_h2_ab12\">`). Classes aren't needed to re-import — parsing\n * keys off tag names — so this is round-trip-safe.\n */\nfunction cleanExportedHtml(html: string): string {\n if (typeof document === 'undefined') return html\n const template = document.createElement('template')\n template.innerHTML = html\n template.content.querySelectorAll('[class]').forEach((el) => el.removeAttribute('class'))\n return template.innerHTML\n}\n\n/**\n * True when the editor holds nothing but an empty paragraph (Lexical's \"blank\" state, which serializes\n * to `<p><br></p>`). Lets the value emit `''` instead, so a cleared editor reads as truly empty (and a\n * `required` rule fires). Call inside an `editor.read`/`update`.\n */\nfunction $isEditorEmpty(): boolean {\n const root = $getRoot()\n const first = root.getFirstChild()\n return (\n root.getChildrenSize() <= 1 &&\n (first === null || ($isParagraphNode(first) && first.getChildrenSize() === 0))\n )\n}\n\n/** Replaces the editor's content with the nodes parsed from an HTML string (call inside `editor.update`). */\nfunction $setRootFromHtml(editor: Parameters<typeof $generateNodesFromDOM>[0], html: string) {\n const root = $getRoot()\n root.clear()\n if (html) {\n const dom = new DOMParser().parseFromString(html, 'text/html')\n const nodes = $generateNodesFromDOM(editor, dom)\n root.select()\n $insertNodes(nodes)\n }\n if (root.getChildrenSize() === 0) root.append($createParagraphNode())\n // clear the caret the insert left at the end of the content — otherwise Lexical scrolls it into\n // view when setting the initial/controlled value on mount, dragging the whole page down to a\n // below-the-fold editor (e.g. the prefilled RTEs on the Edit form). Focus re-places it later.\n $setSelection(null)\n}\n\ninterface ValuePluginProps {\n value?: string\n defaultValue?: string\n onChange: (html: string) => void\n disabled: boolean\n}\n\n/** Bridges the HTML `value` ↔ the Lexical editor state, and toggles read-only mode. */\nfunction ValuePlugin({ value, defaultValue, onChange, disabled }: ValuePluginProps) {\n const [editor] = useLexicalComposerContext()\n // the last HTML we wrote-in or emitted-out — guards the controlled-sync ↔ onChange feedback loop\n const lastHtml = useRef<string | undefined>(undefined)\n const onChangeRef = useRef(onChange)\n onChangeRef.current = onChange\n\n useEffect(() => editor.setEditable(!disabled), [editor, disabled])\n\n // neutralize unsafe link schemes (javascript:, data:, …) on every LinkNode — covers pasted anchors\n // as well as toolbar inserts (which are also pre-sanitized), so no script URL survives into the value\n useEffect(\n () =>\n editor.registerNodeTransform(LinkNode, (node) => {\n const url = node.getURL()\n const safe = sanitizeLinkUrl(url)\n if (safe !== url) node.setURL(safe)\n }),\n [editor],\n )\n\n // initial defaultValue (uncontrolled) — once\n useEffect(() => {\n if (value !== undefined || !defaultValue) return\n lastHtml.current = defaultValue\n editor.update(() => $setRootFromHtml(editor, defaultValue), { tag: 'history-merge' })\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n\n // controlled value → editor (only on a genuine external change, not our own echo)\n useEffect(() => {\n if (value === undefined || value === lastHtml.current) return\n lastHtml.current = value\n editor.update(() => $setRootFromHtml(editor, value), { tag: 'history-merge' })\n }, [editor, value])\n\n // editor → HTML out. NB: must be `editor.read` (not `editorState.read`) so the active editor is\n // bound — `$generateHtmlFromNodes` → node `createDOM` needs it, else it throws \"no active editor\".\n useEffect(\n () =>\n editor.registerUpdateListener(({ dirtyElements, dirtyLeaves }) => {\n if (dirtyElements.size === 0 && dirtyLeaves.size === 0) return\n editor.read(() => {\n const html = $isEditorEmpty()\n ? ''\n : cleanExportedHtml($generateHtmlFromNodes(editor, null))\n if (html === lastHtml.current) return\n lastHtml.current = html\n onChangeRef.current(html)\n })\n }),\n [editor],\n )\n\n return null\n}\n\nexport interface RichTextEditorProps {\n /** Label rendered above the editor. */\n label?: ReactNode\n /** Preset size — drives toolbar density, content font size and min-height. */\n size?: RichTextEditorSize\n /** Marks the field invalid: red border/ring and `helperText` in the error color. */\n error?: boolean\n /** Helper / validation text under the editor. Adopts the error color while `error`. */\n helperText?: ReactNode\n /** Adds a red asterisk after the label (visual hint). */\n required?: boolean\n /** Read-only mode — the toolbar disables and the content isn't editable. */\n disabled?: boolean\n /** Placeholder shown while the editor is empty. */\n placeholder?: string\n /** Form field name — auto-binds value/validation to a surrounding `<Form>` (value = the HTML string). */\n name?: string\n /** Controlled HTML value. */\n value?: string\n /** Initial HTML value (uncontrolled). */\n defaultValue?: string\n /** Fires with the serialized **HTML** on every edit. */\n onChange?: (html: string) => void\n /**\n * Async image upload. When provided, an uploaded image is sent through this and the returned URL is\n * inserted; when omitted, the image is embedded inline as a base64 `data:` URL (no backend needed).\n */\n onImageUpload?: (file: File) => Promise<string>\n /** Min height of the editable area in px. Defaults to `220`. */\n minHeight?: number\n /** Accessible label for the editable region. Defaults to `'Rich text editor'`. */\n 'aria-label'?: string\n className?: string\n style?: CSSProperties\n}\n\n/**\n * A rich text editor built on **Lexical** (an optional peer — install `lexical` + `@lexical/*`). Its\n * value is an **HTML string**: bold/italic/underline/strikethrough/inline-code, headings, lists\n * (bullet/ordered/check), links, block quote, plus **images** (insert by URL or upload — embedded as a\n * base64 `data:` URL unless an `onImageUpload` handler is given) and **video** embeds (paste a\n * YouTube/Vimeo/file URL). Markdown shortcuts work while typing (`# `, `- `, `> `, …). The toolbar is\n * built from the library's own `IconButton`/`Button`/`Dropdown`, and the content is styled entirely\n * with `--tz-*` tokens. Controlled (`value` + `onChange`) or uncontrolled (`defaultValue`); inside a\n * `<Form>`, a `name` prop auto-binds the HTML value (validate with e.g. `z.string().min(1)`).\n */\nexport const RichTextEditor = forwardRef<HTMLDivElement, RichTextEditorProps>(\n function RichTextEditor(\n {\n label,\n size = 'md',\n error,\n helperText,\n required = false,\n disabled = false,\n placeholder,\n name,\n value,\n defaultValue,\n onChange,\n onImageUpload,\n minHeight = 220,\n 'aria-label': ariaLabel = 'Rich text editor',\n className,\n style,\n },\n ref,\n ) {\n const t = useT()\n const form = useFormContext()\n const bound = form && name ? form.field(name) : undefined\n const resolvedError = error ?? bound?.error ?? false\n const resolvedHelperText = helperText ?? bound?.helperText\n\n const formValue = form && name ? (form.values as Record<string, unknown>)[name] : undefined\n const effValue =\n value !== undefined ? value : form && name ? String(formValue ?? '') : undefined\n\n const handleChange = useCallback(\n (html: string) => {\n if (form && name) form.setValue(name, html as never)\n onChange?.(html)\n },\n [form, name, onChange],\n )\n\n const handleBlur = (event: FocusEvent<HTMLDivElement>) => bound?.onBlur(event as never)\n\n // Mirror the form `name` onto the editable DOM node so a `<Form>`'s scroll-to-error can find and\n // focus it — the contenteditable isn't an `<input>`, and Lexical's `ContentEditable` doesn't take\n // a `name` prop, so set the attribute imperatively via a ref.\n const contentRef = useRef<HTMLDivElement | null>(null)\n useEffect(() => {\n const el = contentRef.current\n if (!el) return\n if (name) el.setAttribute('name', name)\n else el.removeAttribute('name')\n }, [name])\n\n const initialConfig = {\n namespace: 'tz-rich-text-editor',\n theme: THEME,\n nodes: EDITOR_NODES,\n editable: !disabled,\n onError: (e: Error) => {\n throw e\n },\n }\n\n return (\n <div\n ref={ref}\n className={clsx(\n styles.editor,\n styles[size],\n resolvedError && styles.error,\n disabled && styles.disabled,\n className,\n )}\n style={{ '--tz-rte-min-height': `${minHeight}px`, ...style } as CSSProperties}\n >\n {label != null && (\n <div className={styles.label}>\n <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n {label}\n </Typography>\n {required && (\n <span className={styles.required} aria-hidden=\"true\">\n *\n </span>\n )}\n </div>\n )}\n\n <div className={styles.control}>\n <LexicalComposer initialConfig={initialConfig}>\n <Toolbar size={size} disabled={disabled} onImageUpload={onImageUpload} />\n <div className={styles.shell}>\n <RichTextPlugin\n contentEditable={\n <ContentEditable\n ref={contentRef}\n className={styles.content}\n aria-label={ariaLabel}\n aria-invalid={resolvedError || undefined}\n onBlur={handleBlur}\n />\n }\n placeholder={\n <div className={styles.placeholder}>{placeholder ?? t('rte.placeholder')}</div>\n }\n ErrorBoundary={LexicalErrorBoundary}\n />\n </div>\n <HistoryPlugin />\n <ListPlugin />\n <CheckListPlugin />\n <LinkPlugin />\n <MarkdownShortcutPlugin transformers={MARKDOWN_TRANSFORMERS} />\n <ValuePlugin\n value={effValue}\n defaultValue={defaultValue}\n onChange={handleChange}\n disabled={disabled}\n />\n </LexicalComposer>\n </div>\n\n {resolvedHelperText != null && (\n <Typography\n as=\"span\"\n variant=\"bodySmall\"\n color={resolvedError ? 'error' : 'muted'}\n className={styles.helper}\n >\n {resolvedHelperText}\n </Typography>\n )}\n </div>\n )\n },\n)\n"],"names":["SAFE_LINK","HAS_SCHEME","sanitizeLinkUrl","url","trimmed","sanitizeMediaUrl","safe","convertImageElement","domNode","$createImageNode","ImageNode","DecoratorNode","node","src","alt","key","json","element","div","jsx","$applyNodeReplacement","isFileVideo","toVideoEmbedSrc","raw","youtube","vimeo","convertVideoElement","_a","$createVideoNode","VideoNode","video","iframe","VideoEmbed","useT","BLOCK_LABEL","BLOCKS","ALIGNS","FONT_SIZES","DEFAULT_FONT_SIZE","ColorGlyph","color","size","jsxs","styles","Icon","Toolbar","disabled","onImageUpload","t","blockLabel","b","editor","useLexicalComposerContext","fileInputRef","useRef","isBold","setIsBold","useState","isItalic","setIsItalic","isUnderline","setIsUnderline","isLink","setIsLink","linkUrl","setLinkUrl","blockType","setBlockType","elementFormat","setElementFormat","fontSize","setFontSize","textColor","setTextColor","colorOpen","setColorOpen","colorTriggerRef","canUndo","setCanUndo","canRedo","setCanRedo","urlDialog","setUrlDialog","urlValue","setUrlValue","syncState","useCallback","selection","$getSelection","$isRangeSelection","$getSelectionStyleValueForProperty","anchorNode","parent","linkNode","$isLinkNode","$findMatchingParent","e","$isElementNode","listNode","$getNearestNodeOfType","ListNode","$isHeadingNode","$isQuoteNode","useEffect","mergeRegister","editorState","SELECTION_CHANGE_COMMAND","COMMAND_PRIORITY_LOW","CAN_UNDO_COMMAND","payload","CAN_REDO_COMMAND","format","type","FORMAT_TEXT_COMMAND","applyAlign","fmt","FORMAT_ELEMENT_COMMAND","applyColor","$patchStyleText","applyFontSize","value","applyBlock","REMOVE_LIST_COMMAND","command","INSERT_UNORDERED_LIST_COMMAND","INSERT_ORDERED_LIST_COMMAND","INSERT_CHECK_LIST_COMMAND","$setBlocksType","$createParagraphNode","$createQuoteNode","$createHeadingNode","toggleQuote","openUrlDialog","config","initial","closeUrlDialog","confirmUrlDialog","insertLink","TOGGLE_LINK_COMMAND","insertImageByUrl","$insertNodeToNearestRoot","onImageFile","event","file","fileToDataUrl","toast","insertVideo","fmtBtn","active","label","onClick","child","IconButton","dropdownBlock","effectiveFontSize","UNDO_COMMAND","REDO_COMMAND","Divider","Dropdown","Button","f","ListItem","a","o","FloatingPanel","refocus","ColorPickerPanel","DEFAULT_SWATCHES","Modal","Fragment","TextField","resolve","reject","reader","THEME","EDITOR_NODES","HeadingNode","QuoteNode","ListItemNode","LinkNode","MARKDOWN_TRANSFORMERS","ELEMENT_TRANSFORMERS","TEXT_FORMAT_TRANSFORMERS","TEXT_MATCH_TRANSFORMERS","cleanExportedHtml","html","template","el","$isEditorEmpty","root","$getRoot","first","$isParagraphNode","$setRootFromHtml","dom","nodes","$generateNodesFromDOM","$insertNodes","$setSelection","ValuePlugin","defaultValue","onChange","lastHtml","onChangeRef","dirtyElements","dirtyLeaves","$generateHtmlFromNodes","RichTextEditor","forwardRef","error","helperText","required","placeholder","name","minHeight","ariaLabel","className","style","ref","form","useFormContext","bound","resolvedError","resolvedHelperText","formValue","effValue","handleChange","handleBlur","contentRef","initialConfig","clsx","Typography","LexicalComposer","RichTextPlugin","ContentEditable","LexicalErrorBoundary","HistoryPlugin","ListPlugin","CheckListPlugin","LinkPlugin","MarkdownShortcutPlugin"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- "use strict";const r=require("react/jsx-runtime"),a=require("react"),$e=require("clsx"),c=require("lexical"),we=require("@lexical/react/LexicalComposer"),ve=require("@lexical/react/LexicalComposerContext"),Be=require("@lexical/react/LexicalRichTextPlugin"),Fe=require("@lexical/react/LexicalContentEditable"),Ue=require("@lexical/react/LexicalErrorBoundary"),Pe=require("@lexical/react/LexicalHistoryPlugin"),He=require("@lexical/react/LexicalListPlugin"),Ve=require("@lexical/react/LexicalCheckListPlugin"),ze=require("@lexical/react/LexicalLinkPlugin"),Ge=require("@lexical/react/LexicalMarkdownShortcutPlugin"),le=require("@lexical/markdown"),D=require("@lexical/rich-text"),T=require("@lexical/list"),$=require("@lexical/link"),Le=require("@lexical/html"),Ke=require("./formContext-bTWrqdEV.cjs"),xe=require("./Typography-BFatE1_A.cjs"),We=require("./toastStore-B4Tk2Xk7.cjs"),S=require("@lexical/selection"),I=require("@lexical/utils"),z=require("./Button-CXmDOzPk.cjs"),ge=require("./ColorPickerPanel--wBX-m7J.cjs"),M=require("./Divider-CzbhdCiD.cjs"),se=require("./Dropdown-Ui7h2TGd.cjs"),Je=require("./FloatingPanel-U6sGYiSK.cjs"),h=require("./Icon-BVULqOJD.cjs"),O=require("./IconButton-BN-bZxEi.cjs"),G=require("./ListItem-yXXjtepZ.cjs"),Qe=require("./Modal-0V-REVV-.cjs"),Xe=require("./TextField-Df_kGy2l.cjs"),ce=require("./ConfigProvider-Bszl3Wr3.cjs"),Ye=/^(?:https?:|mailto:|tel:|ftp:|#|\/|\?|\.)/i,Ze=/^[a-z][a-z0-9+.-]*:/i;function ae(o){const t=o.trim();return t===""?"":Ye.test(t)||!Ze.test(t)?t:"#"}function Ne(o){const t=o.trim();if(/^data:(?:image|video)\//i.test(t)||/^blob:/i.test(t))return t;const i=ae(t);return i==="#"?"":i}function et(o){return o instanceof HTMLImageElement&&o.src?{node:K(o.getAttribute("src")??o.src,o.alt)}:null}class W extends c.DecoratorNode{static getType(){return"tz-image"}static clone(t){return new W(t.__src,t.__alt,t.__key)}constructor(t,i="",n){super(n),this.__src=Ne(t),this.__alt=i}static importJSON(t){return K(t.src,t.alt)}exportJSON(){return{...super.exportJSON(),type:"tz-image",version:1,src:this.__src,alt:this.__alt}}static importDOM(){return{img:()=>({conversion:et,priority:0})}}exportDOM(){const t=document.createElement("img");return t.setAttribute("src",this.__src),t.setAttribute("alt",this.__alt),{element:t}}createDOM(){const t=document.createElement("div");return t.style.display="contents",t}updateDOM(){return!1}getSrc(){return this.__src}getAltText(){return this.__alt}decorate(){return r.jsx("img",{src:this.__src,alt:this.__alt,draggable:!1})}}function K(o,t=""){return c.$applyNodeReplacement(new W(o,t))}function je(o){return/\.(mp4|webm|ogg|ogv|mov|m4v)(\?.*)?$/i.test(o)}function tt(o){const t=o.match(/(?:youtube\.com\/(?:watch\?(?:.*&)?v=|embed\/|shorts\/)|youtu\.be\/)([\w-]{11})/);if(t)return`https://www.youtube.com/embed/${t[1]}`;const i=o.match(/vimeo\.com\/(?:video\/)?(\d+)/);return i?`https://player.vimeo.com/video/${i[1]}`:o}function ye(o){var i;const t=o.getAttribute("src")||((i=o.querySelector("source"))==null?void 0:i.getAttribute("src"));return t?{node:ue(t)}:null}class J extends c.DecoratorNode{static getType(){return"tz-video"}static clone(t){return new J(t.__src,t.__key)}constructor(t,i){super(i),this.__src=Ne(t)}static importJSON(t){return ue(t.src)}exportJSON(){return{...super.exportJSON(),type:"tz-video",version:1,src:this.__src}}static importDOM(){return{iframe:()=>({conversion:ye,priority:0}),video:()=>({conversion:ye,priority:0})}}exportDOM(){if(je(this.__src)){const i=document.createElement("video");return i.setAttribute("src",this.__src),i.setAttribute("controls","true"),{element:i}}const t=document.createElement("iframe");return t.setAttribute("src",this.__src),t.setAttribute("frameborder","0"),t.setAttribute("allowfullscreen","true"),t.setAttribute("allow","accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"),{element:t}}createDOM(){const t=document.createElement("div");return t.style.display="contents",t}updateDOM(){return!1}getSrc(){return this.__src}decorate(){return je(this.__src)?r.jsx("video",{src:this.__src,controls:!0}):r.jsx(rt,{src:this.__src})}}function rt({src:o}){const t=ce.useT();return r.jsx("div",{className:"tz-rte-embed",children:r.jsx("iframe",{src:o,title:t("rte.embeddedVideo"),frameBorder:0,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function ue(o){return c.$applyNodeReplacement(new J(tt(o)))}const ot="_editor_16j1l_1",nt="_label_16j1l_9",it="_required_16j1l_15",lt="_helper_16j1l_18",st="_control_16j1l_24",ct="_error_16j1l_38",at="_disabled_16j1l_45",ut="_toolbar_16j1l_51",dt="_sm_16j1l_67",mt="_md_16j1l_71",pt="_lg_16j1l_75",ht="_colorGlyph_16j1l_81",_t="_colorBar_16j1l_89",ft="_shell_16j1l_107",xt="_content_16j1l_110",gt="_placeholder_16j1l_123",jt="_paragraph_16j1l_146",yt="_h1_16j1l_152",Ct="_h2_16j1l_153",vt="_h3_16j1l_154",Lt="_h4_16j1l_155",Nt="_h5_16j1l_156",bt="_h6_16j1l_157",St="_quote_16j1l_176",Tt="_ul_16j1l_183",Et="_ol_16j1l_188",kt="_li_16j1l_193",Rt="_nestedLi_16j1l_196",It="_liChecked_16j1l_200",Mt="_liUnchecked_16j1l_201",Ot="_link_16j1l_238",Dt="_bold_16j1l_245",At="_italic_16j1l_248",qt="_underline_16j1l_251",$t="_strike_16j1l_254",wt="_codeInline_16j1l_260",l={editor:ot,label:nt,required:it,helper:lt,control:st,error:ct,disabled:at,toolbar:ut,sm:dt,md:mt,lg:pt,colorGlyph:ht,colorBar:_t,shell:ft,content:xt,placeholder:gt,paragraph:jt,h1:yt,h2:Ct,h3:vt,h4:Lt,h5:Nt,h6:bt,quote:St,ul:Tt,ol:Et,li:kt,nestedLi:Rt,liChecked:It,liUnchecked:Mt,link:Ot,bold:Dt,italic:At,underline:qt,strike:$t,codeInline:wt},Bt={paragraph:"Paragraph",h1:"Heading 1",h2:"Heading 2",h3:"Heading 3",quote:"Quote",bullet:"Bullet List",number:"Numbered List",check:"Check List"},Ft=[{type:"paragraph",icon:"Text"},{type:"h1",icon:"Hashtag"},{type:"h2",icon:"Hashtag"},{type:"h3",icon:"Hashtag"}],Ut=[{value:"left",labelKey:"rte.alignLeft",icon:"TextalignLeft"},{value:"center",labelKey:"rte.alignCenter",icon:"TextalignCenter"},{value:"right",labelKey:"rte.alignRight",icon:"TextalignRight"}],Pt=["10px","12px","14px","16px","18px","20px"],Ht={sm:"12px",md:"14px",lg:"16px"};function Vt({color:o,size:t}){return r.jsxs("span",{className:l.colorGlyph,children:[r.jsx(h.Icon,{name:"Brush",size:t}),r.jsx("span",{className:l.colorBar,style:{borderColor:`transparent transparent ${o||"currentColor"} transparent`},"aria-hidden":"true"})]})}function zt({size:o,disabled:t,onImageUpload:i}){const n=ce.useT(),d=e=>Bt[e]??e,[u]=ve.useLexicalComposerContext(),g=a.useRef(null),[C,p]=a.useState(!1),[f,Q]=a.useState(!1),[E,X]=a.useState(!1),[w,Y]=a.useState(!1),[Z,ee]=a.useState(""),[y,k]=a.useState("paragraph"),[j,x]=a.useState("left"),[A,q]=a.useState(""),[B,F]=a.useState(""),[U,P]=a.useState(!1),R=a.useRef(null),[te,_]=a.useState(!1),[be,Se]=a.useState(!1),[m,re]=a.useState(null),[de,me]=a.useState(""),oe=a.useCallback(()=>{const e=c.$getSelection();if(!c.$isRangeSelection(e))return;p(e.hasFormat("bold")),Q(e.hasFormat("italic")),X(e.hasFormat("underline")),F(S.$getSelectionStyleValueForProperty(e,"color","")),q(S.$getSelectionStyleValueForProperty(e,"font-size",""));const s=e.anchor.getNode(),N=s.getParent(),L=$.$isLinkNode(s)?s:$.$isLinkNode(N)?N:null;Y(L!==null),ee((L==null?void 0:L.getURL())??"");const b=s.getKey()==="root"?s:I.$findMatchingParent(s,qe=>{const fe=qe.getParent();return fe===null||fe.getKey()==="root"})??s.getTopLevelElement();x(c.$isElementNode(b)&&b.getFormatType()||"left");const V=I.$getNearestNodeOfType(s,T.ListNode);V?k(V.getListType()):D.$isHeadingNode(b)?k(b.getTag()):D.$isQuoteNode(b)?k("quote"):k("paragraph")},[]);a.useEffect(()=>I.mergeRegister(u.registerUpdateListener(({editorState:e})=>e.read(oe)),u.registerCommand(c.SELECTION_CHANGE_COMMAND,()=>(oe(),!1),c.COMMAND_PRIORITY_LOW),u.registerCommand(c.CAN_UNDO_COMMAND,e=>(_(e),!1),c.COMMAND_PRIORITY_LOW),u.registerCommand(c.CAN_REDO_COMMAND,e=>(Se(e),!1),c.COMMAND_PRIORITY_LOW)),[u,oe]);const ne=e=>u.dispatchCommand(c.FORMAT_TEXT_COMMAND,e),Te=e=>u.dispatchCommand(c.FORMAT_ELEMENT_COMMAND,e),Ee=e=>{F(e),u.update(()=>{const s=c.$getSelection();c.$isRangeSelection(s)&&S.$patchStyleText(s,{color:e||null})})},ke=e=>{q(e),u.update(()=>{const s=c.$getSelection();c.$isRangeSelection(s)&&S.$patchStyleText(s,{"font-size":e||null})})},H=e=>{if(e==="bullet"||e==="number"||e==="check"){if(y===e)u.dispatchCommand(T.REMOVE_LIST_COMMAND,void 0);else{const s=e==="bullet"?T.INSERT_UNORDERED_LIST_COMMAND:e==="number"?T.INSERT_ORDERED_LIST_COMMAND:T.INSERT_CHECK_LIST_COMMAND;u.dispatchCommand(s,void 0)}return}u.update(()=>{const s=c.$getSelection();c.$isRangeSelection(s)&&(e==="paragraph"?S.$setBlocksType(s,()=>c.$createParagraphNode()):e==="quote"?S.$setBlocksType(s,()=>D.$createQuoteNode()):S.$setBlocksType(s,()=>D.$createHeadingNode(e)))})},Re=()=>H(y==="quote"?"paragraph":"quote"),ie=(e,s="")=>{me(s),re(e)},pe=()=>re(null),Ie=()=>{m==null||m.onConfirm(de.trim()),re(null)},Me=()=>ie({icon:"Link2",title:n("rte.linkTitle"),label:n("rte.linkUrl"),placeholder:"https://example.com",confirmLabel:n(w?"common.update":"common.insert"),onConfirm:e=>u.dispatchCommand($.TOGGLE_LINK_COMMAND,e===""?null:ae(e))},Z),Oe=()=>ie({icon:"GalleryAdd",title:n("rte.imageTitle"),label:n("rte.imageUrl"),placeholder:"https://example.com/image.jpg",confirmLabel:n("common.insert"),onConfirm:e=>{e&&u.update(()=>I.$insertNodeToNearestRoot(K(e)))}}),De=async e=>{var N;const s=(N=e.target.files)==null?void 0:N[0];if(e.target.value="",!!s)try{const L=i?await i(s):await Gt(s);u.update(()=>I.$insertNodeToNearestRoot(K(L,s.name)))}catch{We.toast.error(n("rte.imageError"))}},Ae=()=>ie({icon:"VideoSquare",title:n("rte.videoTitle"),label:n("rte.videoUrl"),placeholder:n("rte.videoUrlPlaceholder"),confirmLabel:n("common.insert"),onConfirm:e=>{e&&u.update(()=>I.$insertNodeToNearestRoot(ue(e)))}}),v=(e,s,N,L,b)=>r.jsx(O.IconButton,{variant:e?"filled":"text",color:"primary",size:o,disabled:t,"aria-label":s,"aria-pressed":e,onMouseDown:V=>V.preventDefault(),onClick:N,children:L},b),he=y.startsWith("h")?y:"paragraph",_e=A||Ht[o];return r.jsxs("div",{className:l.toolbar,role:"toolbar","aria-label":n("rte.formatting"),"aria-orientation":"horizontal",children:[r.jsx(O.IconButton,{variant:"text",color:"primary",size:o,disabled:t||!te,"aria-label":n("rte.undo"),onMouseDown:e=>e.preventDefault(),onClick:()=>u.dispatchCommand(c.UNDO_COMMAND,void 0),children:r.jsx(h.Icon,{name:"UndoArrow"})}),r.jsx(O.IconButton,{variant:"text",color:"primary",size:o,disabled:t||!be,"aria-label":n("rte.redo"),onMouseDown:e=>e.preventDefault(),onClick:()=>u.dispatchCommand(c.REDO_COMMAND,void 0),children:r.jsx(h.Icon,{name:"RedoArrow"})}),r.jsx(M.Divider,{orientation:"vertical"}),r.jsx(se.Dropdown,{size:o,disabled:t,minWidth:!1,trigger:r.jsx(z.Button,{variant:"text",color:"primary",size:o,disabled:t,endIcon:r.jsx(h.Icon,{name:"ArrowDown4"}),"aria-label":n("rte.fontSize"),onMouseDown:e=>e.preventDefault(),children:_e}),children:Pt.map(e=>r.jsx(G.ListItem,{clickable:!0,selected:e===_e,onClick:()=>ke(e),children:e},e))}),r.jsx(M.Divider,{orientation:"vertical"}),r.jsx(se.Dropdown,{size:o,disabled:t,trigger:r.jsx(z.Button,{variant:"text",color:"primary",size:o,disabled:t,endIcon:r.jsx(h.Icon,{name:"ArrowDown4"}),onMouseDown:e=>e.preventDefault(),children:d(he)}),children:Ft.map(e=>r.jsx(G.ListItem,{clickable:!0,selected:he===e.type,icon:e.icon,onClick:()=>H(e.type),children:d(e.type)},e.type))}),r.jsx(M.Divider,{orientation:"vertical"}),v(C,n("rte.bold"),()=>ne("bold"),r.jsx(h.Icon,{name:"TextBold"})),v(f,n("rte.italic"),()=>ne("italic"),r.jsx(h.Icon,{name:"TextItalic"})),v(E,n("rte.underline"),()=>ne("underline"),r.jsx(h.Icon,{name:"TextUnderline"})),r.jsx(M.Divider,{orientation:"vertical"}),v(y==="bullet",n("rte.bulletList"),()=>H("bullet"),r.jsx(h.Icon,{name:"ListBullet"})),v(y==="number",n("rte.numberedList"),()=>H("number"),r.jsx(h.Icon,{name:"ListNumber"})),v(y==="quote",n("rte.quote"),Re,r.jsx(h.Icon,{name:"QuoteUp"})),r.jsx(M.Divider,{orientation:"vertical"}),Ut.map(e=>v(j===e.value,n(e.labelKey),()=>Te(e.value),r.jsx(h.Icon,{name:e.icon}),e.value)),r.jsx(M.Divider,{orientation:"vertical"}),r.jsx(O.IconButton,{ref:R,variant:"text",color:"primary",size:o,disabled:t,"aria-label":n("rte.textColor"),"aria-expanded":U,onMouseDown:e=>e.preventDefault(),onClick:()=>P(e=>!e),children:r.jsx(Vt,{color:B})}),r.jsx(Je.FloatingPanel,{open:U,triggerRef:R,onClose:e=>{var s;P(!1),e&&((s=R.current)==null||s.focus())},role:"dialog",ariaLabel:n("rte.textColor"),width:232,children:r.jsx(ge.ColorPickerPanel,{value:B||ge.DEFAULT_SWATCHES[0],onChange:Ee,clearable:!1})}),v(w,n("rte.link"),Me,r.jsx(h.Icon,{name:"Link2"})),r.jsxs(se.Dropdown,{size:o,disabled:t,minWidth:!1,trigger:r.jsx(O.IconButton,{variant:"text",color:"primary",size:o,disabled:t,"aria-label":n("rte.insertImage"),children:r.jsx(h.Icon,{name:"GalleryAdd"})}),children:[r.jsx(G.ListItem,{clickable:!0,icon:"GalleryImport",onClick:()=>{var e;return(e=g.current)==null?void 0:e.click()},children:n("rte.uploadImage")}),r.jsx(G.ListItem,{clickable:!0,icon:"Link",onClick:Oe,children:n("rte.imageByUrl")})]}),r.jsx(O.IconButton,{variant:"text",color:"primary",size:o,disabled:t,"aria-label":n("rte.insertVideo"),onClick:Ae,children:r.jsx(h.Icon,{name:"VideoSquare"})}),r.jsx("input",{ref:g,type:"file",accept:"image/*",hidden:!0,onChange:De,"aria-hidden":"true",tabIndex:-1}),r.jsx(Qe.Modal,{open:m!==null,onClose:pe,size:"sm",icon:m==null?void 0:m.icon,title:m==null?void 0:m.title,footer:r.jsxs(r.Fragment,{children:[r.jsx(z.Button,{variant:"text",onClick:pe,children:n("common.cancel")}),r.jsx(z.Button,{type:"submit",form:"rte-url-form",children:(m==null?void 0:m.confirmLabel)??n("common.insert")})]}),children:r.jsx("form",{id:"rte-url-form",onSubmit:e=>{e.preventDefault(),Ie()},children:r.jsx(Xe.TextField,{label:m==null?void 0:m.label,placeholder:m==null?void 0:m.placeholder,value:de,onChange:e=>me(e.target.value)})})})]})}function Gt(o){return new Promise((t,i)=>{const n=new FileReader;n.onload=()=>t(n.result),n.onerror=()=>i(n.error),n.readAsDataURL(o)})}const Kt={paragraph:l.paragraph,heading:{h1:l.h1,h2:l.h2,h3:l.h3,h4:l.h4,h5:l.h5,h6:l.h6},quote:l.quote,list:{ul:l.ul,ol:l.ol,listitem:l.li,listitemChecked:l.liChecked,listitemUnchecked:l.liUnchecked,nested:{listitem:l.nestedLi}},link:l.link,text:{bold:l.bold,italic:l.italic,underline:l.underline,strikethrough:l.strike,code:l.codeInline}},Wt=[D.HeadingNode,D.QuoteNode,T.ListNode,T.ListItemNode,$.LinkNode,W,J],Jt=[...le.ELEMENT_TRANSFORMERS,...le.TEXT_FORMAT_TRANSFORMERS,...le.TEXT_MATCH_TRANSFORMERS];function Qt(o){if(typeof document>"u")return o;const t=document.createElement("template");return t.innerHTML=o,t.content.querySelectorAll("[class]").forEach(i=>i.removeAttribute("class")),t.innerHTML}function Xt(){const o=c.$getRoot(),t=o.getFirstChild();return o.getChildrenSize()<=1&&(t===null||c.$isParagraphNode(t)&&t.getChildrenSize()===0)}function Ce(o,t){const i=c.$getRoot();if(i.clear(),t){const n=new DOMParser().parseFromString(t,"text/html"),d=Le.$generateNodesFromDOM(o,n);i.select(),c.$insertNodes(d)}i.getChildrenSize()===0&&i.append(c.$createParagraphNode()),c.$setSelection(null)}function Yt({value:o,defaultValue:t,onChange:i,disabled:n}){const[d]=ve.useLexicalComposerContext(),u=a.useRef(void 0),g=a.useRef(i);return g.current=i,a.useEffect(()=>d.setEditable(!n),[d,n]),a.useEffect(()=>d.registerNodeTransform($.LinkNode,C=>{const p=C.getURL(),f=ae(p);f!==p&&C.setURL(f)}),[d]),a.useEffect(()=>{o!==void 0||!t||(u.current=t,d.update(()=>Ce(d,t),{tag:"history-merge"}))},[]),a.useEffect(()=>{o===void 0||o===u.current||(u.current=o,d.update(()=>Ce(d,o),{tag:"history-merge"}))},[d,o]),a.useEffect(()=>d.registerUpdateListener(({dirtyElements:C,dirtyLeaves:p})=>{C.size===0&&p.size===0||d.read(()=>{const f=Xt()?"":Qt(Le.$generateHtmlFromNodes(d,null));f!==u.current&&(u.current=f,g.current(f))})}),[d]),null}const Zt=a.forwardRef(function({label:t,size:i="md",error:n,helperText:d,required:u=!1,disabled:g=!1,placeholder:C,name:p,value:f,defaultValue:Q,onChange:E,onImageUpload:X,minHeight:w=220,"aria-label":Y="Rich text editor",className:Z,style:ee},y){const k=ce.useT(),j=Ke.useFormContext(),x=j&&p?j.field(p):void 0,A=n??(x==null?void 0:x.error)??!1,q=d??(x==null?void 0:x.helperText),B=j&&p?j.values[p]:void 0,F=f!==void 0?f:j&&p?String(B??""):void 0,U=a.useCallback(_=>{j&&p&&j.setValue(p,_),E==null||E(_)},[j,p,E]),P=_=>x==null?void 0:x.onBlur(_),R=a.useRef(null);a.useEffect(()=>{const _=R.current;_&&(p?_.setAttribute("name",p):_.removeAttribute("name"))},[p]);const te={namespace:"tz-rich-text-editor",theme:Kt,nodes:Wt,editable:!g,onError:_=>{throw _}};return r.jsxs("div",{ref:y,className:$e.clsx(l.editor,l[i],A&&l.error,g&&l.disabled,Z),style:{"--tz-rte-min-height":`${w}px`,...ee},children:[t!=null&&r.jsxs("div",{className:l.label,children:[r.jsx(xe.Typography,{as:"span",variant:"bodySmall",color:"muted",children:t}),u&&r.jsx("span",{className:l.required,"aria-hidden":"true",children:"*"})]}),r.jsx("div",{className:l.control,children:r.jsxs(we.LexicalComposer,{initialConfig:te,children:[r.jsx(zt,{size:i,disabled:g,onImageUpload:X}),r.jsx("div",{className:l.shell,children:r.jsx(Be.RichTextPlugin,{contentEditable:r.jsx(Fe.ContentEditable,{ref:R,className:l.content,"aria-label":Y,"aria-invalid":A||void 0,onBlur:P}),placeholder:r.jsx("div",{className:l.placeholder,children:C??k("rte.placeholder")}),ErrorBoundary:Ue.LexicalErrorBoundary})}),r.jsx(Pe.HistoryPlugin,{}),r.jsx(He.ListPlugin,{}),r.jsx(Ve.CheckListPlugin,{}),r.jsx(ze.LinkPlugin,{}),r.jsx(Ge.MarkdownShortcutPlugin,{transformers:Jt}),r.jsx(Yt,{value:F,defaultValue:Q,onChange:U,disabled:g})]})}),q!=null&&r.jsx(xe.Typography,{as:"span",variant:"bodySmall",color:A?"error":"muted",className:l.helper,children:q})]})});exports.RichTextEditor=Zt;
2
- //# sourceMappingURL=RichTextEditor-uXddgtlk.cjs.map
1
+ "use strict";const r=require("react/jsx-runtime"),a=require("react"),$e=require("clsx"),c=require("lexical"),we=require("@lexical/react/LexicalComposer"),ve=require("@lexical/react/LexicalComposerContext"),Be=require("@lexical/react/LexicalRichTextPlugin"),Fe=require("@lexical/react/LexicalContentEditable"),Ue=require("@lexical/react/LexicalErrorBoundary"),Pe=require("@lexical/react/LexicalHistoryPlugin"),He=require("@lexical/react/LexicalListPlugin"),Ve=require("@lexical/react/LexicalCheckListPlugin"),ze=require("@lexical/react/LexicalLinkPlugin"),Ge=require("@lexical/react/LexicalMarkdownShortcutPlugin"),le=require("@lexical/markdown"),D=require("@lexical/rich-text"),T=require("@lexical/list"),$=require("@lexical/link"),Le=require("@lexical/html"),Ke=require("./formContext-bTWrqdEV.cjs"),xe=require("./Typography-BFatE1_A.cjs"),We=require("./toastStore-B4Tk2Xk7.cjs"),S=require("@lexical/selection"),I=require("@lexical/utils"),z=require("./Button-BZ_o-akc.cjs"),ge=require("./ColorPickerPanel-DQ4CFnGa.cjs"),M=require("./Divider-CzbhdCiD.cjs"),se=require("./Dropdown-Ui7h2TGd.cjs"),Je=require("./FloatingPanel-U6sGYiSK.cjs"),h=require("./Icon-BVULqOJD.cjs"),O=require("./IconButton-B87ipBK3.cjs"),G=require("./ListItem-yXXjtepZ.cjs"),Qe=require("./Modal--e2qGisF.cjs"),Xe=require("./TextField-B785pRgK.cjs"),ce=require("./ConfigProvider-BicoaBLj.cjs"),Ye=/^(?:https?:|mailto:|tel:|ftp:|#|\/|\?|\.)/i,Ze=/^[a-z][a-z0-9+.-]*:/i;function ae(o){const t=o.trim();return t===""?"":Ye.test(t)||!Ze.test(t)?t:"#"}function Ne(o){const t=o.trim();if(/^data:(?:image|video)\//i.test(t)||/^blob:/i.test(t))return t;const i=ae(t);return i==="#"?"":i}function et(o){return o instanceof HTMLImageElement&&o.src?{node:K(o.getAttribute("src")??o.src,o.alt)}:null}class W extends c.DecoratorNode{static getType(){return"tz-image"}static clone(t){return new W(t.__src,t.__alt,t.__key)}constructor(t,i="",n){super(n),this.__src=Ne(t),this.__alt=i}static importJSON(t){return K(t.src,t.alt)}exportJSON(){return{...super.exportJSON(),type:"tz-image",version:1,src:this.__src,alt:this.__alt}}static importDOM(){return{img:()=>({conversion:et,priority:0})}}exportDOM(){const t=document.createElement("img");return t.setAttribute("src",this.__src),t.setAttribute("alt",this.__alt),{element:t}}createDOM(){const t=document.createElement("div");return t.style.display="contents",t}updateDOM(){return!1}getSrc(){return this.__src}getAltText(){return this.__alt}decorate(){return r.jsx("img",{src:this.__src,alt:this.__alt,draggable:!1})}}function K(o,t=""){return c.$applyNodeReplacement(new W(o,t))}function je(o){return/\.(mp4|webm|ogg|ogv|mov|m4v)(\?.*)?$/i.test(o)}function tt(o){const t=o.match(/(?:youtube\.com\/(?:watch\?(?:.*&)?v=|embed\/|shorts\/)|youtu\.be\/)([\w-]{11})/);if(t)return`https://www.youtube.com/embed/${t[1]}`;const i=o.match(/vimeo\.com\/(?:video\/)?(\d+)/);return i?`https://player.vimeo.com/video/${i[1]}`:o}function ye(o){var i;const t=o.getAttribute("src")||((i=o.querySelector("source"))==null?void 0:i.getAttribute("src"));return t?{node:ue(t)}:null}class J extends c.DecoratorNode{static getType(){return"tz-video"}static clone(t){return new J(t.__src,t.__key)}constructor(t,i){super(i),this.__src=Ne(t)}static importJSON(t){return ue(t.src)}exportJSON(){return{...super.exportJSON(),type:"tz-video",version:1,src:this.__src}}static importDOM(){return{iframe:()=>({conversion:ye,priority:0}),video:()=>({conversion:ye,priority:0})}}exportDOM(){if(je(this.__src)){const i=document.createElement("video");return i.setAttribute("src",this.__src),i.setAttribute("controls","true"),{element:i}}const t=document.createElement("iframe");return t.setAttribute("src",this.__src),t.setAttribute("frameborder","0"),t.setAttribute("allowfullscreen","true"),t.setAttribute("allow","accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"),{element:t}}createDOM(){const t=document.createElement("div");return t.style.display="contents",t}updateDOM(){return!1}getSrc(){return this.__src}decorate(){return je(this.__src)?r.jsx("video",{src:this.__src,controls:!0}):r.jsx(rt,{src:this.__src})}}function rt({src:o}){const t=ce.useT();return r.jsx("div",{className:"tz-rte-embed",children:r.jsx("iframe",{src:o,title:t("rte.embeddedVideo"),frameBorder:0,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function ue(o){return c.$applyNodeReplacement(new J(tt(o)))}const ot="_editor_16j1l_1",nt="_label_16j1l_9",it="_required_16j1l_15",lt="_helper_16j1l_18",st="_control_16j1l_24",ct="_error_16j1l_38",at="_disabled_16j1l_45",ut="_toolbar_16j1l_51",dt="_sm_16j1l_67",mt="_md_16j1l_71",pt="_lg_16j1l_75",ht="_colorGlyph_16j1l_81",_t="_colorBar_16j1l_89",ft="_shell_16j1l_107",xt="_content_16j1l_110",gt="_placeholder_16j1l_123",jt="_paragraph_16j1l_146",yt="_h1_16j1l_152",Ct="_h2_16j1l_153",vt="_h3_16j1l_154",Lt="_h4_16j1l_155",Nt="_h5_16j1l_156",bt="_h6_16j1l_157",St="_quote_16j1l_176",Tt="_ul_16j1l_183",Et="_ol_16j1l_188",kt="_li_16j1l_193",Rt="_nestedLi_16j1l_196",It="_liChecked_16j1l_200",Mt="_liUnchecked_16j1l_201",Ot="_link_16j1l_238",Dt="_bold_16j1l_245",At="_italic_16j1l_248",qt="_underline_16j1l_251",$t="_strike_16j1l_254",wt="_codeInline_16j1l_260",l={editor:ot,label:nt,required:it,helper:lt,control:st,error:ct,disabled:at,toolbar:ut,sm:dt,md:mt,lg:pt,colorGlyph:ht,colorBar:_t,shell:ft,content:xt,placeholder:gt,paragraph:jt,h1:yt,h2:Ct,h3:vt,h4:Lt,h5:Nt,h6:bt,quote:St,ul:Tt,ol:Et,li:kt,nestedLi:Rt,liChecked:It,liUnchecked:Mt,link:Ot,bold:Dt,italic:At,underline:qt,strike:$t,codeInline:wt},Bt={paragraph:"Paragraph",h1:"Heading 1",h2:"Heading 2",h3:"Heading 3",quote:"Quote",bullet:"Bullet List",number:"Numbered List",check:"Check List"},Ft=[{type:"paragraph",icon:"Text"},{type:"h1",icon:"Hashtag"},{type:"h2",icon:"Hashtag"},{type:"h3",icon:"Hashtag"}],Ut=[{value:"left",labelKey:"rte.alignLeft",icon:"TextalignLeft"},{value:"center",labelKey:"rte.alignCenter",icon:"TextalignCenter"},{value:"right",labelKey:"rte.alignRight",icon:"TextalignRight"}],Pt=["10px","12px","14px","16px","18px","20px"],Ht={sm:"12px",md:"14px",lg:"16px"};function Vt({color:o,size:t}){return r.jsxs("span",{className:l.colorGlyph,children:[r.jsx(h.Icon,{name:"Brush",size:t}),r.jsx("span",{className:l.colorBar,style:{borderColor:`transparent transparent ${o||"currentColor"} transparent`},"aria-hidden":"true"})]})}function zt({size:o,disabled:t,onImageUpload:i}){const n=ce.useT(),d=e=>Bt[e]??e,[u]=ve.useLexicalComposerContext(),g=a.useRef(null),[C,p]=a.useState(!1),[f,Q]=a.useState(!1),[E,X]=a.useState(!1),[w,Y]=a.useState(!1),[Z,ee]=a.useState(""),[y,k]=a.useState("paragraph"),[j,x]=a.useState("left"),[A,q]=a.useState(""),[B,F]=a.useState(""),[U,P]=a.useState(!1),R=a.useRef(null),[te,_]=a.useState(!1),[be,Se]=a.useState(!1),[m,re]=a.useState(null),[de,me]=a.useState(""),oe=a.useCallback(()=>{const e=c.$getSelection();if(!c.$isRangeSelection(e))return;p(e.hasFormat("bold")),Q(e.hasFormat("italic")),X(e.hasFormat("underline")),F(S.$getSelectionStyleValueForProperty(e,"color","")),q(S.$getSelectionStyleValueForProperty(e,"font-size",""));const s=e.anchor.getNode(),N=s.getParent(),L=$.$isLinkNode(s)?s:$.$isLinkNode(N)?N:null;Y(L!==null),ee((L==null?void 0:L.getURL())??"");const b=s.getKey()==="root"?s:I.$findMatchingParent(s,qe=>{const fe=qe.getParent();return fe===null||fe.getKey()==="root"})??s.getTopLevelElement();x(c.$isElementNode(b)&&b.getFormatType()||"left");const V=I.$getNearestNodeOfType(s,T.ListNode);V?k(V.getListType()):D.$isHeadingNode(b)?k(b.getTag()):D.$isQuoteNode(b)?k("quote"):k("paragraph")},[]);a.useEffect(()=>I.mergeRegister(u.registerUpdateListener(({editorState:e})=>e.read(oe)),u.registerCommand(c.SELECTION_CHANGE_COMMAND,()=>(oe(),!1),c.COMMAND_PRIORITY_LOW),u.registerCommand(c.CAN_UNDO_COMMAND,e=>(_(e),!1),c.COMMAND_PRIORITY_LOW),u.registerCommand(c.CAN_REDO_COMMAND,e=>(Se(e),!1),c.COMMAND_PRIORITY_LOW)),[u,oe]);const ne=e=>u.dispatchCommand(c.FORMAT_TEXT_COMMAND,e),Te=e=>u.dispatchCommand(c.FORMAT_ELEMENT_COMMAND,e),Ee=e=>{F(e),u.update(()=>{const s=c.$getSelection();c.$isRangeSelection(s)&&S.$patchStyleText(s,{color:e||null})})},ke=e=>{q(e),u.update(()=>{const s=c.$getSelection();c.$isRangeSelection(s)&&S.$patchStyleText(s,{"font-size":e||null})})},H=e=>{if(e==="bullet"||e==="number"||e==="check"){if(y===e)u.dispatchCommand(T.REMOVE_LIST_COMMAND,void 0);else{const s=e==="bullet"?T.INSERT_UNORDERED_LIST_COMMAND:e==="number"?T.INSERT_ORDERED_LIST_COMMAND:T.INSERT_CHECK_LIST_COMMAND;u.dispatchCommand(s,void 0)}return}u.update(()=>{const s=c.$getSelection();c.$isRangeSelection(s)&&(e==="paragraph"?S.$setBlocksType(s,()=>c.$createParagraphNode()):e==="quote"?S.$setBlocksType(s,()=>D.$createQuoteNode()):S.$setBlocksType(s,()=>D.$createHeadingNode(e)))})},Re=()=>H(y==="quote"?"paragraph":"quote"),ie=(e,s="")=>{me(s),re(e)},pe=()=>re(null),Ie=()=>{m==null||m.onConfirm(de.trim()),re(null)},Me=()=>ie({icon:"Link2",title:n("rte.linkTitle"),label:n("rte.linkUrl"),placeholder:"https://example.com",confirmLabel:n(w?"common.update":"common.insert"),onConfirm:e=>u.dispatchCommand($.TOGGLE_LINK_COMMAND,e===""?null:ae(e))},Z),Oe=()=>ie({icon:"GalleryAdd",title:n("rte.imageTitle"),label:n("rte.imageUrl"),placeholder:"https://example.com/image.jpg",confirmLabel:n("common.insert"),onConfirm:e=>{e&&u.update(()=>I.$insertNodeToNearestRoot(K(e)))}}),De=async e=>{var N;const s=(N=e.target.files)==null?void 0:N[0];if(e.target.value="",!!s)try{const L=i?await i(s):await Gt(s);u.update(()=>I.$insertNodeToNearestRoot(K(L,s.name)))}catch{We.toast.error(n("rte.imageError"))}},Ae=()=>ie({icon:"VideoSquare",title:n("rte.videoTitle"),label:n("rte.videoUrl"),placeholder:n("rte.videoUrlPlaceholder"),confirmLabel:n("common.insert"),onConfirm:e=>{e&&u.update(()=>I.$insertNodeToNearestRoot(ue(e)))}}),v=(e,s,N,L,b)=>r.jsx(O.IconButton,{variant:e?"filled":"text",color:"primary",size:o,disabled:t,"aria-label":s,"aria-pressed":e,onMouseDown:V=>V.preventDefault(),onClick:N,children:L},b),he=y.startsWith("h")?y:"paragraph",_e=A||Ht[o];return r.jsxs("div",{className:l.toolbar,role:"toolbar","aria-label":n("rte.formatting"),"aria-orientation":"horizontal",children:[r.jsx(O.IconButton,{variant:"text",color:"primary",size:o,disabled:t||!te,"aria-label":n("rte.undo"),onMouseDown:e=>e.preventDefault(),onClick:()=>u.dispatchCommand(c.UNDO_COMMAND,void 0),children:r.jsx(h.Icon,{name:"UndoArrow"})}),r.jsx(O.IconButton,{variant:"text",color:"primary",size:o,disabled:t||!be,"aria-label":n("rte.redo"),onMouseDown:e=>e.preventDefault(),onClick:()=>u.dispatchCommand(c.REDO_COMMAND,void 0),children:r.jsx(h.Icon,{name:"RedoArrow"})}),r.jsx(M.Divider,{orientation:"vertical"}),r.jsx(se.Dropdown,{size:o,disabled:t,minWidth:!1,trigger:r.jsx(z.Button,{variant:"text",color:"primary",size:o,disabled:t,endIcon:r.jsx(h.Icon,{name:"ArrowDown4"}),"aria-label":n("rte.fontSize"),onMouseDown:e=>e.preventDefault(),children:_e}),children:Pt.map(e=>r.jsx(G.ListItem,{clickable:!0,selected:e===_e,onClick:()=>ke(e),children:e},e))}),r.jsx(M.Divider,{orientation:"vertical"}),r.jsx(se.Dropdown,{size:o,disabled:t,trigger:r.jsx(z.Button,{variant:"text",color:"primary",size:o,disabled:t,endIcon:r.jsx(h.Icon,{name:"ArrowDown4"}),onMouseDown:e=>e.preventDefault(),children:d(he)}),children:Ft.map(e=>r.jsx(G.ListItem,{clickable:!0,selected:he===e.type,icon:e.icon,onClick:()=>H(e.type),children:d(e.type)},e.type))}),r.jsx(M.Divider,{orientation:"vertical"}),v(C,n("rte.bold"),()=>ne("bold"),r.jsx(h.Icon,{name:"TextBold"})),v(f,n("rte.italic"),()=>ne("italic"),r.jsx(h.Icon,{name:"TextItalic"})),v(E,n("rte.underline"),()=>ne("underline"),r.jsx(h.Icon,{name:"TextUnderline"})),r.jsx(M.Divider,{orientation:"vertical"}),v(y==="bullet",n("rte.bulletList"),()=>H("bullet"),r.jsx(h.Icon,{name:"ListBullet"})),v(y==="number",n("rte.numberedList"),()=>H("number"),r.jsx(h.Icon,{name:"ListNumber"})),v(y==="quote",n("rte.quote"),Re,r.jsx(h.Icon,{name:"QuoteUp"})),r.jsx(M.Divider,{orientation:"vertical"}),Ut.map(e=>v(j===e.value,n(e.labelKey),()=>Te(e.value),r.jsx(h.Icon,{name:e.icon}),e.value)),r.jsx(M.Divider,{orientation:"vertical"}),r.jsx(O.IconButton,{ref:R,variant:"text",color:"primary",size:o,disabled:t,"aria-label":n("rte.textColor"),"aria-expanded":U,onMouseDown:e=>e.preventDefault(),onClick:()=>P(e=>!e),children:r.jsx(Vt,{color:B})}),r.jsx(Je.FloatingPanel,{open:U,triggerRef:R,onClose:e=>{var s;P(!1),e&&((s=R.current)==null||s.focus())},role:"dialog",ariaLabel:n("rte.textColor"),width:232,children:r.jsx(ge.ColorPickerPanel,{value:B||ge.DEFAULT_SWATCHES[0],onChange:Ee,clearable:!1})}),v(w,n("rte.link"),Me,r.jsx(h.Icon,{name:"Link2"})),r.jsxs(se.Dropdown,{size:o,disabled:t,minWidth:!1,trigger:r.jsx(O.IconButton,{variant:"text",color:"primary",size:o,disabled:t,"aria-label":n("rte.insertImage"),children:r.jsx(h.Icon,{name:"GalleryAdd"})}),children:[r.jsx(G.ListItem,{clickable:!0,icon:"GalleryImport",onClick:()=>{var e;return(e=g.current)==null?void 0:e.click()},children:n("rte.uploadImage")}),r.jsx(G.ListItem,{clickable:!0,icon:"Link",onClick:Oe,children:n("rte.imageByUrl")})]}),r.jsx(O.IconButton,{variant:"text",color:"primary",size:o,disabled:t,"aria-label":n("rte.insertVideo"),onClick:Ae,children:r.jsx(h.Icon,{name:"VideoSquare"})}),r.jsx("input",{ref:g,type:"file",accept:"image/*",hidden:!0,onChange:De,"aria-hidden":"true",tabIndex:-1}),r.jsx(Qe.Modal,{open:m!==null,onClose:pe,size:"sm",icon:m==null?void 0:m.icon,title:m==null?void 0:m.title,footer:r.jsxs(r.Fragment,{children:[r.jsx(z.Button,{variant:"text",size:"sm",onClick:pe,children:n("common.cancel")}),r.jsx(z.Button,{type:"submit",size:"sm",form:"rte-url-form",children:(m==null?void 0:m.confirmLabel)??n("common.insert")})]}),children:r.jsx("form",{id:"rte-url-form",onSubmit:e=>{e.preventDefault(),Ie()},children:r.jsx(Xe.TextField,{label:m==null?void 0:m.label,placeholder:m==null?void 0:m.placeholder,value:de,onChange:e=>me(e.target.value)})})})]})}function Gt(o){return new Promise((t,i)=>{const n=new FileReader;n.onload=()=>t(n.result),n.onerror=()=>i(n.error),n.readAsDataURL(o)})}const Kt={paragraph:l.paragraph,heading:{h1:l.h1,h2:l.h2,h3:l.h3,h4:l.h4,h5:l.h5,h6:l.h6},quote:l.quote,list:{ul:l.ul,ol:l.ol,listitem:l.li,listitemChecked:l.liChecked,listitemUnchecked:l.liUnchecked,nested:{listitem:l.nestedLi}},link:l.link,text:{bold:l.bold,italic:l.italic,underline:l.underline,strikethrough:l.strike,code:l.codeInline}},Wt=[D.HeadingNode,D.QuoteNode,T.ListNode,T.ListItemNode,$.LinkNode,W,J],Jt=[...le.ELEMENT_TRANSFORMERS,...le.TEXT_FORMAT_TRANSFORMERS,...le.TEXT_MATCH_TRANSFORMERS];function Qt(o){if(typeof document>"u")return o;const t=document.createElement("template");return t.innerHTML=o,t.content.querySelectorAll("[class]").forEach(i=>i.removeAttribute("class")),t.innerHTML}function Xt(){const o=c.$getRoot(),t=o.getFirstChild();return o.getChildrenSize()<=1&&(t===null||c.$isParagraphNode(t)&&t.getChildrenSize()===0)}function Ce(o,t){const i=c.$getRoot();if(i.clear(),t){const n=new DOMParser().parseFromString(t,"text/html"),d=Le.$generateNodesFromDOM(o,n);i.select(),c.$insertNodes(d)}i.getChildrenSize()===0&&i.append(c.$createParagraphNode()),c.$setSelection(null)}function Yt({value:o,defaultValue:t,onChange:i,disabled:n}){const[d]=ve.useLexicalComposerContext(),u=a.useRef(void 0),g=a.useRef(i);return g.current=i,a.useEffect(()=>d.setEditable(!n),[d,n]),a.useEffect(()=>d.registerNodeTransform($.LinkNode,C=>{const p=C.getURL(),f=ae(p);f!==p&&C.setURL(f)}),[d]),a.useEffect(()=>{o!==void 0||!t||(u.current=t,d.update(()=>Ce(d,t),{tag:"history-merge"}))},[]),a.useEffect(()=>{o===void 0||o===u.current||(u.current=o,d.update(()=>Ce(d,o),{tag:"history-merge"}))},[d,o]),a.useEffect(()=>d.registerUpdateListener(({dirtyElements:C,dirtyLeaves:p})=>{C.size===0&&p.size===0||d.read(()=>{const f=Xt()?"":Qt(Le.$generateHtmlFromNodes(d,null));f!==u.current&&(u.current=f,g.current(f))})}),[d]),null}const Zt=a.forwardRef(function({label:t,size:i="md",error:n,helperText:d,required:u=!1,disabled:g=!1,placeholder:C,name:p,value:f,defaultValue:Q,onChange:E,onImageUpload:X,minHeight:w=220,"aria-label":Y="Rich text editor",className:Z,style:ee},y){const k=ce.useT(),j=Ke.useFormContext(),x=j&&p?j.field(p):void 0,A=n??(x==null?void 0:x.error)??!1,q=d??(x==null?void 0:x.helperText),B=j&&p?j.values[p]:void 0,F=f!==void 0?f:j&&p?String(B??""):void 0,U=a.useCallback(_=>{j&&p&&j.setValue(p,_),E==null||E(_)},[j,p,E]),P=_=>x==null?void 0:x.onBlur(_),R=a.useRef(null);a.useEffect(()=>{const _=R.current;_&&(p?_.setAttribute("name",p):_.removeAttribute("name"))},[p]);const te={namespace:"tz-rich-text-editor",theme:Kt,nodes:Wt,editable:!g,onError:_=>{throw _}};return r.jsxs("div",{ref:y,className:$e.clsx(l.editor,l[i],A&&l.error,g&&l.disabled,Z),style:{"--tz-rte-min-height":`${w}px`,...ee},children:[t!=null&&r.jsxs("div",{className:l.label,children:[r.jsx(xe.Typography,{as:"span",variant:"bodySmall",color:"muted",children:t}),u&&r.jsx("span",{className:l.required,"aria-hidden":"true",children:"*"})]}),r.jsx("div",{className:l.control,children:r.jsxs(we.LexicalComposer,{initialConfig:te,children:[r.jsx(zt,{size:i,disabled:g,onImageUpload:X}),r.jsx("div",{className:l.shell,children:r.jsx(Be.RichTextPlugin,{contentEditable:r.jsx(Fe.ContentEditable,{ref:R,className:l.content,"aria-label":Y,"aria-invalid":A||void 0,onBlur:P}),placeholder:r.jsx("div",{className:l.placeholder,children:C??k("rte.placeholder")}),ErrorBoundary:Ue.LexicalErrorBoundary})}),r.jsx(Pe.HistoryPlugin,{}),r.jsx(He.ListPlugin,{}),r.jsx(Ve.CheckListPlugin,{}),r.jsx(ze.LinkPlugin,{}),r.jsx(Ge.MarkdownShortcutPlugin,{transformers:Jt}),r.jsx(Yt,{value:F,defaultValue:Q,onChange:U,disabled:g})]})}),q!=null&&r.jsx(xe.Typography,{as:"span",variant:"bodySmall",color:A?"error":"muted",className:l.helper,children:q})]})});exports.RichTextEditor=Zt;
2
+ //# sourceMappingURL=RichTextEditor-mpMCG8jX.cjs.map