@servicetitan/anvil2 1.26.1 → 1.27.0

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 (308) hide show
  1. package/CHANGELOG.md +70 -0
  2. package/dist/{Alert-BGxnwh4U-ytPHdG2h.js → Alert-BmiMaHHl-C4TKrNF3.js} +13 -13
  3. package/dist/{Alert-BGxnwh4U-ytPHdG2h.js.map → Alert-BmiMaHHl-C4TKrNF3.js.map} +1 -1
  4. package/dist/{Alert-BGxnwh4U.css → Alert-BmiMaHHl.css} +18 -18
  5. package/dist/{Alert-Dm9uevPZ.js → Alert-DhJoO6si.js} +2 -2
  6. package/dist/{Alert-Dm9uevPZ.js.map → Alert-DhJoO6si.js.map} +1 -1
  7. package/dist/Alert.js +1 -1
  8. package/dist/{Announcement-BPow1TbL.js → Announcement-DDIsOYU0.js} +12 -12
  9. package/dist/{Announcement-BPow1TbL.js.map → Announcement-DDIsOYU0.js.map} +1 -1
  10. package/dist/Announcement.css +24 -12
  11. package/dist/Announcement.js +1 -1
  12. package/dist/{AnvilProvider-C-6UdeBs.js → AnvilProvider-DNJk1Ait.js} +2 -2
  13. package/dist/{AnvilProvider-C-6UdeBs.js.map → AnvilProvider-DNJk1Ait.js.map} +1 -1
  14. package/dist/AnvilProvider.js +1 -1
  15. package/dist/{Avatar-DR0nw5eu.js → Avatar-BbOnZyM_.js} +10 -10
  16. package/dist/{Avatar-DR0nw5eu.js.map → Avatar-BbOnZyM_.js.map} +1 -1
  17. package/dist/Avatar.css +18 -18
  18. package/dist/Avatar.js +1 -1
  19. package/dist/{Breadcrumbs-ChNbRqbi.js → Breadcrumbs-ByNGkX5w.js} +3 -3
  20. package/dist/{Breadcrumbs-ChNbRqbi.js.map → Breadcrumbs-ByNGkX5w.js.map} +1 -1
  21. package/dist/Breadcrumbs.js +1 -1
  22. package/dist/{Button-4ih4Ht_z.js → Button-B2ruRsLb.js} +2 -2
  23. package/dist/{Button-4ih4Ht_z.js.map → Button-B2ruRsLb.js.map} +1 -1
  24. package/dist/{Button-DPIUyV2O-DxCH2dlc.js → Button-BHwg8Uip-DPU6y8-l.js} +23 -23
  25. package/dist/Button-BHwg8Uip-DPU6y8-l.js.map +1 -0
  26. package/dist/Button-BHwg8Uip.css +300 -0
  27. package/dist/Button.js +1 -1
  28. package/dist/{ButtonCompound-VpV-hDUY.js → ButtonCompound-DQ9LGk2K.js} +2 -2
  29. package/dist/{ButtonCompound-VpV-hDUY.js.map → ButtonCompound-DQ9LGk2K.js.map} +1 -1
  30. package/dist/ButtonCompound.js +1 -1
  31. package/dist/{ButtonLink-C1cCAIG0.js → ButtonLink-CjxVUldA.js} +2 -2
  32. package/dist/{ButtonLink-C1cCAIG0.js.map → ButtonLink-CjxVUldA.js.map} +1 -1
  33. package/dist/ButtonLink.js +1 -1
  34. package/dist/{ButtonToggle-DHX9ryn1-BzRjiG0o.js → ButtonToggle-9HqVrCoP-DsNu__N0.js} +4 -4
  35. package/dist/{ButtonToggle-DHX9ryn1-BzRjiG0o.js.map → ButtonToggle-9HqVrCoP-DsNu__N0.js.map} +1 -1
  36. package/dist/{ButtonToggle-Mf15vOmV.js → ButtonToggle-DYKdmH_u.js} +2 -2
  37. package/dist/{ButtonToggle-Mf15vOmV.js.map → ButtonToggle-DYKdmH_u.js.map} +1 -1
  38. package/dist/ButtonToggle.js +1 -1
  39. package/dist/{Calendar-Dx2sfg5W.js → Calendar-Dg_yoWxL.js} +2 -2
  40. package/dist/{Calendar-Dx2sfg5W.js.map → Calendar-Dg_yoWxL.js.map} +1 -1
  41. package/dist/{Calendar-BLyOeR3U-rYLyYewL.js → Calendar-Z_nAtpoV-B0uWpOrw.js} +23 -23
  42. package/dist/{Calendar-BLyOeR3U-rYLyYewL.js.map → Calendar-Z_nAtpoV-B0uWpOrw.js.map} +1 -1
  43. package/dist/{Calendar-BLyOeR3U.css → Calendar-Z_nAtpoV.css} +44 -44
  44. package/dist/Calendar.js +1 -1
  45. package/dist/{Checkbox-CIMoRELh-B3GJHXyO.js → Checkbox-D6-kiZ0g-6jox0aDW.js} +46 -32
  46. package/dist/Checkbox-D6-kiZ0g-6jox0aDW.js.map +1 -0
  47. package/dist/{Checkbox-BTD0_Qkv.js → Checkbox-DJguu7Kw.js} +2 -2
  48. package/dist/Checkbox-DJguu7Kw.js.map +1 -0
  49. package/dist/Checkbox.css +106 -68
  50. package/dist/Checkbox.js +1 -1
  51. package/dist/{Checkbox.module-9DnErc2T-CoENWijd.js → Checkbox.module-DMrZNVpb-DL8zOKBQ.js} +16 -14
  52. package/dist/Checkbox.module-DMrZNVpb-DL8zOKBQ.js.map +1 -0
  53. package/dist/{Chip-CwBvUKwn.js → Chip-C5ElPVsb.js} +2 -2
  54. package/dist/{Chip-CwBvUKwn.js.map → Chip-C5ElPVsb.js.map} +1 -1
  55. package/dist/{Chip-B09LeE8a-D517lNXd.js → Chip-CAxTyjIZ-DfkCTnYy.js} +10 -10
  56. package/dist/{Chip-B09LeE8a-D517lNXd.js.map → Chip-CAxTyjIZ-DfkCTnYy.js.map} +1 -1
  57. package/dist/{Chip-B09LeE8a.css → Chip-CAxTyjIZ.css} +20 -20
  58. package/dist/Chip.js +1 -1
  59. package/dist/{Combobox-UI4iNs4v.js → Combobox-kxTlPBj5.js} +247 -67
  60. package/dist/Combobox-kxTlPBj5.js.map +1 -0
  61. package/dist/Combobox.css +72 -72
  62. package/dist/Combobox.js +1 -1
  63. package/dist/DateField-CaDuuTnX.js +579 -0
  64. package/dist/DateField-CaDuuTnX.js.map +1 -0
  65. package/dist/DateField.js +1 -1
  66. package/dist/{Details-C00yOpMs.js → Details-B1wMLkdg.js} +9 -9
  67. package/dist/{Details-C00yOpMs.js.map → Details-B1wMLkdg.js.map} +1 -1
  68. package/dist/Details.css +18 -18
  69. package/dist/Details.js +1 -1
  70. package/dist/{Dialog-DhG6Qvhz-CZ1yBSYv.js → Dialog-6g0s0fvb-DdwUwOVg.js} +61 -62
  71. package/dist/Dialog-6g0s0fvb-DdwUwOVg.js.map +1 -0
  72. package/dist/{Dialog-DhG6Qvhz.css → Dialog-6g0s0fvb.css} +23 -22
  73. package/dist/{Dialog-V7cjDiFS.js → Dialog-BVG0m6dn.js} +2 -2
  74. package/dist/{Dialog-V7cjDiFS.js.map → Dialog-BVG0m6dn.js.map} +1 -1
  75. package/dist/Dialog.js +1 -1
  76. package/dist/{Divider-Ctp-0EQ8.js → Divider-CLnPwn7z.js} +17 -14
  77. package/dist/Divider-CLnPwn7z.js.map +1 -0
  78. package/dist/Divider.css +52 -28
  79. package/dist/Divider.js +1 -1
  80. package/dist/{Drawer-CRReZbV6.js → Drawer-DQSLhTtO.js} +55 -59
  81. package/dist/Drawer-DQSLhTtO.js.map +1 -0
  82. package/dist/Drawer.css +26 -25
  83. package/dist/Drawer.js +1 -1
  84. package/dist/{EditCard-CP0pQm_U.js → EditCard-CrlcI07q.js} +14 -14
  85. package/dist/{EditCard-CP0pQm_U.js.map → EditCard-CrlcI07q.js.map} +1 -1
  86. package/dist/EditCard.css +16 -16
  87. package/dist/EditCard.js +1 -1
  88. package/dist/{Helper-D1wqxi-n-DL9ve0e9.js → Helper-Ba5DBS51-DBtASfJG.js} +6 -6
  89. package/dist/{Helper-D1wqxi-n-DL9ve0e9.js.map → Helper-Ba5DBS51-DBtASfJG.js.map} +1 -1
  90. package/dist/{Helper-D1wqxi-n.css → Helper-Ba5DBS51.css} +5 -5
  91. package/dist/{Icon-Dl30QYlC.js → Icon-CrE5UgZV.js} +2 -2
  92. package/dist/{Icon-Dl30QYlC.js.map → Icon-CrE5UgZV.js.map} +1 -1
  93. package/dist/{Icon-BgNIrmZM-CUkfW-_l.js → Icon-DbHA5GV1-DwO2aGkj.js} +6 -6
  94. package/dist/{Icon-BgNIrmZM-CUkfW-_l.js.map → Icon-DbHA5GV1-DwO2aGkj.js.map} +1 -1
  95. package/dist/{Icon-BgNIrmZM.css → Icon-DbHA5GV1.css} +9 -9
  96. package/dist/Icon.js +1 -1
  97. package/dist/{InputMask-CSseS-fh.js → InputMask-DgkoDKtz.js} +2 -2
  98. package/dist/{InputMask-CSseS-fh.js.map → InputMask-DgkoDKtz.js.map} +1 -1
  99. package/dist/InputMask-mcs9lD4F-BuCF93Le.js +320 -0
  100. package/dist/InputMask-mcs9lD4F-BuCF93Le.js.map +1 -0
  101. package/dist/InputMask.js +1 -1
  102. package/dist/{Label-B-Z4Vp58-k9UxGncl.js → Label-Cmah7p_s-DYYyQxMK.js} +4 -4
  103. package/dist/{Label-B-Z4Vp58-k9UxGncl.js.map → Label-Cmah7p_s-DYYyQxMK.js.map} +1 -1
  104. package/dist/{Link-CL7Gc29S-LYooajNS.js → Link-BZ7vy96e-DolN6mMF.js} +8 -7
  105. package/dist/Link-BZ7vy96e-DolN6mMF.js.map +1 -0
  106. package/dist/Link-BZ7vy96e.css +63 -0
  107. package/dist/{Link-Ct0qNPzS.js → Link-CBkwLJrX.js} +2 -2
  108. package/dist/{Link-Ct0qNPzS.js.map → Link-CBkwLJrX.js.map} +1 -1
  109. package/dist/Link.js +1 -1
  110. package/dist/{ListView-Bf1mwMXt.js → ListView-DX7NxNSw.js} +2 -2
  111. package/dist/{ListView-Bf1mwMXt.js.map → ListView-DX7NxNSw.js.map} +1 -1
  112. package/dist/ListView.js +1 -1
  113. package/dist/{Listbox-BsQmGv15-C5bH4eex.js → Listbox-CCUnPdBn-DwvTVF0i.js} +3 -3
  114. package/dist/{Listbox-BsQmGv15-C5bH4eex.js.map → Listbox-CCUnPdBn-DwvTVF0i.js.map} +1 -1
  115. package/dist/{Listbox-BSf6vpMR.js → Listbox-DcMJEUMo.js} +2 -2
  116. package/dist/{Listbox-BSf6vpMR.js.map → Listbox-DcMJEUMo.js.map} +1 -1
  117. package/dist/Listbox.css +33 -33
  118. package/dist/Listbox.js +1 -1
  119. package/dist/Listbox.module-CJuWm7RR-CJuWm7RR.js +18 -0
  120. package/dist/Listbox.module-CJuWm7RR-CJuWm7RR.js.map +1 -0
  121. package/dist/{Menu-CYK-VXSj.js → Menu-1N6kdaVX.js} +5 -5
  122. package/dist/{Menu-CYK-VXSj.js.map → Menu-1N6kdaVX.js.map} +1 -1
  123. package/dist/Menu.js +1 -1
  124. package/dist/{Overflow-24qqgMkR.js → Overflow-Codc9CEy.js} +2 -2
  125. package/dist/{Overflow-24qqgMkR.js.map → Overflow-Codc9CEy.js.map} +1 -1
  126. package/dist/{Overflow-6zidmm4F-BNg3Wh59.js → Overflow-Cv9sOPm3-AYGUgSQn.js} +13 -13
  127. package/dist/Overflow-Cv9sOPm3-AYGUgSQn.js.map +1 -0
  128. package/dist/{Overflow-6zidmm4F.css → Overflow-Cv9sOPm3.css} +29 -29
  129. package/dist/Overflow.js +1 -1
  130. package/dist/Page-DUA2NqcR.js +452 -0
  131. package/dist/Page-DUA2NqcR.js.map +1 -0
  132. package/dist/Page.css +135 -65
  133. package/dist/Page.js +1 -1
  134. package/dist/{Popover-Btv8a_UW-CCpcppuW.js → Popover-Bv4sIKvC-CCbvaK8b.js} +153 -71
  135. package/dist/Popover-Bv4sIKvC-CCbvaK8b.js.map +1 -0
  136. package/dist/{Popover-Btv8a_UW.css → Popover-Bv4sIKvC.css} +10 -10
  137. package/dist/{Popover-DRMCsDWy.js → Popover-Cbmy9jrU.js} +2 -2
  138. package/dist/{Popover-DRMCsDWy.js.map → Popover-Cbmy9jrU.js.map} +1 -1
  139. package/dist/Popover.js +1 -1
  140. package/dist/{ProgressBar-CmpuRo93.js → ProgressBar-Cbt2k-7d.js} +2 -2
  141. package/dist/{ProgressBar-CmpuRo93.js.map → ProgressBar-Cbt2k-7d.js.map} +1 -1
  142. package/dist/{ProgressBar-EpBsXzcs-BgE8GDtg.js → ProgressBar-chBw0MyR-cnNzXxPv.js} +12 -12
  143. package/dist/{ProgressBar-EpBsXzcs-BgE8GDtg.js.map → ProgressBar-chBw0MyR-cnNzXxPv.js.map} +1 -1
  144. package/dist/{ProgressBar-EpBsXzcs.css → ProgressBar-chBw0MyR.css} +20 -20
  145. package/dist/ProgressBar.js +1 -1
  146. package/dist/{Radio-D008X69w.js → Radio-BBwG1fqT-vopD4gzD.js} +55 -68
  147. package/dist/Radio-BBwG1fqT-vopD4gzD.js.map +1 -0
  148. package/dist/Radio-BBwG1fqT.css +232 -0
  149. package/dist/Radio-CtFSLOYa.js +34 -0
  150. package/dist/Radio-CtFSLOYa.js.map +1 -0
  151. package/dist/Radio.js +1 -1
  152. package/dist/{SearchField-Cu_XUoP4.js → SearchField-CWb0kaV8.js} +16 -8
  153. package/dist/SearchField-CWb0kaV8.js.map +1 -0
  154. package/dist/SearchField.css +9 -9
  155. package/dist/SearchField.js +1 -1
  156. package/dist/{SegmentedControl-ahC8vXbk.js → SegmentedControl-DyeWOOF3.js} +12 -12
  157. package/dist/{SegmentedControl-ahC8vXbk.js.map → SegmentedControl-DyeWOOF3.js.map} +1 -1
  158. package/dist/SegmentedControl.css +27 -27
  159. package/dist/SegmentedControl.js +1 -1
  160. package/dist/SelectCard.d.ts +6 -0
  161. package/dist/SelectCard.js +2 -0
  162. package/dist/SelectCard.js.map +1 -0
  163. package/dist/SelectCardGroup-Ch56Mp-k.js +178 -0
  164. package/dist/SelectCardGroup-Ch56Mp-k.js.map +1 -0
  165. package/dist/SelectCardGroup.css +37 -0
  166. package/dist/{SideNav-CCN45mjt.js → SideNav-Mdwo6zfi.js} +23 -23
  167. package/dist/{SideNav-CCN45mjt.js.map → SideNav-Mdwo6zfi.js.map} +1 -1
  168. package/dist/SideNav.css +55 -55
  169. package/dist/SideNav.js +1 -1
  170. package/dist/{Spinner-Cd29kwQb.js → Spinner-C0SZj1Xr.js} +2 -2
  171. package/dist/{Spinner-Cd29kwQb.js.map → Spinner-C0SZj1Xr.js.map} +1 -1
  172. package/dist/{Spinner-DsuW7OPp-Bct1KVcB.js → Spinner-DdirfhPp-c7cDfIit.js} +5 -5
  173. package/dist/{Spinner-DsuW7OPp-Bct1KVcB.js.map → Spinner-DdirfhPp-c7cDfIit.js.map} +1 -1
  174. package/dist/{Spinner-DsuW7OPp.css → Spinner-DdirfhPp.css} +7 -7
  175. package/dist/Spinner.js +1 -1
  176. package/dist/{Stepper-DE_jtDku.js → Stepper-CAuH-6cR.js} +11 -11
  177. package/dist/{Stepper-DE_jtDku.js.map → Stepper-CAuH-6cR.js.map} +1 -1
  178. package/dist/Stepper.css +37 -37
  179. package/dist/Stepper.js +1 -1
  180. package/dist/{Switch-C993WLM-.js → Switch-D2mURCX4.js} +6 -6
  181. package/dist/{Switch-C993WLM-.js.map → Switch-D2mURCX4.js.map} +1 -1
  182. package/dist/Switch.css +26 -26
  183. package/dist/Switch.js +1 -1
  184. package/dist/{Tab-D9fCuiyt.js → Tab-x6_xtr13.js} +14 -14
  185. package/dist/{Tab-D9fCuiyt.js.map → Tab-x6_xtr13.js.map} +1 -1
  186. package/dist/Tab.css +38 -38
  187. package/dist/Tab.js +1 -1
  188. package/dist/{TextField-86ebcPf6.js → TextField-A_NHddzb.js} +2 -2
  189. package/dist/{TextField-86ebcPf6.js.map → TextField-A_NHddzb.js.map} +1 -1
  190. package/dist/{TextField-BsIkt2PK-Cc3PZ7Kh.js → TextField-CODjlcrt-CsYFQwcu.js} +5 -5
  191. package/dist/{TextField-BsIkt2PK-Cc3PZ7Kh.js.map → TextField-CODjlcrt-CsYFQwcu.js.map} +1 -1
  192. package/dist/TextField.css +25 -25
  193. package/dist/TextField.js +1 -1
  194. package/dist/TextField.module-B411p3ST-B411p3ST.js +22 -0
  195. package/dist/{TextField.module-JJ6esEDk-JJ6esEDk.js.map → TextField.module-B411p3ST-B411p3ST.js.map} +1 -1
  196. package/dist/{Textarea-Cd6IsaY3.js → Textarea-BtVSVQSa.js} +10 -10
  197. package/dist/{Textarea-Cd6IsaY3.js.map → Textarea-BtVSVQSa.js.map} +1 -1
  198. package/dist/Textarea.css +15 -15
  199. package/dist/Textarea.js +1 -1
  200. package/dist/{ThemeProvider-Dvp6YuaY.js → ThemeProvider-CRXKTOvG.js} +2 -2
  201. package/dist/{ThemeProvider-Dvp6YuaY.js.map → ThemeProvider-CRXKTOvG.js.map} +1 -1
  202. package/dist/{ThemeProvider-C15J9JBA-BiL6I6O0.js → ThemeProvider-CioBp3gk-B6HyDICa.js} +10 -6
  203. package/dist/ThemeProvider-CioBp3gk-B6HyDICa.js.map +1 -0
  204. package/dist/ThemeProvider-CioBp3gk.css +407 -0
  205. package/dist/ThemeProvider.js +1 -1
  206. package/dist/Toast.js +1 -1
  207. package/dist/Toolbar-ULYSDfhw.js +710 -0
  208. package/dist/Toolbar-ULYSDfhw.js.map +1 -0
  209. package/dist/Toolbar.js +1 -709
  210. package/dist/Toolbar.js.map +1 -1
  211. package/dist/{Tooltip-ULhSGqQ0.js → Tooltip-DeaFnid1.js} +2 -2
  212. package/dist/{Tooltip-ULhSGqQ0.js.map → Tooltip-DeaFnid1.js.map} +1 -1
  213. package/dist/{Tooltip-DYbpkTNG-C9rTTa_A.js → Tooltip-gkNXkPsE-CnvZcZY3.js} +4 -4
  214. package/dist/{Tooltip-DYbpkTNG-C9rTTa_A.js.map → Tooltip-gkNXkPsE-CnvZcZY3.js.map} +1 -1
  215. package/dist/Tooltip.js +1 -1
  216. package/dist/assets/css-utils/border.css +45 -29
  217. package/dist/assets/css-utils/color.css +219 -103
  218. package/dist/assets/css-utils/font.css +45 -43
  219. package/dist/assets/css-utils/spacing.css +71 -1
  220. package/dist/assets/css-utils/utils.css +562 -368
  221. package/dist/assets/icons/st/add_purchase_order.svg +1 -0
  222. package/dist/assets/icons/st/add_to_list.svg +1 -0
  223. package/dist/assets/icons/st/add_user.svg +1 -0
  224. package/dist/assets/icons/st/apply_template.svg +1 -0
  225. package/dist/assets/icons/st/attach_file.svg +1 -0
  226. package/dist/assets/icons/st/collect_payment.svg +1 -0
  227. package/dist/assets/icons/st/create_event.svg +1 -0
  228. package/dist/assets/icons/st/create_task.svg +1 -0
  229. package/dist/assets/icons/st/estimate.svg +1 -1
  230. package/dist/assets/icons/st/job.svg +1 -1
  231. package/dist/assets/icons/st/local_settings.svg +1 -1
  232. package/dist/assets/icons/st/preview_file.svg +1 -0
  233. package/dist/assets/icons/st/save_for_later.svg +1 -0
  234. package/dist/assets/icons/st/send_message.svg +1 -0
  235. package/dist/assets/icons/st/set_reminder.svg +1 -0
  236. package/dist/assets/icons/st/view_timesheet.svg +1 -0
  237. package/dist/assets/icons/st.ts +13 -0
  238. package/dist/components/Checkbox/Checkbox.d.ts +2 -16
  239. package/dist/components/Combobox/index.d.ts +1 -0
  240. package/dist/components/Combobox/useInfiniteCombobox.d.ts +1 -0
  241. package/dist/components/Dialog/Dialog.d.ts +1 -0
  242. package/dist/components/Divider/Divider.d.ts +1 -1
  243. package/dist/components/Drawer/Drawer.d.ts +1 -0
  244. package/dist/components/Grid/Grid.d.ts +5 -35
  245. package/dist/components/Page/Page.d.ts +49 -4
  246. package/dist/components/Popover/Popover.d.ts +6 -2
  247. package/dist/components/Radio/Radio.d.ts +2 -13
  248. package/dist/components/SelectCard/SelectCard.d.ts +3 -0
  249. package/dist/components/SelectCard/SelectCardGroup.d.ts +3 -0
  250. package/dist/components/SelectCard/index.d.ts +4 -0
  251. package/dist/components/Toolbar/Toolbar.d.ts +3 -1
  252. package/dist/components/index.d.ts +2 -0
  253. package/dist/{floating-ui.react-dom-DFKXqfVl.js → floating-ui.react-dom-D912oS4K.js} +2 -2
  254. package/dist/{floating-ui.react-dom-DFKXqfVl.js.map → floating-ui.react-dom-D912oS4K.js.map} +1 -1
  255. package/dist/index.js +45 -43
  256. package/dist/index.js.map +1 -1
  257. package/dist/{toast-BFAs1GYa.js → toast-C-xc_Azo.js} +73 -55
  258. package/dist/toast-C-xc_Azo.js.map +1 -0
  259. package/dist/toast.css +59 -45
  260. package/dist/token/core/component-variables.scss +139 -0
  261. package/dist/token/core/component.js +645 -0
  262. package/dist/token/core/component.scss +69 -0
  263. package/dist/token/core/css-utils/border.css +45 -29
  264. package/dist/token/core/css-utils/color.css +219 -103
  265. package/dist/token/core/css-utils/font.css +45 -43
  266. package/dist/token/core/css-utils/spacing.css +71 -1
  267. package/dist/token/core/css-utils/utils.css +562 -368
  268. package/dist/token/core/index.js +2 -1
  269. package/dist/token/core/raw.js +28 -24
  270. package/dist/token/core/semantic-variables.scss +28 -24
  271. package/dist/token/core/semantic.js +44 -24
  272. package/dist/token/core/semantic.scss +13 -11
  273. package/dist/token.js +766 -24
  274. package/dist/token.js.map +1 -1
  275. package/dist/{useKeyboardFocusables-C3hMtJK_-Cz39LRmZ.js → useKeyboardFocusables-BYoElaOi-T7ncq79D.js} +165 -12
  276. package/dist/{useKeyboardFocusables-C3hMtJK_-Cz39LRmZ.js.map → useKeyboardFocusables-BYoElaOi-T7ncq79D.js.map} +1 -1
  277. package/dist/useLinkStyles.js +1 -1
  278. package/package.json +3 -3
  279. package/dist/Button-DPIUyV2O-DxCH2dlc.js.map +0 -1
  280. package/dist/Button-DPIUyV2O.css +0 -337
  281. package/dist/Checkbox-BTD0_Qkv.js.map +0 -1
  282. package/dist/Checkbox-CIMoRELh-B3GJHXyO.js.map +0 -1
  283. package/dist/Checkbox.module-9DnErc2T-CoENWijd.js.map +0 -1
  284. package/dist/Combobox-UI4iNs4v.js.map +0 -1
  285. package/dist/DateField-DJxvns1P.js +0 -565
  286. package/dist/DateField-DJxvns1P.js.map +0 -1
  287. package/dist/Dialog-DhG6Qvhz-CZ1yBSYv.js.map +0 -1
  288. package/dist/Divider-Ctp-0EQ8.js.map +0 -1
  289. package/dist/Drawer-CRReZbV6.js.map +0 -1
  290. package/dist/InputMask-CDnbSm-K-DeTUYLsI.js +0 -195
  291. package/dist/InputMask-CDnbSm-K-DeTUYLsI.js.map +0 -1
  292. package/dist/Link-CL7Gc29S-LYooajNS.js.map +0 -1
  293. package/dist/Link-CL7Gc29S.css +0 -60
  294. package/dist/Listbox.module-D3Ewu_8u-D3Ewu_8u.js +0 -18
  295. package/dist/Listbox.module-D3Ewu_8u-D3Ewu_8u.js.map +0 -1
  296. package/dist/Overflow-6zidmm4F-BNg3Wh59.js.map +0 -1
  297. package/dist/Page-f5A2PjHI.js +0 -311
  298. package/dist/Page-f5A2PjHI.js.map +0 -1
  299. package/dist/Popover-Btv8a_UW-CCpcppuW.js.map +0 -1
  300. package/dist/Radio-D008X69w.js.map +0 -1
  301. package/dist/Radio.css +0 -212
  302. package/dist/SearchField-Cu_XUoP4.js.map +0 -1
  303. package/dist/TextField.module-JJ6esEDk-JJ6esEDk.js +0 -22
  304. package/dist/ThemeProvider-C15J9JBA-BiL6I6O0.js.map +0 -1
  305. package/dist/ThemeProvider-C15J9JBA.css +0 -270
  306. package/dist/toast-BFAs1GYa.js.map +0 -1
  307. /package/dist/{Label-B-Z4Vp58.css → Label-Cmah7p_s.css} +0 -0
  308. /package/dist/{Tooltip-DYbpkTNG.css → Tooltip-gkNXkPsE.css} +0 -0
@@ -2,23 +2,23 @@ import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import { forwardRef, useContext, createContext, useId, useState, useMemo } from 'react';
3
3
  import { useTrackingId } from './useTrackingId.js';
4
4
  import { c as cx } from './index-tZvMCc77.js';
5
- import { I as Icon } from './Icon-BgNIrmZM-CUkfW-_l.js';
5
+ import { I as Icon } from './Icon-DbHA5GV1-DwO2aGkj.js';
6
6
  import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
7
7
  import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C6qizVc6-BkgAan7h.js';
8
8
  import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
9
9
 
10
- import './Details.css';const details = "_details_i1qob_3";
11
- const summary = "_summary_i1qob_16";
12
- const arrow = "_arrow_i1qob_65";
13
- const content = "_content_i1qob_29";
14
- const expanded = "_expanded_i1qob_110";
10
+ import './Details.css';const details = "_details_w3f3i_3";
11
+ const summary = "_summary_w3f3i_16";
12
+ const arrow = "_arrow_w3f3i_65";
13
+ const content = "_content_w3f3i_29";
14
+ const expanded = "_expanded_w3f3i_110";
15
15
  const styles = {
16
16
  details: details,
17
17
  summary: summary,
18
- "content-wrapper": "_content-wrapper_i1qob_29",
18
+ "content-wrapper": "_content-wrapper_w3f3i_29",
19
19
  arrow: arrow,
20
20
  content: content,
21
- "is-expanded": "_is-expanded_i1qob_107",
21
+ "is-expanded": "_is-expanded_w3f3i_107",
22
22
  expanded: expanded
23
23
  };
24
24
 
@@ -182,4 +182,4 @@ const Details = Object.assign(DetailsElement, {
182
182
  });
183
183
 
184
184
  export { Details as D, DetailsSummary as a, DetailsContent as b };
185
- //# sourceMappingURL=Details-C00yOpMs.js.map
185
+ //# sourceMappingURL=Details-B1wMLkdg.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Details-C00yOpMs.js","sources":["../../hammer-react/dist/Details-BLo3X600.js","../src/components/Details/Details.tsx"],"sourcesContent":["import { jsx, jsxs } from 'react/jsx-runtime';\nimport { forwardRef, useContext, createContext, useId, useState, useMemo } from 'react';\nimport cx from 'classnames';\nimport { I as Icon } from './Icon-BgNIrmZM.js';\nimport Chevron_Right from '@servicetitan/hammer-icon/mdi/round/chevron_right.svg';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C6qizVc6.js';\n\nimport './Details.css';const details = \"_details_i1qob_3\";\nconst summary = \"_summary_i1qob_16\";\nconst arrow = \"_arrow_i1qob_65\";\nconst content = \"_content_i1qob_29\";\nconst expanded = \"_expanded_i1qob_110\";\nconst styles = {\n\tdetails: details,\n\tsummary: summary,\n\t\"content-wrapper\": \"_content-wrapper_i1qob_29\",\n\tarrow: arrow,\n\tcontent: content,\n\t\"is-expanded\": \"_is-expanded_i1qob_107\",\n\texpanded: expanded\n};\n\nconst DetailsArrow = forwardRef(\n function DetailsArrow2({ className: classNameProp, ...rest }, ref) {\n const { isExpanded } = useContext(DetailsContext);\n const className = cx(\n styles.arrow,\n { [styles[\"is-expanded\"]]: isExpanded },\n classNameProp\n );\n return /* @__PURE__ */ jsx(\"span\", { className, ref, ...rest, children: /* @__PURE__ */ jsx(Icon, { size: \"large\", svg: Chevron_Right }) });\n }\n);\n\nconst DetailsSummary = forwardRef(function DetailsSummary2({ children, onClick: onClickProp, className: classNameProp, ...rest }, ref) {\n const { id, isExpanded, toggle } = useContext(DetailsContext);\n const handleClick = (...args) => {\n onClickProp?.(...args);\n toggle();\n };\n const className = cx(styles.summary, classNameProp);\n return /* @__PURE__ */ jsxs(\n \"button\",\n {\n \"data-anv\": \"details-summary\",\n \"aria-controls\": id,\n \"aria-expanded\": isExpanded,\n className,\n onClick: handleClick,\n ref,\n ...rest,\n children: [\n /* @__PURE__ */ jsx(DetailsArrow, {}),\n children\n ]\n }\n );\n});\n\nconst DetailsContent = forwardRef(\n function DetailsContent2({\n className: classNameProp,\n children,\n height,\n maxHeight,\n style: styleProp,\n ...rest\n }, ref) {\n const { id, isExpanded } = useContext(DetailsContext);\n const style = {\n height,\n maxHeight,\n ...height || maxHeight ? { overflow: \"auto\" } : {},\n ...styleProp\n };\n return /* @__PURE__ */ jsx(\n \"div\",\n {\n \"data-anv\": \"details-content\",\n id,\n className: cx(styles[\"content-wrapper\"], {\n [styles.expanded]: isExpanded\n }),\n ref,\n children: /* @__PURE__ */ jsx(\"div\", { className: styles.content, children: /* @__PURE__ */ jsx(\"div\", { className: classNameProp, style, ...rest, children }) })\n }\n );\n }\n);\n\nconst DetailsContext = createContext({\n id: \"\",\n isExpanded: false,\n expanded: () => undefined,\n close: () => undefined,\n toggle: () => undefined\n});\nconst DetailsElement = forwardRef(\n function Details2(props, ref) {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n id: idProp,\n expanded: expandedControlled,\n defaultExpanded = false,\n style,\n className,\n ...rest\n } = componentProps;\n const id = useId();\n const [isExpanded, setIsOpen] = useState(defaultExpanded);\n function expanded() {\n setIsOpen(true);\n }\n function close() {\n setIsOpen(false);\n }\n function toggle() {\n setIsOpen((prevIsOpen) => !prevIsOpen);\n }\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n const value = useMemo(\n () => ({\n id: idProp != null ? idProp : id,\n isExpanded: expandedControlled != null ? expandedControlled : isExpanded,\n expanded,\n close,\n toggle\n }),\n [id, idProp, isExpanded, expandedControlled]\n );\n return /* @__PURE__ */ jsx(DetailsContext.Provider, { value, children: /* @__PURE__ */ jsx(\n \"div\",\n {\n \"data-anv\": \"details\",\n ref,\n className: cx(styles.details, className),\n style: styleCombined,\n ...rest,\n children\n }\n ) });\n }\n);\nconst Details = Object.assign(DetailsElement, {\n Summary: DetailsSummary,\n Content: DetailsContent,\n Arrow: DetailsArrow\n});\n\nexport { Details as D, DetailsSummary as a, DetailsContent as b, DetailsArrow as c };\n//# sourceMappingURL=Details-BLo3X600.js.map\n","import {\n DetailsProps as CoreDetailsProps,\n Details as CoreDetails,\n DetailsSummaryProps as CoreDetailsSummaryProps,\n DetailsContentProps as CoreDetailsContentProps,\n childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type DetailsProps = CoreDetailsProps;\nexport type DetailsSummaryProps = CoreDetailsSummaryProps & DataTrackingId;\nexport type DetailsContentProps = CoreDetailsContentProps;\n\nconst DetailsElement = forwardRef(\n (props: DetailsProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDetails ref={ref} {...props} />;\n },\n);\n\nexport const DetailsSummary = forwardRef(\n (props: DetailsSummaryProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n };\n\n const trackingId = useTrackingId({\n name: \"DetailsSummary\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDetails.Summary ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n);\n\nexport const DetailsContent = forwardRef(\n (props: DetailsContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDetails.Content ref={ref} {...props} />;\n },\n);\n\nexport const Details = Object.assign(DetailsElement, {\n Summary: DetailsSummary,\n Content: DetailsContent,\n});\n"],"names":["Chevron_Right","DetailsSummary","DetailsContent","DetailsElement","Details","CoreDetails"],"mappings":";;;;;;;;;AAOuB,MAAM,OAAO,GAAG,kBAAkB;AACzD,MAAM,OAAO,GAAG,mBAAmB;AACnC,MAAM,KAAK,GAAG,iBAAiB;AAC/B,MAAM,OAAO,GAAG,mBAAmB;AACnC,MAAM,QAAQ,GAAG,qBAAqB;AACtC,MAAM,MAAM,GAAG;AACf,CAAC,OAAO,EAAE,OAAO;AACjB,CAAC,OAAO,EAAE,OAAO;AACjB,CAAC,iBAAiB,EAAE,2BAA2B;AAC/C,CAAC,KAAK,EAAE,KAAK;AACb,CAAC,OAAO,EAAE,OAAO;AACjB,CAAC,aAAa,EAAE,wBAAwB;AACxC,CAAC,QAAQ,EAAE;AACX,CAAC;;AAED,MAAM,YAAY,GAAG,UAAU;AAC/B,EAAE,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE;AACrE,IAAI,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC;AACrD,IAAI,MAAM,SAAS,GAAG,EAAE;AACxB,MAAM,MAAM,CAAC,KAAK;AAClB,MAAM,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,UAAU,EAAE;AAC7C,MAAM;AACN,KAAK;AACL,IAAI,uBAAuB,GAAG,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,QAAQ,kBAAkB,GAAG,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAEA,eAAa,EAAE,CAAC,EAAE,CAAC;AAC/I;AACA,CAAC;;AAED,MAAMC,gBAAc,GAAG,UAAU,CAAC,SAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE;AACvI,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC;AAC/D,EAAE,MAAM,WAAW,GAAG,CAAC,GAAG,IAAI,KAAK;AACnC,IAAI,WAAW,GAAG,GAAG,IAAI,CAAC;AAC1B,IAAI,MAAM,EAAE;AACZ,GAAG;AACH,EAAE,MAAM,SAAS,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC;AACrD,EAAE,uBAAuB,IAAI;AAC7B,IAAI,QAAQ;AACZ,IAAI;AACJ,MAAM,UAAU,EAAE,iBAAiB;AACnC,MAAM,eAAe,EAAE,EAAE;AACzB,MAAM,eAAe,EAAE,UAAU;AACjC,MAAM,SAAS;AACf,MAAM,OAAO,EAAE,WAAW;AAC1B,MAAM,GAAG;AACT,MAAM,GAAG,IAAI;AACb,MAAM,QAAQ,EAAE;AAChB,wBAAwB,GAAG,CAAC,YAAY,EAAE,EAAE,CAAC;AAC7C,QAAQ;AACR;AACA;AACA,GAAG;AACH,CAAC,CAAC;;AAEF,MAAMC,gBAAc,GAAG,UAAU;AACjC,EAAE,SAAS,eAAe,CAAC;AAC3B,IAAI,SAAS,EAAE,aAAa;AAC5B,IAAI,QAAQ;AACZ,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,GAAG;AACP,GAAG,EAAE,GAAG,EAAE;AACV,IAAI,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC;AACzD,IAAI,MAAM,KAAK,GAAG;AAClB,MAAM,MAAM;AACZ,MAAM,SAAS;AACf,MAAM,GAAG,MAAM,IAAI,SAAS,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE;AACxD,MAAM,GAAG;AACT,KAAK;AACL,IAAI,uBAAuB,GAAG;AAC9B,MAAM,KAAK;AACX,MAAM;AACN,QAAQ,UAAU,EAAE,iBAAiB;AACrC,QAAQ,EAAE;AACV,QAAQ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE;AACjD,UAAU,CAAC,MAAM,CAAC,QAAQ,GAAG;AAC7B,SAAS,CAAC;AACV,QAAQ,GAAG;AACX,QAAQ,QAAQ,kBAAkB,GAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,QAAQ,kBAAkB,GAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE;AACxK;AACA,KAAK;AACL;AACA,CAAC;;AAED,MAAM,cAAc,GAAG,aAAa,CAAC;AACrC,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,UAAU,EAAE,KAAK;AACnB,EAAE,QAAQ,EAAE,MAAM,SAAS;AAC3B,EAAE,KAAK,EAAE,MAAM,SAAS;AACxB,EAAE,MAAM,EAAE,MAAM;AAChB,CAAC,CAAC;AACF,MAAMC,gBAAc,GAAG,UAAU;AACjC,EAAE,SAAS,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;AAChC,IAAI,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACtE,IAAI,MAAM;AACV,MAAM,QAAQ;AACd,MAAM,EAAE,EAAE,MAAM;AAChB,MAAM,QAAQ,EAAE,kBAAkB;AAClC,MAAM,eAAe,GAAG,KAAK;AAC7B,MAAM,KAAK;AACX,MAAM,SAAS;AACf,MAAM,GAAG;AACT,KAAK,GAAG,cAAc;AACtB,IAAI,MAAM,EAAE,GAAG,KAAK,EAAE;AACtB,IAAI,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC;AAC7D,IAAI,SAAS,QAAQ,GAAG;AACxB,MAAM,SAAS,CAAC,IAAI,CAAC;AACrB;AACA,IAAI,SAAS,KAAK,GAAG;AACrB,MAAM,SAAS,CAAC,KAAK,CAAC;AACtB;AACA,IAAI,SAAS,MAAM,GAAG;AACtB,MAAM,SAAS,CAAC,CAAC,UAAU,KAAK,CAAC,UAAU,CAAC;AAC5C;AACA,IAAI,MAAM,aAAa,GAAG;AAC1B,MAAM,GAAG,KAAK;AACd,MAAM,GAAG;AACT,KAAK;AACL,IAAI,MAAM,KAAK,GAAG,OAAO;AACzB,MAAM,OAAO;AACb,QAAQ,EAAE,EAAE,MAAM,IAAI,IAAI,GAAG,MAAM,GAAG,EAAE;AACxC,QAAQ,UAAU,EAAE,kBAAkB,IAAI,IAAI,GAAG,kBAAkB,GAAG,UAAU;AAChF,QAAQ,QAAQ;AAChB,QAAQ,KAAK;AACb,QAAQ;AACR,OAAO,CAAC;AACR,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,kBAAkB;AACjD,KAAK;AACL,IAAI,uBAAuB,GAAG,CAAC,cAAc,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,kBAAkB,GAAG;AAC9F,MAAM,KAAK;AACX,MAAM;AACN,QAAQ,UAAU,EAAE,SAAS;AAC7B,QAAQ,GAAG;AACX,QAAQ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC;AAChD,QAAQ,KAAK,EAAE,aAAa;AAC5B,QAAQ,GAAG,IAAI;AACf,QAAQ;AACR;AACA,KAAK,EAAE,CAAC;AACR;AACA,CAAC;AACD,MAAMC,SAAO,GAAG,MAAM,CAAC,MAAM,CAACD,gBAAc,EAAE;AAC9C,EAAE,OAAO,EAAEF,gBAAc;AACzB,EAAE,OAAO,EAAEC,gBAAc;AACzB,EAAE,KAAK,EAAE;AACT,CAAC,CAAC;;ACxIF,MAAM,cAAiB,GAAA,UAAA;AAAA,EACrB,CAAC,OAAqB,GAA6B,KAAA;AACjD,IAAA,uBAAQ,GAAA,CAAAG,SAAA,EAAA,EAAY,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAE7C,CAAA;AAEO,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,CAAC,OAA4B,GAAgC,KAAA;AAC3D,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ;AAAA,KAC3C;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,gBAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IACE,uBAAA,GAAA,CAACA,UAAY,OAAZ,EAAA,EAAoB,KAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAG9E;AAEO,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,CAAC,OAA4B,GAA6B,KAAA;AACxD,IAAA,2BAAQA,SAAY,CAAA,OAAA,EAAZ,EAAoB,GAAA,EAAW,GAAG,KAAO,EAAA,CAAA;AAAA;AAErD;AAEa,MAAA,OAAA,GAAU,MAAO,CAAA,MAAA,CAAO,cAAgB,EAAA;AAAA,EACnD,OAAS,EAAA,cAAA;AAAA,EACT,OAAS,EAAA;AACX,CAAC;;;;"}
1
+ {"version":3,"file":"Details-B1wMLkdg.js","sources":["../../hammer-react/dist/Details-DkCDtImV.js","../src/components/Details/Details.tsx"],"sourcesContent":["import { jsx, jsxs } from 'react/jsx-runtime';\nimport { forwardRef, useContext, createContext, useId, useState, useMemo } from 'react';\nimport cx from 'classnames';\nimport { I as Icon } from './Icon-DbHA5GV1.js';\nimport Chevron_Right from '@servicetitan/hammer-icon/mdi/round/chevron_right.svg';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-C6qizVc6.js';\n\nimport './Details.css';const details = \"_details_w3f3i_3\";\nconst summary = \"_summary_w3f3i_16\";\nconst arrow = \"_arrow_w3f3i_65\";\nconst content = \"_content_w3f3i_29\";\nconst expanded = \"_expanded_w3f3i_110\";\nconst styles = {\n\tdetails: details,\n\tsummary: summary,\n\t\"content-wrapper\": \"_content-wrapper_w3f3i_29\",\n\tarrow: arrow,\n\tcontent: content,\n\t\"is-expanded\": \"_is-expanded_w3f3i_107\",\n\texpanded: expanded\n};\n\nconst DetailsArrow = forwardRef(\n function DetailsArrow2({ className: classNameProp, ...rest }, ref) {\n const { isExpanded } = useContext(DetailsContext);\n const className = cx(\n styles.arrow,\n { [styles[\"is-expanded\"]]: isExpanded },\n classNameProp\n );\n return /* @__PURE__ */ jsx(\"span\", { className, ref, ...rest, children: /* @__PURE__ */ jsx(Icon, { size: \"large\", svg: Chevron_Right }) });\n }\n);\n\nconst DetailsSummary = forwardRef(function DetailsSummary2({ children, onClick: onClickProp, className: classNameProp, ...rest }, ref) {\n const { id, isExpanded, toggle } = useContext(DetailsContext);\n const handleClick = (...args) => {\n onClickProp?.(...args);\n toggle();\n };\n const className = cx(styles.summary, classNameProp);\n return /* @__PURE__ */ jsxs(\n \"button\",\n {\n \"data-anv\": \"details-summary\",\n \"aria-controls\": id,\n \"aria-expanded\": isExpanded,\n className,\n onClick: handleClick,\n ref,\n ...rest,\n children: [\n /* @__PURE__ */ jsx(DetailsArrow, {}),\n children\n ]\n }\n );\n});\n\nconst DetailsContent = forwardRef(\n function DetailsContent2({\n className: classNameProp,\n children,\n height,\n maxHeight,\n style: styleProp,\n ...rest\n }, ref) {\n const { id, isExpanded } = useContext(DetailsContext);\n const style = {\n height,\n maxHeight,\n ...height || maxHeight ? { overflow: \"auto\" } : {},\n ...styleProp\n };\n return /* @__PURE__ */ jsx(\n \"div\",\n {\n \"data-anv\": \"details-content\",\n id,\n className: cx(styles[\"content-wrapper\"], {\n [styles.expanded]: isExpanded\n }),\n ref,\n children: /* @__PURE__ */ jsx(\"div\", { className: styles.content, children: /* @__PURE__ */ jsx(\"div\", { className: classNameProp, style, ...rest, children }) })\n }\n );\n }\n);\n\nconst DetailsContext = createContext({\n id: \"\",\n isExpanded: false,\n expanded: () => undefined,\n close: () => undefined,\n toggle: () => undefined\n});\nconst DetailsElement = forwardRef(\n function Details2(props, ref) {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n id: idProp,\n expanded: expandedControlled,\n defaultExpanded = false,\n style,\n className,\n ...rest\n } = componentProps;\n const id = useId();\n const [isExpanded, setIsOpen] = useState(defaultExpanded);\n function expanded() {\n setIsOpen(true);\n }\n function close() {\n setIsOpen(false);\n }\n function toggle() {\n setIsOpen((prevIsOpen) => !prevIsOpen);\n }\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n const value = useMemo(\n () => ({\n id: idProp != null ? idProp : id,\n isExpanded: expandedControlled != null ? expandedControlled : isExpanded,\n expanded,\n close,\n toggle\n }),\n [id, idProp, isExpanded, expandedControlled]\n );\n return /* @__PURE__ */ jsx(DetailsContext.Provider, { value, children: /* @__PURE__ */ jsx(\n \"div\",\n {\n \"data-anv\": \"details\",\n ref,\n className: cx(styles.details, className),\n style: styleCombined,\n ...rest,\n children\n }\n ) });\n }\n);\nconst Details = Object.assign(DetailsElement, {\n Summary: DetailsSummary,\n Content: DetailsContent,\n Arrow: DetailsArrow\n});\n\nexport { Details as D, DetailsSummary as a, DetailsContent as b, DetailsArrow as c };\n//# sourceMappingURL=Details-DkCDtImV.js.map\n","import {\n DetailsProps as CoreDetailsProps,\n Details as CoreDetails,\n DetailsSummaryProps as CoreDetailsSummaryProps,\n DetailsContentProps as CoreDetailsContentProps,\n childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type DetailsProps = CoreDetailsProps;\nexport type DetailsSummaryProps = CoreDetailsSummaryProps & DataTrackingId;\nexport type DetailsContentProps = CoreDetailsContentProps;\n\nconst DetailsElement = forwardRef(\n (props: DetailsProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDetails ref={ref} {...props} />;\n },\n);\n\nexport const DetailsSummary = forwardRef(\n (props: DetailsSummaryProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n };\n\n const trackingId = useTrackingId({\n name: \"DetailsSummary\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDetails.Summary ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n);\n\nexport const DetailsContent = forwardRef(\n (props: DetailsContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDetails.Content ref={ref} {...props} />;\n },\n);\n\nexport const Details = Object.assign(DetailsElement, {\n Summary: DetailsSummary,\n Content: DetailsContent,\n});\n"],"names":["Chevron_Right","DetailsSummary","DetailsContent","DetailsElement","Details","CoreDetails"],"mappings":"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"}
package/dist/Details.css CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  @layer starter, reset, base, state, application;
4
4
  @layer reset {
5
- ._details_i1qob_3 {
5
+ ._details_w3f3i_3 {
6
6
  all: unset;
7
7
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
8
8
  font-size: 100%;
@@ -15,7 +15,7 @@
15
15
  box-sizing: border-box;
16
16
  display: flex;
17
17
  }
18
- ._summary_i1qob_16 {
18
+ ._summary_w3f3i_16 {
19
19
  all: unset;
20
20
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
21
21
  font-size: 100%;
@@ -28,7 +28,7 @@
28
28
  box-sizing: border-box;
29
29
  display: flex;
30
30
  }
31
- ._content-wrapper_i1qob_29 {
31
+ ._content-wrapper_w3f3i_29 {
32
32
  all: unset;
33
33
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
34
34
  font-size: 100%;
@@ -43,11 +43,11 @@
43
43
  }
44
44
  }
45
45
  @layer base {
46
- ._details_i1qob_3 {
46
+ ._details_w3f3i_3 {
47
47
  flex-direction: column;
48
48
  flex-grow: 1;
49
49
  }
50
- ._summary_i1qob_16 {
50
+ ._summary_w3f3i_16 {
51
51
  align-items: center;
52
52
  width: 100%;
53
53
  font-family: var(--font-family-display, "Sofia Pro", SofiaPro, sans-serif);
@@ -62,15 +62,15 @@
62
62
  cursor: pointer;
63
63
  transition: outline 200ms cubic-bezier(0, 0, 0.4, 1);
64
64
  outline-offset: 0.125rem;
65
- outline: 0 solid var(--focus-ring-color, #0265dc);
65
+ outline: 0 solid var(--focus-ring-color, #0265DC);
66
66
  }
67
- ._summary_i1qob_16 ._arrow_i1qob_65 {
67
+ ._summary_w3f3i_16 ._arrow_w3f3i_65 {
68
68
  display: flex;
69
69
  position: relative;
70
70
  inset-inline-start: 0.0625rem;
71
71
  transition: all 200ms cubic-bezier(0, 0, 0.4, 1);
72
72
  }
73
- ._content-wrapper_i1qob_29 {
73
+ ._content-wrapper_w3f3i_29 {
74
74
  grid-template-rows: 0fr;
75
75
  opacity: 0;
76
76
  visibility: hidden;
@@ -79,7 +79,7 @@
79
79
  transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
80
80
  transition-behavior: allow-discrete;
81
81
  }
82
- ._content_i1qob_29 {
82
+ ._content_w3f3i_29 {
83
83
  all: unset;
84
84
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
85
85
  font-size: 100%;
@@ -97,19 +97,19 @@
97
97
  }
98
98
  }
99
99
  @layer state {
100
- ._summary_i1qob_16[data-interactive=focus-visible], ._summary_i1qob_16:focus-visible {
100
+ ._summary_w3f3i_16[data-interactive=focus-visible], ._summary_w3f3i_16:focus-visible {
101
101
  outline-width: 0.125rem;
102
102
  }
103
- ._summary_i1qob_16[data-interactive=hover], ._summary_i1qob_16:hover {
103
+ ._summary_w3f3i_16[data-interactive=hover], ._summary_w3f3i_16:hover {
104
104
  background-color: var(--overlay-color-hover-on, rgba(20, 20, 20, 0.0784313725));
105
105
  }
106
- ._summary_i1qob_16[data-interactive=active], ._summary_i1qob_16:active {
106
+ ._summary_w3f3i_16[data-interactive=active], ._summary_w3f3i_16:active {
107
107
  background-color: var(--overlay-color-active-on, rgba(20, 20, 20, 0.1607843137));
108
108
  }
109
- ._arrow_i1qob_65._is-expanded_i1qob_107 {
109
+ ._arrow_w3f3i_65._is-expanded_w3f3i_107 {
110
110
  transform: rotate(90deg);
111
111
  }
112
- ._content-wrapper_i1qob_29._expanded_i1qob_110 {
112
+ ._content-wrapper_w3f3i_29._expanded_w3f3i_110 {
113
113
  visibility: visible;
114
114
  padding-block-start: 0.5rem;
115
115
  padding-block-end: 0.5rem;
@@ -118,24 +118,24 @@
118
118
  max-height: fit-content;
119
119
  opacity: 1;
120
120
  }
121
- ._content-wrapper_i1qob_29._expanded_i1qob_110 ._content_i1qob_29 {
121
+ ._content-wrapper_w3f3i_29._expanded_w3f3i_110 ._content_w3f3i_29 {
122
122
  padding-block-end: 0.25rem;
123
123
  }
124
124
  }
125
125
  @layer application {
126
126
  @media (prefers-reduced-motion: reduce) {
127
- ._summary_i1qob_16 {
127
+ ._summary_w3f3i_16 {
128
128
  transition-duration: 0.01ms !important;
129
129
  transition-property: outline;
130
130
  }
131
131
  }
132
132
  @media (prefers-reduced-motion: reduce) {
133
- ._summary_i1qob_16 ._arrow_i1qob_65 {
133
+ ._summary_w3f3i_16 ._arrow_w3f3i_65 {
134
134
  transition-duration: 0.01ms !important;
135
135
  }
136
136
  }
137
137
  @media (prefers-reduced-motion: reduce) {
138
- ._summary_i1qob_16 ._content-wrapper_i1qob_29 {
138
+ ._summary_w3f3i_16 ._content-wrapper_w3f3i_29 {
139
139
  transition-duration: 0.01ms !important;
140
140
  }
141
141
  }
package/dist/Details.js CHANGED
@@ -1,2 +1,2 @@
1
- export { D as Details, b as DetailsContent, a as DetailsSummary, D as default } from './Details-C00yOpMs.js';
1
+ export { D as Details, b as DetailsContent, a as DetailsSummary, D as default } from './Details-B1wMLkdg.js';
2
2
  //# sourceMappingURL=Details.js.map
@@ -1,32 +1,32 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
- import { forwardRef, createContext, useRef, useState, useId, useCallback, useEffect, useContext } from 'react';
2
+ import { forwardRef, createContext, useRef, useState, useId, useEffect, useCallback, useContext } from 'react';
3
3
  import { c as cx } from './index-tZvMCc77.js';
4
4
  import { S as SvgClose } from './close-DZj38AEh.js';
5
5
  import { T as Text } from './Text-C2n3GDdC-rz_AelM0.js';
6
- import { B as Button } from './Button-DPIUyV2O-DxCH2dlc.js';
7
- import { u as useKeyboardFocusables } from './useKeyboardFocusables-C3hMtJK_-Cz39LRmZ.js';
6
+ import { B as Button } from './Button-BHwg8Uip-DPU6y8-l.js';
7
+ import { u as useKeyboardFocusables } from './useKeyboardFocusables-BYoElaOi-T7ncq79D.js';
8
8
  import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
9
9
 
10
- import './Dialog-DhG6Qvhz.css';const dialog = "_dialog_7pil0_3";
11
- const container = "_container_7pil0_22";
12
- const content = "_content_7pil0_35";
13
- const header = "_header_7pil0_42";
14
- const footer = "_footer_7pil0_62";
15
- const large = "_large_7pil0_99";
16
- const fullscreen = "_fullscreen_7pil0_99";
17
- const sticky = "_sticky_7pil0_120";
10
+ import './Dialog-6g0s0fvb.css';const dialog = "_dialog_jetrx_3";
11
+ const container = "_container_jetrx_23";
12
+ const content = "_content_jetrx_36";
13
+ const header = "_header_jetrx_43";
14
+ const footer = "_footer_jetrx_63";
15
+ const large = "_large_jetrx_100";
16
+ const fullscreen = "_fullscreen_jetrx_100";
17
+ const sticky = "_sticky_jetrx_121";
18
18
  const styles = {
19
19
  dialog: dialog,
20
- "close-dialog": "_close-dialog_7pil0_1",
20
+ "close-dialog": "_close-dialog_jetrx_1",
21
21
  container: container,
22
22
  content: content,
23
23
  header: header,
24
- "close-container": "_close-container_7pil0_55",
24
+ "close-container": "_close-container_jetrx_56",
25
25
  footer: footer,
26
26
  large: large,
27
27
  fullscreen: fullscreen,
28
28
  sticky: sticky,
29
- "close-button": "_close-button_7pil0_126"
29
+ "close-button": "_close-button_jetrx_127"
30
30
  };
31
31
 
32
32
  const DialogCancelButton = forwardRef((props, ref) => {
@@ -69,6 +69,7 @@ const DialogHeader = forwardRef(
69
69
  size: "small",
70
70
  appearance: "ghost",
71
71
  "aria-label": "Close dialog",
72
+ "data-anv": "dialog-header-close-button",
72
73
  icon: SvgClose
73
74
  }
74
75
  ) })
@@ -133,36 +134,36 @@ const DialogElement = forwardRef(
133
134
  disableCloseOnEscape = false,
134
135
  disableCloseOnClickOutside = false,
135
136
  size,
137
+ enableScrollChaining,
136
138
  ...rest
137
139
  } = props;
138
- const openRef = useRef(open);
139
140
  const elRef = useRef(null);
140
141
  const contentRef = useRef(null);
141
- const bodyRef = useRef(null);
142
142
  const [hasOpenPopover, setHasOpenPopover] = useState(false);
143
143
  const id = useId();
144
144
  const DialogClassNames = cx([styles["dialog"]], className, {
145
145
  [styles["fullscreen"]]: fullScreen,
146
146
  [styles["large"]]: size === "large"
147
147
  });
148
- const { focusables } = useKeyboardFocusables(elRef, {
148
+ const { focusables } = useKeyboardFocusables(contentRef, {
149
149
  observeChange: true
150
150
  });
151
- const removeBodyClass = useCallback(() => {
152
- if (bodyRef.current) {
153
- const dialogsOpen = bodyRef.current.dataset.dialogsOpen ? bodyRef.current.dataset.dialogsOpen.split(" ") : [];
154
- const newdialogsOpen = dialogsOpen.filter((item) => item !== id);
155
- if (newdialogsOpen.length === 0) {
156
- bodyRef.current.removeAttribute("data-dialogs-open");
157
- bodyRef.current?.classList.remove("dialog-open");
158
- } else {
159
- bodyRef.current.dataset.dialogsOpen = newdialogsOpen.join(" ");
160
- }
161
- }
162
- }, [id]);
163
151
  useEffect(() => {
164
- return () => removeBodyClass();
165
- }, []);
152
+ if (!open || enableScrollChaining) return;
153
+ const scrollHandler = (e) => {
154
+ const content = contentRef.current;
155
+ const target = e.target;
156
+ const isOverflowing = elRef.current && elRef.current.scrollHeight > elRef.current.clientHeight;
157
+ if (!isOverflowing || !content?.contains(target)) {
158
+ e.preventDefault();
159
+ }
160
+ return;
161
+ };
162
+ document.addEventListener("wheel", scrollHandler, {
163
+ passive: false
164
+ });
165
+ return () => document.getRootNode().removeEventListener("wheel", scrollHandler);
166
+ }, [enableScrollChaining, open]);
166
167
  useEffect(() => {
167
168
  if (typeof document === "undefined" || disableCloseOnClickOutside) return;
168
169
  const onClickOutsideHandler = (e) => {
@@ -173,42 +174,32 @@ const DialogElement = forwardRef(
173
174
  };
174
175
  document.addEventListener("click", onClickOutsideHandler);
175
176
  return () => document.removeEventListener("click", onClickOutsideHandler);
176
- }, [disableCloseOnClickOutside, onClose, onOpenChange, hasOpenPopover]);
177
+ }, [disableCloseOnClickOutside, onClose, hasOpenPopover]);
178
+ const initial = useRef(true);
177
179
  useEffect(() => {
180
+ if (initial.current) {
181
+ initial.current = false;
182
+ } else {
183
+ onOpenChange?.(open);
184
+ }
178
185
  if (open) {
179
- if (!bodyRef.current) {
180
- const body = document.body ?? elRef.current?.closest("body");
181
- body && (bodyRef.current = body);
182
- }
183
- if (bodyRef.current) {
184
- const dialogsOpen = bodyRef.current.dataset.dialogsOpen ? bodyRef.current.dataset.dialogsOpen.split(" ") : [];
185
- if (!dialogsOpen.includes(id)) {
186
- if (openRef.current !== open) {
187
- onOpenChange?.(true);
188
- openRef.current = open;
189
- }
190
- onOpen?.();
191
- elRef.current?.showModal();
192
- dialogsOpen.push(id);
193
- bodyRef.current.dataset.dialogsOpen = dialogsOpen.join(" ");
194
- }
195
- const hasFocus = elRef.current?.querySelector(":focus");
196
- setTimeout(() => {
197
- !hasFocus && focusables && focusables.length > 0 && focusables[0].focus();
198
- }, 1);
199
- bodyRef.current?.classList.add("dialog-open");
200
- }
186
+ onOpen?.();
187
+ elRef.current?.showModal();
201
188
  return;
202
189
  }
203
190
  setTimeout(() => {
204
- if (openRef.current !== open) {
205
- onOpenChange?.(false);
206
- openRef.current = open;
207
- }
208
191
  elRef.current?.close();
209
- removeBodyClass();
210
192
  }, 1);
211
- }, [focusables, id, onOpen, onOpenChange, open, removeBodyClass]);
193
+ }, [id, onOpen, onOpenChange, open]);
194
+ useEffect(() => {
195
+ if (!open) return;
196
+ if (!focusables) return;
197
+ if (focusables[0]?.dataset.anv === "dialog-header-close-button" && focusables[1]) {
198
+ focusables[1].focus();
199
+ } else {
200
+ focusables[0]?.focus();
201
+ }
202
+ }, [open, focusables]);
212
203
  const onKeyDownHandler = (e) => {
213
204
  onKeyDown?.(e);
214
205
  if (e.code === "Escape") {
@@ -249,7 +240,15 @@ const DialogElement = forwardRef(
249
240
  DialogContext.Provider,
250
241
  {
251
242
  value: { close, ref: elRef, hasOpenPopover, setHasOpenPopover },
252
- children: /* @__PURE__ */ jsx("section", { ref: contentRef, className: styles["container"], children })
243
+ children: /* @__PURE__ */ jsx(
244
+ "section",
245
+ {
246
+ ref: contentRef,
247
+ className: styles["container"],
248
+ "data-open": open,
249
+ children
250
+ }
251
+ )
253
252
  }
254
253
  )
255
254
  }
@@ -275,4 +274,4 @@ const Dialog = Object.assign(DialogElement, {
275
274
  });
276
275
 
277
276
  export { Dialog as D, DialogHeader as a, DialogFooter as b, DialogContent as c, DialogCancelButton as d, DialogContext as e };
278
- //# sourceMappingURL=Dialog-DhG6Qvhz-CZ1yBSYv.js.map
277
+ //# sourceMappingURL=Dialog-6g0s0fvb-DdwUwOVg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dialog-6g0s0fvb-DdwUwOVg.js","sources":["../../hammer-react/dist/Dialog-6g0s0fvb.js"],"sourcesContent":["import { jsx, jsxs } from 'react/jsx-runtime';\nimport { forwardRef, createContext, useRef, useState, useId, useEffect, useCallback, useContext } from 'react';\nimport cx from 'classnames';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport { T as Text } from './Text-C2n3GDdC.js';\nimport { B as Button } from './Button-BHwg8Uip.js';\nimport { u as useKeyboardFocusables } from './useKeyboardFocusables-BYoElaOi.js';\nimport { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';\n\nimport './Dialog.css';const dialog = \"_dialog_jetrx_3\";\nconst container = \"_container_jetrx_23\";\nconst content = \"_content_jetrx_36\";\nconst header = \"_header_jetrx_43\";\nconst footer = \"_footer_jetrx_63\";\nconst large = \"_large_jetrx_100\";\nconst fullscreen = \"_fullscreen_jetrx_100\";\nconst sticky = \"_sticky_jetrx_121\";\nconst styles = {\n\tdialog: dialog,\n\t\"close-dialog\": \"_close-dialog_jetrx_1\",\n\tcontainer: container,\n\tcontent: content,\n\theader: header,\n\t\"close-container\": \"_close-container_jetrx_56\",\n\tfooter: footer,\n\tlarge: large,\n\tfullscreen: fullscreen,\n\tsticky: sticky,\n\t\"close-button\": \"_close-button_jetrx_127\"\n};\n\nconst DialogCancelButton = forwardRef((props, ref) => {\n const { onClick, ...rest } = props;\n const { close } = useDialogContext();\n const onClickHandler = (e) => {\n onClick?.(e);\n close();\n };\n return /* @__PURE__ */ jsx(\n Button,\n {\n \"aria-label\": \"Close dialog\",\n \"data-anv\": \"dialog-cancel-button\",\n onClick: onClickHandler,\n ref,\n ...rest\n }\n );\n});\nDialogCancelButton.displayName = \"DialogCancelButton\";\n\nconst DialogHeader = forwardRef(\n (props, ref) => {\n const { children, className, ...rest } = props;\n const headerClassNames = cx(className, styles[\"header\"]);\n return /* @__PURE__ */ jsxs(\n \"header\",\n {\n className: headerClassNames,\n \"data-anv\": \"dialog-header\",\n ref,\n ...rest,\n children: [\n /* @__PURE__ */ jsx(Text, { variant: \"headline\", el: \"h1\", children }),\n /* @__PURE__ */ jsx(\"span\", { className: styles[\"close-container\"], children: /* @__PURE__ */ jsx(\n DialogCancelButton,\n {\n className: styles[\"close-button\"],\n size: \"small\",\n appearance: \"ghost\",\n \"aria-label\": \"Close dialog\",\n \"data-anv\": \"dialog-header-close-button\",\n icon: Close\n }\n ) })\n ]\n }\n );\n }\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = forwardRef(\n (props, ref) => {\n const { children, className, sticky = false, ...rest } = props;\n const footerClassNames = cx(styles[\"footer\"], className, {\n [styles[\"sticky\"]]: sticky\n });\n return /* @__PURE__ */ jsx(\n \"footer\",\n {\n className: footerClassNames,\n \"data-anv\": \"dialog-footer\",\n ref,\n ...rest,\n children\n }\n );\n }\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogContent = forwardRef(\n (props, ref) => {\n const { children, className, ...rest } = props;\n const contentClassNames = cx(styles[\"content\"], className);\n return /* @__PURE__ */ jsx(\n \"div\",\n {\n className: contentClassNames,\n \"data-anv\": \"dialog-content\",\n ref,\n ...rest,\n children\n }\n );\n }\n);\nDialogContent.displayName = \"DialogContent\";\n\nconst DialogContext = createContext(null);\nconst DialogElement = forwardRef(\n (props, ref) => {\n const {\n className,\n open = false,\n children,\n onOpen,\n onOpenChange,\n onClose,\n onCancel,\n onKeyDown,\n fullScreen = false,\n disableCloseOnEscape = false,\n disableCloseOnClickOutside = false,\n size,\n enableScrollChaining,\n ...rest\n } = props;\n const elRef = useRef(null);\n const contentRef = useRef(null);\n const [hasOpenPopover, setHasOpenPopover] = useState(false);\n const id = useId();\n const DialogClassNames = cx([styles[\"dialog\"]], className, {\n [styles[\"fullscreen\"]]: fullScreen,\n [styles[\"large\"]]: size === \"large\"\n });\n const { focusables } = useKeyboardFocusables(contentRef, {\n observeChange: true\n });\n useEffect(() => {\n if (!open || enableScrollChaining) return;\n const scrollHandler = (e) => {\n const content = contentRef.current;\n const target = e.target;\n const isOverflowing = elRef.current && elRef.current.scrollHeight > elRef.current.clientHeight;\n if (!isOverflowing || !content?.contains(target)) {\n e.preventDefault();\n }\n return;\n };\n document.addEventListener(\"wheel\", scrollHandler, {\n passive: false\n });\n return () => document.getRootNode().removeEventListener(\"wheel\", scrollHandler);\n }, [enableScrollChaining, open]);\n useEffect(() => {\n if (typeof document === \"undefined\" || disableCloseOnClickOutside) return;\n const onClickOutsideHandler = (e) => {\n if (hasOpenPopover) return;\n if (e.composedPath()[0] === elRef.current) {\n onClose?.();\n }\n };\n document.addEventListener(\"click\", onClickOutsideHandler);\n return () => document.removeEventListener(\"click\", onClickOutsideHandler);\n }, [disableCloseOnClickOutside, onClose, hasOpenPopover]);\n const initial = useRef(true);\n useEffect(() => {\n if (initial.current) {\n initial.current = false;\n } else {\n onOpenChange?.(open);\n }\n if (open) {\n onOpen?.();\n elRef.current?.showModal();\n return;\n }\n setTimeout(() => {\n elRef.current?.close();\n }, 1);\n }, [id, onOpen, onOpenChange, open]);\n useEffect(() => {\n if (!open) return;\n if (!focusables) return;\n if (focusables[0]?.dataset.anv === \"dialog-header-close-button\" && focusables[1]) {\n focusables[1].focus();\n } else {\n focusables[0]?.focus();\n }\n }, [open, focusables]);\n const onKeyDownHandler = (e) => {\n onKeyDown?.(e);\n if (e.code === \"Escape\") {\n e.preventDefault();\n if (disableCloseOnEscape) return;\n if (hasOpenPopover) return;\n onClose?.();\n return;\n }\n if (e.code === \"Tab\") {\n if (e.shiftKey && e.target === focusables?.[0]) {\n e.preventDefault();\n focusables[focusables.length - 1]?.focus();\n return;\n }\n if (e.target === focusables?.[focusables.length - 1] && !e.shiftKey) {\n e.preventDefault();\n focusables[0].focus();\n return;\n }\n }\n };\n const close = useCallback(() => {\n onClose?.();\n }, [onClose]);\n return (\n // dialog element does seem to be interactive on MDN guideline\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n /* @__PURE__ */ jsx(\n \"dialog\",\n {\n className: DialogClassNames,\n \"data-anv\": \"dialog\",\n ref: useMergeRefs([ref, elRef]),\n onKeyDown: onKeyDownHandler,\n ...rest,\n children: /* @__PURE__ */ jsx(\n DialogContext.Provider,\n {\n value: { close, ref: elRef, hasOpenPopover, setHasOpenPopover },\n children: /* @__PURE__ */ jsx(\n \"section\",\n {\n ref: contentRef,\n className: styles[\"container\"],\n \"data-open\": open,\n children\n }\n )\n }\n )\n }\n )\n );\n }\n);\nfunction useDialogContext() {\n const context = useContext(DialogContext);\n if (!context) {\n throw new Error(\n \"useDialogContext must be used within a DialogContextProvider\"\n );\n }\n return context;\n}\nDialogElement.displayName = \"Dialog\";\nconst Dialog = Object.assign(DialogElement, {\n Header: DialogHeader,\n Footer: DialogFooter,\n Content: DialogContent,\n CancelButton: DialogCancelButton\n});\n\nexport { Dialog as D, DialogContext as a, DialogCancelButton as b, DialogContent as c, DialogFooter as d, DialogHeader as e };\n//# sourceMappingURL=Dialog-6g0s0fvb.js.map\n"],"names":["Close"],"mappings":"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"}
@@ -2,26 +2,27 @@
2
2
 
3
3
  @layer starter, reset, base, state, application;
4
4
  @layer base {
5
- ._dialog_7pil0_3 {
5
+ ._dialog_jetrx_3 {
6
6
  border: none;
7
7
  background: transparent;
8
8
  padding-block: 0;
9
9
  padding-inline: 0;
10
10
  outline: none;
11
- animation: _close-dialog_7pil0_1 2s forwards;
11
+ animation: _close-dialog_jetrx_1 2s forwards;
12
12
  border: 0.0625rem solid var(--border-color-subdued, #dfe0e1);
13
13
  border-radius: 0.75rem;
14
14
  max-width: 22.5rem;
15
15
  width: calc(100% - 1.5rem);
16
16
  background-color: var(--background-color, #ffffff);
17
17
  overflow: visible;
18
+ overflow: clip;
18
19
  --ypos: 1.5rem;
19
20
  --dialog-padding: 1.5rem;
20
21
  }
21
- ._dialog_7pil0_3::backdrop {
22
+ ._dialog_jetrx_3::backdrop {
22
23
  background: #040404;
23
24
  }
24
- ._dialog_7pil0_3 ._container_7pil0_22 {
25
+ ._dialog_jetrx_3 ._container_jetrx_23 {
25
26
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
26
27
  font-size: 100%;
27
28
  color: var(--foreground-color, #141414);
@@ -34,14 +35,14 @@
34
35
  overflow: auto;
35
36
  overscroll-behavior: contain;
36
37
  }
37
- ._dialog_7pil0_3 ._container_7pil0_22 ._content_7pil0_35 {
38
+ ._dialog_jetrx_3 ._container_jetrx_23 ._content_jetrx_36 {
38
39
  display: flex;
39
40
  flex-grow: 1;
40
41
  padding-block-start: 0.25rem;
41
42
  padding-block-end: 0.25rem;
42
43
  padding-inline: var(--dialog-padding);
43
44
  }
44
- ._dialog_7pil0_3 ._header_7pil0_42 {
45
+ ._dialog_jetrx_3 ._header_jetrx_43 {
45
46
  position: sticky;
46
47
  top: 0;
47
48
  display: flex;
@@ -51,17 +52,17 @@
51
52
  background-color: var(--background-color, #ffffff);
52
53
  z-index: 1;
53
54
  }
54
- ._dialog_7pil0_3 ._header_7pil0_42 h1 {
55
+ ._dialog_jetrx_3 ._header_jetrx_43 h1 {
55
56
  margin: 0;
56
57
  }
57
- ._dialog_7pil0_3 ._header_7pil0_42 ._close-container_7pil0_55 {
58
+ ._dialog_jetrx_3 ._header_jetrx_43 ._close-container_jetrx_56 {
58
59
  display: flex;
59
60
  justify-content: center;
60
61
  align-items: center;
61
62
  width: 1.5625rem;
62
63
  height: 1.5625rem;
63
64
  }
64
- ._dialog_7pil0_3 ._footer_7pil0_62 {
65
+ ._dialog_jetrx_3 ._footer_jetrx_63 {
65
66
  display: flex;
66
67
  gap: 0.5rem;
67
68
  justify-content: flex-end;
@@ -71,37 +72,37 @@
71
72
  }
72
73
  }
73
74
  @layer state {
74
- ._dialog_7pil0_3[open] {
75
+ ._dialog_jetrx_3[open] {
75
76
  opacity: 1;
76
77
  transform: translateY(0%);
77
78
  }
78
- ._dialog_7pil0_3 {
79
+ ._dialog_jetrx_3 {
79
80
  opacity: 0;
80
81
  transform: translateY(var(--ypos));
81
82
  transition: all 300ms allow-discrete;
82
83
  }
83
84
  @starting-style {
84
- ._dialog_7pil0_3[open] {
85
+ ._dialog_jetrx_3[open] {
85
86
  opacity: 0;
86
87
  transform: translateY(var(--ypos));
87
88
  }
88
89
  }
89
- ._dialog_7pil0_3::backdrop {
90
+ ._dialog_jetrx_3::backdrop {
90
91
  opacity: 0;
91
92
  transition: all 300ms allow-discrete;
92
93
  }
93
- ._dialog_7pil0_3[open]::backdrop {
94
+ ._dialog_jetrx_3[open]::backdrop {
94
95
  opacity: 0.6;
95
96
  }
96
97
  @starting-style {
97
- ._dialog_7pil0_3[open]::backdrop {
98
+ ._dialog_jetrx_3[open]::backdrop {
98
99
  opacity: 0;
99
100
  }
100
101
  }
101
- ._dialog_7pil0_3._large_7pil0_99:not(._fullscreen_7pil0_99) {
102
+ ._dialog_jetrx_3._large_jetrx_100:not(._fullscreen_jetrx_100) {
102
103
  max-width: 35rem;
103
104
  }
104
- ._dialog_7pil0_3._fullscreen_7pil0_99 {
105
+ ._dialog_jetrx_3._fullscreen_jetrx_100 {
105
106
  margin: 0;
106
107
  width: 100%;
107
108
  height: 100%;
@@ -111,25 +112,25 @@
111
112
  border-radius: 0;
112
113
  --ypos: 2.5rem;
113
114
  }
114
- ._dialog_7pil0_3._fullscreen_7pil0_99 > ._container_7pil0_22 {
115
+ ._dialog_jetrx_3._fullscreen_jetrx_100 > ._container_jetrx_23 {
115
116
  height: 100%;
116
117
  max-height: none;
117
118
  border-radius: 0;
118
119
  }
119
- ._dialog_7pil0_3._fullscreen_7pil0_99::backdrop {
120
+ ._dialog_jetrx_3._fullscreen_jetrx_100::backdrop {
120
121
  background-color: #ffffff;
121
122
  }
122
- ._dialog_7pil0_3 ._footer_7pil0_62._sticky_7pil0_120 {
123
+ ._dialog_jetrx_3 ._footer_jetrx_63._sticky_jetrx_121 {
123
124
  position: sticky;
124
125
  inset-block-end: 0;
125
126
  }
126
127
  }
127
128
  @layer application {
128
- ._dialog_7pil0_3 ._header_7pil0_42 ._close-button_7pil0_126 {
129
+ ._dialog_jetrx_3 ._header_jetrx_43 ._close-button_jetrx_127 {
129
130
  color: var(--foreground-color, #141414);
130
131
  }
131
132
  @media (prefers-reduced-motion: reduce) {
132
- ._dialog_7pil0_3 {
133
+ ._dialog_jetrx_3 {
133
134
  --ypos: 0;
134
135
  }
135
136
  }
@@ -1,7 +1,7 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
3
  import { useTrackingId } from './useTrackingId.js';
4
- import { D as Dialog$1, a as DialogHeader$1, b as DialogFooter$1, c as DialogContent$1, d as DialogCancelButton$1 } from './Dialog-DhG6Qvhz-CZ1yBSYv.js';
4
+ import { D as Dialog$1, a as DialogHeader$1, b as DialogFooter$1, c as DialogContent$1, d as DialogCancelButton$1 } from './Dialog-6g0s0fvb-DdwUwOVg.js';
5
5
  import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
6
6
 
7
7
  const DialogElement = forwardRef(
@@ -63,4 +63,4 @@ const Dialog = Object.assign(DialogElement, {
63
63
  });
64
64
 
65
65
  export { Dialog as D, DialogHeader as a, DialogFooter as b, DialogContent as c, DialogCancelButton as d };
66
- //# sourceMappingURL=Dialog-V7cjDiFS.js.map
66
+ //# sourceMappingURL=Dialog-BVG0m6dn.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog-V7cjDiFS.js","sources":["../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import {\n Dialog as CoreDialog,\n DialogHeader as CoreDialogHeader,\n DialogFooter as CoreDialogFooter,\n DialogContent as CoreDialogContent,\n DialogCancelButton as CoreDialogCancelButton,\n DialogProps as CoreDialogProps,\n DialogHeaderProps as CoreDialogHeaderProps,\n DialogFooterProps as CoreDialogFooterProps,\n DialogContentProps as CoreDialogContentProps,\n DialogCancelButtonProps as CoreDialogCancelButtonProps,\n childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type DialogProps = CoreDialogProps;\nexport type DialogHeaderProps = CoreDialogHeaderProps & DataTrackingId;\nexport type DialogFooterProps = CoreDialogFooterProps;\nexport type DialogContentProps = CoreDialogContentProps;\nexport type DialogCancelButtonProps = CoreDialogCancelButtonProps &\n DataTrackingId;\n\nconst DialogElement = forwardRef(\n (props: DialogProps, ref: Ref<HTMLDialogElement>) => {\n return <CoreDialog ref={ref} {...props} />;\n },\n);\n\nexport const DialogHeader = forwardRef(\n (props: DialogHeaderProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n children: childrenToString(props.children),\n };\n\n const trackingId = useTrackingId({\n name: \"Dialog\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDialogHeader ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n);\nexport const DialogFooter = forwardRef(\n (props: DialogFooterProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDialogFooter ref={ref} {...props} />;\n },\n);\nexport const DialogContent = forwardRef(\n (props: DialogContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDialogContent ref={ref} {...props} />;\n },\n);\nexport const DialogCancelButton = forwardRef(\n (props: DialogCancelButtonProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n title: props.title,\n appearance: props.appearance,\n size: props.size,\n type: props.type,\n };\n\n const trackingId = useTrackingId({\n name: \"DialogCancelButton\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDialogCancelButton\n ref={ref}\n data-tracking-id={trackingId}\n {...props}\n />\n );\n },\n);\n\nexport const Dialog = Object.assign(DialogElement, {\n Header: DialogHeader,\n Footer: DialogFooter,\n Content: DialogContent,\n CancelButton: DialogCancelButton,\n});\n"],"names":["CoreDialog","CoreDialogHeader","CoreDialogFooter","CoreDialogContent","CoreDialogCancelButton"],"mappings":";;;;;;AAwBA,MAAM,aAAgB,GAAA,UAAA;AAAA,EACpB,CAAC,OAAoB,GAAgC,KAAA;AACnD,IAAA,uBAAQ,GAAA,CAAAA,QAAA,EAAA,EAAW,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAE5C,CAAA;AAEO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAA6B,KAAA;AACtD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ;AAAA,KAC3C;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,QAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BACGC,cAAiB,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAG3E;AACO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAA6B,KAAA;AACtD,IAAA,uBAAQ,GAAA,CAAAC,cAAA,EAAA,EAAiB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAElD;AACO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAA2B,GAA6B,KAAA;AACvD,IAAA,uBAAQ,GAAA,CAAAC,eAAA,EAAA,EAAkB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEnD;AACO,MAAM,kBAAqB,GAAA,UAAA;AAAA,EAChC,CAAC,OAAgC,GAAgC,KAAA;AAC/D,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,YAAY,KAAM,CAAA,UAAA;AAAA,MAClB,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,MAAM,KAAM,CAAA;AAAA,KACd;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,oBAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IACE,uBAAA,GAAA;AAAA,MAACC,oBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,kBAAkB,EAAA,UAAA;AAAA,QACjB,GAAG;AAAA;AAAA,KACN;AAAA;AAGN;AAEa,MAAA,MAAA,GAAS,MAAO,CAAA,MAAA,CAAO,aAAe,EAAA;AAAA,EACjD,MAAQ,EAAA,YAAA;AAAA,EACR,MAAQ,EAAA,YAAA;AAAA,EACR,OAAS,EAAA,aAAA;AAAA,EACT,YAAc,EAAA;AAChB,CAAC;;;;"}
1
+ {"version":3,"file":"Dialog-BVG0m6dn.js","sources":["../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import {\n Dialog as CoreDialog,\n DialogHeader as CoreDialogHeader,\n DialogFooter as CoreDialogFooter,\n DialogContent as CoreDialogContent,\n DialogCancelButton as CoreDialogCancelButton,\n DialogProps as CoreDialogProps,\n DialogHeaderProps as CoreDialogHeaderProps,\n DialogFooterProps as CoreDialogFooterProps,\n DialogContentProps as CoreDialogContentProps,\n DialogCancelButtonProps as CoreDialogCancelButtonProps,\n childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type DialogProps = CoreDialogProps;\nexport type DialogHeaderProps = CoreDialogHeaderProps & DataTrackingId;\nexport type DialogFooterProps = CoreDialogFooterProps;\nexport type DialogContentProps = CoreDialogContentProps;\nexport type DialogCancelButtonProps = CoreDialogCancelButtonProps &\n DataTrackingId;\n\nconst DialogElement = forwardRef(\n (props: DialogProps, ref: Ref<HTMLDialogElement>) => {\n return <CoreDialog ref={ref} {...props} />;\n },\n);\n\nexport const DialogHeader = forwardRef(\n (props: DialogHeaderProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n children: childrenToString(props.children),\n };\n\n const trackingId = useTrackingId({\n name: \"Dialog\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDialogHeader ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n);\nexport const DialogFooter = forwardRef(\n (props: DialogFooterProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDialogFooter ref={ref} {...props} />;\n },\n);\nexport const DialogContent = forwardRef(\n (props: DialogContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDialogContent ref={ref} {...props} />;\n },\n);\nexport const DialogCancelButton = forwardRef(\n (props: DialogCancelButtonProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n title: props.title,\n appearance: props.appearance,\n size: props.size,\n type: props.type,\n };\n\n const trackingId = useTrackingId({\n name: \"DialogCancelButton\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDialogCancelButton\n ref={ref}\n data-tracking-id={trackingId}\n {...props}\n />\n );\n },\n);\n\nexport const Dialog = Object.assign(DialogElement, {\n Header: DialogHeader,\n Footer: DialogFooter,\n Content: DialogContent,\n CancelButton: DialogCancelButton,\n});\n"],"names":["CoreDialog","CoreDialogHeader","CoreDialogFooter","CoreDialogContent","CoreDialogCancelButton"],"mappings":";;;;;;AAwBA,MAAM,aAAgB,GAAA,UAAA;AAAA,EACpB,CAAC,OAAoB,GAAgC,KAAA;AACnD,IAAA,uBAAQ,GAAA,CAAAA,QAAA,EAAA,EAAW,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAE5C,CAAA;AAEO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAA6B,KAAA;AACtD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ;AAAA,KAC3C;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,QAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BACGC,cAAiB,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAG3E;AACO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAA6B,KAAA;AACtD,IAAA,uBAAQ,GAAA,CAAAC,cAAA,EAAA,EAAiB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAElD;AACO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAA2B,GAA6B,KAAA;AACvD,IAAA,uBAAQ,GAAA,CAAAC,eAAA,EAAA,EAAkB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEnD;AACO,MAAM,kBAAqB,GAAA,UAAA;AAAA,EAChC,CAAC,OAAgC,GAAgC,KAAA;AAC/D,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,YAAY,KAAM,CAAA,UAAA;AAAA,MAClB,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,MAAM,KAAM,CAAA;AAAA,KACd;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,oBAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IACE,uBAAA,GAAA;AAAA,MAACC,oBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,kBAAkB,EAAA,UAAA;AAAA,QACjB,GAAG;AAAA;AAAA,KACN;AAAA;AAGN;AAEa,MAAA,MAAA,GAAS,MAAO,CAAA,MAAA,CAAO,aAAe,EAAA;AAAA,EACjD,MAAQ,EAAA,YAAA;AAAA,EACR,MAAQ,EAAA,YAAA;AAAA,EACR,OAAS,EAAA,aAAA;AAAA,EACT,YAAc,EAAA;AAChB,CAAC;;;;"}
package/dist/Dialog.js CHANGED
@@ -1,2 +1,2 @@
1
- export { D as Dialog, d as DialogCancelButton, c as DialogContent, b as DialogFooter, a as DialogHeader, D as default } from './Dialog-V7cjDiFS.js';
1
+ export { D as Dialog, d as DialogCancelButton, c as DialogContent, b as DialogFooter, a as DialogHeader, D as default } from './Dialog-BVG0m6dn.js';
2
2
  //# sourceMappingURL=Dialog.js.map