@televet/kibble-ui 4.0.0-beta.57 → 4.0.0-beta.59

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 (207) hide show
  1. package/dist/chunks/alert.types-C-tcDvZb.js +2 -0
  2. package/dist/chunks/alert.types-C-tcDvZb.js.map +1 -0
  3. package/dist/chunks/{alert.component-ibWiyGfP.js → alert.types-D7ya3hgF.js} +92 -100
  4. package/dist/chunks/alert.types-D7ya3hgF.js.map +1 -0
  5. package/dist/chunks/{avatar.component-BccCo8cj.js → avatar.component-BvnohMit.js} +20 -20
  6. package/dist/chunks/{avatar.component-BccCo8cj.js.map → avatar.component-BvnohMit.js.map} +1 -1
  7. package/dist/chunks/{avatarGroup.component-CX1pyCYe.js → avatarGroup.component-BlBlSEzG.js} +2 -2
  8. package/dist/chunks/{avatarGroup.component-CX1pyCYe.js.map → avatarGroup.component-BlBlSEzG.js.map} +1 -1
  9. package/dist/chunks/{buttonGroup.component-DD5ngTAx.js → buttonGroup.component-oTaR0Md0.js} +2 -2
  10. package/dist/chunks/{buttonGroup.component-DD5ngTAx.js.map → buttonGroup.component-oTaR0Md0.js.map} +1 -1
  11. package/dist/chunks/{characterCounter.component-DI5bBTYd.js → characterCounter.component-fZjvfJdX.js} +2 -2
  12. package/dist/chunks/{characterCounter.component-DI5bBTYd.js.map → characterCounter.component-fZjvfJdX.js.map} +1 -1
  13. package/dist/chunks/{checkbox.component-C5SGTamU.js → checkbox.component-0xblm1A8.js} +7 -7
  14. package/dist/chunks/{checkbox.component-C5SGTamU.js.map → checkbox.component-0xblm1A8.js.map} +1 -1
  15. package/dist/chunks/{checkbox.records-D942Mp5N.js → checkbox.records-CIoa-J68.js} +30 -30
  16. package/dist/chunks/{checkbox.records-D942Mp5N.js.map → checkbox.records-CIoa-J68.js.map} +1 -1
  17. package/dist/chunks/{checkboxGroup.component-uNcZPAQb.js → checkboxGroup.component-LWTDPWxy.js} +3 -3
  18. package/dist/chunks/{checkboxGroup.component-uNcZPAQb.js.map → checkboxGroup.component-LWTDPWxy.js.map} +1 -1
  19. package/dist/chunks/{conversationCard.component-DFCk4nkI.js → conversationCard.component-CP6rnJx7.js} +7 -7
  20. package/dist/chunks/{conversationCard.component-DFCk4nkI.js.map → conversationCard.component-CP6rnJx7.js.map} +1 -1
  21. package/dist/chunks/{datePicker.component-BNFSOBs_.js → datePicker.component-CI1zrqXF.js} +7 -7
  22. package/dist/chunks/{datePicker.component-BNFSOBs_.js.map → datePicker.component-CI1zrqXF.js.map} +1 -1
  23. package/dist/chunks/{dialog-trigger-zqGa_wOO.js → dialog-trigger-BPlPzPU-.js} +5 -5
  24. package/dist/chunks/{dialog-trigger-zqGa_wOO.js.map → dialog-trigger-BPlPzPU-.js.map} +1 -1
  25. package/dist/chunks/{heading.component-DzTeEnHA.js → heading.component-BPvYeKHj.js} +2 -2
  26. package/dist/chunks/{heading.component-DzTeEnHA.js.map → heading.component-BPvYeKHj.js.map} +1 -1
  27. package/dist/chunks/{index-X8K9tzgE.js → index-BNYygzo-.js} +12 -12
  28. package/dist/chunks/{index-X8K9tzgE.js.map → index-BNYygzo-.js.map} +1 -1
  29. package/dist/chunks/{index-CVMzOz4r.js → index-C2kxTsiE.js} +8 -8
  30. package/dist/chunks/{index-CVMzOz4r.js.map → index-C2kxTsiE.js.map} +1 -1
  31. package/dist/chunks/{index-B8d8Hi2Q.js → index-CYk-7wwG.js} +25 -25
  32. package/dist/chunks/{index-B8d8Hi2Q.js.map → index-CYk-7wwG.js.map} +1 -1
  33. package/dist/chunks/{index-Dw9PbX_m.js → index-CjNAJEk5.js} +4 -4
  34. package/dist/chunks/{index-Dw9PbX_m.js.map → index-CjNAJEk5.js.map} +1 -1
  35. package/dist/chunks/{index-CJ_SaUFt.js → index-Co91SHhW.js} +6 -6
  36. package/dist/chunks/{index-CJ_SaUFt.js.map → index-Co91SHhW.js.map} +1 -1
  37. package/dist/chunks/{index-BsfW-qzE.js → index-D9DU-5GF.js} +12 -12
  38. package/dist/chunks/{index-BsfW-qzE.js.map → index-D9DU-5GF.js.map} +1 -1
  39. package/dist/chunks/{index-COcjj2r_.js → index-DUHFrLMI.js} +9 -9
  40. package/dist/chunks/{index-COcjj2r_.js.map → index-DUHFrLMI.js.map} +1 -1
  41. package/dist/chunks/{index-BavQMU2I.js → index-DcJZ8q0f.js} +4 -4
  42. package/dist/chunks/{index-BavQMU2I.js.map → index-DcJZ8q0f.js.map} +1 -1
  43. package/dist/chunks/{index-DVMzcy6o.js → index-DkJX2kvl.js} +11 -11
  44. package/dist/chunks/{index-DVMzcy6o.js.map → index-DkJX2kvl.js.map} +1 -1
  45. package/dist/chunks/{index-bYxdnAxK.js → index-S1uNQPZj.js} +22 -22
  46. package/dist/chunks/{index-bYxdnAxK.js.map → index-S1uNQPZj.js.map} +1 -1
  47. package/dist/chunks/{index-xa8tmbbH.js → index-j7W9Hyzx.js} +10 -10
  48. package/dist/chunks/{index-xa8tmbbH.js.map → index-j7W9Hyzx.js.map} +1 -1
  49. package/dist/chunks/link.component-CCFg-LIe.js +2 -0
  50. package/dist/chunks/link.component-CCFg-LIe.js.map +1 -0
  51. package/dist/chunks/link.component-DprieyUG.js +60 -0
  52. package/dist/chunks/link.component-DprieyUG.js.map +1 -0
  53. package/dist/chunks/{menu.component-C8c5BRFL.js → menu.component-CByCZVEI.js} +9 -9
  54. package/dist/chunks/{menu.component-C8c5BRFL.js.map → menu.component-CByCZVEI.js.map} +1 -1
  55. package/dist/chunks/{modal.types-CMmBuVKv.js → modal.types-Cy96DDCy.js} +5 -5
  56. package/dist/chunks/{modal.types-CMmBuVKv.js.map → modal.types-Cy96DDCy.js.map} +1 -1
  57. package/dist/chunks/{pinInput.types-CbR1ZXya.js → pinInput.types-DF9d4AgH.js} +6 -6
  58. package/dist/chunks/{pinInput.types-CbR1ZXya.js.map → pinInput.types-DF9d4AgH.js.map} +1 -1
  59. package/dist/chunks/{popover-CBG09o62.js → popover-B9rNOU0g.js} +4 -4
  60. package/dist/chunks/{popover-CBG09o62.js.map → popover-B9rNOU0g.js.map} +1 -1
  61. package/dist/chunks/{popover-root-provider-CKQPoRvU.js → popover-root-provider-CeLLpesI.js} +4 -4
  62. package/dist/chunks/{popover-root-provider-CKQPoRvU.js.map → popover-root-provider-CeLLpesI.js.map} +1 -1
  63. package/dist/chunks/{popover.component-jEg4R1F4.js → popover.component-CCDAwoUM.js} +2 -2
  64. package/dist/chunks/{popover.component-jEg4R1F4.js.map → popover.component-CCDAwoUM.js.map} +1 -1
  65. package/dist/chunks/{popover.component-BCibBOXM.js → popover.component-DKQ2rwkT.js} +8 -8
  66. package/dist/chunks/{popover.component-BCibBOXM.js.map → popover.component-DKQ2rwkT.js.map} +1 -1
  67. package/dist/chunks/{popover.recipe-CMQQRMnL.js → popover.recipe-gSRLrSEY.js} +2 -2
  68. package/dist/chunks/{popover.recipe-CMQQRMnL.js.map → popover.recipe-gSRLrSEY.js.map} +1 -1
  69. package/dist/chunks/{popover.recipe-ByAaERef.js → popover.recipe-luRWdwjO.js} +16 -15
  70. package/dist/chunks/{popover.recipe-ByAaERef.js.map → popover.recipe-luRWdwjO.js.map} +1 -1
  71. package/dist/chunks/{radio.records-DJwjrXUG.js → radio.records-ASPGnfUI.js} +15 -15
  72. package/dist/chunks/{radio.records-DJwjrXUG.js.map → radio.records-ASPGnfUI.js.map} +1 -1
  73. package/dist/chunks/{radioGroup.component-D8Urceiy.js → radioGroup.component-BfzkPOWR.js} +7 -7
  74. package/dist/chunks/{radioGroup.component-D8Urceiy.js.map → radioGroup.component-BfzkPOWR.js.map} +1 -1
  75. package/dist/chunks/{ratingDots.component-BAqZEoHN.js → ratingDots.component-DbIxSq3Z.js} +3 -3
  76. package/dist/chunks/{ratingDots.component-BAqZEoHN.js.map → ratingDots.component-DbIxSq3Z.js.map} +1 -1
  77. package/dist/chunks/{render-strategy-DBmKAZIM.js → render-strategy-C8hwN3bm.js} +2 -2
  78. package/dist/chunks/{render-strategy-DBmKAZIM.js.map → render-strategy-C8hwN3bm.js.map} +1 -1
  79. package/dist/chunks/{select.component-dLGNPkXV.js → select.component-eJdhSRY0.js} +10 -10
  80. package/dist/chunks/{select.component-dLGNPkXV.js.map → select.component-eJdhSRY0.js.map} +1 -1
  81. package/dist/chunks/{sortableList.component-ede9VRq3.js → sortableList.component-DfXzIf2N.js} +3 -3
  82. package/dist/chunks/{sortableList.component-ede9VRq3.js.map → sortableList.component-DfXzIf2N.js.map} +1 -1
  83. package/dist/chunks/{spinner.component-BAUK5XQp.js → spinner.component-mGoJn6ep.js} +2 -2
  84. package/dist/chunks/{spinner.component-BAUK5XQp.js.map → spinner.component-mGoJn6ep.js.map} +1 -1
  85. package/dist/chunks/{styledAvatar.types-DU78JZbu.js → styledAvatar.types-2wZJjpPn.js} +2 -2
  86. package/dist/chunks/{styledAvatar.types-DU78JZbu.js.map → styledAvatar.types-2wZJjpPn.js.map} +1 -1
  87. package/dist/chunks/{switch.component-CTHNQQWw.js → switch.component-B1QEXeHo.js} +12 -12
  88. package/dist/chunks/{switch.component-CTHNQQWw.js.map → switch.component-B1QEXeHo.js.map} +1 -1
  89. package/dist/chunks/{tabs.component-D0mzzXOp.js → tabs.component-CClOddbl.js} +17 -17
  90. package/dist/chunks/{tabs.component-D0mzzXOp.js.map → tabs.component-CClOddbl.js.map} +1 -1
  91. package/dist/chunks/{tagBlock.component-DASuNeVN.js → tagBlock.component-8QvLF4gf.js} +5 -5
  92. package/dist/chunks/{tagBlock.component-DASuNeVN.js.map → tagBlock.component-8QvLF4gf.js.map} +1 -1
  93. package/dist/chunks/{text.component-BkYord5h.js → text.component-DqGLCykU.js} +2 -2
  94. package/dist/chunks/{text.component-BkYord5h.js.map → text.component-DqGLCykU.js.map} +1 -1
  95. package/dist/chunks/{textInput.component-vAoqRc9n.js → textInput.component-CkeP6E8M.js} +6 -6
  96. package/dist/chunks/{textInput.component-vAoqRc9n.js.map → textInput.component-CkeP6E8M.js.map} +1 -1
  97. package/dist/chunks/{textarea.component-BxeH5cIq.js → textarea.component-Qns9pf6_.js} +6 -6
  98. package/dist/chunks/{textarea.component-BxeH5cIq.js.map → textarea.component-Qns9pf6_.js.map} +1 -1
  99. package/dist/chunks/{theme.provider-CD_LIwCV.js → theme.provider-DiKqrQhs.js} +1269 -1087
  100. package/dist/chunks/theme.provider-DiKqrQhs.js.map +1 -0
  101. package/dist/chunks/{theme.provider-8i-Ok9JE.js → theme.provider-DpXAxGz8.js} +4 -4
  102. package/dist/chunks/theme.provider-DpXAxGz8.js.map +1 -0
  103. package/dist/chunks/{timePicker.component-DF-7rTLE.js → timePicker.component-DdBfadnM.js} +3 -3
  104. package/dist/chunks/{timePicker.component-DF-7rTLE.js.map → timePicker.component-DdBfadnM.js.map} +1 -1
  105. package/dist/chunks/{timePicker.component-vHY1O9Nq.js → timePicker.component-j-OQEBFl.js} +2 -2
  106. package/dist/chunks/{timePicker.component-vHY1O9Nq.js.map → timePicker.component-j-OQEBFl.js.map} +1 -1
  107. package/dist/chunks/{timeRange.component-C65E9InX.js → timeRange.component-CYBVUNli.js} +2 -2
  108. package/dist/chunks/{timeRange.component-C65E9InX.js.map → timeRange.component-CYBVUNli.js.map} +1 -1
  109. package/dist/chunks/{timeRange.component-BU22xkmi.js → timeRange.component-DXtqwVE8.js} +2 -2
  110. package/dist/chunks/{timeRange.component-BU22xkmi.js.map → timeRange.component-DXtqwVE8.js.map} +1 -1
  111. package/dist/chunks/{timestamp.component-CgRkR4Nz.js → timestamp.component-D2ivFJVk.js} +3 -3
  112. package/dist/chunks/{timestamp.component-CgRkR4Nz.js.map → timestamp.component-D2ivFJVk.js.map} +1 -1
  113. package/dist/chunks/{toaster.records-oUlJ-9y-.js → toaster.records-BGfpUOVt.js} +4 -3
  114. package/dist/chunks/{toaster.records-oUlJ-9y-.js.map → toaster.records-BGfpUOVt.js.map} +1 -1
  115. package/dist/chunks/{toaster.records-Bkt2-n5c.js → toaster.records-BJo0j1IZ.js} +2 -2
  116. package/dist/chunks/{toaster.records-Bkt2-n5c.js.map → toaster.records-BJo0j1IZ.js.map} +1 -1
  117. package/dist/chunks/{tooltip.component-DX7RPrw8.js → tooltip.component-oofe83RC.js} +37 -37
  118. package/dist/chunks/{tooltip.component-DX7RPrw8.js.map → tooltip.component-oofe83RC.js.map} +1 -1
  119. package/dist/chunks/{typography.records-e6RnkVqN.js → typography.records-jnjWfTLS.js} +2 -2
  120. package/dist/chunks/{typography.records-e6RnkVqN.js.map → typography.records-jnjWfTLS.js.map} +1 -1
  121. package/dist/chunks/{use-field-context-Bxg2bkx0.js → use-field-context-B_G7Yziz.js} +2 -2
  122. package/dist/chunks/{use-field-context-Bxg2bkx0.js.map → use-field-context-B_G7Yziz.js.map} +1 -1
  123. package/dist/chunks/{use-locale-context-BnlMA8su.js → use-locale-context-D-agiW5E.js} +5 -5
  124. package/dist/chunks/{use-locale-context-BnlMA8su.js.map → use-locale-context-D-agiW5E.js.map} +1 -1
  125. package/dist/chunks/{withFormControl-CjY2Infu.js → withFormControl-7frigdfy.js} +11 -11
  126. package/dist/chunks/{withFormControl-CjY2Infu.js.map → withFormControl-7frigdfy.js.map} +1 -1
  127. package/dist/chunks/{withTruncation-DVJpk3rP.js → withTruncation-C6OLiB1e.js} +2 -2
  128. package/dist/chunks/{withTruncation-DVJpk3rP.js.map → withTruncation-C6OLiB1e.js.map} +1 -1
  129. package/dist/cjs/components/Alert/index.cjs +1 -1
  130. package/dist/cjs/components/Link/index.cjs +1 -1
  131. package/dist/cjs/components/Popover/index.cjs +1 -1
  132. package/dist/cjs/components/TimePicker/index.cjs +1 -1
  133. package/dist/cjs/components/TimeRange/index.cjs +1 -1
  134. package/dist/cjs/components/Toast/index.cjs +1 -1
  135. package/dist/cjs/components/Toast/index.cjs.map +1 -1
  136. package/dist/cjs/components/index.cjs +1 -1
  137. package/dist/cjs/index.cjs +1 -1
  138. package/dist/cjs/shared/records/index.cjs +2 -0
  139. package/dist/cjs/shared/records/index.cjs.map +1 -0
  140. package/dist/cjs/theme/index.cjs +1 -1
  141. package/dist/esm/chakra/index.js +8 -8
  142. package/dist/esm/components/Alert/index.js +3 -4
  143. package/dist/esm/components/Alert/index.js.map +1 -1
  144. package/dist/esm/components/Avatar/index.js +1 -1
  145. package/dist/esm/components/AvatarGroup/index.js +1 -1
  146. package/dist/esm/components/ButtonGroup/index.js +1 -1
  147. package/dist/esm/components/CharacterCounter/index.js +1 -1
  148. package/dist/esm/components/Checkbox/index.js +1 -1
  149. package/dist/esm/components/CheckboxGroup/index.js +1 -1
  150. package/dist/esm/components/ConversationCard/index.js +1 -1
  151. package/dist/esm/components/DatePicker/index.js +1 -1
  152. package/dist/esm/components/Heading/index.js +1 -1
  153. package/dist/esm/components/Link/index.js +1 -1
  154. package/dist/esm/components/Menu/index.js +1 -1
  155. package/dist/esm/components/Modal/index.js +1 -1
  156. package/dist/esm/components/PinInput/index.js +1 -1
  157. package/dist/esm/components/Popover/index.js +1 -1
  158. package/dist/esm/components/RadioGroup/index.js +1 -1
  159. package/dist/esm/components/RatingDots/index.js +1 -1
  160. package/dist/esm/components/Select/index.js +1 -1
  161. package/dist/esm/components/SortableList/index.js +1 -1
  162. package/dist/esm/components/Spinner/index.js +1 -1
  163. package/dist/esm/components/StyledAvatar/index.js +1 -1
  164. package/dist/esm/components/Switch/index.js +1 -1
  165. package/dist/esm/components/Tabs/index.js +1 -1
  166. package/dist/esm/components/TagBlock/index.js +1 -1
  167. package/dist/esm/components/Text/index.js +1 -1
  168. package/dist/esm/components/TextInput/index.js +1 -1
  169. package/dist/esm/components/Textarea/index.js +1 -1
  170. package/dist/esm/components/TimePicker/index.js +1 -1
  171. package/dist/esm/components/TimeRange/index.js +1 -1
  172. package/dist/esm/components/Timestamp/index.js +1 -1
  173. package/dist/esm/components/Toast/index.js +41 -20
  174. package/dist/esm/components/Toast/index.js.map +1 -1
  175. package/dist/esm/components/Tooltip/index.js +1 -1
  176. package/dist/esm/components/index.js +123 -124
  177. package/dist/esm/components/index.js.map +1 -1
  178. package/dist/esm/index.js +141 -142
  179. package/dist/esm/index.js.map +1 -1
  180. package/dist/esm/shared/records/index.js +18 -0
  181. package/dist/esm/shared/records/index.js.map +1 -0
  182. package/dist/esm/theme/index.js +1 -1
  183. package/dist/types/components/Toast/components/ToastAction/toastAction.component.d.ts +12 -0
  184. package/dist/types/components/Toast/components/Toaster/toaster.records.d.ts +1 -0
  185. package/dist/types/components/Toast/index.d.ts +1 -1
  186. package/dist/types/components/Toast/toast.component.d.ts +14 -3
  187. package/dist/types/components/Toast/toast.recipe.d.ts +21 -0
  188. package/dist/types/components/Toast/toast.types.d.ts +3 -3
  189. package/dist/types/components/Toast/useToast.d.ts +3 -0
  190. package/dist/types/shared/records/index.d.ts +1 -0
  191. package/dist/types/shared/records/status.d.ts +5 -0
  192. package/dist/types/theme/tokens/sizes/sizes.config.d.ts +14 -0
  193. package/package.json +1 -1
  194. package/dist/chunks/alert.component-DLOr0ni3.js +0 -2
  195. package/dist/chunks/alert.component-DLOr0ni3.js.map +0 -1
  196. package/dist/chunks/alert.component-ibWiyGfP.js.map +0 -1
  197. package/dist/chunks/alert.types-JdzSuSVO.js +0 -5
  198. package/dist/chunks/alert.types-JdzSuSVO.js.map +0 -1
  199. package/dist/chunks/alert.types-R_9yno9e.js +0 -2
  200. package/dist/chunks/alert.types-R_9yno9e.js.map +0 -1
  201. package/dist/chunks/link.component-BEoeigC8.js +0 -61
  202. package/dist/chunks/link.component-BEoeigC8.js.map +0 -1
  203. package/dist/chunks/link.component-BNWZ_bjl.js +0 -2
  204. package/dist/chunks/link.component-BNWZ_bjl.js.map +0 -1
  205. package/dist/chunks/theme.provider-8i-Ok9JE.js.map +0 -1
  206. package/dist/chunks/theme.provider-CD_LIwCV.js.map +0 -1
  207. package/dist/types/components/Alert/alert.records.d.ts +0 -5
@@ -1,11 +1,11 @@
1
- import { c as S, a as P, d as F, s as N, t as D, b as O, e as i, v as x, f as H, g as K } from "./index-B8d8Hi2Q.js";
2
- import { t as L, i as R } from "./tooltip.component-DX7RPrw8.js";
3
- import { c as G } from "./use-locale-context-BnlMA8su.js";
4
- var T = H("checkbox").parts("root", "label", "control", "indicator"), h = T.build(), V = (e) => e.ids?.root ?? `checkbox:${e.id}`, b = (e) => e.ids?.label ?? `checkbox:${e.id}:label`, X = (e) => e.ids?.control ?? `checkbox:${e.id}:control`, g = (e) => e.ids?.hiddenInput ?? `checkbox:${e.id}:input`, q = (e) => e.getById(V(e)), l = (e) => e.getById(g(e));
1
+ import { c as S, y as P, z as F, A as D, B as N, C as O, d as i, v as x, b as H, D as K } from "./index-CYk-7wwG.js";
2
+ import { t as L, i as R } from "./tooltip.component-oofe83RC.js";
3
+ import { b as A } from "./use-locale-context-D-agiW5E.js";
4
+ var T = H("checkbox").parts("root", "label", "control", "indicator"), h = T.build(), V = (e) => e.ids?.root ?? `checkbox:${e.id}`, E = (e) => e.ids?.label ?? `checkbox:${e.id}:label`, G = (e) => e.ids?.control ?? `checkbox:${e.id}:control`, g = (e) => e.ids?.hiddenInput ?? `checkbox:${e.id}:input`, X = (e) => e.getById(V(e)), l = (e) => e.getById(g(e));
5
5
  function w(e, t) {
6
- const { send: a, context: d, prop: s, computed: C, scope: r } = e, o = s("disabled"), p = s("readOnly"), v = s("invalid"), m = !o && d.get("focused"), I = !o && d.get("focusVisible"), n = C("checked"), k = C("indeterminate"), u = {
6
+ const { send: a, context: d, prop: s, computed: C, scope: c } = e, o = s("disabled"), p = s("readOnly"), v = s("invalid"), b = !o && d.get("focused"), I = !o && d.get("focusVisible"), n = C("checked"), k = C("indeterminate"), u = {
7
7
  "data-active": i(d.get("active")),
8
- "data-focus": i(m),
8
+ "data-focus": i(b),
9
9
  "data-focus-visible": i(I),
10
10
  "data-readonly": i(p),
11
11
  "data-hover": i(d.get("hovered")),
@@ -17,10 +17,10 @@ function w(e, t) {
17
17
  checked: n,
18
18
  disabled: o,
19
19
  indeterminate: k,
20
- focused: m,
20
+ focused: b,
21
21
  checkedState: n,
22
- setChecked(c) {
23
- a({ type: "CHECKED.SET", checked: c, isTrusted: !1 });
22
+ setChecked(r) {
23
+ a({ type: "CHECKED.SET", checked: r, isTrusted: !1 });
24
24
  },
25
25
  toggleChecked() {
26
26
  a({ type: "CHECKED.TOGGLE", checked: n, isTrusted: !1 });
@@ -30,16 +30,16 @@ function w(e, t) {
30
30
  ...h.root.attrs,
31
31
  ...u,
32
32
  dir: s("dir"),
33
- id: V(r),
34
- htmlFor: g(r),
33
+ id: V(c),
34
+ htmlFor: g(c),
35
35
  onPointerMove() {
36
36
  o || a({ type: "CONTEXT.SET", context: { hovered: !0 } });
37
37
  },
38
38
  onPointerLeave() {
39
39
  o || a({ type: "CONTEXT.SET", context: { hovered: !1 } });
40
40
  },
41
- onClick(c) {
42
- K(c) === l(r) && c.stopPropagation();
41
+ onClick(r) {
42
+ K(r) === l(c) && r.stopPropagation();
43
43
  }
44
44
  });
45
45
  },
@@ -48,7 +48,7 @@ function w(e, t) {
48
48
  ...h.label.attrs,
49
49
  ...u,
50
50
  dir: s("dir"),
51
- id: b(r)
51
+ id: E(c)
52
52
  });
53
53
  },
54
54
  getControlProps() {
@@ -56,7 +56,7 @@ function w(e, t) {
56
56
  ...h.control.attrs,
57
57
  ...u,
58
58
  dir: s("dir"),
59
- id: X(r),
59
+ id: G(c),
60
60
  "aria-hidden": !0
61
61
  });
62
62
  },
@@ -70,31 +70,31 @@ function w(e, t) {
70
70
  },
71
71
  getHiddenInputProps() {
72
72
  return t.input({
73
- id: g(r),
73
+ id: g(c),
74
74
  type: "checkbox",
75
75
  required: s("required"),
76
76
  defaultChecked: n,
77
77
  disabled: o,
78
- "aria-labelledby": b(r),
78
+ "aria-labelledby": E(c),
79
79
  "aria-invalid": v,
80
80
  name: s("name"),
81
81
  form: s("form"),
82
82
  value: s("value"),
83
83
  style: x,
84
84
  onFocus() {
85
- const c = R();
86
- a({ type: "CONTEXT.SET", context: { focused: !0, focusVisible: c } });
85
+ const r = R();
86
+ a({ type: "CONTEXT.SET", context: { focused: !0, focusVisible: r } });
87
87
  },
88
88
  onBlur() {
89
89
  a({ type: "CONTEXT.SET", context: { focused: !1, focusVisible: !1 } });
90
90
  },
91
- onClick(c) {
91
+ onClick(r) {
92
92
  if (p) {
93
- c.preventDefault();
93
+ r.preventDefault();
94
94
  return;
95
95
  }
96
- const E = c.currentTarget.checked;
97
- a({ type: "CHECKED.SET", checked: E, isTrusted: !0 });
96
+ const m = r.currentTarget.checked;
97
+ a({ type: "CHECKED.SET", checked: m, isTrusted: !0 });
98
98
  }
99
99
  });
100
100
  }
@@ -160,7 +160,7 @@ var { not: y } = P(), W = S({
160
160
  },
161
161
  computed: {
162
162
  indeterminate: ({ context: e }) => f(e.get("checked")),
163
- checked: ({ context: e }) => A(e.get("checked")),
163
+ checked: ({ context: e }) => q(e.get("checked")),
164
164
  disabled: ({ context: e, prop: t }) => !!t("disabled") || e.get("fieldsetDisabled")
165
165
  },
166
166
  states: {
@@ -174,7 +174,7 @@ var { not: y } = P(), W = S({
174
174
  trackPressEvent({ context: e, computed: t, scope: a }) {
175
175
  if (!t("disabled"))
176
176
  return O({
177
- pointerNode: q(a),
177
+ pointerNode: X(a),
178
178
  keyboardNode: l(a),
179
179
  isValidKey: (d) => d.key === " ",
180
180
  onPress: () => e.set("active", !1),
@@ -187,7 +187,7 @@ var { not: y } = P(), W = S({
187
187
  return L({ root: t.getRootNode?.() });
188
188
  },
189
189
  trackFormControlState({ context: e, scope: t }) {
190
- return D(l(t), {
190
+ return N(l(t), {
191
191
  onFieldsetDisabledChange(a) {
192
192
  e.set("fieldsetDisabled", a);
193
193
  },
@@ -204,7 +204,7 @@ var { not: y } = P(), W = S({
204
204
  },
205
205
  syncInputElement({ context: e, computed: t, scope: a }) {
206
206
  const d = l(a);
207
- d && (N(d, t("checked")), d.indeterminate = f(e.get("checked")));
207
+ d && (D(d, t("checked")), d.indeterminate = f(e.get("checked")));
208
208
  },
209
209
  removeFocusIfNeeded({ context: e, prop: t }) {
210
210
  t("disabled") && e.get("focused") && (e.set("focused", !1), e.set("focusVisible", !1));
@@ -228,10 +228,10 @@ var { not: y } = P(), W = S({
228
228
  function f(e) {
229
229
  return e === "indeterminate";
230
230
  }
231
- function A(e) {
231
+ function q(e) {
232
232
  return f(e) ? !1 : !!e;
233
233
  }
234
- G()([
234
+ A()([
235
235
  "defaultChecked",
236
236
  "checked",
237
237
  "dir",
@@ -263,4 +263,4 @@ export {
263
263
  j as c,
264
264
  W as m
265
265
  };
266
- //# sourceMappingURL=checkbox.records-D942Mp5N.js.map
266
+ //# sourceMappingURL=checkbox.records-CIoa-J68.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.records-D942Mp5N.js","sources":["../../node_modules/@zag-js/checkbox/dist/index.mjs","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox.anatomy.js","../../src/components/Checkbox/checkbox.records.ts"],"sourcesContent":["import { createAnatomy } from '@zag-js/anatomy';\nimport { dispatchInputCheckedEvent, setElementChecked, trackFormControl, trackPress, dataAttr, visuallyHiddenStyle, getEventTarget } from '@zag-js/dom-query';\nimport { trackFocusVisible, isFocusVisible } from '@zag-js/focus-visible';\nimport { createGuards, createMachine } from '@zag-js/core';\nimport { createProps } from '@zag-js/types';\nimport { createSplitProps } from '@zag-js/utils';\n\n// src/checkbox.anatomy.ts\nvar anatomy = createAnatomy(\"checkbox\").parts(\"root\", \"label\", \"control\", \"indicator\");\nvar parts = anatomy.build();\n\n// src/checkbox.dom.ts\nvar getRootId = (ctx) => ctx.ids?.root ?? `checkbox:${ctx.id}`;\nvar getLabelId = (ctx) => ctx.ids?.label ?? `checkbox:${ctx.id}:label`;\nvar getControlId = (ctx) => ctx.ids?.control ?? `checkbox:${ctx.id}:control`;\nvar getHiddenInputId = (ctx) => ctx.ids?.hiddenInput ?? `checkbox:${ctx.id}:input`;\nvar getRootEl = (ctx) => ctx.getById(getRootId(ctx));\nvar getHiddenInputEl = (ctx) => ctx.getById(getHiddenInputId(ctx));\n\n// src/checkbox.connect.ts\nfunction connect(service, normalize) {\n const { send, context, prop, computed, scope } = service;\n const disabled = prop(\"disabled\");\n const readOnly = prop(\"readOnly\");\n const invalid = prop(\"invalid\");\n const focused = !disabled && context.get(\"focused\");\n const focusVisible = !disabled && context.get(\"focusVisible\");\n const checked = computed(\"checked\");\n const indeterminate = computed(\"indeterminate\");\n const dataAttrs = {\n \"data-active\": dataAttr(context.get(\"active\")),\n \"data-focus\": dataAttr(focused),\n \"data-focus-visible\": dataAttr(focusVisible),\n \"data-readonly\": dataAttr(readOnly),\n \"data-hover\": dataAttr(context.get(\"hovered\")),\n \"data-disabled\": dataAttr(disabled),\n \"data-state\": indeterminate ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\",\n \"data-invalid\": dataAttr(invalid)\n };\n return {\n checked,\n disabled,\n indeterminate,\n focused,\n checkedState: checked,\n setChecked(checked2) {\n send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: false });\n },\n toggleChecked() {\n send({ type: \"CHECKED.TOGGLE\", checked, isTrusted: false });\n },\n getRootProps() {\n return normalize.label({\n ...parts.root.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getRootId(scope),\n htmlFor: getHiddenInputId(scope),\n onPointerMove() {\n if (disabled) return;\n send({ type: \"CONTEXT.SET\", context: { hovered: true } });\n },\n onPointerLeave() {\n if (disabled) return;\n send({ type: \"CONTEXT.SET\", context: { hovered: false } });\n },\n onClick(event) {\n const target = getEventTarget(event);\n if (target === getHiddenInputEl(scope)) {\n event.stopPropagation();\n }\n }\n });\n },\n getLabelProps() {\n return normalize.element({\n ...parts.label.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getLabelId(scope)\n });\n },\n getControlProps() {\n return normalize.element({\n ...parts.control.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getControlId(scope),\n \"aria-hidden\": true\n });\n },\n getIndicatorProps() {\n return normalize.element({\n ...parts.indicator.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n hidden: !indeterminate && !checked\n });\n },\n getHiddenInputProps() {\n return normalize.input({\n id: getHiddenInputId(scope),\n type: \"checkbox\",\n required: prop(\"required\"),\n defaultChecked: checked,\n disabled,\n \"aria-labelledby\": getLabelId(scope),\n \"aria-invalid\": invalid,\n name: prop(\"name\"),\n form: prop(\"form\"),\n value: prop(\"value\"),\n style: visuallyHiddenStyle,\n onFocus() {\n const focusVisible2 = isFocusVisible();\n send({ type: \"CONTEXT.SET\", context: { focused: true, focusVisible: focusVisible2 } });\n },\n onBlur() {\n send({ type: \"CONTEXT.SET\", context: { focused: false, focusVisible: false } });\n },\n onClick(event) {\n if (readOnly) {\n event.preventDefault();\n return;\n }\n const checked2 = event.currentTarget.checked;\n send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: true });\n }\n });\n }\n };\n}\nvar { not } = createGuards();\nvar machine = createMachine({\n props({ props: props2 }) {\n return {\n value: \"on\",\n ...props2,\n defaultChecked: !!props2.defaultChecked\n };\n },\n initialState() {\n return \"ready\";\n },\n context({ prop, bindable }) {\n return {\n checked: bindable(() => ({\n defaultValue: prop(\"defaultChecked\"),\n value: prop(\"checked\"),\n onChange(checked) {\n prop(\"onCheckedChange\")?.({ checked });\n }\n })),\n fieldsetDisabled: bindable(() => ({ defaultValue: false })),\n focusVisible: bindable(() => ({ defaultValue: false })),\n active: bindable(() => ({ defaultValue: false })),\n focused: bindable(() => ({ defaultValue: false })),\n hovered: bindable(() => ({ defaultValue: false }))\n };\n },\n watch({ track, context, prop, action }) {\n track([() => prop(\"disabled\")], () => {\n action([\"removeFocusIfNeeded\"]);\n });\n track([() => context.get(\"checked\")], () => {\n action([\"syncInputElement\"]);\n });\n },\n effects: [\"trackFormControlState\", \"trackPressEvent\", \"trackFocusVisible\"],\n on: {\n \"CHECKED.TOGGLE\": [\n {\n guard: not(\"isTrusted\"),\n actions: [\"toggleChecked\", \"dispatchChangeEvent\"]\n },\n {\n actions: [\"toggleChecked\"]\n }\n ],\n \"CHECKED.SET\": [\n {\n guard: not(\"isTrusted\"),\n actions: [\"setChecked\", \"dispatchChangeEvent\"]\n },\n {\n actions: [\"setChecked\"]\n }\n ],\n \"CONTEXT.SET\": {\n actions: [\"setContext\"]\n }\n },\n computed: {\n indeterminate: ({ context }) => isIndeterminate(context.get(\"checked\")),\n checked: ({ context }) => isChecked(context.get(\"checked\")),\n disabled: ({ context, prop }) => !!prop(\"disabled\") || context.get(\"fieldsetDisabled\")\n },\n states: {\n ready: {}\n },\n implementations: {\n guards: {\n isTrusted: ({ event }) => !!event.isTrusted\n },\n effects: {\n trackPressEvent({ context, computed, scope }) {\n if (computed(\"disabled\")) return;\n return trackPress({\n pointerNode: getRootEl(scope),\n keyboardNode: getHiddenInputEl(scope),\n isValidKey: (event) => event.key === \" \",\n onPress: () => context.set(\"active\", false),\n onPressStart: () => context.set(\"active\", true),\n onPressEnd: () => context.set(\"active\", false)\n });\n },\n trackFocusVisible({ computed, scope }) {\n if (computed(\"disabled\")) return;\n return trackFocusVisible({ root: scope.getRootNode?.() });\n },\n trackFormControlState({ context, scope }) {\n return trackFormControl(getHiddenInputEl(scope), {\n onFieldsetDisabledChange(disabled) {\n context.set(\"fieldsetDisabled\", disabled);\n },\n onFormReset() {\n context.set(\"checked\", context.initial(\"checked\"));\n }\n });\n }\n },\n actions: {\n setContext({ context, event }) {\n for (const key in event.context) {\n context.set(key, event.context[key]);\n }\n },\n syncInputElement({ context, computed, scope }) {\n const inputEl = getHiddenInputEl(scope);\n if (!inputEl) return;\n setElementChecked(inputEl, computed(\"checked\"));\n inputEl.indeterminate = isIndeterminate(context.get(\"checked\"));\n },\n removeFocusIfNeeded({ context, prop }) {\n if (prop(\"disabled\") && context.get(\"focused\")) {\n context.set(\"focused\", false);\n context.set(\"focusVisible\", false);\n }\n },\n setChecked({ context, event }) {\n context.set(\"checked\", event.checked);\n },\n toggleChecked({ context, computed }) {\n const checked = isIndeterminate(computed(\"checked\")) ? true : !computed(\"checked\");\n context.set(\"checked\", checked);\n },\n dispatchChangeEvent({ computed, scope }) {\n queueMicrotask(() => {\n const inputEl = getHiddenInputEl(scope);\n dispatchInputCheckedEvent(inputEl, { checked: computed(\"checked\") });\n });\n }\n }\n }\n});\nfunction isIndeterminate(checked) {\n return checked === \"indeterminate\";\n}\nfunction isChecked(checked) {\n return isIndeterminate(checked) ? false : !!checked;\n}\nvar props = createProps()([\n \"defaultChecked\",\n \"checked\",\n \"dir\",\n \"disabled\",\n \"form\",\n \"getRootNode\",\n \"id\",\n \"ids\",\n \"invalid\",\n \"name\",\n \"onCheckedChange\",\n \"readOnly\",\n \"required\",\n \"value\"\n]);\nvar splitProps = createSplitProps(props);\n\nexport { anatomy, connect, machine, props, splitProps };\n","'use client';\nimport { anatomy } from '@zag-js/checkbox';\n\nconst checkboxAnatomy = anatomy.extendWith(\"group\");\n\nexport { checkboxAnatomy };\n","import { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport const CheckboxSizeMap: Record<FormControlSize, number> = {\n sm: 3,\n md: 4,\n lg: 5,\n};\n\nexport const CheckboxLabelSpacing: Record<FormControlSize, number> = {\n sm: 2,\n md: 2,\n lg: 3,\n};\n"],"names":["anatomy","createAnatomy","parts","getRootId","ctx","getLabelId","getControlId","getHiddenInputId","getRootEl","getHiddenInputEl","connect","service","normalize","send","context","prop","computed","scope","disabled","readOnly","invalid","focused","focusVisible","checked","indeterminate","dataAttrs","dataAttr","checked2","event","getEventTarget","visuallyHiddenStyle","focusVisible2","isFocusVisible","not","createGuards","machine","createMachine","props2","bindable","track","action","isIndeterminate","isChecked","trackPress","trackFocusVisible","trackFormControl","key","inputEl","setElementChecked","dispatchInputCheckedEvent","createProps","checkboxAnatomy","CheckboxSizeMap","CheckboxLabelSpacing"],"mappings":";;;AAQA,IAAIA,IAAUC,EAAc,UAAU,EAAE,MAAM,QAAQ,SAAS,WAAW,WAAW,GACjFC,IAAQF,EAAQ,MAAO,GAGvBG,IAAY,CAACC,MAAQA,EAAI,KAAK,QAAQ,YAAYA,EAAI,EAAE,IACxDC,IAAa,CAACD,MAAQA,EAAI,KAAK,SAAS,YAAYA,EAAI,EAAE,UAC1DE,IAAe,CAACF,MAAQA,EAAI,KAAK,WAAW,YAAYA,EAAI,EAAE,YAC9DG,IAAmB,CAACH,MAAQA,EAAI,KAAK,eAAe,YAAYA,EAAI,EAAE,UACtEI,IAAY,CAACJ,MAAQA,EAAI,QAAQD,EAAUC,CAAG,CAAC,GAC/CK,IAAmB,CAACL,MAAQA,EAAI,QAAQG,EAAiBH,CAAG,CAAC;AAGjE,SAASM,EAAQC,GAASC,GAAW;AACnC,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,MAAAC,GAAM,UAAAC,GAAU,OAAAC,EAAK,IAAKN,GAC3CO,IAAWH,EAAK,UAAU,GAC1BI,IAAWJ,EAAK,UAAU,GAC1BK,IAAUL,EAAK,SAAS,GACxBM,IAAU,CAACH,KAAYJ,EAAQ,IAAI,SAAS,GAC5CQ,IAAe,CAACJ,KAAYJ,EAAQ,IAAI,cAAc,GACtDS,IAAUP,EAAS,SAAS,GAC5BQ,IAAgBR,EAAS,eAAe,GACxCS,IAAY;AAAA,IAChB,eAAeC,EAASZ,EAAQ,IAAI,QAAQ,CAAC;AAAA,IAC7C,cAAcY,EAASL,CAAO;AAAA,IAC9B,sBAAsBK,EAASJ,CAAY;AAAA,IAC3C,iBAAiBI,EAASP,CAAQ;AAAA,IAClC,cAAcO,EAASZ,EAAQ,IAAI,SAAS,CAAC;AAAA,IAC7C,iBAAiBY,EAASR,CAAQ;AAAA,IAClC,cAAcM,IAAgB,kBAAkBD,IAAU,YAAY;AAAA,IACtE,gBAAgBG,EAASN,CAAO;AAAA,EACjC;AACD,SAAO;AAAA,IACL,SAAAG;AAAA,IACA,UAAAL;AAAA,IACA,eAAAM;AAAA,IACA,SAAAH;AAAA,IACA,cAAcE;AAAA,IACd,WAAWI,GAAU;AACnB,MAAAd,EAAK,EAAE,MAAM,eAAe,SAASc,GAAU,WAAW,IAAO;AAAA,IAClE;AAAA,IACD,gBAAgB;AACd,MAAAd,EAAK,EAAE,MAAM,kBAAkB,SAAAU,GAAS,WAAW,IAAO;AAAA,IAC3D;AAAA,IACD,eAAe;AACb,aAAOX,EAAU,MAAM;AAAA,QACrB,GAAGV,EAAM,KAAK;AAAA,QACd,GAAGuB;AAAA,QACH,KAAKV,EAAK,KAAK;AAAA,QACf,IAAIZ,EAAUc,CAAK;AAAA,QACnB,SAASV,EAAiBU,CAAK;AAAA,QAC/B,gBAAgB;AACd,UAAIC,KACJL,EAAK,EAAE,MAAM,eAAe,SAAS,EAAE,SAAS,GAAI,GAAI;AAAA,QACzD;AAAA,QACD,iBAAiB;AACf,UAAIK,KACJL,EAAK,EAAE,MAAM,eAAe,SAAS,EAAE,SAAS,GAAK,GAAI;AAAA,QAC1D;AAAA,QACD,QAAQe,GAAO;AAEb,UADeC,EAAeD,CAAK,MACpBnB,EAAiBQ,CAAK,KACnCW,EAAM,gBAAiB;AAAA,QAEnC;AAAA,MACA,CAAO;AAAA,IACF;AAAA,IACD,gBAAgB;AACd,aAAOhB,EAAU,QAAQ;AAAA,QACvB,GAAGV,EAAM,MAAM;AAAA,QACf,GAAGuB;AAAA,QACH,KAAKV,EAAK,KAAK;AAAA,QACf,IAAIV,EAAWY,CAAK;AAAA,MAC5B,CAAO;AAAA,IACF;AAAA,IACD,kBAAkB;AAChB,aAAOL,EAAU,QAAQ;AAAA,QACvB,GAAGV,EAAM,QAAQ;AAAA,QACjB,GAAGuB;AAAA,QACH,KAAKV,EAAK,KAAK;AAAA,QACf,IAAIT,EAAaW,CAAK;AAAA,QACtB,eAAe;AAAA,MACvB,CAAO;AAAA,IACF;AAAA,IACD,oBAAoB;AAClB,aAAOL,EAAU,QAAQ;AAAA,QACvB,GAAGV,EAAM,UAAU;AAAA,QACnB,GAAGuB;AAAA,QACH,KAAKV,EAAK,KAAK;AAAA,QACf,QAAQ,CAACS,KAAiB,CAACD;AAAA,MACnC,CAAO;AAAA,IACF;AAAA,IACD,sBAAsB;AACpB,aAAOX,EAAU,MAAM;AAAA,QACrB,IAAIL,EAAiBU,CAAK;AAAA,QAC1B,MAAM;AAAA,QACN,UAAUF,EAAK,UAAU;AAAA,QACzB,gBAAgBQ;AAAA,QAChB,UAAAL;AAAA,QACA,mBAAmBb,EAAWY,CAAK;AAAA,QACnC,gBAAgBG;AAAA,QAChB,MAAML,EAAK,MAAM;AAAA,QACjB,MAAMA,EAAK,MAAM;AAAA,QACjB,OAAOA,EAAK,OAAO;AAAA,QACnB,OAAOe;AAAA,QACP,UAAU;AACR,gBAAMC,IAAgBC,EAAgB;AACtC,UAAAnB,EAAK,EAAE,MAAM,eAAe,SAAS,EAAE,SAAS,IAAM,cAAckB,EAAa,GAAI;AAAA,QACtF;AAAA,QACD,SAAS;AACP,UAAAlB,EAAK,EAAE,MAAM,eAAe,SAAS,EAAE,SAAS,IAAO,cAAc,GAAK,GAAI;AAAA,QAC/E;AAAA,QACD,QAAQe,GAAO;AACb,cAAIT,GAAU;AACZ,YAAAS,EAAM,eAAgB;AACtB;AAAA,UACZ;AACU,gBAAMD,IAAWC,EAAM,cAAc;AACrC,UAAAf,EAAK,EAAE,MAAM,eAAe,SAASc,GAAU,WAAW,IAAM;AAAA,QAC1E;AAAA,MACA,CAAO;AAAA,IACP;AAAA,EACG;AACH;AACA,IAAI,EAAE,KAAAM,EAAK,IAAGC,EAAc,GACxBC,IAAUC,EAAc;AAAA,EAC1B,MAAM,EAAE,OAAOC,KAAU;AACvB,WAAO;AAAA,MACL,OAAO;AAAA,MACP,GAAGA;AAAA,MACH,gBAAgB,CAAC,CAACA,EAAO;AAAA,IAC1B;AAAA,EACF;AAAA,EACD,eAAe;AACb,WAAO;AAAA,EACR;AAAA,EACD,QAAQ,EAAE,MAAAtB,GAAM,UAAAuB,KAAY;AAC1B,WAAO;AAAA,MACL,SAASA,EAAS,OAAO;AAAA,QACvB,cAAcvB,EAAK,gBAAgB;AAAA,QACnC,OAAOA,EAAK,SAAS;AAAA,QACrB,SAASQ,GAAS;AAChB,UAAAR,EAAK,iBAAiB,IAAI,EAAE,SAAAQ,GAAS;AAAA,QAC/C;AAAA,MACA,EAAQ;AAAA,MACF,kBAAkBe,EAAS,OAAO,EAAE,cAAc,GAAO,EAAC;AAAA,MAC1D,cAAcA,EAAS,OAAO,EAAE,cAAc,GAAO,EAAC;AAAA,MACtD,QAAQA,EAAS,OAAO,EAAE,cAAc,GAAO,EAAC;AAAA,MAChD,SAASA,EAAS,OAAO,EAAE,cAAc,GAAO,EAAC;AAAA,MACjD,SAASA,EAAS,OAAO,EAAE,cAAc,GAAK,EAAG;AAAA,IAClD;AAAA,EACF;AAAA,EACD,MAAM,EAAE,OAAAC,GAAO,SAAAzB,GAAS,MAAAC,GAAM,QAAAyB,EAAM,GAAI;AACtC,IAAAD,EAAM,CAAC,MAAMxB,EAAK,UAAU,CAAC,GAAG,MAAM;AACpC,MAAAyB,EAAO,CAAC,qBAAqB,CAAC;AAAA,IACpC,CAAK,GACDD,EAAM,CAAC,MAAMzB,EAAQ,IAAI,SAAS,CAAC,GAAG,MAAM;AAC1C,MAAA0B,EAAO,CAAC,kBAAkB,CAAC;AAAA,IACjC,CAAK;AAAA,EACF;AAAA,EACD,SAAS,CAAC,yBAAyB,mBAAmB,mBAAmB;AAAA,EACzE,IAAI;AAAA,IACF,kBAAkB;AAAA,MAChB;AAAA,QACE,OAAOP,EAAI,WAAW;AAAA,QACtB,SAAS,CAAC,iBAAiB,qBAAqB;AAAA,MACjD;AAAA,MACD;AAAA,QACE,SAAS,CAAC,eAAe;AAAA,MACjC;AAAA,IACK;AAAA,IACD,eAAe;AAAA,MACb;AAAA,QACE,OAAOA,EAAI,WAAW;AAAA,QACtB,SAAS,CAAC,cAAc,qBAAqB;AAAA,MAC9C;AAAA,MACD;AAAA,QACE,SAAS,CAAC,YAAY;AAAA,MAC9B;AAAA,IACK;AAAA,IACD,eAAe;AAAA,MACb,SAAS,CAAC,YAAY;AAAA,IAC5B;AAAA,EACG;AAAA,EACD,UAAU;AAAA,IACR,eAAe,CAAC,EAAE,SAAAnB,EAAS,MAAK2B,EAAgB3B,EAAQ,IAAI,SAAS,CAAC;AAAA,IACtE,SAAS,CAAC,EAAE,SAAAA,EAAS,MAAK4B,EAAU5B,EAAQ,IAAI,SAAS,CAAC;AAAA,IAC1D,UAAU,CAAC,EAAE,SAAAA,GAAS,MAAAC,QAAW,CAAC,CAACA,EAAK,UAAU,KAAKD,EAAQ,IAAI,kBAAkB;AAAA,EACtF;AAAA,EACD,QAAQ;AAAA,IACN,OAAO,CAAA;AAAA,EACR;AAAA,EACD,iBAAiB;AAAA,IACf,QAAQ;AAAA,MACN,WAAW,CAAC,EAAE,OAAAc,QAAY,CAAC,CAACA,EAAM;AAAA,IACnC;AAAA,IACD,SAAS;AAAA,MACP,gBAAgB,EAAE,SAAAd,GAAS,UAAAE,GAAU,OAAAC,EAAK,GAAI;AAC5C,YAAI,CAAAD,EAAS,UAAU;AACvB,iBAAO2B,EAAW;AAAA,YAChB,aAAanC,EAAUS,CAAK;AAAA,YAC5B,cAAcR,EAAiBQ,CAAK;AAAA,YACpC,YAAY,CAACW,MAAUA,EAAM,QAAQ;AAAA,YACrC,SAAS,MAAMd,EAAQ,IAAI,UAAU,EAAK;AAAA,YAC1C,cAAc,MAAMA,EAAQ,IAAI,UAAU,EAAI;AAAA,YAC9C,YAAY,MAAMA,EAAQ,IAAI,UAAU,EAAK;AAAA,UACvD,CAAS;AAAA,MACF;AAAA,MACD,kBAAkB,EAAE,UAAAE,GAAU,OAAAC,KAAS;AACrC,YAAI,CAAAD,EAAS,UAAU;AACvB,iBAAO4B,EAAkB,EAAE,MAAM3B,EAAM,cAAe,EAAA,CAAE;AAAA,MACzD;AAAA,MACD,sBAAsB,EAAE,SAAAH,GAAS,OAAAG,KAAS;AACxC,eAAO4B,EAAiBpC,EAAiBQ,CAAK,GAAG;AAAA,UAC/C,yBAAyBC,GAAU;AACjC,YAAAJ,EAAQ,IAAI,oBAAoBI,CAAQ;AAAA,UACzC;AAAA,UACD,cAAc;AACZ,YAAAJ,EAAQ,IAAI,WAAWA,EAAQ,QAAQ,SAAS,CAAC;AAAA,UAC7D;AAAA,QACA,CAAS;AAAA,MACT;AAAA,IACK;AAAA,IACD,SAAS;AAAA,MACP,WAAW,EAAE,SAAAA,GAAS,OAAAc,KAAS;AAC7B,mBAAWkB,KAAOlB,EAAM;AACtB,UAAAd,EAAQ,IAAIgC,GAAKlB,EAAM,QAAQkB,CAAG,CAAC;AAAA,MAEtC;AAAA,MACD,iBAAiB,EAAE,SAAAhC,GAAS,UAAAE,GAAU,OAAAC,EAAK,GAAI;AAC7C,cAAM8B,IAAUtC,EAAiBQ,CAAK;AACtC,QAAK8B,MACLC,EAAkBD,GAAS/B,EAAS,SAAS,CAAC,GAC9C+B,EAAQ,gBAAgBN,EAAgB3B,EAAQ,IAAI,SAAS,CAAC;AAAA,MAC/D;AAAA,MACD,oBAAoB,EAAE,SAAAA,GAAS,MAAAC,KAAQ;AACrC,QAAIA,EAAK,UAAU,KAAKD,EAAQ,IAAI,SAAS,MAC3CA,EAAQ,IAAI,WAAW,EAAK,GAC5BA,EAAQ,IAAI,gBAAgB,EAAK;AAAA,MAEpC;AAAA,MACD,WAAW,EAAE,SAAAA,GAAS,OAAAc,KAAS;AAC7B,QAAAd,EAAQ,IAAI,WAAWc,EAAM,OAAO;AAAA,MACrC;AAAA,MACD,cAAc,EAAE,SAAAd,GAAS,UAAAE,KAAY;AACnC,cAAMO,IAAUkB,EAAgBzB,EAAS,SAAS,CAAC,IAAI,KAAO,CAACA,EAAS,SAAS;AACjF,QAAAF,EAAQ,IAAI,WAAWS,CAAO;AAAA,MAC/B;AAAA,MACD,oBAAoB,EAAE,UAAAP,GAAU,OAAAC,KAAS;AACvC,uBAAe,MAAM;AACnB,gBAAM8B,IAAUtC,EAAiBQ,CAAK;AACtC,UAAAgC,EAA0BF,GAAS,EAAE,SAAS/B,EAAS,SAAS,EAAC,CAAE;AAAA,QAC7E,CAAS;AAAA,MACT;AAAA,IACA;AAAA,EACA;AACA,CAAC;AACD,SAASyB,EAAgBlB,GAAS;AAChC,SAAOA,MAAY;AACrB;AACA,SAASmB,EAAUnB,GAAS;AAC1B,SAAOkB,EAAgBlB,CAAO,IAAI,KAAQ,CAAC,CAACA;AAC9C;AACY2B,IAAc;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AC1RI,MAACC,IAAkBnD,EAAQ,WAAW,OAAO,GCDrCoD,IAAmD;AAAA,EAC9D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAwD;AAAA,EACnE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;","x_google_ignoreList":[0,1]}
1
+ {"version":3,"file":"checkbox.records-CIoa-J68.js","sources":["../../node_modules/@zag-js/checkbox/dist/index.mjs","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox.anatomy.js","../../src/components/Checkbox/checkbox.records.ts"],"sourcesContent":["import { createAnatomy } from '@zag-js/anatomy';\nimport { dispatchInputCheckedEvent, setElementChecked, trackFormControl, trackPress, dataAttr, visuallyHiddenStyle, getEventTarget } from '@zag-js/dom-query';\nimport { trackFocusVisible, isFocusVisible } from '@zag-js/focus-visible';\nimport { createGuards, createMachine } from '@zag-js/core';\nimport { createProps } from '@zag-js/types';\nimport { createSplitProps } from '@zag-js/utils';\n\n// src/checkbox.anatomy.ts\nvar anatomy = createAnatomy(\"checkbox\").parts(\"root\", \"label\", \"control\", \"indicator\");\nvar parts = anatomy.build();\n\n// src/checkbox.dom.ts\nvar getRootId = (ctx) => ctx.ids?.root ?? `checkbox:${ctx.id}`;\nvar getLabelId = (ctx) => ctx.ids?.label ?? `checkbox:${ctx.id}:label`;\nvar getControlId = (ctx) => ctx.ids?.control ?? `checkbox:${ctx.id}:control`;\nvar getHiddenInputId = (ctx) => ctx.ids?.hiddenInput ?? `checkbox:${ctx.id}:input`;\nvar getRootEl = (ctx) => ctx.getById(getRootId(ctx));\nvar getHiddenInputEl = (ctx) => ctx.getById(getHiddenInputId(ctx));\n\n// src/checkbox.connect.ts\nfunction connect(service, normalize) {\n const { send, context, prop, computed, scope } = service;\n const disabled = prop(\"disabled\");\n const readOnly = prop(\"readOnly\");\n const invalid = prop(\"invalid\");\n const focused = !disabled && context.get(\"focused\");\n const focusVisible = !disabled && context.get(\"focusVisible\");\n const checked = computed(\"checked\");\n const indeterminate = computed(\"indeterminate\");\n const dataAttrs = {\n \"data-active\": dataAttr(context.get(\"active\")),\n \"data-focus\": dataAttr(focused),\n \"data-focus-visible\": dataAttr(focusVisible),\n \"data-readonly\": dataAttr(readOnly),\n \"data-hover\": dataAttr(context.get(\"hovered\")),\n \"data-disabled\": dataAttr(disabled),\n \"data-state\": indeterminate ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\",\n \"data-invalid\": dataAttr(invalid)\n };\n return {\n checked,\n disabled,\n indeterminate,\n focused,\n checkedState: checked,\n setChecked(checked2) {\n send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: false });\n },\n toggleChecked() {\n send({ type: \"CHECKED.TOGGLE\", checked, isTrusted: false });\n },\n getRootProps() {\n return normalize.label({\n ...parts.root.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getRootId(scope),\n htmlFor: getHiddenInputId(scope),\n onPointerMove() {\n if (disabled) return;\n send({ type: \"CONTEXT.SET\", context: { hovered: true } });\n },\n onPointerLeave() {\n if (disabled) return;\n send({ type: \"CONTEXT.SET\", context: { hovered: false } });\n },\n onClick(event) {\n const target = getEventTarget(event);\n if (target === getHiddenInputEl(scope)) {\n event.stopPropagation();\n }\n }\n });\n },\n getLabelProps() {\n return normalize.element({\n ...parts.label.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getLabelId(scope)\n });\n },\n getControlProps() {\n return normalize.element({\n ...parts.control.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getControlId(scope),\n \"aria-hidden\": true\n });\n },\n getIndicatorProps() {\n return normalize.element({\n ...parts.indicator.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n hidden: !indeterminate && !checked\n });\n },\n getHiddenInputProps() {\n return normalize.input({\n id: getHiddenInputId(scope),\n type: \"checkbox\",\n required: prop(\"required\"),\n defaultChecked: checked,\n disabled,\n \"aria-labelledby\": getLabelId(scope),\n \"aria-invalid\": invalid,\n name: prop(\"name\"),\n form: prop(\"form\"),\n value: prop(\"value\"),\n style: visuallyHiddenStyle,\n onFocus() {\n const focusVisible2 = isFocusVisible();\n send({ type: \"CONTEXT.SET\", context: { focused: true, focusVisible: focusVisible2 } });\n },\n onBlur() {\n send({ type: \"CONTEXT.SET\", context: { focused: false, focusVisible: false } });\n },\n onClick(event) {\n if (readOnly) {\n event.preventDefault();\n return;\n }\n const checked2 = event.currentTarget.checked;\n send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: true });\n }\n });\n }\n };\n}\nvar { not } = createGuards();\nvar machine = createMachine({\n props({ props: props2 }) {\n return {\n value: \"on\",\n ...props2,\n defaultChecked: !!props2.defaultChecked\n };\n },\n initialState() {\n return \"ready\";\n },\n context({ prop, bindable }) {\n return {\n checked: bindable(() => ({\n defaultValue: prop(\"defaultChecked\"),\n value: prop(\"checked\"),\n onChange(checked) {\n prop(\"onCheckedChange\")?.({ checked });\n }\n })),\n fieldsetDisabled: bindable(() => ({ defaultValue: false })),\n focusVisible: bindable(() => ({ defaultValue: false })),\n active: bindable(() => ({ defaultValue: false })),\n focused: bindable(() => ({ defaultValue: false })),\n hovered: bindable(() => ({ defaultValue: false }))\n };\n },\n watch({ track, context, prop, action }) {\n track([() => prop(\"disabled\")], () => {\n action([\"removeFocusIfNeeded\"]);\n });\n track([() => context.get(\"checked\")], () => {\n action([\"syncInputElement\"]);\n });\n },\n effects: [\"trackFormControlState\", \"trackPressEvent\", \"trackFocusVisible\"],\n on: {\n \"CHECKED.TOGGLE\": [\n {\n guard: not(\"isTrusted\"),\n actions: [\"toggleChecked\", \"dispatchChangeEvent\"]\n },\n {\n actions: [\"toggleChecked\"]\n }\n ],\n \"CHECKED.SET\": [\n {\n guard: not(\"isTrusted\"),\n actions: [\"setChecked\", \"dispatchChangeEvent\"]\n },\n {\n actions: [\"setChecked\"]\n }\n ],\n \"CONTEXT.SET\": {\n actions: [\"setContext\"]\n }\n },\n computed: {\n indeterminate: ({ context }) => isIndeterminate(context.get(\"checked\")),\n checked: ({ context }) => isChecked(context.get(\"checked\")),\n disabled: ({ context, prop }) => !!prop(\"disabled\") || context.get(\"fieldsetDisabled\")\n },\n states: {\n ready: {}\n },\n implementations: {\n guards: {\n isTrusted: ({ event }) => !!event.isTrusted\n },\n effects: {\n trackPressEvent({ context, computed, scope }) {\n if (computed(\"disabled\")) return;\n return trackPress({\n pointerNode: getRootEl(scope),\n keyboardNode: getHiddenInputEl(scope),\n isValidKey: (event) => event.key === \" \",\n onPress: () => context.set(\"active\", false),\n onPressStart: () => context.set(\"active\", true),\n onPressEnd: () => context.set(\"active\", false)\n });\n },\n trackFocusVisible({ computed, scope }) {\n if (computed(\"disabled\")) return;\n return trackFocusVisible({ root: scope.getRootNode?.() });\n },\n trackFormControlState({ context, scope }) {\n return trackFormControl(getHiddenInputEl(scope), {\n onFieldsetDisabledChange(disabled) {\n context.set(\"fieldsetDisabled\", disabled);\n },\n onFormReset() {\n context.set(\"checked\", context.initial(\"checked\"));\n }\n });\n }\n },\n actions: {\n setContext({ context, event }) {\n for (const key in event.context) {\n context.set(key, event.context[key]);\n }\n },\n syncInputElement({ context, computed, scope }) {\n const inputEl = getHiddenInputEl(scope);\n if (!inputEl) return;\n setElementChecked(inputEl, computed(\"checked\"));\n inputEl.indeterminate = isIndeterminate(context.get(\"checked\"));\n },\n removeFocusIfNeeded({ context, prop }) {\n if (prop(\"disabled\") && context.get(\"focused\")) {\n context.set(\"focused\", false);\n context.set(\"focusVisible\", false);\n }\n },\n setChecked({ context, event }) {\n context.set(\"checked\", event.checked);\n },\n toggleChecked({ context, computed }) {\n const checked = isIndeterminate(computed(\"checked\")) ? true : !computed(\"checked\");\n context.set(\"checked\", checked);\n },\n dispatchChangeEvent({ computed, scope }) {\n queueMicrotask(() => {\n const inputEl = getHiddenInputEl(scope);\n dispatchInputCheckedEvent(inputEl, { checked: computed(\"checked\") });\n });\n }\n }\n }\n});\nfunction isIndeterminate(checked) {\n return checked === \"indeterminate\";\n}\nfunction isChecked(checked) {\n return isIndeterminate(checked) ? false : !!checked;\n}\nvar props = createProps()([\n \"defaultChecked\",\n \"checked\",\n \"dir\",\n \"disabled\",\n \"form\",\n \"getRootNode\",\n \"id\",\n \"ids\",\n \"invalid\",\n \"name\",\n \"onCheckedChange\",\n \"readOnly\",\n \"required\",\n \"value\"\n]);\nvar splitProps = createSplitProps(props);\n\nexport { anatomy, connect, machine, props, splitProps };\n","'use client';\nimport { anatomy } from '@zag-js/checkbox';\n\nconst checkboxAnatomy = anatomy.extendWith(\"group\");\n\nexport { checkboxAnatomy };\n","import { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport const CheckboxSizeMap: Record<FormControlSize, number> = {\n sm: 3,\n md: 4,\n lg: 5,\n};\n\nexport const CheckboxLabelSpacing: Record<FormControlSize, number> = {\n sm: 2,\n md: 2,\n lg: 3,\n};\n"],"names":["anatomy","createAnatomy","parts","getRootId","ctx","getLabelId","getControlId","getHiddenInputId","getRootEl","getHiddenInputEl","connect","service","normalize","send","context","prop","computed","scope","disabled","readOnly","invalid","focused","focusVisible","checked","indeterminate","dataAttrs","dataAttr","checked2","event","getEventTarget","visuallyHiddenStyle","focusVisible2","isFocusVisible","not","createGuards","machine","createMachine","props2","bindable","track","action","isIndeterminate","isChecked","trackPress","trackFocusVisible","trackFormControl","key","inputEl","setElementChecked","dispatchInputCheckedEvent","createProps","checkboxAnatomy","CheckboxSizeMap","CheckboxLabelSpacing"],"mappings":";;;AAQA,IAAIA,IAAUC,EAAc,UAAU,EAAE,MAAM,QAAQ,SAAS,WAAW,WAAW,GACjFC,IAAQF,EAAQ,MAAO,GAGvBG,IAAY,CAACC,MAAQA,EAAI,KAAK,QAAQ,YAAYA,EAAI,EAAE,IACxDC,IAAa,CAACD,MAAQA,EAAI,KAAK,SAAS,YAAYA,EAAI,EAAE,UAC1DE,IAAe,CAACF,MAAQA,EAAI,KAAK,WAAW,YAAYA,EAAI,EAAE,YAC9DG,IAAmB,CAACH,MAAQA,EAAI,KAAK,eAAe,YAAYA,EAAI,EAAE,UACtEI,IAAY,CAACJ,MAAQA,EAAI,QAAQD,EAAUC,CAAG,CAAC,GAC/CK,IAAmB,CAACL,MAAQA,EAAI,QAAQG,EAAiBH,CAAG,CAAC;AAGjE,SAASM,EAAQC,GAASC,GAAW;AACnC,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,MAAAC,GAAM,UAAAC,GAAU,OAAAC,EAAK,IAAKN,GAC3CO,IAAWH,EAAK,UAAU,GAC1BI,IAAWJ,EAAK,UAAU,GAC1BK,IAAUL,EAAK,SAAS,GACxBM,IAAU,CAACH,KAAYJ,EAAQ,IAAI,SAAS,GAC5CQ,IAAe,CAACJ,KAAYJ,EAAQ,IAAI,cAAc,GACtDS,IAAUP,EAAS,SAAS,GAC5BQ,IAAgBR,EAAS,eAAe,GACxCS,IAAY;AAAA,IAChB,eAAeC,EAASZ,EAAQ,IAAI,QAAQ,CAAC;AAAA,IAC7C,cAAcY,EAASL,CAAO;AAAA,IAC9B,sBAAsBK,EAASJ,CAAY;AAAA,IAC3C,iBAAiBI,EAASP,CAAQ;AAAA,IAClC,cAAcO,EAASZ,EAAQ,IAAI,SAAS,CAAC;AAAA,IAC7C,iBAAiBY,EAASR,CAAQ;AAAA,IAClC,cAAcM,IAAgB,kBAAkBD,IAAU,YAAY;AAAA,IACtE,gBAAgBG,EAASN,CAAO;AAAA,EACjC;AACD,SAAO;AAAA,IACL,SAAAG;AAAA,IACA,UAAAL;AAAA,IACA,eAAAM;AAAA,IACA,SAAAH;AAAA,IACA,cAAcE;AAAA,IACd,WAAWI,GAAU;AACnB,MAAAd,EAAK,EAAE,MAAM,eAAe,SAASc,GAAU,WAAW,IAAO;AAAA,IAClE;AAAA,IACD,gBAAgB;AACd,MAAAd,EAAK,EAAE,MAAM,kBAAkB,SAAAU,GAAS,WAAW,IAAO;AAAA,IAC3D;AAAA,IACD,eAAe;AACb,aAAOX,EAAU,MAAM;AAAA,QACrB,GAAGV,EAAM,KAAK;AAAA,QACd,GAAGuB;AAAA,QACH,KAAKV,EAAK,KAAK;AAAA,QACf,IAAIZ,EAAUc,CAAK;AAAA,QACnB,SAASV,EAAiBU,CAAK;AAAA,QAC/B,gBAAgB;AACd,UAAIC,KACJL,EAAK,EAAE,MAAM,eAAe,SAAS,EAAE,SAAS,GAAI,GAAI;AAAA,QACzD;AAAA,QACD,iBAAiB;AACf,UAAIK,KACJL,EAAK,EAAE,MAAM,eAAe,SAAS,EAAE,SAAS,GAAK,GAAI;AAAA,QAC1D;AAAA,QACD,QAAQe,GAAO;AAEb,UADeC,EAAeD,CAAK,MACpBnB,EAAiBQ,CAAK,KACnCW,EAAM,gBAAiB;AAAA,QAEnC;AAAA,MACA,CAAO;AAAA,IACF;AAAA,IACD,gBAAgB;AACd,aAAOhB,EAAU,QAAQ;AAAA,QACvB,GAAGV,EAAM,MAAM;AAAA,QACf,GAAGuB;AAAA,QACH,KAAKV,EAAK,KAAK;AAAA,QACf,IAAIV,EAAWY,CAAK;AAAA,MAC5B,CAAO;AAAA,IACF;AAAA,IACD,kBAAkB;AAChB,aAAOL,EAAU,QAAQ;AAAA,QACvB,GAAGV,EAAM,QAAQ;AAAA,QACjB,GAAGuB;AAAA,QACH,KAAKV,EAAK,KAAK;AAAA,QACf,IAAIT,EAAaW,CAAK;AAAA,QACtB,eAAe;AAAA,MACvB,CAAO;AAAA,IACF;AAAA,IACD,oBAAoB;AAClB,aAAOL,EAAU,QAAQ;AAAA,QACvB,GAAGV,EAAM,UAAU;AAAA,QACnB,GAAGuB;AAAA,QACH,KAAKV,EAAK,KAAK;AAAA,QACf,QAAQ,CAACS,KAAiB,CAACD;AAAA,MACnC,CAAO;AAAA,IACF;AAAA,IACD,sBAAsB;AACpB,aAAOX,EAAU,MAAM;AAAA,QACrB,IAAIL,EAAiBU,CAAK;AAAA,QAC1B,MAAM;AAAA,QACN,UAAUF,EAAK,UAAU;AAAA,QACzB,gBAAgBQ;AAAA,QAChB,UAAAL;AAAA,QACA,mBAAmBb,EAAWY,CAAK;AAAA,QACnC,gBAAgBG;AAAA,QAChB,MAAML,EAAK,MAAM;AAAA,QACjB,MAAMA,EAAK,MAAM;AAAA,QACjB,OAAOA,EAAK,OAAO;AAAA,QACnB,OAAOe;AAAA,QACP,UAAU;AACR,gBAAMC,IAAgBC,EAAgB;AACtC,UAAAnB,EAAK,EAAE,MAAM,eAAe,SAAS,EAAE,SAAS,IAAM,cAAckB,EAAa,GAAI;AAAA,QACtF;AAAA,QACD,SAAS;AACP,UAAAlB,EAAK,EAAE,MAAM,eAAe,SAAS,EAAE,SAAS,IAAO,cAAc,GAAK,GAAI;AAAA,QAC/E;AAAA,QACD,QAAQe,GAAO;AACb,cAAIT,GAAU;AACZ,YAAAS,EAAM,eAAgB;AACtB;AAAA,UACZ;AACU,gBAAMD,IAAWC,EAAM,cAAc;AACrC,UAAAf,EAAK,EAAE,MAAM,eAAe,SAASc,GAAU,WAAW,IAAM;AAAA,QAC1E;AAAA,MACA,CAAO;AAAA,IACP;AAAA,EACG;AACH;AACA,IAAI,EAAE,KAAAM,EAAK,IAAGC,EAAc,GACxBC,IAAUC,EAAc;AAAA,EAC1B,MAAM,EAAE,OAAOC,KAAU;AACvB,WAAO;AAAA,MACL,OAAO;AAAA,MACP,GAAGA;AAAA,MACH,gBAAgB,CAAC,CAACA,EAAO;AAAA,IAC1B;AAAA,EACF;AAAA,EACD,eAAe;AACb,WAAO;AAAA,EACR;AAAA,EACD,QAAQ,EAAE,MAAAtB,GAAM,UAAAuB,KAAY;AAC1B,WAAO;AAAA,MACL,SAASA,EAAS,OAAO;AAAA,QACvB,cAAcvB,EAAK,gBAAgB;AAAA,QACnC,OAAOA,EAAK,SAAS;AAAA,QACrB,SAASQ,GAAS;AAChB,UAAAR,EAAK,iBAAiB,IAAI,EAAE,SAAAQ,GAAS;AAAA,QAC/C;AAAA,MACA,EAAQ;AAAA,MACF,kBAAkBe,EAAS,OAAO,EAAE,cAAc,GAAO,EAAC;AAAA,MAC1D,cAAcA,EAAS,OAAO,EAAE,cAAc,GAAO,EAAC;AAAA,MACtD,QAAQA,EAAS,OAAO,EAAE,cAAc,GAAO,EAAC;AAAA,MAChD,SAASA,EAAS,OAAO,EAAE,cAAc,GAAO,EAAC;AAAA,MACjD,SAASA,EAAS,OAAO,EAAE,cAAc,GAAK,EAAG;AAAA,IAClD;AAAA,EACF;AAAA,EACD,MAAM,EAAE,OAAAC,GAAO,SAAAzB,GAAS,MAAAC,GAAM,QAAAyB,EAAM,GAAI;AACtC,IAAAD,EAAM,CAAC,MAAMxB,EAAK,UAAU,CAAC,GAAG,MAAM;AACpC,MAAAyB,EAAO,CAAC,qBAAqB,CAAC;AAAA,IACpC,CAAK,GACDD,EAAM,CAAC,MAAMzB,EAAQ,IAAI,SAAS,CAAC,GAAG,MAAM;AAC1C,MAAA0B,EAAO,CAAC,kBAAkB,CAAC;AAAA,IACjC,CAAK;AAAA,EACF;AAAA,EACD,SAAS,CAAC,yBAAyB,mBAAmB,mBAAmB;AAAA,EACzE,IAAI;AAAA,IACF,kBAAkB;AAAA,MAChB;AAAA,QACE,OAAOP,EAAI,WAAW;AAAA,QACtB,SAAS,CAAC,iBAAiB,qBAAqB;AAAA,MACjD;AAAA,MACD;AAAA,QACE,SAAS,CAAC,eAAe;AAAA,MACjC;AAAA,IACK;AAAA,IACD,eAAe;AAAA,MACb;AAAA,QACE,OAAOA,EAAI,WAAW;AAAA,QACtB,SAAS,CAAC,cAAc,qBAAqB;AAAA,MAC9C;AAAA,MACD;AAAA,QACE,SAAS,CAAC,YAAY;AAAA,MAC9B;AAAA,IACK;AAAA,IACD,eAAe;AAAA,MACb,SAAS,CAAC,YAAY;AAAA,IAC5B;AAAA,EACG;AAAA,EACD,UAAU;AAAA,IACR,eAAe,CAAC,EAAE,SAAAnB,EAAS,MAAK2B,EAAgB3B,EAAQ,IAAI,SAAS,CAAC;AAAA,IACtE,SAAS,CAAC,EAAE,SAAAA,EAAS,MAAK4B,EAAU5B,EAAQ,IAAI,SAAS,CAAC;AAAA,IAC1D,UAAU,CAAC,EAAE,SAAAA,GAAS,MAAAC,QAAW,CAAC,CAACA,EAAK,UAAU,KAAKD,EAAQ,IAAI,kBAAkB;AAAA,EACtF;AAAA,EACD,QAAQ;AAAA,IACN,OAAO,CAAA;AAAA,EACR;AAAA,EACD,iBAAiB;AAAA,IACf,QAAQ;AAAA,MACN,WAAW,CAAC,EAAE,OAAAc,QAAY,CAAC,CAACA,EAAM;AAAA,IACnC;AAAA,IACD,SAAS;AAAA,MACP,gBAAgB,EAAE,SAAAd,GAAS,UAAAE,GAAU,OAAAC,EAAK,GAAI;AAC5C,YAAI,CAAAD,EAAS,UAAU;AACvB,iBAAO2B,EAAW;AAAA,YAChB,aAAanC,EAAUS,CAAK;AAAA,YAC5B,cAAcR,EAAiBQ,CAAK;AAAA,YACpC,YAAY,CAACW,MAAUA,EAAM,QAAQ;AAAA,YACrC,SAAS,MAAMd,EAAQ,IAAI,UAAU,EAAK;AAAA,YAC1C,cAAc,MAAMA,EAAQ,IAAI,UAAU,EAAI;AAAA,YAC9C,YAAY,MAAMA,EAAQ,IAAI,UAAU,EAAK;AAAA,UACvD,CAAS;AAAA,MACF;AAAA,MACD,kBAAkB,EAAE,UAAAE,GAAU,OAAAC,KAAS;AACrC,YAAI,CAAAD,EAAS,UAAU;AACvB,iBAAO4B,EAAkB,EAAE,MAAM3B,EAAM,cAAe,EAAA,CAAE;AAAA,MACzD;AAAA,MACD,sBAAsB,EAAE,SAAAH,GAAS,OAAAG,KAAS;AACxC,eAAO4B,EAAiBpC,EAAiBQ,CAAK,GAAG;AAAA,UAC/C,yBAAyBC,GAAU;AACjC,YAAAJ,EAAQ,IAAI,oBAAoBI,CAAQ;AAAA,UACzC;AAAA,UACD,cAAc;AACZ,YAAAJ,EAAQ,IAAI,WAAWA,EAAQ,QAAQ,SAAS,CAAC;AAAA,UAC7D;AAAA,QACA,CAAS;AAAA,MACT;AAAA,IACK;AAAA,IACD,SAAS;AAAA,MACP,WAAW,EAAE,SAAAA,GAAS,OAAAc,KAAS;AAC7B,mBAAWkB,KAAOlB,EAAM;AACtB,UAAAd,EAAQ,IAAIgC,GAAKlB,EAAM,QAAQkB,CAAG,CAAC;AAAA,MAEtC;AAAA,MACD,iBAAiB,EAAE,SAAAhC,GAAS,UAAAE,GAAU,OAAAC,EAAK,GAAI;AAC7C,cAAM8B,IAAUtC,EAAiBQ,CAAK;AACtC,QAAK8B,MACLC,EAAkBD,GAAS/B,EAAS,SAAS,CAAC,GAC9C+B,EAAQ,gBAAgBN,EAAgB3B,EAAQ,IAAI,SAAS,CAAC;AAAA,MAC/D;AAAA,MACD,oBAAoB,EAAE,SAAAA,GAAS,MAAAC,KAAQ;AACrC,QAAIA,EAAK,UAAU,KAAKD,EAAQ,IAAI,SAAS,MAC3CA,EAAQ,IAAI,WAAW,EAAK,GAC5BA,EAAQ,IAAI,gBAAgB,EAAK;AAAA,MAEpC;AAAA,MACD,WAAW,EAAE,SAAAA,GAAS,OAAAc,KAAS;AAC7B,QAAAd,EAAQ,IAAI,WAAWc,EAAM,OAAO;AAAA,MACrC;AAAA,MACD,cAAc,EAAE,SAAAd,GAAS,UAAAE,KAAY;AACnC,cAAMO,IAAUkB,EAAgBzB,EAAS,SAAS,CAAC,IAAI,KAAO,CAACA,EAAS,SAAS;AACjF,QAAAF,EAAQ,IAAI,WAAWS,CAAO;AAAA,MAC/B;AAAA,MACD,oBAAoB,EAAE,UAAAP,GAAU,OAAAC,KAAS;AACvC,uBAAe,MAAM;AACnB,gBAAM8B,IAAUtC,EAAiBQ,CAAK;AACtC,UAAAgC,EAA0BF,GAAS,EAAE,SAAS/B,EAAS,SAAS,EAAC,CAAE;AAAA,QAC7E,CAAS;AAAA,MACT;AAAA,IACA;AAAA,EACA;AACA,CAAC;AACD,SAASyB,EAAgBlB,GAAS;AAChC,SAAOA,MAAY;AACrB;AACA,SAASmB,EAAUnB,GAAS;AAC1B,SAAOkB,EAAgBlB,CAAO,IAAI,KAAQ,CAAC,CAACA;AAC9C;AACY2B,IAAc;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AC1RI,MAACC,IAAkBnD,EAAQ,WAAW,OAAO,GCDrCoD,IAAmD;AAAA,EAC9D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAwD;AAAA,EACnE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;","x_google_ignoreList":[0,1]}
@@ -1,6 +1,6 @@
1
1
  import { j as r } from "./jsx-runtime-C5mzlN2N.js";
2
- import { w as b } from "./withFormControl-CjY2Infu.js";
3
- import { C as f, W as j } from "./checkbox.component-C5SGTamU.js";
2
+ import { w as b } from "./withFormControl-7frigdfy.js";
3
+ import { C as f, W as j } from "./checkbox.component-0xblm1A8.js";
4
4
  import { S as G } from "./stack-Dnuh5Zgf.js";
5
5
  const p = ({
6
6
  checkboxes: t,
@@ -49,4 +49,4 @@ const N = b(p);
49
49
  export {
50
50
  N as W
51
51
  };
52
- //# sourceMappingURL=checkboxGroup.component-uNcZPAQb.js.map
52
+ //# sourceMappingURL=checkboxGroup.component-LWTDPWxy.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"checkboxGroup.component-uNcZPAQb.js","sources":["../../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n CheckboxGroup as CCheckboxGroup,\n CheckboxGroupProps as CCheckboxGroupProps,\n} from \"@chakra-ui/react/checkbox\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FlexDirection } from \"shared/types/alignment\";\nimport {\n Checkbox,\n CheckboxProps,\n} from \"components/Checkbox/checkbox.component\";\nimport { Stack } from \"@chakra-ui/react/stack\";\nimport { ConditionalValue } from \"@chakra-ui/react/styled-system\";\n\nexport interface KCheckboxGroupProps extends WithFormControlProps {\n checkboxes: CheckboxProps[];\n direction?: ConditionalValue<FlexDirection>;\n onChange?: (value: string[]) => void;\n}\n\nexport type CheckboxGroupProps = KCheckboxGroupProps &\n Omit<CCheckboxGroupProps, \"onValueChange\">;\n\nconst CheckboxGroup = ({\n checkboxes,\n defaultValue,\n direction = \"column\",\n disabled,\n invalid,\n onContrast,\n readOnly,\n required,\n name,\n onChange,\n size = \"md\",\n value,\n gap = 2,\n ...rest\n}: CheckboxGroupProps): React.JSX.Element => {\n return (\n <CCheckboxGroup\n className=\"CheckboxGroup\"\n data-testid=\"kibble-checkbox-group\"\n disabled={disabled}\n invalid={invalid}\n name={name}\n defaultValue={defaultValue}\n value={value}\n onValueChange={onChange}\n width=\"inherit\"\n >\n <Stack direction={direction} gap={gap} {...rest}>\n {checkboxes.map((checkbox, index) => (\n <Checkbox\n onContrast={onContrast}\n key={`checkbox-${index}`}\n checked={\n checkbox.checked ||\n defaultValue?.includes(`${checkbox?.value}`) ||\n value?.includes(`${checkbox?.value}`)\n }\n size={size}\n required={required}\n readOnly={readOnly}\n {...(direction === \"row\" && { fullWidth: false })}\n {...checkbox}\n />\n ))}\n </Stack>\n </CCheckboxGroup>\n );\n};\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","checkboxes","defaultValue","direction","disabled","invalid","onContrast","readOnly","required","name","onChange","size","value","gap","rest","jsx","CCheckboxGroup","Stack","checkbox","index","Checkbox","WrappedCheckboxGroup","withFormControl"],"mappings":";;;;AA0BA,MAAMA,IAAgB,CAAC;AAAA,EACrB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,UAAAZ;AAAA,IACA,SAAAC;AAAA,IACA,MAAAI;AAAA,IACA,cAAAP;AAAA,IACA,OAAAU;AAAA,IACA,eAAeF;AAAA,IACf,OAAM;AAAA,IAEN,UAAAK,gBAAAA,EAAAA,IAACE,GAAM,EAAA,WAAAd,GAAsB,KAAAU,GAAW,GAAGC,GACxC,UAAWb,EAAA,IAAI,CAACiB,GAAUC,MACzBJ,gBAAAA,EAAA;AAAA,MAACK;AAAAA,MAAA;AAAA,QACC,YAAAd;AAAA,QAEA,SACEY,EAAS,WACThB,GAAc,SAAS,GAAGgB,GAAU,KAAK,EAAE,KAC3CN,GAAO,SAAS,GAAGM,GAAU,KAAK,EAAE;AAAA,QAEtC,MAAAP;AAAA,QACA,UAAAH;AAAA,QACA,UAAAD;AAAA,QACC,GAAIJ,MAAc,SAAS,EAAE,WAAW,GAAM;AAAA,QAC9C,GAAGe;AAAA,MAAA;AAAA,MAVC,YAAYC,CAAK;AAAA,IAAA,CAYzB,EACH,CAAA;AAAA,EAAA;AACF;AAIJnB,EAAc,cAAc;AAEtB,MAAAqB,IAAuBC,EAAgBtB,CAAa;"}
1
+ {"version":3,"file":"checkboxGroup.component-LWTDPWxy.js","sources":["../../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n CheckboxGroup as CCheckboxGroup,\n CheckboxGroupProps as CCheckboxGroupProps,\n} from \"@chakra-ui/react/checkbox\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FlexDirection } from \"shared/types/alignment\";\nimport {\n Checkbox,\n CheckboxProps,\n} from \"components/Checkbox/checkbox.component\";\nimport { Stack } from \"@chakra-ui/react/stack\";\nimport { ConditionalValue } from \"@chakra-ui/react/styled-system\";\n\nexport interface KCheckboxGroupProps extends WithFormControlProps {\n checkboxes: CheckboxProps[];\n direction?: ConditionalValue<FlexDirection>;\n onChange?: (value: string[]) => void;\n}\n\nexport type CheckboxGroupProps = KCheckboxGroupProps &\n Omit<CCheckboxGroupProps, \"onValueChange\">;\n\nconst CheckboxGroup = ({\n checkboxes,\n defaultValue,\n direction = \"column\",\n disabled,\n invalid,\n onContrast,\n readOnly,\n required,\n name,\n onChange,\n size = \"md\",\n value,\n gap = 2,\n ...rest\n}: CheckboxGroupProps): React.JSX.Element => {\n return (\n <CCheckboxGroup\n className=\"CheckboxGroup\"\n data-testid=\"kibble-checkbox-group\"\n disabled={disabled}\n invalid={invalid}\n name={name}\n defaultValue={defaultValue}\n value={value}\n onValueChange={onChange}\n width=\"inherit\"\n >\n <Stack direction={direction} gap={gap} {...rest}>\n {checkboxes.map((checkbox, index) => (\n <Checkbox\n onContrast={onContrast}\n key={`checkbox-${index}`}\n checked={\n checkbox.checked ||\n defaultValue?.includes(`${checkbox?.value}`) ||\n value?.includes(`${checkbox?.value}`)\n }\n size={size}\n required={required}\n readOnly={readOnly}\n {...(direction === \"row\" && { fullWidth: false })}\n {...checkbox}\n />\n ))}\n </Stack>\n </CCheckboxGroup>\n );\n};\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","checkboxes","defaultValue","direction","disabled","invalid","onContrast","readOnly","required","name","onChange","size","value","gap","rest","jsx","CCheckboxGroup","Stack","checkbox","index","Checkbox","WrappedCheckboxGroup","withFormControl"],"mappings":";;;;AA0BA,MAAMA,IAAgB,CAAC;AAAA,EACrB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,UAAAZ;AAAA,IACA,SAAAC;AAAA,IACA,MAAAI;AAAA,IACA,cAAAP;AAAA,IACA,OAAAU;AAAA,IACA,eAAeF;AAAA,IACf,OAAM;AAAA,IAEN,UAAAK,gBAAAA,EAAAA,IAACE,GAAM,EAAA,WAAAd,GAAsB,KAAAU,GAAW,GAAGC,GACxC,UAAWb,EAAA,IAAI,CAACiB,GAAUC,MACzBJ,gBAAAA,EAAA;AAAA,MAACK;AAAAA,MAAA;AAAA,QACC,YAAAd;AAAA,QAEA,SACEY,EAAS,WACThB,GAAc,SAAS,GAAGgB,GAAU,KAAK,EAAE,KAC3CN,GAAO,SAAS,GAAGM,GAAU,KAAK,EAAE;AAAA,QAEtC,MAAAP;AAAA,QACA,UAAAH;AAAA,QACA,UAAAD;AAAA,QACC,GAAIJ,MAAc,SAAS,EAAE,WAAW,GAAM;AAAA,QAC9C,GAAGe;AAAA,MAAA;AAAA,MAVC,YAAYC,CAAK;AAAA,IAAA,CAYzB,EACH,CAAA;AAAA,EAAA;AACF;AAIJnB,EAAc,cAAc;AAEtB,MAAAqB,IAAuBC,EAAgBtB,CAAa;"}
@@ -1,19 +1,19 @@
1
1
  import { j as e } from "./jsx-runtime-C5mzlN2N.js";
2
2
  import { useState as y } from "react";
3
3
  import { C as H } from "./card.component-DNX41NGG.js";
4
- import { T as I } from "./timestamp.component-CgRkR4Nz.js";
4
+ import { T as I } from "./timestamp.component-D2ivFJVk.js";
5
5
  import { N as S } from "./notificationCounter.component-Bei8mHSZ.js";
6
6
  import { I as p } from "./icon.component-DGNCL1Yc.js";
7
- import { W } from "./heading.component-DzTeEnHA.js";
8
- import { W as f } from "./text.component-BkYord5h.js";
9
- import { A as B } from "./avatar.component-BccCo8cj.js";
10
- import { T as N } from "./tooltip.component-DX7RPrw8.js";
7
+ import { W } from "./heading.component-BPvYeKHj.js";
8
+ import { W as f } from "./text.component-DqGLCykU.js";
9
+ import { A as B } from "./avatar.component-BvnohMit.js";
10
+ import { T as N } from "./tooltip.component-oofe83RC.js";
11
11
  import { F as x } from "./flex-smlF8uQG.js";
12
12
  import { H as m } from "./h-stack-Ce6JSBK2.js";
13
13
  import { V as F } from "./v-stack-BZT7R_9f.js";
14
14
  import { B as C } from "./box-Ck9I7FYv.js";
15
15
  import { B as _ } from "./button.component-BpF3MzbZ.js";
16
- import { M as O } from "./menu.component-C8c5BRFL.js";
16
+ import { M as O } from "./menu.component-CByCZVEI.js";
17
17
  import { T as R } from "./tag.component-pexJ0TAT.js";
18
18
  import { W as M, a as w } from "./wrap-B8tBNeBY.js";
19
19
  const A = ({
@@ -382,4 +382,4 @@ const A = ({
382
382
  export {
383
383
  de as C
384
384
  };
385
- //# sourceMappingURL=conversationCard.component-DFCk4nkI.js.map
385
+ //# sourceMappingURL=conversationCard.component-CP6rnJx7.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"conversationCard.component-DFCk4nkI.js","sources":["../../src/components/ConversationCard/components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component.tsx","../../src/components/ConversationCard/components/ConversationCardHeader/conversationCardHeader.component.tsx","../../src/components/ConversationCard/components/ConversationCardButtons/conversationCardButtons.component.tsx","../../src/components/ConversationCard/components/ConversationCardTags/conversationCardTags.component.tsx","../../src/components/ConversationCard/components/ConversationCardFooter/conversationCardFooter.component.tsx","../../src/components/ConversationCard/components/ConversationCardContent/conversationCardContent.component.tsx","../../src/components/ConversationCard/conversationCard.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Avatar } from \"components/Avatar/avatar.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\n\nexport interface ConversationCardAvatarGroupProps {\n avatars: React.ReactNode[];\n max?: number;\n onAvatarGroupClick?: (\n e: React.MouseEvent<HTMLSpanElement, MouseEvent>,\n ) => void;\n tooltipLabel?: string;\n}\n\nexport const ConversationCardAvatarGroup = ({\n avatars,\n max = 1,\n onAvatarGroupClick,\n tooltipLabel,\n}: ConversationCardAvatarGroupProps): React.JSX.Element => {\n return (\n <Tooltip label={tooltipLabel || \"\"} disabled={!tooltipLabel?.length}>\n <Flex\n className=\"ConversationCard__AvatarGroup\"\n alignItems=\"flex-start\"\n justifyContent=\"flex-start\"\n >\n {max && avatars.length > max ? (\n <Avatar\n onClick={(e): void => {\n e.stopPropagation();\n if (onAvatarGroupClick) {\n onAvatarGroupClick(e);\n }\n }}\n cursor=\"pointer\"\n name={avatars.length.toString()}\n showTooltip={false}\n />\n ) : (\n <>{avatars.map((avatar) => avatar)}</>\n )}\n </Flex>\n </Tooltip>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { HStack, VStack } from \"@chakra-ui/react/stack\";\nimport {\n Timestamp,\n TimestampProps,\n} from \"components/Timestamp/timestamp.component\";\nimport { NotificationCounter } from \"components/NotificationCounter/notificationCounter.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Heading } from \"components/Heading/heading.component\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n ConversationCardAvatarGroup,\n ConversationCardAvatarGroupProps,\n} from \"../ConversationCardAvatarGroup/conversationCardAvatarGroup.component\";\n\nexport interface ConversationCardHeaderProps {\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n showNotificationIndicator?: boolean;\n isCardPinned?: boolean;\n isHoveringCard?: boolean;\n subtitle?: string;\n timestampProps: TimestampProps;\n title: string;\n}\n\nexport const ConversationCardHeader = ({\n avatarGroupProps,\n timestampProps,\n isHoveringCard,\n isCardPinned,\n title,\n showNotificationIndicator,\n subtitle,\n}: ConversationCardHeaderProps): React.JSX.Element => {\n return (\n <HStack\n className=\"ConversationCard__Header\"\n data-testid=\"kibble-conversation-card-header\"\n justify=\"space-between\"\n align=\"flex-start\"\n >\n <HStack\n className=\"ConversationCard__Header--Left\"\n data-testid=\"kibble-conversation-card-header-left\"\n cursor=\"pointer\"\n >\n {avatarGroupProps && (\n <ConversationCardAvatarGroup\n {...avatarGroupProps}\n tooltipLabel={avatarGroupProps?.tooltipLabel || title}\n />\n )}\n <VStack\n className=\"ConversationCard__HeaderText\"\n data-testid=\"kibble-conversation-card-header-text\"\n justify=\"center\"\n align=\"left\"\n gap=\"0\"\n >\n <Heading\n className=\"ConversationCard__HeaderText--Title\"\n data-testid=\"kibble-conversation-card-header-title\"\n size=\"sm\"\n truncated\n >\n {title}\n </Heading>\n {subtitle && (\n <Text\n className=\"ConversationCard__HeaderText--Subtitle\"\n data-testid=\"kibble-conversation-card-header-subtitle\"\n size=\"sm\"\n variant=\"subtle\"\n truncated\n >\n {subtitle}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack\n className=\"ConversationCard__Header--Right\"\n data-testid=\"kibble-conversation-card-header-right\"\n visibility={isHoveringCard ? \"hidden\" : \"visible\"}\n align=\"center\"\n gap={1}\n >\n <Timestamp {...timestampProps} />\n {showNotificationIndicator && (\n <Box\n as=\"span\"\n className=\"ConversationCard__HeaderNotificationCounter\"\n data-testid=\"conversation-card-unread-indicator\"\n >\n <NotificationCounter size=\"xs\" />\n </Box>\n )}\n {isCardPinned && (\n <Flex data-testid=\"conversation-card-pinned-icon\">\n <Icon size=\"md\" variant=\"info\" name=\"pin\" />\n </Flex>\n )}\n </HStack>\n </HStack>\n );\n};\n","import React from \"react\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Button } from \"components/Button/button.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Menu, MenuProps, MenuItemProps } from \"components/Menu\";\n\nexport interface ConversationCardOverlayProps {\n isOpenInOverlay?: boolean;\n onOpenInOverlay: () => void;\n}\n\nexport interface ConversationCardPinProps {\n isPinned?: boolean;\n onTogglePin: (isPinned: boolean) => void;\n}\n\nexport interface ConversationCardButtonsProps {\n overlayProps?: ConversationCardOverlayProps;\n pinProps?: ConversationCardPinProps;\n headerMenuProps?: MenuProps;\n}\n\ninterface ConversationCardButtonsComponentProps\n extends ConversationCardButtonsProps {\n isHovering: boolean;\n setIsHovering: (isHovering: boolean) => void;\n}\n\nexport const ConversationCardButtons = ({\n overlayProps,\n pinProps,\n headerMenuProps,\n isHovering,\n setIsHovering,\n}: ConversationCardButtonsComponentProps): React.JSX.Element => {\n const { isOpenInOverlay, onOpenInOverlay } = overlayProps || {};\n const { isPinned, onTogglePin } = pinProps || {};\n const { listProps } = headerMenuProps || {};\n const pinIconName = isPinned ? \"pinCancel\" : \"pin\";\n\n return (\n <HStack\n className=\"ConversationCard__Menu\"\n data-testid=\"kibble-conversation-card-menu\"\n gap={1}\n >\n {overlayProps && (\n <Button\n className=\"ConversationCard__OverlayButton\"\n data-testid=\"conversation-card-overlay-icon-button\"\n variant=\"secondarySubtle\"\n borderRadius=\"sm\"\n {...(isOpenInOverlay && { active: true })}\n onClick={(): void => {\n if (onOpenInOverlay) {\n onOpenInOverlay();\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName=\"popup\"\n size=\"sm\"\n />\n )}\n {pinProps && (\n <Button\n className=\"ConversationCard__PinButton\"\n data-testid=\"conversation-card-pin-toggle-icon-button\"\n variant={isPinned ? \"secondarySubtleDestructive\" : \"secondarySubtle\"}\n borderRadius=\"sm\"\n onClick={(): void => {\n if (onTogglePin) {\n onTogglePin(!isPinned);\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName={pinIconName}\n size=\"sm\"\n />\n )}\n {headerMenuProps && (\n <Menu\n buttonProps={\n headerMenuProps.buttonProps || {\n variant: \"secondarySubtle\",\n size: \"sm\",\n borderRadius: \"sm\",\n iconName: \"dotsVertical\",\n hideCaret: true,\n padding: 0,\n }\n }\n closeOnSelect={false}\n lazyMount\n {...headerMenuProps}\n listProps={{\n ...listProps,\n menuItems: [\n ...(pinProps\n ? [\n {\n \"data-testid\":\n \"conversation-card-pin-toggle-dropdown-button\",\n label: `${isPinned ? \"Unpin\" : \"Pin\"} Conversation`,\n value: \"PinConversation\",\n variant: isPinned ? \"danger\" : \"default\",\n leftElement: (\n <Icon\n size=\"md\"\n variant={isPinned ? \"danger\" : \"default\"}\n name={pinIconName}\n />\n ),\n onSelect: (): void => {\n if (onTogglePin) {\n onTogglePin(!isPinned);\n }\n },\n } as MenuItemProps,\n ]\n : []),\n ...(listProps?.menuItems || []),\n ],\n }}\n />\n )}\n </HStack>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Wrap, WrapItem } from \"@chakra-ui/react/wrap\";\nimport { Tag, TagProps } from \"components/Tag/tag.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\n\nexport type ConversationCardTag = TagProps & {\n tooltipContent?: string;\n};\n\nexport interface ConversationCardTagsProps {\n tags: ConversationCardTag[];\n}\n\nexport const ConversationCardTags = ({\n tags,\n}: ConversationCardTagsProps): React.JSX.Element => {\n return (\n <Box className=\"ConversationCard__Tags\" mt={3}>\n <Wrap gap=\"6px\">\n {tags.map((tag) => {\n const { tooltipContent, ...rest } = tag;\n let tagElement = (\n <Tag {...rest} size=\"sm\" textTransform=\"capitalize\" />\n );\n\n if (tooltipContent) {\n tagElement = (\n <Tooltip label={tooltipContent} placement=\"top\">\n <Box>{tagElement}</Box>\n </Tooltip>\n );\n }\n\n return <WrapItem key={tag.label}>{tagElement}</WrapItem>;\n })}\n </Wrap>\n </Box>\n );\n};\n","import React from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Icon, IconProps } from \"components/Icon/icon.component\";\nimport { Text, TextProps } from \"components/Text/text.component\";\n\nexport interface ConversationCardFooterProps {\n iconProps?: IconProps;\n content: React.ReactNode;\n contentProps?: Omit<TextProps, \"children\">;\n}\n\nexport const ConversationCardFooter = ({\n iconProps,\n content,\n contentProps,\n}: ConversationCardFooterProps): React.JSX.Element => {\n const _content =\n typeof content === \"string\" ? (\n <Text\n className=\"ConversationCard__FooterMessage\"\n data-testid=\"kibble-conversation-card-footer-message\"\n size=\"sm\"\n variant=\"subtle\"\n {...contentProps}\n {...(iconProps && { ml: 1 })}\n >\n {content}\n </Text>\n ) : (\n content\n );\n return (\n <Flex\n className=\"ConversationCard__Footer\"\n data-testid=\"kibble-conversation-card-footer\"\n mt={3}\n alignItems=\"center\"\n >\n {iconProps && <Icon size=\"sm\" variant=\"subtle\" {...iconProps} />}\n {_content}\n </Flex>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text, TextProps } from \"components/Text/text.component\";\n\nexport interface ConversationCardContentProps {\n content?: React.ReactNode;\n contentProps?: Omit<TextProps, \"children\">;\n contentMenu?: React.ReactNode;\n}\n\nexport const ConversationCardContent = ({\n contentMenu,\n content,\n contentProps,\n}: ConversationCardContentProps): React.JSX.Element => {\n const _content =\n typeof content === \"string\" ? (\n <Text\n className=\"ConversationCard__Content\"\n data-testid=\"kibble-conversation-card-content\"\n truncated\n size=\"sm\"\n {...contentProps}\n >\n {content}\n </Text>\n ) : (\n content\n );\n\n return (\n <HStack\n className=\"ConversationCard__ContentContainer\"\n data-testid=\"kibble-conversation-card-content-container\"\n mt={3}\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n {_content}\n {contentMenu && (\n <Box\n className=\"ConversationCard__ContentMenu\"\n data-testid=\"kibble-conversation-card-content-menu\"\n ml=\"auto\"\n >\n {contentMenu}\n </Box>\n )}\n </HStack>\n );\n};\n","import React, { useState } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Card } from \"components/Card/card.component\";\nimport { MenuProps } from \"components/Menu/menu.component\";\nimport {\n ConversationCardHeader,\n ConversationCardHeaderProps,\n} from \"./components/ConversationCardHeader/conversationCardHeader.component\";\nimport {\n ConversationCardButtons,\n ConversationCardOverlayProps,\n ConversationCardPinProps,\n} from \"./components/ConversationCardButtons/conversationCardButtons.component\";\nimport {\n ConversationCardTag,\n ConversationCardTags,\n} from \"./components/ConversationCardTags/conversationCardTags.component\";\nimport {\n ConversationCardFooter,\n ConversationCardFooterProps,\n} from \"./components/ConversationCardFooter/conversationCardFooter.component\";\nimport {\n ConversationCardContent,\n ConversationCardContentProps,\n} from \"./components/ConversationCardContent/conversationCardContent.component\";\nimport { ConversationCardAvatarGroupProps } from \"./components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component\";\n\nexport interface ConversationCardProps extends ConversationCardContentProps {\n allowHoverActions?: boolean;\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n footerProps?: ConversationCardFooterProps;\n headerMenuProps?: MenuProps;\n headerProps: ConversationCardHeaderProps;\n active?: boolean;\n onClick?: () => void;\n overlayProps?: ConversationCardOverlayProps;\n pinProps?: ConversationCardPinProps;\n shouldPreservePosition?: boolean;\n showNotificationIndicator?: boolean;\n tags?: ConversationCardTag[];\n}\n\nexport const ConversationCard = ({\n allowHoverActions = true,\n avatarGroupProps,\n content,\n contentProps,\n contentMenu,\n footerProps,\n headerMenuProps,\n headerProps,\n active,\n onClick,\n overlayProps,\n pinProps,\n shouldPreservePosition = false,\n showNotificationIndicator,\n tags,\n}: ConversationCardProps): React.JSX.Element => {\n const { isPinned } = pinProps || {};\n const [isHovering, setIsHovering] = useState(false);\n\n return (\n <Card\n className=\"ConversationCard\"\n id=\"conversation-card-item\"\n data-testid=\"kibble-conversation-card\"\n interactive\n active={active}\n size=\"sm\"\n fullWidth\n onClick={(): void => {\n if (onClick) {\n onClick();\n }\n }}\n bg={\n showNotificationIndicator || active || isHovering\n ? \"background.default\"\n : \"background.alphaContrast.pressed\"\n }\n onMouseEnter={(): void => {\n if (allowHoverActions) {\n setIsHovering(true);\n }\n }}\n onMouseLeave={(): void => setIsHovering(false)}\n pos=\"relative\"\n css={{ overflowAnchor: shouldPreservePosition ? \"auto\" : \"none\" }}\n >\n {isHovering && (\n <Box\n className=\"ConversationCard__Menu--Container\"\n data-testid=\"kibble-conversation-card-menu-container\"\n pos=\"absolute\"\n top={2}\n zIndex=\"banner\"\n right={2}\n bg=\"background\"\n borderRadius=\"md\"\n onClick={(e): void => e.stopPropagation()}\n >\n <ConversationCardButtons\n overlayProps={overlayProps}\n pinProps={pinProps}\n headerMenuProps={headerMenuProps}\n isHovering={isHovering}\n setIsHovering={setIsHovering}\n />\n </Box>\n )}\n <ConversationCardHeader\n avatarGroupProps={avatarGroupProps}\n isHoveringCard={isHovering}\n isCardPinned={isPinned}\n showNotificationIndicator={showNotificationIndicator}\n {...headerProps}\n />\n <ConversationCardContent\n content={content}\n contentProps={contentProps}\n contentMenu={contentMenu}\n />\n {!!tags?.length && <ConversationCardTags tags={tags} />}\n {footerProps && <ConversationCardFooter {...footerProps} />}\n </Card>\n );\n};\n"],"names":["ConversationCardAvatarGroup","avatars","max","onAvatarGroupClick","tooltipLabel","jsx","Tooltip","Flex","Avatar","e","Fragment","avatar","ConversationCardHeader","avatarGroupProps","timestampProps","isHoveringCard","isCardPinned","title","showNotificationIndicator","subtitle","jsxs","HStack","VStack","Heading","Text","Timestamp","Box","NotificationCounter","Icon","ConversationCardButtons","overlayProps","pinProps","headerMenuProps","isHovering","setIsHovering","isOpenInOverlay","onOpenInOverlay","isPinned","onTogglePin","listProps","pinIconName","Button","Menu","ConversationCardTags","tags","Wrap","tag","tooltipContent","rest","tagElement","Tag","WrapItem","ConversationCardFooter","iconProps","content","contentProps","_content","ConversationCardContent","contentMenu","ConversationCard","allowHoverActions","footerProps","headerProps","active","onClick","shouldPreservePosition","useState","Card"],"mappings":"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"}
1
+ {"version":3,"file":"conversationCard.component-CP6rnJx7.js","sources":["../../src/components/ConversationCard/components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component.tsx","../../src/components/ConversationCard/components/ConversationCardHeader/conversationCardHeader.component.tsx","../../src/components/ConversationCard/components/ConversationCardButtons/conversationCardButtons.component.tsx","../../src/components/ConversationCard/components/ConversationCardTags/conversationCardTags.component.tsx","../../src/components/ConversationCard/components/ConversationCardFooter/conversationCardFooter.component.tsx","../../src/components/ConversationCard/components/ConversationCardContent/conversationCardContent.component.tsx","../../src/components/ConversationCard/conversationCard.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Avatar } from \"components/Avatar/avatar.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\n\nexport interface ConversationCardAvatarGroupProps {\n avatars: React.ReactNode[];\n max?: number;\n onAvatarGroupClick?: (\n e: React.MouseEvent<HTMLSpanElement, MouseEvent>,\n ) => void;\n tooltipLabel?: string;\n}\n\nexport const ConversationCardAvatarGroup = ({\n avatars,\n max = 1,\n onAvatarGroupClick,\n tooltipLabel,\n}: ConversationCardAvatarGroupProps): React.JSX.Element => {\n return (\n <Tooltip label={tooltipLabel || \"\"} disabled={!tooltipLabel?.length}>\n <Flex\n className=\"ConversationCard__AvatarGroup\"\n alignItems=\"flex-start\"\n justifyContent=\"flex-start\"\n >\n {max && avatars.length > max ? (\n <Avatar\n onClick={(e): void => {\n e.stopPropagation();\n if (onAvatarGroupClick) {\n onAvatarGroupClick(e);\n }\n }}\n cursor=\"pointer\"\n name={avatars.length.toString()}\n showTooltip={false}\n />\n ) : (\n <>{avatars.map((avatar) => avatar)}</>\n )}\n </Flex>\n </Tooltip>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { HStack, VStack } from \"@chakra-ui/react/stack\";\nimport {\n Timestamp,\n TimestampProps,\n} from \"components/Timestamp/timestamp.component\";\nimport { NotificationCounter } from \"components/NotificationCounter/notificationCounter.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Heading } from \"components/Heading/heading.component\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n ConversationCardAvatarGroup,\n ConversationCardAvatarGroupProps,\n} from \"../ConversationCardAvatarGroup/conversationCardAvatarGroup.component\";\n\nexport interface ConversationCardHeaderProps {\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n showNotificationIndicator?: boolean;\n isCardPinned?: boolean;\n isHoveringCard?: boolean;\n subtitle?: string;\n timestampProps: TimestampProps;\n title: string;\n}\n\nexport const ConversationCardHeader = ({\n avatarGroupProps,\n timestampProps,\n isHoveringCard,\n isCardPinned,\n title,\n showNotificationIndicator,\n subtitle,\n}: ConversationCardHeaderProps): React.JSX.Element => {\n return (\n <HStack\n className=\"ConversationCard__Header\"\n data-testid=\"kibble-conversation-card-header\"\n justify=\"space-between\"\n align=\"flex-start\"\n >\n <HStack\n className=\"ConversationCard__Header--Left\"\n data-testid=\"kibble-conversation-card-header-left\"\n cursor=\"pointer\"\n >\n {avatarGroupProps && (\n <ConversationCardAvatarGroup\n {...avatarGroupProps}\n tooltipLabel={avatarGroupProps?.tooltipLabel || title}\n />\n )}\n <VStack\n className=\"ConversationCard__HeaderText\"\n data-testid=\"kibble-conversation-card-header-text\"\n justify=\"center\"\n align=\"left\"\n gap=\"0\"\n >\n <Heading\n className=\"ConversationCard__HeaderText--Title\"\n data-testid=\"kibble-conversation-card-header-title\"\n size=\"sm\"\n truncated\n >\n {title}\n </Heading>\n {subtitle && (\n <Text\n className=\"ConversationCard__HeaderText--Subtitle\"\n data-testid=\"kibble-conversation-card-header-subtitle\"\n size=\"sm\"\n variant=\"subtle\"\n truncated\n >\n {subtitle}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack\n className=\"ConversationCard__Header--Right\"\n data-testid=\"kibble-conversation-card-header-right\"\n visibility={isHoveringCard ? \"hidden\" : \"visible\"}\n align=\"center\"\n gap={1}\n >\n <Timestamp {...timestampProps} />\n {showNotificationIndicator && (\n <Box\n as=\"span\"\n className=\"ConversationCard__HeaderNotificationCounter\"\n data-testid=\"conversation-card-unread-indicator\"\n >\n <NotificationCounter size=\"xs\" />\n </Box>\n )}\n {isCardPinned && (\n <Flex data-testid=\"conversation-card-pinned-icon\">\n <Icon size=\"md\" variant=\"info\" name=\"pin\" />\n </Flex>\n )}\n </HStack>\n </HStack>\n );\n};\n","import React from \"react\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Button } from \"components/Button/button.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Menu, MenuProps, MenuItemProps } from \"components/Menu\";\n\nexport interface ConversationCardOverlayProps {\n isOpenInOverlay?: boolean;\n onOpenInOverlay: () => void;\n}\n\nexport interface ConversationCardPinProps {\n isPinned?: boolean;\n onTogglePin: (isPinned: boolean) => void;\n}\n\nexport interface ConversationCardButtonsProps {\n overlayProps?: ConversationCardOverlayProps;\n pinProps?: ConversationCardPinProps;\n headerMenuProps?: MenuProps;\n}\n\ninterface ConversationCardButtonsComponentProps\n extends ConversationCardButtonsProps {\n isHovering: boolean;\n setIsHovering: (isHovering: boolean) => void;\n}\n\nexport const ConversationCardButtons = ({\n overlayProps,\n pinProps,\n headerMenuProps,\n isHovering,\n setIsHovering,\n}: ConversationCardButtonsComponentProps): React.JSX.Element => {\n const { isOpenInOverlay, onOpenInOverlay } = overlayProps || {};\n const { isPinned, onTogglePin } = pinProps || {};\n const { listProps } = headerMenuProps || {};\n const pinIconName = isPinned ? \"pinCancel\" : \"pin\";\n\n return (\n <HStack\n className=\"ConversationCard__Menu\"\n data-testid=\"kibble-conversation-card-menu\"\n gap={1}\n >\n {overlayProps && (\n <Button\n className=\"ConversationCard__OverlayButton\"\n data-testid=\"conversation-card-overlay-icon-button\"\n variant=\"secondarySubtle\"\n borderRadius=\"sm\"\n {...(isOpenInOverlay && { active: true })}\n onClick={(): void => {\n if (onOpenInOverlay) {\n onOpenInOverlay();\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName=\"popup\"\n size=\"sm\"\n />\n )}\n {pinProps && (\n <Button\n className=\"ConversationCard__PinButton\"\n data-testid=\"conversation-card-pin-toggle-icon-button\"\n variant={isPinned ? \"secondarySubtleDestructive\" : \"secondarySubtle\"}\n borderRadius=\"sm\"\n onClick={(): void => {\n if (onTogglePin) {\n onTogglePin(!isPinned);\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName={pinIconName}\n size=\"sm\"\n />\n )}\n {headerMenuProps && (\n <Menu\n buttonProps={\n headerMenuProps.buttonProps || {\n variant: \"secondarySubtle\",\n size: \"sm\",\n borderRadius: \"sm\",\n iconName: \"dotsVertical\",\n hideCaret: true,\n padding: 0,\n }\n }\n closeOnSelect={false}\n lazyMount\n {...headerMenuProps}\n listProps={{\n ...listProps,\n menuItems: [\n ...(pinProps\n ? [\n {\n \"data-testid\":\n \"conversation-card-pin-toggle-dropdown-button\",\n label: `${isPinned ? \"Unpin\" : \"Pin\"} Conversation`,\n value: \"PinConversation\",\n variant: isPinned ? \"danger\" : \"default\",\n leftElement: (\n <Icon\n size=\"md\"\n variant={isPinned ? \"danger\" : \"default\"}\n name={pinIconName}\n />\n ),\n onSelect: (): void => {\n if (onTogglePin) {\n onTogglePin(!isPinned);\n }\n },\n } as MenuItemProps,\n ]\n : []),\n ...(listProps?.menuItems || []),\n ],\n }}\n />\n )}\n </HStack>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Wrap, WrapItem } from \"@chakra-ui/react/wrap\";\nimport { Tag, TagProps } from \"components/Tag/tag.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\n\nexport type ConversationCardTag = TagProps & {\n tooltipContent?: string;\n};\n\nexport interface ConversationCardTagsProps {\n tags: ConversationCardTag[];\n}\n\nexport const ConversationCardTags = ({\n tags,\n}: ConversationCardTagsProps): React.JSX.Element => {\n return (\n <Box className=\"ConversationCard__Tags\" mt={3}>\n <Wrap gap=\"6px\">\n {tags.map((tag) => {\n const { tooltipContent, ...rest } = tag;\n let tagElement = (\n <Tag {...rest} size=\"sm\" textTransform=\"capitalize\" />\n );\n\n if (tooltipContent) {\n tagElement = (\n <Tooltip label={tooltipContent} placement=\"top\">\n <Box>{tagElement}</Box>\n </Tooltip>\n );\n }\n\n return <WrapItem key={tag.label}>{tagElement}</WrapItem>;\n })}\n </Wrap>\n </Box>\n );\n};\n","import React from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Icon, IconProps } from \"components/Icon/icon.component\";\nimport { Text, TextProps } from \"components/Text/text.component\";\n\nexport interface ConversationCardFooterProps {\n iconProps?: IconProps;\n content: React.ReactNode;\n contentProps?: Omit<TextProps, \"children\">;\n}\n\nexport const ConversationCardFooter = ({\n iconProps,\n content,\n contentProps,\n}: ConversationCardFooterProps): React.JSX.Element => {\n const _content =\n typeof content === \"string\" ? (\n <Text\n className=\"ConversationCard__FooterMessage\"\n data-testid=\"kibble-conversation-card-footer-message\"\n size=\"sm\"\n variant=\"subtle\"\n {...contentProps}\n {...(iconProps && { ml: 1 })}\n >\n {content}\n </Text>\n ) : (\n content\n );\n return (\n <Flex\n className=\"ConversationCard__Footer\"\n data-testid=\"kibble-conversation-card-footer\"\n mt={3}\n alignItems=\"center\"\n >\n {iconProps && <Icon size=\"sm\" variant=\"subtle\" {...iconProps} />}\n {_content}\n </Flex>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text, TextProps } from \"components/Text/text.component\";\n\nexport interface ConversationCardContentProps {\n content?: React.ReactNode;\n contentProps?: Omit<TextProps, \"children\">;\n contentMenu?: React.ReactNode;\n}\n\nexport const ConversationCardContent = ({\n contentMenu,\n content,\n contentProps,\n}: ConversationCardContentProps): React.JSX.Element => {\n const _content =\n typeof content === \"string\" ? (\n <Text\n className=\"ConversationCard__Content\"\n data-testid=\"kibble-conversation-card-content\"\n truncated\n size=\"sm\"\n {...contentProps}\n >\n {content}\n </Text>\n ) : (\n content\n );\n\n return (\n <HStack\n className=\"ConversationCard__ContentContainer\"\n data-testid=\"kibble-conversation-card-content-container\"\n mt={3}\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n {_content}\n {contentMenu && (\n <Box\n className=\"ConversationCard__ContentMenu\"\n data-testid=\"kibble-conversation-card-content-menu\"\n ml=\"auto\"\n >\n {contentMenu}\n </Box>\n )}\n </HStack>\n );\n};\n","import React, { useState } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Card } from \"components/Card/card.component\";\nimport { MenuProps } from \"components/Menu/menu.component\";\nimport {\n ConversationCardHeader,\n ConversationCardHeaderProps,\n} from \"./components/ConversationCardHeader/conversationCardHeader.component\";\nimport {\n ConversationCardButtons,\n ConversationCardOverlayProps,\n ConversationCardPinProps,\n} from \"./components/ConversationCardButtons/conversationCardButtons.component\";\nimport {\n ConversationCardTag,\n ConversationCardTags,\n} from \"./components/ConversationCardTags/conversationCardTags.component\";\nimport {\n ConversationCardFooter,\n ConversationCardFooterProps,\n} from \"./components/ConversationCardFooter/conversationCardFooter.component\";\nimport {\n ConversationCardContent,\n ConversationCardContentProps,\n} from \"./components/ConversationCardContent/conversationCardContent.component\";\nimport { ConversationCardAvatarGroupProps } from \"./components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component\";\n\nexport interface ConversationCardProps extends ConversationCardContentProps {\n allowHoverActions?: boolean;\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n footerProps?: ConversationCardFooterProps;\n headerMenuProps?: MenuProps;\n headerProps: ConversationCardHeaderProps;\n active?: boolean;\n onClick?: () => void;\n overlayProps?: ConversationCardOverlayProps;\n pinProps?: ConversationCardPinProps;\n shouldPreservePosition?: boolean;\n showNotificationIndicator?: boolean;\n tags?: ConversationCardTag[];\n}\n\nexport const ConversationCard = ({\n allowHoverActions = true,\n avatarGroupProps,\n content,\n contentProps,\n contentMenu,\n footerProps,\n headerMenuProps,\n headerProps,\n active,\n onClick,\n overlayProps,\n pinProps,\n shouldPreservePosition = false,\n showNotificationIndicator,\n tags,\n}: ConversationCardProps): React.JSX.Element => {\n const { isPinned } = pinProps || {};\n const [isHovering, setIsHovering] = useState(false);\n\n return (\n <Card\n className=\"ConversationCard\"\n id=\"conversation-card-item\"\n data-testid=\"kibble-conversation-card\"\n interactive\n active={active}\n size=\"sm\"\n fullWidth\n onClick={(): void => {\n if (onClick) {\n onClick();\n }\n }}\n bg={\n showNotificationIndicator || active || isHovering\n ? \"background.default\"\n : \"background.alphaContrast.pressed\"\n }\n onMouseEnter={(): void => {\n if (allowHoverActions) {\n setIsHovering(true);\n }\n }}\n onMouseLeave={(): void => setIsHovering(false)}\n pos=\"relative\"\n css={{ overflowAnchor: shouldPreservePosition ? \"auto\" : \"none\" }}\n >\n {isHovering && (\n <Box\n className=\"ConversationCard__Menu--Container\"\n data-testid=\"kibble-conversation-card-menu-container\"\n pos=\"absolute\"\n top={2}\n zIndex=\"banner\"\n right={2}\n bg=\"background\"\n borderRadius=\"md\"\n onClick={(e): void => e.stopPropagation()}\n >\n <ConversationCardButtons\n overlayProps={overlayProps}\n pinProps={pinProps}\n headerMenuProps={headerMenuProps}\n isHovering={isHovering}\n setIsHovering={setIsHovering}\n />\n </Box>\n )}\n <ConversationCardHeader\n avatarGroupProps={avatarGroupProps}\n isHoveringCard={isHovering}\n isCardPinned={isPinned}\n showNotificationIndicator={showNotificationIndicator}\n {...headerProps}\n />\n <ConversationCardContent\n content={content}\n contentProps={contentProps}\n contentMenu={contentMenu}\n />\n {!!tags?.length && <ConversationCardTags tags={tags} />}\n {footerProps && <ConversationCardFooter {...footerProps} />}\n </Card>\n );\n};\n"],"names":["ConversationCardAvatarGroup","avatars","max","onAvatarGroupClick","tooltipLabel","jsx","Tooltip","Flex","Avatar","e","Fragment","avatar","ConversationCardHeader","avatarGroupProps","timestampProps","isHoveringCard","isCardPinned","title","showNotificationIndicator","subtitle","jsxs","HStack","VStack","Heading","Text","Timestamp","Box","NotificationCounter","Icon","ConversationCardButtons","overlayProps","pinProps","headerMenuProps","isHovering","setIsHovering","isOpenInOverlay","onOpenInOverlay","isPinned","onTogglePin","listProps","pinIconName","Button","Menu","ConversationCardTags","tags","Wrap","tag","tooltipContent","rest","tagElement","Tag","WrapItem","ConversationCardFooter","iconProps","content","contentProps","_content","ConversationCardContent","contentMenu","ConversationCard","allowHoverActions","footerProps","headerProps","active","onClick","shouldPreservePosition","useState","Card"],"mappings":"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"}
@@ -1,20 +1,20 @@
1
1
  import { j as g } from "./jsx-runtime-C5mzlN2N.js";
2
2
  import { useState as Ue, useEffect as Dt, useCallback as H, useMemo as ie, createContext as Gt, useContext as Xt, useRef as Ne } from "react";
3
3
  import { t as z, c as se, s as zt, f as he, i as _t } from "./format-DgHM6wFr.js";
4
- import { l as $t, o as Kt, j as Jt, e as Vt, a as Zt, c as en } from "./popover-CBG09o62.js";
5
- import { W as _e } from "./textInput.component-vAoqRc9n.js";
4
+ import { l as $t, o as Kt, j as Jt, e as Vt, a as Zt, c as en } from "./popover-B9rNOU0g.js";
5
+ import { W as _e } from "./textInput.component-CkeP6E8M.js";
6
6
  import { I as $e } from "./icon.component-DGNCL1Yc.js";
7
- import { W as pt } from "./text.component-BkYord5h.js";
8
- import { u as Qe } from "./popover-root-provider-CKQPoRvU.js";
7
+ import { W as pt } from "./text.component-DqGLCykU.js";
8
+ import { u as Qe } from "./popover-root-provider-CeLLpesI.js";
9
9
  import { H as Ge } from "./h-stack-Ce6JSBK2.js";
10
10
  import { F as Ke } from "./flex-smlF8uQG.js";
11
11
  import { B as Ce } from "./button.component-BpF3MzbZ.js";
12
- import { M as Je } from "./menu.component-C8c5BRFL.js";
12
+ import { M as Je } from "./menu.component-CByCZVEI.js";
13
13
  import { C as vt, G as Le, a as tn } from "./grid-item-BV4dwEBP.js";
14
14
  import { a as nn } from "./config-DlTdf-Yt.js";
15
15
  import { u as rn } from "./use-slot-recipe-DhtQ1j_5.js";
16
16
  import { B as Tt } from "./box-Ck9I7FYv.js";
17
- import { P as an } from "./use-locale-context-BnlMA8su.js";
17
+ import { P as an } from "./use-locale-context-D-agiW5E.js";
18
18
  var Pe = {
19
19
  lessThanXSeconds: { one: "less than a second", other: "less than {{count}} seconds" },
20
20
  xSeconds: { one: "1 second", other: "{{count}} seconds" },
@@ -3162,4 +3162,4 @@ export {
3162
3162
  to as D,
3163
3163
  Yt as a
3164
3164
  };
3165
- //# sourceMappingURL=datePicker.component-BNFSOBs_.js.map
3165
+ //# sourceMappingURL=datePicker.component-CI1zrqXF.js.map