@servicetitan/anvil2 1.38.0 → 1.40.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 (201) hide show
  1. package/CHANGELOG.md +51 -12
  2. package/dist/Breadcrumbs-C_gan90a.js +36 -0
  3. package/dist/Breadcrumbs-C_gan90a.js.map +1 -0
  4. package/dist/{Breadcrumbs-DJbCkSeD.js → Breadcrumbs-D_jgwoN3-Dlw-weD8.js} +8 -38
  5. package/dist/Breadcrumbs-D_jgwoN3-Dlw-weD8.js.map +1 -0
  6. package/dist/Breadcrumbs.js +1 -1
  7. package/dist/{Calendar-jl0s6W7p.js → Calendar-C2ONV7cq.js} +2 -2
  8. package/dist/{Calendar-jl0s6W7p.js.map → Calendar-C2ONV7cq.js.map} +1 -1
  9. package/dist/{Calendar-CohGSWFp-DFYJkf7Y.js → Calendar-DixTCgAW-CfphBge0.js} +16 -15
  10. package/dist/Calendar-DixTCgAW-CfphBge0.js.map +1 -0
  11. package/dist/Calendar.js +1 -1
  12. package/dist/{Checkbox-TIcImbEx-EgjesTNn.js → Checkbox-BNrjUtHs-BBLXLwO5.js} +3 -3
  13. package/dist/{Checkbox-TIcImbEx-EgjesTNn.js.map → Checkbox-BNrjUtHs-BBLXLwO5.js.map} +1 -1
  14. package/dist/{Checkbox-DbDwtefR.js → Checkbox-Dxr3rgQV.js} +2 -2
  15. package/dist/{Checkbox-DbDwtefR.js.map → Checkbox-Dxr3rgQV.js.map} +1 -1
  16. package/dist/Checkbox.js +1 -1
  17. package/dist/{Combobox-7ADxZKDE.js → Combobox-C7nV-w8I.js} +196 -392
  18. package/dist/Combobox-C7nV-w8I.js.map +1 -0
  19. package/dist/Combobox.css +43 -281
  20. package/dist/Combobox.js +1 -1
  21. package/dist/{DateField-CUO_26rh.js → DateField-Df42sxE9.js} +43 -43
  22. package/dist/DateField-Df42sxE9.js.map +1 -0
  23. package/dist/DateField.js +1 -1
  24. package/dist/DateFieldRange--ZCTVrKX-DoogWMrm.js +2759 -0
  25. package/dist/DateFieldRange--ZCTVrKX-DoogWMrm.js.map +1 -0
  26. package/dist/DateFieldRange-DQJ_FMeA.js +22 -0
  27. package/dist/DateFieldRange-DQJ_FMeA.js.map +1 -0
  28. package/dist/DateFieldRange.d.ts +2 -0
  29. package/dist/DateFieldRange.js +2 -0
  30. package/dist/DateFieldRange.js.map +1 -0
  31. package/dist/DateFieldSingle-BXPhS91g.js +22 -0
  32. package/dist/DateFieldSingle-BXPhS91g.js.map +1 -0
  33. package/dist/DateFieldSingle.d.ts +2 -0
  34. package/dist/DateFieldSingle.js +2 -0
  35. package/dist/DateFieldSingle.js.map +1 -0
  36. package/dist/{DaysOfTheWeek-CEKoAJSv.js → DaysOfTheWeek-C4ZGriW7.js} +3 -3
  37. package/dist/{DaysOfTheWeek-CEKoAJSv.js.map → DaysOfTheWeek-C4ZGriW7.js.map} +1 -1
  38. package/dist/DaysOfTheWeek.js +1 -1
  39. package/dist/{Dialog-D6zpW-GE.js → Dialog-CBWaZO5U.js} +2 -2
  40. package/dist/{Dialog-D6zpW-GE.js.map → Dialog-CBWaZO5U.js.map} +1 -1
  41. package/dist/Dialog.js +1 -1
  42. package/dist/{Drawer-qb7Q0BAm.js → Drawer-Be0tyTMM.js} +2 -2
  43. package/dist/{Drawer-qb7Q0BAm.js.map → Drawer-Be0tyTMM.js.map} +1 -1
  44. package/dist/Drawer.js +1 -1
  45. package/dist/{FieldMessage-ChFXWVDb-loVSCnCM.js → FieldMessage-Bobp105T-DYhStLY4.js} +4 -4
  46. package/dist/FieldMessage-Bobp105T-DYhStLY4.js.map +1 -0
  47. package/dist/{FieldMessage-ChFXWVDb.css → FieldMessage-Bobp105T.css} +13 -3
  48. package/dist/{FieldMessage-Cg3zcgk5.js → FieldMessage-DkJ0K5s-.js} +2 -2
  49. package/dist/{FieldMessage-Cg3zcgk5.js.map → FieldMessage-DkJ0K5s-.js.map} +1 -1
  50. package/dist/FieldMessage.js +1 -1
  51. package/dist/{Helper-C9sHaTrI-C5fAsK6i.js → Helper-h7k80qls-DHPFHTvI.js} +3 -3
  52. package/dist/{Helper-C9sHaTrI-C5fAsK6i.js.map → Helper-h7k80qls-DHPFHTvI.js.map} +1 -1
  53. package/dist/{InputMask-kJ-hlK0O-Ctwa0U7r.js → InputMask-CiHg25XE--lofQ4oF.js} +2 -2
  54. package/dist/{InputMask-kJ-hlK0O-Ctwa0U7r.js.map → InputMask-CiHg25XE--lofQ4oF.js.map} +1 -1
  55. package/dist/{InputMask-DKPqOpHs.js → InputMask-DYthrVaU.js} +2 -2
  56. package/dist/{InputMask-DKPqOpHs.js.map → InputMask-DYthrVaU.js.map} +1 -1
  57. package/dist/InputMask.js +1 -1
  58. package/dist/{ListView-0xHc5wT6.js → ListView-DgrUsTC8.js} +3 -3
  59. package/dist/{ListView-0xHc5wT6.js.map → ListView-DgrUsTC8.js.map} +1 -1
  60. package/dist/ListView.js +1 -1
  61. package/dist/Menu-By8ps-lb.js +60 -0
  62. package/dist/Menu-By8ps-lb.js.map +1 -0
  63. package/dist/{Menu-BAuADOyt.js → Menu-jt64Cbkd-mK95uUq6.js} +23 -73
  64. package/dist/Menu-jt64Cbkd-mK95uUq6.js.map +1 -0
  65. package/dist/{Menu.css → Menu-jt64Cbkd.css} +22 -21
  66. package/dist/Menu.js +1 -1
  67. package/dist/{Page-CtwsyE3i.js → Page-DoCYLmH8.js} +135 -105
  68. package/dist/Page-DoCYLmH8.js.map +1 -0
  69. package/dist/Page.js +1 -1
  70. package/dist/Pagination.css +124 -0
  71. package/dist/Pagination.d.ts +6 -0
  72. package/dist/Pagination.js +430 -0
  73. package/dist/Pagination.js.map +1 -0
  74. package/dist/{Popover-VztF0YHt-ci3tYiye.js → Popover-CVCAWhdO-CJw1mW49.js} +3 -3
  75. package/dist/{Popover-VztF0YHt-ci3tYiye.js.map → Popover-CVCAWhdO-CJw1mW49.js.map} +1 -1
  76. package/dist/{Popover-Bnkwq99S.js → Popover-Dv7ntx4P.js} +2 -2
  77. package/dist/{Popover-Bnkwq99S.js.map → Popover-Dv7ntx4P.js.map} +1 -1
  78. package/dist/Popover.js +1 -1
  79. package/dist/{ProgressBar-Cfi5zZRy-BpESsdh_.js → ProgressBar-CZhkKwaS-dlDRDjxo.js} +24 -11
  80. package/dist/ProgressBar-CZhkKwaS-dlDRDjxo.js.map +1 -0
  81. package/dist/{ProgressBar-BotOFymw.js → ProgressBar-Eeudkcyc.js} +2 -2
  82. package/dist/{ProgressBar-BotOFymw.js.map → ProgressBar-Eeudkcyc.js.map} +1 -1
  83. package/dist/ProgressBar.js +1 -1
  84. package/dist/{Radio-7U7IBI58-BDhdZJoC.js → Radio-DiBn0-hf-hhLKXDdl.js} +4 -4
  85. package/dist/{Radio-7U7IBI58-BDhdZJoC.js.map → Radio-DiBn0-hf-hhLKXDdl.js.map} +1 -1
  86. package/dist/{Radio-D4rRt1a6.js → Radio-Dx2GeEZp.js} +2 -2
  87. package/dist/{Radio-D4rRt1a6.js.map → Radio-Dx2GeEZp.js.map} +1 -1
  88. package/dist/Radio.js +1 -1
  89. package/dist/{SearchField-Bz4HPxCQ.js → SearchField-BQY7LHe2.js} +3 -3
  90. package/dist/SearchField-BQY7LHe2.js.map +1 -0
  91. package/dist/SearchField.js +1 -1
  92. package/dist/{SelectCard-B5EqtxOK-CpCgVjV8.js → SelectCard-CL8T4DQb-ClozUyqV.js} +46 -26
  93. package/dist/SelectCard-CL8T4DQb-ClozUyqV.js.map +1 -0
  94. package/dist/SelectCard-CL8T4DQb.css +51 -0
  95. package/dist/SelectCard.js +1 -1
  96. package/dist/{SelectCardGroup-DsHZgCqA.js → SelectCardGroup-KTtcsOar.js} +2 -2
  97. package/dist/{SelectCardGroup-DsHZgCqA.js.map → SelectCardGroup-KTtcsOar.js.map} +1 -1
  98. package/dist/SelectTrigger-BvUO-g1F.js +138 -0
  99. package/dist/SelectTrigger-BvUO-g1F.js.map +1 -0
  100. package/dist/SelectTrigger.css +16 -0
  101. package/dist/SelectTrigger.d.ts +6 -0
  102. package/dist/SelectTrigger.js +2 -0
  103. package/dist/SelectTrigger.js.map +1 -0
  104. package/dist/SelectTriggerBase-BMhRDkFW-DjkagPpu.js +301 -0
  105. package/dist/SelectTriggerBase-BMhRDkFW-DjkagPpu.js.map +1 -0
  106. package/dist/SelectTriggerBase-BMhRDkFW.css +270 -0
  107. package/dist/{Switch-Dd9tJFmG.js → Switch-DAQFzi-X.js} +2 -2
  108. package/dist/{Switch-Dd9tJFmG.js.map → Switch-DAQFzi-X.js.map} +1 -1
  109. package/dist/Switch.js +1 -1
  110. package/dist/{TextField-BYyyw3m2.js → TextField-0XKj7lDu.js} +2 -2
  111. package/dist/{TextField-BYyyw3m2.js.map → TextField-0XKj7lDu.js.map} +1 -1
  112. package/dist/{TextField-CGJtMoil-CJqYM83o.js → TextField-C5KbQxoU-CSkSyt7P.js} +8 -10
  113. package/dist/TextField-C5KbQxoU-CSkSyt7P.js.map +1 -0
  114. package/dist/TextField.js +1 -1
  115. package/dist/{Textarea-AczEXhHB.js → Textarea-DkSeFIg7.js} +8 -10
  116. package/dist/Textarea-DkSeFIg7.js.map +1 -0
  117. package/dist/Textarea.js +1 -1
  118. package/dist/Toast.js +1 -1
  119. package/dist/{Toolbar-Cu3u0TRX.js → Toolbar-38Z9fVxY.js} +5 -7
  120. package/dist/Toolbar-38Z9fVxY.js.map +1 -0
  121. package/dist/Toolbar.js +1 -1
  122. package/dist/{Tooltip-BL_bgvwA.js → Tooltip-BwUVaBEo.js} +2 -2
  123. package/dist/{Tooltip-BL_bgvwA.js.map → Tooltip-BwUVaBEo.js.map} +1 -1
  124. package/dist/Tooltip.js +1 -1
  125. package/dist/assets/css-utils/a2-border.css +53 -0
  126. package/dist/assets/css-utils/a2-color.css +235 -0
  127. package/dist/assets/css-utils/a2-font.css +49 -0
  128. package/dist/assets/css-utils/a2-spacing.css +483 -0
  129. package/dist/assets/css-utils/a2-utils.css +785 -0
  130. package/dist/assets/icons/st/document_audio.svg +1 -0
  131. package/dist/assets/icons/st/document_doc.svg +1 -0
  132. package/dist/assets/icons/st/document_drawing.svg +1 -0
  133. package/dist/assets/icons/st/document_form.svg +1 -0
  134. package/dist/assets/icons/st/document_message.svg +1 -0
  135. package/dist/assets/icons/st/document_other.svg +1 -0
  136. package/dist/assets/icons/st/document_pdf.svg +1 -0
  137. package/dist/assets/icons/st/document_spreadsheet.svg +1 -0
  138. package/dist/assets/icons/st/document_text.svg +1 -0
  139. package/dist/assets/icons/st/document_web.svg +1 -0
  140. package/dist/assets/icons/st/gnav_insurance_work_queue_active.svg +1 -0
  141. package/dist/assets/icons/st/gnav_insurance_work_queue_inactive.svg +1 -0
  142. package/dist/assets/icons/st/gnav_production_work_queue_active.svg +1 -0
  143. package/dist/assets/icons/st/gnav_production_work_queue_inactive.svg +1 -0
  144. package/dist/assets/icons/st.ts +14 -0
  145. package/dist/components/Alert/Alert.figma.d.ts +1 -0
  146. package/dist/components/DateFieldRange/DateFieldRange.d.ts +7 -0
  147. package/dist/components/DateFieldRange/index.d.ts +2 -0
  148. package/dist/components/DateFieldSingle/DateFieldSingle.d.ts +7 -0
  149. package/dist/components/DateFieldSingle/index.d.ts +2 -0
  150. package/dist/components/Page/Page.d.ts +19 -352
  151. package/dist/components/Page/PageContent.d.ts +24 -0
  152. package/dist/components/Page/PageContext.d.ts +4 -0
  153. package/dist/components/Page/PageFooter.d.ts +24 -0
  154. package/dist/components/Page/PageHeader.d.ts +135 -0
  155. package/dist/components/Page/PagePanel.d.ts +57 -0
  156. package/dist/components/Page/PageSidebar.d.ts +57 -0
  157. package/dist/components/Page/PageSidebarContext.d.ts +5 -0
  158. package/dist/components/Page/PageSidebarHeader.d.ts +23 -0
  159. package/dist/components/Page/index.d.ts +5 -0
  160. package/dist/components/Pagination/Pagination.d.ts +58 -0
  161. package/dist/components/Pagination/index.d.ts +2 -0
  162. package/dist/components/Pagination/internal/usePaginationArray.d.ts +36 -0
  163. package/dist/components/SelectTrigger/SelectTrigger.d.ts +11 -0
  164. package/dist/components/SelectTrigger/index.d.ts +2 -0
  165. package/dist/components/index.d.ts +3 -0
  166. package/dist/event-BEJFimi3.js +6 -0
  167. package/dist/event-BEJFimi3.js.map +1 -0
  168. package/dist/index.js +27 -24
  169. package/dist/index.js.map +1 -1
  170. package/dist/keyboard_arrow_right-DZWNVytH.js +8 -0
  171. package/dist/keyboard_arrow_right-DZWNVytH.js.map +1 -0
  172. package/dist/more_horiz-DJgdQiy0.js +6 -0
  173. package/dist/more_horiz-DJgdQiy0.js.map +1 -0
  174. package/dist/{toast-B39L6vJ0.js → toast-CWVuLkyv.js} +2 -2
  175. package/dist/{toast-B39L6vJ0.js.map → toast-CWVuLkyv.js.map} +1 -1
  176. package/dist/token/core/css-utils/a2-border.css +53 -0
  177. package/dist/token/core/css-utils/a2-color.css +235 -0
  178. package/dist/token/core/css-utils/a2-font.css +49 -0
  179. package/dist/token/core/css-utils/a2-spacing.css +483 -0
  180. package/dist/token/core/css-utils/a2-utils.css +785 -0
  181. package/package.json +8 -5
  182. package/dist/Breadcrumbs-DJbCkSeD.js.map +0 -1
  183. package/dist/Calendar-CohGSWFp-DFYJkf7Y.js.map +0 -1
  184. package/dist/Combobox-7ADxZKDE.js.map +0 -1
  185. package/dist/DateField-CUO_26rh.js.map +0 -1
  186. package/dist/FieldMessage-ChFXWVDb-loVSCnCM.js.map +0 -1
  187. package/dist/Menu-BAuADOyt.js.map +0 -1
  188. package/dist/Page-CtwsyE3i.js.map +0 -1
  189. package/dist/ProgressBar-Cfi5zZRy-BpESsdh_.js.map +0 -1
  190. package/dist/SearchField-Bz4HPxCQ.js.map +0 -1
  191. package/dist/SelectCard-B5EqtxOK-CpCgVjV8.js.map +0 -1
  192. package/dist/SelectCard-B5EqtxOK.css +0 -38
  193. package/dist/TextField-CGJtMoil-CJqYM83o.js.map +0 -1
  194. package/dist/Textarea-AczEXhHB.js.map +0 -1
  195. package/dist/Toolbar-Cu3u0TRX.js.map +0 -1
  196. /package/dist/{Breadcrumbs.css → Breadcrumbs-D_jgwoN3.css} +0 -0
  197. /package/dist/{Calendar-CohGSWFp.css → Calendar-DixTCgAW.css} +0 -0
  198. /package/dist/{Helper-C9sHaTrI.css → Helper-h7k80qls.css} +0 -0
  199. /package/dist/{Popover-VztF0YHt.css → Popover-CVCAWhdO.css} +0 -0
  200. /package/dist/{ProgressBar-Cfi5zZRy.css → ProgressBar-CZhkKwaS.css} +0 -0
  201. /package/dist/{Radio-7U7IBI58.css → Radio-DiBn0-hf.css} +0 -0
@@ -0,0 +1,22 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { useTrackingId } from './useTrackingId.js';
3
+ import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
4
+ import { D as DateFieldRange$1 } from './DateFieldRange--ZCTVrKX-DoogWMrm.js';
5
+
6
+ const DateFieldRange = (props) => {
7
+ const data = {
8
+ label: childrenToString(props.label),
9
+ labelProps: props.labelProps,
10
+ description: childrenToString(props.description)
11
+ };
12
+ const trackingId = useTrackingId({
13
+ name: "DateFieldRange",
14
+ data,
15
+ hasOverride: !!props["data-tracking-id"]
16
+ });
17
+ return /* @__PURE__ */ jsx(DateFieldRange$1, { "data-tracking-id": trackingId, ...props });
18
+ };
19
+ DateFieldRange.displayName = DateFieldRange$1.displayName;
20
+
21
+ export { DateFieldRange as D };
22
+ //# sourceMappingURL=DateFieldRange-DQJ_FMeA.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateFieldRange-DQJ_FMeA.js","sources":["../src/components/DateFieldRange/DateFieldRange.tsx"],"sourcesContent":["import {\n childrenToString,\n DateFieldRange as CoreDateFieldRange,\n DateFieldRangeProps as CoreDateFieldRangeProps,\n} from \"@servicetitan/hammer-react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type DateFieldRangeProps = CoreDateFieldRangeProps & DataTrackingId;\n\nexport const DateFieldRange = (props: DateFieldRangeProps) => {\n const data = {\n label: childrenToString(props.label),\n labelProps: props.labelProps,\n description: childrenToString(props.description),\n };\n\n const trackingId = useTrackingId({\n name: \"DateFieldRange\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreDateFieldRange data-tracking-id={trackingId} {...props} />;\n};\n\nDateFieldRange.displayName = CoreDateFieldRange.displayName;\n"],"names":["CoreDateFieldRange"],"mappings":";;;;;AAUa,MAAA,cAAA,GAAiB,CAAC,KAA+B,KAAA;AAC5D,EAAA,MAAM,IAAO,GAAA;AAAA,IACX,KAAA,EAAO,gBAAiB,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,IACnC,YAAY,KAAM,CAAA,UAAA;AAAA,IAClB,WAAA,EAAa,gBAAiB,CAAA,KAAA,CAAM,WAAW;AAAA,GACjD;AAEA,EAAA,MAAM,aAAa,aAAc,CAAA;AAAA,IAC/B,IAAM,EAAA,gBAAA;AAAA,IACN,IAAA;AAAA,IACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,GACxC,CAAA;AACD,EAAA,uBAAQ,GAAA,CAAAA,gBAAA,EAAA,EAAmB,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AACtE;AAEA,cAAA,CAAe,cAAcA,gBAAmB,CAAA,WAAA;;;;"}
@@ -0,0 +1,2 @@
1
+ export * from './components/DateFieldRange/index'
2
+ export {}
@@ -0,0 +1,2 @@
1
+ export { D as DateFieldRange } from './DateFieldRange-DQJ_FMeA.js';
2
+ //# sourceMappingURL=DateFieldRange.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateFieldRange.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,22 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { useTrackingId } from './useTrackingId.js';
3
+ import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
4
+ import { a as DateFieldSingle$1 } from './DateFieldRange--ZCTVrKX-DoogWMrm.js';
5
+
6
+ const DateFieldSingle = (props) => {
7
+ const data = {
8
+ label: childrenToString(props.label),
9
+ labelProps: props.labelProps,
10
+ description: childrenToString(props.description)
11
+ };
12
+ const trackingId = useTrackingId({
13
+ name: "DateFieldSingle",
14
+ data,
15
+ hasOverride: !!props["data-tracking-id"]
16
+ });
17
+ return /* @__PURE__ */ jsx(DateFieldSingle$1, { "data-tracking-id": trackingId, ...props });
18
+ };
19
+ DateFieldSingle.displayName = DateFieldSingle$1.displayName;
20
+
21
+ export { DateFieldSingle as D };
22
+ //# sourceMappingURL=DateFieldSingle-BXPhS91g.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateFieldSingle-BXPhS91g.js","sources":["../src/components/DateFieldSingle/DateFieldSingle.tsx"],"sourcesContent":["import {\n childrenToString,\n DateFieldSingle as CoreDateFieldSingle,\n DateFieldSingleProps as CoreDateFieldSingleProps,\n} from \"@servicetitan/hammer-react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type DateFieldSingleProps = CoreDateFieldSingleProps & DataTrackingId;\n\nexport const DateFieldSingle = (props: DateFieldSingleProps) => {\n const data = {\n label: childrenToString(props.label),\n labelProps: props.labelProps,\n description: childrenToString(props.description),\n };\n\n const trackingId = useTrackingId({\n name: \"DateFieldSingle\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreDateFieldSingle data-tracking-id={trackingId} {...props} />;\n};\n\nDateFieldSingle.displayName = CoreDateFieldSingle.displayName;\n"],"names":["CoreDateFieldSingle"],"mappings":";;;;;AAUa,MAAA,eAAA,GAAkB,CAAC,KAAgC,KAAA;AAC9D,EAAA,MAAM,IAAO,GAAA;AAAA,IACX,KAAA,EAAO,gBAAiB,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,IACnC,YAAY,KAAM,CAAA,UAAA;AAAA,IAClB,WAAA,EAAa,gBAAiB,CAAA,KAAA,CAAM,WAAW;AAAA,GACjD;AAEA,EAAA,MAAM,aAAa,aAAc,CAAA;AAAA,IAC/B,IAAM,EAAA,iBAAA;AAAA,IACN,IAAA;AAAA,IACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,GACxC,CAAA;AACD,EAAA,uBAAQ,GAAA,CAAAA,iBAAA,EAAA,EAAoB,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AACvE;AAEA,eAAA,CAAgB,cAAcA,iBAAoB,CAAA,WAAA;;;;"}
@@ -0,0 +1,2 @@
1
+ export * from './components/DateFieldSingle/index'
2
+ export {}
@@ -0,0 +1,2 @@
1
+ export { D as DateFieldSingle } from './DateFieldSingle-BXPhS91g.js';
2
+ //# sourceMappingURL=DateFieldSingle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateFieldSingle.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -4,8 +4,8 @@ import { useTrackingId } from './useTrackingId.js';
4
4
  import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
5
5
  import { B as ButtonToggle } from './ButtonToggle-Bm4KRl3o-B1-LbfjY.js';
6
6
  import { F as Flex } from './Flex-CiK7uNUu-BfxHG4L0.js';
7
- import { L as Label, f as Tooltip } from './ProgressBar-Cfi5zZRy-BpESsdh_.js';
8
- import { H as Helper } from './Helper-C9sHaTrI-C5fAsK6i.js';
7
+ import { L as Label, f as Tooltip } from './ProgressBar-CZhkKwaS-dlDRDjxo.js';
8
+ import { H as Helper } from './Helper-h7k80qls-DHPFHTvI.js';
9
9
 
10
10
  import './DaysOfTheWeek.css';const styles = {
11
11
  "days-of-the-week-container": "_days-of-the-week-container_13rkh_3",
@@ -126,4 +126,4 @@ const DaysOfTheWeek = forwardRef(
126
126
  DaysOfTheWeek.displayName = DaysOfTheWeek$1.displayName;
127
127
 
128
128
  export { DaysOfTheWeek as D };
129
- //# sourceMappingURL=DaysOfTheWeek-CEKoAJSv.js.map
129
+ //# sourceMappingURL=DaysOfTheWeek-C4ZGriW7.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DaysOfTheWeek-CEKoAJSv.js","sources":["../../hammer-react/dist/DaysOfTheWeek-y-f__-U6.js","../src/components/DaysOfTheWeek/DaysOfTheWeek.tsx"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { B as ButtonToggle } from './ButtonToggle-Bm4KRl3o.js';\nimport { F as Flex } from './Flex-CiK7uNUu.js';\nimport { forwardRef, useId, useMemo } from 'react';\nimport { L as Label, g as Tooltip } from './ProgressBar-Cfi5zZRy.js';\nimport { H as Helper } from './Helper-C9sHaTrI.js';\n\nimport './DaysOfTheWeek.css';const styles = {\n\t\"days-of-the-week-container\": \"_days-of-the-week-container_13rkh_3\",\n\t\"days-of-the-week\": \"_days-of-the-week_13rkh_3\",\n\t\"button-toggle\": \"_button-toggle_13rkh_18\",\n\t\"button-toggle-wrapper\": \"_button-toggle-wrapper_13rkh_24\"\n};\n\nconst DAYS = [\n { short: \"Mo\", full: \"Monday\" },\n { short: \"Tu\", full: \"Tuesday\" },\n { short: \"We\", full: \"Wednesday\" },\n { short: \"Th\", full: \"Thursday\" },\n { short: \"Fr\", full: \"Friday\" },\n { short: \"Sa\", full: \"Saturday\" },\n { short: \"Su\", full: \"Sunday\" }\n];\nconst DaysOfTheWeek = forwardRef(\n (props, ref) => {\n const {\n selectedDays = [],\n onChange,\n disabled,\n firstDay = 7,\n hint,\n id: idProp,\n description,\n errorMessage,\n errorAriaLive,\n label,\n required,\n moreInfo,\n labelProps\n } = props;\n const autoId = useId();\n const id = idProp ?? autoId;\n const labelUid = useId();\n const helperUid = useId();\n const orderedDays = useMemo(() => {\n const firstDayIndex = firstDay - 1;\n return [...DAYS.slice(firstDayIndex), ...DAYS.slice(0, firstDayIndex)];\n }, [firstDay]);\n const handleDayToggle = (index) => {\n const dayNumber = (index + firstDay - 1) % 7 + 1;\n const newSelectedDays = selectedDays.includes(dayNumber) ? selectedDays.filter((d) => d !== dayNumber) : [...selectedDays, dayNumber];\n onChange?.(newSelectedDays);\n };\n const isDayDisabled = (dayNumber) => {\n if (typeof disabled === \"boolean\") {\n return disabled;\n }\n if (Array.isArray(disabled)) {\n return disabled.includes(dayNumber);\n }\n return false;\n };\n return /* @__PURE__ */ jsxs(\"div\", { className: styles[\"days-of-the-week-container\"], children: [\n label ? /* @__PURE__ */ jsx(\n Label,\n {\n moreInfo,\n required,\n id: labelUid,\n htmlFor: id,\n ...labelProps,\n children: label\n }\n ) : null,\n /* @__PURE__ */ jsx(Flex, { ref, gap: 2, className: styles[\"days-of-the-week\"], id, children: orderedDays.map((day, index) => {\n const dayNumber = (index + firstDay - 1) % 7 + 1;\n return /* @__PURE__ */ jsxs(Tooltip, { placement: \"top\", children: [\n /* @__PURE__ */ jsx(Tooltip.Trigger, { className: styles[\"button-toggle-wrapper\"], children: /* @__PURE__ */ jsx(\n ButtonToggle,\n {\n checked: selectedDays.includes(dayNumber),\n onClick: () => handleDayToggle(index),\n disabled: isDayDisabled(dayNumber),\n className: styles[\"button-toggle\"],\n id: label ? labelUid : void 0,\n \"aria-describedby\": helperUid,\n children: day.short\n }\n ) }),\n /* @__PURE__ */ jsx(Tooltip.Content, { children: day.full })\n ] }, day.short);\n }) }),\n /* @__PURE__ */ jsx(\n Helper,\n {\n id: helperUid,\n hint,\n description,\n errorMessage,\n errorAriaLive\n }\n )\n ] });\n }\n);\nDaysOfTheWeek.displayName = \"DaysOfTheWeek\";\n\nexport { DaysOfTheWeek as D };\n//# sourceMappingURL=DaysOfTheWeek-y-f__-U6.js.map\n","import {\n DaysOfTheWeekProps as CoreDaysOfTheWeekProps,\n DaysOfTheWeek as CoreDaysOfTheWeek,\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 DaysOfTheWeek component\n * @property {number[]} [selectedDays] - The selected days (1-7, where 1 is Monday and 7 is Sunday)\n * @property {(selectedDays: number[]) => void} [onChange] - Callback fired when the selection changes\n * @property {boolean | number[]} [disabled] - Whether the component is disabled. Can be a boolean to disable all days, or an array of day numbers (1-7) to disable specific days\n * @property {number} [firstDay] - The first day of the week (1-7, where 1 is Monday and 7 is Sunday)\n * @default 1\n * @property {ReactElement | string} [hint] - Hint text or element to display above the component\n * @property {string} [id] - ID for the component\n * @property {ReactElement | string} [description] - Description text or element to display below the component\n * @property {ReactElement | string} [errorMessage] - Error message to display when there is an error\n * @property {AriaAttributes['aria-live']} [errorAriaLive] - aria-live for the error message\n * @default assertive\n * @property {LabelProps['children']} [label] - Label text or element\n * @property {boolean} [required] - Whether the field is required\n * @property {LabelProps['moreInfo']} [moreInfo] - Additional info to display in a tooltip next to the label\n * @property {Omit<LabelProps, 'children' | 'moreInfo' | 'required' | 'id' | 'htmlFor'>} [labelProps] - Additional props to pass to the Label component\n * @extends DataTrackingId\n */\nexport type DaysOfTheWeekProps = CoreDaysOfTheWeekProps & DataTrackingId;\n\n/**\n * DaysOfTheWeek component for selecting multiple days of the week.\n *\n * Features:\n * - Displays days of the week as toggleable buttons\n * - Supports custom first day of the week (Monday-Sunday)\n * - Individual day selection and deselection\n * - Optional label, hint, description, and error messaging\n * - Full accessibility support with ARIA attributes\n * - Tooltips showing full day names on hover\n * - Responsive design with flexible layout\n * - Support for disabling specific days or the entire component\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <DaysOfTheWeek\n * selectedDays={[2, 4, 6]}\n * onChange={(days) => console.log('Selected days:', days)}\n * label=\"Working Days\"\n * firstDay={1}\n * />\n */\nexport const DaysOfTheWeek = forwardRef(\n (props: DaysOfTheWeekProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n description: childrenToString(props.description),\n hint: childrenToString(props.hint),\n label: childrenToString(props.label),\n labelProps: childrenToString(props.labelProps),\n };\n\n const trackingId = useTrackingId({\n name: \"DaysOfTheWeek\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDaysOfTheWeek ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n);\nDaysOfTheWeek.displayName = CoreDaysOfTheWeek.displayName;\n"],"names":["DaysOfTheWeek","CoreDaysOfTheWeek"],"mappings":"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"}
1
+ {"version":3,"file":"DaysOfTheWeek-C4ZGriW7.js","sources":["../../hammer-react/dist/DaysOfTheWeek-Biz1rlvH.js","../src/components/DaysOfTheWeek/DaysOfTheWeek.tsx"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { B as ButtonToggle } from './ButtonToggle-Bm4KRl3o.js';\nimport { F as Flex } from './Flex-CiK7uNUu.js';\nimport { forwardRef, useId, useMemo } from 'react';\nimport { L as Label, g as Tooltip } from './ProgressBar-CZhkKwaS.js';\nimport { H as Helper } from './Helper-h7k80qls.js';\n\nimport './DaysOfTheWeek.css';const styles = {\n\t\"days-of-the-week-container\": \"_days-of-the-week-container_13rkh_3\",\n\t\"days-of-the-week\": \"_days-of-the-week_13rkh_3\",\n\t\"button-toggle\": \"_button-toggle_13rkh_18\",\n\t\"button-toggle-wrapper\": \"_button-toggle-wrapper_13rkh_24\"\n};\n\nconst DAYS = [\n { short: \"Mo\", full: \"Monday\" },\n { short: \"Tu\", full: \"Tuesday\" },\n { short: \"We\", full: \"Wednesday\" },\n { short: \"Th\", full: \"Thursday\" },\n { short: \"Fr\", full: \"Friday\" },\n { short: \"Sa\", full: \"Saturday\" },\n { short: \"Su\", full: \"Sunday\" }\n];\nconst DaysOfTheWeek = forwardRef(\n (props, ref) => {\n const {\n selectedDays = [],\n onChange,\n disabled,\n firstDay = 7,\n hint,\n id: idProp,\n description,\n errorMessage,\n errorAriaLive,\n label,\n required,\n moreInfo,\n labelProps\n } = props;\n const autoId = useId();\n const id = idProp ?? autoId;\n const labelUid = useId();\n const helperUid = useId();\n const orderedDays = useMemo(() => {\n const firstDayIndex = firstDay - 1;\n return [...DAYS.slice(firstDayIndex), ...DAYS.slice(0, firstDayIndex)];\n }, [firstDay]);\n const handleDayToggle = (index) => {\n const dayNumber = (index + firstDay - 1) % 7 + 1;\n const newSelectedDays = selectedDays.includes(dayNumber) ? selectedDays.filter((d) => d !== dayNumber) : [...selectedDays, dayNumber];\n onChange?.(newSelectedDays);\n };\n const isDayDisabled = (dayNumber) => {\n if (typeof disabled === \"boolean\") {\n return disabled;\n }\n if (Array.isArray(disabled)) {\n return disabled.includes(dayNumber);\n }\n return false;\n };\n return /* @__PURE__ */ jsxs(\"div\", { className: styles[\"days-of-the-week-container\"], children: [\n label ? /* @__PURE__ */ jsx(\n Label,\n {\n moreInfo,\n required,\n id: labelUid,\n htmlFor: id,\n ...labelProps,\n children: label\n }\n ) : null,\n /* @__PURE__ */ jsx(Flex, { ref, gap: 2, className: styles[\"days-of-the-week\"], id, children: orderedDays.map((day, index) => {\n const dayNumber = (index + firstDay - 1) % 7 + 1;\n return /* @__PURE__ */ jsxs(Tooltip, { placement: \"top\", children: [\n /* @__PURE__ */ jsx(Tooltip.Trigger, { className: styles[\"button-toggle-wrapper\"], children: /* @__PURE__ */ jsx(\n ButtonToggle,\n {\n checked: selectedDays.includes(dayNumber),\n onClick: () => handleDayToggle(index),\n disabled: isDayDisabled(dayNumber),\n className: styles[\"button-toggle\"],\n id: label ? labelUid : void 0,\n \"aria-describedby\": helperUid,\n children: day.short\n }\n ) }),\n /* @__PURE__ */ jsx(Tooltip.Content, { children: day.full })\n ] }, day.short);\n }) }),\n /* @__PURE__ */ jsx(\n Helper,\n {\n id: helperUid,\n hint,\n description,\n errorMessage,\n errorAriaLive\n }\n )\n ] });\n }\n);\nDaysOfTheWeek.displayName = \"DaysOfTheWeek\";\n\nexport { DaysOfTheWeek as D };\n//# sourceMappingURL=DaysOfTheWeek-Biz1rlvH.js.map\n","import {\n DaysOfTheWeekProps as CoreDaysOfTheWeekProps,\n DaysOfTheWeek as CoreDaysOfTheWeek,\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 DaysOfTheWeek component\n * @property {number[]} [selectedDays] - The selected days (1-7, where 1 is Monday and 7 is Sunday)\n * @property {(selectedDays: number[]) => void} [onChange] - Callback fired when the selection changes\n * @property {boolean | number[]} [disabled] - Whether the component is disabled. Can be a boolean to disable all days, or an array of day numbers (1-7) to disable specific days\n * @property {number} [firstDay] - The first day of the week (1-7, where 1 is Monday and 7 is Sunday)\n * @default 1\n * @property {ReactElement | string} [hint] - Hint text or element to display above the component\n * @property {string} [id] - ID for the component\n * @property {ReactElement | string} [description] - Description text or element to display below the component\n * @property {ReactElement | string} [errorMessage] - Error message to display when there is an error\n * @property {AriaAttributes['aria-live']} [errorAriaLive] - aria-live for the error message\n * @default assertive\n * @property {LabelProps['children']} [label] - Label text or element\n * @property {boolean} [required] - Whether the field is required\n * @property {LabelProps['moreInfo']} [moreInfo] - Additional info to display in a tooltip next to the label\n * @property {Omit<LabelProps, 'children' | 'moreInfo' | 'required' | 'id' | 'htmlFor'>} [labelProps] - Additional props to pass to the Label component\n * @extends DataTrackingId\n */\nexport type DaysOfTheWeekProps = CoreDaysOfTheWeekProps & DataTrackingId;\n\n/**\n * DaysOfTheWeek component for selecting multiple days of the week.\n *\n * Features:\n * - Displays days of the week as toggleable buttons\n * - Supports custom first day of the week (Monday-Sunday)\n * - Individual day selection and deselection\n * - Optional label, hint, description, and error messaging\n * - Full accessibility support with ARIA attributes\n * - Tooltips showing full day names on hover\n * - Responsive design with flexible layout\n * - Support for disabling specific days or the entire component\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <DaysOfTheWeek\n * selectedDays={[2, 4, 6]}\n * onChange={(days) => console.log('Selected days:', days)}\n * label=\"Working Days\"\n * firstDay={1}\n * />\n */\nexport const DaysOfTheWeek = forwardRef(\n (props: DaysOfTheWeekProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n description: childrenToString(props.description),\n hint: childrenToString(props.hint),\n label: childrenToString(props.label),\n labelProps: childrenToString(props.labelProps),\n };\n\n const trackingId = useTrackingId({\n name: \"DaysOfTheWeek\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDaysOfTheWeek ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n);\nDaysOfTheWeek.displayName = CoreDaysOfTheWeek.displayName;\n"],"names":["DaysOfTheWeek","CoreDaysOfTheWeek"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- export { D as DaysOfTheWeek, D as default } from './DaysOfTheWeek-CEKoAJSv.js';
1
+ export { D as DaysOfTheWeek, D as default } from './DaysOfTheWeek-C4ZGriW7.js';
2
2
  //# sourceMappingURL=DaysOfTheWeek.js.map
@@ -3,7 +3,7 @@ import { forwardRef, useContext, useRef, useState, useId, useCallback, useEffect
3
3
  import { useTrackingId } from './useTrackingId.js';
4
4
  import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
5
5
  import { c as cx } from './index-tZvMCc77.js';
6
- import { i as DialogContext, u as useDialogTransitionStates, j as useKeyboardFocusables, k as useDialogScrollLock, g as getActiveElement, l as ToastProvider, m as ToasterPopover, n as ToasterContent } from './ProgressBar-Cfi5zZRy-BpESsdh_.js';
6
+ import { i as DialogContext, j as useDialogTransitionStates, u as useKeyboardFocusables, k as useDialogScrollLock, g as getActiveElement, l as ToastProvider, m as ToasterPopover, n as ToasterContent } from './ProgressBar-CZhkKwaS-dlDRDjxo.js';
7
7
  import { S as SvgClose } from './close-DZj38AEh.js';
8
8
  import { T as Text } from './Text-DCvcLCvf-DlmnnjTR.js';
9
9
  import { B as Button } from './Button-BaHFf1AT-BQy-PFB5.js';
@@ -473,4 +473,4 @@ const Dialog = Object.assign(DialogElement, {
473
473
  });
474
474
 
475
475
  export { Dialog as D, DialogHeader as a, DialogFooter as b, DialogContent as c, DialogCancelButton as d };
476
- //# sourceMappingURL=Dialog-D6zpW-GE.js.map
476
+ //# sourceMappingURL=Dialog-CBWaZO5U.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog-D6zpW-GE.js","sources":["../../hammer-react/dist/Dialog-zWLlOI8S.js","../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import { jsx, jsxs } from 'react/jsx-runtime';\nimport { useContext, forwardRef, useRef, useState, useId, useCallback, useEffect } from 'react';\nimport cx from 'classnames';\nimport { D as DialogContext, r as useDialogTransitionStates, v as useDialogScrollLock, q as getActiveElement, w as ToastProvider, x as ToasterPopover, y as ToasterContent } from './ProgressBar-Cfi5zZRy.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport { T as Text } from './Text-DCvcLCvf.js';\nimport { B as Button } from './Button-BaHFf1AT.js';\nimport { u as useKeyboardFocusables } from './useKeyboardFocusables-CwVMAe5C.js';\nimport { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';\n\nimport './Dialog.css';const dialog = \"_dialog_17u1d_2\";\nconst container = \"_container_17u1d_20\";\nconst content = \"_content_17u1d_33\";\nconst header = \"_header_17u1d_40\";\nconst footer = \"_footer_17u1d_60\";\nconst closing = \"_closing_17u1d_76\";\nconst large = \"_large_17u1d_82\";\nconst fullscreen = \"_fullscreen_17u1d_82\";\nconst sticky = \"_sticky_17u1d_102\";\nconst styles = {\n\tdialog: dialog,\n\tcontainer: container,\n\tcontent: content,\n\theader: header,\n\t\"close-container\": \"_close-container_17u1d_53\",\n\tfooter: footer,\n\tclosing: closing,\n\tlarge: large,\n\tfullscreen: fullscreen,\n\tsticky: sticky,\n\t\"close-button\": \"_close-button_17u1d_108\"\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}\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 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 DialogElement = forwardRef(\n (props, ref) => {\n const {\n className,\n open = false,\n children,\n onOpen,\n onOpenChange,\n onClose,\n onKeyDown,\n fullScreen = false,\n disableCloseOnEscape = false,\n disableCloseOnClickOutside = false,\n size,\n enableScrollChaining,\n onOpenAnimationStart,\n onOpenAnimationComplete,\n onCloseAnimationStart,\n onCloseAnimationComplete,\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 { state, isOpenOrOpening, beginClosing } = useDialogTransitionStates(\n elRef,\n open,\n {\n onOpenAnimationStart: useCallback(() => {\n onOpenAnimationStart?.();\n }, [onOpenAnimationStart]),\n onOpenAnimationComplete: useCallback(() => {\n onOpenAnimationComplete?.();\n onOpen?.();\n }, [onOpen, onOpenAnimationComplete]),\n onCloseAnimationStart: useCallback(() => {\n onCloseAnimationStart?.();\n }, [onCloseAnimationStart]),\n onCloseAnimationComplete: useCallback(() => {\n onCloseAnimationComplete?.();\n onClose?.();\n }, [onClose, onCloseAnimationComplete])\n }\n );\n const initial = useRef(true);\n useEffect(() => {\n if (initial.current) {\n initial.current = false;\n } else {\n onOpenChange?.(isOpenOrOpening);\n }\n }, [id, onOpenChange, isOpenOrOpening]);\n const classNames = cx([styles[\"dialog\"]], className, {\n [styles[\"closing\"]]: state === \"closing\",\n [styles[\"fullscreen\"]]: fullScreen,\n [styles[\"large\"]]: size === \"large\"\n });\n const { focusables } = useKeyboardFocusables(contentRef, {\n observeChange: true\n });\n useDialogScrollLock({\n open: isOpenOrOpening,\n id,\n enableScrollChaining,\n elementRef: elRef\n });\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 beginClosing();\n }\n };\n document.addEventListener(\"mousedown\", onClickOutsideHandler);\n return () => document.removeEventListener(\"mousedown\", onClickOutsideHandler);\n }, [disableCloseOnClickOutside, beginClosing, hasOpenPopover]);\n useEffect(() => {\n if (!isOpenOrOpening) return;\n if (!focusables) return;\n const activeElement = getActiveElement(document);\n if (!activeElement) return;\n if (activeElement.dataset.anv !== \"dialog-header-close-button\" && focusables.includes(activeElement)) {\n return;\n }\n if (focusables[0]?.dataset.anv === \"dialog-header-close-button\" && focusables[1]) {\n focusables[1].focus();\n } else {\n focusables[0]?.focus();\n }\n }, [isOpenOrOpening, 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 beginClosing();\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 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__ */ jsxs(\n \"dialog\",\n {\n className: classNames,\n \"data-anv\": \"dialog\",\n \"data-anv-scroll-chaining\": enableScrollChaining,\n \"data-anv-transition-state\": state,\n ref: useMergeRefs([ref, elRef]),\n onKeyDown: onKeyDownHandler,\n ...rest,\n children: [\n /* @__PURE__ */ jsx(ToastProvider, { isDialogToaster: open, children: /* @__PURE__ */ jsx(ToasterPopover, { children: /* @__PURE__ */ jsx(ToasterContent, { id: \"dialog-toaster\" }) }) }),\n /* @__PURE__ */ jsx(\n DialogContext.Provider,\n {\n value: {\n close: beginClosing,\n ref: elRef,\n hasOpenPopover,\n setHasOpenPopover\n },\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 }\n);\nDialogElement.displayName = \"Dialog\";\nconst Dialog = Object.assign(DialogElement, {\n /**\n * DialogHeader component for the header section of a Dialog.\n *\n * Features:\n * - Displays dialog title with headline typography\n * - Includes close button with proper accessibility\n * - Sticky positioning for long content\n * - Consistent spacing and styling\n * - Automatic focus management\n *\n * @example\n * <Dialog.Header>Confirm Delete</Dialog.Header>\n */\n Header: DialogHeader,\n /**\n * DialogFooter component for the footer section of a Dialog.\n *\n * Features:\n * - Container for dialog action buttons\n * - Optional sticky positioning for long content\n * - Consistent spacing and alignment\n * - Right-aligned button layout by default\n * - Flexible content area for custom layouts\n *\n * @example\n * <Dialog.Footer sticky>\n * <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n * <Button appearance=\"primary\">Save</Button>\n * </Dialog.Footer>\n */\n Footer: DialogFooter,\n /**\n * DialogContent component for the main content area of a Dialog.\n *\n * Features:\n * - Main content container for dialog body\n * - Flexible height with overflow handling\n * - Consistent padding and spacing\n * - Responsive design\n * - Proper content scrolling for long content\n *\n * @example\n * <Dialog.Content>\n * <p>This is the main content of the dialog.</p>\n * </Dialog.Content>\n */\n Content: DialogContent,\n /**\n * DialogCancelButton component for cancel/close actions in a Dialog.\n *\n * Features:\n * - Button that automatically closes the dialog when clicked\n * - Extends all Button component props and functionality\n * - Proper accessibility with close dialog semantics\n * - Automatic focus management\n * - Consistent styling with other dialog elements\n *\n * @example\n * <Dialog.CancelButton appearance=\"ghost\">Cancel</Dialog.CancelButton>\n */\n CancelButton: DialogCancelButton\n});\n\nexport { Dialog as D, DialogCancelButton as a, DialogContent as b, DialogFooter as c, DialogHeader as d };\n//# sourceMappingURL=Dialog-zWLlOI8S.js.map\n","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\n/**\n * Props for the Dialog component\n * @property {boolean} [fullScreen] - Whether the dialog should be displayed in fullscreen mode\n * @default false\n * @property {\"medium\" | \"large\"} [size] - The size of the dialog\n * @default medium\n * @property {boolean} [open] - Whether the dialog is open\n * @default false\n * @property {() => void} [onClose] - Callback fired when the dialog is closed\n * @property {() => void} [onOpen] - Callback fired when the dialog opens (deprecated)\n * @property {(open: boolean) => void} [onOpenChange] - Callback fired when the dialog open state changes (deprecated)\n * @property {boolean} [enableScrollChaining] - Enables scroll chaining\n * @property {boolean} [disableCloseOnEscape] - Whether to disable closing on escape key\n * @property {boolean} [disableCloseOnClickOutside] - Whether to disable closing on click outside\n * @property {() => void} [onOpenAnimationStart] - Callback fired when open animation starts\n * @property {() => void} [onOpenAnimationComplete] - Callback fired when open animation completes\n * @property {() => void} [onCloseAnimationStart] - Callback fired when close animation starts\n * @property {() => void} [onCloseAnimationComplete] - Callback fired when close animation completes\n */\nexport type DialogProps = CoreDialogProps;\n\n/**\n * Props for the DialogHeader component\n * @extends DataTrackingId\n */\nexport type DialogHeaderProps = CoreDialogHeaderProps & DataTrackingId;\n\n/**\n * Props for the DialogFooter component\n * @property {boolean} [sticky] - Whether the footer should be sticky\n * @default false\n */\nexport type DialogFooterProps = CoreDialogFooterProps;\n\n/**\n * Props for the DialogContent component\n */\nexport type DialogContentProps = CoreDialogContentProps;\n\n/**\n * Props for the DialogCancelButton component\n * @extends DataTrackingId\n */\nexport type DialogCancelButtonProps = CoreDialogCancelButtonProps &\n DataTrackingId;\n\nconst DialogElement = forwardRef(\n (props: DialogProps, ref: Ref<HTMLDialogElement>) => {\n return <CoreDialog ref={ref} {...props} />;\n },\n);\nDialogElement.displayName = CoreDialog.displayName;\n\n/**\n * DialogHeader component for the header section of a Dialog.\n *\n * Features:\n * - Displays dialog title with headline typography\n * - Includes close button with proper accessibility\n * - Sticky positioning for long content\n * - Consistent spacing and styling\n * - Automatic focus management\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Dialog.Header>Confirm Delete</Dialog.Header>\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);\n\nDialogHeader.displayName = CoreDialogHeader.displayName;\n\n/**\n * DialogFooter component for the footer section of a Dialog.\n *\n * Features:\n * - Container for dialog action buttons\n * - Optional sticky positioning for long content\n * - Consistent spacing and alignment\n * - Right-aligned button layout by default\n * - Flexible content area for custom layouts\n *\n * @example\n * <Dialog.Footer sticky>\n * <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n * <Button appearance=\"primary\">Save</Button>\n * </Dialog.Footer>\n */\nexport const DialogFooter = forwardRef(\n (props: DialogFooterProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDialogFooter ref={ref} {...props} />;\n },\n);\n\nDialogFooter.displayName = CoreDialogFooter.displayName;\n\n/**\n * DialogContent component for the main content area of a Dialog.\n *\n * Features:\n * - Main content container for dialog body\n * - Flexible height with overflow handling\n * - Consistent padding and spacing\n * - Responsive design\n * - Proper content scrolling for long content\n *\n * @example\n * <Dialog.Content>\n * <p>This is the main content of the dialog.</p>\n * </Dialog.Content>\n */\nexport const DialogContent = forwardRef(\n (props: DialogContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDialogContent ref={ref} {...props} />;\n },\n);\n\nDialogContent.displayName = CoreDialogContent.displayName;\n\n/**\n * DialogCancelButton component for cancel/close actions in a Dialog.\n *\n * Features:\n * - Button that automatically closes the dialog when clicked\n * - Extends all Button component props and functionality\n * - Proper accessibility with close dialog semantics\n * - Automatic focus management\n * - Consistent styling with other dialog elements\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Dialog.CancelButton appearance=\"ghost\">Cancel</Dialog.CancelButton>\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\nDialogCancelButton.displayName = CoreDialogCancelButton.displayName;\n\n/**\n * Dialog component for creating modal dialogs and overlays.\n *\n * Features:\n * - Modal dialog with backdrop overlay\n * - Controlled and uncontrolled open state\n * - Smooth open/close animations\n * - Keyboard navigation and focus management\n * - Escape key and click outside to close\n * - Multiple size variants (medium, large, fullscreen)\n * - Scroll chaining support\n * - Toast integration for notifications\n * - Compound component pattern with Header, Footer, Content, and CancelButton sub-components\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Dialog open={isOpen} onClose={() => setIsOpen(false)}>\n * <Dialog.Header>Confirm Action</Dialog.Header>\n * <Dialog.Content>Are you sure you want to proceed?</Dialog.Content>\n * <Dialog.Footer>\n * <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n * <Button appearance=\"primary\">Confirm</Button>\n * </Dialog.Footer>\n * </Dialog>\n */\nexport const Dialog = Object.assign(DialogElement, {\n /**\n * DialogHeader component for the header section of a Dialog.\n *\n * Features:\n * - Displays dialog title with headline typography\n * - Includes close button with proper accessibility\n * - Sticky positioning for long content\n * - Consistent spacing and styling\n * - Automatic focus management\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Dialog.Header>Confirm Delete</Dialog.Header>\n */\n Header: DialogHeader,\n /**\n * DialogFooter component for the footer section of a Dialog.\n *\n * Features:\n * - Container for dialog action buttons\n * - Optional sticky positioning for long content\n * - Consistent spacing and alignment\n * - Right-aligned button layout by default\n * - Flexible content area for custom layouts\n *\n * @example\n * <Dialog.Footer sticky>\n * <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n * <Button appearance=\"primary\">Save</Button>\n * </Dialog.Footer>\n */\n Footer: DialogFooter,\n /**\n * DialogContent component for the main content area of a Dialog.\n *\n * Features:\n * - Main content container for dialog body\n * - Flexible height with overflow handling\n * - Consistent padding and spacing\n * - Responsive design\n * - Proper content scrolling for long content\n *\n * @example\n * <Dialog.Content>\n * <p>This is the main content of the dialog.</p>\n * </Dialog.Content>\n */\n Content: DialogContent,\n /**\n * DialogCancelButton component for cancel/close actions in a Dialog.\n *\n * Features:\n * - Button that automatically closes the dialog when clicked\n * - Extends all Button component props and functionality\n * - Proper accessibility with close dialog semantics\n * - Automatic focus management\n * - Consistent styling with other dialog elements\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Dialog.CancelButton appearance=\"ghost\">Cancel</Dialog.CancelButton>\n */\n CancelButton: DialogCancelButton,\n});\n"],"names":["DialogCancelButton","DialogHeader","Close","DialogFooter","DialogContent","DialogElement","Dialog","CoreDialog","CoreDialogHeader","CoreDialogFooter","CoreDialogContent","CoreDialogCancelButton"],"mappings":"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"}
1
+ {"version":3,"file":"Dialog-CBWaZO5U.js","sources":["../../hammer-react/dist/Dialog-DVsmQyvp.js","../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import { jsx, jsxs } from 'react/jsx-runtime';\nimport { useContext, forwardRef, useRef, useState, useId, useCallback, useEffect } from 'react';\nimport cx from 'classnames';\nimport { D as DialogContext, r as useDialogTransitionStates, v as useDialogScrollLock, q as getActiveElement, w as ToastProvider, x as ToasterPopover, y as ToasterContent } from './ProgressBar-CZhkKwaS.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport { T as Text } from './Text-DCvcLCvf.js';\nimport { B as Button } from './Button-BaHFf1AT.js';\nimport { u as useKeyboardFocusables } from './useKeyboardFocusables-CwVMAe5C.js';\nimport { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';\n\nimport './Dialog.css';const dialog = \"_dialog_17u1d_2\";\nconst container = \"_container_17u1d_20\";\nconst content = \"_content_17u1d_33\";\nconst header = \"_header_17u1d_40\";\nconst footer = \"_footer_17u1d_60\";\nconst closing = \"_closing_17u1d_76\";\nconst large = \"_large_17u1d_82\";\nconst fullscreen = \"_fullscreen_17u1d_82\";\nconst sticky = \"_sticky_17u1d_102\";\nconst styles = {\n\tdialog: dialog,\n\tcontainer: container,\n\tcontent: content,\n\theader: header,\n\t\"close-container\": \"_close-container_17u1d_53\",\n\tfooter: footer,\n\tclosing: closing,\n\tlarge: large,\n\tfullscreen: fullscreen,\n\tsticky: sticky,\n\t\"close-button\": \"_close-button_17u1d_108\"\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}\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 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 DialogElement = forwardRef(\n (props, ref) => {\n const {\n className,\n open = false,\n children,\n onOpen,\n onOpenChange,\n onClose,\n onKeyDown,\n fullScreen = false,\n disableCloseOnEscape = false,\n disableCloseOnClickOutside = false,\n size,\n enableScrollChaining,\n onOpenAnimationStart,\n onOpenAnimationComplete,\n onCloseAnimationStart,\n onCloseAnimationComplete,\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 { state, isOpenOrOpening, beginClosing } = useDialogTransitionStates(\n elRef,\n open,\n {\n onOpenAnimationStart: useCallback(() => {\n onOpenAnimationStart?.();\n }, [onOpenAnimationStart]),\n onOpenAnimationComplete: useCallback(() => {\n onOpenAnimationComplete?.();\n onOpen?.();\n }, [onOpen, onOpenAnimationComplete]),\n onCloseAnimationStart: useCallback(() => {\n onCloseAnimationStart?.();\n }, [onCloseAnimationStart]),\n onCloseAnimationComplete: useCallback(() => {\n onCloseAnimationComplete?.();\n onClose?.();\n }, [onClose, onCloseAnimationComplete])\n }\n );\n const initial = useRef(true);\n useEffect(() => {\n if (initial.current) {\n initial.current = false;\n } else {\n onOpenChange?.(isOpenOrOpening);\n }\n }, [id, onOpenChange, isOpenOrOpening]);\n const classNames = cx([styles[\"dialog\"]], className, {\n [styles[\"closing\"]]: state === \"closing\",\n [styles[\"fullscreen\"]]: fullScreen,\n [styles[\"large\"]]: size === \"large\"\n });\n const { focusables } = useKeyboardFocusables(contentRef, {\n observeChange: true\n });\n useDialogScrollLock({\n open: isOpenOrOpening,\n id,\n enableScrollChaining,\n elementRef: elRef\n });\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 beginClosing();\n }\n };\n document.addEventListener(\"mousedown\", onClickOutsideHandler);\n return () => document.removeEventListener(\"mousedown\", onClickOutsideHandler);\n }, [disableCloseOnClickOutside, beginClosing, hasOpenPopover]);\n useEffect(() => {\n if (!isOpenOrOpening) return;\n if (!focusables) return;\n const activeElement = getActiveElement(document);\n if (!activeElement) return;\n if (activeElement.dataset.anv !== \"dialog-header-close-button\" && focusables.includes(activeElement)) {\n return;\n }\n if (focusables[0]?.dataset.anv === \"dialog-header-close-button\" && focusables[1]) {\n focusables[1].focus();\n } else {\n focusables[0]?.focus();\n }\n }, [isOpenOrOpening, 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 beginClosing();\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 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__ */ jsxs(\n \"dialog\",\n {\n className: classNames,\n \"data-anv\": \"dialog\",\n \"data-anv-scroll-chaining\": enableScrollChaining,\n \"data-anv-transition-state\": state,\n ref: useMergeRefs([ref, elRef]),\n onKeyDown: onKeyDownHandler,\n ...rest,\n children: [\n /* @__PURE__ */ jsx(ToastProvider, { isDialogToaster: open, children: /* @__PURE__ */ jsx(ToasterPopover, { children: /* @__PURE__ */ jsx(ToasterContent, { id: \"dialog-toaster\" }) }) }),\n /* @__PURE__ */ jsx(\n DialogContext.Provider,\n {\n value: {\n close: beginClosing,\n ref: elRef,\n hasOpenPopover,\n setHasOpenPopover\n },\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 }\n);\nDialogElement.displayName = \"Dialog\";\nconst Dialog = Object.assign(DialogElement, {\n /**\n * DialogHeader component for the header section of a Dialog.\n *\n * Features:\n * - Displays dialog title with headline typography\n * - Includes close button with proper accessibility\n * - Sticky positioning for long content\n * - Consistent spacing and styling\n * - Automatic focus management\n *\n * @example\n * <Dialog.Header>Confirm Delete</Dialog.Header>\n */\n Header: DialogHeader,\n /**\n * DialogFooter component for the footer section of a Dialog.\n *\n * Features:\n * - Container for dialog action buttons\n * - Optional sticky positioning for long content\n * - Consistent spacing and alignment\n * - Right-aligned button layout by default\n * - Flexible content area for custom layouts\n *\n * @example\n * <Dialog.Footer sticky>\n * <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n * <Button appearance=\"primary\">Save</Button>\n * </Dialog.Footer>\n */\n Footer: DialogFooter,\n /**\n * DialogContent component for the main content area of a Dialog.\n *\n * Features:\n * - Main content container for dialog body\n * - Flexible height with overflow handling\n * - Consistent padding and spacing\n * - Responsive design\n * - Proper content scrolling for long content\n *\n * @example\n * <Dialog.Content>\n * <p>This is the main content of the dialog.</p>\n * </Dialog.Content>\n */\n Content: DialogContent,\n /**\n * DialogCancelButton component for cancel/close actions in a Dialog.\n *\n * Features:\n * - Button that automatically closes the dialog when clicked\n * - Extends all Button component props and functionality\n * - Proper accessibility with close dialog semantics\n * - Automatic focus management\n * - Consistent styling with other dialog elements\n *\n * @example\n * <Dialog.CancelButton appearance=\"ghost\">Cancel</Dialog.CancelButton>\n */\n CancelButton: DialogCancelButton\n});\n\nexport { Dialog as D, DialogCancelButton as a, DialogContent as b, DialogFooter as c, DialogHeader as d };\n//# sourceMappingURL=Dialog-DVsmQyvp.js.map\n","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\n/**\n * Props for the Dialog component\n * @property {boolean} [fullScreen] - Whether the dialog should be displayed in fullscreen mode\n * @default false\n * @property {\"medium\" | \"large\"} [size] - The size of the dialog\n * @default medium\n * @property {boolean} [open] - Whether the dialog is open\n * @default false\n * @property {() => void} [onClose] - Callback fired when the dialog is closed\n * @property {() => void} [onOpen] - Callback fired when the dialog opens (deprecated)\n * @property {(open: boolean) => void} [onOpenChange] - Callback fired when the dialog open state changes (deprecated)\n * @property {boolean} [enableScrollChaining] - Enables scroll chaining\n * @property {boolean} [disableCloseOnEscape] - Whether to disable closing on escape key\n * @property {boolean} [disableCloseOnClickOutside] - Whether to disable closing on click outside\n * @property {() => void} [onOpenAnimationStart] - Callback fired when open animation starts\n * @property {() => void} [onOpenAnimationComplete] - Callback fired when open animation completes\n * @property {() => void} [onCloseAnimationStart] - Callback fired when close animation starts\n * @property {() => void} [onCloseAnimationComplete] - Callback fired when close animation completes\n */\nexport type DialogProps = CoreDialogProps;\n\n/**\n * Props for the DialogHeader component\n * @extends DataTrackingId\n */\nexport type DialogHeaderProps = CoreDialogHeaderProps & DataTrackingId;\n\n/**\n * Props for the DialogFooter component\n * @property {boolean} [sticky] - Whether the footer should be sticky\n * @default false\n */\nexport type DialogFooterProps = CoreDialogFooterProps;\n\n/**\n * Props for the DialogContent component\n */\nexport type DialogContentProps = CoreDialogContentProps;\n\n/**\n * Props for the DialogCancelButton component\n * @extends DataTrackingId\n */\nexport type DialogCancelButtonProps = CoreDialogCancelButtonProps &\n DataTrackingId;\n\nconst DialogElement = forwardRef(\n (props: DialogProps, ref: Ref<HTMLDialogElement>) => {\n return <CoreDialog ref={ref} {...props} />;\n },\n);\nDialogElement.displayName = CoreDialog.displayName;\n\n/**\n * DialogHeader component for the header section of a Dialog.\n *\n * Features:\n * - Displays dialog title with headline typography\n * - Includes close button with proper accessibility\n * - Sticky positioning for long content\n * - Consistent spacing and styling\n * - Automatic focus management\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Dialog.Header>Confirm Delete</Dialog.Header>\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);\n\nDialogHeader.displayName = CoreDialogHeader.displayName;\n\n/**\n * DialogFooter component for the footer section of a Dialog.\n *\n * Features:\n * - Container for dialog action buttons\n * - Optional sticky positioning for long content\n * - Consistent spacing and alignment\n * - Right-aligned button layout by default\n * - Flexible content area for custom layouts\n *\n * @example\n * <Dialog.Footer sticky>\n * <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n * <Button appearance=\"primary\">Save</Button>\n * </Dialog.Footer>\n */\nexport const DialogFooter = forwardRef(\n (props: DialogFooterProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDialogFooter ref={ref} {...props} />;\n },\n);\n\nDialogFooter.displayName = CoreDialogFooter.displayName;\n\n/**\n * DialogContent component for the main content area of a Dialog.\n *\n * Features:\n * - Main content container for dialog body\n * - Flexible height with overflow handling\n * - Consistent padding and spacing\n * - Responsive design\n * - Proper content scrolling for long content\n *\n * @example\n * <Dialog.Content>\n * <p>This is the main content of the dialog.</p>\n * </Dialog.Content>\n */\nexport const DialogContent = forwardRef(\n (props: DialogContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDialogContent ref={ref} {...props} />;\n },\n);\n\nDialogContent.displayName = CoreDialogContent.displayName;\n\n/**\n * DialogCancelButton component for cancel/close actions in a Dialog.\n *\n * Features:\n * - Button that automatically closes the dialog when clicked\n * - Extends all Button component props and functionality\n * - Proper accessibility with close dialog semantics\n * - Automatic focus management\n * - Consistent styling with other dialog elements\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Dialog.CancelButton appearance=\"ghost\">Cancel</Dialog.CancelButton>\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\nDialogCancelButton.displayName = CoreDialogCancelButton.displayName;\n\n/**\n * Dialog component for creating modal dialogs and overlays.\n *\n * Features:\n * - Modal dialog with backdrop overlay\n * - Controlled and uncontrolled open state\n * - Smooth open/close animations\n * - Keyboard navigation and focus management\n * - Escape key and click outside to close\n * - Multiple size variants (medium, large, fullscreen)\n * - Scroll chaining support\n * - Toast integration for notifications\n * - Compound component pattern with Header, Footer, Content, and CancelButton sub-components\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Dialog open={isOpen} onClose={() => setIsOpen(false)}>\n * <Dialog.Header>Confirm Action</Dialog.Header>\n * <Dialog.Content>Are you sure you want to proceed?</Dialog.Content>\n * <Dialog.Footer>\n * <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n * <Button appearance=\"primary\">Confirm</Button>\n * </Dialog.Footer>\n * </Dialog>\n */\nexport const Dialog = Object.assign(DialogElement, {\n /**\n * DialogHeader component for the header section of a Dialog.\n *\n * Features:\n * - Displays dialog title with headline typography\n * - Includes close button with proper accessibility\n * - Sticky positioning for long content\n * - Consistent spacing and styling\n * - Automatic focus management\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Dialog.Header>Confirm Delete</Dialog.Header>\n */\n Header: DialogHeader,\n /**\n * DialogFooter component for the footer section of a Dialog.\n *\n * Features:\n * - Container for dialog action buttons\n * - Optional sticky positioning for long content\n * - Consistent spacing and alignment\n * - Right-aligned button layout by default\n * - Flexible content area for custom layouts\n *\n * @example\n * <Dialog.Footer sticky>\n * <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n * <Button appearance=\"primary\">Save</Button>\n * </Dialog.Footer>\n */\n Footer: DialogFooter,\n /**\n * DialogContent component for the main content area of a Dialog.\n *\n * Features:\n * - Main content container for dialog body\n * - Flexible height with overflow handling\n * - Consistent padding and spacing\n * - Responsive design\n * - Proper content scrolling for long content\n *\n * @example\n * <Dialog.Content>\n * <p>This is the main content of the dialog.</p>\n * </Dialog.Content>\n */\n Content: DialogContent,\n /**\n * DialogCancelButton component for cancel/close actions in a Dialog.\n *\n * Features:\n * - Button that automatically closes the dialog when clicked\n * - Extends all Button component props and functionality\n * - Proper accessibility with close dialog semantics\n * - Automatic focus management\n * - Consistent styling with other dialog elements\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Dialog.CancelButton appearance=\"ghost\">Cancel</Dialog.CancelButton>\n */\n CancelButton: DialogCancelButton,\n});\n"],"names":["DialogCancelButton","DialogHeader","Close","DialogFooter","DialogContent","DialogElement","Dialog","CoreDialog","CoreDialogHeader","CoreDialogFooter","CoreDialogContent","CoreDialogCancelButton"],"mappings":"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"}
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-D6zpW-GE.js';
1
+ export { D as Dialog, d as DialogCancelButton, c as DialogContent, b as DialogFooter, a as DialogHeader, D as default } from './Dialog-CBWaZO5U.js';
2
2
  //# sourceMappingURL=Dialog.js.map
@@ -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 { D as DrawerCancelButton$1, a as DrawerFooter$1, b as DrawerHeader$1, c as DrawerContent$1, d as Drawer$1 } from './ProgressBar-Cfi5zZRy-BpESsdh_.js';
5
+ import { D as DrawerCancelButton$1, a as DrawerFooter$1, b as DrawerHeader$1, c as DrawerContent$1, d as Drawer$1 } from './ProgressBar-CZhkKwaS-dlDRDjxo.js';
6
6
 
7
7
  const DrawerElement = forwardRef(
8
8
  (props, ref) => {
@@ -139,4 +139,4 @@ const Drawer = Object.assign(DrawerElement, {
139
139
  });
140
140
 
141
141
  export { Drawer as D, DrawerCancelButton as a, DrawerFooter as b, DrawerHeader as c, DrawerContent as d };
142
- //# sourceMappingURL=Drawer-qb7Q0BAm.js.map
142
+ //# sourceMappingURL=Drawer-Be0tyTMM.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer-qb7Q0BAm.js","sources":["../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import {\n DrawerProps as CoreDrawerProps,\n Drawer as CoreDrawer,\n DrawerCancelButtonProps as CoreDrawerCancelButtonProps,\n DrawerCancelButton as CoreDrawerCancelButton,\n DrawerFooterProps as CoreDrawerFooterProps,\n DrawerFooter as CoreDrawerFooter,\n DrawerHeaderProps as CoreDrawerHeaderProps,\n DrawerHeader as CoreDrawerHeader,\n DrawerContentProps as CoreDrawerContentProps,\n DrawerContent as CoreDrawerContent,\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 Drawer component\n * @property {\"medium\" | \"large\"} [size] - The size of the drawer\n * @property {boolean} [open] - Controls whether the drawer is open or closed\n * @property {() => void} [onClose] - Callback function called after the drawer is animated closed\n * @property {() => void} [onOpen] - Callback function called when the drawer opens (deprecated)\n * @property {(open: boolean) => void} [onOpenChange] - Callback fired when the drawer open state changes (deprecated)\n * @property {boolean} [enableScrollChaining] - Enables scroll chaining behavior\n * @property {boolean} [disableCloseOnEscape] - Whether to disable closing on escape key\n * @property {boolean} [disableCloseOnClickOutside] - Whether to disable closing on click outside\n * @property {() => void} [onOpenAnimationStart] - Callback fired when open animation starts\n * @property {() => void} [onOpenAnimationComplete] - Callback fired when open animation completes\n * @property {() => void} [onCloseAnimationStart] - Callback fired when close animation starts\n * @property {() => void} [onCloseAnimationComplete] - Callback fired when close animation completes\n */\nexport type DrawerProps = CoreDrawerProps;\n\n/**\n * Props for the DrawerCancelButton component\n * @property {string} [appearance] - The visual appearance of the button\n * @property {string} [size] - The size of the button\n * @property {string} [type] - The type of the button\n */\nexport type DrawerCancelButtonProps = CoreDrawerCancelButtonProps &\n DataTrackingId;\n\n/**\n * Props for the DrawerFooter component\n * @property {boolean} [sticky] - When true, the footer will stick to the bottom of the drawer\n */\nexport type DrawerFooterProps = CoreDrawerFooterProps;\n\n/**\n * Props for the DrawerHeader component\n * @property {ReactNode} children - The content to be displayed in the header\n */\nexport type DrawerHeaderProps = CoreDrawerHeaderProps & DataTrackingId;\n\n/**\n * Props for the DrawerContent component\n */\nexport type DrawerContentProps = CoreDrawerContentProps;\n\nconst DrawerElement = forwardRef(\n (props: DrawerProps, ref: Ref<HTMLDialogElement>) => {\n return <CoreDrawer ref={ref} {...props} />;\n },\n);\nDrawerElement.displayName = CoreDrawer.displayName;\n\n/**\n * A button component that automatically closes the drawer when clicked.\n *\n * Features:\n * - Automatically closes the drawer when clicked\n * - Extends Button component functionality\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard button props\n * - Proper focus management\n * - Can be used anywhere within the drawer context\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Drawer.CancelButton appearance=\"ghost\" size=\"small\">\n * Cancel\n * </Drawer.CancelButton>\n */\nexport const DrawerCancelButton = forwardRef(\n (props: DrawerCancelButtonProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n appearance: props.appearance,\n size: props.size,\n type: props.type,\n };\n\n const trackingId = useTrackingId({\n name: \"DrawerCancelButton\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDrawerCancelButton\n ref={ref}\n data-tracking-id={trackingId}\n {...props}\n />\n );\n },\n);\nDrawerCancelButton.displayName = CoreDrawerCancelButton.displayName;\n\n/**\n * Footer component for the drawer that displays action buttons and controls.\n *\n * Features:\n * - Flexible layout for action buttons and controls\n * - Optional sticky positioning at the bottom\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard footer element props\n * - Responsive design that adapts to content\n *\n * @example\n * <Drawer.Footer sticky>\n * <Button onClick={handleSave}>Save</Button>\n * <Drawer.CancelButton>Cancel</Drawer.CancelButton>\n * </Drawer.Footer>\n */\nexport const DrawerFooter = forwardRef(\n (props: DrawerFooterProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDrawerFooter ref={ref} {...props} />;\n },\n);\nDrawerFooter.displayName = CoreDrawerFooter.displayName;\n\n/**\n * Header component for the drawer that displays a title and close button.\n *\n * Features:\n * - Displays the drawer title as a headline\n * - Includes an accessible close button\n * - Sticky positioning at the top of the drawer\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Automatic close functionality\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Drawer.Header>Settings</Drawer.Header>\n */\nexport const DrawerHeader = forwardRef(\n (props: DrawerHeaderProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n children: childrenToString(props.children),\n };\n\n const trackingId = useTrackingId({\n name: \"DrawerHeader\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDrawerHeader ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n);\nDrawerHeader.displayName = CoreDrawerHeader.displayName;\n\n/**\n * Content container for the drawer that holds the main content area.\n *\n * Features:\n * - Flexible content area with proper spacing\n * - Scrollable content when needed\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard div element props\n * - Responsive design that adapts to content\n * - Proper focus management\n *\n * @example\n * <Drawer.Content>\n * <p>This is the main content of the drawer.</p>\n * <p>It can contain any type of content.</p>\n * </Drawer.Content>\n */\nexport const DrawerContent = forwardRef(\n (props: DrawerContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDrawerContent ref={ref} {...props} />;\n },\n);\nDrawerContent.displayName = CoreDrawerContent.displayName;\n\n/**\n * A slide-out drawer component that provides a modal-like experience from the side of the screen.\n *\n * Features:\n * - Slide-in animation from the side of the screen\n * - Keyboard navigation with focus trapping\n * - Escape key and click outside to close\n * - Configurable size variants (medium, large)\n * - Built-in toast support for notifications\n * - Automatic scroll locking when open\n * - Accessible with proper ARIA attributes\n * - Compound component structure with Header, Footer, Content, and CancelButton\n * - Transition state callbacks for animation control\n * - Optional scroll chaining support\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Drawer open={isOpen} onClose={handleClose} size=\"medium\">\n * <Drawer.Header>Settings</Drawer.Header>\n * <Drawer.Content>Drawer content goes here</Drawer.Content>\n * <Drawer.Footer>\n * <Button onClick={handleSave}>Save</Button>\n * <Drawer.CancelButton>Cancel</Drawer.CancelButton>\n * </Drawer.Footer>\n * </Drawer>\n */\nexport const Drawer = Object.assign(DrawerElement, {\n /**\n * Header component for the drawer that displays a title and close button.\n *\n * Features:\n * - Displays the drawer title as a headline\n * - Includes an accessible close button\n * - Sticky positioning at the top of the drawer\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Automatic close functionality\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Drawer.Header>Settings</Drawer.Header>\n */\n Header: DrawerHeader,\n /**\n * Footer component for the drawer that displays action buttons and controls.\n *\n * Features:\n * - Flexible layout for action buttons and controls\n * - Optional sticky positioning at the bottom\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard footer element props\n * - Responsive design that adapts to content\n *\n * @example\n * <Drawer.Footer sticky>\n * <Button onClick={handleSave}>Save</Button>\n * <Drawer.CancelButton>Cancel</Drawer.CancelButton>\n * </Drawer.Footer>\n */\n Footer: DrawerFooter,\n /**\n * Content container for the drawer that holds the main content area.\n *\n * Features:\n * - Flexible content area with proper spacing\n * - Scrollable content when needed\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard div element props\n * - Responsive design that adapts to content\n * - Proper focus management\n *\n * @example\n * <Drawer.Content>\n * <p>This is the main content of the drawer.</p>\n * <p>It can contain any type of content.</p>\n * </Drawer.Content>\n */\n Content: DrawerContent,\n /**\n * A button component that automatically closes the drawer when clicked.\n *\n * Features:\n * - Automatically closes the drawer when clicked\n * - Extends Button component functionality\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard button props\n * - Proper focus management\n * - Can be used anywhere within the drawer context\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Drawer.CancelButton appearance=\"ghost\" size=\"small\">\n * Cancel\n * </Drawer.CancelButton>\n */\n CancelButton: DrawerCancelButton,\n});\n"],"names":["CoreDrawer","CoreDrawerCancelButton","CoreDrawerFooter","CoreDrawerHeader","CoreDrawerContent"],"mappings":"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"}
1
+ {"version":3,"file":"Drawer-Be0tyTMM.js","sources":["../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import {\n DrawerProps as CoreDrawerProps,\n Drawer as CoreDrawer,\n DrawerCancelButtonProps as CoreDrawerCancelButtonProps,\n DrawerCancelButton as CoreDrawerCancelButton,\n DrawerFooterProps as CoreDrawerFooterProps,\n DrawerFooter as CoreDrawerFooter,\n DrawerHeaderProps as CoreDrawerHeaderProps,\n DrawerHeader as CoreDrawerHeader,\n DrawerContentProps as CoreDrawerContentProps,\n DrawerContent as CoreDrawerContent,\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 Drawer component\n * @property {\"medium\" | \"large\"} [size] - The size of the drawer\n * @property {boolean} [open] - Controls whether the drawer is open or closed\n * @property {() => void} [onClose] - Callback function called after the drawer is animated closed\n * @property {() => void} [onOpen] - Callback function called when the drawer opens (deprecated)\n * @property {(open: boolean) => void} [onOpenChange] - Callback fired when the drawer open state changes (deprecated)\n * @property {boolean} [enableScrollChaining] - Enables scroll chaining behavior\n * @property {boolean} [disableCloseOnEscape] - Whether to disable closing on escape key\n * @property {boolean} [disableCloseOnClickOutside] - Whether to disable closing on click outside\n * @property {() => void} [onOpenAnimationStart] - Callback fired when open animation starts\n * @property {() => void} [onOpenAnimationComplete] - Callback fired when open animation completes\n * @property {() => void} [onCloseAnimationStart] - Callback fired when close animation starts\n * @property {() => void} [onCloseAnimationComplete] - Callback fired when close animation completes\n */\nexport type DrawerProps = CoreDrawerProps;\n\n/**\n * Props for the DrawerCancelButton component\n * @property {string} [appearance] - The visual appearance of the button\n * @property {string} [size] - The size of the button\n * @property {string} [type] - The type of the button\n */\nexport type DrawerCancelButtonProps = CoreDrawerCancelButtonProps &\n DataTrackingId;\n\n/**\n * Props for the DrawerFooter component\n * @property {boolean} [sticky] - When true, the footer will stick to the bottom of the drawer\n */\nexport type DrawerFooterProps = CoreDrawerFooterProps;\n\n/**\n * Props for the DrawerHeader component\n * @property {ReactNode} children - The content to be displayed in the header\n */\nexport type DrawerHeaderProps = CoreDrawerHeaderProps & DataTrackingId;\n\n/**\n * Props for the DrawerContent component\n */\nexport type DrawerContentProps = CoreDrawerContentProps;\n\nconst DrawerElement = forwardRef(\n (props: DrawerProps, ref: Ref<HTMLDialogElement>) => {\n return <CoreDrawer ref={ref} {...props} />;\n },\n);\nDrawerElement.displayName = CoreDrawer.displayName;\n\n/**\n * A button component that automatically closes the drawer when clicked.\n *\n * Features:\n * - Automatically closes the drawer when clicked\n * - Extends Button component functionality\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard button props\n * - Proper focus management\n * - Can be used anywhere within the drawer context\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Drawer.CancelButton appearance=\"ghost\" size=\"small\">\n * Cancel\n * </Drawer.CancelButton>\n */\nexport const DrawerCancelButton = forwardRef(\n (props: DrawerCancelButtonProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n appearance: props.appearance,\n size: props.size,\n type: props.type,\n };\n\n const trackingId = useTrackingId({\n name: \"DrawerCancelButton\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDrawerCancelButton\n ref={ref}\n data-tracking-id={trackingId}\n {...props}\n />\n );\n },\n);\nDrawerCancelButton.displayName = CoreDrawerCancelButton.displayName;\n\n/**\n * Footer component for the drawer that displays action buttons and controls.\n *\n * Features:\n * - Flexible layout for action buttons and controls\n * - Optional sticky positioning at the bottom\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard footer element props\n * - Responsive design that adapts to content\n *\n * @example\n * <Drawer.Footer sticky>\n * <Button onClick={handleSave}>Save</Button>\n * <Drawer.CancelButton>Cancel</Drawer.CancelButton>\n * </Drawer.Footer>\n */\nexport const DrawerFooter = forwardRef(\n (props: DrawerFooterProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDrawerFooter ref={ref} {...props} />;\n },\n);\nDrawerFooter.displayName = CoreDrawerFooter.displayName;\n\n/**\n * Header component for the drawer that displays a title and close button.\n *\n * Features:\n * - Displays the drawer title as a headline\n * - Includes an accessible close button\n * - Sticky positioning at the top of the drawer\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Automatic close functionality\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Drawer.Header>Settings</Drawer.Header>\n */\nexport const DrawerHeader = forwardRef(\n (props: DrawerHeaderProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n children: childrenToString(props.children),\n };\n\n const trackingId = useTrackingId({\n name: \"DrawerHeader\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDrawerHeader ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n);\nDrawerHeader.displayName = CoreDrawerHeader.displayName;\n\n/**\n * Content container for the drawer that holds the main content area.\n *\n * Features:\n * - Flexible content area with proper spacing\n * - Scrollable content when needed\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard div element props\n * - Responsive design that adapts to content\n * - Proper focus management\n *\n * @example\n * <Drawer.Content>\n * <p>This is the main content of the drawer.</p>\n * <p>It can contain any type of content.</p>\n * </Drawer.Content>\n */\nexport const DrawerContent = forwardRef(\n (props: DrawerContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDrawerContent ref={ref} {...props} />;\n },\n);\nDrawerContent.displayName = CoreDrawerContent.displayName;\n\n/**\n * A slide-out drawer component that provides a modal-like experience from the side of the screen.\n *\n * Features:\n * - Slide-in animation from the side of the screen\n * - Keyboard navigation with focus trapping\n * - Escape key and click outside to close\n * - Configurable size variants (medium, large)\n * - Built-in toast support for notifications\n * - Automatic scroll locking when open\n * - Accessible with proper ARIA attributes\n * - Compound component structure with Header, Footer, Content, and CancelButton\n * - Transition state callbacks for animation control\n * - Optional scroll chaining support\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Drawer open={isOpen} onClose={handleClose} size=\"medium\">\n * <Drawer.Header>Settings</Drawer.Header>\n * <Drawer.Content>Drawer content goes here</Drawer.Content>\n * <Drawer.Footer>\n * <Button onClick={handleSave}>Save</Button>\n * <Drawer.CancelButton>Cancel</Drawer.CancelButton>\n * </Drawer.Footer>\n * </Drawer>\n */\nexport const Drawer = Object.assign(DrawerElement, {\n /**\n * Header component for the drawer that displays a title and close button.\n *\n * Features:\n * - Displays the drawer title as a headline\n * - Includes an accessible close button\n * - Sticky positioning at the top of the drawer\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Automatic close functionality\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Drawer.Header>Settings</Drawer.Header>\n */\n Header: DrawerHeader,\n /**\n * Footer component for the drawer that displays action buttons and controls.\n *\n * Features:\n * - Flexible layout for action buttons and controls\n * - Optional sticky positioning at the bottom\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard footer element props\n * - Responsive design that adapts to content\n *\n * @example\n * <Drawer.Footer sticky>\n * <Button onClick={handleSave}>Save</Button>\n * <Drawer.CancelButton>Cancel</Drawer.CancelButton>\n * </Drawer.Footer>\n */\n Footer: DrawerFooter,\n /**\n * Content container for the drawer that holds the main content area.\n *\n * Features:\n * - Flexible content area with proper spacing\n * - Scrollable content when needed\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard div element props\n * - Responsive design that adapts to content\n * - Proper focus management\n *\n * @example\n * <Drawer.Content>\n * <p>This is the main content of the drawer.</p>\n * <p>It can contain any type of content.</p>\n * </Drawer.Content>\n */\n Content: DrawerContent,\n /**\n * A button component that automatically closes the drawer when clicked.\n *\n * Features:\n * - Automatically closes the drawer when clicked\n * - Extends Button component functionality\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard button props\n * - Proper focus management\n * - Can be used anywhere within the drawer context\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Drawer.CancelButton appearance=\"ghost\" size=\"small\">\n * Cancel\n * </Drawer.CancelButton>\n */\n CancelButton: DrawerCancelButton,\n});\n"],"names":["CoreDrawer","CoreDrawerCancelButton","CoreDrawerFooter","CoreDrawerHeader","CoreDrawerContent"],"mappings":";;;;;;AA4DA,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;AACA,aAAA,CAAc,cAAcA,QAAW,CAAA,WAAA;AAoBhC,MAAM,kBAAqB,GAAA,UAAA;AAAA,EAChC,CAAC,OAAgC,GAAgC,KAAA;AAC/D,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;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;AACA,kBAAA,CAAmB,cAAcA,oBAAuB,CAAA,WAAA;AAoBjD,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;AACA,YAAA,CAAa,cAAcA,cAAiB,CAAA,WAAA;AAkBrC,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,cAAA;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;AACA,YAAA,CAAa,cAAcA,cAAiB,CAAA,WAAA;AAqBrC,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;AACA,aAAA,CAAc,cAAcA,eAAkB,CAAA,WAAA;AA4BjC,MAAA,MAAA,GAAS,MAAO,CAAA,MAAA,CAAO,aAAe,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBjD,MAAQ,EAAA,YAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBR,MAAQ,EAAA,YAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBR,OAAS,EAAA,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBT,YAAc,EAAA;AAChB,CAAC;;;;"}
package/dist/Drawer.js CHANGED
@@ -1,2 +1,2 @@
1
- export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader, D as default } from './Drawer-qb7Q0BAm.js';
1
+ export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader, D as default } from './Drawer-Be0tyTMM.js';
2
2
  //# sourceMappingURL=Drawer.js.map
@@ -4,11 +4,11 @@ import { c as cx } from './index-tZvMCc77.js';
4
4
  import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
5
5
  import { S as SvgWarning } from './warning-c4Wj1rI4.js';
6
6
 
7
- import './FieldMessage-ChFXWVDb.css';const messages = "_messages_qiebs_1";
7
+ import './FieldMessage-Bobp105T.css';const messages = "_messages_1hr9l_1";
8
8
  const styles = {
9
9
  messages: messages,
10
- "error-container": "_error-container_qiebs_9",
11
- "error-icon": "_error-icon_qiebs_16"
10
+ "error-container": "_error-container_1hr9l_19",
11
+ "error-icon": "_error-icon_1hr9l_26"
12
12
  };
13
13
 
14
14
  const FieldMessage = forwardRef(
@@ -51,4 +51,4 @@ const FieldMessage = forwardRef(
51
51
  FieldMessage.displayName = "FieldMessage";
52
52
 
53
53
  export { FieldMessage as F };
54
- //# sourceMappingURL=FieldMessage-ChFXWVDb-loVSCnCM.js.map
54
+ //# sourceMappingURL=FieldMessage-Bobp105T-DYhStLY4.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FieldMessage-Bobp105T-DYhStLY4.js","sources":["../../hammer-react/dist/FieldMessage-Bobp105T.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 Warning from '@servicetitan/hammer-icon/mdi/round/warning.svg';\n\nimport './FieldMessage.css';const messages = \"_messages_1hr9l_1\";\nconst styles = {\n\tmessages: messages,\n\t\"error-container\": \"_error-container_1hr9l_19\",\n\t\"error-icon\": \"_error-icon_1hr9l_26\"\n};\n\nconst FieldMessage = forwardRef(\n (props, ref) => {\n const {\n id,\n hint,\n description,\n errorAriaLive = \"assertive\",\n errorMessage,\n className,\n ...rest\n } = props;\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n ...rest,\n className: cx(styles[\"messages\"], className),\n ref,\n id,\n children: [\n errorMessage ? /* @__PURE__ */ jsxs(\"div\", { className: styles[\"error-container\"], children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n inherit: true,\n className: styles[\"error-icon\"],\n \"aria-hidden\": true,\n svg: Warning\n }\n ),\n /* @__PURE__ */ jsx(\"span\", { className: styles[\"error-message\"], \"aria-live\": errorAriaLive, children: errorMessage })\n ] }) : hint ?? null,\n description ? /* @__PURE__ */ jsx(\"div\", { className: styles[\"description-container\"], children: description ? /* @__PURE__ */ jsx(\"span\", { children: description }) : null }) : null\n ]\n }\n );\n }\n);\nFieldMessage.displayName = \"FieldMessage\";\n\nexport { FieldMessage as F };\n//# sourceMappingURL=FieldMessage-Bobp105T.js.map\n"],"names":["Warning"],"mappings":";;;;;;AAM4B,MAAM,QAAQ,GAAG,mBAAmB;AAChE,MAAM,MAAM,GAAG;AACf,CAAC,QAAQ,EAAE,QAAQ;AACnB,CAAC,iBAAiB,EAAE,2BAA2B;AAC/C,CAAC,YAAY,EAAE;AACf,CAAC;;AAEI,MAAC,YAAY,GAAG,UAAU;AAC/B,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK;AAClB,IAAI,MAAM;AACV,MAAM,EAAE;AACR,MAAM,IAAI;AACV,MAAM,WAAW;AACjB,MAAM,aAAa,GAAG,WAAW;AACjC,MAAM,YAAY;AAClB,MAAM,SAAS;AACf,MAAM,GAAG;AACT,KAAK,GAAG,KAAK;AACb,IAAI,uBAAuB,IAAI;AAC/B,MAAM,KAAK;AACX,MAAM;AACN,QAAQ,GAAG,IAAI;AACf,QAAQ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC;AACpD,QAAQ,GAAG;AACX,QAAQ,EAAE;AACV,QAAQ,QAAQ,EAAE;AAClB,UAAU,YAAY,mBAAmB,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE;AACvG,4BAA4B,GAAG;AAC/B,cAAc,IAAI;AAClB,cAAc;AACd,gBAAgB,OAAO,EAAE,IAAI;AAC7B,gBAAgB,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC;AAC/C,gBAAgB,aAAa,EAAE,IAAI;AACnC,gBAAgB,GAAG,EAAEA;AACrB;AACA,aAAa;AACb,4BAA4B,GAAG,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE;AAClI,WAAW,EAAE,CAAC,GAAG,IAAI,IAAI,IAAI;AAC7B,UAAU,WAAW,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,EAAE,QAAQ,EAAE,WAAW,mBAAmB,GAAG,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,GAAG;AAC5L;AACA;AACA,KAAK;AACL;AACA;AACA,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
@@ -2,7 +2,17 @@
2
2
 
3
3
  @layer starter, reset, base, state, application;
4
4
 
5
- ._messages_qiebs_1 {
5
+ ._messages_1hr9l_1 {
6
+ all: unset;
7
+ font-family: var(--font-family-base, "Nunito Sans", sans-serif);
8
+ font-size: 100%;
9
+ color: var(--foreground-color, #141414);
10
+ margin: 0;
11
+ padding: 0;
12
+ border-style: none;
13
+ border-width: 0;
14
+ border-color: transparent;
15
+ box-sizing: border-box;
6
16
  display: flex;
7
17
  flex-direction: column;
8
18
  gap: 0.25rem;
@@ -10,13 +20,13 @@
10
20
  font-size: 0.875rem;
11
21
  }
12
22
 
13
- ._error-container_qiebs_9 {
23
+ ._error-container_1hr9l_19 {
14
24
  display: flex;
15
25
  gap: 0.25rem;
16
26
  align-items: flex-start;
17
27
  color: var(--foreground-color-danger, #e13212);
18
28
  }
19
29
 
20
- ._error-icon_qiebs_16 {
30
+ ._error-icon_1hr9l_26 {
21
31
  padding-top: 0.0625rem;
22
32
  }
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
- import { F as FieldMessage$1 } from './FieldMessage-ChFXWVDb-loVSCnCM.js';
3
+ import { F as FieldMessage$1 } from './FieldMessage-Bobp105T-DYhStLY4.js';
4
4
 
5
5
  const FieldMessage = forwardRef(
6
6
  (props, ref) => {
@@ -10,4 +10,4 @@ const FieldMessage = forwardRef(
10
10
  FieldMessage.displayName = FieldMessage$1.displayName;
11
11
 
12
12
  export { FieldMessage as F };
13
- //# sourceMappingURL=FieldMessage-Cg3zcgk5.js.map
13
+ //# sourceMappingURL=FieldMessage-DkJ0K5s-.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FieldMessage-Cg3zcgk5.js","sources":["../src/components/FieldMessage/FieldMessage.tsx"],"sourcesContent":["import {\n FieldMessageProps as CoreFieldMessageProps,\n FieldMessage as CoreFieldMessage,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\n/**\n * Props for the FieldMessage component\n * @property {string} [id] - Unique identifier for the field message container\n * @property {ReactElement | string} [hint] - Hint text or element to display when there's no error\n * @property {ReactElement | string} [description] - Description text or element to display below the main message\n * @property {ReactElement | string} [errorMessage] - Error message or element to display when there's an error\n * @property {string} [errorAriaLive] - aria-live attribute value for the error message. Controls how screen readers announce error messages\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type FieldMessageProps = CoreFieldMessageProps;\n\n/**\n * FieldMessage component for displaying hints, descriptions, and error messages for form fields.\n *\n * Features:\n * - Displays hint text when no error is present\n * - Shows error messages with warning icon when errors occur\n * - Supports both string and React element content\n * - Configurable aria-live behavior for screen readers\n * - Optional description text for additional context\n * - Accessible with proper ARIA attributes\n * - Visual error indicators with warning icons\n * - Conditional rendering based on error state\n * - Supports layout utilities for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <FieldMessage\n * hint=\"Enter your email address\"\n * description=\"We'll use this to send you updates\"\n * errorMessage=\"Please enter a valid email address\"\n * />\n */\nexport const FieldMessage = forwardRef(\n (props: FieldMessageProps, ref: Ref<HTMLDivElement>) => {\n return <CoreFieldMessage ref={ref} {...props} />;\n },\n);\nFieldMessage.displayName = CoreFieldMessage.displayName;\n"],"names":["CoreFieldMessage"],"mappings":";;;;AAuCO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAA6B,KAAA;AACtD,IAAA,uBAAQ,GAAA,CAAAA,cAAA,EAAA,EAAiB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAElD;AACA,YAAA,CAAa,cAAcA,cAAiB,CAAA,WAAA;;;;"}
1
+ {"version":3,"file":"FieldMessage-DkJ0K5s-.js","sources":["../src/components/FieldMessage/FieldMessage.tsx"],"sourcesContent":["import {\n FieldMessageProps as CoreFieldMessageProps,\n FieldMessage as CoreFieldMessage,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\n/**\n * Props for the FieldMessage component\n * @property {string} [id] - Unique identifier for the field message container\n * @property {ReactElement | string} [hint] - Hint text or element to display when there's no error\n * @property {ReactElement | string} [description] - Description text or element to display below the main message\n * @property {ReactElement | string} [errorMessage] - Error message or element to display when there's an error\n * @property {string} [errorAriaLive] - aria-live attribute value for the error message. Controls how screen readers announce error messages\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type FieldMessageProps = CoreFieldMessageProps;\n\n/**\n * FieldMessage component for displaying hints, descriptions, and error messages for form fields.\n *\n * Features:\n * - Displays hint text when no error is present\n * - Shows error messages with warning icon when errors occur\n * - Supports both string and React element content\n * - Configurable aria-live behavior for screen readers\n * - Optional description text for additional context\n * - Accessible with proper ARIA attributes\n * - Visual error indicators with warning icons\n * - Conditional rendering based on error state\n * - Supports layout utilities for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <FieldMessage\n * hint=\"Enter your email address\"\n * description=\"We'll use this to send you updates\"\n * errorMessage=\"Please enter a valid email address\"\n * />\n */\nexport const FieldMessage = forwardRef(\n (props: FieldMessageProps, ref: Ref<HTMLDivElement>) => {\n return <CoreFieldMessage ref={ref} {...props} />;\n },\n);\nFieldMessage.displayName = CoreFieldMessage.displayName;\n"],"names":["CoreFieldMessage"],"mappings":";;;;AAuCO,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAA6B,KAAA;AACtD,IAAA,uBAAQ,GAAA,CAAAA,cAAA,EAAA,EAAiB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAElD;AACA,YAAA,CAAa,cAAcA,cAAiB,CAAA,WAAA;;;;"}
@@ -1,2 +1,2 @@
1
- export { F as FieldMessage, F as default } from './FieldMessage-Cg3zcgk5.js';
1
+ export { F as FieldMessage, F as default } from './FieldMessage-DkJ0K5s-.js';
2
2
  //# sourceMappingURL=FieldMessage.js.map
@@ -1,9 +1,9 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
- import { F as FieldMessage } from './FieldMessage-ChFXWVDb-loVSCnCM.js';
3
+ import { F as FieldMessage } from './FieldMessage-Bobp105T-DYhStLY4.js';
4
4
  import { S as SrOnly } from './SrOnly-BsKDHetF-B93X65F1.js';
5
5
 
6
- import './Helper-C9sHaTrI.css';const helper = "_helper_157uk_1";
6
+ import './Helper-h7k80qls.css';const helper = "_helper_157uk_1";
7
7
  const messages = "_messages_157uk_8";
8
8
  const styles = {
9
9
  helper: helper,
@@ -43,4 +43,4 @@ const Helper = forwardRef((props, ref) => {
43
43
  Helper.displayName = "Helper";
44
44
 
45
45
  export { Helper as H };
46
- //# sourceMappingURL=Helper-C9sHaTrI-C5fAsK6i.js.map
46
+ //# sourceMappingURL=Helper-h7k80qls-DHPFHTvI.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Helper-C9sHaTrI-C5fAsK6i.js","sources":["../../hammer-react/dist/Helper-C9sHaTrI.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { F as FieldMessage } from './FieldMessage-ChFXWVDb.js';\nimport { S as SrOnly } from './SrOnly-BsKDHetF.js';\n\nimport './Helper.css';const helper = \"_helper_157uk_1\";\nconst messages = \"_messages_157uk_8\";\nconst styles = {\n\thelper: helper,\n\tmessages: messages};\n\nconst Helper = forwardRef((props, ref) => {\n const {\n id,\n hint,\n description,\n errorAriaLive = \"assertive\",\n errorMessage,\n maxLength,\n isTyping,\n inputLength = 0,\n showCounter\n } = props;\n return /* @__PURE__ */ jsxs(\"div\", { className: styles[\"helper\"], ref, id, children: [\n /* @__PURE__ */ jsx(\n FieldMessage,\n {\n className: styles[\"messages\"],\n hint,\n description,\n errorAriaLive,\n errorMessage\n }\n ),\n showCounter ? /* @__PURE__ */ jsx(\"div\", { className: styles[\"counter\"], children: /* @__PURE__ */ jsxs(\"span\", { \"aria-hidden\": \"true\", children: [\n inputLength,\n \"/\",\n maxLength\n ] }) }) : null,\n isTyping && !!maxLength ? maxLength - inputLength >= 1 ? /* @__PURE__ */ jsx(SrOnly, { children: /* @__PURE__ */ jsx(\"span\", { \"aria-live\": \"polite\", \"aria-atomic\": \"true\", children: `${maxLength - inputLength} character${maxLength - inputLength !== 1 ? \"s\" : \"\"} left` }) }) : /* @__PURE__ */ jsx(SrOnly, { children: /* @__PURE__ */ jsx(\"span\", { role: \"alert\", children: \"Maximum characters count reached\" }) }) : null\n ] });\n});\nHelper.displayName = \"Helper\";\n\nexport { Helper as H };\n//# sourceMappingURL=Helper-C9sHaTrI.js.map\n"],"names":[],"mappings":";;;;;AAKsB,MAAM,MAAM,GAAG,iBAAiB;AACtD,MAAM,QAAQ,GAAG,mBAAmB;AACpC,MAAM,MAAM,GAAG;AACf,CAAC,MAAM,EAAE,MAAM;AACf,CAAC,QAAQ,EAAE,QAAQ,CAAC;;AAEf,MAAC,MAAM,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAC1C,EAAE,MAAM;AACR,IAAI,EAAE;AACN,IAAI,IAAI;AACR,IAAI,WAAW;AACf,IAAI,aAAa,GAAG,WAAW;AAC/B,IAAI,YAAY;AAChB,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,WAAW,GAAG,CAAC;AACnB,IAAI;AACJ,GAAG,GAAG,KAAK;AACX,EAAE,uBAAuB,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE;AACvF,oBAAoB,GAAG;AACvB,MAAM,YAAY;AAClB,MAAM;AACN,QAAQ,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC;AACrC,QAAQ,IAAI;AACZ,QAAQ,WAAW;AACnB,QAAQ,aAAa;AACrB,QAAQ;AACR;AACA,KAAK;AACL,IAAI,WAAW,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,QAAQ,kBAAkB,IAAI,CAAC,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE;AACvJ,MAAM,WAAW;AACjB,MAAM,GAAG;AACT,MAAM;AACN,KAAK,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI;AAClB,IAAI,QAAQ,IAAI,CAAC,CAAC,SAAS,GAAG,SAAS,GAAG,WAAW,IAAI,CAAC,mBAAmB,GAAG,CAAC,MAAM,EAAE,EAAE,QAAQ,kBAAkB,GAAG,CAAC,MAAM,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC,UAAU,EAAE,SAAS,GAAG,WAAW,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,mBAAmB,GAAG,CAAC,MAAM,EAAE,EAAE,QAAQ,kBAAkB,GAAG,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,kCAAkC,EAAE,CAAC,EAAE,CAAC,GAAG;AACpa,GAAG,EAAE,CAAC;AACN,CAAC;AACD,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
1
+ {"version":3,"file":"Helper-h7k80qls-DHPFHTvI.js","sources":["../../hammer-react/dist/Helper-h7k80qls.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { F as FieldMessage } from './FieldMessage-Bobp105T.js';\nimport { S as SrOnly } from './SrOnly-BsKDHetF.js';\n\nimport './Helper.css';const helper = \"_helper_157uk_1\";\nconst messages = \"_messages_157uk_8\";\nconst styles = {\n\thelper: helper,\n\tmessages: messages};\n\nconst Helper = forwardRef((props, ref) => {\n const {\n id,\n hint,\n description,\n errorAriaLive = \"assertive\",\n errorMessage,\n maxLength,\n isTyping,\n inputLength = 0,\n showCounter\n } = props;\n return /* @__PURE__ */ jsxs(\"div\", { className: styles[\"helper\"], ref, id, children: [\n /* @__PURE__ */ jsx(\n FieldMessage,\n {\n className: styles[\"messages\"],\n hint,\n description,\n errorAriaLive,\n errorMessage\n }\n ),\n showCounter ? /* @__PURE__ */ jsx(\"div\", { className: styles[\"counter\"], children: /* @__PURE__ */ jsxs(\"span\", { \"aria-hidden\": \"true\", children: [\n inputLength,\n \"/\",\n maxLength\n ] }) }) : null,\n isTyping && !!maxLength ? maxLength - inputLength >= 1 ? /* @__PURE__ */ jsx(SrOnly, { children: /* @__PURE__ */ jsx(\"span\", { \"aria-live\": \"polite\", \"aria-atomic\": \"true\", children: `${maxLength - inputLength} character${maxLength - inputLength !== 1 ? \"s\" : \"\"} left` }) }) : /* @__PURE__ */ jsx(SrOnly, { children: /* @__PURE__ */ jsx(\"span\", { role: \"alert\", children: \"Maximum characters count reached\" }) }) : null\n ] });\n});\nHelper.displayName = \"Helper\";\n\nexport { Helper as H };\n//# sourceMappingURL=Helper-h7k80qls.js.map\n"],"names":[],"mappings":";;;;;AAKsB,MAAM,MAAM,GAAG,iBAAiB;AACtD,MAAM,QAAQ,GAAG,mBAAmB;AACpC,MAAM,MAAM,GAAG;AACf,CAAC,MAAM,EAAE,MAAM;AACf,CAAC,QAAQ,EAAE,QAAQ,CAAC;;AAEf,MAAC,MAAM,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAC1C,EAAE,MAAM;AACR,IAAI,EAAE;AACN,IAAI,IAAI;AACR,IAAI,WAAW;AACf,IAAI,aAAa,GAAG,WAAW;AAC/B,IAAI,YAAY;AAChB,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,WAAW,GAAG,CAAC;AACnB,IAAI;AACJ,GAAG,GAAG,KAAK;AACX,EAAE,uBAAuB,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE;AACvF,oBAAoB,GAAG;AACvB,MAAM,YAAY;AAClB,MAAM;AACN,QAAQ,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC;AACrC,QAAQ,IAAI;AACZ,QAAQ,WAAW;AACnB,QAAQ,aAAa;AACrB,QAAQ;AACR;AACA,KAAK;AACL,IAAI,WAAW,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,QAAQ,kBAAkB,IAAI,CAAC,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE;AACvJ,MAAM,WAAW;AACjB,MAAM,GAAG;AACT,MAAM;AACN,KAAK,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI;AAClB,IAAI,QAAQ,IAAI,CAAC,CAAC,SAAS,GAAG,SAAS,GAAG,WAAW,IAAI,CAAC,mBAAmB,GAAG,CAAC,MAAM,EAAE,EAAE,QAAQ,kBAAkB,GAAG,CAAC,MAAM,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC,UAAU,EAAE,SAAS,GAAG,WAAW,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,mBAAmB,GAAG,CAAC,MAAM,EAAE,EAAE,QAAQ,kBAAkB,GAAG,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,kCAAkC,EAAE,CAAC,EAAE,CAAC,GAAG;AACpa,GAAG,EAAE,CAAC;AACN,CAAC;AACD,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
@@ -1,6 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef, useRef, useMemo, isValidElement, cloneElement } from 'react';
3
- import { T as TextField } from './TextField-CGJtMoil-CJqYM83o.js';
3
+ import { T as TextField } from './TextField-C5KbQxoU-CSkSyt7P.js';
4
4
  import { u as useMergeRefs } from './floating-ui.react-BFNinq1w.js';
5
5
  import { u as useOptionallyControlledState } from './useOptionallyControlledState-DAv5LXXh-DAv5LXXh.js';
6
6
 
@@ -228,4 +228,4 @@ function getFirstFilledCharacterIndex(value, mask) {
228
228
  }
229
229
 
230
230
  export { InputMask as I };
231
- //# sourceMappingURL=InputMask-kJ-hlK0O-Ctwa0U7r.js.map
231
+ //# sourceMappingURL=InputMask-CiHg25XE--lofQ4oF.js.map