@servicetitan/anvil2 1.37.1 → 1.38.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 (393) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/dist/{Alert-BNbD8EQd-D2ZerUYD.js → Alert-C3WoRkeN-D_6Yf63F.js} +5 -5
  3. package/dist/{Alert-BNbD8EQd-D2ZerUYD.js.map → Alert-C3WoRkeN-D_6Yf63F.js.map} +1 -1
  4. package/dist/{Alert-DwdMxzH0.js → Alert-DipY5OlC.js} +3 -2
  5. package/dist/Alert-DipY5OlC.js.map +1 -0
  6. package/dist/Alert.js +1 -1
  7. package/dist/{Announcement-CiHTmcmB.js → Announcement-ButSjdLn.js} +5 -4
  8. package/dist/Announcement-ButSjdLn.js.map +1 -0
  9. package/dist/Announcement.js +1 -1
  10. package/dist/{AnvilProvider-DJ4lYJVW.js → AnvilProvider-Lh8YtV03.js} +2 -2
  11. package/dist/{AnvilProvider-DJ4lYJVW.js.map → AnvilProvider-Lh8YtV03.js.map} +1 -1
  12. package/dist/AnvilProvider.js +1 -1
  13. package/dist/{Avatar-C2IfIAxL-BUio7c00.js → Avatar-B20IdOEO-Di14brYV.js} +23 -4
  14. package/dist/Avatar-B20IdOEO-Di14brYV.js.map +1 -0
  15. package/dist/Avatar-hNOToS9S.js +42 -0
  16. package/dist/Avatar-hNOToS9S.js.map +1 -0
  17. package/dist/Avatar.js +1 -1
  18. package/dist/{Badge-Bko3Cw3L.js → Badge-7aZfE-LH.js} +3 -2
  19. package/dist/{Badge-Bko3Cw3L.js.map → Badge-7aZfE-LH.js.map} +1 -1
  20. package/dist/Badge.js +1 -1
  21. package/dist/{Breadcrumbs-BP5QXVje.js → Breadcrumbs-DJbCkSeD.js} +35 -5
  22. package/dist/Breadcrumbs-DJbCkSeD.js.map +1 -0
  23. package/dist/Breadcrumbs.js +1 -1
  24. package/dist/{Button-DX3kc-St-Bi0Fl0-E.js → Button-BaHFf1AT-BQy-PFB5.js} +4 -4
  25. package/dist/{Button-DX3kc-St-Bi0Fl0-E.js.map → Button-BaHFf1AT-BQy-PFB5.js.map} +1 -1
  26. package/dist/{Button-CPyDYPAg.js → Button-DMQKV2sV.js} +3 -2
  27. package/dist/Button-DMQKV2sV.js.map +1 -0
  28. package/dist/Button.css +45 -49
  29. package/dist/Button.js +1 -1
  30. package/dist/Button.module-BqTaW8HK-BqTaW8HK.js +25 -0
  31. package/dist/Button.module-BqTaW8HK-BqTaW8HK.js.map +1 -0
  32. package/dist/{ButtonCompound-CYU1LNHq-Bc1kbNSB.js → ButtonCompound-Cs2A5X-Z-Dl3InVab.js} +3 -3
  33. package/dist/{ButtonCompound-CYU1LNHq-Bc1kbNSB.js.map → ButtonCompound-Cs2A5X-Z-Dl3InVab.js.map} +1 -1
  34. package/dist/{ButtonCompound-CZn9FsxS.js → ButtonCompound-DGuF0zzT.js} +3 -2
  35. package/dist/ButtonCompound-DGuF0zzT.js.map +1 -0
  36. package/dist/ButtonCompound.js +1 -1
  37. package/dist/{ButtonLink-B_tyWgz5-fw-d4WQs.js → ButtonLink-5qlX0uZx-b9H7MGhk.js} +7 -5
  38. package/dist/ButtonLink-5qlX0uZx-b9H7MGhk.js.map +1 -0
  39. package/dist/{ButtonLink-T1aDDrwY.js → ButtonLink-B0NJuVk5.js} +3 -2
  40. package/dist/ButtonLink-B0NJuVk5.js.map +1 -0
  41. package/dist/ButtonLink.js +1 -1
  42. package/dist/{ButtonToggle-6n5-CX2P-DBxJwDzw.js → ButtonToggle-Bm4KRl3o-B1-LbfjY.js} +4 -4
  43. package/dist/{ButtonToggle-6n5-CX2P-DBxJwDzw.js.map → ButtonToggle-Bm4KRl3o-B1-LbfjY.js.map} +1 -1
  44. package/dist/{ButtonToggle-5RNkPmop.js → ButtonToggle-CKVyEODc.js} +3 -2
  45. package/dist/ButtonToggle-CKVyEODc.js.map +1 -0
  46. package/dist/ButtonToggle.js +1 -1
  47. package/dist/{Calendar-ccK3_s_h-85O26aWv.js → Calendar-CohGSWFp-DFYJkf7Y.js} +9 -9
  48. package/dist/{Calendar-ccK3_s_h-85O26aWv.js.map → Calendar-CohGSWFp-DFYJkf7Y.js.map} +1 -1
  49. package/dist/Calendar-jl0s6W7p.js +130 -0
  50. package/dist/Calendar-jl0s6W7p.js.map +1 -0
  51. package/dist/Calendar.js +1 -1
  52. package/dist/{Card-DgxiRqS_.js → Card-U2IJPk8B.js} +3 -2
  53. package/dist/Card-U2IJPk8B.js.map +1 -0
  54. package/dist/{Card-BNT0qpxt-OPUNKZW6.js → Card-ZknG-yim-7W6rYSFV.js} +3 -3
  55. package/dist/{Card-BNT0qpxt-OPUNKZW6.js.map → Card-ZknG-yim-7W6rYSFV.js.map} +1 -1
  56. package/dist/Card.js +1 -1
  57. package/dist/{Checkbox-eAxcQnNg.js → Checkbox-DbDwtefR.js} +25 -2
  58. package/dist/Checkbox-DbDwtefR.js.map +1 -0
  59. package/dist/{Checkbox-DEAra-BQ-bF-q1M2I.js → Checkbox-TIcImbEx-EgjesTNn.js} +6 -5
  60. package/dist/Checkbox-TIcImbEx-EgjesTNn.js.map +1 -0
  61. package/dist/Checkbox.js +1 -1
  62. package/dist/{Chip-BQ58RQ3v.js → Chip-BlLavyIK.js} +2 -2
  63. package/dist/Chip-BlLavyIK.js.map +1 -0
  64. package/dist/{Chip-DwiMFYBm-CIDM1d8e.js → Chip-_daV8CmM-CTke7zH4.js} +5 -5
  65. package/dist/{Chip-DwiMFYBm-CIDM1d8e.js.map → Chip-_daV8CmM-CTke7zH4.js.map} +1 -1
  66. package/dist/Chip.js +1 -1
  67. package/dist/{Combobox-CKmh6XXv.js → Combobox-7ADxZKDE.js} +187 -24
  68. package/dist/Combobox-7ADxZKDE.js.map +1 -0
  69. package/dist/Combobox.js +1 -1
  70. package/dist/{DateField-CPJzhs_q.js → DateField-CUO_26rh.js} +18 -13
  71. package/dist/DateField-CUO_26rh.js.map +1 -0
  72. package/dist/DateField.js +1 -1
  73. package/dist/{DaysOfTheWeek-2z-ObNCZ.js → DaysOfTheWeek-CEKoAJSv.js} +7 -7
  74. package/dist/DaysOfTheWeek-CEKoAJSv.js.map +1 -0
  75. package/dist/DaysOfTheWeek.js +1 -1
  76. package/dist/{Details-ChZdA5Yo.js → Details-DVg0EOkv.js} +51 -3
  77. package/dist/Details-DVg0EOkv.js.map +1 -0
  78. package/dist/Details.js +1 -1
  79. package/dist/{Dialog-DzHVBIH3.js → Dialog-D6zpW-GE.js} +125 -4
  80. package/dist/Dialog-D6zpW-GE.js.map +1 -0
  81. package/dist/Dialog.js +1 -1
  82. package/dist/{Divider-Crum3dyV.js → Divider-CN36wX4s.js} +3 -2
  83. package/dist/Divider-CN36wX4s.js.map +1 -0
  84. package/dist/Divider.js +1 -1
  85. package/dist/Dnd.js +1 -1
  86. package/dist/{DndSort-D6o8LHzn.js → DndSort-Cl0FCNQm.js} +6 -6
  87. package/dist/{DndSort-D6o8LHzn.js.map → DndSort-Cl0FCNQm.js.map} +1 -1
  88. package/dist/DndSort.js +1 -1
  89. package/dist/Drawer-qb7Q0BAm.js +142 -0
  90. package/dist/Drawer-qb7Q0BAm.js.map +1 -0
  91. package/dist/Drawer.js +1 -1
  92. package/dist/{EditCard-Cz1Cn4A2.js → EditCard-C0hD1VPA.js} +7 -6
  93. package/dist/EditCard-C0hD1VPA.js.map +1 -0
  94. package/dist/EditCard.js +1 -1
  95. package/dist/{FieldMessage-CERWyhwG.js → FieldMessage-Cg3zcgk5.js} +2 -2
  96. package/dist/FieldMessage-Cg3zcgk5.js.map +1 -0
  97. package/dist/{FieldMessage-Js4e1ezw-DZ6YDx24.js → FieldMessage-ChFXWVDb-loVSCnCM.js} +3 -3
  98. package/dist/{FieldMessage-Js4e1ezw-DZ6YDx24.js.map → FieldMessage-ChFXWVDb-loVSCnCM.js.map} +1 -1
  99. package/dist/FieldMessage.js +1 -1
  100. package/dist/{Flex-EX9xObMl-BPBQ7nb5.js → Flex-CiK7uNUu-BfxHG4L0.js} +3 -3
  101. package/dist/{Flex-EX9xObMl-BPBQ7nb5.js.map → Flex-CiK7uNUu-BfxHG4L0.js.map} +1 -1
  102. package/dist/{Flex-DT1l-wJc.js → Flex-Ln6PmaDl.js} +3 -2
  103. package/dist/Flex-Ln6PmaDl.js.map +1 -0
  104. package/dist/Flex.js +1 -1
  105. package/dist/Grid-CMcDeSYT.js +33 -0
  106. package/dist/Grid-CMcDeSYT.js.map +1 -0
  107. package/dist/{Grid-BmNHm7Fa.js → Grid-DFAd8mTe.js} +2 -2
  108. package/dist/{Grid-BmNHm7Fa.js.map → Grid-DFAd8mTe.js.map} +1 -1
  109. package/dist/Grid.js +1 -1
  110. package/dist/{HammerProvider-BEJW4XcH-BBKdl0zs.js → HammerProvider-CYP98rq3-Dd9GVIyP.js} +3 -3
  111. package/dist/{HammerProvider-BEJW4XcH-BBKdl0zs.js.map → HammerProvider-CYP98rq3-Dd9GVIyP.js.map} +1 -1
  112. package/dist/Helper-C9sHaTrI-C5fAsK6i.js +46 -0
  113. package/dist/Helper-C9sHaTrI-C5fAsK6i.js.map +1 -0
  114. package/dist/Helper-C9sHaTrI.css +21 -0
  115. package/dist/{Icon-BrdmZw1i-CG-LzgEz.js → Icon-B6HmlQiR-BxQkO3X5.js} +3 -3
  116. package/dist/{Icon-BrdmZw1i-CG-LzgEz.js.map → Icon-B6HmlQiR-BxQkO3X5.js.map} +1 -1
  117. package/dist/{Icon-CcUV8glf.js → Icon-BgKqBmlj.js} +3 -2
  118. package/dist/Icon-BgKqBmlj.js.map +1 -0
  119. package/dist/Icon.js +1 -1
  120. package/dist/{InputMask-vaQYg_Vf.js → InputMask-DKPqOpHs.js} +3 -2
  121. package/dist/InputMask-DKPqOpHs.js.map +1 -0
  122. package/dist/InputMask-kJ-hlK0O-Ctwa0U7r.js +231 -0
  123. package/dist/InputMask-kJ-hlK0O-Ctwa0U7r.js.map +1 -0
  124. package/dist/InputMask.js +1 -1
  125. package/dist/Layout-CUUb2PVr.js.map +1 -1
  126. package/dist/{Link-K3nk4QAp.js → Link-DZa0wmkA.js} +3 -3
  127. package/dist/Link-DZa0wmkA.js.map +1 -0
  128. package/dist/{Link-CVN5Mwtx-B08PO1ef.js → Link-Dqp_XXl_-Bv20l_tY.js} +4 -4
  129. package/dist/{Link-CVN5Mwtx-B08PO1ef.js.map → Link-Dqp_XXl_-Bv20l_tY.js.map} +1 -1
  130. package/dist/Link.js +1 -1
  131. package/dist/{ListView-BBLIz8d_.js → ListView-0xHc5wT6.js} +87 -47
  132. package/dist/ListView-0xHc5wT6.js.map +1 -0
  133. package/dist/ListView.js +1 -1
  134. package/dist/{Listbox-DLlT8qbJ-BvhkfmIf.js → Listbox-BvJLSAVO-Br5k6fmq.js} +51 -10
  135. package/dist/Listbox-BvJLSAVO-Br5k6fmq.js.map +1 -0
  136. package/dist/Listbox-dVARiucB.js +67 -0
  137. package/dist/Listbox-dVARiucB.js.map +1 -0
  138. package/dist/Listbox.js +1 -1
  139. package/dist/{LocalizationProvider-FkvhW-le-DPTpcI0N.js → LocalizationProvider-VtRAfGBT-Bo8XuFoE.js} +2 -2
  140. package/dist/{LocalizationProvider-FkvhW-le-DPTpcI0N.js.map → LocalizationProvider-VtRAfGBT-Bo8XuFoE.js.map} +1 -1
  141. package/dist/LocalizationProvider.js +1 -1
  142. package/dist/{Menu-DDBvbj8J.js → Menu-BAuADOyt.js} +60 -10
  143. package/dist/Menu-BAuADOyt.js.map +1 -0
  144. package/dist/Menu.js +1 -1
  145. package/dist/{Overflow-vc1mxjUD.js → Overflow-B6rIOkAI.js} +27 -2
  146. package/dist/Overflow-B6rIOkAI.js.map +1 -0
  147. package/dist/{Overflow-ENfRRD_5-DLHLZ02e.js → Overflow-BrXwlYpn-CtqaiNgb.js} +25 -4
  148. package/dist/Overflow-BrXwlYpn-CtqaiNgb.js.map +1 -0
  149. package/dist/Overflow.js +1 -1
  150. package/dist/{Page-BY98czM-.js → Page-CtwsyE3i.js} +165 -49
  151. package/dist/Page-CtwsyE3i.js.map +1 -0
  152. package/dist/Page.css +72 -72
  153. package/dist/Page.js +1 -1
  154. package/dist/Popover-Bnkwq99S.js +135 -0
  155. package/dist/Popover-Bnkwq99S.js.map +1 -0
  156. package/dist/{Popover-C31e7pyQ-BKY8Cu9r.js → Popover-VztF0YHt-ci3tYiye.js} +80 -8
  157. package/dist/Popover-VztF0YHt-ci3tYiye.js.map +1 -0
  158. package/dist/Popover.js +1 -1
  159. package/dist/{ProgressBar-D1zZ2s7L.js → ProgressBar-BotOFymw.js} +3 -2
  160. package/dist/ProgressBar-BotOFymw.js.map +1 -0
  161. package/dist/{ProgressBar-dl-MpiLN-CxX2edlK.js → ProgressBar-Cfi5zZRy-BpESsdh_.js} +202 -122
  162. package/dist/ProgressBar-Cfi5zZRy-BpESsdh_.js.map +1 -0
  163. package/dist/ProgressBar-Cfi5zZRy.css +671 -0
  164. package/dist/ProgressBar.js +1 -1
  165. package/dist/{Radio-DiKeatJz-CJv-wiPU.js → Radio-7U7IBI58-BDhdZJoC.js} +25 -5
  166. package/dist/Radio-7U7IBI58-BDhdZJoC.js.map +1 -0
  167. package/dist/Radio-D4rRt1a6.js +66 -0
  168. package/dist/Radio-D4rRt1a6.js.map +1 -0
  169. package/dist/Radio.js +1 -1
  170. package/dist/{SearchField-D3z4LjJg.js → SearchField-Bz4HPxCQ.js} +5 -4
  171. package/dist/SearchField-Bz4HPxCQ.js.map +1 -0
  172. package/dist/SearchField.js +1 -1
  173. package/dist/{SegmentedControl-D_ADGpVy.js → SegmentedControl-DKMQuf7s.js} +41 -2
  174. package/dist/SegmentedControl-DKMQuf7s.js.map +1 -0
  175. package/dist/SegmentedControl.js +1 -1
  176. package/dist/{SelectCard-DvQKJBNF-BtUX2vxS.js → SelectCard-B5EqtxOK-CpCgVjV8.js} +46 -17
  177. package/dist/SelectCard-B5EqtxOK-CpCgVjV8.js.map +1 -0
  178. package/dist/SelectCard.js +1 -1
  179. package/dist/SelectCardGroup-DsHZgCqA.js +49 -0
  180. package/dist/SelectCardGroup-DsHZgCqA.js.map +1 -0
  181. package/dist/{SideNav-C7wc1_JK.js → SideNav-DEoGpeqJ.js} +130 -10
  182. package/dist/SideNav-DEoGpeqJ.js.map +1 -0
  183. package/dist/SideNav.js +1 -1
  184. package/dist/Skeleton-COxTdwjO.js +398 -0
  185. package/dist/Skeleton-COxTdwjO.js.map +1 -0
  186. package/dist/Skeleton.js +1 -1
  187. package/dist/{Spinner-Bc5-_6pK.js → Spinner-C1r3COiQ.js} +2 -1
  188. package/dist/Spinner-C1r3COiQ.js.map +1 -0
  189. package/dist/Spinner.js +1 -1
  190. package/dist/SrOnly-C_I8eH4C.js.map +1 -1
  191. package/dist/{Stepper-M8VmWN_m.js → Stepper-CwIV7ZiT.js} +281 -6
  192. package/dist/Stepper-CwIV7ZiT.js.map +1 -0
  193. package/dist/Stepper.js +1 -1
  194. package/dist/{Switch-BbHIwrGc.js → Switch-Dd9tJFmG.js} +20 -10
  195. package/dist/Switch-Dd9tJFmG.js.map +1 -0
  196. package/dist/Switch.css +23 -24
  197. package/dist/Switch.js +1 -1
  198. package/dist/{Tab-DcOQTX5Z.js → Tab-BSC7e4rM.js} +127 -10
  199. package/dist/Tab-BSC7e4rM.js.map +1 -0
  200. package/dist/Tab.js +1 -1
  201. package/dist/{Text-BDYfD8j4.js → Text-B91g6xKn.js} +3 -2
  202. package/dist/Text-B91g6xKn.js.map +1 -0
  203. package/dist/{Text-CN_-FF7J-Dzoy8A70.js → Text-DCvcLCvf-DlmnnjTR.js} +3 -3
  204. package/dist/{Text-CN_-FF7J-Dzoy8A70.js.map → Text-DCvcLCvf-DlmnnjTR.js.map} +1 -1
  205. package/dist/Text.js +1 -1
  206. package/dist/{TextField-BgHGtMb-.js → TextField-BYyyw3m2.js} +3 -2
  207. package/dist/{TextField-BgHGtMb-.js.map → TextField-BYyyw3m2.js.map} +1 -1
  208. package/dist/{TextField-D4HFeTaC-DBJfcnz7.js → TextField-CGJtMoil-CJqYM83o.js} +4 -3
  209. package/dist/TextField-CGJtMoil-CJqYM83o.js.map +1 -0
  210. package/dist/TextField.js +1 -1
  211. package/dist/{Textarea-R3cktsYz.js → Textarea-AczEXhHB.js} +5 -3
  212. package/dist/Textarea-AczEXhHB.js.map +1 -0
  213. package/dist/Textarea.js +1 -1
  214. package/dist/{ThemeProvider-D2x18Y1l.js → ThemeProvider-BKave7Ha.js} +2 -2
  215. package/dist/{ThemeProvider-D2x18Y1l.js.map → ThemeProvider-BKave7Ha.js.map} +1 -1
  216. package/dist/{ThemeProvider-BIeaAmWx-DVYOQ6bw.js → ThemeProvider-CR67FJg0-DYVRlJRA.js} +3 -3
  217. package/dist/{ThemeProvider-BIeaAmWx-DVYOQ6bw.js.map → ThemeProvider-CR67FJg0-DYVRlJRA.js.map} +1 -1
  218. package/dist/ThemeProvider.js +1 -1
  219. package/dist/Toast.js +1 -1
  220. package/dist/{Toolbar-BePAKdaW.js → Toolbar-Cu3u0TRX.js} +191 -22
  221. package/dist/Toolbar-Cu3u0TRX.js.map +1 -0
  222. package/dist/Toolbar.css +18 -28
  223. package/dist/Toolbar.js +1 -1
  224. package/dist/Tooltip-BL_bgvwA.js +73 -0
  225. package/dist/Tooltip-BL_bgvwA.js.map +1 -0
  226. package/dist/Tooltip.js +1 -1
  227. package/dist/assets/icons/st/column_editor.svg +1 -1
  228. package/dist/assets/icons/st/insurance_work_queue.svg +1 -0
  229. package/dist/assets/icons/st/production_work_queue.svg +1 -0
  230. package/dist/assets/icons/st.ts +2 -0
  231. package/dist/components/Alert/Alert.d.ts +37 -0
  232. package/dist/components/Announcement/Announcement.d.ts +37 -0
  233. package/dist/components/Avatar/Avatar.d.ts +73 -0
  234. package/dist/components/Badge/Badge.d.ts +27 -0
  235. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +39 -0
  236. package/dist/components/Button/Button.d.ts +28 -0
  237. package/dist/components/ButtonCompound/ButtonCompound.d.ts +24 -0
  238. package/dist/components/ButtonLink/ButtonLink.d.ts +30 -0
  239. package/dist/components/ButtonToggle/ButtonToggle.d.ts +32 -0
  240. package/dist/components/Calendar/Calendar.d.ts +114 -0
  241. package/dist/components/Card/Card.d.ts +24 -0
  242. package/dist/components/Checkbox/Checkbox.d.ts +77 -0
  243. package/dist/components/Chip/Chip.d.ts +34 -0
  244. package/dist/components/Combobox/Combobox.d.ts +442 -2
  245. package/dist/components/DateField/DateField.d.ts +65 -0
  246. package/dist/components/DaysOfTheWeek/DaysOfTheWeek.d.ts +44 -6
  247. package/dist/components/Details/Details.d.ts +68 -0
  248. package/dist/components/Dialog/Dialog.d.ts +178 -0
  249. package/dist/components/Divider/Divider.d.ts +24 -0
  250. package/dist/components/Drawer/Drawer.d.ts +200 -0
  251. package/dist/components/EditCard/EditCard.d.ts +50 -0
  252. package/dist/components/FieldMessage/FieldMessage.d.ts +31 -0
  253. package/dist/components/Flex/Flex.d.ts +48 -0
  254. package/dist/components/Grid/Grid.d.ts +74 -0
  255. package/dist/components/Icon/Icon.d.ts +39 -0
  256. package/dist/components/InputMask/InputMask.d.ts +57 -0
  257. package/dist/components/Layout/Layout.d.ts +131 -0
  258. package/dist/components/Link/Link.d.ts +47 -0
  259. package/dist/components/ListView/ListView.d.ts +85 -0
  260. package/dist/components/Listbox/Listbox.d.ts +124 -0
  261. package/dist/components/Menu/Menu.d.ts +85 -1
  262. package/dist/components/Overflow/Overflow.d.ts +84 -0
  263. package/dist/components/Page/Page.d.ts +443 -0
  264. package/dist/components/Popover/Popover.d.ts +268 -0
  265. package/dist/components/ProgressBar/ProgressBar.d.ts +52 -0
  266. package/dist/components/Radio/Radio.d.ts +121 -0
  267. package/dist/components/SearchField/SearchField.d.ts +37 -0
  268. package/dist/components/SegmentedControl/SegmentedControl.d.ts +98 -0
  269. package/dist/components/SelectCard/SelectCard.d.ts +60 -0
  270. package/dist/components/SelectCard/SelectCardGroup.d.ts +37 -0
  271. package/dist/components/SideNav/SideNav.d.ts +192 -2
  272. package/dist/components/SideNav/SideNavProvider.d.ts +30 -0
  273. package/dist/components/Skeleton/Skeleton.d.ts +130 -0
  274. package/dist/components/Spinner/Spinner.d.ts +25 -0
  275. package/dist/components/SrOnly/SrOnly.d.ts +19 -0
  276. package/dist/components/Stepper/Stepper.d.ts +335 -0
  277. package/dist/components/Switch/Switch.d.ts +33 -0
  278. package/dist/components/Tab/Tab.d.ts +152 -0
  279. package/dist/components/Text/Text.d.ts +37 -0
  280. package/dist/components/Textarea/Textarea.d.ts +50 -0
  281. package/dist/components/Toast/Toaster.d.ts +43 -0
  282. package/dist/components/Toast/toast.d.ts +31 -0
  283. package/dist/components/Toolbar/Toolbar.d.ts +251 -0
  284. package/dist/components/Tooltip/Tooltip.d.ts +123 -0
  285. package/dist/{floating-ui.react-Domgunz0.js → floating-ui.react-BFNinq1w.js} +2 -2
  286. package/dist/{floating-ui.react-Domgunz0.js.map → floating-ui.react-BFNinq1w.js.map} +1 -1
  287. package/dist/hooks/useSize/index.d.ts +15 -0
  288. package/dist/hooks/useTrackingId/index.d.ts +19 -0
  289. package/dist/{index-CyGNSK4Y-Dv0IKCva.js → index-CKfiQx8n-4nziUo7G.js} +4 -4
  290. package/dist/{index-CyGNSK4Y-Dv0IKCva.js.map → index-CKfiQx8n-4nziUo7G.js.map} +1 -1
  291. package/dist/index.js +57 -57
  292. package/dist/{toast-BUVHNidk.js → toast-B39L6vJ0.js} +3 -3
  293. package/dist/toast-B39L6vJ0.js.map +1 -0
  294. package/dist/{useLayoutPropsUtil-GT5myWCm-Clw_nEze.js → useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js} +6 -4
  295. package/dist/useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js.map +1 -0
  296. package/dist/useLinkStyles.js +1 -1
  297. package/dist/useSize.js.map +1 -1
  298. package/dist/{useSwipe-DIUHs7T5-DIUHs7T5.js → useSwipe-CULmVQEk-CULmVQEk.js} +2 -2
  299. package/dist/useSwipe-CULmVQEk-CULmVQEk.js.map +1 -0
  300. package/dist/useSwipe.js +1 -1
  301. package/dist/useTrackingId.js.map +1 -1
  302. package/package.json +3 -2
  303. package/dist/Alert-DwdMxzH0.js.map +0 -1
  304. package/dist/Announcement-CiHTmcmB.js.map +0 -1
  305. package/dist/Avatar-C2IfIAxL-BUio7c00.js.map +0 -1
  306. package/dist/Avatar-DYCN2A_l.js +0 -20
  307. package/dist/Avatar-DYCN2A_l.js.map +0 -1
  308. package/dist/Breadcrumbs-BP5QXVje.js.map +0 -1
  309. package/dist/Button-CPyDYPAg.js.map +0 -1
  310. package/dist/Button.module-D8SjARtW-D8SjARtW.js +0 -25
  311. package/dist/Button.module-D8SjARtW-D8SjARtW.js.map +0 -1
  312. package/dist/ButtonCompound-CZn9FsxS.js.map +0 -1
  313. package/dist/ButtonLink-B_tyWgz5-fw-d4WQs.js.map +0 -1
  314. package/dist/ButtonLink-T1aDDrwY.js.map +0 -1
  315. package/dist/ButtonToggle-5RNkPmop.js.map +0 -1
  316. package/dist/Calendar-CdlkJi-V.js +0 -57
  317. package/dist/Calendar-CdlkJi-V.js.map +0 -1
  318. package/dist/Card-DgxiRqS_.js.map +0 -1
  319. package/dist/Checkbox-DEAra-BQ-bF-q1M2I.js.map +0 -1
  320. package/dist/Checkbox-eAxcQnNg.js.map +0 -1
  321. package/dist/Chip-BQ58RQ3v.js.map +0 -1
  322. package/dist/Combobox-CKmh6XXv.js.map +0 -1
  323. package/dist/DateField-CPJzhs_q.js.map +0 -1
  324. package/dist/DaysOfTheWeek-2z-ObNCZ.js.map +0 -1
  325. package/dist/Details-ChZdA5Yo.js.map +0 -1
  326. package/dist/Dialog-DzHVBIH3.js.map +0 -1
  327. package/dist/Divider-Crum3dyV.js.map +0 -1
  328. package/dist/Drawer-ohNSRGI4.js +0 -66
  329. package/dist/Drawer-ohNSRGI4.js.map +0 -1
  330. package/dist/EditCard-Cz1Cn4A2.js.map +0 -1
  331. package/dist/FieldMessage-CERWyhwG.js.map +0 -1
  332. package/dist/Flex-DT1l-wJc.js.map +0 -1
  333. package/dist/Grid-h9VbEjJe.js +0 -14
  334. package/dist/Grid-h9VbEjJe.js.map +0 -1
  335. package/dist/Icon-CcUV8glf.js.map +0 -1
  336. package/dist/InputMask-B2_O_tIf-BMv7gEby.js +0 -323
  337. package/dist/InputMask-B2_O_tIf-BMv7gEby.js.map +0 -1
  338. package/dist/InputMask-vaQYg_Vf.js.map +0 -1
  339. package/dist/Link-K3nk4QAp.js.map +0 -1
  340. package/dist/ListView-BBLIz8d_.js.map +0 -1
  341. package/dist/Listbox-36Mda5DS.js +0 -37
  342. package/dist/Listbox-36Mda5DS.js.map +0 -1
  343. package/dist/Listbox-DLlT8qbJ-BvhkfmIf.js.map +0 -1
  344. package/dist/Menu-DDBvbj8J.js.map +0 -1
  345. package/dist/Overflow-ENfRRD_5-DLHLZ02e.js.map +0 -1
  346. package/dist/Overflow-vc1mxjUD.js.map +0 -1
  347. package/dist/Page-BY98czM-.js.map +0 -1
  348. package/dist/Popover-C31e7pyQ-BKY8Cu9r.js.map +0 -1
  349. package/dist/Popover-D9YlXxdx.js +0 -56
  350. package/dist/Popover-D9YlXxdx.js.map +0 -1
  351. package/dist/ProgressBar-D1zZ2s7L.js.map +0 -1
  352. package/dist/ProgressBar-dl-MpiLN-CxX2edlK.js.map +0 -1
  353. package/dist/ProgressBar-dl-MpiLN.css +0 -665
  354. package/dist/Radio-DiKeatJz-CJv-wiPU.js.map +0 -1
  355. package/dist/Radio-DmKsVmvI.js +0 -34
  356. package/dist/Radio-DmKsVmvI.js.map +0 -1
  357. package/dist/SearchField-D3z4LjJg.js.map +0 -1
  358. package/dist/SegmentedControl-D_ADGpVy.js.map +0 -1
  359. package/dist/SelectCard-DvQKJBNF-BtUX2vxS.js.map +0 -1
  360. package/dist/SelectCardGroup-BMtIW3Er.js +0 -21
  361. package/dist/SelectCardGroup-BMtIW3Er.js.map +0 -1
  362. package/dist/SideNav-C7wc1_JK.js.map +0 -1
  363. package/dist/Skeleton-CdzDKQi4.js +0 -215
  364. package/dist/Skeleton-CdzDKQi4.js.map +0 -1
  365. package/dist/Spinner-Bc5-_6pK.js.map +0 -1
  366. package/dist/Stepper-M8VmWN_m.js.map +0 -1
  367. package/dist/Switch-BbHIwrGc.js.map +0 -1
  368. package/dist/Tab-DcOQTX5Z.js.map +0 -1
  369. package/dist/Text-BDYfD8j4.js.map +0 -1
  370. package/dist/TextField-D4HFeTaC-DBJfcnz7.js.map +0 -1
  371. package/dist/Textarea-R3cktsYz.js.map +0 -1
  372. package/dist/Toolbar-BePAKdaW.js.map +0 -1
  373. package/dist/Tooltip-CFKD9Xsq.js +0 -34
  374. package/dist/Tooltip-CFKD9Xsq.js.map +0 -1
  375. package/dist/toast-BUVHNidk.js.map +0 -1
  376. package/dist/useLayoutPropsUtil-GT5myWCm-Clw_nEze.js.map +0 -1
  377. package/dist/useSwipe-DIUHs7T5-DIUHs7T5.js.map +0 -1
  378. /package/dist/{Alert-BNbD8EQd.css → Alert-C3WoRkeN.css} +0 -0
  379. /package/dist/{Avatar-C2IfIAxL.css → Avatar-B20IdOEO.css} +0 -0
  380. /package/dist/{Calendar-ccK3_s_h.css → Calendar-CohGSWFp.css} +0 -0
  381. /package/dist/{Card-BNT0qpxt.css → Card-ZknG-yim.css} +0 -0
  382. /package/dist/{Chip-DwiMFYBm.css → Chip-_daV8CmM.css} +0 -0
  383. /package/dist/{FieldMessage-Js4e1ezw.css → FieldMessage-ChFXWVDb.css} +0 -0
  384. /package/dist/{Flex-EX9xObMl.css → Flex-CiK7uNUu.css} +0 -0
  385. /package/dist/{Icon-BrdmZw1i.css → Icon-B6HmlQiR.css} +0 -0
  386. /package/dist/{Link-CVN5Mwtx.css → Link-Dqp_XXl_.css} +0 -0
  387. /package/dist/{Overflow-ENfRRD_5.css → Overflow-BrXwlYpn.css} +0 -0
  388. /package/dist/{Popover-C31e7pyQ.css → Popover-VztF0YHt.css} +0 -0
  389. /package/dist/{Radio-DiKeatJz.css → Radio-7U7IBI58.css} +0 -0
  390. /package/dist/{SelectCard-DvQKJBNF.css → SelectCard-B5EqtxOK.css} +0 -0
  391. /package/dist/{Text-CN_-FF7J.css → Text-DCvcLCvf.css} +0 -0
  392. /package/dist/{ThemeProvider-BIeaAmWx.css → ThemeProvider-CR67FJg0.css} +0 -0
  393. /package/dist/{index-CyGNSK4Y.css → index-CKfiQx8n.css} +0 -0
package/dist/Button.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @layer starter, reset, base, state, application;
2
2
  @layer starter, reset, base, state, application;
3
3
  @layer reset {
4
- ._button_i90l0_2, ._button_i90l0_2._type-icon_i90l0_2 {
4
+ ._button_19i4i_2, ._button_19i4i_2._type-icon_19i4i_2 {
5
5
  all: unset;
6
6
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
7
7
  font-size: 100%;
@@ -16,7 +16,7 @@
16
16
  }
17
17
  }
18
18
  @layer base {
19
- ._button_i90l0_2, ._button_i90l0_2._type-icon_i90l0_2 {
19
+ ._button_19i4i_2, ._button_19i4i_2._type-icon_19i4i_2 {
20
20
  width: -moz-fit-content;
21
21
  width: fit-content;
22
22
  min-width: 5rem;
@@ -49,21 +49,21 @@
49
49
  background-color: var(--button-background-color);
50
50
  outline-color: var(--button-focus-ring-color);
51
51
  }
52
- ._button_i90l0_2 ._icon_i90l0_48 {
52
+ ._button_19i4i_2 ._icon_19i4i_48 {
53
53
  display: inline-flex;
54
54
  }
55
55
  }
56
56
  @layer state {
57
- ._button_i90l0_2:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true])[data-interactive=focus-visible], ._button_i90l0_2:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true]):focus-visible {
57
+ ._button_19i4i_2:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])[data-interactive=focus-visible], ._button_19i4i_2:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]):focus-visible {
58
58
  outline-width: 0.125rem;
59
59
  }
60
- ._button_i90l0_2._loading_i90l0_56 {
60
+ ._button_19i4i_2._loading_19i4i_56 {
61
61
  cursor: progress;
62
62
  }
63
- ._button_i90l0_2 ._loading-spinner_i90l0_59 {
63
+ ._button_19i4i_2 ._loading-spinner_19i4i_59 {
64
64
  height: 1rem;
65
65
  }
66
- ._button_i90l0_2._size-small_i90l0_62 {
66
+ ._button_19i4i_2._size-small_19i4i_62 {
67
67
  --button-font-size: 0.875rem;
68
68
  --button-border-radius: 0.375rem;
69
69
  --button-padding-block-start: 0.4375rem;
@@ -72,7 +72,7 @@
72
72
  --button-padding-inline-start: 0.75rem;
73
73
  --button-line-height: 1rem;
74
74
  }
75
- ._button_i90l0_2._size-medium_i90l0_71 {
75
+ ._button_19i4i_2._size-medium_19i4i_71 {
76
76
  --button-font-size: 1rem;
77
77
  --button-border-radius: 0.375rem;
78
78
  --button-padding-block-start: 0.6875rem;
@@ -80,7 +80,7 @@
80
80
  --button-padding-inline-end: 1rem;
81
81
  --button-padding-inline-start: 1rem;
82
82
  }
83
- ._button_i90l0_2._size-large_i90l0_79 {
83
+ ._button_19i4i_2._size-large_19i4i_79 {
84
84
  --button-font-size: 1rem;
85
85
  --button-border-radius: 0.375rem;
86
86
  --button-padding-block-start: 0.9375rem;
@@ -88,82 +88,82 @@
88
88
  --button-padding-inline-end: 1.5rem;
89
89
  --button-padding-inline-start: 1.5rem;
90
90
  }
91
- ._button_i90l0_2._appearance-primary_i90l0_87 {
91
+ ._button_19i4i_2._appearance-primary_19i4i_87 {
92
92
  --button-foreground-color: var(--button-primary-foreground-color, #ffffff);
93
93
  --button-border-color: var(--button-primary-border-color, transparent);
94
94
  --button-border-radius: 0.375rem;
95
95
  --button-background-color: var(--button-primary-background-color, #0265DC);
96
96
  --button-focus-ring-color: var(--button-primary-focus-ring-color, #0265DC);
97
97
  }
98
- ._button_i90l0_2._appearance-primary_i90l0_87[data-interactive=hover], ._button_i90l0_2._appearance-primary_i90l0_87:hover {
98
+ ._button_19i4i_2._appearance-primary_19i4i_87[data-interactive=hover], ._button_19i4i_2._appearance-primary_19i4i_87:hover {
99
99
  --button-foreground-color: var(--button-primary-foreground-color-hover, #ffffff);
100
100
  --button-background-color: var(--button-primary-background-color-hover, #0655b4);
101
101
  }
102
- ._button_i90l0_2._appearance-primary_i90l0_87[data-interactive=active], ._button_i90l0_2._appearance-primary_i90l0_87:active {
102
+ ._button_19i4i_2._appearance-primary_19i4i_87[data-interactive=active], ._button_19i4i_2._appearance-primary_19i4i_87:active {
103
103
  --button-foreground-color: var(--button-primary-foreground-color-active, #ffffff);
104
104
  --button-background-color: var(--button-primary-background-color-active, #09458c);
105
105
  }
106
- ._button_i90l0_2._appearance-secondary_i90l0_102 {
106
+ ._button_19i4i_2._appearance-secondary_19i4i_102 {
107
107
  --button-foreground-color: var(--button-secondary-foreground-color, #141414);
108
108
  --button-border-color: var(--button-secondary-border-color, transparent);
109
109
  --button-border-radius: 0.375rem;
110
110
  --button-background-color: var(--button-secondary-background-color, rgba(4, 4, 4, 0.0588235294));
111
111
  --button-focus-ring-color: var(--button-secondary-focus-ring-color, #0265DC);
112
112
  }
113
- ._button_i90l0_2._appearance-secondary_i90l0_102[data-interactive=hover], ._button_i90l0_2._appearance-secondary_i90l0_102:hover {
113
+ ._button_19i4i_2._appearance-secondary_19i4i_102[data-interactive=hover], ._button_19i4i_2._appearance-secondary_19i4i_102:hover {
114
114
  --button-foreground-color: var(--button-secondary-foreground-color-hover, #141414);
115
115
  --button-background-color: var(--button-secondary-background-color-hover, rgba(5, 5, 5, 0.1333333333));
116
116
  }
117
- ._button_i90l0_2._appearance-secondary_i90l0_102[data-interactive=active], ._button_i90l0_2._appearance-secondary_i90l0_102:active {
117
+ ._button_19i4i_2._appearance-secondary_19i4i_102[data-interactive=active], ._button_19i4i_2._appearance-secondary_19i4i_102:active {
118
118
  --button-foreground-color: var(--button-secondary-foreground-color-active, #141414);
119
119
  --button-background-color: var(--button-secondary-background-color-active, rgba(7, 7, 7, 0.2078431373));
120
120
  }
121
- ._button_i90l0_2._appearance-ghost_i90l0_117 {
121
+ ._button_19i4i_2._appearance-ghost_19i4i_117 {
122
122
  --button-foreground-color: var(--button-ghost-foreground-color, #141414);
123
123
  --button-border-color: var(--button-ghost-border-color, transparent);
124
124
  --button-border-radius: 0.375rem;
125
125
  --button-background-color: var(--button-ghost-background-color, transparent);
126
126
  --button-focus-ring-color: var(--button-ghost-focus-ring-color, #0265DC);
127
127
  }
128
- ._button_i90l0_2._appearance-ghost_i90l0_117[data-interactive=hover], ._button_i90l0_2._appearance-ghost_i90l0_117:hover {
128
+ ._button_19i4i_2._appearance-ghost_19i4i_117[data-interactive=hover], ._button_19i4i_2._appearance-ghost_19i4i_117:hover {
129
129
  --button-foreground-color: var(--button-ghost-foreground-color-hover, #141414);
130
130
  --button-background-color: var(--button-ghost-background-color-hover, rgba(20, 20, 20, 0.0784313725));
131
131
  }
132
- ._button_i90l0_2._appearance-ghost_i90l0_117[data-interactive=active], ._button_i90l0_2._appearance-ghost_i90l0_117:active {
132
+ ._button_19i4i_2._appearance-ghost_19i4i_117[data-interactive=active], ._button_19i4i_2._appearance-ghost_19i4i_117:active {
133
133
  --button-foreground-color: var(--button-ghost-foreground-color-active, #141414);
134
134
  --button-background-color: var(--button-ghost-background-color-active, rgba(20, 20, 20, 0.1607843137));
135
135
  }
136
- ._button_i90l0_2._danger-primary_i90l0_132 {
136
+ ._button_19i4i_2._danger-primary_19i4i_132 {
137
137
  --button-foreground-color: var(--button-danger-primary-foreground-color, #ffffff);
138
138
  --button-border-color: var(--button-danger-primary-border-color, transparent);
139
139
  --button-border-radius: 0.375rem;
140
140
  --button-background-color: var(--button-danger-primary-background-color, #e13212);
141
141
  --button-focus-ring-color: var(--button-danger-primary-focus-ring-color, #e13212);
142
142
  }
143
- ._button_i90l0_2._danger-primary_i90l0_132[data-interactive=hover], ._button_i90l0_2._danger-primary_i90l0_132:hover {
143
+ ._button_19i4i_2._danger-primary_19i4i_132[data-interactive=hover], ._button_19i4i_2._danger-primary_19i4i_132:hover {
144
144
  --button-foreground-color: var(--button-danger-primary-foreground-color-hover, #ffffff);
145
145
  --button-background-color: var(--button-danger-primary-background-color-hover, #b82c12);
146
146
  }
147
- ._button_i90l0_2._danger-primary_i90l0_132[data-interactive=active], ._button_i90l0_2._danger-primary_i90l0_132:active {
147
+ ._button_19i4i_2._danger-primary_19i4i_132[data-interactive=active], ._button_19i4i_2._danger-primary_19i4i_132:active {
148
148
  --button-foreground-color: var(--button-danger-primary-foreground-color-active, #ffffff);
149
149
  --button-background-color: var(--button-danger-primary-background-color-active, #8f2613);
150
150
  }
151
- ._button_i90l0_2._danger-secondary_i90l0_147 {
151
+ ._button_19i4i_2._danger-secondary_19i4i_147 {
152
152
  --button-foreground-color: var(--button-danger-secondary-foreground-color, #bf2a00);
153
153
  --button-border-color: var(--button-danger-secondary-border-color, transparent);
154
154
  --button-border-radius: 0.375rem;
155
155
  --button-background-color: var(--button-danger-secondary-background-color, #ffece9);
156
156
  --button-focus-ring-color: var(--button-danger-secondary-focus-ring-color, #e13212);
157
157
  }
158
- ._button_i90l0_2._danger-secondary_i90l0_147[data-interactive=hover], ._button_i90l0_2._danger-secondary_i90l0_147:hover {
158
+ ._button_19i4i_2._danger-secondary_19i4i_147[data-interactive=hover], ._button_19i4i_2._danger-secondary_19i4i_147:hover {
159
159
  --button-foreground-color: var(--button-danger-secondary-foreground-color-hover, #bf2a00);
160
160
  --button-background-color: var(--button-danger-secondary-background-color-hover, #fcd9d4);
161
161
  }
162
- ._button_i90l0_2._danger-secondary_i90l0_147[data-interactive=active], ._button_i90l0_2._danger-secondary_i90l0_147:active {
162
+ ._button_19i4i_2._danger-secondary_19i4i_147[data-interactive=active], ._button_19i4i_2._danger-secondary_19i4i_147:active {
163
163
  --button-foreground-color: var(--button-danger-secondary-foreground-color-active, #bf2a00);
164
164
  --button-background-color: var(--button-danger-secondary-background-color-active, #f6b4a9);
165
165
  }
166
- ._button_i90l0_2._type-icon_i90l0_2 {
166
+ ._button_19i4i_2._type-icon_19i4i_2 {
167
167
  display: inline-flex;
168
168
  min-width: auto;
169
169
  --button-padding-block-start: 0.4375rem;
@@ -171,26 +171,26 @@
171
171
  --button-padding-inline-end: 0.4375rem;
172
172
  --button-padding-inline-start: 0.4375rem;
173
173
  }
174
- ._button_i90l0_2._type-icon_i90l0_2._size-small_i90l0_62 {
174
+ ._button_19i4i_2._type-icon_19i4i_2._size-small_19i4i_62 {
175
175
  --button-padding-block-start: 0.4375rem;
176
176
  --button-padding-block-end: 0.4375rem;
177
177
  --button-padding-inline-end: 0.4375rem;
178
178
  --button-padding-inline-start: 0.4375rem;
179
179
  }
180
- ._button_i90l0_2._type-icon_i90l0_2._size-medium_i90l0_71 {
180
+ ._button_19i4i_2._type-icon_19i4i_2._size-medium_19i4i_71 {
181
181
  --button-padding-block-start: 0.4375rem;
182
182
  --button-padding-block-end: 0.4375rem;
183
183
  --button-padding-inline-end: 0.4375rem;
184
184
  --button-padding-inline-start: 0.4375rem;
185
185
  }
186
- ._button_i90l0_2._type-icon_i90l0_2._size-large_i90l0_79 {
186
+ ._button_19i4i_2._type-icon_19i4i_2._size-large_19i4i_79 {
187
187
  --button-padding-block-start: 0.6875rem;
188
188
  --button-padding-block-end: 0.6875rem;
189
189
  --button-padding-inline-end: 0.6875rem;
190
190
  --button-padding-inline-start: 0.6875rem;
191
191
  }
192
192
  }
193
- @keyframes _indeterminate-before_i90l0_1 {
193
+ @keyframes _indeterminate-before_19i4i_1 {
194
194
  0% {
195
195
  inset-inline-start: -35%;
196
196
  inset-inline-end: 100%;
@@ -213,7 +213,7 @@
213
213
  }
214
214
  }
215
215
  @layer base {
216
- ._button-compound_i90l0_212 {
216
+ ._button-compound_19i4i_212 {
217
217
  background-color: transparent;
218
218
  padding-block: 0;
219
219
  padding-inline: 0;
@@ -226,60 +226,60 @@
226
226
  }
227
227
  }
228
228
  @layer state {
229
- ._button-compound_i90l0_212[data-interactive=hover], ._button-compound_i90l0_212:hover {
229
+ ._button-compound_19i4i_212[data-interactive=hover], ._button-compound_19i4i_212:hover {
230
230
  --button-background-color: var(--button-secondary-background-color-hover, rgba(5, 5, 5, 0.1333333333));
231
231
  z-index: 1;
232
232
  }
233
- ._button-compound_i90l0_212[data-interactive=active], ._button-compound_i90l0_212:active {
233
+ ._button-compound_19i4i_212[data-interactive=active], ._button-compound_19i4i_212:active {
234
234
  --button-background-color: var(--button-secondary-background-color-active, rgba(7, 7, 7, 0.2078431373));
235
235
  z-index: 1;
236
236
  }
237
- ._button-compound_i90l0_212._shape-rounded_i90l0_233 {
237
+ ._button-compound_19i4i_212._shape-rounded_19i4i_233 {
238
238
  --button-border-radius: 0.75rem;
239
239
  }
240
- ._button-compound_i90l0_212._shape-pill_i90l0_236 {
240
+ ._button-compound_19i4i_212._shape-pill_19i4i_236 {
241
241
  --button-border-radius: 1.5rem;
242
242
  }
243
- ._button-compound_i90l0_212._shape-circular_i90l0_239 {
243
+ ._button-compound_19i4i_212._shape-circular_19i4i_239 {
244
244
  --button-border-radius: 100%;
245
245
  }
246
246
  }
247
247
  @layer state {
248
- ._button-toggle_i90l0_244 {
248
+ ._button-toggle_19i4i_244 {
249
249
  border-color: var(--border-color, #949596);
250
250
  }
251
- ._button-toggle_i90l0_244[aria-pressed=false]:not([data-interactive=hover],
251
+ ._button-toggle_19i4i_244[aria-pressed=false]:not([data-interactive=hover],
252
252
  :hover,
253
253
  [data-interactive=active],
254
254
  :active) {
255
255
  background-color: var(--button-primary-foreground-color, #ffffff);
256
256
  }
257
- ._button-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true]) {
257
+ ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]) {
258
258
  color: var(--foreground-color-primary, #0265DC);
259
259
  border-color: currentColor;
260
260
  }
261
- ._button-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true])[data-interactive=hover], ._button-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true]):hover {
261
+ ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])[data-interactive=hover], ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]):hover {
262
262
  color: var(--foreground-color-hover-primary, #004491);
263
263
  }
264
- ._button-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true])[data-interactive=hover]::before, ._button-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true]):hover::before {
264
+ ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])[data-interactive=hover]::before, ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]):hover::before {
265
265
  content: "";
266
266
  background-color: var(--overlay-color-hover-primary, rgba(2, 101, 220, 0.1019607843));
267
267
  position: absolute;
268
268
  inset: 0;
269
269
  z-index: 1;
270
270
  }
271
- ._button-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true])[data-interactive=active], ._button-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true]):active {
271
+ ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])[data-interactive=active], ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]):active {
272
272
  color: var(--foreground-color-active-primary, #004491);
273
273
  border-color: currentColor;
274
274
  }
275
- ._button-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true])[data-interactive=active]::before, ._button-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true]):active::before {
275
+ ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])[data-interactive=active]::before, ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true]):active::before {
276
276
  content: "";
277
277
  background-color: var(--overlay-color-active-primary, rgba(2, 101, 220, 0.3019607843));
278
278
  position: absolute;
279
279
  inset: 0;
280
280
  z-index: 1;
281
281
  }
282
- ._button-toggle_i90l0_244[aria-pressed=true]:not(:disabled, ._disabled_i90l0_53, [aria-disabled=true])::after {
282
+ ._button-toggle_19i4i_244[aria-pressed=true]:not(:disabled, ._disabled_19i4i_53, [aria-disabled=true])::after {
283
283
  content: "";
284
284
  position: absolute;
285
285
  width: 100%;
@@ -295,19 +295,15 @@
295
295
  }
296
296
  }
297
297
  @layer application {
298
- ._button-toggle_i90l0_244:disabled, ._button-toggle_i90l0_244._disabled_i90l0_53, ._button-toggle_i90l0_244[aria-disabled=true] {
298
+ ._button-toggle_19i4i_244:disabled, ._button-toggle_19i4i_244._disabled_19i4i_53, ._button-toggle_19i4i_244[aria-disabled=true] {
299
299
  color: var(--foreground-color-subdued, #737475);
300
300
  border-color: transparent;
301
301
  }
302
- ._button_i90l0_2:disabled, ._button_i90l0_2._disabled_i90l0_53, ._button_i90l0_2[aria-disabled=true] {
302
+ ._button_19i4i_2:disabled, ._button_19i4i_2._disabled_19i4i_53, ._button_19i4i_2[aria-disabled=true] {
303
303
  cursor: not-allowed;
304
304
  opacity: 0.6;
305
305
  --button-foreground-color: var(--foreground-color-subdued, #737475);
306
306
  --button-background-color: var(--background-color-strong, #f7f7f7);
307
307
  --button-border-color: transparent;
308
308
  }
309
- }
310
- a._button_i90l0_2:hover,
311
- a._button_i90l0_2:active {
312
- color: revert-layer;
313
309
  }
package/dist/Button.js CHANGED
@@ -1,2 +1,2 @@
1
- export { B as Button, B as default } from './Button-CPyDYPAg.js';
1
+ export { B as Button, B as default } from './Button-DMQKV2sV.js';
2
2
  //# sourceMappingURL=Button.js.map
@@ -0,0 +1,25 @@
1
+ import './Button.css';const button = "_button_19i4i_2";
2
+ const icon = "_icon_19i4i_48";
3
+ const loading = "_loading_19i4i_56";
4
+ const styles = {
5
+ button: button,
6
+ "type-icon": "_type-icon_19i4i_2",
7
+ icon: icon,
8
+ loading: loading,
9
+ "loading-spinner": "_loading-spinner_19i4i_59",
10
+ "size-small": "_size-small_19i4i_62",
11
+ "size-medium": "_size-medium_19i4i_71",
12
+ "size-large": "_size-large_19i4i_79",
13
+ "appearance-primary": "_appearance-primary_19i4i_87",
14
+ "appearance-secondary": "_appearance-secondary_19i4i_102",
15
+ "appearance-ghost": "_appearance-ghost_19i4i_117",
16
+ "danger-primary": "_danger-primary_19i4i_132",
17
+ "danger-secondary": "_danger-secondary_19i4i_147",
18
+ "button-compound": "_button-compound_19i4i_212",
19
+ "shape-rounded": "_shape-rounded_19i4i_233",
20
+ "shape-pill": "_shape-pill_19i4i_236",
21
+ "shape-circular": "_shape-circular_19i4i_239",
22
+ "button-toggle": "_button-toggle_19i4i_244"};
23
+
24
+ export { styles as s };
25
+ //# sourceMappingURL=Button.module-BqTaW8HK-BqTaW8HK.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.module-BqTaW8HK-BqTaW8HK.js","sources":["../../hammer-react/dist/Button.module-BqTaW8HK.js"],"sourcesContent":["import './Button.css';const button = \"_button_19i4i_2\";\nconst icon = \"_icon_19i4i_48\";\nconst loading = \"_loading_19i4i_56\";\nconst styles = {\n\tbutton: button,\n\t\"type-icon\": \"_type-icon_19i4i_2\",\n\ticon: icon,\n\tloading: loading,\n\t\"loading-spinner\": \"_loading-spinner_19i4i_59\",\n\t\"size-small\": \"_size-small_19i4i_62\",\n\t\"size-medium\": \"_size-medium_19i4i_71\",\n\t\"size-large\": \"_size-large_19i4i_79\",\n\t\"appearance-primary\": \"_appearance-primary_19i4i_87\",\n\t\"appearance-secondary\": \"_appearance-secondary_19i4i_102\",\n\t\"appearance-ghost\": \"_appearance-ghost_19i4i_117\",\n\t\"danger-primary\": \"_danger-primary_19i4i_132\",\n\t\"danger-secondary\": \"_danger-secondary_19i4i_147\",\n\t\"button-compound\": \"_button-compound_19i4i_212\",\n\t\"shape-rounded\": \"_shape-rounded_19i4i_233\",\n\t\"shape-pill\": \"_shape-pill_19i4i_236\",\n\t\"shape-circular\": \"_shape-circular_19i4i_239\",\n\t\"button-toggle\": \"_button-toggle_19i4i_244\"};\n\nexport { styles as s };\n//# sourceMappingURL=Button.module-BqTaW8HK.js.map\n"],"names":[],"mappings":"AAAsB,MAAM,MAAM,GAAG,iBAAiB;AACtD,MAAM,IAAI,GAAG,gBAAgB;AAC7B,MAAM,OAAO,GAAG,mBAAmB;AAC9B,MAAC,MAAM,GAAG;AACf,CAAC,MAAM,EAAE,MAAM;AACf,CAAC,WAAW,EAAE,oBAAoB;AAClC,CAAC,IAAI,EAAE,IAAI;AACX,CAAC,OAAO,EAAE,OAAO;AACjB,CAAC,iBAAiB,EAAE,2BAA2B;AAC/C,CAAC,YAAY,EAAE,sBAAsB;AACrC,CAAC,aAAa,EAAE,uBAAuB;AACvC,CAAC,YAAY,EAAE,sBAAsB;AACrC,CAAC,oBAAoB,EAAE,8BAA8B;AACrD,CAAC,sBAAsB,EAAE,iCAAiC;AAC1D,CAAC,kBAAkB,EAAE,6BAA6B;AAClD,CAAC,gBAAgB,EAAE,2BAA2B;AAC9C,CAAC,kBAAkB,EAAE,6BAA6B;AAClD,CAAC,iBAAiB,EAAE,4BAA4B;AAChD,CAAC,eAAe,EAAE,0BAA0B;AAC5C,CAAC,YAAY,EAAE,uBAAuB;AACtC,CAAC,gBAAgB,EAAE,2BAA2B;AAC9C,CAAC,eAAe,EAAE,0BAA0B;;;;"}
@@ -1,8 +1,8 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
3
  import { c as cx } from './index-tZvMCc77.js';
4
- import { s as styles } from './Button.module-D8SjARtW-D8SjARtW.js';
5
- import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-GT5myWCm-Clw_nEze.js';
4
+ import { s as styles } from './Button.module-BqTaW8HK-BqTaW8HK.js';
5
+ import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
6
6
 
7
7
  const ButtonCompound = forwardRef((props, ref) => {
8
8
  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
@@ -46,4 +46,4 @@ const ButtonCompound = forwardRef((props, ref) => {
46
46
  ButtonCompound.displayName = "ButtonCompound";
47
47
 
48
48
  export { ButtonCompound as B };
49
- //# sourceMappingURL=ButtonCompound-CYU1LNHq-Bc1kbNSB.js.map
49
+ //# sourceMappingURL=ButtonCompound-Cs2A5X-Z-Dl3InVab.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonCompound-CYU1LNHq-Bc1kbNSB.js","sources":["../../hammer-react/dist/ButtonCompound-CYU1LNHq.js"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { s as styles } from './Button.module-D8SjARtW.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-GT5myWCm.js';\n\nconst ButtonCompound = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n shape = \"rounded\",\n type,\n disabled,\n children,\n style,\n ...rest\n } = componentProps;\n const buttonClassNames = cx(\n className,\n styles[\"button\"],\n styles[\"button-compound\"],\n {\n [styles[\"shape-pill\"]]: shape === \"pill\",\n [styles[\"shape-circular\"]]: shape === \"circular\",\n [styles[\"shape-rounded\"]]: shape === \"rounded\"\n }\n );\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsx(\n \"button\",\n {\n className: buttonClassNames,\n type,\n disabled,\n \"data-anv\": \"button-compound\",\n ref,\n style: styleCombined,\n ...rest,\n children\n }\n );\n});\nButtonCompound.displayName = \"ButtonCompound\";\n\nexport { ButtonCompound as B };\n//# sourceMappingURL=ButtonCompound-CYU1LNHq.js.map\n"],"names":[],"mappings":";;;;;;AAMK,MAAC,cAAc,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAClD,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACpE,EAAE,MAAM;AACR,IAAI,SAAS;AACb,IAAI,KAAK,GAAG,SAAS;AACrB,IAAI,IAAI;AACR,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,GAAG;AACP,GAAG,GAAG,cAAc;AACpB,EAAE,MAAM,gBAAgB,GAAG,EAAE;AAC7B,IAAI,SAAS;AACb,IAAI,MAAM,CAAC,QAAQ,CAAC;AACpB,IAAI,MAAM,CAAC,iBAAiB,CAAC;AAC7B,IAAI;AACJ,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,KAAK,KAAK,MAAM;AAC9C,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,KAAK,KAAK,UAAU;AACtD,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,GAAG,KAAK,KAAK;AAC3C;AACA,GAAG;AACH,EAAE,MAAM,aAAa,GAAG;AACxB,IAAI,GAAG,KAAK;AACZ,IAAI,GAAG;AACP,GAAG;AACH,EAAE,uBAAuB,GAAG;AAC5B,IAAI,QAAQ;AACZ,IAAI;AACJ,MAAM,SAAS,EAAE,gBAAgB;AACjC,MAAM,IAAI;AACV,MAAM,QAAQ;AACd,MAAM,UAAU,EAAE,iBAAiB;AACnC,MAAM,GAAG;AACT,MAAM,KAAK,EAAE,aAAa;AAC1B,MAAM,GAAG,IAAI;AACb,MAAM;AACN;AACA,GAAG;AACH,CAAC;AACD,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
1
+ {"version":3,"file":"ButtonCompound-Cs2A5X-Z-Dl3InVab.js","sources":["../../hammer-react/dist/ButtonCompound-Cs2A5X-Z.js"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { s as styles } from './Button.module-BqTaW8HK.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\n\nconst ButtonCompound = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n shape = \"rounded\",\n type,\n disabled,\n children,\n style,\n ...rest\n } = componentProps;\n const buttonClassNames = cx(\n className,\n styles[\"button\"],\n styles[\"button-compound\"],\n {\n [styles[\"shape-pill\"]]: shape === \"pill\",\n [styles[\"shape-circular\"]]: shape === \"circular\",\n [styles[\"shape-rounded\"]]: shape === \"rounded\"\n }\n );\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsx(\n \"button\",\n {\n className: buttonClassNames,\n type,\n disabled,\n \"data-anv\": \"button-compound\",\n ref,\n style: styleCombined,\n ...rest,\n children\n }\n );\n});\nButtonCompound.displayName = \"ButtonCompound\";\n\nexport { ButtonCompound as B };\n//# sourceMappingURL=ButtonCompound-Cs2A5X-Z.js.map\n"],"names":[],"mappings":";;;;;;AAMK,MAAC,cAAc,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAClD,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACpE,EAAE,MAAM;AACR,IAAI,SAAS;AACb,IAAI,KAAK,GAAG,SAAS;AACrB,IAAI,IAAI;AACR,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,GAAG;AACP,GAAG,GAAG,cAAc;AACpB,EAAE,MAAM,gBAAgB,GAAG,EAAE;AAC7B,IAAI,SAAS;AACb,IAAI,MAAM,CAAC,QAAQ,CAAC;AACpB,IAAI,MAAM,CAAC,iBAAiB,CAAC;AAC7B,IAAI;AACJ,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,KAAK,KAAK,MAAM;AAC9C,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,KAAK,KAAK,UAAU;AACtD,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,GAAG,KAAK,KAAK;AAC3C;AACA,GAAG;AACH,EAAE,MAAM,aAAa,GAAG;AACxB,IAAI,GAAG,KAAK;AACZ,IAAI,GAAG;AACP,GAAG;AACH,EAAE,uBAAuB,GAAG;AAC5B,IAAI,QAAQ;AACZ,IAAI;AACJ,MAAM,SAAS,EAAE,gBAAgB;AACjC,MAAM,IAAI;AACV,MAAM,QAAQ;AACd,MAAM,UAAU,EAAE,iBAAiB;AACnC,MAAM,GAAG;AACT,MAAM,KAAK,EAAE,aAAa;AAC1B,MAAM,GAAG,IAAI;AACb,MAAM;AACN;AACA,GAAG;AACH,CAAC;AACD,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
3
  import { useTrackingId } from './useTrackingId.js';
4
4
  import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
5
- import { B as ButtonCompound$1 } from './ButtonCompound-CYU1LNHq-Bc1kbNSB.js';
5
+ import { B as ButtonCompound$1 } from './ButtonCompound-Cs2A5X-Z-Dl3InVab.js';
6
6
 
7
7
  const ButtonCompound = forwardRef(
8
8
  (props, ref) => {
@@ -19,6 +19,7 @@ const ButtonCompound = forwardRef(
19
19
  return /* @__PURE__ */ jsx(ButtonCompound$1, { ref, "data-tracking-id": trackingId, ...props });
20
20
  }
21
21
  );
22
+ ButtonCompound.displayName = ButtonCompound$1.displayName;
22
23
 
23
24
  export { ButtonCompound as B };
24
- //# sourceMappingURL=ButtonCompound-CZn9FsxS.js.map
25
+ //# sourceMappingURL=ButtonCompound-DGuF0zzT.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonCompound-DGuF0zzT.js","sources":["../src/components/ButtonCompound/ButtonCompound.tsx"],"sourcesContent":["import {\n ButtonCompoundProps as CoreButtonCompoundProps,\n ButtonCompound as CoreButtonCompound,\n childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\n/**\n * Props for the ButtonCompound component\n * @property {\"pill\" | \"circular\" | \"rounded\"} [shape] - The shape of the compound button\n * @extends CoreButtonCompoundProps\n * @extends DataTrackingId\n */\nexport type ButtonCompoundProps = CoreButtonCompoundProps & DataTrackingId;\n\n/**\n * ButtonCompound component for creating compound button layouts.\n *\n * Features:\n * - Three shape options (pill, circular, rounded)\n * - Transparent background for compound layouts\n * - Supports layout utilities for positioning and spacing\n * - Full accessibility support with proper ARIA attributes\n * - Flexible content support\n * - Consistent styling with other button components\n * - Hover and active state management\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonCompound shape=\"circular\">\n * <Avatar name=\"John Doe\" />\n * </ButtonCompound>\n */\nexport const ButtonCompound = forwardRef(\n (props: ButtonCompoundProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n shape: props.shape,\n type: props.type,\n };\n\n const trackingId = useTrackingId({\n name: \"ButtonCompound\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreButtonCompound ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n);\n\nButtonCompound.displayName = CoreButtonCompound.displayName;\n"],"names":["CoreButtonCompound"],"mappings":";;;;;;AAmCO,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,CAAC,OAA4B,GAAgC,KAAA;AAC3D,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,MAAM,KAAM,CAAA;AAAA,KACd;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,IAAA,2BACGA,gBAAmB,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAG7E;AAEA,cAAA,CAAe,cAAcA,gBAAmB,CAAA,WAAA;;;;"}
@@ -1,2 +1,2 @@
1
- export { B as ButtonCompound, B as default } from './ButtonCompound-CZn9FsxS.js';
1
+ export { B as ButtonCompound, B as default } from './ButtonCompound-DGuF0zzT.js';
2
2
  //# sourceMappingURL=ButtonCompound.js.map
@@ -1,10 +1,10 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
3
  import { c as cx } from './index-tZvMCc77.js';
4
- import { I as Icon } from './Icon-BrdmZw1i-CG-LzgEz.js';
5
- import { s as styles } from './Button.module-D8SjARtW-D8SjARtW.js';
4
+ import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
5
+ import { s as styles } from './Button.module-BqTaW8HK-BqTaW8HK.js';
6
6
  import { S as Spinner } from './Spinner-DliJVzdW-BQlZEj4V.js';
7
- import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-GT5myWCm-Clw_nEze.js';
7
+ import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
8
8
 
9
9
  const ButtonLink = forwardRef(
10
10
  (props, ref) => {
@@ -70,7 +70,9 @@ const ButtonLink = forwardRef(
70
70
  const onKeyUpHandler = (e) => {
71
71
  if (e.code === "Space" || e.code === "Enter") {
72
72
  e.preventDefault();
73
- onClick && e.currentTarget.click();
73
+ if (onClick) {
74
+ e.currentTarget.click();
75
+ }
74
76
  }
75
77
  onKeyUp?.(e);
76
78
  };
@@ -113,4 +115,4 @@ const ButtonLink = forwardRef(
113
115
  ButtonLink.displayName = "ButtonLink";
114
116
 
115
117
  export { ButtonLink as B };
116
- //# sourceMappingURL=ButtonLink-B_tyWgz5-fw-d4WQs.js.map
118
+ //# sourceMappingURL=ButtonLink-5qlX0uZx-b9H7MGhk.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonLink-5qlX0uZx-b9H7MGhk.js","sources":["../../hammer-react/dist/ButtonLink-5qlX0uZx.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { I as Icon } from './Icon-B6HmlQiR.js';\nimport { s as styles } from './Button.module-BqTaW8HK.js';\nimport { S as Spinner } from './Spinner-DliJVzdW.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\n\nconst ButtonLink = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n className,\n appearance = \"secondary\",\n size = \"medium\",\n icon,\n loading = false,\n disabled,\n onClick,\n onKeyUp,\n onKeyDown,\n style,\n ...rest\n } = componentProps;\n const buttonClassNames = cx(className, styles[\"button\"], {\n [styles[\"appearance-primary\"]]: appearance === \"primary\",\n [styles[\"appearance-secondary\"]]: appearance === \"secondary\",\n [styles[\"appearance-ghost\"]]: appearance === \"ghost\",\n [styles[\"danger-secondary\"]]: appearance === \"danger-secondary\",\n [styles[\"danger-primary\"]]: appearance === \"danger\",\n [styles[\"size-small\"]]: size === \"small\",\n [styles[\"size-medium\"]]: size === \"medium\",\n [styles[\"size-large\"]]: size === \"large\",\n [styles[\"type-icon\"]]: !children,\n [styles[\"loading\"]]: loading\n });\n const iconBefore = (icon2) => {\n if (icon2 && typeof icon2 === \"object\" && \"before\" in icon2) {\n return /* @__PURE__ */ jsx(\n Icon,\n {\n \"aria-hidden\": true,\n className: styles[\"icon\"],\n inherit: true,\n svg: icon2.before\n }\n );\n }\n if (icon2 && typeof icon2 !== \"object\") {\n return /* @__PURE__ */ jsx(Icon, { \"aria-hidden\": true, className: styles[\"icon\"], inherit: true, svg: icon2 });\n }\n return;\n };\n const handleOnClick = (e) => {\n if (disabled || loading) {\n e.preventDefault();\n return;\n }\n onClick?.(e);\n };\n const onKeyDownHandler = (e) => {\n if (e.code === \"Space\") {\n e.preventDefault();\n onKeyDown?.(e);\n return;\n }\n onKeyDown?.(e);\n };\n const onKeyUpHandler = (e) => {\n if (e.code === \"Space\" || e.code === \"Enter\") {\n e.preventDefault();\n if (onClick) {\n e.currentTarget.click();\n }\n }\n onKeyUp?.(e);\n };\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"a\",\n {\n role: \"link\",\n className: buttonClassNames,\n \"aria-disabled\": disabled || loading,\n \"aria-busy\": loading,\n \"data-anv\": \"button-link\",\n tabIndex: disabled || loading ? -1 : 0,\n onClick: handleOnClick,\n onKeyDown: onKeyDownHandler,\n onKeyUp: onKeyUpHandler,\n style: styleCombined,\n ref,\n ...rest,\n children: [\n loading ? /* @__PURE__ */ jsx(Spinner, { inherit: true, className: styles[\"loading-spinner\"] }) : icon ? iconBefore(icon) : null,\n children,\n typeof icon === \"object\" && \"after\" in icon ? /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon.after\n }\n ) : null\n ]\n }\n );\n }\n);\nButtonLink.displayName = \"ButtonLink\";\n\nexport { ButtonLink as B };\n//# sourceMappingURL=ButtonLink-5qlX0uZx.js.map\n"],"names":[],"mappings":";;;;;;;;AAQK,MAAC,UAAU,GAAG,UAAU;AAC7B,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK;AAClB,IAAI,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACtE,IAAI,MAAM;AACV,MAAM,QAAQ;AACd,MAAM,SAAS;AACf,MAAM,UAAU,GAAG,WAAW;AAC9B,MAAM,IAAI,GAAG,QAAQ;AACrB,MAAM,IAAI;AACV,MAAM,OAAO,GAAG,KAAK;AACrB,MAAM,QAAQ;AACd,MAAM,OAAO;AACb,MAAM,OAAO;AACb,MAAM,SAAS;AACf,MAAM,KAAK;AACX,MAAM,GAAG;AACT,KAAK,GAAG,cAAc;AACtB,IAAI,MAAM,gBAAgB,GAAG,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE;AAC7D,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,GAAG,UAAU,KAAK,SAAS;AAC9D,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC,GAAG,UAAU,KAAK,WAAW;AAClE,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,GAAG,UAAU,KAAK,OAAO;AAC1D,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,GAAG,UAAU,KAAK,kBAAkB;AACrE,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,UAAU,KAAK,QAAQ;AACzD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,IAAI,KAAK,OAAO;AAC9C,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,IAAI,KAAK,QAAQ;AAChD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,IAAI,KAAK,OAAO;AAC9C,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ;AACtC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG;AAC3B,KAAK,CAAC;AACN,IAAI,MAAM,UAAU,GAAG,CAAC,KAAK,KAAK;AAClC,MAAM,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,QAAQ,IAAI,KAAK,EAAE;AACnE,QAAQ,uBAAuB,GAAG;AAClC,UAAU,IAAI;AACd,UAAU;AACV,YAAY,aAAa,EAAE,IAAI;AAC/B,YAAY,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC;AACrC,YAAY,OAAO,EAAE,IAAI;AACzB,YAAY,GAAG,EAAE,KAAK,CAAC;AACvB;AACA,SAAS;AACT;AACA,MAAM,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC9C,QAAQ,uBAAuB,GAAG,CAAC,IAAI,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;AACvH;AACA,MAAM;AACN,KAAK;AACL,IAAI,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK;AACjC,MAAM,IAAI,QAAQ,IAAI,OAAO,EAAE;AAC/B,QAAQ,CAAC,CAAC,cAAc,EAAE;AAC1B,QAAQ;AACR;AACA,MAAM,OAAO,GAAG,CAAC,CAAC;AAClB,KAAK;AACL,IAAI,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK;AACpC,MAAM,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE;AAC9B,QAAQ,CAAC,CAAC,cAAc,EAAE;AAC1B,QAAQ,SAAS,GAAG,CAAC,CAAC;AACtB,QAAQ;AACR;AACA,MAAM,SAAS,GAAG,CAAC,CAAC;AACpB,KAAK;AACL,IAAI,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK;AAClC,MAAM,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE;AACpD,QAAQ,CAAC,CAAC,cAAc,EAAE;AAC1B,QAAQ,IAAI,OAAO,EAAE;AACrB,UAAU,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE;AACjC;AACA;AACA,MAAM,OAAO,GAAG,CAAC,CAAC;AAClB,KAAK;AACL,IAAI,MAAM,aAAa,GAAG;AAC1B,MAAM,GAAG,KAAK;AACd,MAAM,GAAG;AACT,KAAK;AACL,IAAI,uBAAuB,IAAI;AAC/B,MAAM,GAAG;AACT,MAAM;AACN,QAAQ,IAAI,EAAE,MAAM;AACpB,QAAQ,SAAS,EAAE,gBAAgB;AACnC,QAAQ,eAAe,EAAE,QAAQ,IAAI,OAAO;AAC5C,QAAQ,WAAW,EAAE,OAAO;AAC5B,QAAQ,UAAU,EAAE,aAAa;AACjC,QAAQ,QAAQ,EAAE,QAAQ,IAAI,OAAO,GAAG,EAAE,GAAG,CAAC;AAC9C,QAAQ,OAAO,EAAE,aAAa;AAC9B,QAAQ,SAAS,EAAE,gBAAgB;AACnC,QAAQ,OAAO,EAAE,cAAc;AAC/B,QAAQ,KAAK,EAAE,aAAa;AAC5B,QAAQ,GAAG;AACX,QAAQ,GAAG,IAAI;AACf,QAAQ,QAAQ,EAAE;AAClB,UAAU,OAAO,mBAAmB,GAAG,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,IAAI;AAC1I,UAAU,QAAQ;AAClB,UAAU,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,IAAI,mBAAmB,GAAG;AAC3E,YAAY,IAAI;AAChB,YAAY;AACZ,cAAc,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC;AACvC,cAAc,OAAO,EAAE,IAAI;AAC3B,cAAc,aAAa,EAAE,IAAI;AACjC,cAAc,GAAG,EAAE,IAAI,CAAC;AACxB;AACA,WAAW,GAAG;AACd;AACA;AACA,KAAK;AACL;AACA;AACA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
3
  import { useTrackingId } from './useTrackingId.js';
4
4
  import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
5
- import { B as ButtonLink$1 } from './ButtonLink-B_tyWgz5-fw-d4WQs.js';
5
+ import { B as ButtonLink$1 } from './ButtonLink-5qlX0uZx-b9H7MGhk.js';
6
6
 
7
7
  const ButtonLink = forwardRef(
8
8
  (props, ref) => {
@@ -22,6 +22,7 @@ const ButtonLink = forwardRef(
22
22
  return /* @__PURE__ */ jsx(ButtonLink$1, { ref, "data-tracking-id": trackingId, ...props });
23
23
  }
24
24
  );
25
+ ButtonLink.displayName = ButtonLink$1.displayName;
25
26
 
26
27
  export { ButtonLink as B };
27
- //# sourceMappingURL=ButtonLink-T1aDDrwY.js.map
28
+ //# sourceMappingURL=ButtonLink-B0NJuVk5.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonLink-B0NJuVk5.js","sources":["../src/components/ButtonLink/ButtonLink.tsx"],"sourcesContent":["import {\n ButtonLinkProps as CoreButtonLinkProps,\n ButtonLink as CoreButtonLink,\n childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\n/**\n * Props for the ButtonLink component\n * @property {ButtonAppearance} [appearance] - The visual variant of the button link\n * @property {\"small\" | \"medium\" | \"large\"} [size] - The size of the button link\n * @property {IconProps[\"svg\"] | { after: IconProps[\"svg\"] } | { before: IconProps[\"svg\"] }} [icon] - The icons of the button link\n * @property {boolean} [loading] - The loading state of the button link\n * @extends CoreButtonLinkProps\n * @extends DataTrackingId\n */\nexport type ButtonLinkProps = CoreButtonLinkProps & DataTrackingId;\n\n/**\n * ButtonLink component for creating clickable links that look like buttons.\n *\n * Features:\n * - Multiple visual appearances (primary, secondary, ghost, danger variants)\n * - Three size options (small, medium, large)\n * - Loading state with spinner animation\n * - Icon support (before, after, or icon-only)\n * - Full accessibility support with proper ARIA attributes\n * - Supports layout utilities for positioning and spacing\n * - Keyboard navigation support (Space and Enter keys)\n * - Automatic disabled state when loading\n * - Prevents navigation when disabled or loading\n * - Flexible content with text and/or icons\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonLink href=\"/dashboard\" appearance=\"primary\" size=\"medium\">\n * Go to Dashboard\n * </ButtonLink>\n */\nexport const ButtonLink = forwardRef(\n (props: ButtonLinkProps, ref: Ref<HTMLAnchorElement>) => {\n const data = {\n children: childrenToString(props.children),\n appearance: props.appearance,\n href: props.href,\n icon: props.icon,\n size: props.size,\n type: props.type,\n };\n\n const trackingId = useTrackingId({\n name: \"ButtonLink\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreButtonLink ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n);\n\nButtonLink.displayName = CoreButtonLink.displayName;\n"],"names":["CoreButtonLink"],"mappings":";;;;;;AAyCO,MAAM,UAAa,GAAA,UAAA;AAAA,EACxB,CAAC,OAAwB,GAAgC,KAAA;AACvD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,YAAY,KAAM,CAAA,UAAA;AAAA,MAClB,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,MAAM,KAAM,CAAA;AAAA,KACd;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,YAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BACGA,YAAe,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAGzE;AAEA,UAAA,CAAW,cAAcA,YAAe,CAAA,WAAA;;;;"}
@@ -1,2 +1,2 @@
1
- export { B as ButtonLink, B as default } from './ButtonLink-T1aDDrwY.js';
1
+ export { B as ButtonLink, B as default } from './ButtonLink-B0NJuVk5.js';
2
2
  //# sourceMappingURL=ButtonLink.js.map
@@ -1,9 +1,9 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef, useState, useEffect } from 'react';
3
3
  import { c as cx } from './index-tZvMCc77.js';
4
- import { B as Button } from './Button-DX3kc-St-Bi0Fl0-E.js';
5
- import { s as styles } from './Button.module-D8SjARtW-D8SjARtW.js';
6
- import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-GT5myWCm-Clw_nEze.js';
4
+ import { B as Button } from './Button-BaHFf1AT-BQy-PFB5.js';
5
+ import { s as styles } from './Button.module-BqTaW8HK-BqTaW8HK.js';
6
+ import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
7
7
 
8
8
  const ButtonToggle = forwardRef(
9
9
  (props, ref) => {
@@ -54,4 +54,4 @@ const ButtonToggle = forwardRef(
54
54
  ButtonToggle.displayName = "ButtonToggle";
55
55
 
56
56
  export { ButtonToggle as B };
57
- //# sourceMappingURL=ButtonToggle-6n5-CX2P-DBxJwDzw.js.map
57
+ //# sourceMappingURL=ButtonToggle-Bm4KRl3o-B1-LbfjY.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonToggle-6n5-CX2P-DBxJwDzw.js","sources":["../../hammer-react/dist/ButtonToggle-6n5-CX2P.js"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { forwardRef, useState, useEffect } from 'react';\nimport cx from 'classnames';\nimport { B as Button } from './Button-DX3kc-St.js';\nimport { s as styles } from './Button.module-D8SjARtW.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-GT5myWCm.js';\n\nconst ButtonToggle = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n value,\n defaultChecked = false,\n checked,\n className,\n onClick,\n onChange,\n onKeyDown,\n style,\n ...rest\n } = componentProps;\n const [isPressed, setIsPressed] = useState(checked ?? defaultChecked);\n const ButtonToggleClassNames = cx(className, styles[\"button-toggle\"]);\n const onClickHandler = (e) => {\n if (typeof checked === \"undefined\") {\n setIsPressed(!isPressed);\n onChange?.(e, { pressed: !isPressed, value });\n }\n onClick?.(e);\n };\n useEffect(() => {\n if (typeof checked === \"undefined\") return;\n setIsPressed(checked);\n }, [checked]);\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsx(\n Button,\n {\n \"data-anv\": \"button-toggle\",\n \"aria-pressed\": isPressed,\n onClick: onClickHandler,\n className: ButtonToggleClassNames,\n value,\n style: styleCombined,\n ref,\n ...rest\n }\n );\n }\n);\nButtonToggle.displayName = \"ButtonToggle\";\n\nexport { ButtonToggle as B };\n//# sourceMappingURL=ButtonToggle-6n5-CX2P.js.map\n"],"names":[],"mappings":";;;;;;;AAOK,MAAC,YAAY,GAAG,UAAU;AAC/B,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK;AAClB,IAAI,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACtE,IAAI,MAAM;AACV,MAAM,KAAK;AACX,MAAM,cAAc,GAAG,KAAK;AAC5B,MAAM,OAAO;AACb,MAAM,SAAS;AACf,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,SAAS;AACf,MAAM,KAAK;AACX,MAAM,GAAG;AACT,KAAK,GAAG,cAAc;AACtB,IAAI,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,OAAO,IAAI,cAAc,CAAC;AACzE,IAAI,MAAM,sBAAsB,GAAG,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;AACzE,IAAI,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK;AAClC,MAAM,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;AAC1C,QAAQ,YAAY,CAAC,CAAC,SAAS,CAAC;AAChC,QAAQ,QAAQ,GAAG,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC;AACrD;AACA,MAAM,OAAO,GAAG,CAAC,CAAC;AAClB,KAAK;AACL,IAAI,SAAS,CAAC,MAAM;AACpB,MAAM,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;AAC1C,MAAM,YAAY,CAAC,OAAO,CAAC;AAC3B,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC;AACjB,IAAI,MAAM,aAAa,GAAG;AAC1B,MAAM,GAAG,KAAK;AACd,MAAM,GAAG;AACT,KAAK;AACL,IAAI,uBAAuB,GAAG;AAC9B,MAAM,MAAM;AACZ,MAAM;AACN,QAAQ,UAAU,EAAE,eAAe;AACnC,QAAQ,cAAc,EAAE,SAAS;AACjC,QAAQ,OAAO,EAAE,cAAc;AAC/B,QAAQ,SAAS,EAAE,sBAAsB;AACzC,QAAQ,KAAK;AACb,QAAQ,KAAK,EAAE,aAAa;AAC5B,QAAQ,GAAG;AACX,QAAQ,GAAG;AACX;AACA,KAAK;AACL;AACA;AACA,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
1
+ {"version":3,"file":"ButtonToggle-Bm4KRl3o-B1-LbfjY.js","sources":["../../hammer-react/dist/ButtonToggle-Bm4KRl3o.js"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { forwardRef, useState, useEffect } from 'react';\nimport cx from 'classnames';\nimport { B as Button } from './Button-BaHFf1AT.js';\nimport { s as styles } from './Button.module-BqTaW8HK.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\n\nconst ButtonToggle = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n value,\n defaultChecked = false,\n checked,\n className,\n onClick,\n onChange,\n onKeyDown,\n style,\n ...rest\n } = componentProps;\n const [isPressed, setIsPressed] = useState(checked ?? defaultChecked);\n const ButtonToggleClassNames = cx(className, styles[\"button-toggle\"]);\n const onClickHandler = (e) => {\n if (typeof checked === \"undefined\") {\n setIsPressed(!isPressed);\n onChange?.(e, { pressed: !isPressed, value });\n }\n onClick?.(e);\n };\n useEffect(() => {\n if (typeof checked === \"undefined\") return;\n setIsPressed(checked);\n }, [checked]);\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsx(\n Button,\n {\n \"data-anv\": \"button-toggle\",\n \"aria-pressed\": isPressed,\n onClick: onClickHandler,\n className: ButtonToggleClassNames,\n value,\n style: styleCombined,\n ref,\n ...rest\n }\n );\n }\n);\nButtonToggle.displayName = \"ButtonToggle\";\n\nexport { ButtonToggle as B };\n//# sourceMappingURL=ButtonToggle-Bm4KRl3o.js.map\n"],"names":[],"mappings":";;;;;;;AAOK,MAAC,YAAY,GAAG,UAAU;AAC/B,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK;AAClB,IAAI,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACtE,IAAI,MAAM;AACV,MAAM,KAAK;AACX,MAAM,cAAc,GAAG,KAAK;AAC5B,MAAM,OAAO;AACb,MAAM,SAAS;AACf,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,SAAS;AACf,MAAM,KAAK;AACX,MAAM,GAAG;AACT,KAAK,GAAG,cAAc;AACtB,IAAI,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,OAAO,IAAI,cAAc,CAAC;AACzE,IAAI,MAAM,sBAAsB,GAAG,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;AACzE,IAAI,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK;AAClC,MAAM,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;AAC1C,QAAQ,YAAY,CAAC,CAAC,SAAS,CAAC;AAChC,QAAQ,QAAQ,GAAG,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC;AACrD;AACA,MAAM,OAAO,GAAG,CAAC,CAAC;AAClB,KAAK;AACL,IAAI,SAAS,CAAC,MAAM;AACpB,MAAM,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;AAC1C,MAAM,YAAY,CAAC,OAAO,CAAC;AAC3B,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC;AACjB,IAAI,MAAM,aAAa,GAAG;AAC1B,MAAM,GAAG,KAAK;AACd,MAAM,GAAG;AACT,KAAK;AACL,IAAI,uBAAuB,GAAG;AAC9B,MAAM,MAAM;AACZ,MAAM;AACN,QAAQ,UAAU,EAAE,eAAe;AACnC,QAAQ,cAAc,EAAE,SAAS;AACjC,QAAQ,OAAO,EAAE,cAAc;AAC/B,QAAQ,SAAS,EAAE,sBAAsB;AACzC,QAAQ,KAAK;AACb,QAAQ,KAAK,EAAE,aAAa;AAC5B,QAAQ,GAAG;AACX,QAAQ,GAAG;AACX;AACA,KAAK;AACL;AACA;AACA,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
3
  import { useTrackingId } from './useTrackingId.js';
4
4
  import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
5
- import { B as ButtonToggle$1 } from './ButtonToggle-6n5-CX2P-DBxJwDzw.js';
5
+ import { B as ButtonToggle$1 } from './ButtonToggle-Bm4KRl3o-B1-LbfjY.js';
6
6
 
7
7
  const ButtonToggle = forwardRef(
8
8
  (props, ref) => {
@@ -21,6 +21,7 @@ const ButtonToggle = forwardRef(
21
21
  return /* @__PURE__ */ jsx(ButtonToggle$1, { ref, "data-tracking-id": trackingId, ...props });
22
22
  }
23
23
  );
24
+ ButtonToggle.displayName = ButtonToggle$1.displayName;
24
25
 
25
26
  export { ButtonToggle as B };
26
- //# sourceMappingURL=ButtonToggle-5RNkPmop.js.map
27
+ //# sourceMappingURL=ButtonToggle-CKVyEODc.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonToggle-CKVyEODc.js","sources":["../src/components/ButtonToggle/ButtonToggle.tsx"],"sourcesContent":["import {\n ButtonToggleProps as CoreButtonToggleProps,\n ButtonToggle as CoreButtonToggle,\n childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { forwardRef, Ref } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\n/**\n * Props for the ButtonToggle component\n * @property {boolean} [defaultChecked] - The default pressed(selected) state of the toggle button\n * @property {boolean} [checked] - The controlled pressed(selected) state of the toggle button\n * @property {string} [value] - The value of the toggle button\n * @property {(e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>, state: ButtonToggleState) => void} [onChange] - Callback for when pressed(selected) changes\n * @extends CoreButtonToggleProps\n * @extends DataTrackingId\n */\nexport type ButtonToggleProps = CoreButtonToggleProps & DataTrackingId;\n\n/**\n * ButtonToggle component for creating toggleable button states.\n *\n * Features:\n * - Supports both controlled and uncontrolled state management\n * - Toggle state with pressed/selected visual feedback\n * - Full accessibility support with aria-pressed attribute\n * - Callback support for state changes\n * - Supports layout utilities for positioning and spacing\n * - Inherits all button features except appearance and loading\n * - Flexible content with text and/or icons\n * - Keyboard interaction support\n * - Value association for form-like behavior\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ButtonToggle\n * defaultChecked={false}\n * onChange={(e, state) => console.log('Toggle state:', state.pressed)}\n * >\n * Toggle Me\n * </ButtonToggle>\n */\nexport const ButtonToggle = forwardRef(\n (props: ButtonToggleProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n icon: props.icon,\n size: props.size,\n value: props.value,\n type: props.type,\n };\n\n const trackingId = useTrackingId({\n name: \"ButtonToggle\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreButtonToggle ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n);\n\nButtonToggle.displayName = CoreButtonToggle.displayName;\n"],"names":["CoreButtonToggle"],"mappings":";;;;;;AA2CO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAAgC,KAAA;AACzD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,QAAA,EAAU,gBAAiB,CAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MACzC,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,MAAM,KAAM,CAAA;AAAA,KACd;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,cAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BACGA,cAAiB,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAG3E;AAEA,YAAA,CAAa,cAAcA,cAAiB,CAAA,WAAA;;;;"}
@@ -1,2 +1,2 @@
1
- export { B as ButtonToggle, B as default } from './ButtonToggle-5RNkPmop.js';
1
+ export { B as ButtonToggle, B as default } from './ButtonToggle-CKVyEODc.js';
2
2
  //# sourceMappingURL=ButtonToggle.js.map
@@ -3,16 +3,16 @@ import * as React from 'react';
3
3
  import { forwardRef, useRef, useCallback, useEffect, useState, useId, useMemo, createContext, useContext, useLayoutEffect } from 'react';
4
4
  import { c as cx } from './index-tZvMCc77.js';
5
5
  import { S as SrOnly } from './SrOnly-BsKDHetF-B93X65F1.js';
6
- import { u as useSwipe } from './useSwipe-DIUHs7T5-DIUHs7T5.js';
7
- import { G as Grid } from './Grid-BmNHm7Fa.js';
8
- import { a as SelectCard } from './SelectCard-DvQKJBNF-BtUX2vxS.js';
6
+ import { u as useSwipe } from './useSwipe-CULmVQEk-CULmVQEk.js';
7
+ import { G as Grid } from './Grid-DFAd8mTe.js';
8
+ import { a as SelectCard } from './SelectCard-B5EqtxOK-CpCgVjV8.js';
9
9
  import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
10
- import { B as Button } from './Button-DX3kc-St-Bi0Fl0-E.js';
10
+ import { B as Button } from './Button-BaHFf1AT-BQy-PFB5.js';
11
11
  import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
12
12
  import { S as SvgKeyboardArrowUp } from './keyboard_arrow_up-CxzK6LAl.js';
13
- import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-GT5myWCm-Clw_nEze.js';
13
+ import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
14
14
 
15
- import './Calendar-ccK3_s_h.css';// these aren't really private, but nor are they really useful to document
15
+ import './Calendar-CohGSWFp.css';// these aren't really private, but nor are they really useful to document
16
16
 
17
17
  /**
18
18
  * @private
@@ -8834,7 +8834,7 @@ const CalendarMonth = forwardRef(
8834
8834
  }
8835
8835
  const firstDay = focusedDate.startOf("month");
8836
8836
  const lastDay = focusedDate.endOf("month");
8837
- const monthArr = Array.from(new Array(firstDay.daysInMonth)).map((n, i) => {
8837
+ const monthArr = Array.from(new Array(firstDay.daysInMonth)).map((_, i) => {
8838
8838
  return firstDay.plus({ days: i });
8839
8839
  });
8840
8840
  const prevArr = [];
@@ -8846,7 +8846,7 @@ const CalendarMonth = forwardRef(
8846
8846
  }
8847
8847
  }
8848
8848
  prevArr.reverse();
8849
- const nextArr = Array.from(new Array(14)).map((n, i) => {
8849
+ const nextArr = Array.from(new Array(14)).map((_, i) => {
8850
8850
  return lastDay.plus({ days: i + 1 });
8851
8851
  });
8852
8852
  const fullArr = [...prevArr, ...monthArr, ...nextArr];
@@ -9556,4 +9556,4 @@ const Calendar = forwardRef(
9556
9556
  Calendar.displayName = "Calendar";
9557
9557
 
9558
9558
  export { CalendarNowButton as C, DateTime as D, CalendarMonth as a, CalendarNextButton as b, CalendarPrevButton as c, CalendarMonthButton as d, CalendarYearButton as e, Calendar as f, isValidDate as i, toDateString as t };
9559
- //# sourceMappingURL=Calendar-ccK3_s_h-85O26aWv.js.map
9559
+ //# sourceMappingURL=Calendar-CohGSWFp-DFYJkf7Y.js.map