@servicetitan/anvil2 1.40.3 → 1.42.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 (200) hide show
  1. package/CHANGELOG.md +55 -0
  2. package/dist/{AnvilProvider-Lh8YtV03.js → AnvilProvider-BLYCqIbb.js} +2 -2
  3. package/dist/{AnvilProvider-Lh8YtV03.js.map → AnvilProvider-BLYCqIbb.js.map} +1 -1
  4. package/dist/AnvilProvider.js +1 -1
  5. package/dist/{Avatar-B20IdOEO-Di14brYV.js → Avatar-C7cbRTCt-DCvzmr2C.js} +14 -12
  6. package/dist/Avatar-C7cbRTCt-DCvzmr2C.js.map +1 -0
  7. package/dist/{Avatar-B20IdOEO.css → Avatar-C7cbRTCt.css} +34 -19
  8. package/dist/{Avatar-hNOToS9S.js → Avatar-DREZJN2K.js} +2 -2
  9. package/dist/Avatar-DREZJN2K.js.map +1 -0
  10. package/dist/Avatar.js +1 -1
  11. package/dist/{Breadcrumbs-D_jgwoN3-Dlw-weD8.js → Breadcrumbs-B5bqrZ5D-BqK-Qfh9.js} +3 -3
  12. package/dist/{Breadcrumbs-D_jgwoN3-Dlw-weD8.js.map → Breadcrumbs-B5bqrZ5D-BqK-Qfh9.js.map} +1 -1
  13. package/dist/{Breadcrumbs-C_gan90a.js → Breadcrumbs-De8uoLi8.js} +2 -2
  14. package/dist/{Breadcrumbs-C_gan90a.js.map → Breadcrumbs-De8uoLi8.js.map} +1 -1
  15. package/dist/Breadcrumbs.js +1 -1
  16. package/dist/{Calendar-2q8zRbMK.js → Calendar-Bgpz99F2.js} +2 -2
  17. package/dist/{Calendar-2q8zRbMK.js.map → Calendar-Bgpz99F2.js.map} +1 -1
  18. package/dist/{Calendar-KVYGk3wS-CEptqxjI.js → Calendar-DD5kmVd3-CBGTR11R.js} +7 -5
  19. package/dist/{Calendar-KVYGk3wS-CEptqxjI.js.map → Calendar-DD5kmVd3-CBGTR11R.js.map} +1 -1
  20. package/dist/Calendar.js +1 -1
  21. package/dist/{Checkbox-Qucv_PK8-Bovwdnlj.js → Checkbox-DyHm7Ntt-DYw5QL3l.js} +2 -2
  22. package/dist/{Checkbox-Qucv_PK8-Bovwdnlj.js.map → Checkbox-DyHm7Ntt-DYw5QL3l.js.map} +1 -1
  23. package/dist/{Checkbox-cfgZP7Z2.js → Checkbox-zg8LVvB6.js} +2 -2
  24. package/dist/{Checkbox-cfgZP7Z2.js.map → Checkbox-zg8LVvB6.js.map} +1 -1
  25. package/dist/Checkbox.js +1 -1
  26. package/dist/Chip-DXQiqF8k.js +34 -0
  27. package/dist/Chip-DXQiqF8k.js.map +1 -0
  28. package/dist/{Chip-_daV8CmM-CTke7zH4.js → Chip-MbBEXeAm-DmAcwPRJ.js} +57 -10
  29. package/dist/Chip-MbBEXeAm-DmAcwPRJ.js.map +1 -0
  30. package/dist/{Chip-_daV8CmM.css → Chip-MbBEXeAm.css} +68 -18
  31. package/dist/Chip.js +1 -1
  32. package/dist/{Combobox-3l2SK47T.js → Combobox-D2aSaDkz.js} +7 -7
  33. package/dist/{Combobox-3l2SK47T.js.map → Combobox-D2aSaDkz.js.map} +1 -1
  34. package/dist/Combobox.js +1 -1
  35. package/dist/{DateField-BQFAvS78.js → DateField-D28_sa7P.js} +8 -8
  36. package/dist/{DateField-BQFAvS78.js.map → DateField-D28_sa7P.js.map} +1 -1
  37. package/dist/DateField.js +1 -1
  38. package/dist/{DateFieldRange-CGA5ZTRa.js → DateFieldRange-CgVqJrVg.js} +2 -2
  39. package/dist/DateFieldRange-CgVqJrVg.js.map +1 -0
  40. package/dist/DateFieldRange.js +1 -1
  41. package/dist/{DateFieldSingle-eP5l_TrQ.js → DateFieldSingle-CLoWDlPO.js} +2 -2
  42. package/dist/DateFieldSingle-CLoWDlPO.js.map +1 -0
  43. package/dist/DateFieldSingle.js +1 -1
  44. package/dist/DateFieldYearless-CXlUH0c7.js +22 -0
  45. package/dist/DateFieldYearless-CXlUH0c7.js.map +1 -0
  46. package/dist/{DateFieldRange-BRjBcR4r-CfuSiOfZ.js → DateFieldYearless-M5KDI_hn-akXtkIZA.js} +881 -579
  47. package/dist/DateFieldYearless-M5KDI_hn-akXtkIZA.js.map +1 -0
  48. package/dist/DateFieldYearless.d.ts +2 -0
  49. package/dist/DateFieldYearless.js +2 -0
  50. package/dist/DateFieldYearless.js.map +1 -0
  51. package/dist/{DaysOfTheWeek-Dl31wkmU.js → DaysOfTheWeek-ImBPjEvl.js} +2 -2
  52. package/dist/{DaysOfTheWeek-Dl31wkmU.js.map → DaysOfTheWeek-ImBPjEvl.js.map} +1 -1
  53. package/dist/DaysOfTheWeek.js +1 -1
  54. package/dist/{Dialog-CJZEBa5r.js → Dialog-BR6f-XRH.js} +10 -6
  55. package/dist/Dialog-BR6f-XRH.js.map +1 -0
  56. package/dist/Dialog.js +1 -1
  57. package/dist/{Drawer-Cj3nJc4k.js → Drawer-0ayAWgAA.js} +2 -2
  58. package/dist/{Drawer-Cj3nJc4k.js.map → Drawer-0ayAWgAA.js.map} +1 -1
  59. package/dist/Drawer.js +1 -1
  60. package/dist/{EditCard-C0hD1VPA.js → EditCard-B_n1uFkv.js} +2 -2
  61. package/dist/{EditCard-C0hD1VPA.js.map → EditCard-B_n1uFkv.js.map} +1 -1
  62. package/dist/EditCard.js +1 -1
  63. package/dist/FieldLabel-DWl5qsRY.js +13 -0
  64. package/dist/FieldLabel-DWl5qsRY.js.map +1 -0
  65. package/dist/FieldLabel.d.ts +6 -0
  66. package/dist/FieldLabel.js +2 -0
  67. package/dist/FieldLabel.js.map +1 -0
  68. package/dist/{HammerProvider-CYP98rq3-Dd9GVIyP.js → HammerProvider-vt3DkcCZ-06BeBrPu.js} +2 -2
  69. package/dist/{HammerProvider-CYP98rq3-Dd9GVIyP.js.map → HammerProvider-vt3DkcCZ-06BeBrPu.js.map} +1 -1
  70. package/dist/{InputMask-Hn-xudp1-BKhtZ7Zk.js → InputMask-CE3pdXwL-B8XVrj36.js} +2 -2
  71. package/dist/{InputMask-Hn-xudp1-BKhtZ7Zk.js.map → InputMask-CE3pdXwL-B8XVrj36.js.map} +1 -1
  72. package/dist/{InputMask-BdLGTTAk.js → InputMask-wUro4G2j.js} +2 -2
  73. package/dist/{InputMask-BdLGTTAk.js.map → InputMask-wUro4G2j.js.map} +1 -1
  74. package/dist/InputMask.js +1 -1
  75. package/dist/{ListView-_YFTewqc.js → ListView-DdHpJHTc.js} +3 -3
  76. package/dist/{ListView-_YFTewqc.js.map → ListView-DdHpJHTc.js.map} +1 -1
  77. package/dist/ListView.js +1 -1
  78. package/dist/{Listbox-BvJLSAVO-Br5k6fmq.js → Listbox-B-WUuj-_-BWWeWtLW.js} +2 -2
  79. package/dist/{Listbox-BvJLSAVO-Br5k6fmq.js.map → Listbox-B-WUuj-_-BWWeWtLW.js.map} +1 -1
  80. package/dist/{Listbox-dVARiucB.js → Listbox-Di6OS1Fk.js} +2 -2
  81. package/dist/{Listbox-dVARiucB.js.map → Listbox-Di6OS1Fk.js.map} +1 -1
  82. package/dist/Listbox.js +1 -1
  83. package/dist/{Menu-1EwVMNIw.js → Menu-DHCOMJx2.js} +2 -2
  84. package/dist/{Menu-1EwVMNIw.js.map → Menu-DHCOMJx2.js.map} +1 -1
  85. package/dist/{Menu-CffX1bPZ-BeEOvryY.js → Menu-TtVJnSrA-yBYichuJ.js} +6 -9
  86. package/dist/Menu-TtVJnSrA-yBYichuJ.js.map +1 -0
  87. package/dist/Menu.js +1 -1
  88. package/dist/{Page-BikjTlTM.js → Page-KN0DLtcf.js} +8 -8
  89. package/dist/{Page-BikjTlTM.js.map → Page-KN0DLtcf.js.map} +1 -1
  90. package/dist/Page.js +1 -1
  91. package/dist/Pagination.js +2 -2
  92. package/dist/Pagination.js.map +1 -1
  93. package/dist/{Popover-rB4BVx-A.js → Popover-B1HaUjGI.js} +2 -2
  94. package/dist/{Popover-rB4BVx-A.js.map → Popover-B1HaUjGI.js.map} +1 -1
  95. package/dist/{Popover-jcmNuir0-DjlCqU1z.js → Popover-CU2cGVD8-FWJOuFRj.js} +78 -15
  96. package/dist/Popover-CU2cGVD8-FWJOuFRj.js.map +1 -0
  97. package/dist/Popover.js +1 -1
  98. package/dist/{ProgressBar-CzXzPpIX-Clg1J71o.js → ProgressBar-BRvB-bD4-DppwBrFg.js} +52 -18
  99. package/dist/ProgressBar-BRvB-bD4-DppwBrFg.js.map +1 -0
  100. package/dist/{ProgressBar-BL34rg_J.js → ProgressBar-lPKNTz6i.js} +2 -2
  101. package/dist/{ProgressBar-BL34rg_J.js.map → ProgressBar-lPKNTz6i.js.map} +1 -1
  102. package/dist/ProgressBar.js +1 -1
  103. package/dist/{Radio-BnOSIK1U-1MmGQFPi.js → Radio-DQ_VQFGZ-SdFBlDnE.js} +3 -3
  104. package/dist/{Radio-BnOSIK1U-1MmGQFPi.js.map → Radio-DQ_VQFGZ-SdFBlDnE.js.map} +1 -1
  105. package/dist/{Radio-BzZUxQa6.js → Radio-DnOuBPi_.js} +2 -2
  106. package/dist/{Radio-BzZUxQa6.js.map → Radio-DnOuBPi_.js.map} +1 -1
  107. package/dist/Radio.js +1 -1
  108. package/dist/{SelectCard-ynL5QcZD-BtBzMtyR.js → SelectCard-DUNwYa5y-BSi21Aba.js} +4 -4
  109. package/dist/{SelectCard-ynL5QcZD-BtBzMtyR.js.map → SelectCard-DUNwYa5y-BSi21Aba.js.map} +1 -1
  110. package/dist/SelectCard.js +1 -1
  111. package/dist/{SelectCardGroup-D6GuJJB2.js → SelectCardGroup-YGYiBv5M.js} +2 -2
  112. package/dist/{SelectCardGroup-D6GuJJB2.js.map → SelectCardGroup-YGYiBv5M.js.map} +1 -1
  113. package/dist/{SelectTrigger-Bo2VPAD0.js → SelectTrigger-Cg-rlFKY.js} +3 -3
  114. package/dist/{SelectTrigger-Bo2VPAD0.js.map → SelectTrigger-Cg-rlFKY.js.map} +1 -1
  115. package/dist/SelectTrigger.js +1 -1
  116. package/dist/{SelectTriggerBase-BGHwx0mN-B3HiW5tQ.js → SelectTriggerBase-C0fhFfuj-DfR6h1Lq.js} +4 -4
  117. package/dist/{SelectTriggerBase-BGHwx0mN-B3HiW5tQ.js.map → SelectTriggerBase-C0fhFfuj-DfR6h1Lq.js.map} +1 -1
  118. package/dist/{SideNav-DEoGpeqJ.js → SideNav-Bh_pVeEw.js} +11 -11
  119. package/dist/{SideNav-DEoGpeqJ.js.map → SideNav-Bh_pVeEw.js.map} +1 -1
  120. package/dist/SideNav.css +70 -52
  121. package/dist/SideNav.js +1 -1
  122. package/dist/{Text-B91g6xKn.js → Text-35Ve4Uq0.js} +2 -2
  123. package/dist/{Text-B91g6xKn.js.map → Text-35Ve4Uq0.js.map} +1 -1
  124. package/dist/{Text-DCvcLCvf-DlmnnjTR.js → Text-CED_yrId-DsRYZw2-.js} +10 -10
  125. package/dist/{Text-DCvcLCvf-DlmnnjTR.js.map → Text-CED_yrId-DsRYZw2-.js.map} +1 -1
  126. package/dist/{Text-DCvcLCvf.css → Text-CED_yrId.css} +35 -17
  127. package/dist/Text.js +1 -1
  128. package/dist/{TextField-BIeCvDD--C7yp05g5.js → TextField-CRTh0gL_-D2CjcYXX.js} +6 -3
  129. package/dist/TextField-CRTh0gL_-D2CjcYXX.js.map +1 -0
  130. package/dist/{TextField-COXABNrR.js → TextField-gYAqTpcX.js} +2 -2
  131. package/dist/{TextField-COXABNrR.js.map → TextField-gYAqTpcX.js.map} +1 -1
  132. package/dist/TextField.js +1 -1
  133. package/dist/{Textarea-D6K3Jc5_.js → Textarea-DohNOiIp.js} +24 -11
  134. package/dist/Textarea-DohNOiIp.js.map +1 -0
  135. package/dist/Textarea.js +1 -1
  136. package/dist/{ThemeProvider-BKave7Ha.js → ThemeProvider-DwJqkbiU.js} +2 -2
  137. package/dist/{ThemeProvider-BKave7Ha.js.map → ThemeProvider-DwJqkbiU.js.map} +1 -1
  138. package/dist/{ThemeProvider-CR67FJg0-DYVRlJRA.js → ThemeProvider-Q3ji6Rpx-DBXlAuQ8.js} +5 -5
  139. package/dist/{ThemeProvider-CR67FJg0-DYVRlJRA.js.map → ThemeProvider-Q3ji6Rpx-DBXlAuQ8.js.map} +1 -1
  140. package/dist/{ThemeProvider-CR67FJg0.css → ThemeProvider-Q3ji6Rpx.css} +106 -4
  141. package/dist/ThemeProvider.js +1 -1
  142. package/dist/Toast.js +1 -1
  143. package/dist/{Toolbar-CLsgDAKk.js → Toolbar-BznMJKGJ.js} +4 -4
  144. package/dist/{Toolbar-CLsgDAKk.js.map → Toolbar-BznMJKGJ.js.map} +1 -1
  145. package/dist/Toolbar.js +1 -1
  146. package/dist/{Tooltip-B_swJyoW.js → Tooltip-C2HQDvYj.js} +2 -2
  147. package/dist/{Tooltip-B_swJyoW.js.map → Tooltip-C2HQDvYj.js.map} +1 -1
  148. package/dist/Tooltip.js +1 -1
  149. package/dist/assets/icons/st/fixed.svg +1 -0
  150. package/dist/assets/icons/st/full_fluid.svg +1 -0
  151. package/dist/assets/icons/st/installed_equipment.svg +1 -0
  152. package/dist/assets/icons/st/unpin.svg +1 -0
  153. package/dist/assets/icons/st.ts +4 -0
  154. package/dist/components/Avatar/Avatar.d.ts +7 -2
  155. package/dist/components/Chip/Chip.d.ts +12 -10
  156. package/dist/components/DateField/DateField.d.ts +1 -0
  157. package/dist/components/DateFieldRange/DateFieldRange.d.ts +4 -1
  158. package/dist/components/DateFieldRange/index.d.ts +1 -2
  159. package/dist/components/DateFieldSingle/DateFieldSingle.d.ts +3 -1
  160. package/dist/components/DateFieldSingle/index.d.ts +1 -2
  161. package/dist/components/DateFieldYearless/DateFieldYearless.d.ts +62 -0
  162. package/dist/components/DateFieldYearless/index.d.ts +1 -0
  163. package/dist/components/Dialog/Dialog.d.ts +1 -1
  164. package/dist/components/Drawer/Drawer.d.ts +1 -1
  165. package/dist/components/FieldLabel/FieldLabel.d.ts +8 -0
  166. package/dist/components/FieldLabel/index.d.ts +2 -0
  167. package/dist/components/index.d.ts +2 -0
  168. package/dist/index.js +34 -32
  169. package/dist/index.js.map +1 -1
  170. package/dist/{toast-CJSBieY0.js → toast-BhV_Ask2.js} +2 -2
  171. package/dist/{toast-CJSBieY0.js.map → toast-BhV_Ask2.js.map} +1 -1
  172. package/dist/token/core/raw.js +85 -0
  173. package/dist/token/core/semantic-variables.scss +102 -0
  174. package/dist/token/core/semantic.js +357 -0
  175. package/dist/token/core/semantic.scss +51 -0
  176. package/dist/token.js +408 -0
  177. package/dist/token.js.map +1 -1
  178. package/package.json +3 -3
  179. package/dist/Avatar-B20IdOEO-Di14brYV.js.map +0 -1
  180. package/dist/Avatar-hNOToS9S.js.map +0 -1
  181. package/dist/Chip-BlLavyIK.js +0 -24
  182. package/dist/Chip-BlLavyIK.js.map +0 -1
  183. package/dist/Chip-_daV8CmM-CTke7zH4.js.map +0 -1
  184. package/dist/DateFieldRange-BRjBcR4r-CfuSiOfZ.js.map +0 -1
  185. package/dist/DateFieldRange-CGA5ZTRa.js.map +0 -1
  186. package/dist/DateFieldSingle-eP5l_TrQ.js.map +0 -1
  187. package/dist/Dialog-CJZEBa5r.js.map +0 -1
  188. package/dist/Menu-CffX1bPZ-BeEOvryY.js.map +0 -1
  189. package/dist/Popover-jcmNuir0-DjlCqU1z.js.map +0 -1
  190. package/dist/ProgressBar-CzXzPpIX-Clg1J71o.js.map +0 -1
  191. package/dist/TextField-BIeCvDD--C7yp05g5.js.map +0 -1
  192. package/dist/Textarea-D6K3Jc5_.js.map +0 -1
  193. /package/dist/{Breadcrumbs-D_jgwoN3.css → Breadcrumbs-B5bqrZ5D.css} +0 -0
  194. /package/dist/{Calendar-KVYGk3wS.css → Calendar-DD5kmVd3.css} +0 -0
  195. /package/dist/{Menu-CffX1bPZ.css → Menu-TtVJnSrA.css} +0 -0
  196. /package/dist/{Popover-jcmNuir0.css → Popover-CU2cGVD8.css} +0 -0
  197. /package/dist/{ProgressBar-CzXzPpIX.css → ProgressBar-BRvB-bD4.css} +0 -0
  198. /package/dist/{Radio-BnOSIK1U.css → Radio-DQ_VQFGZ.css} +0 -0
  199. /package/dist/{SelectCard-ynL5QcZD.css → SelectCard-DUNwYa5y.css} +0 -0
  200. /package/dist/{SelectTriggerBase-BGHwx0mN.css → SelectTriggerBase-C0fhFfuj.css} +0 -0
package/dist/Calendar.js CHANGED
@@ -1,2 +1,2 @@
1
- export { C as Calendar, b as CalendarMonth, e as CalendarMonthButton, c as CalendarNext, a as CalendarNow, d as CalendarPrev, f as CalendarYearButton, C as default } from './Calendar-2q8zRbMK.js';
1
+ export { C as Calendar, b as CalendarMonth, e as CalendarMonthButton, c as CalendarNext, a as CalendarNow, d as CalendarPrev, f as CalendarYearButton, C as default } from './Calendar-Bgpz99F2.js';
2
2
  //# sourceMappingURL=Calendar.js.map
@@ -3,7 +3,7 @@ import { forwardRef, useState, useId } from 'react';
3
3
  import { c as cx } from './index-tZvMCc77.js';
4
4
  import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
5
5
  import { c as checkboxStyles, S as SvgIndeterminateCheckBox, a as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './Checkbox.module-DZ58p15b-BUsQC1lW.js';
6
- import { L as Label } from './ProgressBar-CzXzPpIX-Clg1J71o.js';
6
+ import { L as Label } from './ProgressBar-BRvB-bD4-DppwBrFg.js';
7
7
  import { S as SrOnly } from './SrOnly-BsKDHetF-B93X65F1.js';
8
8
  import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
9
9
  import { H as Helper } from './Helper-h7k80qls-DHPFHTvI.js';
@@ -210,4 +210,4 @@ const Checkbox = Object.assign(CheckboxElement, {
210
210
  });
211
211
 
212
212
  export { CheckboxGroup as C, Checkbox as a };
213
- //# sourceMappingURL=Checkbox-Qucv_PK8-Bovwdnlj.js.map
213
+ //# sourceMappingURL=Checkbox-DyHm7Ntt-DYw5QL3l.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox-Qucv_PK8-Bovwdnlj.js","sources":["../../hammer-react/dist/Checkbox-Qucv_PK8.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useState, useId } from 'react';\nimport cx from 'classnames';\nimport { I as Icon } from './Icon-B6HmlQiR.js';\nimport CheckboxOutline from '@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg';\nimport CheckboxChecked from '@servicetitan/hammer-icon/mdi/round/check_box.svg';\nimport CheckboxIndeterminate from '@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg';\nimport { c as checkboxStyles } from './Checkbox.module-DZ58p15b.js';\nimport { L as Label } from './ProgressBar-CzXzPpIX.js';\nimport { S as SrOnly } from './SrOnly-BsKDHetF.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\nimport { H as Helper } from './Helper-h7k80qls.js';\n\nconst CheckboxGroup = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n children,\n legend,\n moreInfo,\n onBlur,\n onFocus,\n required,\n style,\n ...rest\n } = componentProps;\n const checkboxGroupClassNames = cx(checkboxStyles[\"checkbox-group\"], className);\n const [openInfo, setOpenInfo] = useState(false);\n const styleCombined = {\n ...style,\n ...layoutStyles,\n alignItems: layoutStyles?.alignItems ?? (layoutStyles?.flexDirection === \"row\" ? \"flex-start\" : void 0)\n };\n const focusHandler = (e) => {\n onFocus?.(e);\n setOpenInfo(true);\n };\n const blurHandler = (e) => {\n onBlur?.(e);\n setOpenInfo(false);\n };\n const labelClassNames = cx(checkboxStyles[\"label\"], {\n [checkboxStyles[\"direction-row\"]]: layoutStyles?.flexDirection === \"row\"\n });\n return /* @__PURE__ */ jsxs(\n \"fieldset\",\n {\n role: \"group\",\n \"data-anv\": \"checkbox-group\",\n className: checkboxGroupClassNames,\n ref,\n style: styleCombined,\n onFocus: focusHandler,\n onBlur: blurHandler,\n ...rest,\n children: [\n /* @__PURE__ */ jsxs(\"legend\", { className: checkboxStyles[\"legend\"], children: [\n legend,\n required && \", required\",\n moreInfo && /* @__PURE__ */ jsx(SrOnly, { children: moreInfo })\n ] }),\n /* @__PURE__ */ jsx(\n Label,\n {\n \"aria-hidden\": true,\n moreInfo,\n required,\n openMoreInfo: openInfo,\n className: labelClassNames,\n children: legend\n }\n ),\n /* @__PURE__ */ jsx(\n \"div\",\n {\n className: checkboxStyles[\"children\"],\n style: {\n flexDirection: layoutStyles?.flexDirection,\n gap: layoutStyles?.gap\n },\n children\n }\n )\n ]\n }\n );\n});\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst CheckboxElement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n indeterminate,\n onChange,\n onClick,\n value,\n className,\n disabled,\n error,\n icons,\n checked: checkedProp,\n defaultChecked,\n label,\n style,\n required,\n description,\n hideCheckbox = false,\n ...rest\n } = componentProps;\n const {\n checked: checkedIcon = CheckboxChecked,\n indeterminate: indeterminateIcon = CheckboxIndeterminate,\n unchecked: uncheckedIcon = CheckboxOutline\n } = { ...icons };\n const isControlled = typeof checkedProp !== \"undefined\";\n const onChangeHandler = (e) => {\n onChange?.(e, { value, checked: checkedProp ?? e.target.checked });\n };\n const onClickHandler = (e) => {\n onClick?.(e, {\n value,\n checked: checkedProp ?? e.target.checked\n });\n };\n const helperUid = useId();\n const wrapperClassNames = cx(\n checkboxStyles[\"wrapper\"],\n { [checkboxStyles[\"focus\"]]: hideCheckbox },\n className\n );\n const checkboxClassNames = cx(checkboxStyles[\"checkbox\"], {\n [checkboxStyles[\"error\"]]: error\n });\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n className: wrapperClassNames,\n style: styleCombined,\n \"data-anv\": \"checkbox\",\n children: [\n /* @__PURE__ */ jsxs(\"label\", { className: checkboxClassNames, children: [\n /* @__PURE__ */ jsx(\n \"input\",\n {\n type: \"checkbox\",\n disabled,\n value,\n onChange: onChangeHandler,\n onClick: onClickHandler,\n \"aria-checked\": indeterminate ? \"mixed\" : checkedProp ?? defaultChecked,\n checked: isControlled ? checkedProp : void 0,\n defaultChecked,\n \"aria-invalid\": error,\n \"aria-describedby\": description ? helperUid : void 0,\n ref,\n ...rest\n }\n ),\n /* @__PURE__ */ jsxs(\n \"span\",\n {\n className: cx(checkboxStyles[\"icon-wrapper\"], {\n [checkboxStyles[\"sr-only\"]]: hideCheckbox\n }),\n \"aria-hidden\": true,\n children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: indeterminateIcon,\n className: checkboxStyles[\"icon-indeterminate\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: checkedIcon,\n className: checkboxStyles[\"icon-checked\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: uncheckedIcon,\n className: checkboxStyles[\"icon-unchecked\"]\n }\n )\n ]\n }\n ),\n /* @__PURE__ */ jsxs(\"span\", { className: cx({ [checkboxStyles[\"focus-label\"]]: hideCheckbox }), children: [\n label,\n required && /* @__PURE__ */ jsx(\"span\", { \"aria-hidden\": true, className: checkboxStyles[\"required-asterisk\"], children: \"*\" })\n ] })\n ] }),\n description ? /* @__PURE__ */ jsx(\"div\", { className: checkboxStyles[\"helper-wrapper\"], children: /* @__PURE__ */ jsx(Helper, { id: helperUid, description }) }) : null\n ]\n }\n );\n }\n);\nCheckboxElement.displayName = \"Checkbox\";\nconst Checkbox = Object.assign(CheckboxElement, {\n Group: CheckboxGroup\n});\n\nexport { Checkbox as C, CheckboxGroup as a };\n//# sourceMappingURL=Checkbox-Qucv_PK8.js.map\n"],"names":["CheckboxChecked","CheckboxIndeterminate","CheckboxOutline"],"mappings":"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"}
1
+ {"version":3,"file":"Checkbox-DyHm7Ntt-DYw5QL3l.js","sources":["../../hammer-react/dist/Checkbox-DyHm7Ntt.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useState, useId } from 'react';\nimport cx from 'classnames';\nimport { I as Icon } from './Icon-B6HmlQiR.js';\nimport CheckboxOutline from '@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg';\nimport CheckboxChecked from '@servicetitan/hammer-icon/mdi/round/check_box.svg';\nimport CheckboxIndeterminate from '@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg';\nimport { c as checkboxStyles } from './Checkbox.module-DZ58p15b.js';\nimport { L as Label } from './ProgressBar-BRvB-bD4.js';\nimport { S as SrOnly } from './SrOnly-BsKDHetF.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\nimport { H as Helper } from './Helper-h7k80qls.js';\n\nconst CheckboxGroup = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n children,\n legend,\n moreInfo,\n onBlur,\n onFocus,\n required,\n style,\n ...rest\n } = componentProps;\n const checkboxGroupClassNames = cx(checkboxStyles[\"checkbox-group\"], className);\n const [openInfo, setOpenInfo] = useState(false);\n const styleCombined = {\n ...style,\n ...layoutStyles,\n alignItems: layoutStyles?.alignItems ?? (layoutStyles?.flexDirection === \"row\" ? \"flex-start\" : void 0)\n };\n const focusHandler = (e) => {\n onFocus?.(e);\n setOpenInfo(true);\n };\n const blurHandler = (e) => {\n onBlur?.(e);\n setOpenInfo(false);\n };\n const labelClassNames = cx(checkboxStyles[\"label\"], {\n [checkboxStyles[\"direction-row\"]]: layoutStyles?.flexDirection === \"row\"\n });\n return /* @__PURE__ */ jsxs(\n \"fieldset\",\n {\n role: \"group\",\n \"data-anv\": \"checkbox-group\",\n className: checkboxGroupClassNames,\n ref,\n style: styleCombined,\n onFocus: focusHandler,\n onBlur: blurHandler,\n ...rest,\n children: [\n /* @__PURE__ */ jsxs(\"legend\", { className: checkboxStyles[\"legend\"], children: [\n legend,\n required && \", required\",\n moreInfo && /* @__PURE__ */ jsx(SrOnly, { children: moreInfo })\n ] }),\n /* @__PURE__ */ jsx(\n Label,\n {\n \"aria-hidden\": true,\n moreInfo,\n required,\n openMoreInfo: openInfo,\n className: labelClassNames,\n children: legend\n }\n ),\n /* @__PURE__ */ jsx(\n \"div\",\n {\n className: checkboxStyles[\"children\"],\n style: {\n flexDirection: layoutStyles?.flexDirection,\n gap: layoutStyles?.gap\n },\n children\n }\n )\n ]\n }\n );\n});\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst CheckboxElement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n indeterminate,\n onChange,\n onClick,\n value,\n className,\n disabled,\n error,\n icons,\n checked: checkedProp,\n defaultChecked,\n label,\n style,\n required,\n description,\n hideCheckbox = false,\n ...rest\n } = componentProps;\n const {\n checked: checkedIcon = CheckboxChecked,\n indeterminate: indeterminateIcon = CheckboxIndeterminate,\n unchecked: uncheckedIcon = CheckboxOutline\n } = { ...icons };\n const isControlled = typeof checkedProp !== \"undefined\";\n const onChangeHandler = (e) => {\n onChange?.(e, { value, checked: checkedProp ?? e.target.checked });\n };\n const onClickHandler = (e) => {\n onClick?.(e, {\n value,\n checked: checkedProp ?? e.target.checked\n });\n };\n const helperUid = useId();\n const wrapperClassNames = cx(\n checkboxStyles[\"wrapper\"],\n { [checkboxStyles[\"focus\"]]: hideCheckbox },\n className\n );\n const checkboxClassNames = cx(checkboxStyles[\"checkbox\"], {\n [checkboxStyles[\"error\"]]: error\n });\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n className: wrapperClassNames,\n style: styleCombined,\n \"data-anv\": \"checkbox\",\n children: [\n /* @__PURE__ */ jsxs(\"label\", { className: checkboxClassNames, children: [\n /* @__PURE__ */ jsx(\n \"input\",\n {\n type: \"checkbox\",\n disabled,\n value,\n onChange: onChangeHandler,\n onClick: onClickHandler,\n \"aria-checked\": indeterminate ? \"mixed\" : checkedProp ?? defaultChecked,\n checked: isControlled ? checkedProp : void 0,\n defaultChecked,\n \"aria-invalid\": error,\n \"aria-describedby\": description ? helperUid : void 0,\n ref,\n ...rest\n }\n ),\n /* @__PURE__ */ jsxs(\n \"span\",\n {\n className: cx(checkboxStyles[\"icon-wrapper\"], {\n [checkboxStyles[\"sr-only\"]]: hideCheckbox\n }),\n \"aria-hidden\": true,\n children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: indeterminateIcon,\n className: checkboxStyles[\"icon-indeterminate\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: checkedIcon,\n className: checkboxStyles[\"icon-checked\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: uncheckedIcon,\n className: checkboxStyles[\"icon-unchecked\"]\n }\n )\n ]\n }\n ),\n /* @__PURE__ */ jsxs(\"span\", { className: cx({ [checkboxStyles[\"focus-label\"]]: hideCheckbox }), children: [\n label,\n required && /* @__PURE__ */ jsx(\"span\", { \"aria-hidden\": true, className: checkboxStyles[\"required-asterisk\"], children: \"*\" })\n ] })\n ] }),\n description ? /* @__PURE__ */ jsx(\"div\", { className: checkboxStyles[\"helper-wrapper\"], children: /* @__PURE__ */ jsx(Helper, { id: helperUid, description }) }) : null\n ]\n }\n );\n }\n);\nCheckboxElement.displayName = \"Checkbox\";\nconst Checkbox = Object.assign(CheckboxElement, {\n Group: CheckboxGroup\n});\n\nexport { Checkbox as C, CheckboxGroup as a };\n//# sourceMappingURL=Checkbox-DyHm7Ntt.js.map\n"],"names":["CheckboxChecked","CheckboxIndeterminate","CheckboxOutline"],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
3
  import { useTrackingId } from './useTrackingId.js';
4
- import { C as CheckboxGroup$1, a as Checkbox$1 } from './Checkbox-Qucv_PK8-Bovwdnlj.js';
4
+ import { C as CheckboxGroup$1, a as Checkbox$1 } from './Checkbox-DyHm7Ntt-DYw5QL3l.js';
5
5
  import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
6
6
 
7
7
  const CheckboxElement = forwardRef(
@@ -53,4 +53,4 @@ const Checkbox = Object.assign(CheckboxElement, {
53
53
  });
54
54
 
55
55
  export { Checkbox as C, CheckboxGroup as a };
56
- //# sourceMappingURL=Checkbox-cfgZP7Z2.js.map
56
+ //# sourceMappingURL=Checkbox-zg8LVvB6.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox-cfgZP7Z2.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n CheckboxProps as CoreCheckboxProps,\n Checkbox as CoreCheckbox,\n CheckboxGroup as CoreCheckboxGroup,\n CheckboxGroupProps as CoreCheckboxGroupProps,\n childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { forwardRef, Ref } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\n/**\n * Props for the Checkbox component\n * @property {boolean} [checked] - Controlled state\n * @property {boolean} [defaultChecked] - Uncontrolled state\n * @property {boolean} [indeterminate] - Indeterminate state of the checkbox\n * @property {boolean} [error] - Error state for the checkbox\n * @property {string | ReactElement} [label] - Label for checkbox\n * @property {string} [description] - Helper text description\n * @property {Object} [icons] - Icon overrides for different states\n * @property {(e?: ChangeEvent<HTMLInputElement>, state?: CheckboxState) => void} [onChange] - Change callback\n * @property {(e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void} [onClick] - Click callback\n * @extends Omit<CoreCheckboxProps, \"hideCheckbox\">\n * @extends DataTrackingId\n */\nexport type CheckboxProps = Omit<CoreCheckboxProps, \"hideCheckbox\"> &\n DataTrackingId;\n\nexport type CheckboxGroupProps = CoreCheckboxGroupProps;\n\nconst CheckboxElement = forwardRef(\n (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\n const data = {\n label: childrenToString(props.label),\n ariaLabel: props[\"aria-label\"],\n ariaLabelledBy: props[\"aria-labelledby\"],\n value: props.value,\n };\n\n const trackingId = useTrackingId({\n name: \"Checkbox\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />;\n },\n);\nCheckboxElement.displayName = CoreCheckbox.displayName;\n\n/**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n * <Checkbox label=\"Technology\" />\n * <Checkbox label=\"Sports\" />\n * <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\nexport const CheckboxGroup = forwardRef(\n (props: CheckboxGroupProps, ref: Ref<HTMLFieldSetElement>) => {\n return <CoreCheckboxGroup ref={ref} {...props} />;\n },\n);\nCheckboxGroup.displayName = CoreCheckboxGroup.displayName;\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Checkbox\n * label=\"Accept terms and conditions\"\n * onChange={(e, state) => console.log('Checked:', state.checked)}\n * required\n * />\n */\nexport const Checkbox = Object.assign(CheckboxElement, {\n /**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n * <Checkbox label=\"Technology\" />\n * <Checkbox label=\"Sports\" />\n * <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\n Group: CheckboxGroup,\n});\n"],"names":["CoreCheckbox","CoreCheckboxGroup"],"mappings":";;;;;;AA8BA,MAAM,eAAkB,GAAA,UAAA;AAAA,EACtB,CAAC,OAAsB,GAA+B,KAAA;AACpD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,KAAA,EAAO,gBAAiB,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,MAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,MACvC,OAAO,KAAM,CAAA;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,UAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BAAQA,UAAa,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAE5E,CAAA;AACA,eAAA,CAAgB,cAAcA,UAAa,CAAA,WAAA;AAuBpC,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAA2B,GAAkC,KAAA;AAC5D,IAAA,uBAAQ,GAAA,CAAAC,eAAA,EAAA,EAAkB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEnD;AACA,aAAA,CAAc,cAAcA,eAAkB,CAAA,WAAA;AAuBjC,MAAA,QAAA,GAAW,MAAO,CAAA,MAAA,CAAO,eAAiB,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBrD,KAAO,EAAA;AACT,CAAC;;;;"}
1
+ {"version":3,"file":"Checkbox-zg8LVvB6.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n CheckboxProps as CoreCheckboxProps,\n Checkbox as CoreCheckbox,\n CheckboxGroup as CoreCheckboxGroup,\n CheckboxGroupProps as CoreCheckboxGroupProps,\n childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { forwardRef, Ref } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\n/**\n * Props for the Checkbox component\n * @property {boolean} [checked] - Controlled state\n * @property {boolean} [defaultChecked] - Uncontrolled state\n * @property {boolean} [indeterminate] - Indeterminate state of the checkbox\n * @property {boolean} [error] - Error state for the checkbox\n * @property {string | ReactElement} [label] - Label for checkbox\n * @property {string} [description] - Helper text description\n * @property {Object} [icons] - Icon overrides for different states\n * @property {(e?: ChangeEvent<HTMLInputElement>, state?: CheckboxState) => void} [onChange] - Change callback\n * @property {(e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void} [onClick] - Click callback\n * @extends Omit<CoreCheckboxProps, \"hideCheckbox\">\n * @extends DataTrackingId\n */\nexport type CheckboxProps = Omit<CoreCheckboxProps, \"hideCheckbox\"> &\n DataTrackingId;\n\nexport type CheckboxGroupProps = CoreCheckboxGroupProps;\n\nconst CheckboxElement = forwardRef(\n (props: CheckboxProps, ref: Ref<HTMLInputElement>) => {\n const data = {\n label: childrenToString(props.label),\n ariaLabel: props[\"aria-label\"],\n ariaLabelledBy: props[\"aria-labelledby\"],\n value: props.value,\n };\n\n const trackingId = useTrackingId({\n name: \"Checkbox\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />;\n },\n);\nCheckboxElement.displayName = CoreCheckbox.displayName;\n\n/**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n * <Checkbox label=\"Technology\" />\n * <Checkbox label=\"Sports\" />\n * <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\nexport const CheckboxGroup = forwardRef(\n (props: CheckboxGroupProps, ref: Ref<HTMLFieldSetElement>) => {\n return <CoreCheckboxGroup ref={ref} {...props} />;\n },\n);\nCheckboxGroup.displayName = CoreCheckboxGroup.displayName;\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Checkbox\n * label=\"Accept terms and conditions\"\n * onChange={(e, state) => console.log('Checked:', state.checked)}\n * required\n * />\n */\nexport const Checkbox = Object.assign(CheckboxElement, {\n /**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n * <Checkbox label=\"Technology\" />\n * <Checkbox label=\"Sports\" />\n * <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\n Group: CheckboxGroup,\n});\n"],"names":["CoreCheckbox","CoreCheckboxGroup"],"mappings":";;;;;;AA8BA,MAAM,eAAkB,GAAA,UAAA;AAAA,EACtB,CAAC,OAAsB,GAA+B,KAAA;AACpD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,KAAA,EAAO,gBAAiB,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,MAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,MACvC,OAAO,KAAM,CAAA;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,UAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BAAQA,UAAa,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAE5E,CAAA;AACA,eAAA,CAAgB,cAAcA,UAAa,CAAA,WAAA;AAuBpC,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAA2B,GAAkC,KAAA;AAC5D,IAAA,uBAAQ,GAAA,CAAAC,eAAA,EAAA,EAAkB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEnD;AACA,aAAA,CAAc,cAAcA,eAAkB,CAAA,WAAA;AAuBjC,MAAA,QAAA,GAAW,MAAO,CAAA,MAAA,CAAO,eAAiB,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBrD,KAAO,EAAA;AACT,CAAC;;;;"}
package/dist/Checkbox.js CHANGED
@@ -1,2 +1,2 @@
1
- export { C as Checkbox, a as CheckboxGroup, C as default } from './Checkbox-cfgZP7Z2.js';
1
+ export { C as Checkbox, a as CheckboxGroup, C as default } from './Checkbox-zg8LVvB6.js';
2
2
  //# sourceMappingURL=Checkbox.js.map
@@ -0,0 +1,34 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { forwardRef } from 'react';
3
+ import { useTrackingId } from './useTrackingId.js';
4
+ import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
5
+ import { C as Chip$1 } from './Chip-MbBEXeAm-DmAcwPRJ.js';
6
+
7
+ const Chip = forwardRef(
8
+ ({ icon, ...props }, ref) => {
9
+ const data = {
10
+ label: props.label,
11
+ size: props.size,
12
+ color: props.color
13
+ };
14
+ const trackingId = useTrackingId({
15
+ name: "Chip",
16
+ data,
17
+ hasOverride: !!props["data-tracking-id"]
18
+ });
19
+ const prefix = icon != null ? /* @__PURE__ */ jsx(Icon, { svg: icon, color: "var(--int-font-color)", size: props.size }) : null;
20
+ return /* @__PURE__ */ jsx(
21
+ Chip$1,
22
+ {
23
+ ref,
24
+ "data-tracking-id": trackingId,
25
+ ...props,
26
+ prefix
27
+ }
28
+ );
29
+ }
30
+ );
31
+ Chip.displayName = Chip$1.displayName;
32
+
33
+ export { Chip as C };
34
+ //# sourceMappingURL=Chip-DXQiqF8k.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chip-DXQiqF8k.js","sources":["../src/components/Chip/Chip.tsx"],"sourcesContent":["import {\n ChipProps as CoreChipProps,\n Chip as CoreChip,\n Icon as CoreIcon,\n IconProps as CoreIconProps,\n AvatarProps as CoreAvatarProps,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { DistributiveOmit } from \"../../types\";\n\n/**\n * Props for the Chip component\n * @property {string} label - The text that displays in the chip\n * @property {\"small\" | \"medium\"} [size] - The size of the chip\n * @property {string} [color] - Color of the Chip\n * @property {(e?: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void} [onClick] - Callback for when the Chip is clicked\n * @property {(e: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void} [onClose] - Called when the component is closed\n * @property {boolean} [textWrap] - Wraps text when it overflows\n * @property {Svg} [icon] - Icon displayed in the chip, before the text.\n * @property {string} [avatar] - Image URL to display in an avatar before the chip text.\n * @extends CoreChipProps\n * @extends DataTrackingId\n */\nexport type ChipProps = DistributiveOmit<CoreChipProps, \"prefix\" | \"avatar\"> &\n DataTrackingId &\n (\n | { icon?: CoreIconProps[\"svg\"]; avatar?: never }\n | { icon?: never; avatar?: CoreAvatarProps[\"image\"] }\n );\n\n/**\n * Chip component for displaying compact information or tags.\n *\n * Features:\n * - Configurable sizes (small, medium)\n * - Custom color support with automatic contrast calculation\n * - Optional click handler for interactive chips\n * - Optional close button for removable chips\n * - Text wrapping support for long labels\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation (Enter to click, Delete/Backspace to close)\n * - Theme-aware color adaptation\n * - Layout utility props for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Chip\n * label=\"JavaScript\"\n * color=\"#f7df1e\"\n * onClose={(e) => console.log('Chip removed')}\n * onClick={(e) => console.log('Chip clicked')}\n * />\n */\nexport const Chip = forwardRef(\n ({ icon, ...props }: ChipProps, ref: Ref<HTMLSpanElement>) => {\n const data = {\n label: props.label,\n size: props.size,\n color: props.color,\n };\n\n const trackingId = useTrackingId({\n name: \"Chip\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n const prefix =\n icon != null ? (\n <CoreIcon svg={icon} color=\"var(--int-font-color)\" size={props.size} />\n ) : null;\n\n return (\n <CoreChip\n ref={ref}\n data-tracking-id={trackingId}\n {...props}\n prefix={prefix}\n />\n );\n },\n);\nChip.displayName = CoreChip.displayName;\n"],"names":["CoreIcon","CoreChip"],"mappings":";;;;;;AAuDO,MAAM,IAAO,GAAA,UAAA;AAAA,EAClB,CAAC,EAAE,IAAA,EAAM,GAAG,KAAA,IAAoB,GAA8B,KAAA;AAC5D,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,OAAO,KAAM,CAAA;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,MAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,MACJ,GAAA,IAAA,IAAQ,IACN,mBAAA,GAAA,CAACA,IAAS,EAAA,EAAA,GAAA,EAAK,IAAM,EAAA,KAAA,EAAM,uBAAwB,EAAA,IAAA,EAAM,KAAM,CAAA,IAAA,EAAM,CACnE,GAAA,IAAA;AAEN,IACE,uBAAA,GAAA;AAAA,MAACC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,kBAAkB,EAAA,UAAA;AAAA,QACjB,GAAG,KAAA;AAAA,QACJ;AAAA;AAAA,KACF;AAAA;AAGN;AACA,IAAA,CAAK,cAAcA,MAAS,CAAA,WAAA;;;;"}
@@ -1,23 +1,30 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { forwardRef, useContext } from 'react';
2
+ import { forwardRef, useRef, useState, useLayoutEffect, useContext } from 'react';
3
3
  import { c as cx } from './index-tZvMCc77.js';
4
4
  import { u as useAccessibleColor, t as tinycolor } from './useAccessibleColor-Dc6B_M-Z-BYKjkGRg.js';
5
+ import { a as Avatar } from './Avatar-C7cbRTCt-DCvzmr2C.js';
5
6
  import { S as SvgClose } from './close-DZj38AEh.js';
6
7
  import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
7
8
  import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
8
- import { a as ThemeProviderContext } from './ThemeProvider-CR67FJg0-DYVRlJRA.js';
9
+ import { a as ThemeProviderContext } from './ThemeProvider-Q3ji6Rpx-DBXlAuQ8.js';
9
10
  import { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_-_hT7dK7_.js';
10
11
 
11
- import './Chip-_daV8CmM.css';const chip = "_chip_9a6wr_2";
12
- const inner = "_inner_9a6wr_15";
13
- const close = "_close_9a6wr_28";
12
+ import './Chip-MbBEXeAm.css';const chip = "_chip_11ba0_2";
13
+ const inner = "_inner_11ba0_15";
14
+ const close = "_close_11ba0_28";
15
+ const prefix = "_prefix_11ba0_41";
16
+ const avatar = "_avatar_11ba0_124";
17
+ const multiline = "_multiline_11ba0_133";
14
18
  const styles = {
15
19
  chip: chip,
16
20
  inner: inner,
17
21
  close: close,
18
- "text-wrap": "_text-wrap_9a6wr_107",
19
- "size-small": "_size-small_9a6wr_122",
20
- "has-close": "_has-close_9a6wr_136"
22
+ prefix: prefix,
23
+ avatar: avatar,
24
+ multiline: multiline,
25
+ "text-wrap": "_text-wrap_11ba0_145",
26
+ "size-small": "_size-small_11ba0_160",
27
+ "has-close": "_has-close_11ba0_186"
21
28
  };
22
29
 
23
30
  const Chip = forwardRef((props, ref) => {
@@ -30,10 +37,36 @@ const Chip = forwardRef((props, ref) => {
30
37
  label,
31
38
  style,
32
39
  textWrap,
40
+ prefix,
41
+ avatar,
33
42
  size = "medium",
34
43
  tabIndex,
35
44
  ...rest
36
45
  } = componentProps;
46
+ const innerRef = useRef(null);
47
+ const [lines, setLines] = useState(1);
48
+ useLayoutEffect(() => {
49
+ const element = innerRef.current;
50
+ const observer = new ResizeObserver(() => {
51
+ if (element) {
52
+ const textNode = element.childNodes[0];
53
+ if (textNode && textNode.textContent) {
54
+ const range = document.createRange();
55
+ range.setStart(textNode, 0);
56
+ range.setEnd(textNode, textNode.textContent.length);
57
+ setLines(range.getClientRects().length);
58
+ }
59
+ }
60
+ });
61
+ if (element) {
62
+ observer.observe(element);
63
+ }
64
+ return () => {
65
+ if (element) {
66
+ observer.unobserve(element);
67
+ }
68
+ };
69
+ }, []);
37
70
  const removeText = ", removeable";
38
71
  const newLabel = `${label}${onClose ? removeText : ""}`;
39
72
  const ChipClassNames = cx(styles["chip"], className, {
@@ -41,6 +74,9 @@ const Chip = forwardRef((props, ref) => {
41
74
  [styles["has-close"]]: !!onClose,
42
75
  [styles["text-wrap"]]: textWrap
43
76
  });
77
+ const AvatarClassNames = cx(styles["avatar"], {
78
+ [styles["multiline"]]: textWrap && lines > 1
79
+ });
44
80
  const { mode: themeMode } = useContext(ThemeProviderContext);
45
81
  const { mode: sysMode } = usePrefersColorScheme();
46
82
  const mode = themeMode ?? sysMode;
@@ -79,7 +115,18 @@ const Chip = forwardRef((props, ref) => {
79
115
  onKeyUp: onKeyUpHandler,
80
116
  tabIndex: onClick || onClose ? 0 : tabIndex,
81
117
  children: [
82
- /* @__PURE__ */ jsx("span", { className: styles.inner, children: label }),
118
+ avatar != null ? /* @__PURE__ */ jsx("span", { className: AvatarClassNames, children: /* @__PURE__ */ jsx(
119
+ Avatar,
120
+ {
121
+ className: styles.avatarInner,
122
+ name: label,
123
+ color,
124
+ image: avatar,
125
+ size: size === "small" ? "xsmall" : "small"
126
+ }
127
+ ) }) : null,
128
+ prefix != null ? /* @__PURE__ */ jsx("span", { className: styles.prefix, children: prefix }) : null,
129
+ /* @__PURE__ */ jsx("span", { className: styles.inner, ref: innerRef, children: label }),
83
130
  !!onClose && // this is disabled because this is fake button that only mouse users will interact
84
131
  // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events
85
132
  /* @__PURE__ */ jsx(
@@ -102,4 +149,4 @@ const Chip = forwardRef((props, ref) => {
102
149
  Chip.displayName = "Chip";
103
150
 
104
151
  export { Chip as C };
105
- //# sourceMappingURL=Chip-_daV8CmM-CTke7zH4.js.map
152
+ //# sourceMappingURL=Chip-MbBEXeAm-DmAcwPRJ.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chip-MbBEXeAm-DmAcwPRJ.js","sources":["../../hammer-react/dist/Chip-MbBEXeAm.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useRef, useState, useLayoutEffect, useContext } from 'react';\nimport cx from 'classnames';\nimport tinycolor from 'tinycolor2';\nimport { A as Avatar } from './Avatar-C7cbRTCt.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport { I as Icon } from './Icon-B6HmlQiR.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\nimport { a as ThemeProviderContext } from './ThemeProvider-Q3ji6Rpx.js';\nimport { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';\nimport { u as useAccessibleColor } from './useAccessibleColor-Dc6B_M-Z.js';\n\nimport './Chip.css';const chip = \"_chip_11ba0_2\";\nconst inner = \"_inner_11ba0_15\";\nconst close = \"_close_11ba0_28\";\nconst prefix = \"_prefix_11ba0_41\";\nconst avatar = \"_avatar_11ba0_124\";\nconst multiline = \"_multiline_11ba0_133\";\nconst styles = {\n\tchip: chip,\n\tinner: inner,\n\tclose: close,\n\tprefix: prefix,\n\tavatar: avatar,\n\tmultiline: multiline,\n\t\"text-wrap\": \"_text-wrap_11ba0_145\",\n\t\"size-small\": \"_size-small_11ba0_160\",\n\t\"has-close\": \"_has-close_11ba0_186\"\n};\n\nconst Chip = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n color,\n onClose,\n onClick,\n label,\n style,\n textWrap,\n prefix,\n avatar,\n size = \"medium\",\n tabIndex,\n ...rest\n } = componentProps;\n const innerRef = useRef(null);\n const [lines, setLines] = useState(1);\n useLayoutEffect(() => {\n const element = innerRef.current;\n const observer = new ResizeObserver(() => {\n if (element) {\n const textNode = element.childNodes[0];\n if (textNode && textNode.textContent) {\n const range = document.createRange();\n range.setStart(textNode, 0);\n range.setEnd(textNode, textNode.textContent.length);\n setLines(range.getClientRects().length);\n }\n }\n });\n if (element) {\n observer.observe(element);\n }\n return () => {\n if (element) {\n observer.unobserve(element);\n }\n };\n }, []);\n const removeText = \", removeable\";\n const newLabel = `${label}${onClose ? removeText : \"\"}`;\n const ChipClassNames = cx(styles[\"chip\"], className, {\n [styles[\"size-small\"]]: size === \"small\",\n [styles[\"has-close\"]]: !!onClose,\n [styles[\"text-wrap\"]]: textWrap\n });\n const AvatarClassNames = cx(styles[\"avatar\"], {\n [styles[\"multiline\"]]: textWrap && lines > 1\n });\n const { mode: themeMode } = useContext(ThemeProviderContext);\n const { mode: sysMode } = usePrefersColorScheme();\n const mode = themeMode ?? sysMode;\n const { foreground, background, border } = useAccessibleColor(color, mode);\n const bgObj = tinycolor(background);\n const styleWithColor = {\n \"--int-bg-color\": color && background,\n \"--int-font-color\": color && foreground,\n \"--int-border-color\": color && border,\n \"--int-close-background-color\": color ? bgObj.isDark() ? bgObj.lighten(15).toHexString() : bgObj.darken(15).toHexString() : \"#14141429\",\n ...style,\n ...layoutStyles\n };\n const onKeyUpHandler = (e) => {\n switch (e.code) {\n case \"Delete\":\n case \"Backspace\":\n onClose?.(e);\n break;\n case \"Enter\":\n onClick?.(e);\n break;\n }\n };\n return /* @__PURE__ */ jsxs(\n \"span\",\n {\n className: ChipClassNames,\n style: styleWithColor,\n \"data-anv\": \"chip\",\n role: onClick ? \"button\" : void 0,\n ...onClick || onClose ? { [\"aria-label\"]: newLabel } : {},\n ...rest,\n ref,\n onClick,\n onKeyUp: onKeyUpHandler,\n tabIndex: onClick || onClose ? 0 : tabIndex,\n children: [\n avatar != null ? /* @__PURE__ */ jsx(\"span\", { className: AvatarClassNames, children: /* @__PURE__ */ jsx(\n Avatar,\n {\n className: styles.avatarInner,\n name: label,\n color,\n image: avatar,\n size: size === \"small\" ? \"xsmall\" : \"small\"\n }\n ) }) : null,\n prefix != null ? /* @__PURE__ */ jsx(\"span\", { className: styles.prefix, children: prefix }) : null,\n /* @__PURE__ */ jsx(\"span\", { className: styles.inner, ref: innerRef, children: label }),\n !!onClose && // this is disabled because this is fake button that only mouse users will interact\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events\n /* @__PURE__ */ jsx(\n \"span\",\n {\n \"aria-hidden\": true,\n \"aria-label\": \"remove button\",\n className: styles[\"close\"],\n onClick: (e) => {\n e.stopPropagation();\n onClose(e);\n },\n children: /* @__PURE__ */ jsx(Icon, { \"aria-hidden\": true, svg: Close, size })\n }\n )\n ]\n }\n );\n});\nChip.displayName = \"Chip\";\n\nexport { Chip as C };\n//# sourceMappingURL=Chip-MbBEXeAm.js.map\n"],"names":["Close"],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  @layer starter, reset, base, state, application;
2
2
  @layer starter, reset, base, state, application;
3
3
  @layer reset {
4
- ._chip_9a6wr_2 {
4
+ ._chip_11ba0_2 {
5
5
  all: unset;
6
6
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
7
7
  font-size: 100%;
@@ -14,7 +14,7 @@
14
14
  box-sizing: border-box;
15
15
  display: inline-flex;
16
16
  }
17
- ._chip_9a6wr_2 ._inner_9a6wr_15 {
17
+ ._chip_11ba0_2 ._inner_11ba0_15 {
18
18
  all: unset;
19
19
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
20
20
  font-size: 100%;
@@ -27,7 +27,7 @@
27
27
  box-sizing: border-box;
28
28
  display: inline-block;
29
29
  }
30
- ._chip_9a6wr_2 ._close_9a6wr_28 {
30
+ ._chip_11ba0_2 ._close_11ba0_28 {
31
31
  all: unset;
32
32
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
33
33
  font-size: 100%;
@@ -40,7 +40,20 @@
40
40
  box-sizing: border-box;
41
41
  display: inline-flex;
42
42
  }
43
- ._chip_9a6wr_2 ._button_9a6wr_41 {
43
+ ._chip_11ba0_2 ._prefix_11ba0_41 {
44
+ all: unset;
45
+ font-family: var(--font-family-base, "Nunito Sans", sans-serif);
46
+ font-size: 100%;
47
+ color: var(--foreground-color, #141414);
48
+ margin: 0;
49
+ padding: 0;
50
+ border-style: none;
51
+ border-width: 0;
52
+ border-color: transparent;
53
+ box-sizing: border-box;
54
+ display: inline-flex;
55
+ }
56
+ ._chip_11ba0_2 ._button_11ba0_54 {
44
57
  all: unset;
45
58
  font-family: var(--font-family-base, "Nunito Sans", sans-serif);
46
59
  font-size: 100%;
@@ -55,7 +68,7 @@
55
68
  }
56
69
  }
57
70
  @layer base {
58
- ._chip_9a6wr_2 {
71
+ ._chip_11ba0_2 {
59
72
  position: relative;
60
73
  min-height: 1.625rem;
61
74
  height: -moz-min-content;
@@ -75,7 +88,7 @@
75
88
  outline: 0 solid var(--focus-ring-color, #0265DC);
76
89
  transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1), outline 200ms cubic-bezier(0, 0, 0.4, 1);
77
90
  }
78
- ._chip_9a6wr_2 ._inner_9a6wr_15 {
91
+ ._chip_11ba0_2 ._inner_11ba0_15 {
79
92
  padding-block: 0.3125rem;
80
93
  text-wrap: nowrap;
81
94
  overflow: hidden;
@@ -84,7 +97,7 @@
84
97
  line-height: 1;
85
98
  color: inherit;
86
99
  }
87
- ._chip_9a6wr_2 ._close_9a6wr_28 {
100
+ ._chip_11ba0_2 ._close_11ba0_28 {
88
101
  flex-shrink: 0;
89
102
  width: 1.5rem;
90
103
  height: 1.5rem;
@@ -97,47 +110,84 @@
97
110
  outline-offset: 0.125rem;
98
111
  outline: 0 solid var(--focus-ring-color, #0265DC);
99
112
  }
100
- ._chip_9a6wr_2 ._close_9a6wr_28 span {
113
+ ._chip_11ba0_2 ._close_11ba0_28 span {
101
114
  color: inherit;
102
115
  }
103
- ._chip_9a6wr_2 ._close_9a6wr_28 span svg {
116
+ ._chip_11ba0_2 ._close_11ba0_28 span svg {
104
117
  fill: currentColor;
105
118
  }
119
+ ._chip_11ba0_2 ._prefix_11ba0_41 {
120
+ padding-block: 0.25rem;
121
+ line-height: 1rem;
122
+ color: inherit;
123
+ }
124
+ ._chip_11ba0_2 ._prefix_11ba0_41 [data-anv=icon] {
125
+ position: relative;
126
+ top: -1px;
127
+ }
128
+ ._chip_11ba0_2 ._avatar_11ba0_124 {
129
+ display: inline-flex;
130
+ flex-shrink: 0;
131
+ justify-content: center;
132
+ align-items: center;
133
+ inset-inline-start: 0;
134
+ color: inherit;
135
+ margin-left: -0.5rem;
136
+ }
137
+ ._chip_11ba0_2 ._avatar_11ba0_124._multiline_11ba0_133 {
138
+ margin-left: unset;
139
+ padding-right: 0.25rem;
140
+ }
141
+ ._chip_11ba0_2 ._avatar_11ba0_124 [data-anv=avatar] {
142
+ border: none;
143
+ }
106
144
  }
107
145
  @layer state {
108
- ._chip_9a6wr_2:focus-visible, ._chip_9a6wr_2[data-interactive=focus-visible] {
146
+ ._chip_11ba0_2:focus-visible, ._chip_11ba0_2[data-interactive=focus-visible] {
109
147
  outline-width: 0.125rem;
110
148
  }
111
- ._chip_9a6wr_2._text-wrap_9a6wr_107 ._inner_9a6wr_15 {
149
+ ._chip_11ba0_2._text-wrap_11ba0_145 ._inner_11ba0_15 {
112
150
  overflow: visible;
113
151
  text-overflow: initial;
114
152
  white-space: normal;
115
153
  word-break: break-word;
116
154
  }
117
- ._chip_9a6wr_2[role=button] {
155
+ ._chip_11ba0_2[role=button] {
118
156
  cursor: pointer;
119
157
  }
120
- ._chip_9a6wr_2[role=button]:not(:has(._close_9a6wr_28:hover)):hover, ._chip_9a6wr_2[role=button]:not(:has(._close_9a6wr_28:hover))[data-interactive=hover] {
158
+ ._chip_11ba0_2[role=button]:not(:has(._close_11ba0_28:hover)):hover, ._chip_11ba0_2[role=button]:not(:has(._close_11ba0_28:hover))[data-interactive=hover] {
121
159
  background-color: var(--int-close-background-color, rgba(20, 20, 20, 0.1607843137));
122
160
  }
123
- ._chip_9a6wr_2 ._close_9a6wr_28:hover, ._chip_9a6wr_2[data-interactive=close-hover] ._close_9a6wr_28 {
161
+ ._chip_11ba0_2 ._close_11ba0_28:hover, ._chip_11ba0_2[data-interactive=close-hover] ._close_11ba0_28 {
124
162
  background-color: var(--int-close-background-color, rgba(20, 20, 20, 0.1607843137));
125
163
  }
126
- ._chip_9a6wr_2._size-small_9a6wr_122 {
164
+ ._chip_11ba0_2._size-small_11ba0_160 {
127
165
  min-height: 1.125rem;
128
166
  font-size: 0.75rem;
129
167
  border-radius: 0.5625rem;
130
168
  padding-inline: 0.375rem;
131
169
  gap: 0.125rem;
132
170
  }
133
- ._chip_9a6wr_2._size-small_9a6wr_122 ._inner_9a6wr_15 {
171
+ ._chip_11ba0_2._size-small_11ba0_160 ._inner_11ba0_15 {
134
172
  padding-block: 0.125rem;
135
173
  }
136
- ._chip_9a6wr_2._size-small_9a6wr_122 ._close_9a6wr_28 {
174
+ ._chip_11ba0_2._size-small_11ba0_160 ._close_11ba0_28 {
137
175
  width: 1rem;
138
176
  height: 1rem;
139
177
  }
140
- ._chip_9a6wr_2._has-close_9a6wr_136 {
178
+ ._chip_11ba0_2._size-small_11ba0_160 ._prefix_11ba0_41 {
179
+ padding-block: 0.125rem;
180
+ }
181
+ ._chip_11ba0_2._size-small_11ba0_160 ._prefix_11ba0_41 [data-anv=icon] {
182
+ top: 0px;
183
+ }
184
+ ._chip_11ba0_2._size-small_11ba0_160 ._avatar_11ba0_124 {
185
+ margin-left: -0.375rem;
186
+ }
187
+ ._chip_11ba0_2._size-small_11ba0_160 ._avatar_11ba0_124._multiline_11ba0_133 {
188
+ margin-left: unset;
189
+ }
190
+ ._chip_11ba0_2._has-close_11ba0_186 {
141
191
  padding-inline-end: 0;
142
192
  }
143
193
  }
package/dist/Chip.js CHANGED
@@ -1,2 +1,2 @@
1
- export { C as Chip, C as default } from './Chip-BlLavyIK.js';
1
+ export { C as Chip, C as default } from './Chip-DXQiqF8k.js';
2
2
  //# sourceMappingURL=Chip.js.map
@@ -3,25 +3,25 @@ import { useTrackingId } from './useTrackingId.js';
3
3
  import React__default, { useRef, useEffect, useMemo, useCallback, useLayoutEffect, useReducer, cloneElement, Component, useState, createContext, useId, useContext, useDeferredValue } from 'react';
4
4
  import { g as getDefaultExportFromCjs, c as cx } from './index-tZvMCc77.js';
5
5
  import { a as _extends, _ as _objectWithoutPropertiesLoose } from './extends-Bg2s_OKl.js';
6
- import { e as PopoverLegacy, d as Popover, u as usePopoverLegacyContext, f as usePopoverContext } from './Popover-jcmNuir0-DjlCqU1z.js';
6
+ import { e as PopoverLegacy, d as Popover, u as usePopoverLegacyContext, f as usePopoverContext } from './Popover-CU2cGVD8-FWJOuFRj.js';
7
7
  import { s as styles$3 } from './Listbox.module-DcBE8Zmo-DcBE8Zmo.js';
8
- import { L as Label, s as supportsPopover } from './ProgressBar-CzXzPpIX-Clg1J71o.js';
8
+ import { L as Label, s as supportsPopover } from './ProgressBar-BRvB-bD4-DppwBrFg.js';
9
9
  import { F as Flex } from './Flex-CiK7uNUu-BfxHG4L0.js';
10
10
  import { B as Button } from './Button-BaHFf1AT-BQy-PFB5.js';
11
- import { C as Chip } from './Chip-_daV8CmM-CTke7zH4.js';
11
+ import { C as Chip } from './Chip-MbBEXeAm-DmAcwPRJ.js';
12
12
  import { S as SvgClose } from './close-DZj38AEh.js';
13
13
  import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
14
14
  import { H as Helper } from './Helper-h7k80qls-DHPFHTvI.js';
15
- import { T as Text } from './Text-DCvcLCvf-DlmnnjTR.js';
15
+ import { T as Text } from './Text-CED_yrId-DsRYZw2-.js';
16
16
  import { S as Spinner } from './Spinner-DliJVzdW-BQlZEj4V.js';
17
17
  import { s as styles$2 } from './ListView.module-MVsNF0X0-MVsNF0X0.js';
18
18
  import { I as Icon$2 } from './Icon-B6HmlQiR-BxQkO3X5.js';
19
19
  import { c as checkboxStyles, S as SvgIndeterminateCheckBox, a as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './Checkbox.module-DZ58p15b-BUsQC1lW.js';
20
20
  import { S as SvgCheck } from './check-Cf67OWrZ.js';
21
21
  import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
22
- import { u as useDownshiftEnvironment$1, a as defaultItemToKey$1, d as defaultItemToString$1, S as SelectTriggerBase } from './SelectTriggerBase-BGHwx0mN-B3HiW5tQ.js';
22
+ import { u as useDownshiftEnvironment$1, a as defaultItemToKey$1, d as defaultItemToString$1, S as SelectTriggerBase } from './SelectTriggerBase-C0fhFfuj-DfR6h1Lq.js';
23
23
  import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
24
- import { a as Avatar } from './Avatar-B20IdOEO-Di14brYV.js';
24
+ import { a as Avatar } from './Avatar-C7cbRTCt-DCvzmr2C.js';
25
25
 
26
26
  import './Combobox.css';function _setPrototypeOf(t, e) {
27
27
  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
@@ -10315,4 +10315,4 @@ const Combobox = Object.assign(ComboboxElement, {
10315
10315
  });
10316
10316
 
10317
10317
  export { Combobox as C, ComboboxElement as a, ComboboxSelect as b, ComboboxContent as c, ComboboxSearchField as d, ComboboxSelectTrigger as e, ComboboxList as f, ComboboxItem as g, ComboboxItemAddNew as h, ComboboxEmpty as i, useInfiniteCombobox as u };
10318
- //# sourceMappingURL=Combobox-3l2SK47T.js.map
10318
+ //# sourceMappingURL=Combobox-D2aSaDkz.js.map