@televet/kibble-ui 4.0.0-beta.94 → 4.0.0-beta.97

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 (191) hide show
  1. package/dist/chunks/{alert.types-DeHWvQla.js → alert.types-DEe0eEG4.js} +3 -3
  2. package/dist/chunks/{alert.types-DeHWvQla.js.map → alert.types-DEe0eEG4.js.map} +1 -1
  3. package/dist/chunks/{avatar.component-CV_95YCj.js → avatar.component-CvE1vv5L.js} +5 -5
  4. package/dist/chunks/{avatar.component-CV_95YCj.js.map → avatar.component-CvE1vv5L.js.map} +1 -1
  5. package/dist/chunks/{avatarGroup.component-CPTXS5Mp.js → avatarGroup.component-SoAj9p5n.js} +2 -2
  6. package/dist/chunks/{avatarGroup.component-CPTXS5Mp.js.map → avatarGroup.component-SoAj9p5n.js.map} +1 -1
  7. package/dist/chunks/{buttonGroup.component-BJl5t4CV.js → buttonGroup.component-Bp2YbVtj.js} +2 -2
  8. package/dist/chunks/{buttonGroup.component-BJl5t4CV.js.map → buttonGroup.component-Bp2YbVtj.js.map} +1 -1
  9. package/dist/chunks/{characterCounter.component-C4sKYWJ2.js → characterCounter.component-Lya4VMgB.js} +2 -2
  10. package/dist/chunks/{characterCounter.component-C4sKYWJ2.js.map → characterCounter.component-Lya4VMgB.js.map} +1 -1
  11. package/dist/chunks/{checkbox.component-BpSGOInE.js → checkbox.component-PmkaXzNs.js} +7 -7
  12. package/dist/chunks/{checkbox.component-BpSGOInE.js.map → checkbox.component-PmkaXzNs.js.map} +1 -1
  13. package/dist/chunks/{checkbox.records-CTlAD-2Q.js → checkbox.records-Ds6SvFdm.js} +4 -4
  14. package/dist/chunks/{checkbox.records-CTlAD-2Q.js.map → checkbox.records-Ds6SvFdm.js.map} +1 -1
  15. package/dist/chunks/{checkboxGroup.component-B154cVx5.js → checkboxGroup.component-DXWrZuhZ.js} +3 -3
  16. package/dist/chunks/{checkboxGroup.component-B154cVx5.js.map → checkboxGroup.component-DXWrZuhZ.js.map} +1 -1
  17. package/dist/chunks/{conversationCard.component-DCpGDLwc.js → conversationCard.component-D3WN8rhl.js} +7 -7
  18. package/dist/chunks/{conversationCard.component-DCpGDLwc.js.map → conversationCard.component-D3WN8rhl.js.map} +1 -1
  19. package/dist/chunks/{datePicker.component-DSEMVYWG.js → datePicker.component-BSzcmQ9c.js} +7 -7
  20. package/dist/chunks/{datePicker.component-DSEMVYWG.js.map → datePicker.component-BSzcmQ9c.js.map} +1 -1
  21. package/dist/chunks/{dialog-trigger-eqGXDXGQ.js → dialog-trigger-Crrp0YGG.js} +5 -5
  22. package/dist/chunks/{dialog-trigger-eqGXDXGQ.js.map → dialog-trigger-Crrp0YGG.js.map} +1 -1
  23. package/dist/chunks/{heading.component-BHha3j1I.js → heading.component-73t_EqZx.js} +2 -2
  24. package/dist/chunks/{heading.component-BHha3j1I.js.map → heading.component-73t_EqZx.js.map} +1 -1
  25. package/dist/chunks/{index-C_AXAeNS.js → index-B3d3tRic.js} +4 -4
  26. package/dist/chunks/{index-C_AXAeNS.js.map → index-B3d3tRic.js.map} +1 -1
  27. package/dist/chunks/{index-Cbkb_94C.js → index-BBxAd1xM.js} +3 -3
  28. package/dist/chunks/{index-Cbkb_94C.js.map → index-BBxAd1xM.js.map} +1 -1
  29. package/dist/chunks/{index-CJLttzPM.js → index-BODNpj2d.js} +3 -3
  30. package/dist/chunks/{index-CJLttzPM.js.map → index-BODNpj2d.js.map} +1 -1
  31. package/dist/chunks/{index-cSjUS7Xj.js → index-BRBNqTA7.js} +3 -3
  32. package/dist/chunks/{index-cSjUS7Xj.js.map → index-BRBNqTA7.js.map} +1 -1
  33. package/dist/chunks/{index-Bff1r_rH.js → index-BpQwMKfa.js} +2 -2
  34. package/dist/chunks/{index-Bff1r_rH.js.map → index-BpQwMKfa.js.map} +1 -1
  35. package/dist/chunks/{index-DVNjUEDJ.js → index-C-m6RNXT.js} +4 -4
  36. package/dist/chunks/{index-DVNjUEDJ.js.map → index-C-m6RNXT.js.map} +1 -1
  37. package/dist/chunks/{index-OpolRlgD.js → index-CX3yrbBD.js} +3 -3
  38. package/dist/chunks/{index-OpolRlgD.js.map → index-CX3yrbBD.js.map} +1 -1
  39. package/dist/chunks/{index-DUY19L6M.js → index-CYHDITxm.js} +3196 -1649
  40. package/dist/chunks/index-CYHDITxm.js.map +1 -0
  41. package/dist/chunks/{index-Bz8HDeWA.js → index-Cd-5e4RS.js} +2 -2
  42. package/dist/chunks/{index-Bz8HDeWA.js.map → index-Cd-5e4RS.js.map} +1 -1
  43. package/dist/chunks/index-ClcMgyeA.js +10 -0
  44. package/dist/chunks/index-ClcMgyeA.js.map +1 -0
  45. package/dist/chunks/{index-YtNA0Ueo.js → index-Ztgrae6O.js} +49 -49
  46. package/dist/chunks/{index-YtNA0Ueo.js.map → index-Ztgrae6O.js.map} +1 -1
  47. package/dist/chunks/{index-L197Dry5.js → index-mndLieJA.js} +4 -4
  48. package/dist/chunks/{index-L197Dry5.js.map → index-mndLieJA.js.map} +1 -1
  49. package/dist/chunks/{menu.component-D38vU6MX.js → menu.component-CYoNg8cG.js} +8 -8
  50. package/dist/chunks/{menu.component-D38vU6MX.js.map → menu.component-CYoNg8cG.js.map} +1 -1
  51. package/dist/chunks/{modal.types-mGxpGfVt.js → modal.types-hyW2Nhp9.js} +4 -4
  52. package/dist/chunks/{modal.types-mGxpGfVt.js.map → modal.types-hyW2Nhp9.js.map} +1 -1
  53. package/dist/chunks/{pinInput.types-CD_tKvQm.js → pinInput.types-DI4tGMSB.js} +6 -6
  54. package/dist/chunks/{pinInput.types-CD_tKvQm.js.map → pinInput.types-DI4tGMSB.js.map} +1 -1
  55. package/dist/chunks/{popover-root-provider-BErev2-N.js → popover-root-provider-R2bRQ-xz.js} +4 -4
  56. package/dist/chunks/{popover-root-provider-BErev2-N.js.map → popover-root-provider-R2bRQ-xz.js.map} +1 -1
  57. package/dist/chunks/{popover.component-CDvn34mM.js → popover.component-BnIYkGYM.js} +2 -2
  58. package/dist/chunks/{popover.component-CDvn34mM.js.map → popover.component-BnIYkGYM.js.map} +1 -1
  59. package/dist/chunks/{popover.component-DBDBFljk.js → popover.component-CV6ZJKNL.js} +7 -8
  60. package/dist/chunks/{popover.component-DBDBFljk.js.map → popover.component-CV6ZJKNL.js.map} +1 -1
  61. package/dist/chunks/{popover.recipe-DlJtOeLy.js → popover.recipe-DDKba5kq.js} +4 -4
  62. package/dist/chunks/{popover.recipe-DlJtOeLy.js.map → popover.recipe-DDKba5kq.js.map} +1 -1
  63. package/dist/chunks/{radio.records-4ih1q8nO.js → radio.records-muLWVHhG.js} +4 -4
  64. package/dist/chunks/{radio.records-4ih1q8nO.js.map → radio.records-muLWVHhG.js.map} +1 -1
  65. package/dist/chunks/{radioGroup.component-DJsYK4YT.js → radioGroup.component-BUFZGQ-P.js} +7 -7
  66. package/dist/chunks/{radioGroup.component-DJsYK4YT.js.map → radioGroup.component-BUFZGQ-P.js.map} +1 -1
  67. package/dist/chunks/{ratingDots.component-BdUvoShh.js → ratingDots.component-CtmqAmV5.js} +3 -3
  68. package/dist/chunks/{ratingDots.component-BdUvoShh.js.map → ratingDots.component-CtmqAmV5.js.map} +1 -1
  69. package/dist/chunks/{render-strategy-CHp7lb6C.js → render-strategy-D5Z6LZ1V.js} +2 -2
  70. package/dist/chunks/{render-strategy-CHp7lb6C.js.map → render-strategy-D5Z6LZ1V.js.map} +1 -1
  71. package/dist/chunks/{select.component-BNMyz5Nm.js → select.component-Fq8Hh2MP.js} +9 -9
  72. package/dist/chunks/{select.component-BNMyz5Nm.js.map → select.component-Fq8Hh2MP.js.map} +1 -1
  73. package/dist/chunks/{sortableList.component-BKthQS8R.js → sortableList.component-Dl8iDhRd.js} +3 -3
  74. package/dist/chunks/{sortableList.component-BKthQS8R.js.map → sortableList.component-Dl8iDhRd.js.map} +1 -1
  75. package/dist/chunks/{spinner.component-CzTRzWbL.js → spinner.component-katjnJzv.js} +2 -2
  76. package/dist/chunks/{spinner.component-CzTRzWbL.js.map → spinner.component-katjnJzv.js.map} +1 -1
  77. package/dist/chunks/{styledAvatar.types-DXwe2DPH.js → styledAvatar.types-C8U-V56j.js} +2 -2
  78. package/dist/chunks/{styledAvatar.types-DXwe2DPH.js.map → styledAvatar.types-C8U-V56j.js.map} +1 -1
  79. package/dist/chunks/{switch.component-DVHjLc9H.js → switch.component-U2g70Pc5.js} +6 -6
  80. package/dist/chunks/{switch.component-DVHjLc9H.js.map → switch.component-U2g70Pc5.js.map} +1 -1
  81. package/dist/chunks/{tabs.component-b8VxTs-T.js → tabs.component-P5GKt5Sv.js} +5 -5
  82. package/dist/chunks/{tabs.component-b8VxTs-T.js.map → tabs.component-P5GKt5Sv.js.map} +1 -1
  83. package/dist/chunks/{tagBlock.component-CfxiQgjI.js → tagBlock.component-CF3z8rKF.js} +5 -5
  84. package/dist/chunks/{tagBlock.component-CfxiQgjI.js.map → tagBlock.component-CF3z8rKF.js.map} +1 -1
  85. package/dist/chunks/{text.component-DJW--Vty.js → text.component-DKtdjH7k.js} +2 -2
  86. package/dist/chunks/{text.component-DJW--Vty.js.map → text.component-DKtdjH7k.js.map} +1 -1
  87. package/dist/chunks/{textInput.component-evu71Hys.js → textInput.component-DSVsTHqO.js} +6 -6
  88. package/dist/chunks/{textInput.component-evu71Hys.js.map → textInput.component-DSVsTHqO.js.map} +1 -1
  89. package/dist/chunks/{textarea.component-CZQMAMYT.js → textarea.component-Cbo5Vs-6.js} +6 -6
  90. package/dist/chunks/{textarea.component-CZQMAMYT.js.map → textarea.component-Cbo5Vs-6.js.map} +1 -1
  91. package/dist/chunks/theme-BFbOz0Jj.js +2 -0
  92. package/dist/chunks/theme-BFbOz0Jj.js.map +1 -0
  93. package/dist/chunks/theme-BOK659O0.js +5 -0
  94. package/dist/chunks/theme-BOK659O0.js.map +1 -0
  95. package/dist/chunks/{theme.provider-VIWx5x9g.js → theme.provider-BHh_9yV5.js} +1138 -2678
  96. package/dist/chunks/theme.provider-BHh_9yV5.js.map +1 -0
  97. package/dist/chunks/theme.provider-Ey-yIBM6.js +24 -0
  98. package/dist/chunks/theme.provider-Ey-yIBM6.js.map +1 -0
  99. package/dist/chunks/{timePicker.component-Bk6YAjmJ.js → timePicker.component-BSuNH0Ze.js} +3 -3
  100. package/dist/chunks/{timePicker.component-Bk6YAjmJ.js.map → timePicker.component-BSuNH0Ze.js.map} +1 -1
  101. package/dist/chunks/{timePicker.component-CoQ_s8Vc.js → timePicker.component-D_0jwXVM.js} +2 -2
  102. package/dist/chunks/{timePicker.component-CoQ_s8Vc.js.map → timePicker.component-D_0jwXVM.js.map} +1 -1
  103. package/dist/chunks/{timeRange.component-BJRcb-HV.js → timeRange.component-SMQArMaf.js} +2 -2
  104. package/dist/chunks/{timeRange.component-BJRcb-HV.js.map → timeRange.component-SMQArMaf.js.map} +1 -1
  105. package/dist/chunks/{timeRange.component-BwJfza8q.js → timeRange.component-bC1TS9T0.js} +2 -2
  106. package/dist/chunks/{timeRange.component-BwJfza8q.js.map → timeRange.component-bC1TS9T0.js.map} +1 -1
  107. package/dist/chunks/{timestamp.component-DLqT7x-O.js → timestamp.component-DAa3tXHL.js} +3 -3
  108. package/dist/chunks/{timestamp.component-DLqT7x-O.js.map → timestamp.component-DAa3tXHL.js.map} +1 -1
  109. package/dist/chunks/{toaster.records-Bb46MMbZ.js → toaster.records-DcadVT_W.js} +2 -2
  110. package/dist/chunks/{toaster.records-Bb46MMbZ.js.map → toaster.records-DcadVT_W.js.map} +1 -1
  111. package/dist/chunks/{tooltip.component-Cr_en1NQ.js → tooltip.component-XxpjNATA.js} +3 -3
  112. package/dist/chunks/{tooltip.component-Cr_en1NQ.js.map → tooltip.component-XxpjNATA.js.map} +1 -1
  113. package/dist/chunks/{typography.records-H4aA5AOA.js → typography.records-DDZuRT8J.js} +2 -2
  114. package/dist/chunks/{typography.records-H4aA5AOA.js.map → typography.records-DDZuRT8J.js.map} +1 -1
  115. package/dist/chunks/{use-field-context-Cm3grEyV.js → use-field-context-BZaIHuSQ.js} +2 -2
  116. package/dist/chunks/{use-field-context-Cm3grEyV.js.map → use-field-context-BZaIHuSQ.js.map} +1 -1
  117. package/dist/chunks/{use-locale-context-BiiNTYMT.js → use-locale-context-BNU4MHrO.js} +71 -71
  118. package/dist/chunks/{use-locale-context-BiiNTYMT.js.map → use-locale-context-BNU4MHrO.js.map} +1 -1
  119. package/dist/chunks/{withFormControl-l2C92-pT.js → withFormControl-BJbzRb4N.js} +6 -6
  120. package/dist/chunks/{withFormControl-l2C92-pT.js.map → withFormControl-BJbzRb4N.js.map} +1 -1
  121. package/dist/chunks/{withTruncation-CQ7mmyn9.js → withTruncation-CR8pGwFg.js} +2 -2
  122. package/dist/chunks/{withTruncation-CQ7mmyn9.js.map → withTruncation-CR8pGwFg.js.map} +1 -1
  123. package/dist/cjs/chakra/index.cjs +1 -1
  124. package/dist/cjs/chakra/index.cjs.map +1 -1
  125. package/dist/cjs/components/Popover/index.cjs +1 -1
  126. package/dist/cjs/components/TimePicker/index.cjs +1 -1
  127. package/dist/cjs/components/TimeRange/index.cjs +1 -1
  128. package/dist/cjs/components/index.cjs +1 -1
  129. package/dist/cjs/hooks/useColorMode/index.cjs +1 -1
  130. package/dist/cjs/hooks/useColorMode/index.cjs.map +1 -1
  131. package/dist/cjs/index.cjs +1 -1
  132. package/dist/cjs/shared/index.cjs +1 -1
  133. package/dist/cjs/shared/types/index.cjs +1 -1
  134. package/dist/cjs/shared/types/index.cjs.map +1 -1
  135. package/dist/cjs/theme/index.cjs +1 -1
  136. package/dist/esm/chakra/index.js +165 -162
  137. package/dist/esm/chakra/index.js.map +1 -1
  138. package/dist/esm/components/Alert/index.js +1 -1
  139. package/dist/esm/components/Avatar/index.js +1 -1
  140. package/dist/esm/components/AvatarGroup/index.js +1 -1
  141. package/dist/esm/components/ButtonGroup/index.js +1 -1
  142. package/dist/esm/components/CharacterCounter/index.js +1 -1
  143. package/dist/esm/components/Checkbox/index.js +1 -1
  144. package/dist/esm/components/CheckboxGroup/index.js +1 -1
  145. package/dist/esm/components/ConversationCard/index.js +1 -1
  146. package/dist/esm/components/DatePicker/index.js +1 -1
  147. package/dist/esm/components/Heading/index.js +1 -1
  148. package/dist/esm/components/Menu/index.js +1 -1
  149. package/dist/esm/components/Modal/index.js +1 -1
  150. package/dist/esm/components/PinInput/index.js +1 -1
  151. package/dist/esm/components/Popover/index.js +1 -1
  152. package/dist/esm/components/RadioGroup/index.js +1 -1
  153. package/dist/esm/components/RatingDots/index.js +1 -1
  154. package/dist/esm/components/Select/index.js +1 -1
  155. package/dist/esm/components/SortableList/index.js +1 -1
  156. package/dist/esm/components/Spinner/index.js +1 -1
  157. package/dist/esm/components/StyledAvatar/index.js +1 -1
  158. package/dist/esm/components/Switch/index.js +1 -1
  159. package/dist/esm/components/Tabs/index.js +1 -1
  160. package/dist/esm/components/TagBlock/index.js +1 -1
  161. package/dist/esm/components/Text/index.js +1 -1
  162. package/dist/esm/components/TextInput/index.js +1 -1
  163. package/dist/esm/components/Textarea/index.js +1 -1
  164. package/dist/esm/components/TimePicker/index.js +1 -1
  165. package/dist/esm/components/TimeRange/index.js +1 -1
  166. package/dist/esm/components/Timestamp/index.js +1 -1
  167. package/dist/esm/components/Toast/index.js +1 -1
  168. package/dist/esm/components/Tooltip/index.js +1 -1
  169. package/dist/esm/components/index.js +30 -30
  170. package/dist/esm/hooks/useColorMode/index.js +8 -6
  171. package/dist/esm/hooks/useColorMode/index.js.map +1 -1
  172. package/dist/esm/index.js +75 -72
  173. package/dist/esm/index.js.map +1 -1
  174. package/dist/esm/shared/index.js +8 -6
  175. package/dist/esm/shared/index.js.map +1 -1
  176. package/dist/esm/shared/types/index.js +5 -3
  177. package/dist/esm/shared/types/index.js.map +1 -1
  178. package/dist/esm/theme/index.js +4 -3
  179. package/dist/types/chakra/index.d.ts +1 -1
  180. package/dist/types/hooks/useColorMode/index.d.ts +3 -2
  181. package/dist/types/shared/types/theme.d.ts +1 -0
  182. package/dist/types/theme/index.d.ts +1 -1
  183. package/dist/types/theme/providers/theme.provider.d.ts +1 -1
  184. package/dist/types/theme/theme.config.d.ts +3 -2
  185. package/package.json +1 -21
  186. package/dist/chunks/index-DUY19L6M.js.map +0 -1
  187. package/dist/chunks/index-iaug4k6v.js +0 -8
  188. package/dist/chunks/index-iaug4k6v.js.map +0 -1
  189. package/dist/chunks/theme.provider-Dj8NjgPW.js +0 -26
  190. package/dist/chunks/theme.provider-Dj8NjgPW.js.map +0 -1
  191. package/dist/chunks/theme.provider-VIWx5x9g.js.map +0 -1
@@ -1,8 +1,8 @@
1
1
  import { j as t } from "./jsx-runtime-C5mzlN2N.js";
2
2
  import b, { forwardRef as v, Fragment as _ } from "react";
3
- import { W as k } from "./heading.component-BHha3j1I.js";
3
+ import { W as k } from "./heading.component-73t_EqZx.js";
4
4
  import { I as y } from "./icon.component-DszmCnE4.js";
5
- import { W as R } from "./text.component-DJW--Vty.js";
5
+ import { W as R } from "./text.component-DKtdjH7k.js";
6
6
  import { B as j } from "./button.component-DOAhnxbj.js";
7
7
  import { B as C } from "./box-Ck9I7FYv.js";
8
8
  import { StatusIconMap as I, StatusTypographyMap as N } from "../esm/shared/records/index.js";
@@ -136,4 +136,4 @@ export {
136
136
  at as A,
137
137
  it as a
138
138
  };
139
- //# sourceMappingURL=alert.types-DeHWvQla.js.map
139
+ //# sourceMappingURL=alert.types-DEe0eEG4.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert.types-DeHWvQla.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx","../../src/components/Alert/alert.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n name: \"AlertStatusContext\",\n hookName: \"useAlertStatusContext\",\n providerName: \"<Alert />\"\n});\nconst {\n withProvider,\n withContext,\n useStyles: useAlertStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n \"div\",\n \"root\",\n {\n forwardAsChild: true,\n wrapElement(element, props) {\n return (\n // @ts-ignore fix later\n /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n );\n }\n }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n \"div\",\n \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n \"div\",\n \"content\"\n);\nconst iconMap = {\n info: InfoIcon,\n warning: WarningIcon,\n success: CheckCircleIcon,\n error: WarningIcon,\n neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n function AlertIndicator2(props, ref) {\n const api = useAlertStatusContext();\n const styles = useAlertStyles();\n const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\n","import React from 'react';\nimport { AlertButtonPosition } from 'components/Alert/alert.types';\nimport { Button, ButtonProps } from 'components/Button/button.component';\nimport { Status } from 'shared/types/status';\nimport { Box } from '@chakra-ui/react/box';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'children'> {\n buttonPosition?: AlertButtonPosition;\n buttonText: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n status: Status;\n}\n\nexport const AlertButton = ({\n buttonPosition = 'topRight',\n buttonText,\n status,\n ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n return (\n <Box\n className=\"Alert__Button\"\n data-testid=\"kibble-alert-button\"\n {...(buttonPosition === 'bottomLeft' && { pt: 2, pb: 1 })}\n >\n <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} w=\"max-content\" {...rest}>\n {buttonText}\n </Button>\n </Box>\n );\n};\n","import React from 'react';\nimport { Alert as CAlert } from '@chakra-ui/react/alert';\nimport { Heading, HeadingProps } from 'components/Heading/heading.component';\nimport { Icon, IconProps } from 'components/Icon/icon.component';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { Status } from 'shared/types/status';\nimport { Button } from 'components/Button/button.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { AlertButton, AlertButtonProps } from './components/AlertButton/alertButton.component';\nimport { StatusIconMap, StatusTypographyMap } from 'shared/records/status';\n\nexport interface AlertProps extends Omit<CAlert.RootProps, 'title' | 'status' | 'children' | 'variant' | 'size'> {\n buttonProps?: AlertButtonProps;\n description?: React.ReactNode;\n descriptionProps?: TextProps;\n hideCloseButton?: boolean;\n hideIcon?: boolean;\n iconProps?: IconProps;\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n onContrast?: boolean;\n status?: Status;\n title?: React.ReactNode;\n titleProps?: HeadingProps;\n}\n\nexport const Alert = ({\n buttonProps,\n description,\n descriptionProps,\n hideCloseButton = false,\n hideIcon = false,\n iconProps,\n onClose,\n onContrast = false,\n status = 'success',\n title,\n titleProps,\n ...rest\n}: AlertProps): React.JSX.Element => {\n if (buttonProps && !buttonProps.buttonPosition) {\n buttonProps.buttonPosition = 'topRight';\n }\n const isTopRightButton = buttonProps && buttonProps.buttonPosition === 'topRight';\n const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n return (\n <CAlert.Root\n className=\"Alert\"\n data-testid=\"kibble-alert\"\n {...rest}\n variant={status}\n hideIcon={hideIcon}\n onContrast={onContrast}\n >\n {!hideIcon && (\n <CAlert.Indicator className=\"Alert__Icon\" data-testid=\"kibble-alert-icon\">\n <Icon\n variant={onContrast ? 'onContrast' : StatusTypographyMap[status]}\n name={iconProps?.name || StatusIconMap[status]}\n size=\"lg\"\n {...iconProps}\n />\n </CAlert.Indicator>\n )}\n <CAlert.Content className=\"Alert__Content\" data-testid=\"kibble-alert-content\">\n {title && (\n <WithButtonWrapper\n {...(isTopRightButton && {\n justifyContent: 'space-between',\n gap: 2,\n })}\n >\n <CAlert.Title className=\"Alert__Title\" data-testid=\"kibble-alert-title\">\n <Heading size=\"sm\" variant={onContrast ? 'onContrast' : 'default'} {...titleProps}>\n {title}\n </Heading>\n </CAlert.Title>\n {buttonProps && buttonProps.buttonPosition === 'topRight' && (\n <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n )}\n </WithButtonWrapper>\n )}\n {description && (\n <WithButtonWrapper {...(isTopRightButton && { justifyContent: 'space-between' })}>\n <CAlert.Description className=\"Alert__Description\" data-testid=\"kibble-alert-description\">\n {typeof description === 'string' ? (\n <Text size=\"md\" variant={onContrast ? 'onContrast' : 'default'} {...descriptionProps}>\n {description}\n </Text>\n ) : (\n description\n )}\n </CAlert.Description>\n {buttonProps && buttonProps.buttonPosition === 'topRight' && !title && (\n <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n )}\n </WithButtonWrapper>\n )}\n {buttonProps?.buttonPosition === 'bottomLeft' && (\n <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n )}\n </CAlert.Content>\n {!hideCloseButton && (\n <Button\n className=\"Alert__CloseTrigger\"\n data-testid=\"kibble-alert-close-trigger\"\n iconName=\"close\"\n size=\"xs\"\n variant=\"ghostNeutral\"\n onContrast={onContrast}\n onClick={onClose}\n />\n )}\n </CAlert.Root>\n );\n};\n","export const alertButtonPositions = ['topRight', 'bottomLeft'] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertButton","buttonPosition","buttonText","status","Box","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","isTopRightButton","WithButtonWrapper","Flex","React","jsxs","CAlert.Root","CAlert.Indicator","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text","alertButtonPositions"],"mappings":"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","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"alert.types-DEe0eEG4.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx","../../src/components/Alert/alert.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n name: \"AlertStatusContext\",\n hookName: \"useAlertStatusContext\",\n providerName: \"<Alert />\"\n});\nconst {\n withProvider,\n withContext,\n useStyles: useAlertStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n \"div\",\n \"root\",\n {\n forwardAsChild: true,\n wrapElement(element, props) {\n return (\n // @ts-ignore fix later\n /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n );\n }\n }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n \"div\",\n \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n \"div\",\n \"content\"\n);\nconst iconMap = {\n info: InfoIcon,\n warning: WarningIcon,\n success: CheckCircleIcon,\n error: WarningIcon,\n neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n function AlertIndicator2(props, ref) {\n const api = useAlertStatusContext();\n const styles = useAlertStyles();\n const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\n","import React from 'react';\nimport { AlertButtonPosition } from 'components/Alert/alert.types';\nimport { Button, ButtonProps } from 'components/Button/button.component';\nimport { Status } from 'shared/types/status';\nimport { Box } from '@chakra-ui/react/box';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'children'> {\n buttonPosition?: AlertButtonPosition;\n buttonText: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n status: Status;\n}\n\nexport const AlertButton = ({\n buttonPosition = 'topRight',\n buttonText,\n status,\n ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n return (\n <Box\n className=\"Alert__Button\"\n data-testid=\"kibble-alert-button\"\n {...(buttonPosition === 'bottomLeft' && { pt: 2, pb: 1 })}\n >\n <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} w=\"max-content\" {...rest}>\n {buttonText}\n </Button>\n </Box>\n );\n};\n","import React from 'react';\nimport { Alert as CAlert } from '@chakra-ui/react/alert';\nimport { Heading, HeadingProps } from 'components/Heading/heading.component';\nimport { Icon, IconProps } from 'components/Icon/icon.component';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { Status } from 'shared/types/status';\nimport { Button } from 'components/Button/button.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { AlertButton, AlertButtonProps } from './components/AlertButton/alertButton.component';\nimport { StatusIconMap, StatusTypographyMap } from 'shared/records/status';\n\nexport interface AlertProps extends Omit<CAlert.RootProps, 'title' | 'status' | 'children' | 'variant' | 'size'> {\n buttonProps?: AlertButtonProps;\n description?: React.ReactNode;\n descriptionProps?: TextProps;\n hideCloseButton?: boolean;\n hideIcon?: boolean;\n iconProps?: IconProps;\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n onContrast?: boolean;\n status?: Status;\n title?: React.ReactNode;\n titleProps?: HeadingProps;\n}\n\nexport const Alert = ({\n buttonProps,\n description,\n descriptionProps,\n hideCloseButton = false,\n hideIcon = false,\n iconProps,\n onClose,\n onContrast = false,\n status = 'success',\n title,\n titleProps,\n ...rest\n}: AlertProps): React.JSX.Element => {\n if (buttonProps && !buttonProps.buttonPosition) {\n buttonProps.buttonPosition = 'topRight';\n }\n const isTopRightButton = buttonProps && buttonProps.buttonPosition === 'topRight';\n const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n return (\n <CAlert.Root\n className=\"Alert\"\n data-testid=\"kibble-alert\"\n {...rest}\n variant={status}\n hideIcon={hideIcon}\n onContrast={onContrast}\n >\n {!hideIcon && (\n <CAlert.Indicator className=\"Alert__Icon\" data-testid=\"kibble-alert-icon\">\n <Icon\n variant={onContrast ? 'onContrast' : StatusTypographyMap[status]}\n name={iconProps?.name || StatusIconMap[status]}\n size=\"lg\"\n {...iconProps}\n />\n </CAlert.Indicator>\n )}\n <CAlert.Content className=\"Alert__Content\" data-testid=\"kibble-alert-content\">\n {title && (\n <WithButtonWrapper\n {...(isTopRightButton && {\n justifyContent: 'space-between',\n gap: 2,\n })}\n >\n <CAlert.Title className=\"Alert__Title\" data-testid=\"kibble-alert-title\">\n <Heading size=\"sm\" variant={onContrast ? 'onContrast' : 'default'} {...titleProps}>\n {title}\n </Heading>\n </CAlert.Title>\n {buttonProps && buttonProps.buttonPosition === 'topRight' && (\n <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n )}\n </WithButtonWrapper>\n )}\n {description && (\n <WithButtonWrapper {...(isTopRightButton && { justifyContent: 'space-between' })}>\n <CAlert.Description className=\"Alert__Description\" data-testid=\"kibble-alert-description\">\n {typeof description === 'string' ? (\n <Text size=\"md\" variant={onContrast ? 'onContrast' : 'default'} {...descriptionProps}>\n {description}\n </Text>\n ) : (\n description\n )}\n </CAlert.Description>\n {buttonProps && buttonProps.buttonPosition === 'topRight' && !title && (\n <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n )}\n </WithButtonWrapper>\n )}\n {buttonProps?.buttonPosition === 'bottomLeft' && (\n <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n )}\n </CAlert.Content>\n {!hideCloseButton && (\n <Button\n className=\"Alert__CloseTrigger\"\n data-testid=\"kibble-alert-close-trigger\"\n iconName=\"close\"\n size=\"xs\"\n variant=\"ghostNeutral\"\n onContrast={onContrast}\n onClick={onClose}\n />\n )}\n </CAlert.Root>\n );\n};\n","export const alertButtonPositions = ['topRight', 'bottomLeft'] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertButton","buttonPosition","buttonText","status","Box","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","isTopRightButton","WithButtonWrapper","Flex","React","jsxs","CAlert.Root","CAlert.Indicator","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text","alertButtonPositions"],"mappings":"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","x_google_ignoreList":[0]}
@@ -1,6 +1,6 @@
1
1
  import { j as s } from "./jsx-runtime-C5mzlN2N.js";
2
2
  import H, { forwardRef as c, useId as V, useMemo as f, useCallback as W, useState as $ } from "react";
3
- import { T as G } from "./tooltip.component-Cr_en1NQ.js";
3
+ import { T as G } from "./tooltip.component-XxpjNATA.js";
4
4
  import { I as v } from "./icon.component-DszmCnE4.js";
5
5
  import { F as C } from "./float-DYLtz2A6.js";
6
6
  import { b as E } from "./config-DlTdf-Yt.js";
@@ -11,9 +11,9 @@ import { c as k, a as T } from "./factory-Ctbv0Ozn.js";
11
11
  import { c as X } from "./create-slot-recipe-context-BJmsuxih.js";
12
12
  import { u as q } from "./use-slot-recipe-DhtQ1j_5.js";
13
13
  import { G as D } from "./group-DPCVolOl.js";
14
- import { c as J, f as m, i as K, j as Q, k as U, n as Y, a as A } from "./use-locale-context-BiiNTYMT.js";
15
- import { m as aa, c as ta } from "./index-CJLttzPM.js";
16
- import { a1 as x } from "./index-YtNA0Ueo.js";
14
+ import { c as J, f as m, i as K, j as Q, k as U, n as Y, a as A } from "./use-locale-context-BNU4MHrO.js";
15
+ import { m as aa, c as ta } from "./index-BODNpj2d.js";
16
+ import { a1 as x } from "./index-Ztgrae6O.js";
17
17
  const [j, w] = J({
18
18
  name: "AvatarContext",
19
19
  hookName: "useAvatarContext",
@@ -391,4 +391,4 @@ export {
391
391
  Wa as A,
392
392
  Va as a
393
393
  };
394
- //# sourceMappingURL=avatar.component-CV_95YCj.js.map
394
+ //# sourceMappingURL=avatar.component-CvE1vv5L.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.component-CV_95YCj.js","sources":["../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar-context.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-fallback.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-image.js","../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/avatar/avatar.js","../../src/components/Avatar/components/AvatarRemoveButton/avatarRemoveButton.component.tsx","../../src/shared/utils/sizes.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.recipe.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.records.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx","../../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [AvatarProvider, useAvatarContext] = createContext({\n name: \"AvatarContext\",\n hookName: \"useAvatarContext\",\n providerName: \"<AvatarProvider />\"\n});\n\nexport { AvatarProvider, useAvatarContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarFallback = forwardRef((props, ref) => {\n const avatar = useAvatarContext();\n const mergedProps = mergeProps(avatar.getFallbackProps(), props);\n return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nAvatarFallback.displayName = \"AvatarFallback\";\n\nexport { AvatarFallback };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarImage = forwardRef((props, ref) => {\n const avatar = useAvatarContext();\n const mergedProps = mergeProps(avatar.getImageProps(), props);\n return /* @__PURE__ */ jsx(ark.img, { ...mergedProps, ref });\n});\nAvatarImage.displayName = \"AvatarImage\";\n\nexport { AvatarImage };\n","'use client';\nimport * as avatar from '@zag-js/avatar';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useAvatar = (props) => {\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const context = {\n id,\n dir,\n getRootNode,\n ...props\n };\n const service = useMachine(avatar.machine, context);\n return avatar.connect(service, normalizeProps);\n};\n\nexport { useAvatar };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useAvatar } from './use-avatar.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRoot = forwardRef((props, ref) => {\n const [useAvatarProps, localProps] = createSplitProps()(props, [\"id\", \"ids\", \"onStatusChange\"]);\n const avatar = useAvatar(useAvatarProps);\n const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRoot.displayName = \"AvatarRoot\";\n\nexport { AvatarRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRootProvider = forwardRef((props, ref) => {\n const [{ value: avatar }, localProps] = createSplitProps()(props, [\"value\"]);\n const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRootProvider.displayName = \"AvatarRootProvider\";\n\nexport { AvatarRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Avatar } from '@ark-ui/react/avatar';\nimport { forwardRef, useMemo } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useSlotRecipe } from '../../styled-system/use-slot-recipe.js';\nimport { Group } from '../group/group.js';\n\nconst {\n withProvider,\n withContext,\n useStyles: useAvatarStyles,\n useClassNames,\n PropsProvider\n} = createSlotRecipeContext({ key: \"avatar\" });\nconst AvatarRootProvider = withProvider(Avatar.RootProvider, \"root\", { forwardAsChild: true });\nconst AvatarRoot = withProvider(\n Avatar.Root,\n \"root\",\n { forwardAsChild: true }\n);\nconst AvatarPropsProvider = PropsProvider;\nconst StyledFallback = chakra(Avatar.Fallback, {}, { forwardAsChild: true });\nfunction getFallbackChildren(props) {\n if (props.children || props.asChild) return props.children;\n if (props.name) return getInitials(props.name);\n return /* @__PURE__ */ jsx(AvatarIcon, {});\n}\nfunction getInitials(name) {\n const names = name.trim().split(\" \");\n const firstName = names[0] != null ? names[0] : \"\";\n const lastName = names.length > 1 ? names[names.length - 1] : \"\";\n return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);\n}\nconst AvatarFallback = forwardRef(\n function AvatarFallback2(props, ref) {\n const styles = useAvatarStyles();\n const classNames = useClassNames();\n const { name: _, ...rest } = props;\n return /* @__PURE__ */ jsx(\n StyledFallback,\n {\n ref,\n ...rest,\n className: cx(props.className, classNames.fallback),\n css: [styles.fallback, props.css],\n children: getFallbackChildren(props)\n }\n );\n }\n);\nconst AvatarImage = withContext(\n Avatar.Image,\n \"image\",\n {\n forwardAsChild: true,\n defaultProps: {\n draggable: \"false\",\n referrerPolicy: \"no-referrer\"\n }\n }\n);\nconst AvatarIcon = forwardRef(\n function AvatarIcon2(props, ref) {\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n stroke: \"currentColor\",\n fill: \"currentColor\",\n strokeWidth: \"0\",\n viewBox: \"0 0 24 24\",\n height: \"1.2em\",\n width: \"1.2em\",\n ref,\n ...props,\n children: /* @__PURE__ */ jsx(\"path\", { d: \"M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z\" })\n }\n );\n }\n);\nconst AvatarContext = Avatar.Context;\nconst AvatarGroup = forwardRef(\n function AvatarGroup2(props, ref) {\n const recipe = useSlotRecipe({ key: \"avatar\" });\n const [variantProps, localProps] = useMemo(\n () => recipe.splitVariantProps(props),\n [props, recipe]\n );\n return /* @__PURE__ */ jsx(PropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(Group, { gap: \"0\", spaceX: \"-3\", ref, ...localProps }) });\n }\n);\n\nexport { AvatarContext, AvatarFallback, AvatarGroup, AvatarIcon, AvatarImage, AvatarPropsProvider, AvatarRoot, AvatarRootProvider, useAvatarStyles };\n","import React, { useCallback, MouseEvent, Dispatch, SetStateAction } from 'react';\nimport { Float } from '@chakra-ui/react/float';\nimport { Icon } from 'components/Icon/icon.component';\n\ninterface AvatarRemoveButtonProps {\n onRemove?: React.MouseEventHandler<HTMLDivElement>;\n isBeingHovered: boolean;\n setIsBeingHovered: Dispatch<SetStateAction<boolean>>;\n}\n\ninterface InternalAvatarRemoveButtonProps extends AvatarRemoveButtonProps {\n avatarSize: string;\n}\n\nconst AvatarRemoveButton = ({\n avatarSize,\n onRemove,\n isBeingHovered,\n setIsBeingHovered,\n}: InternalAvatarRemoveButtonProps): React.JSX.Element => {\n const onRemoveButtonClick = useCallback(\n (e: MouseEvent<HTMLDivElement>) => {\n e.stopPropagation();\n\n if (onRemove) {\n onRemove(e);\n }\n },\n [onRemove],\n );\n\n return (\n <Float\n className=\"Avatar__RemoveButton\"\n data-testid=\"kibble-avatar-remove-button\"\n backgroundColor=\"background\"\n borderRadius=\"full\"\n cursor=\"pointer\"\n display=\"none\"\n h={4}\n onClick={onRemoveButtonClick}\n onMouseEnter={(): void => setIsBeingHovered(true)}\n onMouseLeave={(): void => setIsBeingHovered(false)}\n w={4}\n zIndex=\"tooltip\"\n offset={avatarSize === 'xl' ? 2 : 0.5}\n _groupHover={{\n display: 'flex',\n }}\n >\n <Icon variant=\"default\" name=\"closeCircleSolid\" size={isBeingHovered ? 'sm' : 'xs'} />\n </Float>\n );\n};\n\nexport default AvatarRemoveButton;\n","import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconSize } from 'components/Icon/icon.types';\n\ninterface GetNextIconSizeProps {\n currentSize: IconSize | AvatarSize;\n larger: boolean;\n delta: number;\n}\n\nexport const getNextIconSize = ({ currentSize, larger = true, delta = 1 }: GetNextIconSizeProps): IconSize => {\n let nextSize: IconSize;\n switch (currentSize) {\n case 'xs':\n nextSize = larger ? 'sm' : 'xs';\n break;\n case 'sm':\n nextSize = larger ? 'md' : 'xs';\n break;\n case 'md':\n nextSize = larger ? 'lg' : 'sm';\n break;\n case 'lg':\n nextSize = larger ? 'xl' : 'md';\n break;\n case 'xl':\n nextSize = larger ? '2xl' : 'lg';\n break;\n case '2xl':\n nextSize = larger ? '2xl' : 'xl';\n break;\n default:\n nextSize = currentSize as IconSize;\n break;\n }\n\n if (delta > 1) {\n nextSize = getNextIconSize({\n currentSize: nextSize,\n larger,\n delta: delta - 1,\n });\n }\n\n return nextSize;\n};\n","import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { AvatarSize } from 'components/Avatar/avatar.types';\nimport { Status } from 'shared/types/status';\n\nconst avatarBadgeStatusStyles: Record<Status, SystemStyleObject> = {\n info: {\n bgColor: 'background.info',\n },\n default: {\n bgColor: 'background.subtle.less',\n },\n error: {\n bgColor: 'background.danger',\n },\n success: {\n bgColor: 'background.success',\n },\n warning: {\n bgColor: 'background.warning',\n },\n};\n\nconst avatarBadgeSizeStyles: Record<AvatarSize, SystemStyleObject> = {\n xs: {\n boxSize: '10px',\n },\n sm: {\n boxSize: '18px',\n },\n md: {\n boxSize: '18px',\n },\n lg: {\n boxSize: '18px',\n },\n xl: {\n borderWidth: '2px',\n boxSize: '24px',\n },\n};\n\nexport const avatarBadgeRecipe = defineRecipe({\n base: {\n alignItems: 'center',\n borderColor: 'border.strong.contrast',\n borderRadius: 'full',\n borderWidth: '1px',\n justifyContent: 'center',\n },\n variants: {\n size: avatarBadgeSizeStyles,\n status: avatarBadgeStatusStyles,\n withIcon: {\n true: {},\n false: {},\n },\n },\n defaultVariants: {\n status: 'info',\n },\n compoundVariants: [\n {\n withIcon: false,\n status: 'info',\n css: {\n bgColor: 'background.secondary',\n },\n },\n {\n withIcon: false,\n status: 'default',\n css: {\n bgColor: 'background.contrast',\n },\n },\n {\n withIcon: false,\n status: 'error',\n css: {\n bgColor: 'background.destructive',\n },\n },\n {\n withIcon: false,\n status: 'success',\n css: {\n bgColor: 'background.success.contrast',\n },\n },\n {\n withIcon: false,\n status: 'warning',\n css: {\n bgColor: 'background.warning.contrast',\n },\n },\n {\n withIcon: false,\n size: ['sm', 'md', 'lg'],\n css: {\n boxSize: '12px',\n },\n },\n {\n withIcon: false,\n size: 'xl',\n css: {\n borderWidth: '2px',\n boxSize: '16px',\n },\n },\n ],\n});\n","import { AvatarSize } from 'components/Avatar/avatar.types';\n\nexport const iconBadgeOffsetMap: Record<AvatarSize, number> = {\n xs: 0.5,\n sm: 0.5,\n md: 0.5,\n lg: 0.5,\n xl: 2,\n};\n\nexport const badgeOffsetMap: Record<AvatarSize, number> = {\n xs: 0.5,\n sm: 0.5,\n md: 1,\n lg: 1,\n xl: 2,\n};\n","import React, { useMemo } from 'react';\nimport { Float } from '@chakra-ui/react/float';\nimport { Icon, IconName } from 'components/Icon';\nimport { TypographyVariant } from 'shared/types/typography';\nimport { AvatarSize } from 'components/Avatar/avatar.types';\nimport { ConditionalValue, useRecipe } from '@chakra-ui/react/styled-system';\nimport { AvatarBadgePosition } from './avatarBadge.types';\nimport { Flex, FlexProps } from '@chakra-ui/react/flex';\nimport { avatarBadgeRecipe } from './avatarBadge.recipe';\nimport { Status } from 'shared/types/status';\nimport { badgeOffsetMap, iconBadgeOffsetMap } from './avatarBadge.records';\n\nexport interface AvatarBadgeProps extends FlexProps {\n iconName?: IconName;\n position?: ConditionalValue<AvatarBadgePosition>;\n status?: Status;\n}\n\ninterface InternalAvatarBadgeProps extends AvatarBadgeProps {\n avatarSize?: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n avatarSize = 'md',\n iconName,\n position = 'bottom-end',\n status = 'info',\n ...rest\n}: InternalAvatarBadgeProps): React.JSX.Element => {\n const recipe = useRecipe({ recipe: avatarBadgeRecipe });\n const styles = recipe({ status, size: avatarSize, withIcon: !!iconName });\n const useSmallBadge = useMemo(() => avatarSize === 'xs' || !iconName, [iconName, avatarSize]);\n const offsetRecord = useMemo(() => (useSmallBadge ? badgeOffsetMap : iconBadgeOffsetMap), [useSmallBadge]);\n\n return (\n <Float\n className=\"Avatar__BadgeWrapper\"\n data-testid=\"kibble-avatar-badge-wrapper\"\n offset={offsetRecord[avatarSize]}\n placement={position}\n >\n <Flex className=\"Avatar__Badge\" data-testid=\"kibble-avatar-badge\" css={styles} {...rest}>\n {!useSmallBadge && iconName && (\n <Icon\n name={iconName}\n variant={status !== 'error' ? (status as TypographyVariant) : 'danger'}\n size={avatarSize === 'xl' ? 'sm' : 'xs'}\n />\n )}\n </Flex>\n </Float>\n );\n};\n","import React, { useState } from 'react';\nimport { Avatar as CAvatar } from '@chakra-ui/react/avatar';\nimport { Tooltip, TooltipProps } from 'components/Tooltip/tooltip.component';\nimport { Icon, IconName } from 'components/Icon';\nimport AvatarRemoveButton from './components/AvatarRemoveButton/avatarRemoveButton.component';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'shared/utils/sizes';\nimport { Box } from '@chakra-ui/react/box';\nimport { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\n\nexport interface AvatarProps extends CAvatar.RootProps {\n badgeProps?: AvatarBadgeProps;\n hideBorder?: boolean;\n iconName?: IconName;\n name?: string;\n onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n onRemove?: (event: React.MouseEvent<HTMLDivElement>) => void;\n showBadge?: boolean;\n showRemoveButton?: boolean;\n showTooltip?: boolean;\n size?: AvatarSize;\n src?: string;\n tooltipProps?: TooltipProps;\n variant?: AvatarVariant;\n webpSrc?: string;\n}\n\nexport const Avatar = ({\n badgeProps,\n hideBorder,\n iconName,\n name = '',\n onClick,\n onRemove,\n showBadge,\n showRemoveButton,\n showTooltip = true,\n size = 'md',\n src,\n tooltipProps,\n variant = 'default',\n webpSrc,\n ...rest\n}: AvatarProps): React.JSX.Element => {\n const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n const AvatarWrapper: React.FC<AvatarProps> =\n showTooltip && !isHoveringRemoveButton\n ? ({ children }): React.JSX.Element => {\n return (\n <Tooltip\n data-testid=\"kibble-avatar-tooltip\"\n {...tooltipProps}\n label={tooltipProps?.label || name}\n disabled={!name && !tooltipProps?.label}\n placement={tooltipProps?.placement || 'bottom'}\n >\n <Box>{children}</Box>\n </Tooltip>\n );\n }\n : React.Fragment;\n\n return (\n <AvatarWrapper>\n <CAvatar.Root\n className=\"Avatar group\"\n data-testid=\"kibble-avatar\"\n variant={variant}\n size={size}\n interactive={!!onClick}\n hideBorder={hideBorder}\n onClick={onClick}\n {...rest}\n >\n <CAvatar.Fallback name={name}>\n {iconName && (\n <Icon\n name={iconName}\n mt=\"-1px\"\n size={\n size === 'lg'\n ? 'lg'\n : getNextIconSize({\n currentSize: size,\n larger: true,\n delta: 1,\n })\n }\n />\n )}\n </CAvatar.Fallback>\n {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n {(webpSrc || src) && <CAvatar.Image src={src} srcSet={webpSrc} />}\n {showRemoveButton && size !== 'xs' && (\n <AvatarRemoveButton\n avatarSize={size}\n onRemove={onRemove}\n isBeingHovered={isHoveringRemoveButton}\n setIsBeingHovered={setIsHoveringRemoveButton}\n />\n )}\n </CAvatar.Root>\n </AvatarWrapper>\n );\n};\n"],"names":["AvatarProvider","useAvatarContext","createContext","AvatarFallback","forwardRef","props","ref","avatar","mergedProps","mergeProps","jsx","ark","AvatarImage","useAvatar","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","context","service","useMachine","avatar.machine","avatar.connect","normalizeProps","AvatarRoot","useAvatarProps","localProps","createSplitProps","AvatarRootProvider","withProvider","withContext","useAvatarStyles","useClassNames","PropsProvider","createSlotRecipeContext","Avatar.RootProvider","Avatar.Root","StyledFallback","chakra","Avatar.Fallback","getFallbackChildren","getInitials","AvatarIcon","name","names","firstName","lastName","styles","classNames","_","rest","cx","Avatar.Image","AvatarGroup","recipe","useSlotRecipe","variantProps","useMemo","Group","AvatarRemoveButton","avatarSize","onRemove","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","Float","Icon","getNextIconSize","currentSize","larger","delta","nextSize","avatarBadgeStatusStyles","avatarBadgeSizeStyles","avatarBadgeRecipe","defineRecipe","iconBadgeOffsetMap","badgeOffsetMap","AvatarBadge","iconName","position","status","useRecipe","useSmallBadge","offsetRecord","Flex","Avatar","badgeProps","hideBorder","onClick","showBadge","showRemoveButton","showTooltip","size","src","tooltipProps","variant","webpSrc","isHoveringRemoveButton","setIsHoveringRemoveButton","useState","AvatarWrapper","children","Tooltip","Box","React","jsxs","CAvatar.Root","CAvatar.Fallback","CAvatar.Image"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6]}
1
+ {"version":3,"file":"avatar.component-CvE1vv5L.js","sources":["../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar-context.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-fallback.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-image.js","../../node_modules/@ark-ui/react/dist/components/avatar/use-avatar.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root.js","../../node_modules/@ark-ui/react/dist/components/avatar/avatar-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/avatar/avatar.js","../../src/components/Avatar/components/AvatarRemoveButton/avatarRemoveButton.component.tsx","../../src/shared/utils/sizes.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.recipe.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.records.ts","../../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx","../../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [AvatarProvider, useAvatarContext] = createContext({\n name: \"AvatarContext\",\n hookName: \"useAvatarContext\",\n providerName: \"<AvatarProvider />\"\n});\n\nexport { AvatarProvider, useAvatarContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarFallback = forwardRef((props, ref) => {\n const avatar = useAvatarContext();\n const mergedProps = mergeProps(avatar.getFallbackProps(), props);\n return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nAvatarFallback.displayName = \"AvatarFallback\";\n\nexport { AvatarFallback };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useAvatarContext } from './use-avatar-context.js';\n\nconst AvatarImage = forwardRef((props, ref) => {\n const avatar = useAvatarContext();\n const mergedProps = mergeProps(avatar.getImageProps(), props);\n return /* @__PURE__ */ jsx(ark.img, { ...mergedProps, ref });\n});\nAvatarImage.displayName = \"AvatarImage\";\n\nexport { AvatarImage };\n","'use client';\nimport * as avatar from '@zag-js/avatar';\nimport { useMachine, normalizeProps } from '@zag-js/react';\nimport { useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\n\nconst useAvatar = (props) => {\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const context = {\n id,\n dir,\n getRootNode,\n ...props\n };\n const service = useMachine(avatar.machine, context);\n return avatar.connect(service, normalizeProps);\n};\n\nexport { useAvatar };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useAvatar } from './use-avatar.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRoot = forwardRef((props, ref) => {\n const [useAvatarProps, localProps] = createSplitProps()(props, [\"id\", \"ids\", \"onStatusChange\"]);\n const avatar = useAvatar(useAvatarProps);\n const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRoot.displayName = \"AvatarRoot\";\n\nexport { AvatarRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { AvatarProvider } from './use-avatar-context.js';\n\nconst AvatarRootProvider = forwardRef((props, ref) => {\n const [{ value: avatar }, localProps] = createSplitProps()(props, [\"value\"]);\n const mergedProps = mergeProps(avatar.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(AvatarProvider, { value: avatar, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });\n});\nAvatarRootProvider.displayName = \"AvatarRootProvider\";\n\nexport { AvatarRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Avatar } from '@ark-ui/react/avatar';\nimport { forwardRef, useMemo } from 'react';\nimport { cx } from '../../utils/cx.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useSlotRecipe } from '../../styled-system/use-slot-recipe.js';\nimport { Group } from '../group/group.js';\n\nconst {\n withProvider,\n withContext,\n useStyles: useAvatarStyles,\n useClassNames,\n PropsProvider\n} = createSlotRecipeContext({ key: \"avatar\" });\nconst AvatarRootProvider = withProvider(Avatar.RootProvider, \"root\", { forwardAsChild: true });\nconst AvatarRoot = withProvider(\n Avatar.Root,\n \"root\",\n { forwardAsChild: true }\n);\nconst AvatarPropsProvider = PropsProvider;\nconst StyledFallback = chakra(Avatar.Fallback, {}, { forwardAsChild: true });\nfunction getFallbackChildren(props) {\n if (props.children || props.asChild) return props.children;\n if (props.name) return getInitials(props.name);\n return /* @__PURE__ */ jsx(AvatarIcon, {});\n}\nfunction getInitials(name) {\n const names = name.trim().split(\" \");\n const firstName = names[0] != null ? names[0] : \"\";\n const lastName = names.length > 1 ? names[names.length - 1] : \"\";\n return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);\n}\nconst AvatarFallback = forwardRef(\n function AvatarFallback2(props, ref) {\n const styles = useAvatarStyles();\n const classNames = useClassNames();\n const { name: _, ...rest } = props;\n return /* @__PURE__ */ jsx(\n StyledFallback,\n {\n ref,\n ...rest,\n className: cx(props.className, classNames.fallback),\n css: [styles.fallback, props.css],\n children: getFallbackChildren(props)\n }\n );\n }\n);\nconst AvatarImage = withContext(\n Avatar.Image,\n \"image\",\n {\n forwardAsChild: true,\n defaultProps: {\n draggable: \"false\",\n referrerPolicy: \"no-referrer\"\n }\n }\n);\nconst AvatarIcon = forwardRef(\n function AvatarIcon2(props, ref) {\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n stroke: \"currentColor\",\n fill: \"currentColor\",\n strokeWidth: \"0\",\n viewBox: \"0 0 24 24\",\n height: \"1.2em\",\n width: \"1.2em\",\n ref,\n ...props,\n children: /* @__PURE__ */ jsx(\"path\", { d: \"M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z\" })\n }\n );\n }\n);\nconst AvatarContext = Avatar.Context;\nconst AvatarGroup = forwardRef(\n function AvatarGroup2(props, ref) {\n const recipe = useSlotRecipe({ key: \"avatar\" });\n const [variantProps, localProps] = useMemo(\n () => recipe.splitVariantProps(props),\n [props, recipe]\n );\n return /* @__PURE__ */ jsx(PropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(Group, { gap: \"0\", spaceX: \"-3\", ref, ...localProps }) });\n }\n);\n\nexport { AvatarContext, AvatarFallback, AvatarGroup, AvatarIcon, AvatarImage, AvatarPropsProvider, AvatarRoot, AvatarRootProvider, useAvatarStyles };\n","import React, { useCallback, MouseEvent, Dispatch, SetStateAction } from 'react';\nimport { Float } from '@chakra-ui/react/float';\nimport { Icon } from 'components/Icon/icon.component';\n\ninterface AvatarRemoveButtonProps {\n onRemove?: React.MouseEventHandler<HTMLDivElement>;\n isBeingHovered: boolean;\n setIsBeingHovered: Dispatch<SetStateAction<boolean>>;\n}\n\ninterface InternalAvatarRemoveButtonProps extends AvatarRemoveButtonProps {\n avatarSize: string;\n}\n\nconst AvatarRemoveButton = ({\n avatarSize,\n onRemove,\n isBeingHovered,\n setIsBeingHovered,\n}: InternalAvatarRemoveButtonProps): React.JSX.Element => {\n const onRemoveButtonClick = useCallback(\n (e: MouseEvent<HTMLDivElement>) => {\n e.stopPropagation();\n\n if (onRemove) {\n onRemove(e);\n }\n },\n [onRemove],\n );\n\n return (\n <Float\n className=\"Avatar__RemoveButton\"\n data-testid=\"kibble-avatar-remove-button\"\n backgroundColor=\"background\"\n borderRadius=\"full\"\n cursor=\"pointer\"\n display=\"none\"\n h={4}\n onClick={onRemoveButtonClick}\n onMouseEnter={(): void => setIsBeingHovered(true)}\n onMouseLeave={(): void => setIsBeingHovered(false)}\n w={4}\n zIndex=\"tooltip\"\n offset={avatarSize === 'xl' ? 2 : 0.5}\n _groupHover={{\n display: 'flex',\n }}\n >\n <Icon variant=\"default\" name=\"closeCircleSolid\" size={isBeingHovered ? 'sm' : 'xs'} />\n </Float>\n );\n};\n\nexport default AvatarRemoveButton;\n","import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconSize } from 'components/Icon/icon.types';\n\ninterface GetNextIconSizeProps {\n currentSize: IconSize | AvatarSize;\n larger: boolean;\n delta: number;\n}\n\nexport const getNextIconSize = ({ currentSize, larger = true, delta = 1 }: GetNextIconSizeProps): IconSize => {\n let nextSize: IconSize;\n switch (currentSize) {\n case 'xs':\n nextSize = larger ? 'sm' : 'xs';\n break;\n case 'sm':\n nextSize = larger ? 'md' : 'xs';\n break;\n case 'md':\n nextSize = larger ? 'lg' : 'sm';\n break;\n case 'lg':\n nextSize = larger ? 'xl' : 'md';\n break;\n case 'xl':\n nextSize = larger ? '2xl' : 'lg';\n break;\n case '2xl':\n nextSize = larger ? '2xl' : 'xl';\n break;\n default:\n nextSize = currentSize as IconSize;\n break;\n }\n\n if (delta > 1) {\n nextSize = getNextIconSize({\n currentSize: nextSize,\n larger,\n delta: delta - 1,\n });\n }\n\n return nextSize;\n};\n","import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { AvatarSize } from 'components/Avatar/avatar.types';\nimport { Status } from 'shared/types/status';\n\nconst avatarBadgeStatusStyles: Record<Status, SystemStyleObject> = {\n info: {\n bgColor: 'background.info',\n },\n default: {\n bgColor: 'background.subtle.less',\n },\n error: {\n bgColor: 'background.danger',\n },\n success: {\n bgColor: 'background.success',\n },\n warning: {\n bgColor: 'background.warning',\n },\n};\n\nconst avatarBadgeSizeStyles: Record<AvatarSize, SystemStyleObject> = {\n xs: {\n boxSize: '10px',\n },\n sm: {\n boxSize: '18px',\n },\n md: {\n boxSize: '18px',\n },\n lg: {\n boxSize: '18px',\n },\n xl: {\n borderWidth: '2px',\n boxSize: '24px',\n },\n};\n\nexport const avatarBadgeRecipe = defineRecipe({\n base: {\n alignItems: 'center',\n borderColor: 'border.strong.contrast',\n borderRadius: 'full',\n borderWidth: '1px',\n justifyContent: 'center',\n },\n variants: {\n size: avatarBadgeSizeStyles,\n status: avatarBadgeStatusStyles,\n withIcon: {\n true: {},\n false: {},\n },\n },\n defaultVariants: {\n status: 'info',\n },\n compoundVariants: [\n {\n withIcon: false,\n status: 'info',\n css: {\n bgColor: 'background.secondary',\n },\n },\n {\n withIcon: false,\n status: 'default',\n css: {\n bgColor: 'background.contrast',\n },\n },\n {\n withIcon: false,\n status: 'error',\n css: {\n bgColor: 'background.destructive',\n },\n },\n {\n withIcon: false,\n status: 'success',\n css: {\n bgColor: 'background.success.contrast',\n },\n },\n {\n withIcon: false,\n status: 'warning',\n css: {\n bgColor: 'background.warning.contrast',\n },\n },\n {\n withIcon: false,\n size: ['sm', 'md', 'lg'],\n css: {\n boxSize: '12px',\n },\n },\n {\n withIcon: false,\n size: 'xl',\n css: {\n borderWidth: '2px',\n boxSize: '16px',\n },\n },\n ],\n});\n","import { AvatarSize } from 'components/Avatar/avatar.types';\n\nexport const iconBadgeOffsetMap: Record<AvatarSize, number> = {\n xs: 0.5,\n sm: 0.5,\n md: 0.5,\n lg: 0.5,\n xl: 2,\n};\n\nexport const badgeOffsetMap: Record<AvatarSize, number> = {\n xs: 0.5,\n sm: 0.5,\n md: 1,\n lg: 1,\n xl: 2,\n};\n","import React, { useMemo } from 'react';\nimport { Float } from '@chakra-ui/react/float';\nimport { Icon, IconName } from 'components/Icon';\nimport { TypographyVariant } from 'shared/types/typography';\nimport { AvatarSize } from 'components/Avatar/avatar.types';\nimport { ConditionalValue, useRecipe } from '@chakra-ui/react/styled-system';\nimport { AvatarBadgePosition } from './avatarBadge.types';\nimport { Flex, FlexProps } from '@chakra-ui/react/flex';\nimport { avatarBadgeRecipe } from './avatarBadge.recipe';\nimport { Status } from 'shared/types/status';\nimport { badgeOffsetMap, iconBadgeOffsetMap } from './avatarBadge.records';\n\nexport interface AvatarBadgeProps extends FlexProps {\n iconName?: IconName;\n position?: ConditionalValue<AvatarBadgePosition>;\n status?: Status;\n}\n\ninterface InternalAvatarBadgeProps extends AvatarBadgeProps {\n avatarSize?: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n avatarSize = 'md',\n iconName,\n position = 'bottom-end',\n status = 'info',\n ...rest\n}: InternalAvatarBadgeProps): React.JSX.Element => {\n const recipe = useRecipe({ recipe: avatarBadgeRecipe });\n const styles = recipe({ status, size: avatarSize, withIcon: !!iconName });\n const useSmallBadge = useMemo(() => avatarSize === 'xs' || !iconName, [iconName, avatarSize]);\n const offsetRecord = useMemo(() => (useSmallBadge ? badgeOffsetMap : iconBadgeOffsetMap), [useSmallBadge]);\n\n return (\n <Float\n className=\"Avatar__BadgeWrapper\"\n data-testid=\"kibble-avatar-badge-wrapper\"\n offset={offsetRecord[avatarSize]}\n placement={position}\n >\n <Flex className=\"Avatar__Badge\" data-testid=\"kibble-avatar-badge\" css={styles} {...rest}>\n {!useSmallBadge && iconName && (\n <Icon\n name={iconName}\n variant={status !== 'error' ? (status as TypographyVariant) : 'danger'}\n size={avatarSize === 'xl' ? 'sm' : 'xs'}\n />\n )}\n </Flex>\n </Float>\n );\n};\n","import React, { useState } from 'react';\nimport { Avatar as CAvatar } from '@chakra-ui/react/avatar';\nimport { Tooltip, TooltipProps } from 'components/Tooltip/tooltip.component';\nimport { Icon, IconName } from 'components/Icon';\nimport AvatarRemoveButton from './components/AvatarRemoveButton/avatarRemoveButton.component';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'shared/utils/sizes';\nimport { Box } from '@chakra-ui/react/box';\nimport { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\n\nexport interface AvatarProps extends CAvatar.RootProps {\n badgeProps?: AvatarBadgeProps;\n hideBorder?: boolean;\n iconName?: IconName;\n name?: string;\n onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n onRemove?: (event: React.MouseEvent<HTMLDivElement>) => void;\n showBadge?: boolean;\n showRemoveButton?: boolean;\n showTooltip?: boolean;\n size?: AvatarSize;\n src?: string;\n tooltipProps?: TooltipProps;\n variant?: AvatarVariant;\n webpSrc?: string;\n}\n\nexport const Avatar = ({\n badgeProps,\n hideBorder,\n iconName,\n name = '',\n onClick,\n onRemove,\n showBadge,\n showRemoveButton,\n showTooltip = true,\n size = 'md',\n src,\n tooltipProps,\n variant = 'default',\n webpSrc,\n ...rest\n}: AvatarProps): React.JSX.Element => {\n const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n const AvatarWrapper: React.FC<AvatarProps> =\n showTooltip && !isHoveringRemoveButton\n ? ({ children }): React.JSX.Element => {\n return (\n <Tooltip\n data-testid=\"kibble-avatar-tooltip\"\n {...tooltipProps}\n label={tooltipProps?.label || name}\n disabled={!name && !tooltipProps?.label}\n placement={tooltipProps?.placement || 'bottom'}\n >\n <Box>{children}</Box>\n </Tooltip>\n );\n }\n : React.Fragment;\n\n return (\n <AvatarWrapper>\n <CAvatar.Root\n className=\"Avatar group\"\n data-testid=\"kibble-avatar\"\n variant={variant}\n size={size}\n interactive={!!onClick}\n hideBorder={hideBorder}\n onClick={onClick}\n {...rest}\n >\n <CAvatar.Fallback name={name}>\n {iconName && (\n <Icon\n name={iconName}\n mt=\"-1px\"\n size={\n size === 'lg'\n ? 'lg'\n : getNextIconSize({\n currentSize: size,\n larger: true,\n delta: 1,\n })\n }\n />\n )}\n </CAvatar.Fallback>\n {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n {(webpSrc || src) && <CAvatar.Image src={src} srcSet={webpSrc} />}\n {showRemoveButton && size !== 'xs' && (\n <AvatarRemoveButton\n avatarSize={size}\n onRemove={onRemove}\n isBeingHovered={isHoveringRemoveButton}\n setIsBeingHovered={setIsHoveringRemoveButton}\n />\n )}\n </CAvatar.Root>\n </AvatarWrapper>\n );\n};\n"],"names":["AvatarProvider","useAvatarContext","createContext","AvatarFallback","forwardRef","props","ref","avatar","mergedProps","mergeProps","jsx","ark","AvatarImage","useAvatar","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","context","service","useMachine","avatar.machine","avatar.connect","normalizeProps","AvatarRoot","useAvatarProps","localProps","createSplitProps","AvatarRootProvider","withProvider","withContext","useAvatarStyles","useClassNames","PropsProvider","createSlotRecipeContext","Avatar.RootProvider","Avatar.Root","StyledFallback","chakra","Avatar.Fallback","getFallbackChildren","getInitials","AvatarIcon","name","names","firstName","lastName","styles","classNames","_","rest","cx","Avatar.Image","AvatarGroup","recipe","useSlotRecipe","variantProps","useMemo","Group","AvatarRemoveButton","avatarSize","onRemove","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","Float","Icon","getNextIconSize","currentSize","larger","delta","nextSize","avatarBadgeStatusStyles","avatarBadgeSizeStyles","avatarBadgeRecipe","defineRecipe","iconBadgeOffsetMap","badgeOffsetMap","AvatarBadge","iconName","position","status","useRecipe","useSmallBadge","offsetRecord","Flex","Avatar","badgeProps","hideBorder","onClick","showBadge","showRemoveButton","showTooltip","size","src","tooltipProps","variant","webpSrc","isHoveringRemoveButton","setIsHoveringRemoveButton","useState","AvatarWrapper","children","Tooltip","Box","React","jsxs","CAvatar.Root","CAvatar.Fallback","CAvatar.Image"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6]}
@@ -1,6 +1,6 @@
1
1
  import { j as a } from "./jsx-runtime-C5mzlN2N.js";
2
2
  import { useMemo as h, createElement as j } from "react";
3
- import { a as v, A as n } from "./avatar.component-CV_95YCj.js";
3
+ import { a as v, A as n } from "./avatar.component-CvE1vv5L.js";
4
4
  const k = ({
5
5
  addButtonTooltipText: r,
6
6
  avatars: e,
@@ -64,4 +64,4 @@ const k = ({
64
64
  export {
65
65
  k as A
66
66
  };
67
- //# sourceMappingURL=avatarGroup.component-CPTXS5Mp.js.map
67
+ //# sourceMappingURL=avatarGroup.component-SoAj9p5n.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatarGroup.component-CPTXS5Mp.js","sources":["../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { AvatarGroup as CAvatarGroup, AvatarGroupProps as CAvatarGroupProps } from '@chakra-ui/react/avatar';\nimport { Avatar, AvatarProps } from 'components/Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from 'components/Avatar/avatar.types';\n\nexport interface AvatarGroupProps extends CAvatarGroupProps {\n addButtonTooltipText?: string;\n avatars: AvatarProps[];\n max?: number;\n onAdd?: (event: React.MouseEvent<HTMLDivElement>) => void;\n onRemove?: (index: number) => void;\n showAddButton?: boolean;\n showRemoveAvatarButton?: boolean;\n size?: AvatarSize;\n variant?: AvatarVariant;\n}\n\nexport const AvatarGroup = ({\n addButtonTooltipText,\n avatars,\n max = 3,\n onAdd,\n onRemove,\n showAddButton = true,\n showRemoveAvatarButton = false,\n size = 'md',\n variant = 'default',\n ...rest\n}: AvatarGroupProps): React.JSX.Element => {\n const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n const spacing = size === 'xs' || size === 'sm' ? -1 : -2;\n\n return (\n <CAvatarGroup\n className=\"AvatarGroup\"\n data-testid=\"kibble-avatar-group\"\n gap={0}\n spaceX={spacing}\n stacking=\"first-on-top\"\n size={size}\n {...rest}\n >\n {avatars.length > max ? (\n <Avatar\n name={`${avatars.length}`}\n size={size}\n variant=\"contrast\"\n showRemoveButton={false}\n tooltipProps={{ label: mergedNames }}\n />\n ) : (\n avatars.map((avatar, index) => (\n <Avatar\n {...avatar}\n key={avatar.name}\n size={size}\n variant={variant || avatar.variant}\n showRemoveButton={showRemoveAvatarButton}\n onRemove={() => onRemove?.(index)}\n />\n ))\n )}\n {showAddButton && (\n <Avatar\n variant=\"dashed\"\n iconName=\"plus\"\n onClick={onAdd}\n {...(!!addButtonTooltipText && {\n tooltipProps: { label: addButtonTooltipText },\n })}\n size={size}\n />\n )}\n </CAvatarGroup>\n );\n};\n"],"names":["AvatarGroup","addButtonTooltipText","avatars","max","onAdd","onRemove","showAddButton","showRemoveAvatarButton","size","variant","rest","mergedNames","useMemo","avatar","spacing","jsxs","CAvatarGroup","jsx","Avatar","index","createElement"],"mappings":";;;AAiBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,sBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,wBAAAC,IAAyB;AAAA,EACzB,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAA2C;AACzC,QAAMC,IAAcC,EAAQ,MAAMV,EAAQ,IAAI,CAACW,MAAWA,EAAO,IAAI,EAAE,KAAK,IAAI,GAAG,CAACX,CAAO,CAAC,GACtFY,IAAUN,MAAS,QAAQA,MAAS,OAAO,KAAK;AAGpD,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAK;AAAA,MACL,QAAQF;AAAA,MACR,UAAS;AAAA,MACT,MAAAN;AAAA,MACC,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAR,EAAQ,SAASC,IAChBc,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAM,GAAGhB,EAAQ,MAAM;AAAA,YACvB,MAAAM;AAAA,YACA,SAAQ;AAAA,YACR,kBAAkB;AAAA,YAClB,cAAc,EAAE,OAAOG,EAAY;AAAA,UAAA;AAAA,QAGrC,IAAAT,EAAQ,IAAI,CAACW,GAAQM,MACnB,gBAAAC;AAAA,UAACF;AAAA,UAAA;AAAA,YACE,GAAGL;AAAA,YACJ,KAAKA,EAAO;AAAA,YACZ,MAAAL;AAAA,YACA,SAASC,KAAWI,EAAO;AAAA,YAC3B,kBAAkBN;AAAA,YAClB,UAAU,MAAMF,IAAWc,CAAK;AAAA,UAAA;AAAA,QAAA,CAEnC;AAAA,QAEFb,KACCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAS;AAAA,YACT,SAASd;AAAA,YACR,GAAI,CAAC,CAACH,KAAwB;AAAA,cAC7B,cAAc,EAAE,OAAOA,EAAqB;AAAA,YAC9C;AAAA,YACA,MAAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
1
+ {"version":3,"file":"avatarGroup.component-SoAj9p5n.js","sources":["../../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { AvatarGroup as CAvatarGroup, AvatarGroupProps as CAvatarGroupProps } from '@chakra-ui/react/avatar';\nimport { Avatar, AvatarProps } from 'components/Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from 'components/Avatar/avatar.types';\n\nexport interface AvatarGroupProps extends CAvatarGroupProps {\n addButtonTooltipText?: string;\n avatars: AvatarProps[];\n max?: number;\n onAdd?: (event: React.MouseEvent<HTMLDivElement>) => void;\n onRemove?: (index: number) => void;\n showAddButton?: boolean;\n showRemoveAvatarButton?: boolean;\n size?: AvatarSize;\n variant?: AvatarVariant;\n}\n\nexport const AvatarGroup = ({\n addButtonTooltipText,\n avatars,\n max = 3,\n onAdd,\n onRemove,\n showAddButton = true,\n showRemoveAvatarButton = false,\n size = 'md',\n variant = 'default',\n ...rest\n}: AvatarGroupProps): React.JSX.Element => {\n const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n const spacing = size === 'xs' || size === 'sm' ? -1 : -2;\n\n return (\n <CAvatarGroup\n className=\"AvatarGroup\"\n data-testid=\"kibble-avatar-group\"\n gap={0}\n spaceX={spacing}\n stacking=\"first-on-top\"\n size={size}\n {...rest}\n >\n {avatars.length > max ? (\n <Avatar\n name={`${avatars.length}`}\n size={size}\n variant=\"contrast\"\n showRemoveButton={false}\n tooltipProps={{ label: mergedNames }}\n />\n ) : (\n avatars.map((avatar, index) => (\n <Avatar\n {...avatar}\n key={avatar.name}\n size={size}\n variant={variant || avatar.variant}\n showRemoveButton={showRemoveAvatarButton}\n onRemove={() => onRemove?.(index)}\n />\n ))\n )}\n {showAddButton && (\n <Avatar\n variant=\"dashed\"\n iconName=\"plus\"\n onClick={onAdd}\n {...(!!addButtonTooltipText && {\n tooltipProps: { label: addButtonTooltipText },\n })}\n size={size}\n />\n )}\n </CAvatarGroup>\n );\n};\n"],"names":["AvatarGroup","addButtonTooltipText","avatars","max","onAdd","onRemove","showAddButton","showRemoveAvatarButton","size","variant","rest","mergedNames","useMemo","avatar","spacing","jsxs","CAvatarGroup","jsx","Avatar","index","createElement"],"mappings":";;;AAiBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,sBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,wBAAAC,IAAyB;AAAA,EACzB,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAA2C;AACzC,QAAMC,IAAcC,EAAQ,MAAMV,EAAQ,IAAI,CAACW,MAAWA,EAAO,IAAI,EAAE,KAAK,IAAI,GAAG,CAACX,CAAO,CAAC,GACtFY,IAAUN,MAAS,QAAQA,MAAS,OAAO,KAAK;AAGpD,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAK;AAAA,MACL,QAAQF;AAAA,MACR,UAAS;AAAA,MACT,MAAAN;AAAA,MACC,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAR,EAAQ,SAASC,IAChBc,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAM,GAAGhB,EAAQ,MAAM;AAAA,YACvB,MAAAM;AAAA,YACA,SAAQ;AAAA,YACR,kBAAkB;AAAA,YAClB,cAAc,EAAE,OAAOG,EAAY;AAAA,UAAA;AAAA,QAGrC,IAAAT,EAAQ,IAAI,CAACW,GAAQM,MACnB,gBAAAC;AAAA,UAACF;AAAA,UAAA;AAAA,YACE,GAAGL;AAAA,YACJ,KAAKA,EAAO;AAAA,YACZ,MAAAL;AAAA,YACA,SAASC,KAAWI,EAAO;AAAA,YAC3B,kBAAkBN;AAAA,YAClB,UAAU,MAAMF,IAAWc,CAAK;AAAA,UAAA;AAAA,QAAA,CAEnC;AAAA,QAEFb,KACCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAS;AAAA,YACT,SAASd;AAAA,YACR,GAAI,CAAC,CAACH,KAAwB;AAAA,cAC7B,cAAc,EAAE,OAAOA,EAAqB;AAAA,YAC9C;AAAA,YACA,MAAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
@@ -1,7 +1,7 @@
1
1
  import { j as t } from "./jsx-runtime-C5mzlN2N.js";
2
2
  import { forwardRef as j, useMemo as a } from "react";
3
3
  import { B as y } from "./button.component-DOAhnxbj.js";
4
- import { M as G } from "./menu.component-D38vU6MX.js";
4
+ import { M as G } from "./menu.component-CYoNg8cG.js";
5
5
  import { u as c } from "./use-recipe-d63ABaZ3.js";
6
6
  import { a as P } from "./icon-button-DTZOklQ9.js";
7
7
  import { G as R } from "./group-DPCVolOl.js";
@@ -65,4 +65,4 @@ const k = j(
65
65
  export {
66
66
  w as B
67
67
  };
68
- //# sourceMappingURL=buttonGroup.component-BJl5t4CV.js.map
68
+ //# sourceMappingURL=buttonGroup.component-Bp2YbVtj.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"buttonGroup.component-BJl5t4CV.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/button/button-group.js","../../src/components/ButtonGroup/buttonGroup.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo } from 'react';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\nimport { ButtonPropsProvider } from './button.js';\nimport { Group } from '../group/group.js';\n\nconst ButtonGroup = forwardRef(\n function ButtonGroup2(props, ref) {\n const recipe = useRecipe({ key: \"button\" });\n const [variantProps, otherProps] = useMemo(\n () => recipe.splitVariantProps(props),\n [props, recipe]\n );\n return /* @__PURE__ */ jsx(ButtonPropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(Group, { ref, ...otherProps }) });\n }\n);\n\nexport { ButtonGroup };\n","import React, { useMemo } from 'react';\nimport { ButtonGroup as CButtonGroup, ButtonGroupProps as CButtonGroupProps } from '@chakra-ui/react/button';\nimport { GroupedButton } from './buttonGroup.types';\nimport { ButtonConfigVariant, ButtonSize, ButtonVariant } from 'components/Button/button.types';\nimport { Button } from 'components/Button/button.component';\nimport { SystemStyleObject, useRecipe } from '@chakra-ui/react/styled-system';\nimport { Menu, MenuProps } from 'components/Menu/menu.component';\n\nexport interface ButtonGroupProps extends CButtonGroupProps {\n buttons: GroupedButton[];\n onContrast?: boolean;\n size?: ButtonSize;\n variant?: ButtonVariant;\n menuProps?: MenuProps;\n}\n\nexport const ButtonGroup = ({\n attached = true,\n borderColor,\n buttons,\n menuProps,\n onContrast = false,\n size = 'md',\n variant = 'primary',\n ...rest\n}: ButtonGroupProps): React.JSX.Element => {\n const computedVariant = useMemo(\n () => `${variant}${onContrast ? 'OnContrast' : ''}` as ButtonConfigVariant,\n [onContrast, variant],\n );\n const recipe = useRecipe({ key: 'button' });\n const styles = recipe({ variant: computedVariant })['@layer recipes'];\n const computedBorderColor =\n styles?.borderColor !== 'var(--chakra-colors-transparent)' ? styles?.borderColor : styles?.color;\n\n const buttonStyles: SystemStyleObject = {\n borderWidth: '1px',\n borderColor: borderColor || computedBorderColor,\n };\n\n return (\n <CButtonGroup className=\"ButtonGroup\" data-testid=\"kibble-button-group\" attached={attached} {...rest}>\n {buttons.map(({ key, ...rest }, index) => (\n <Button\n key={key || index}\n size={size}\n variant={variant}\n onContrast={onContrast}\n {...rest}\n {...(attached && buttonStyles)}\n />\n ))}\n {menuProps && (\n <Menu\n positioning={{ placement: 'bottom' }}\n {...menuProps}\n buttonProps={{\n ...menuProps.buttonProps,\n size,\n variant,\n onContrast,\n ...(attached && {\n ...buttonStyles,\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n }),\n }}\n />\n )}\n </CButtonGroup>\n );\n};\n"],"names":["ButtonGroup","forwardRef","props","ref","recipe","useRecipe","variantProps","otherProps","useMemo","jsx","ButtonPropsProvider","Group","attached","borderColor","buttons","menuProps","onContrast","size","variant","rest","computedVariant","styles","computedBorderColor","buttonStyles","jsxs","CButtonGroup","key","index","Button","Menu"],"mappings":";;;;;;;AAQA,MAAMA,IAAcC;AAAA,EAClB,SAAsBC,GAAOC,GAAK;AAChC,UAAMC,IAASC,EAAU,EAAE,KAAK,SAAQ,CAAE,GACpC,CAACC,GAAcC,CAAU,IAAIC;AAAA,MACjC,MAAMJ,EAAO,kBAAkBF,CAAK;AAAA,MACpC,CAACA,GAAOE,CAAM;AAAA,IACf;AACD,WAAuBK,gBAAAA,EAAG,IAACC,GAAqB,EAAE,OAAOJ,GAAc,UAA0BG,gBAAAA,MAAIE,GAAO,EAAE,KAAAR,GAAK,GAAGI,EAAU,CAAE,EAAC,CAAE;AAAA,EACzI;AACA,GCDaP,IAAc,CAAC;AAAA,EAC1B,UAAAY,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAA2C;AACzC,QAAMC,IAAkBZ;AAAA,IACtB,MAAM,GAAGU,CAAO,GAAGF,IAAa,eAAe,EAAE;AAAA,IACjD,CAACA,GAAYE,CAAO;AAAA,EACtB,GAEMG,IADShB,EAAU,EAAE,KAAK,UAAU,EACpB,EAAE,SAASe,EAAgB,CAAC,EAAE,gBAAgB,GAC9DE,IACJD,GAAQ,gBAAgB,qCAAqCA,GAAQ,cAAcA,GAAQ,OAEvFE,IAAkC;AAAA,IACtC,aAAa;AAAA,IACb,aAAaV,KAAeS;AAAA,EAC9B;AAGE,SAAAE,gBAAAA,OAACC,KAAa,WAAU,eAAc,eAAY,uBAAsB,UAAAb,GAAqB,GAAGO,GAC7F,UAAA;AAAA,IAAAL,EAAQ,IAAI,CAAC,EAAE,KAAAY,GAAK,GAAGP,EAAAA,GAAQQ,MAC9BlB,gBAAAA,EAAA;AAAA,MAACmB;AAAA,MAAA;AAAA,QAEC,MAAAX;AAAA,QACA,SAAAC;AAAA,QACA,YAAAF;AAAA,QACC,GAAGG;AAAAA,QACH,GAAIP,KAAYW;AAAA,MAAA;AAAA,MALZG,KAAOC;AAAA,IAAA,CAOf;AAAA,IACAZ,KACCN,gBAAAA,EAAA;AAAA,MAACoB;AAAA,MAAA;AAAA,QACC,aAAa,EAAE,WAAW,SAAS;AAAA,QAClC,GAAGd;AAAA,QACJ,aAAa;AAAA,UACX,GAAGA,EAAU;AAAA,UACb,MAAAE;AAAA,UACA,SAAAC;AAAA,UACA,YAAAF;AAAA,UACA,GAAIJ,KAAY;AAAA,YACd,GAAGW;AAAA,YACH,qBAAqB;AAAA,YACrB,wBAAwB;AAAA,UAAA;AAAA,QAC1B;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"buttonGroup.component-Bp2YbVtj.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/button/button-group.js","../../src/components/ButtonGroup/buttonGroup.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, useMemo } from 'react';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\nimport { ButtonPropsProvider } from './button.js';\nimport { Group } from '../group/group.js';\n\nconst ButtonGroup = forwardRef(\n function ButtonGroup2(props, ref) {\n const recipe = useRecipe({ key: \"button\" });\n const [variantProps, otherProps] = useMemo(\n () => recipe.splitVariantProps(props),\n [props, recipe]\n );\n return /* @__PURE__ */ jsx(ButtonPropsProvider, { value: variantProps, children: /* @__PURE__ */ jsx(Group, { ref, ...otherProps }) });\n }\n);\n\nexport { ButtonGroup };\n","import React, { useMemo } from 'react';\nimport { ButtonGroup as CButtonGroup, ButtonGroupProps as CButtonGroupProps } from '@chakra-ui/react/button';\nimport { GroupedButton } from './buttonGroup.types';\nimport { ButtonConfigVariant, ButtonSize, ButtonVariant } from 'components/Button/button.types';\nimport { Button } from 'components/Button/button.component';\nimport { SystemStyleObject, useRecipe } from '@chakra-ui/react/styled-system';\nimport { Menu, MenuProps } from 'components/Menu/menu.component';\n\nexport interface ButtonGroupProps extends CButtonGroupProps {\n buttons: GroupedButton[];\n onContrast?: boolean;\n size?: ButtonSize;\n variant?: ButtonVariant;\n menuProps?: MenuProps;\n}\n\nexport const ButtonGroup = ({\n attached = true,\n borderColor,\n buttons,\n menuProps,\n onContrast = false,\n size = 'md',\n variant = 'primary',\n ...rest\n}: ButtonGroupProps): React.JSX.Element => {\n const computedVariant = useMemo(\n () => `${variant}${onContrast ? 'OnContrast' : ''}` as ButtonConfigVariant,\n [onContrast, variant],\n );\n const recipe = useRecipe({ key: 'button' });\n const styles = recipe({ variant: computedVariant })['@layer recipes'];\n const computedBorderColor =\n styles?.borderColor !== 'var(--chakra-colors-transparent)' ? styles?.borderColor : styles?.color;\n\n const buttonStyles: SystemStyleObject = {\n borderWidth: '1px',\n borderColor: borderColor || computedBorderColor,\n };\n\n return (\n <CButtonGroup className=\"ButtonGroup\" data-testid=\"kibble-button-group\" attached={attached} {...rest}>\n {buttons.map(({ key, ...rest }, index) => (\n <Button\n key={key || index}\n size={size}\n variant={variant}\n onContrast={onContrast}\n {...rest}\n {...(attached && buttonStyles)}\n />\n ))}\n {menuProps && (\n <Menu\n positioning={{ placement: 'bottom' }}\n {...menuProps}\n buttonProps={{\n ...menuProps.buttonProps,\n size,\n variant,\n onContrast,\n ...(attached && {\n ...buttonStyles,\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n }),\n }}\n />\n )}\n </CButtonGroup>\n );\n};\n"],"names":["ButtonGroup","forwardRef","props","ref","recipe","useRecipe","variantProps","otherProps","useMemo","jsx","ButtonPropsProvider","Group","attached","borderColor","buttons","menuProps","onContrast","size","variant","rest","computedVariant","styles","computedBorderColor","buttonStyles","jsxs","CButtonGroup","key","index","Button","Menu"],"mappings":";;;;;;;AAQA,MAAMA,IAAcC;AAAA,EAClB,SAAsBC,GAAOC,GAAK;AAChC,UAAMC,IAASC,EAAU,EAAE,KAAK,SAAQ,CAAE,GACpC,CAACC,GAAcC,CAAU,IAAIC;AAAA,MACjC,MAAMJ,EAAO,kBAAkBF,CAAK;AAAA,MACpC,CAACA,GAAOE,CAAM;AAAA,IACf;AACD,WAAuBK,gBAAAA,EAAG,IAACC,GAAqB,EAAE,OAAOJ,GAAc,UAA0BG,gBAAAA,MAAIE,GAAO,EAAE,KAAAR,GAAK,GAAGI,EAAU,CAAE,EAAC,CAAE;AAAA,EACzI;AACA,GCDaP,IAAc,CAAC;AAAA,EAC1B,UAAAY,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAA2C;AACzC,QAAMC,IAAkBZ;AAAA,IACtB,MAAM,GAAGU,CAAO,GAAGF,IAAa,eAAe,EAAE;AAAA,IACjD,CAACA,GAAYE,CAAO;AAAA,EACtB,GAEMG,IADShB,EAAU,EAAE,KAAK,UAAU,EACpB,EAAE,SAASe,EAAgB,CAAC,EAAE,gBAAgB,GAC9DE,IACJD,GAAQ,gBAAgB,qCAAqCA,GAAQ,cAAcA,GAAQ,OAEvFE,IAAkC;AAAA,IACtC,aAAa;AAAA,IACb,aAAaV,KAAeS;AAAA,EAC9B;AAGE,SAAAE,gBAAAA,OAACC,KAAa,WAAU,eAAc,eAAY,uBAAsB,UAAAb,GAAqB,GAAGO,GAC7F,UAAA;AAAA,IAAAL,EAAQ,IAAI,CAAC,EAAE,KAAAY,GAAK,GAAGP,EAAAA,GAAQQ,MAC9BlB,gBAAAA,EAAA;AAAA,MAACmB;AAAA,MAAA;AAAA,QAEC,MAAAX;AAAA,QACA,SAAAC;AAAA,QACA,YAAAF;AAAA,QACC,GAAGG;AAAAA,QACH,GAAIP,KAAYW;AAAA,MAAA;AAAA,MALZG,KAAOC;AAAA,IAAA,CAOf;AAAA,IACAZ,KACCN,gBAAAA,EAAA;AAAA,MAACoB;AAAA,MAAA;AAAA,QACC,aAAa,EAAE,WAAW,SAAS;AAAA,QAClC,GAAGd;AAAA,QACJ,aAAa;AAAA,UACX,GAAGA,EAAU;AAAA,UACb,MAAAE;AAAA,UACA,SAAAC;AAAA,UACA,YAAAF;AAAA,UACA,GAAIJ,KAAY;AAAA,YACd,GAAGW;AAAA,YACH,qBAAqB;AAAA,YACrB,wBAAwB;AAAA,UAAA;AAAA,QAC1B;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;","x_google_ignoreList":[0]}
@@ -1,6 +1,6 @@
1
1
  import { j as r } from "./jsx-runtime-C5mzlN2N.js";
2
2
  import { useMemo as l } from "react";
3
- import { W as e } from "./text.component-DJW--Vty.js";
3
+ import { W as e } from "./text.component-DKtdjH7k.js";
4
4
  import { a as u } from "./config-DlTdf-Yt.js";
5
5
  import { u as d } from "./use-slot-recipe-DhtQ1j_5.js";
6
6
  import { H as m } from "./h-stack-Ce6JSBK2.js";
@@ -81,4 +81,4 @@ const p = u({
81
81
  export {
82
82
  k as C
83
83
  };
84
- //# sourceMappingURL=characterCounter.component-C4sKYWJ2.js.map
84
+ //# sourceMappingURL=characterCounter.component-Lya4VMgB.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"characterCounter.component-C4sKYWJ2.js","sources":["../../src/components/CharacterCounter/characterCounter.recipe.ts","../../src/components/CharacterCounter/characterCounter.component.tsx"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nexport const characterCounterRecipe = defineSlotRecipe({\n slots: ['root', 'count', 'limit'],\n base: {\n root: {\n position: 'absolute',\n right: 0,\n bottom: '-20px',\n gap: 1,\n },\n },\n variants: {\n variant: {\n default: {\n root: {\n background: 'background',\n },\n count: {\n color: 'text.subtle',\n },\n limit: {\n color: 'text.subtle',\n },\n },\n onContrast: {\n root: {\n background: 'background.contrast',\n },\n count: {\n color: 'text.subtle.contrast',\n },\n limit: {\n color: 'text.subtle.contrast',\n },\n },\n },\n invalid: {\n true: {\n count: {\n color: 'text.danger',\n },\n },\n false: {},\n },\n },\n compoundVariants: [\n {\n invalid: true,\n variant: 'onContrast',\n css: {\n count: {\n color: 'text.danger.contrast',\n },\n },\n },\n ],\n defaultVariants: {\n variant: 'default',\n invalid: false,\n },\n});\n","import React, { useMemo } from 'react';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { Text } from 'components/Text/text.component';\nimport { useSlotRecipe } from '@chakra-ui/react';\nimport { characterCounterRecipe } from './characterCounter.recipe';\n\nexport interface BaseCharacterCounterProps {\n currentCount: number;\n onContrast?: boolean;\n}\n\ninterface CharacterCounterWithLimitProps extends BaseCharacterCounterProps {\n limit: number;\n withLimit?: true;\n}\n\ninterface OnlyCharacterCounterProps extends BaseCharacterCounterProps {\n limit?: never;\n withLimit?: false;\n}\n\nexport type CharacterCounterProps = CharacterCounterWithLimitProps | OnlyCharacterCounterProps;\n\nexport const CharacterCounter = ({\n currentCount,\n onContrast = false,\n limit,\n withLimit = true,\n}: CharacterCounterProps): React.JSX.Element => {\n const variant = onContrast ? 'onContrast' : 'default';\n const invalid = useMemo(() => {\n if (!limit) return false;\n return currentCount > limit;\n }, [currentCount, limit]);\n const recipe = useSlotRecipe({ recipe: characterCounterRecipe });\n const styles = recipe({ variant, invalid });\n\n return (\n <HStack className=\"CharacterCount\" data-testid=\"kibble-character-count\" css={styles.root}>\n <Text className=\"CharacterCount__Count\" data-testid=\"kibble-character-count-count\" size=\"xs\" css={styles.count}>\n {currentCount}\n </Text>\n {withLimit && (\n <Text className=\"CharacterCount__Limit\" data-testid=\"kibble-character-count-limit\" size=\"xs\" css={styles.limit}>\n / {limit}\n </Text>\n )}\n </HStack>\n );\n};\n"],"names":["characterCounterRecipe","defineSlotRecipe","CharacterCounter","currentCount","onContrast","limit","withLimit","variant","invalid","useMemo","styles","useSlotRecipe","jsxs","HStack","jsx","Text"],"mappings":";;;;;;AAEO,MAAMA,IAAyBC,EAAiB;AAAA,EACrD,OAAO,CAAC,QAAQ,SAAS,OAAO;AAAA,EAChC,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK;AAAA,IAAA;AAAA,EAET;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP,MAAM;AAAA,UACJ,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QACT;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MAEX;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,UACJ,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QACT;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IAEJ;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MAEX;AAAA,MACA,OAAO,CAAA;AAAA,IAAC;AAAA,EAEZ;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,SAAS;AAAA,MACT,SAAS;AAAA,MACT,KAAK;AAAA,QACH,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEb,CAAC,GCtCYC,IAAmB,CAAC;AAAA,EAC/B,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAgD;AACxC,QAAAC,IAAUH,IAAa,eAAe,WACtCI,IAAUC,EAAQ,MACjBJ,IACEF,IAAeE,IADH,IAElB,CAACF,GAAcE,CAAK,CAAC,GAElBK,IADSC,EAAc,EAAE,QAAQX,GAAwB,EACzC,EAAE,SAAAO,GAAS,SAAAC,GAAS;AAGxC,SAAAI,gBAAAA,OAACC,KAAO,WAAU,kBAAiB,eAAY,0BAAyB,KAAKH,EAAO,MAClF,UAAA;AAAA,IAACI,gBAAAA,EAAAA,IAAAC,GAAA,EAAK,WAAU,yBAAwB,eAAY,gCAA+B,MAAK,MAAK,KAAKL,EAAO,OACtG,UACHP,EAAA,CAAA;AAAA,IACCG,KACEM,gBAAAA,EAAAA,KAAAG,GAAA,EAAK,WAAU,yBAAwB,eAAY,gCAA+B,MAAK,MAAK,KAAKL,EAAO,OAAO,UAAA;AAAA,MAAA;AAAA,MAC3GL;AAAA,IAAA,EACL,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
1
+ {"version":3,"file":"characterCounter.component-Lya4VMgB.js","sources":["../../src/components/CharacterCounter/characterCounter.recipe.ts","../../src/components/CharacterCounter/characterCounter.component.tsx"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nexport const characterCounterRecipe = defineSlotRecipe({\n slots: ['root', 'count', 'limit'],\n base: {\n root: {\n position: 'absolute',\n right: 0,\n bottom: '-20px',\n gap: 1,\n },\n },\n variants: {\n variant: {\n default: {\n root: {\n background: 'background',\n },\n count: {\n color: 'text.subtle',\n },\n limit: {\n color: 'text.subtle',\n },\n },\n onContrast: {\n root: {\n background: 'background.contrast',\n },\n count: {\n color: 'text.subtle.contrast',\n },\n limit: {\n color: 'text.subtle.contrast',\n },\n },\n },\n invalid: {\n true: {\n count: {\n color: 'text.danger',\n },\n },\n false: {},\n },\n },\n compoundVariants: [\n {\n invalid: true,\n variant: 'onContrast',\n css: {\n count: {\n color: 'text.danger.contrast',\n },\n },\n },\n ],\n defaultVariants: {\n variant: 'default',\n invalid: false,\n },\n});\n","import React, { useMemo } from 'react';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { Text } from 'components/Text/text.component';\nimport { useSlotRecipe } from '@chakra-ui/react';\nimport { characterCounterRecipe } from './characterCounter.recipe';\n\nexport interface BaseCharacterCounterProps {\n currentCount: number;\n onContrast?: boolean;\n}\n\ninterface CharacterCounterWithLimitProps extends BaseCharacterCounterProps {\n limit: number;\n withLimit?: true;\n}\n\ninterface OnlyCharacterCounterProps extends BaseCharacterCounterProps {\n limit?: never;\n withLimit?: false;\n}\n\nexport type CharacterCounterProps = CharacterCounterWithLimitProps | OnlyCharacterCounterProps;\n\nexport const CharacterCounter = ({\n currentCount,\n onContrast = false,\n limit,\n withLimit = true,\n}: CharacterCounterProps): React.JSX.Element => {\n const variant = onContrast ? 'onContrast' : 'default';\n const invalid = useMemo(() => {\n if (!limit) return false;\n return currentCount > limit;\n }, [currentCount, limit]);\n const recipe = useSlotRecipe({ recipe: characterCounterRecipe });\n const styles = recipe({ variant, invalid });\n\n return (\n <HStack className=\"CharacterCount\" data-testid=\"kibble-character-count\" css={styles.root}>\n <Text className=\"CharacterCount__Count\" data-testid=\"kibble-character-count-count\" size=\"xs\" css={styles.count}>\n {currentCount}\n </Text>\n {withLimit && (\n <Text className=\"CharacterCount__Limit\" data-testid=\"kibble-character-count-limit\" size=\"xs\" css={styles.limit}>\n / {limit}\n </Text>\n )}\n </HStack>\n );\n};\n"],"names":["characterCounterRecipe","defineSlotRecipe","CharacterCounter","currentCount","onContrast","limit","withLimit","variant","invalid","useMemo","styles","useSlotRecipe","jsxs","HStack","jsx","Text"],"mappings":";;;;;;AAEO,MAAMA,IAAyBC,EAAiB;AAAA,EACrD,OAAO,CAAC,QAAQ,SAAS,OAAO;AAAA,EAChC,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK;AAAA,IAAA;AAAA,EAET;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP,MAAM;AAAA,UACJ,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QACT;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MAEX;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,UACJ,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QACT;AAAA,QACA,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IAEJ;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MAEX;AAAA,MACA,OAAO,CAAA;AAAA,IAAC;AAAA,EAEZ;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,SAAS;AAAA,MACT,SAAS;AAAA,MACT,KAAK;AAAA,QACH,OAAO;AAAA,UACL,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEb,CAAC,GCtCYC,IAAmB,CAAC;AAAA,EAC/B,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,WAAAC,IAAY;AACd,MAAgD;AACxC,QAAAC,IAAUH,IAAa,eAAe,WACtCI,IAAUC,EAAQ,MACjBJ,IACEF,IAAeE,IADH,IAElB,CAACF,GAAcE,CAAK,CAAC,GAElBK,IADSC,EAAc,EAAE,QAAQX,GAAwB,EACzC,EAAE,SAAAO,GAAS,SAAAC,GAAS;AAGxC,SAAAI,gBAAAA,OAACC,KAAO,WAAU,kBAAiB,eAAY,0BAAyB,KAAKH,EAAO,MAClF,UAAA;AAAA,IAACI,gBAAAA,EAAAA,IAAAC,GAAA,EAAK,WAAU,yBAAwB,eAAY,gCAA+B,MAAK,MAAK,KAAKL,EAAO,OACtG,UACHP,EAAA,CAAA;AAAA,IACCG,KACEM,gBAAAA,EAAAA,KAAAG,GAAA,EAAK,WAAU,yBAAwB,eAAY,gCAA+B,MAAK,MAAK,KAAKL,EAAO,OAAO,UAAA;AAAA,MAAA;AAAA,MAC3GL;AAAA,IAAA,EACL,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
@@ -1,17 +1,17 @@
1
1
  import { j as r } from "./jsx-runtime-C5mzlN2N.js";
2
2
  import j, { forwardRef as b, useState as E, useCallback as H, useMemo as q, useId as F } from "react";
3
- import { w as T } from "./withFormControl-l2C92-pT.js";
3
+ import { w as T } from "./withFormControl-BJbzRb4N.js";
4
4
  import { C as D, a as Y } from "./card.component-DNX41NGG.js";
5
- import { W as B } from "./text.component-DJW--Vty.js";
6
- import { c as U, m as J, a as K, C as Q, b as X } from "./checkbox.records-CTlAD-2Q.js";
5
+ import { W as B } from "./text.component-DKtdjH7k.js";
6
+ import { c as U, m as J, a as K, C as Q, b as X } from "./checkbox.records-Ds6SvFdm.js";
7
7
  import { c as Z } from "./create-slot-recipe-context-BJmsuxih.js";
8
8
  import { c as m } from "./factory-Ctbv0Ozn.js";
9
9
  import { d as z } from "./attr-sm10PXOd.js";
10
10
  import { a as ee } from "./empty-BU2EAux9.js";
11
11
  import { u as oe } from "./use-recipe-d63ABaZ3.js";
12
- import { c as N, f as C, o as te, a as g, i as re, j as ce, k as se, n as ae } from "./use-locale-context-BiiNTYMT.js";
13
- import { a1 as p } from "./index-YtNA0Ueo.js";
14
- import { u as V } from "./use-field-context-Cm3grEyV.js";
12
+ import { c as N, f as C, o as te, a as g, i as re, j as ce, k as se, n as ae } from "./use-locale-context-BNU4MHrO.js";
13
+ import { a1 as p } from "./index-Ztgrae6O.js";
14
+ import { u as V } from "./use-field-context-BZaIHuSQ.js";
15
15
  const [I, f] = N({
16
16
  name: "CheckboxContext",
17
17
  hookName: "useCheckboxContext",
@@ -278,4 +278,4 @@ export {
278
278
  Ae as W,
279
279
  ie as u
280
280
  };
281
- //# sourceMappingURL=checkbox.component-BpSGOInE.js.map
281
+ //# sourceMappingURL=checkbox.component-PmkaXzNs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.component-BpSGOInE.js","sources":["../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-context.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-control.js","../../node_modules/@ark-ui/react/dist/utils/use-controllable-state.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group-context.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-group.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-label.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/checkmark/checkmark.js","../../node_modules/@chakra-ui/react/dist/esm/components/checkbox/checkbox.js","../../src/components/Checkbox/checkbox.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [CheckboxProvider, useCheckboxContext] = createContext({\n name: \"CheckboxContext\",\n hookName: \"useCheckboxContext\",\n providerName: \"<CheckboxProvider />\"\n});\n\nexport { CheckboxProvider, useCheckboxContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxControl = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getControlProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nCheckboxControl.displayName = \"CheckboxControl\";\n\nexport { CheckboxControl };\n","'use client';\nimport { useState, useCallback } from 'react';\n\nfunction useControllableState(props) {\n const { value, onChange, defaultValue } = props;\n const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n const controlled = value !== void 0;\n const currentValue = controlled ? value : uncontrolledValue;\n const setValue = useCallback(\n (value2) => {\n if (controlled) {\n return onChange?.(value2);\n }\n setUncontrolledValue(value2);\n return onChange?.(value2);\n },\n [controlled, onChange]\n );\n return [currentValue, setValue];\n}\n\nexport { useControllableState };\n","'use client';\nimport { useControllableState } from '../../utils/use-controllable-state.js';\nimport { useEvent } from '../../utils/use-event.js';\n\nfunction useCheckboxGroup(props = {}) {\n const { defaultValue, value: controlledValue, onValueChange, disabled, readOnly, name, invalid } = props;\n const interactive = !(disabled || readOnly);\n const onChangeProp = useEvent(onValueChange, { sync: true });\n const [value, setValue] = useControllableState({\n value: controlledValue,\n defaultValue: defaultValue || [],\n onChange: onChangeProp\n });\n const isChecked = (val) => {\n return value.some((v) => String(v) === String(val));\n };\n const toggleValue = (val) => {\n isChecked(val) ? removeValue(val) : addValue(val);\n };\n const addValue = (val) => {\n if (!interactive) return;\n if (isChecked(val)) return;\n setValue(value.concat(val));\n };\n const removeValue = (val) => {\n if (!interactive) return;\n setValue(value.filter((v) => String(v) !== String(val)));\n };\n const getItemProps = (props2) => {\n return {\n checked: props2.value != null ? isChecked(props2.value) : void 0,\n onCheckedChange() {\n if (props2.value != null) {\n toggleValue(props2.value);\n }\n },\n name,\n disabled,\n readOnly,\n invalid\n };\n };\n return {\n isChecked,\n value,\n name,\n disabled: !!disabled,\n readOnly: !!readOnly,\n invalid: !!invalid,\n setValue,\n addValue,\n toggleValue,\n getItemProps\n };\n}\n\nexport { useCheckboxGroup };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [CheckboxGroupContextProvider, useCheckboxGroupContext] = createContext({\n name: \"CheckboxGroupContext\",\n hookName: \"useCheckboxGroupContext\",\n providerName: \"<CheckboxGroupProvider />\",\n strict: false\n});\n\nexport { CheckboxGroupContextProvider, useCheckboxGroupContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { checkboxAnatomy } from './checkbox.anatomy.js';\nimport { useCheckboxGroup } from './use-checkbox-group.js';\nimport { CheckboxGroupContextProvider } from './use-checkbox-group-context.js';\n\nconst CheckboxGroup = forwardRef((props, ref) => {\n const [checkboxGroupProps, localProps] = createSplitProps()(props, [\n \"defaultValue\",\n \"value\",\n \"onValueChange\",\n \"disabled\",\n \"invalid\",\n \"readOnly\",\n \"name\"\n ]);\n const checkboxGroup = useCheckboxGroup(checkboxGroupProps);\n return /* @__PURE__ */ jsx(CheckboxGroupContextProvider, { value: checkboxGroup, children: /* @__PURE__ */ jsx(ark.div, { ref, role: \"group\", ...localProps, ...checkboxAnatomy.build().group.attrs }) });\n});\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport { CheckboxGroup };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxHiddenInput = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getHiddenInputProps(), props);\n const field = useFieldContext();\n return /* @__PURE__ */ jsx(ark.input, { \"aria-describedby\": field?.ariaDescribedby, ...mergedProps, ref });\n});\nCheckboxHiddenInput.displayName = \"CheckboxHiddenInput\";\n\nexport { CheckboxHiddenInput };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxLabel = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getLabelProps(), props);\n return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nCheckboxLabel.displayName = \"CheckboxLabel\";\n\nexport { CheckboxLabel };\n","'use client';\nimport * as checkbox from '@zag-js/checkbox';\nimport { mergeProps, useMachine, normalizeProps } from '@zag-js/react';\nimport { useMemo, useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { useCheckboxGroupContext } from './use-checkbox-group-context.js';\n\nconst useCheckbox = (ownProps = {}) => {\n const checkboxGroup = useCheckboxGroupContext();\n const field = useFieldContext();\n const props = useMemo(() => {\n return mergeProps(ownProps, checkboxGroup?.getItemProps({ value: ownProps.value }) ?? {});\n }, [ownProps, checkboxGroup]);\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const machineProps = {\n id,\n ids: {\n label: field?.ids.label,\n hiddenInput: field?.ids.control\n },\n dir,\n disabled: field?.disabled,\n readOnly: field?.readOnly,\n invalid: field?.invalid,\n required: field?.required,\n getRootNode,\n ...props\n };\n const service = useMachine(checkbox.machine, machineProps);\n return checkbox.connect(service, normalizeProps);\n};\n\nexport { useCheckbox };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useCheckbox } from './use-checkbox.js';\nimport { CheckboxProvider } from './use-checkbox-context.js';\n\nconst CheckboxRoot = forwardRef((props, ref) => {\n const [useCheckboxProps, localProps] = createSplitProps()(props, [\n \"checked\",\n \"defaultChecked\",\n \"disabled\",\n \"form\",\n \"id\",\n \"ids\",\n \"invalid\",\n \"name\",\n \"onCheckedChange\",\n \"readOnly\",\n \"required\",\n \"value\"\n ]);\n const checkbox = useCheckbox(useCheckboxProps);\n const mergedProps = mergeProps(checkbox.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(CheckboxProvider, { value: checkbox, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) });\n});\nCheckboxRoot.displayName = \"CheckboxRoot\";\n\nexport { CheckboxRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { CheckboxProvider } from './use-checkbox-context.js';\n\nconst CheckboxRootProvider = forwardRef((props, ref) => {\n const [{ value: checkbox }, localProps] = createSplitProps()(props, [\"value\"]);\n const mergedProps = mergeProps(checkbox.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(CheckboxProvider, { value: checkbox, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) });\n});\nCheckboxRootProvider.displayName = \"CheckboxRootProvider\";\n\nexport { CheckboxRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { dataAttr } from '../../utils/attr.js';\nimport { EMPTY_STYLES } from '../../styled-system/empty.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\n\nconst Checkmark = forwardRef(\n function Checkmark2(props, ref) {\n const recipe = useRecipe({ key: \"checkmark\", recipe: props.recipe });\n const [variantProps, restProps] = recipe.splitVariantProps(props);\n const { checked, indeterminate, disabled, unstyled, children, ...rest } = restProps;\n const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n ref,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"3px\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n \"data-state\": indeterminate ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\",\n \"data-disabled\": dataAttr(disabled),\n css: [styles, props.css],\n ...rest,\n children: indeterminate ? /* @__PURE__ */ jsx(\"path\", { d: \"M5 12h14\" }) : checked ? /* @__PURE__ */ jsx(\"polyline\", { points: \"20 6 9 17 4 12\" }) : null\n }\n );\n }\n);\n\nexport { Checkmark };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Checkbox, useCheckboxContext } from '@ark-ui/react/checkbox';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { Checkmark } from '../checkmark/checkmark.js';\n\nconst {\n withProvider,\n withContext,\n useStyles: useCheckboxStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"checkbox\" });\nconst CheckboxRootProvider = withProvider(Checkbox.RootProvider, \"root\", { forwardAsChild: true });\nconst CheckboxRoot = withProvider(\n Checkbox.Root,\n \"root\",\n { forwardAsChild: true }\n);\nconst CheckboxPropsProvider = PropsProvider;\nconst CheckboxLabel = withContext(\n Checkbox.Label,\n \"label\",\n { forwardAsChild: true }\n);\nconst CheckboxIndicator = forwardRef(function CheckboxIndicator2(props, ref) {\n const { checked, indeterminate, ...rest } = props;\n const api = useCheckboxContext();\n const styles = useCheckboxStyles();\n if (checked && api.checked) {\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n ref,\n asChild: true,\n ...rest,\n css: [styles.indicator, props.css],\n children: checked\n }\n );\n }\n if (indeterminate && api.indeterminate) {\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n ref,\n asChild: true,\n ...rest,\n css: [styles.indicator, props.css],\n children: indeterminate\n }\n );\n }\n return /* @__PURE__ */ jsx(\n Checkmark,\n {\n ref,\n checked: api.checked,\n indeterminate: api.indeterminate,\n disabled: api.disabled,\n unstyled: true,\n ...rest,\n css: [styles.indicator, props.css]\n }\n );\n});\nconst CheckboxControl = withContext(\n Checkbox.Control,\n \"control\",\n {\n forwardAsChild: true,\n defaultProps: { children: /* @__PURE__ */ jsx(CheckboxIndicator, {}) }\n }\n);\nconst CheckboxGroup = chakra(\n Checkbox.Group,\n {\n base: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"1.5\"\n }\n },\n { forwardAsChild: true }\n);\nconst CheckboxContext = Checkbox.Context;\nconst CheckboxHiddenInput = Checkbox.HiddenInput;\n\nexport { CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxPropsProvider, CheckboxRoot, CheckboxRootProvider, useCheckboxStyles };\n","import React from 'react';\nimport { Checkbox as CCheckbox } from '@chakra-ui/react/checkbox';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { Card, CardProps } from 'components/Card/card.component';\nimport { Text } from 'components/Text/text.component';\nimport { CheckboxLabelSpacing, CheckboxSizeMap } from './checkbox.records';\nimport { CardPaddingMap } from 'components/Card/card.records';\n\nexport interface CheckboxProps extends WithFormControlProps, CCheckbox.RootProps {\n checkboxRef?: React.RefObject<HTMLInputElement | null>;\n indeterminate?: boolean;\n rootRef?: React.RefObject<HTMLLabelElement | null>;\n size?: FormControlSize;\n withCard?: boolean;\n}\n\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n (\n { checkboxRef, children, indeterminate = false, onContrast, rootRef, size = 'md', withCard = false, ...rest },\n ref,\n ): React.ReactNode => {\n const _computedVariant = onContrast ? 'onContrast' : 'default';\n\n const CheckboxCard: React.FC<CardProps> = withCard\n ? ({ children }): React.JSX.Element => {\n const pr = (CheckboxSizeMap[size] + CheckboxLabelSpacing[size] + CardPaddingMap[size]) * 4;\n return (\n <Card\n className=\"Checkbox__Card\"\n data-testid=\"kibble-checkbox-card\"\n {...(!rest.disabled && {\n interactive: true,\n active: !!rest.checked,\n })}\n onContrast={onContrast}\n size={size}\n fullWidth\n display=\"flex\"\n {...(typeof children === 'string' && { alignItems: 'center' })}\n width=\"inherit\"\n pr={`${pr}px`}\n >\n {children}\n </Card>\n );\n }\n : React.Fragment;\n\n return (\n <CCheckbox.Root\n className=\"Checkbox\"\n data-testid=\"kibble-checkbox\"\n checked={indeterminate ? 'indeterminate' : rest.checked}\n ref={rootRef}\n variant={_computedVariant}\n size={size}\n {...rest}\n >\n <CheckboxCard>\n <CCheckbox.HiddenInput\n className=\"Checkbox__Input\"\n data-testid=\"kibble-checkbox-input\"\n ref={checkboxRef || ref}\n />\n <CCheckbox.Control className=\"Checkbox__Control\" data-testid=\"kibble-checkbox-control\">\n <CCheckbox.Indicator className=\"Checkbox__Indicator\" data-testid=\"kibble-checkbox-indicator\" />\n </CCheckbox.Control>\n {!!children && (\n <CCheckbox.Label\n className=\"Checkbox__Label\"\n data-testid=\"kibble-checkbox-label\"\n {...(withCard && typeof children !== 'string' && { mt: '-4px' })}\n >\n {typeof children === 'string' ? (\n <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n {children}\n </Text>\n ) : (\n children\n )}\n </CCheckbox.Label>\n )}\n </CheckboxCard>\n </CCheckbox.Root>\n );\n },\n);\n\nCheckbox.displayName = 'Checkbox';\nconst WrappedCheckbox = withFormControl<CheckboxProps>(Checkbox);\n\nexport { WrappedCheckbox as Checkbox };\n"],"names":["CheckboxProvider","useCheckboxContext","createContext","CheckboxControl","forwardRef","props","ref","checkbox","mergedProps","mergeProps","jsx","ark","useControllableState","value","onChange","defaultValue","uncontrolledValue","setUncontrolledValue","useState","controlled","currentValue","setValue","useCallback","value2","useCheckboxGroup","controlledValue","onValueChange","disabled","readOnly","name","invalid","interactive","onChangeProp","useEvent","isChecked","val","toggleValue","removeValue","addValue","props2","CheckboxGroupContextProvider","useCheckboxGroupContext","CheckboxGroup","checkboxGroupProps","localProps","createSplitProps","checkboxGroup","checkboxAnatomy","CheckboxHiddenInput","field","useFieldContext","CheckboxLabel","useCheckbox","ownProps","useMemo","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","checkbox.machine","checkbox.connect","normalizeProps","CheckboxRoot","useCheckboxProps","CheckboxRootProvider","Checkmark","recipe","useRecipe","variantProps","restProps","checked","indeterminate","unstyled","children","rest","styles","EMPTY_STYLES","chakra","dataAttr","withProvider","withContext","useCheckboxStyles","createSlotRecipeContext","Checkbox.RootProvider","Checkbox.Root","Checkbox.Label","CheckboxIndicator","api","Checkbox.Control","Checkbox.Group","Checkbox.HiddenInput","Checkbox","React","checkboxRef","onContrast","rootRef","size","withCard","_computedVariant","CheckboxCard","pr","CheckboxSizeMap","CheckboxLabelSpacing","CardPaddingMap","Card","CCheckbox.Root","CCheckbox.HiddenInput","CCheckbox.Control","CCheckbox.Indicator","CCheckbox.Label","Text","WrappedCheckbox","withFormControl"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}
1
+ {"version":3,"file":"checkbox.component-PmkaXzNs.js","sources":["../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-context.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-control.js","../../node_modules/@ark-ui/react/dist/utils/use-controllable-state.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group-context.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-group.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-label.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/checkmark/checkmark.js","../../node_modules/@chakra-ui/react/dist/esm/components/checkbox/checkbox.js","../../src/components/Checkbox/checkbox.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [CheckboxProvider, useCheckboxContext] = createContext({\n name: \"CheckboxContext\",\n hookName: \"useCheckboxContext\",\n providerName: \"<CheckboxProvider />\"\n});\n\nexport { CheckboxProvider, useCheckboxContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxControl = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getControlProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nCheckboxControl.displayName = \"CheckboxControl\";\n\nexport { CheckboxControl };\n","'use client';\nimport { useState, useCallback } from 'react';\n\nfunction useControllableState(props) {\n const { value, onChange, defaultValue } = props;\n const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n const controlled = value !== void 0;\n const currentValue = controlled ? value : uncontrolledValue;\n const setValue = useCallback(\n (value2) => {\n if (controlled) {\n return onChange?.(value2);\n }\n setUncontrolledValue(value2);\n return onChange?.(value2);\n },\n [controlled, onChange]\n );\n return [currentValue, setValue];\n}\n\nexport { useControllableState };\n","'use client';\nimport { useControllableState } from '../../utils/use-controllable-state.js';\nimport { useEvent } from '../../utils/use-event.js';\n\nfunction useCheckboxGroup(props = {}) {\n const { defaultValue, value: controlledValue, onValueChange, disabled, readOnly, name, invalid } = props;\n const interactive = !(disabled || readOnly);\n const onChangeProp = useEvent(onValueChange, { sync: true });\n const [value, setValue] = useControllableState({\n value: controlledValue,\n defaultValue: defaultValue || [],\n onChange: onChangeProp\n });\n const isChecked = (val) => {\n return value.some((v) => String(v) === String(val));\n };\n const toggleValue = (val) => {\n isChecked(val) ? removeValue(val) : addValue(val);\n };\n const addValue = (val) => {\n if (!interactive) return;\n if (isChecked(val)) return;\n setValue(value.concat(val));\n };\n const removeValue = (val) => {\n if (!interactive) return;\n setValue(value.filter((v) => String(v) !== String(val)));\n };\n const getItemProps = (props2) => {\n return {\n checked: props2.value != null ? isChecked(props2.value) : void 0,\n onCheckedChange() {\n if (props2.value != null) {\n toggleValue(props2.value);\n }\n },\n name,\n disabled,\n readOnly,\n invalid\n };\n };\n return {\n isChecked,\n value,\n name,\n disabled: !!disabled,\n readOnly: !!readOnly,\n invalid: !!invalid,\n setValue,\n addValue,\n toggleValue,\n getItemProps\n };\n}\n\nexport { useCheckboxGroup };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [CheckboxGroupContextProvider, useCheckboxGroupContext] = createContext({\n name: \"CheckboxGroupContext\",\n hookName: \"useCheckboxGroupContext\",\n providerName: \"<CheckboxGroupProvider />\",\n strict: false\n});\n\nexport { CheckboxGroupContextProvider, useCheckboxGroupContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { checkboxAnatomy } from './checkbox.anatomy.js';\nimport { useCheckboxGroup } from './use-checkbox-group.js';\nimport { CheckboxGroupContextProvider } from './use-checkbox-group-context.js';\n\nconst CheckboxGroup = forwardRef((props, ref) => {\n const [checkboxGroupProps, localProps] = createSplitProps()(props, [\n \"defaultValue\",\n \"value\",\n \"onValueChange\",\n \"disabled\",\n \"invalid\",\n \"readOnly\",\n \"name\"\n ]);\n const checkboxGroup = useCheckboxGroup(checkboxGroupProps);\n return /* @__PURE__ */ jsx(CheckboxGroupContextProvider, { value: checkboxGroup, children: /* @__PURE__ */ jsx(ark.div, { ref, role: \"group\", ...localProps, ...checkboxAnatomy.build().group.attrs }) });\n});\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport { CheckboxGroup };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxHiddenInput = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getHiddenInputProps(), props);\n const field = useFieldContext();\n return /* @__PURE__ */ jsx(ark.input, { \"aria-describedby\": field?.ariaDescribedby, ...mergedProps, ref });\n});\nCheckboxHiddenInput.displayName = \"CheckboxHiddenInput\";\n\nexport { CheckboxHiddenInput };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxLabel = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getLabelProps(), props);\n return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nCheckboxLabel.displayName = \"CheckboxLabel\";\n\nexport { CheckboxLabel };\n","'use client';\nimport * as checkbox from '@zag-js/checkbox';\nimport { mergeProps, useMachine, normalizeProps } from '@zag-js/react';\nimport { useMemo, useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { useCheckboxGroupContext } from './use-checkbox-group-context.js';\n\nconst useCheckbox = (ownProps = {}) => {\n const checkboxGroup = useCheckboxGroupContext();\n const field = useFieldContext();\n const props = useMemo(() => {\n return mergeProps(ownProps, checkboxGroup?.getItemProps({ value: ownProps.value }) ?? {});\n }, [ownProps, checkboxGroup]);\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const machineProps = {\n id,\n ids: {\n label: field?.ids.label,\n hiddenInput: field?.ids.control\n },\n dir,\n disabled: field?.disabled,\n readOnly: field?.readOnly,\n invalid: field?.invalid,\n required: field?.required,\n getRootNode,\n ...props\n };\n const service = useMachine(checkbox.machine, machineProps);\n return checkbox.connect(service, normalizeProps);\n};\n\nexport { useCheckbox };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useCheckbox } from './use-checkbox.js';\nimport { CheckboxProvider } from './use-checkbox-context.js';\n\nconst CheckboxRoot = forwardRef((props, ref) => {\n const [useCheckboxProps, localProps] = createSplitProps()(props, [\n \"checked\",\n \"defaultChecked\",\n \"disabled\",\n \"form\",\n \"id\",\n \"ids\",\n \"invalid\",\n \"name\",\n \"onCheckedChange\",\n \"readOnly\",\n \"required\",\n \"value\"\n ]);\n const checkbox = useCheckbox(useCheckboxProps);\n const mergedProps = mergeProps(checkbox.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(CheckboxProvider, { value: checkbox, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) });\n});\nCheckboxRoot.displayName = \"CheckboxRoot\";\n\nexport { CheckboxRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { CheckboxProvider } from './use-checkbox-context.js';\n\nconst CheckboxRootProvider = forwardRef((props, ref) => {\n const [{ value: checkbox }, localProps] = createSplitProps()(props, [\"value\"]);\n const mergedProps = mergeProps(checkbox.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(CheckboxProvider, { value: checkbox, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) });\n});\nCheckboxRootProvider.displayName = \"CheckboxRootProvider\";\n\nexport { CheckboxRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { dataAttr } from '../../utils/attr.js';\nimport { EMPTY_STYLES } from '../../styled-system/empty.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\n\nconst Checkmark = forwardRef(\n function Checkmark2(props, ref) {\n const recipe = useRecipe({ key: \"checkmark\", recipe: props.recipe });\n const [variantProps, restProps] = recipe.splitVariantProps(props);\n const { checked, indeterminate, disabled, unstyled, children, ...rest } = restProps;\n const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n ref,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"3px\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n \"data-state\": indeterminate ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\",\n \"data-disabled\": dataAttr(disabled),\n css: [styles, props.css],\n ...rest,\n children: indeterminate ? /* @__PURE__ */ jsx(\"path\", { d: \"M5 12h14\" }) : checked ? /* @__PURE__ */ jsx(\"polyline\", { points: \"20 6 9 17 4 12\" }) : null\n }\n );\n }\n);\n\nexport { Checkmark };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Checkbox, useCheckboxContext } from '@ark-ui/react/checkbox';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { Checkmark } from '../checkmark/checkmark.js';\n\nconst {\n withProvider,\n withContext,\n useStyles: useCheckboxStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"checkbox\" });\nconst CheckboxRootProvider = withProvider(Checkbox.RootProvider, \"root\", { forwardAsChild: true });\nconst CheckboxRoot = withProvider(\n Checkbox.Root,\n \"root\",\n { forwardAsChild: true }\n);\nconst CheckboxPropsProvider = PropsProvider;\nconst CheckboxLabel = withContext(\n Checkbox.Label,\n \"label\",\n { forwardAsChild: true }\n);\nconst CheckboxIndicator = forwardRef(function CheckboxIndicator2(props, ref) {\n const { checked, indeterminate, ...rest } = props;\n const api = useCheckboxContext();\n const styles = useCheckboxStyles();\n if (checked && api.checked) {\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n ref,\n asChild: true,\n ...rest,\n css: [styles.indicator, props.css],\n children: checked\n }\n );\n }\n if (indeterminate && api.indeterminate) {\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n ref,\n asChild: true,\n ...rest,\n css: [styles.indicator, props.css],\n children: indeterminate\n }\n );\n }\n return /* @__PURE__ */ jsx(\n Checkmark,\n {\n ref,\n checked: api.checked,\n indeterminate: api.indeterminate,\n disabled: api.disabled,\n unstyled: true,\n ...rest,\n css: [styles.indicator, props.css]\n }\n );\n});\nconst CheckboxControl = withContext(\n Checkbox.Control,\n \"control\",\n {\n forwardAsChild: true,\n defaultProps: { children: /* @__PURE__ */ jsx(CheckboxIndicator, {}) }\n }\n);\nconst CheckboxGroup = chakra(\n Checkbox.Group,\n {\n base: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"1.5\"\n }\n },\n { forwardAsChild: true }\n);\nconst CheckboxContext = Checkbox.Context;\nconst CheckboxHiddenInput = Checkbox.HiddenInput;\n\nexport { CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxPropsProvider, CheckboxRoot, CheckboxRootProvider, useCheckboxStyles };\n","import React from 'react';\nimport { Checkbox as CCheckbox } from '@chakra-ui/react/checkbox';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { Card, CardProps } from 'components/Card/card.component';\nimport { Text } from 'components/Text/text.component';\nimport { CheckboxLabelSpacing, CheckboxSizeMap } from './checkbox.records';\nimport { CardPaddingMap } from 'components/Card/card.records';\n\nexport interface CheckboxProps extends WithFormControlProps, CCheckbox.RootProps {\n checkboxRef?: React.RefObject<HTMLInputElement | null>;\n indeterminate?: boolean;\n rootRef?: React.RefObject<HTMLLabelElement | null>;\n size?: FormControlSize;\n withCard?: boolean;\n}\n\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n (\n { checkboxRef, children, indeterminate = false, onContrast, rootRef, size = 'md', withCard = false, ...rest },\n ref,\n ): React.ReactNode => {\n const _computedVariant = onContrast ? 'onContrast' : 'default';\n\n const CheckboxCard: React.FC<CardProps> = withCard\n ? ({ children }): React.JSX.Element => {\n const pr = (CheckboxSizeMap[size] + CheckboxLabelSpacing[size] + CardPaddingMap[size]) * 4;\n return (\n <Card\n className=\"Checkbox__Card\"\n data-testid=\"kibble-checkbox-card\"\n {...(!rest.disabled && {\n interactive: true,\n active: !!rest.checked,\n })}\n onContrast={onContrast}\n size={size}\n fullWidth\n display=\"flex\"\n {...(typeof children === 'string' && { alignItems: 'center' })}\n width=\"inherit\"\n pr={`${pr}px`}\n >\n {children}\n </Card>\n );\n }\n : React.Fragment;\n\n return (\n <CCheckbox.Root\n className=\"Checkbox\"\n data-testid=\"kibble-checkbox\"\n checked={indeterminate ? 'indeterminate' : rest.checked}\n ref={rootRef}\n variant={_computedVariant}\n size={size}\n {...rest}\n >\n <CheckboxCard>\n <CCheckbox.HiddenInput\n className=\"Checkbox__Input\"\n data-testid=\"kibble-checkbox-input\"\n ref={checkboxRef || ref}\n />\n <CCheckbox.Control className=\"Checkbox__Control\" data-testid=\"kibble-checkbox-control\">\n <CCheckbox.Indicator className=\"Checkbox__Indicator\" data-testid=\"kibble-checkbox-indicator\" />\n </CCheckbox.Control>\n {!!children && (\n <CCheckbox.Label\n className=\"Checkbox__Label\"\n data-testid=\"kibble-checkbox-label\"\n {...(withCard && typeof children !== 'string' && { mt: '-4px' })}\n >\n {typeof children === 'string' ? (\n <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n {children}\n </Text>\n ) : (\n children\n )}\n </CCheckbox.Label>\n )}\n </CheckboxCard>\n </CCheckbox.Root>\n );\n },\n);\n\nCheckbox.displayName = 'Checkbox';\nconst WrappedCheckbox = withFormControl<CheckboxProps>(Checkbox);\n\nexport { WrappedCheckbox as Checkbox };\n"],"names":["CheckboxProvider","useCheckboxContext","createContext","CheckboxControl","forwardRef","props","ref","checkbox","mergedProps","mergeProps","jsx","ark","useControllableState","value","onChange","defaultValue","uncontrolledValue","setUncontrolledValue","useState","controlled","currentValue","setValue","useCallback","value2","useCheckboxGroup","controlledValue","onValueChange","disabled","readOnly","name","invalid","interactive","onChangeProp","useEvent","isChecked","val","toggleValue","removeValue","addValue","props2","CheckboxGroupContextProvider","useCheckboxGroupContext","CheckboxGroup","checkboxGroupProps","localProps","createSplitProps","checkboxGroup","checkboxAnatomy","CheckboxHiddenInput","field","useFieldContext","CheckboxLabel","useCheckbox","ownProps","useMemo","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","checkbox.machine","checkbox.connect","normalizeProps","CheckboxRoot","useCheckboxProps","CheckboxRootProvider","Checkmark","recipe","useRecipe","variantProps","restProps","checked","indeterminate","unstyled","children","rest","styles","EMPTY_STYLES","chakra","dataAttr","withProvider","withContext","useCheckboxStyles","createSlotRecipeContext","Checkbox.RootProvider","Checkbox.Root","Checkbox.Label","CheckboxIndicator","api","Checkbox.Control","Checkbox.Group","Checkbox.HiddenInput","Checkbox","React","checkboxRef","onContrast","rootRef","size","withCard","_computedVariant","CheckboxCard","pr","CheckboxSizeMap","CheckboxLabelSpacing","CardPaddingMap","Card","CCheckbox.Root","CCheckbox.HiddenInput","CCheckbox.Control","CCheckbox.Indicator","CCheckbox.Label","Text","WrappedCheckbox","withFormControl"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}
@@ -1,6 +1,6 @@
1
- import { b as S, c as P, z as F, A as D, B as N, C as O, D as x, d as i, w as H, E as K } from "./index-YtNA0Ueo.js";
2
- import { t as L, i as R } from "./index-Bz8HDeWA.js";
3
- import { b as A } from "./use-locale-context-BiiNTYMT.js";
1
+ import { b as S, c as P, z as F, A as D, B as N, C as O, D as x, d as i, w as H, E as K } from "./index-Ztgrae6O.js";
2
+ import { t as L, i as R } from "./index-Cd-5e4RS.js";
3
+ import { b as A } from "./use-locale-context-BNU4MHrO.js";
4
4
  var T = S("checkbox").parts("root", "label", "control", "indicator"), h = T.build(), V = (e) => e.ids?.root ?? `checkbox:${e.id}`, m = (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
6
  const { send: a, context: d, prop: s, computed: C, scope: c } = e, o = s("disabled"), p = s("readOnly"), v = s("invalid"), E = !o && d.get("focused"), I = !o && d.get("focusVisible"), n = C("checked"), k = C("indeterminate"), u = {
@@ -263,4 +263,4 @@ export {
263
263
  j as c,
264
264
  W as m
265
265
  };
266
- //# sourceMappingURL=checkbox.records-CTlAD-2Q.js.map
266
+ //# sourceMappingURL=checkbox.records-Ds6SvFdm.js.map