@televet/kibble-ui 4.0.0-beta.102 → 4.0.0-beta.103

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 (331) hide show
  1. package/dist/chunks/{alert.types-BFIjEpyN.js → alert.types-B-bS7qjd.js} +3 -3
  2. package/dist/chunks/{alert.types-BFIjEpyN.js.map → alert.types-B-bS7qjd.js.map} +1 -1
  3. package/dist/chunks/{alert.types-CBlxvlwZ.js → alert.types-CIc4IRMS.js} +2 -2
  4. package/dist/chunks/{alert.types-CBlxvlwZ.js.map → alert.types-CIc4IRMS.js.map} +1 -1
  5. package/dist/chunks/{avatar.component-DdeMVY3l.js → avatar.component-B63kpE9P.js} +6 -6
  6. package/dist/chunks/{avatar.component-DdeMVY3l.js.map → avatar.component-B63kpE9P.js.map} +1 -1
  7. package/dist/chunks/{avatar.component-37joMuMZ.js → avatar.component-DhVRhVUB.js} +2 -2
  8. package/dist/chunks/{avatar.component-37joMuMZ.js.map → avatar.component-DhVRhVUB.js.map} +1 -1
  9. package/dist/chunks/{avatarGroup.component-CPjot93U.js → avatarGroup.component-Bv-7rU7a.js} +2 -2
  10. package/dist/chunks/{avatarGroup.component-CPjot93U.js.map → avatarGroup.component-Bv-7rU7a.js.map} +1 -1
  11. package/dist/chunks/{avatarGroup.component-DboSD8PG.js → avatarGroup.component-S6IBJiRl.js} +2 -2
  12. package/dist/chunks/{avatarGroup.component-DboSD8PG.js.map → avatarGroup.component-S6IBJiRl.js.map} +1 -1
  13. package/dist/chunks/{buttonGroup.component-CmsAFBU-.js → buttonGroup.component-Bxg_xRWP.js} +2 -2
  14. package/dist/chunks/{buttonGroup.component-CmsAFBU-.js.map → buttonGroup.component-Bxg_xRWP.js.map} +1 -1
  15. package/dist/chunks/{buttonGroup.component-CeU9SOoZ.js → buttonGroup.component-C7pKCvcQ.js} +2 -2
  16. package/dist/chunks/{buttonGroup.component-CeU9SOoZ.js.map → buttonGroup.component-C7pKCvcQ.js.map} +1 -1
  17. package/dist/chunks/{characterCounter.component-D8qNJrRV.js → characterCounter.component-DElJ1iFK.js} +3 -3
  18. package/dist/chunks/{characterCounter.component-D8qNJrRV.js.map → characterCounter.component-DElJ1iFK.js.map} +1 -1
  19. package/dist/chunks/{characterCounter.component-Aa1IFCGT.js → characterCounter.component-DXmly18j.js} +2 -2
  20. package/dist/chunks/{characterCounter.component-Aa1IFCGT.js.map → characterCounter.component-DXmly18j.js.map} +1 -1
  21. package/dist/chunks/checkbox.component-BbjXZ9Nf.js +2 -0
  22. package/dist/chunks/{checkbox.component-BBnhOurl.js.map → checkbox.component-BbjXZ9Nf.js.map} +1 -1
  23. package/dist/chunks/{checkbox.component-Twnwzi6T.js → checkbox.component-DvG5FhBs.js} +50 -51
  24. package/dist/chunks/{checkbox.component-Twnwzi6T.js.map → checkbox.component-DvG5FhBs.js.map} +1 -1
  25. package/dist/chunks/checkbox.records-DI3mqSNf.js +2 -0
  26. package/dist/chunks/checkbox.records-DI3mqSNf.js.map +1 -0
  27. package/dist/chunks/{checkbox.anatomy-AIdXcqX-.js → checkbox.records-Ds6SvFdm.js} +22 -12
  28. package/dist/chunks/checkbox.records-Ds6SvFdm.js.map +1 -0
  29. package/dist/chunks/{checkboxGroup.component-BY34zJk7.js → checkboxGroup.component-ClGERT8x.js} +3 -3
  30. package/dist/chunks/{checkboxGroup.component-BY34zJk7.js.map → checkboxGroup.component-ClGERT8x.js.map} +1 -1
  31. package/dist/chunks/{checkboxGroup.component-B3R7JBVo.js → checkboxGroup.component-tnjabq8J.js} +2 -2
  32. package/dist/chunks/{checkboxGroup.component-B3R7JBVo.js.map → checkboxGroup.component-tnjabq8J.js.map} +1 -1
  33. package/dist/chunks/{config-BsZeMu66.js → config-DlTdf-Yt.js} +10 -10
  34. package/dist/chunks/{config-BsZeMu66.js.map → config-DlTdf-Yt.js.map} +1 -1
  35. package/dist/chunks/{conversationCard.component-BOH8hmb-.js → conversationCard.component-DXiIGFwM.js} +2 -2
  36. package/dist/chunks/{conversationCard.component-BOH8hmb-.js.map → conversationCard.component-DXiIGFwM.js.map} +1 -1
  37. package/dist/chunks/{conversationCard.component-FdiTvQhb.js → conversationCard.component-FisFG9p8.js} +9 -9
  38. package/dist/chunks/{conversationCard.component-FdiTvQhb.js.map → conversationCard.component-FisFG9p8.js.map} +1 -1
  39. package/dist/chunks/{datePicker.component-BKGUGrux.js → datePicker.component-BVgI3zPN.js} +2 -2
  40. package/dist/chunks/{datePicker.component-BKGUGrux.js.map → datePicker.component-BVgI3zPN.js.map} +1 -1
  41. package/dist/chunks/{datePicker.component-BMFKZ9jI.js → datePicker.component-D8yWK-mP.js} +8 -8
  42. package/dist/chunks/{datePicker.component-BMFKZ9jI.js.map → datePicker.component-D8yWK-mP.js.map} +1 -1
  43. package/dist/chunks/{dialog-trigger-TJz2Nslg.js → dialog-trigger-Crrp0YGG.js} +5 -5
  44. package/dist/chunks/{dialog-trigger-TJz2Nslg.js.map → dialog-trigger-Crrp0YGG.js.map} +1 -1
  45. package/dist/chunks/{dialog-trigger-CyE0fW3K.js → dialog-trigger-MkOQUjzu.js} +2 -2
  46. package/dist/chunks/{dialog-trigger-CyE0fW3K.js.map → dialog-trigger-MkOQUjzu.js.map} +1 -1
  47. package/dist/chunks/{heading.component-SSTHKtRE.js → heading.component-BMvc5kM8.js} +2 -2
  48. package/dist/chunks/{heading.component-SSTHKtRE.js.map → heading.component-BMvc5kM8.js.map} +1 -1
  49. package/dist/chunks/{heading.component-DiuOQTuV.js → heading.component-CSbfsm3W.js} +2 -2
  50. package/dist/chunks/{heading.component-DiuOQTuV.js.map → heading.component-CSbfsm3W.js.map} +1 -1
  51. package/dist/chunks/{index-BOJXzk6X.js → index-B3d3tRic.js} +4 -4
  52. package/dist/chunks/{index-BOJXzk6X.js.map → index-B3d3tRic.js.map} +1 -1
  53. package/dist/chunks/{index-CObxBCse.js → index-BBxAd1xM.js} +3 -3
  54. package/dist/chunks/{index-CObxBCse.js.map → index-BBxAd1xM.js.map} +1 -1
  55. package/dist/chunks/{index-DT0_Ld2V.js → index-BODNpj2d.js} +3 -3
  56. package/dist/chunks/{index-DT0_Ld2V.js.map → index-BODNpj2d.js.map} +1 -1
  57. package/dist/chunks/{index-BvfTd0It.js → index-BR7peqZO.js} +2 -2
  58. package/dist/chunks/{index-BvfTd0It.js.map → index-BR7peqZO.js.map} +1 -1
  59. package/dist/chunks/{index-7Od5VFiw.js → index-BRBNqTA7.js} +13 -13
  60. package/dist/chunks/{index-7Od5VFiw.js.map → index-BRBNqTA7.js.map} +1 -1
  61. package/dist/chunks/{index-AafzY9XD.js → index-BpQwMKfa.js} +10 -10
  62. package/dist/chunks/{index-AafzY9XD.js.map → index-BpQwMKfa.js.map} +1 -1
  63. package/dist/chunks/{index-Bkr-bXiq.js → index-C-m6RNXT.js} +11 -11
  64. package/dist/chunks/{index-Bkr-bXiq.js.map → index-C-m6RNXT.js.map} +1 -1
  65. package/dist/chunks/{index-BLSUI_Fi.js → index-CS8X6LiC.js} +2 -2
  66. package/dist/chunks/{index-BLSUI_Fi.js.map → index-CS8X6LiC.js.map} +1 -1
  67. package/dist/chunks/{index-IHJqZIuH.js → index-CX3yrbBD.js} +3 -3
  68. package/dist/chunks/{index-IHJqZIuH.js.map → index-CX3yrbBD.js.map} +1 -1
  69. package/dist/chunks/index-CYHDITxm.js +7859 -0
  70. package/dist/chunks/index-CYHDITxm.js.map +1 -0
  71. package/dist/chunks/{index-4eV_IBpJ.js → index-Cd-5e4RS.js} +5 -5
  72. package/dist/chunks/{index-4eV_IBpJ.js.map → index-Cd-5e4RS.js.map} +1 -1
  73. package/dist/chunks/index-ClcMgyeA.js +10 -0
  74. package/dist/chunks/index-ClcMgyeA.js.map +1 -0
  75. package/dist/chunks/{index-sEoMwGry.js → index-DBk0LkcO.js} +2 -2
  76. package/dist/chunks/{index-sEoMwGry.js.map → index-DBk0LkcO.js.map} +1 -1
  77. package/dist/chunks/{index-CYfS9qal.js → index-DOXzraja.js} +2 -2
  78. package/dist/chunks/{index-CYfS9qal.js.map → index-DOXzraja.js.map} +1 -1
  79. package/dist/chunks/{index-BszONCjy.js → index-DSedXH1s.js} +2 -2
  80. package/dist/chunks/{index-BszONCjy.js.map → index-DSedXH1s.js.map} +1 -1
  81. package/dist/chunks/{index-vvHShogE.js → index-DowO8Ued.js} +2 -2
  82. package/dist/chunks/{index-vvHShogE.js.map → index-DowO8Ued.js.map} +1 -1
  83. package/dist/chunks/{index-CVzg8MBo.js → index-QTIBH1Or.js} +2 -2
  84. package/dist/chunks/{index-CVzg8MBo.js.map → index-QTIBH1Or.js.map} +1 -1
  85. package/dist/chunks/{index-1syExFDc.js → index-Ztgrae6O.js} +11 -11
  86. package/dist/chunks/{index-1syExFDc.js.map → index-Ztgrae6O.js.map} +1 -1
  87. package/dist/chunks/{index-cHBEWy02.js → index-mndLieJA.js} +4 -4
  88. package/dist/chunks/{index-cHBEWy02.js.map → index-mndLieJA.js.map} +1 -1
  89. package/dist/chunks/{logo.types-Cx1LeO8I.js → logo.types-BbSodfBq.js} +2 -2
  90. package/dist/chunks/{logo.types-Cx1LeO8I.js.map → logo.types-BbSodfBq.js.map} +1 -1
  91. package/dist/chunks/{menu.component-BdkYpKpN.js → menu.component-ChULT3Gr.js} +8 -8
  92. package/dist/chunks/{menu.component-BdkYpKpN.js.map → menu.component-ChULT3Gr.js.map} +1 -1
  93. package/dist/chunks/{menu.component-CCM8bsSm.js → menu.component-XFe_M_SC.js} +2 -2
  94. package/dist/chunks/{menu.component-CCM8bsSm.js.map → menu.component-XFe_M_SC.js.map} +1 -1
  95. package/dist/chunks/{modal.types-VeN6tZvj.js → modal.types-C1izw_Yq.js} +2 -2
  96. package/dist/chunks/{modal.types-VeN6tZvj.js.map → modal.types-C1izw_Yq.js.map} +1 -1
  97. package/dist/chunks/{modal.types-D3YGNiuI.js → modal.types-DEGvHRn9.js} +4 -4
  98. package/dist/chunks/{modal.types-D3YGNiuI.js.map → modal.types-DEGvHRn9.js.map} +1 -1
  99. package/dist/chunks/{notificationCounter.component-Bgm4hK9N.js → notificationCounter.component-BzhAKrKR.js} +2 -2
  100. package/dist/chunks/{notificationCounter.component-Bgm4hK9N.js.map → notificationCounter.component-BzhAKrKR.js.map} +1 -1
  101. package/dist/chunks/{pinInput.types-BNBwX6Hl.js → pinInput.types-BHMFqLSM.js} +2 -2
  102. package/dist/chunks/{pinInput.types-BNBwX6Hl.js.map → pinInput.types-BHMFqLSM.js.map} +1 -1
  103. package/dist/chunks/{pinInput.types-NqL1HFRm.js → pinInput.types-DwCLcdqD.js} +6 -6
  104. package/dist/chunks/{pinInput.types-NqL1HFRm.js.map → pinInput.types-DwCLcdqD.js.map} +1 -1
  105. package/dist/chunks/{popover-root-provider-Dwbh8WhW.js → popover-root-provider-C2iwUZJn.js} +2 -2
  106. package/dist/chunks/{popover-root-provider-Dwbh8WhW.js.map → popover-root-provider-C2iwUZJn.js.map} +1 -1
  107. package/dist/chunks/{popover-root-provider-B9H57A1i.js → popover-root-provider-R2bRQ-xz.js} +4 -4
  108. package/dist/chunks/{popover-root-provider-B9H57A1i.js.map → popover-root-provider-R2bRQ-xz.js.map} +1 -1
  109. package/dist/chunks/{popover.component-CaYI1vEW.js → popover.component-BWj15KxJ.js} +2 -2
  110. package/dist/chunks/{popover.component-CaYI1vEW.js.map → popover.component-BWj15KxJ.js.map} +1 -1
  111. package/dist/chunks/{popover.component-DlGkkvve.js → popover.component-DT3QQWyX.js} +7 -7
  112. package/dist/chunks/{popover.component-DlGkkvve.js.map → popover.component-DT3QQWyX.js.map} +1 -1
  113. package/dist/chunks/{popover.recipe-CFCoAAlW.js → popover.recipe-CQYAiRTB.js} +2 -2
  114. package/dist/chunks/{popover.recipe-CFCoAAlW.js.map → popover.recipe-CQYAiRTB.js.map} +1 -1
  115. package/dist/chunks/{popover.recipe-DegR9fjD.js → popover.recipe-DDKba5kq.js} +5 -5
  116. package/dist/chunks/{popover.recipe-DegR9fjD.js.map → popover.recipe-DDKba5kq.js.map} +1 -1
  117. package/dist/chunks/{index-n37Ze35k.js → radio.records-j0JOqaJ4.js} +2 -2
  118. package/dist/chunks/radio.records-j0JOqaJ4.js.map +1 -0
  119. package/dist/chunks/{index-hGcS7e_x.js → radio.records-muLWVHhG.js} +33 -22
  120. package/dist/chunks/radio.records-muLWVHhG.js.map +1 -0
  121. package/dist/chunks/{radioGroup.component-q0bBXVnx.js → radioGroup.component-BUolfqWr.js} +21 -22
  122. package/dist/chunks/{radioGroup.component-q0bBXVnx.js.map → radioGroup.component-BUolfqWr.js.map} +1 -1
  123. package/dist/chunks/radioGroup.component-egpalXS-.js +2 -0
  124. package/dist/chunks/{radioGroup.component-CEnFc_Ag.js.map → radioGroup.component-egpalXS-.js.map} +1 -1
  125. package/dist/chunks/{ratingDots.component-eMRd5aP2.js → ratingDots.component-BY26etxR.js} +2 -2
  126. package/dist/chunks/{ratingDots.component-eMRd5aP2.js.map → ratingDots.component-BY26etxR.js.map} +1 -1
  127. package/dist/chunks/{ratingDots.component-BAm2XjZr.js → ratingDots.component-CrBOfyId.js} +4 -4
  128. package/dist/chunks/{ratingDots.component-BAm2XjZr.js.map → ratingDots.component-CrBOfyId.js.map} +1 -1
  129. package/dist/chunks/{render-strategy-BlfXwB_1.js → render-strategy-C_zp9LNQ.js} +2 -2
  130. package/dist/chunks/{render-strategy-BlfXwB_1.js.map → render-strategy-C_zp9LNQ.js.map} +1 -1
  131. package/dist/chunks/{render-strategy-DMTZ92PV.js → render-strategy-D5Z6LZ1V.js} +2 -2
  132. package/dist/chunks/{render-strategy-DMTZ92PV.js.map → render-strategy-D5Z6LZ1V.js.map} +1 -1
  133. package/dist/chunks/{select.component-Dp3XguXB.js → select.component-CQjAhCI2.js} +2 -2
  134. package/dist/chunks/{select.component-Dp3XguXB.js.map → select.component-CQjAhCI2.js.map} +1 -1
  135. package/dist/chunks/{select.component-BZwOWiuJ.js → select.component-D9bWpKVf.js} +9 -9
  136. package/dist/chunks/{select.component-BZwOWiuJ.js.map → select.component-D9bWpKVf.js.map} +1 -1
  137. package/dist/chunks/{sortableList.component-DfmuHVvP.js → sortableList.component-BWs5CrE2.js} +2 -2
  138. package/dist/chunks/{sortableList.component-DfmuHVvP.js.map → sortableList.component-BWs5CrE2.js.map} +1 -1
  139. package/dist/chunks/{sortableList.component-yvvu0IJp.js → sortableList.component-w4xLMCLj.js} +3 -3
  140. package/dist/chunks/{sortableList.component-yvvu0IJp.js.map → sortableList.component-w4xLMCLj.js.map} +1 -1
  141. package/dist/chunks/{spinner.component-C7ylmPXr.js → spinner.component-CzOv8dIY.js} +2 -2
  142. package/dist/chunks/{spinner.component-C7ylmPXr.js.map → spinner.component-CzOv8dIY.js.map} +1 -1
  143. package/dist/chunks/{spinner.component-Bu5rGx9x.js → spinner.component-gmb3jWCv.js} +3 -3
  144. package/dist/chunks/{spinner.component-Bu5rGx9x.js.map → spinner.component-gmb3jWCv.js.map} +1 -1
  145. package/dist/chunks/{styledAvatar.types-BaxV5wPq.js → styledAvatar.types-B0IAGnAx.js} +2 -2
  146. package/dist/chunks/{styledAvatar.types-BaxV5wPq.js.map → styledAvatar.types-B0IAGnAx.js.map} +1 -1
  147. package/dist/chunks/{styledAvatar.types-C_9GVvmD.js → styledAvatar.types-CVyai83h.js} +2 -2
  148. package/dist/chunks/{styledAvatar.types-C_9GVvmD.js.map → styledAvatar.types-CVyai83h.js.map} +1 -1
  149. package/dist/chunks/{swatch.types-DiwKSXzz.js → swatch.types-DbgA3RWc.js} +2 -2
  150. package/dist/chunks/{swatch.types-DiwKSXzz.js.map → swatch.types-DbgA3RWc.js.map} +1 -1
  151. package/dist/chunks/{switch.component-GM35zwYa.js → switch.component-DMj4TPl8.js} +2 -2
  152. package/dist/chunks/{switch.component-GM35zwYa.js.map → switch.component-DMj4TPl8.js.map} +1 -1
  153. package/dist/chunks/{switch.component-C4NO_Gs5.js → switch.component-lN5wISru.js} +6 -6
  154. package/dist/chunks/{switch.component-C4NO_Gs5.js.map → switch.component-lN5wISru.js.map} +1 -1
  155. package/dist/chunks/{tabs.component-BqawOxko.js → tabs.component-Dk9EUbWt.js} +10 -10
  156. package/dist/chunks/{tabs.component-BqawOxko.js.map → tabs.component-Dk9EUbWt.js.map} +1 -1
  157. package/dist/chunks/{tabs.component-1hCkIY3w.js → tabs.component-z7J2Yp6h.js} +2 -2
  158. package/dist/chunks/{tabs.component-1hCkIY3w.js.map → tabs.component-z7J2Yp6h.js.map} +1 -1
  159. package/dist/chunks/{tagBlock.component-DwTt-HqP.js → tagBlock.component-BIT-AVii.js} +2 -2
  160. package/dist/chunks/{tagBlock.component-DwTt-HqP.js.map → tagBlock.component-BIT-AVii.js.map} +1 -1
  161. package/dist/chunks/{tagBlock.component-ChGexy1g.js → tagBlock.component-BhgGstLU.js} +5 -5
  162. package/dist/chunks/{tagBlock.component-ChGexy1g.js.map → tagBlock.component-BhgGstLU.js.map} +1 -1
  163. package/dist/chunks/{text.component-DDSfgcFP.js → text.component-BMna3XOy.js} +2 -2
  164. package/dist/chunks/{text.component-DDSfgcFP.js.map → text.component-BMna3XOy.js.map} +1 -1
  165. package/dist/chunks/{text.component-fgp06lR8.js → text.component-waIIFgwB.js} +2 -2
  166. package/dist/chunks/{text.component-fgp06lR8.js.map → text.component-waIIFgwB.js.map} +1 -1
  167. package/dist/chunks/{textInput.component-B3Q800_J.js → textInput.component-D9iVzBPO.js} +2 -2
  168. package/dist/chunks/{textInput.component-B3Q800_J.js.map → textInput.component-D9iVzBPO.js.map} +1 -1
  169. package/dist/chunks/{textInput.component-vxAD2BDI.js → textInput.component-Dv4puTkb.js} +6 -6
  170. package/dist/chunks/{textInput.component-vxAD2BDI.js.map → textInput.component-Dv4puTkb.js.map} +1 -1
  171. package/dist/chunks/{textarea.component-DBS-A-Jk.js → textarea.component-BBZ01Uwu.js} +2 -2
  172. package/dist/chunks/{textarea.component-DBS-A-Jk.js.map → textarea.component-BBZ01Uwu.js.map} +1 -1
  173. package/dist/chunks/{textarea.component-CVCNVeqW.js → textarea.component-BXDGsp_X.js} +13 -13
  174. package/dist/chunks/{textarea.component-CVCNVeqW.js.map → textarea.component-BXDGsp_X.js.map} +1 -1
  175. package/dist/chunks/theme.provider-LbddeKMu.js +24 -0
  176. package/dist/chunks/theme.provider-LbddeKMu.js.map +1 -0
  177. package/dist/chunks/theme.provider-wWr4H_XJ.js +12053 -0
  178. package/dist/chunks/theme.provider-wWr4H_XJ.js.map +1 -0
  179. package/dist/chunks/{timePicker.component-f-FAs8bP.js → timePicker.component-BTj7DA_7.js} +4 -4
  180. package/dist/chunks/{timePicker.component-f-FAs8bP.js.map → timePicker.component-BTj7DA_7.js.map} +1 -1
  181. package/dist/chunks/{timePicker.component-KqAcboP6.js → timePicker.component-DLhuGlNp.js} +2 -2
  182. package/dist/chunks/{timePicker.component-KqAcboP6.js.map → timePicker.component-DLhuGlNp.js.map} +1 -1
  183. package/dist/chunks/{timeRange.component-pWCZj2UZ.js → timeRange.component-CMuPVdvd.js} +2 -2
  184. package/dist/chunks/{timeRange.component-pWCZj2UZ.js.map → timeRange.component-CMuPVdvd.js.map} +1 -1
  185. package/dist/chunks/{timeRange.component-C-SA8EFz.js → timeRange.component-Cbo_KMo2.js} +2 -2
  186. package/dist/chunks/{timeRange.component-C-SA8EFz.js.map → timeRange.component-Cbo_KMo2.js.map} +1 -1
  187. package/dist/chunks/{timestamp.component-CStcenp0.js → timestamp.component-B1UUyLk6.js} +2 -2
  188. package/dist/chunks/{timestamp.component-CStcenp0.js.map → timestamp.component-B1UUyLk6.js.map} +1 -1
  189. package/dist/chunks/{timestamp.component-DpA8pTzY.js → timestamp.component-BQmg8ejt.js} +3 -3
  190. package/dist/chunks/{timestamp.component-DpA8pTzY.js.map → timestamp.component-BQmg8ejt.js.map} +1 -1
  191. package/dist/chunks/{toaster.records-DjNU8CFN.js → toaster.records-DcadVT_W.js} +2 -2
  192. package/dist/chunks/{toaster.records-DjNU8CFN.js.map → toaster.records-DcadVT_W.js.map} +1 -1
  193. package/dist/chunks/tooltip.component-BBcfv22j.js +492 -0
  194. package/dist/chunks/tooltip.component-BBcfv22j.js.map +1 -0
  195. package/dist/chunks/tooltip.component-BlX3B2Di.js +2 -0
  196. package/dist/chunks/tooltip.component-BlX3B2Di.js.map +1 -0
  197. package/dist/chunks/typography.records-CSy2LmDd.js +2 -0
  198. package/dist/chunks/typography.records-CSy2LmDd.js.map +1 -0
  199. package/dist/chunks/{typography.records-BEd2lI_g.js → typography.records-DDZuRT8J.js} +22 -10
  200. package/dist/chunks/typography.records-DDZuRT8J.js.map +1 -0
  201. package/dist/chunks/{use-field-context-CFITFjXV.js → use-field-context-BZaIHuSQ.js} +2 -2
  202. package/dist/chunks/{use-field-context-CFITFjXV.js.map → use-field-context-BZaIHuSQ.js.map} +1 -1
  203. package/dist/chunks/{use-field-context-4x8yd4wU.js → use-field-context-CArmgHPP.js} +2 -2
  204. package/dist/chunks/{use-field-context-4x8yd4wU.js.map → use-field-context-CArmgHPP.js.map} +1 -1
  205. package/dist/chunks/{use-locale-context-ib8415q7.js → use-locale-context-BNU4MHrO.js} +775 -1127
  206. package/dist/chunks/use-locale-context-BNU4MHrO.js.map +1 -0
  207. package/dist/chunks/use-locale-context-D0LByRu9.js +22 -0
  208. package/dist/chunks/use-locale-context-D0LByRu9.js.map +1 -0
  209. package/dist/chunks/withFormControl-DJ6OVImD.js +2 -0
  210. package/dist/chunks/{withFormControl-DUbGQZnV.js.map → withFormControl-DJ6OVImD.js.map} +1 -1
  211. package/dist/chunks/{withFormControl-CKHeFdbP.js → withFormControl-DS2sMs8A.js} +55 -56
  212. package/dist/chunks/{withFormControl-CKHeFdbP.js.map → withFormControl-DS2sMs8A.js.map} +1 -1
  213. package/dist/chunks/{withTruncation-DubH2hvc.js → withTruncation-BY4-q1lB.js} +2 -2
  214. package/dist/chunks/{withTruncation-DubH2hvc.js.map → withTruncation-BY4-q1lB.js.map} +1 -1
  215. package/dist/chunks/{withTruncation-BjQjta4-.js → withTruncation-Do7RgFZB.js} +2 -2
  216. package/dist/chunks/{withTruncation-BjQjta4-.js.map → withTruncation-Do7RgFZB.js.map} +1 -1
  217. package/dist/chunks/{wrap-CfOMkouk.js → wrap-B8tBNeBY.js} +2 -2
  218. package/dist/chunks/{wrap-CfOMkouk.js.map → wrap-B8tBNeBY.js.map} +1 -1
  219. package/dist/cjs/chakra/index.cjs +1 -1
  220. package/dist/cjs/chakra/index.cjs.map +1 -1
  221. package/dist/cjs/components/Alert/index.cjs +1 -1
  222. package/dist/cjs/components/Avatar/index.cjs +1 -1
  223. package/dist/cjs/components/AvatarGroup/index.cjs +1 -1
  224. package/dist/cjs/components/ButtonGroup/index.cjs +1 -1
  225. package/dist/cjs/components/CharacterCounter/index.cjs +1 -1
  226. package/dist/cjs/components/Checkbox/index.cjs +1 -1
  227. package/dist/cjs/components/CheckboxGroup/index.cjs +1 -1
  228. package/dist/cjs/components/ConversationCard/index.cjs +1 -1
  229. package/dist/cjs/components/DatePicker/index.cjs +1 -1
  230. package/dist/cjs/components/Heading/index.cjs +1 -1
  231. package/dist/cjs/components/Menu/index.cjs +1 -1
  232. package/dist/cjs/components/Modal/index.cjs +1 -1
  233. package/dist/cjs/components/PinInput/index.cjs +1 -1
  234. package/dist/cjs/components/Popover/index.cjs +1 -1
  235. package/dist/cjs/components/RadioGroup/index.cjs +1 -1
  236. package/dist/cjs/components/RatingDots/index.cjs +1 -1
  237. package/dist/cjs/components/Select/index.cjs +1 -1
  238. package/dist/cjs/components/SortableList/index.cjs +1 -1
  239. package/dist/cjs/components/Spinner/index.cjs +1 -1
  240. package/dist/cjs/components/StyledAvatar/index.cjs +1 -1
  241. package/dist/cjs/components/Switch/index.cjs +1 -1
  242. package/dist/cjs/components/Tabs/index.cjs +1 -1
  243. package/dist/cjs/components/TagBlock/index.cjs +1 -1
  244. package/dist/cjs/components/Text/index.cjs +1 -1
  245. package/dist/cjs/components/TextInput/index.cjs +1 -1
  246. package/dist/cjs/components/Textarea/index.cjs +1 -1
  247. package/dist/cjs/components/TimePicker/index.cjs +1 -1
  248. package/dist/cjs/components/TimeRange/index.cjs +1 -1
  249. package/dist/cjs/components/Timestamp/index.cjs +1 -1
  250. package/dist/cjs/components/Tooltip/index.cjs +1 -1
  251. package/dist/cjs/components/index.cjs +1 -1
  252. package/dist/cjs/index.cjs +1 -1
  253. package/dist/cjs/theme/index.cjs +1 -1
  254. package/dist/esm/chakra/index.js +96 -97
  255. package/dist/esm/components/Alert/index.js +1 -1
  256. package/dist/esm/components/Avatar/index.js +1 -1
  257. package/dist/esm/components/AvatarGroup/index.js +1 -1
  258. package/dist/esm/components/ButtonGroup/index.js +1 -1
  259. package/dist/esm/components/CharacterCounter/index.js +1 -1
  260. package/dist/esm/components/Checkbox/index.js +1 -1
  261. package/dist/esm/components/CheckboxGroup/index.js +1 -1
  262. package/dist/esm/components/ConversationCard/index.js +1 -1
  263. package/dist/esm/components/DatePicker/index.js +1 -1
  264. package/dist/esm/components/Heading/index.js +1 -1
  265. package/dist/esm/components/Logo/index.js +1 -1
  266. package/dist/esm/components/Menu/index.js +1 -1
  267. package/dist/esm/components/Modal/index.js +1 -1
  268. package/dist/esm/components/NotificationCounter/index.js +1 -1
  269. package/dist/esm/components/PinInput/index.js +1 -1
  270. package/dist/esm/components/Popover/index.js +1 -1
  271. package/dist/esm/components/RadioGroup/index.js +1 -1
  272. package/dist/esm/components/RatingDots/index.js +1 -1
  273. package/dist/esm/components/Select/index.js +1 -1
  274. package/dist/esm/components/SortableList/index.js +1 -1
  275. package/dist/esm/components/Spinner/index.js +1 -1
  276. package/dist/esm/components/StyledAvatar/index.js +1 -1
  277. package/dist/esm/components/Swatch/index.js +1 -1
  278. package/dist/esm/components/Switch/index.js +1 -1
  279. package/dist/esm/components/Tabs/index.js +1 -1
  280. package/dist/esm/components/TagBlock/index.js +1 -1
  281. package/dist/esm/components/Text/index.js +1 -1
  282. package/dist/esm/components/TextInput/index.js +1 -1
  283. package/dist/esm/components/Textarea/index.js +1 -1
  284. package/dist/esm/components/TimePicker/index.js +1 -1
  285. package/dist/esm/components/TimeRange/index.js +1 -1
  286. package/dist/esm/components/Timestamp/index.js +1 -1
  287. package/dist/esm/components/Toast/index.js +1 -1
  288. package/dist/esm/components/Tooltip/index.js +1 -1
  289. package/dist/esm/components/index.js +33 -33
  290. package/dist/esm/index.js +34 -34
  291. package/dist/esm/theme/index.js +1 -1
  292. package/dist/types/chakra/index.d.ts +0 -1
  293. package/package.json +1 -1
  294. package/dist/chunks/checkbox.anatomy-AIdXcqX-.js.map +0 -1
  295. package/dist/chunks/checkbox.anatomy-Cscbdyfb.js +0 -2
  296. package/dist/chunks/checkbox.anatomy-Cscbdyfb.js.map +0 -1
  297. package/dist/chunks/checkbox.component-BBnhOurl.js +0 -2
  298. package/dist/chunks/checkbox.records-DJfdKuOe.js +0 -2
  299. package/dist/chunks/checkbox.records-DJfdKuOe.js.map +0 -1
  300. package/dist/chunks/checkbox.records-JWbKQ684.js +0 -14
  301. package/dist/chunks/checkbox.records-JWbKQ684.js.map +0 -1
  302. package/dist/chunks/field.anatomy-B-h4RMqL.js +0 -2
  303. package/dist/chunks/field.anatomy-B-h4RMqL.js.map +0 -1
  304. package/dist/chunks/field.anatomy-DuyH4wX7.js +0 -16
  305. package/dist/chunks/field.anatomy-DuyH4wX7.js.map +0 -1
  306. package/dist/chunks/index-hGcS7e_x.js.map +0 -1
  307. package/dist/chunks/index-n37Ze35k.js.map +0 -1
  308. package/dist/chunks/preset-Bpky4UAW.js +0 -17019
  309. package/dist/chunks/preset-Bpky4UAW.js.map +0 -1
  310. package/dist/chunks/preset-L6TibmCL.js +0 -10
  311. package/dist/chunks/preset-L6TibmCL.js.map +0 -1
  312. package/dist/chunks/radio.records-BxCn4oUd.js +0 -2
  313. package/dist/chunks/radio.records-BxCn4oUd.js.map +0 -1
  314. package/dist/chunks/radio.records-Cc3kP4Vn.js +0 -14
  315. package/dist/chunks/radio.records-Cc3kP4Vn.js.map +0 -1
  316. package/dist/chunks/radioGroup.component-CEnFc_Ag.js +0 -2
  317. package/dist/chunks/theme.provider-C-kSI07j.js +0 -24
  318. package/dist/chunks/theme.provider-C-kSI07j.js.map +0 -1
  319. package/dist/chunks/theme.provider-CQ3U4kMw.js +0 -2885
  320. package/dist/chunks/theme.provider-CQ3U4kMw.js.map +0 -1
  321. package/dist/chunks/tooltip.component-BYqCIrbb.js +0 -142
  322. package/dist/chunks/tooltip.component-BYqCIrbb.js.map +0 -1
  323. package/dist/chunks/tooltip.component-DFn799tO.js +0 -2
  324. package/dist/chunks/tooltip.component-DFn799tO.js.map +0 -1
  325. package/dist/chunks/typography.records-BEd2lI_g.js.map +0 -1
  326. package/dist/chunks/typography.records-Cg_lT1Z3.js +0 -2
  327. package/dist/chunks/typography.records-Cg_lT1Z3.js.map +0 -1
  328. package/dist/chunks/use-locale-context-DxX8oC2w.js +0 -22
  329. package/dist/chunks/use-locale-context-DxX8oC2w.js.map +0 -1
  330. package/dist/chunks/use-locale-context-ib8415q7.js.map +0 -1
  331. package/dist/chunks/withFormControl-DUbGQZnV.js +0 -2
@@ -1,2885 +0,0 @@
1
- import { j as o } from "./jsx-runtime-C5mzlN2N.js";
2
- import { J as pr } from "./index-DAWHN3cH.js";
3
- import { c as ur, d as hr } from "./preset-Bpky4UAW.js";
4
- import { c as i, e as mr, b as w, a as b, f as xr } from "./config-BsZeMu66.js";
5
- import { coreColors as e } from "../esm/theme/tokens/colors/index.js";
6
- import { a as vr, f as kr, b as fr, l as _r, c as yr } from "./typography.records-BEd2lI_g.js";
7
- import { f as I, t as F } from "./typography-Cqrokog3.js";
8
- import { a as R, C as v } from "./checkbox.records-JWbKQ684.js";
9
- import { a as j, R as k } from "./radio.records-Cc3kP4Vn.js";
10
- import { Global as Cr } from "@emotion/react";
11
- import Ar, { forwardRef as m, useId as Tr } from "react";
12
- import { B as Q } from "./button.component-DOAhnxbj.js";
13
- import { I as Sr } from "./icon.component-DszmCnE4.js";
14
- import { B as X } from "./box-Ck9I7FYv.js";
15
- import { StatusIconMap as wr } from "../esm/shared/records/index.js";
16
- import { W as P } from "./text.component-DDSfgcFP.js";
17
- import { F as zr } from "./flex-smlF8uQG.js";
18
- import { c as Dr } from "./create-slot-recipe-context-BJmsuxih.js";
19
- import { c as Rr } from "./factory-Ctbv0Ozn.js";
20
- import { C as jr, W as V, a as Er } from "./icons-BXxdrBrf.js";
21
- import { c as Lr, f as z, j as Br, i as Z, k as rr, n as er, P as Ir } from "./use-locale-context-ib8415q7.js";
22
- import { g as N, m as Fr, c as Wr, b as Ur, a as Pr, d as Vr, t as Nr, e as $r, f as Or } from "./toaster.records-DjNU8CFN.js";
23
- import { a1 as y } from "./index-1syExFDc.js";
24
- import { c as Hr } from "./theme-BOK659O0.js";
25
- import { C as Gr } from "./provider-ClCAdPxy.js";
26
- const [Mr, C] = Lr({
27
- name: "ToastContext",
28
- hookName: "useToastContext",
29
- providerName: "<ToastProvider />"
30
- }), tr = m((t, n) => {
31
- const s = C(), d = y(s.getActionTriggerProps(), t);
32
- return /* @__PURE__ */ o.jsx(z.button, { ...d, ref: n });
33
- });
34
- tr.displayName = "ToastActionTrigger";
35
- const or = m((t, n) => {
36
- const s = C(), d = y(s.getCloseTriggerProps(), t);
37
- return /* @__PURE__ */ o.jsx(z.button, { ...d, ref: n });
38
- });
39
- or.displayName = "ToastCloseTrigger";
40
- const ar = m((t, n) => {
41
- const s = C(), d = y(s.getDescriptionProps(), t);
42
- return /* @__PURE__ */ o.jsx(z.div, { ...d, ref: n });
43
- });
44
- ar.displayName = "ToastDescription";
45
- const sr = m((t, n) => {
46
- const s = C(), d = y(s.getRootProps(), t);
47
- return /* @__PURE__ */ o.jsxs("div", { ...d, ref: n, children: [
48
- /* @__PURE__ */ o.jsx("div", { ...s.getGhostBeforeProps() }),
49
- t.children,
50
- /* @__PURE__ */ o.jsx("div", { ...s.getGhostAfterProps() })
51
- ] });
52
- });
53
- sr.displayName = "ToastRoot";
54
- const nr = m((t, n) => {
55
- const s = C(), d = y(s.getTitleProps(), t);
56
- return /* @__PURE__ */ o.jsx(z.div, { ...d, ref: n });
57
- });
58
- nr.displayName = "ToastTitle";
59
- const dr = m((t, n) => {
60
- const { toaster: s, children: d, ...g } = t, l = Br(), A = Z(), x = rr(N.machine, {
61
- store: s,
62
- id: Tr(),
63
- dir: l?.dir,
64
- getRootNode: A?.getRootNode
65
- }), T = N.connect(x, er), lr = y(T.getGroupProps(), g);
66
- return /* @__PURE__ */ o.jsx(z.div, { ...lr, ref: n, children: T.getToasts().map((U, br) => /* @__PURE__ */ o.jsx(cr, { value: U, parent: x, index: br, children: (gr) => d(gr) }, U.id)) });
67
- });
68
- dr.displayName = "Toaster";
69
- const cr = (t) => {
70
- const n = Z(), s = {
71
- ...t.value,
72
- parent: t.parent,
73
- index: t.index,
74
- getRootNode: n.getRootNode
75
- }, d = rr(Fr, { ...s }), g = Wr(d, er);
76
- return /* @__PURE__ */ o.jsx(Mr, { value: g, children: t.children(t.value) });
77
- };
78
- cr.displayName = "ToastActor";
79
- const {
80
- withProvider: Kr,
81
- withContext: D,
82
- useStyles: Yr
83
- } = Dr({ key: "toast" }), Jr = Rr(
84
- dr,
85
- {},
86
- { forwardAsChild: !0 }
87
- ), qr = Kr(
88
- sr,
89
- "root",
90
- { forwardAsChild: !0 }
91
- ), Qr = D(or, "closeTrigger", {
92
- forwardAsChild: !0,
93
- defaultProps: {
94
- children: /* @__PURE__ */ o.jsx(jr, {})
95
- }
96
- }), Xr = D(
97
- nr,
98
- "title",
99
- { forwardAsChild: !0 }
100
- ), Zr = D(ar, "description", { forwardAsChild: !0 });
101
- D(tr, "actionTrigger", { forwardAsChild: !0 });
102
- const re = {
103
- warning: V,
104
- success: Er,
105
- error: V
106
- };
107
- m(
108
- function(n, s) {
109
- const d = C(), g = Yr(), l = re[d.type];
110
- return l ? /* @__PURE__ */ o.jsx(l, { ref: s, ...n, css: [g.indicator, n.css] }) : null;
111
- }
112
- );
113
- const ee = (t) => /* @__PURE__ */ o.jsx(pr, { attribute: "class", disableTransitionOnChange: !0, ...t }), te = {
114
- none: "0",
115
- sm: "4px",
116
- base: "8px",
117
- md: "12px",
118
- lg: "16px",
119
- xl: "24px",
120
- "2xl": "40px",
121
- "3xl": "64px"
122
- }, c = (t) => Object.fromEntries(Object.entries(t).map(([n, s]) => [n, { value: String(s) }])), oe = i.blurs(c(te)), ae = {
123
- none: "0",
124
- "1px": "1px solid",
125
- "2px": "2px solid",
126
- "4px": "4px solid",
127
- "8px": "8px solid"
128
- }, se = {
129
- none: "0",
130
- xs: "0.125rem",
131
- sm: "0.375rem",
132
- base: "0.5rem",
133
- md: "0.75rem",
134
- lg: "1rem",
135
- xl: "1.5rem",
136
- "2xl": "2rem",
137
- "3xl": "2.5rem",
138
- full: "9999px"
139
- }, ne = i.borders(c(ae)), de = i.radii(c(se)), ce = (t) => Object.fromEntries(
140
- Object.entries(t).map(([n, s]) => [
141
- n,
142
- Object.fromEntries(Object.entries(s).map(([d, g]) => [d, { value: g }]))
143
- ])
144
- ), ie = i.colors(ce(e)), le = {
145
- xs: "0 0 0 1px rgba(0, 0, 0, 0.05)",
146
- xsR: "0px 0px 0px 1px rgba(0, 0, 0, 0.05)",
147
- sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
148
- smR: " 0px -1px 2px rgba(0, 0, 0, 0.05)",
149
- base: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
150
- baseR: "0px -1px 3px rgba(0, 0, 0, 0.1), 0px -1px 2px rgba(0, 0, 0, 0.06)",
151
- mdR: "0px -4px 6px -1px rgba(0, 0, 0, 0.1), 0px -2px 4px -1px rgba(0, 0, 0, 0.06)",
152
- md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
153
- lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
154
- lgR: "0px -10px 15px -3px rgba(0, 0, 0, 0.1), 0px -4px 6px -2px rgba(0, 0, 0, 0.05)",
155
- xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
156
- xlR: "0px -20px 25px -5px rgba(0, 0, 0, 0.1), 0px -10px 10px -5px rgba(0, 0, 0, 0.04)",
157
- "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
158
- "2xlR": "0px -25px 50px -12px rgba(0, 0, 0, 0.25)",
159
- outline: "0 0 0 3px rgba(66, 153, 225, 0.6)",
160
- hover: "0 0 0 3px #EDEBEB",
161
- // border || border.default
162
- "hover.contrast": "0 0 0 3px #504D4C",
163
- // border.contrast
164
- active: "0 0 0 3px #497CC3",
165
- // border.focus
166
- "active.contrast": "0 0 0 3px #CBE2FF",
167
- // border.focus.contrast
168
- inner: "inset 0 2px 4px 0 rgba(0,0,0,0.06)",
169
- none: "none",
170
- "dark-lg": "rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px"
171
- }, be = i.shadows(c(le)), ge = {
172
- max: "max-content",
173
- min: "min-content",
174
- full: "100%",
175
- "3xs": "14rem",
176
- "2xs": "16rem",
177
- xs: "20rem",
178
- sm: "24rem",
179
- md: "28rem",
180
- lg: "32rem",
181
- xl: "36rem",
182
- "2xl": "42rem",
183
- "3xl": "48rem",
184
- "4xl": "56rem",
185
- "5xl": "64rem",
186
- "6xl": "72rem",
187
- "7xl": "80rem",
188
- "8xl": "90rem"
189
- }, W = {
190
- sm: "640px",
191
- md: "768px",
192
- lg: "1024px",
193
- xl: "1280px"
194
- }, pe = i.sizes({
195
- ...c(ge),
196
- container: {
197
- ...c(W)
198
- }
199
- }), ue = i.breakpoints({
200
- ...c(W)
201
- }), he = i.fonts(c(vr)), me = i.fontSizes(c(kr)), xe = i.fontWeights(c(fr)), ve = i.lineHeights(c(_r)), ke = i.letterSpacings(c(yr)), fe = {
202
- px: "1px",
203
- 0.5: "0.125rem",
204
- 1: "0.25rem",
205
- 1.5: "0.375rem",
206
- 2: "0.5rem",
207
- 2.5: "0.625rem",
208
- 3: "0.75rem",
209
- 3.5: "0.875rem",
210
- 4: "1rem",
211
- 5: "1.25rem",
212
- 6: "1.5rem",
213
- 7: "1.75rem",
214
- 8: "2rem",
215
- 9: "2.25rem",
216
- 10: "2.5rem",
217
- 12: "3rem",
218
- 14: "3.5rem",
219
- 16: "4rem",
220
- 20: "5rem",
221
- 24: "6rem",
222
- 28: "7rem",
223
- 32: "8rem",
224
- 36: "9rem",
225
- 40: "10rem",
226
- 44: "11rem",
227
- 48: "12rem",
228
- 52: "13rem",
229
- 56: "14rem",
230
- 60: "15rem",
231
- 64: "16rem",
232
- 72: "18rem",
233
- 80: "20rem",
234
- 96: "24rem"
235
- }, _e = i.spacing(c(fe)), ye = {
236
- "ease-in": "cubic-bezier(0.4, 0, 1, 1)",
237
- "ease-out": "cubic-bezier(0, 0, 0.2, 1)",
238
- "ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
239
- }, Ce = {
240
- "ultra-fast": "50ms",
241
- faster: "100ms",
242
- fast: "150ms",
243
- normal: "200ms",
244
- slow: "300ms",
245
- slower: "400ms",
246
- "ultra-slow": "500ms"
247
- }, Ae = i.durations(c(Ce)), Te = i.easings(c(ye)), Se = {
248
- hide: -1,
249
- auto: "auto",
250
- base: 0,
251
- docked: 10,
252
- dropdown: 1e3,
253
- sticky: 1100,
254
- banner: 1200,
255
- overlay: 1300,
256
- modal: 1400,
257
- popover: 1500,
258
- skipLink: 1600,
259
- toast: 1700,
260
- tooltip: 1800,
261
- tooltipExtra: 1e4
262
- }, we = i.zIndex(c(Se)), a = (t) => ({
263
- value: {
264
- _light: t.value._dark,
265
- _dark: t.value._light
266
- }
267
- }), r = {
268
- primary: {
269
- default: {
270
- value: {
271
- _light: e.primary[600],
272
- _dark: e.primary[200]
273
- }
274
- },
275
- hover: {
276
- value: {
277
- _light: e.primary[700],
278
- _dark: e.primary[100]
279
- }
280
- },
281
- pressed: {
282
- value: {
283
- _light: e.primary[800],
284
- _dark: e.primary[50]
285
- }
286
- },
287
- dark: {
288
- value: {
289
- _light: e.primary[800],
290
- _dark: e.primary[300]
291
- }
292
- }
293
- },
294
- secondary: {
295
- default: {
296
- value: {
297
- _light: e.secondary[500],
298
- _dark: e.secondary[200]
299
- }
300
- },
301
- hover: {
302
- value: {
303
- _light: e.secondary[600],
304
- _dark: e.secondary[100]
305
- }
306
- },
307
- pressed: {
308
- value: {
309
- _light: e.secondary[700],
310
- _dark: e.secondary[50]
311
- }
312
- },
313
- subtle: {
314
- value: {
315
- _light: e.secondary[100],
316
- _dark: e.secondary[600]
317
- }
318
- }
319
- },
320
- danger: {
321
- default: {
322
- value: {
323
- _light: e.danger[600],
324
- _dark: e.danger[300]
325
- }
326
- },
327
- hover: {
328
- value: {
329
- _light: e.danger[700],
330
- _dark: e.danger[200]
331
- }
332
- },
333
- pressed: {
334
- value: {
335
- _light: e.danger[800],
336
- _dark: e.danger[100]
337
- }
338
- },
339
- // Leaving this in because it's the only one which is not truly inverse from the default because of WCAG
340
- inverse: {
341
- value: {
342
- _light: e.danger[300],
343
- _dark: e.danger[500]
344
- }
345
- },
346
- subtle: {
347
- value: {
348
- _light: e.danger[700],
349
- _dark: e.danger[100]
350
- }
351
- }
352
- },
353
- warning: {
354
- default: {
355
- value: {
356
- _light: e.warning[600],
357
- _dark: e.warning[500]
358
- }
359
- },
360
- subtle: {
361
- value: {
362
- _light: e.warning[100],
363
- _dark: e.warning[700]
364
- }
365
- },
366
- note: {
367
- value: {
368
- _light: e.warning[100],
369
- _dark: e.warning[800]
370
- }
371
- }
372
- },
373
- success: {
374
- default: {
375
- value: {
376
- _light: e.success[600],
377
- _dark: e.success[300]
378
- }
379
- },
380
- subtle: {
381
- value: {
382
- _light: e.success[100],
383
- _dark: e.success[700]
384
- }
385
- }
386
- },
387
- neutral: {
388
- default: {
389
- value: {
390
- _light: e.neutral[50],
391
- _dark: e.neutral[900]
392
- }
393
- },
394
- subtle1: {
395
- value: {
396
- _light: e.neutral[100],
397
- _dark: e.neutral[800]
398
- }
399
- },
400
- subtle2: {
401
- value: {
402
- _light: e.neutral[200],
403
- _dark: e.neutral[700]
404
- }
405
- },
406
- subtle3: {
407
- value: {
408
- _light: e.neutral[300],
409
- _dark: e.neutral[600]
410
- }
411
- },
412
- subtle4: {
413
- value: {
414
- _light: e.neutral[600],
415
- _dark: e.neutral[400]
416
- }
417
- },
418
- overlay: {
419
- value: {
420
- _light: e.neutral[50],
421
- _dark: e.neutral[800]
422
- }
423
- },
424
- backdrop: {
425
- value: {
426
- _light: e.blackAlpha[600],
427
- _dark: e.blackAlpha[600]
428
- }
429
- }
430
- },
431
- primaryAlpha: {
432
- default: {
433
- value: {
434
- _light: e.primaryAlpha[50],
435
- _dark: e.primaryAlphaInverse[300]
436
- }
437
- },
438
- hover: {
439
- value: {
440
- _light: e.primaryAlpha[100],
441
- _dark: e.primaryAlphaInverse[400]
442
- }
443
- },
444
- pressed: {
445
- value: {
446
- _light: e.primaryAlpha[200],
447
- _dark: e.primaryAlphaInverse[500]
448
- }
449
- }
450
- },
451
- secondaryAlpha: {
452
- default: {
453
- value: {
454
- _light: e.secondaryAlpha[50],
455
- _dark: e.secondaryAlphaInverse[300]
456
- }
457
- },
458
- hover: {
459
- value: {
460
- _light: e.secondaryAlpha[100],
461
- _dark: e.secondaryAlphaInverse[400]
462
- }
463
- },
464
- pressed: {
465
- value: {
466
- _light: e.secondaryAlpha[200],
467
- _dark: e.secondaryAlphaInverse[500]
468
- }
469
- }
470
- },
471
- dangerAlpha: {
472
- default: {
473
- value: {
474
- _light: e.dangerAlpha[50],
475
- _dark: e.dangerAlphaInverse[300]
476
- }
477
- },
478
- hover: {
479
- value: {
480
- _light: e.dangerAlpha[100],
481
- _dark: e.dangerAlphaInverse[400]
482
- }
483
- },
484
- pressed: {
485
- value: {
486
- _light: e.dangerAlpha[200],
487
- _dark: e.dangerAlphaInverse[500]
488
- }
489
- }
490
- },
491
- neutralAlpha: {
492
- default: {
493
- value: {
494
- _light: e.blackAlpha[50],
495
- _dark: e.whiteAlpha[300]
496
- }
497
- },
498
- hover: {
499
- value: {
500
- _light: e.blackAlpha[100],
501
- _dark: e.whiteAlpha[400]
502
- }
503
- },
504
- pressed: {
505
- value: {
506
- _light: e.blackAlpha[200],
507
- _dark: e.whiteAlpha[500]
508
- }
509
- },
510
- dark: {
511
- value: {
512
- _light: e.blackAlpha[500],
513
- _dark: e.whiteAlpha[800]
514
- }
515
- }
516
- },
517
- ai: {
518
- default: {
519
- value: {
520
- _light: `linear-gradient(87.05deg, ${e.primary[100]} 7.97%, ${e.secondary[100]} 50.46%, ${e.danger[100]} 94.47%)`,
521
- _dark: `linear-gradient(87.05deg, ${e.primary[700]} 7.97%, ${e.secondary[700]} 50.46%, ${e.danger[700]} 94.47%)`
522
- }
523
- },
524
- hover: {
525
- value: {
526
- _light: `linear-gradient(87.05deg, ${e.primary[200]} 7.97%, ${e.secondary[200]} 50.46%, ${e.danger[200]} 94.47%)`,
527
- _dark: `linear-gradient(87.05deg, ${e.primary[600]} 7.97%, ${e.secondary[600]} 50.46%, ${e.danger[600]} 94.47%)`
528
- }
529
- },
530
- pressed: {
531
- value: {
532
- _light: `linear-gradient(87.05deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), linear-gradient(87.05deg, ${e.primary[200]} 7.97%, ${e.secondary[200]} 50.46%, ${e.danger[200]} 94.47%)`,
533
- _dark: `linear-gradient(87.05deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), linear-gradient(87.05deg, ${e.primary[600]} 7.97%, ${e.secondary[600]} 50.46%, ${e.danger[600]} 94.47%)`
534
- }
535
- }
536
- }
537
- }, $ = a(r.neutral.default), ze = {
538
- DEFAULT: $,
539
- accent: {
540
- DEFAULT: r.secondary.default,
541
- subtle: r.secondary.subtle
542
- },
543
- brand: {
544
- DEFAULT: r.primary.default,
545
- contrast: {
546
- DEFAULT: a(r.primary.default),
547
- hover: a(r.primary.hover)
548
- },
549
- hover: r.primary.hover
550
- },
551
- contrast: r.neutral.default,
552
- danger: {
553
- DEFAULT: r.danger.default,
554
- contrast: {
555
- DEFAULT: r.danger.inverse
556
- }
557
- },
558
- default: $,
559
- info: r.secondary.default,
560
- interactive: {
561
- DEFAULT: r.secondary.default,
562
- contrast: {
563
- DEFAULT: a(r.secondary.default),
564
- hover: a(r.secondary.hover)
565
- },
566
- hover: r.secondary.hover
567
- },
568
- logo: {
569
- DEFAULT: r.primary.dark,
570
- contrast: a(r.primary.dark)
571
- },
572
- placeholder: {
573
- DEFAULT: r.neutralAlpha.dark,
574
- contrast: a(r.neutralAlpha.dark)
575
- },
576
- subtle: {
577
- DEFAULT: r.neutral.subtle4,
578
- contrast: a(r.neutral.subtle4)
579
- },
580
- success: r.success.default,
581
- warning: r.warning.default
582
- }, O = r.neutral.subtle2, De = {
583
- DEFAULT: O,
584
- default: O
585
- }, H = r.neutral.subtle2, Re = {
586
- DEFAULT: H,
587
- accent: {
588
- DEFAULT: r.secondary.default,
589
- subtle: r.secondary.subtle
590
- },
591
- brand: {
592
- DEFAULT: r.primary.default,
593
- contrast: a(r.primary.default)
594
- },
595
- contrast: a(r.neutral.subtle2),
596
- danger: {
597
- DEFAULT: r.danger.default,
598
- contrast: r.danger.inverse
599
- },
600
- default: H,
601
- focus: {
602
- DEFAULT: r.secondary.default,
603
- contrast: a(r.secondary.default)
604
- },
605
- info: r.secondary.default,
606
- strong: {
607
- DEFAULT: a(r.neutral.default),
608
- contrast: r.neutral.default
609
- },
610
- // This separation is needed to override Chakra's default
611
- subtle: r.neutral.subtle4,
612
- "subtle.contrast": a(r.neutral.subtle4),
613
- success: r.success.default,
614
- warning: r.warning.default
615
- }, G = r.neutral.default, je = {
616
- DEFAULT: G,
617
- accent: {
618
- DEFAULT: r.secondary.default,
619
- subtle: r.secondary.subtle
620
- },
621
- ai: {
622
- DEFAULT: r.ai.default,
623
- hover: r.ai.hover,
624
- pressed: r.ai.pressed
625
- },
626
- alpha: {
627
- DEFAULT: r.neutralAlpha.default,
628
- contrast: {
629
- DEFAULT: a(r.neutralAlpha.default),
630
- hover: a(r.neutralAlpha.hover),
631
- pressed: a(r.neutralAlpha.pressed)
632
- },
633
- hover: r.neutralAlpha.hover,
634
- pressed: r.neutralAlpha.pressed
635
- },
636
- backdrop: r.neutral.backdrop,
637
- brand: r.primary.pressed,
638
- contrast: a(r.neutral.subtle1),
639
- danger: {
640
- DEFAULT: a(r.danger.subtle),
641
- contrast: r.danger.default
642
- },
643
- default: G,
644
- destructive: {
645
- DEFAULT: r.danger.default,
646
- contrast: {
647
- DEFAULT: r.danger.inverse,
648
- hover: a(r.danger.hover),
649
- pressed: a(r.danger.pressed)
650
- },
651
- hover: r.danger.hover,
652
- pressed: r.danger.pressed
653
- },
654
- destructiveAlpha: {
655
- DEFAULT: r.dangerAlpha.default,
656
- contrast: {
657
- DEFAULT: a(r.dangerAlpha.default),
658
- hover: a(r.dangerAlpha.hover),
659
- pressed: a(r.dangerAlpha.pressed)
660
- },
661
- hover: r.dangerAlpha.hover,
662
- pressed: r.dangerAlpha.pressed
663
- },
664
- info: r.secondary.subtle,
665
- note: {
666
- DEFAULT: r.warning.note,
667
- hover: r.warning.subtle
668
- },
669
- overlay: {
670
- DEFAULT: r.neutral.overlay,
671
- contrast: a(r.neutral.overlay)
672
- },
673
- primary: {
674
- DEFAULT: r.primary.default,
675
- contrast: {
676
- DEFAULT: a(r.primary.default),
677
- hover: a(r.primary.hover),
678
- pressed: a(r.primary.pressed)
679
- },
680
- hover: r.primary.hover,
681
- pressed: r.primary.pressed
682
- },
683
- primaryAlpha: {
684
- DEFAULT: r.primaryAlpha.default,
685
- contrast: {
686
- DEFAULT: a(r.primaryAlpha.default),
687
- hover: a(r.primaryAlpha.hover),
688
- pressed: a(r.primaryAlpha.pressed)
689
- },
690
- hover: r.primaryAlpha.hover,
691
- pressed: r.primaryAlpha.pressed
692
- },
693
- secondary: {
694
- DEFAULT: r.secondary.default,
695
- contrast: {
696
- DEFAULT: a(r.secondary.default),
697
- hover: a(r.secondary.hover),
698
- pressed: a(r.secondary.pressed)
699
- },
700
- hover: r.secondary.hover,
701
- pressed: r.secondary.pressed
702
- },
703
- secondaryAlpha: {
704
- DEFAULT: r.secondaryAlpha.default,
705
- contrast: {
706
- DEFAULT: a(r.secondaryAlpha.default),
707
- hover: a(r.secondaryAlpha.hover),
708
- pressed: a(r.secondaryAlpha.pressed)
709
- },
710
- hover: r.secondaryAlpha.hover,
711
- pressed: r.secondaryAlpha.pressed
712
- },
713
- subtle: {
714
- DEFAULT: r.neutral.subtle1,
715
- contrast: a(r.neutral.subtle2),
716
- less: r.neutral.subtle2,
717
- more: a(r.neutral.subtle3),
718
- most: r.neutral.subtle3
719
- },
720
- success: {
721
- DEFAULT: r.success.subtle,
722
- contrast: r.success.default
723
- },
724
- warning: {
725
- DEFAULT: r.warning.subtle,
726
- contrast: r.warning.default
727
- }
728
- }, Ee = {
729
- background: je,
730
- border: Re,
731
- divider: De,
732
- text: ze
733
- }, Le = mr.colors(Ee), S = {
734
- xs: { fontSize: "xs" },
735
- sm: { fontSize: "sm" },
736
- md: { fontSize: "md" },
737
- lg: { fontSize: "lg" },
738
- xl: { fontSize: "xl" },
739
- "2xl": { fontSize: "2xl" },
740
- "3xl": { fontSize: "3xl" },
741
- "4xl": { fontSize: "4xl" },
742
- "5xl": { fontSize: "5xl" },
743
- "6xl": { fontSize: "6xl" }
744
- }, Be = w({
745
- base: {
746
- lineHeight: "150%"
747
- },
748
- variants: {
749
- variant: F,
750
- size: S,
751
- fontWeight: I
752
- },
753
- defaultVariants: {
754
- variant: "default",
755
- size: "md",
756
- fontWeight: "normal"
757
- }
758
- }), Ie = {
759
- xs: { fontSize: "sm" },
760
- sm: { fontSize: "md" },
761
- md: { fontSize: "xl" },
762
- lg: {
763
- fontSize: { base: "2xl", lg: "3xl" }
764
- },
765
- xl: {
766
- fontSize: { base: "3xl", lg: "4xl" }
767
- },
768
- "2xl": {
769
- fontSize: { base: "4xl", lg: "5xl" }
770
- },
771
- "3xl": { fontSize: { base: "5xl", lg: "6xl" } },
772
- "4xl": { fontSize: { base: "6xl", lg: "7xl" } }
773
- }, Fe = w({
774
- base: {
775
- fontWeight: "semibold",
776
- lineHeight: "120%"
777
- },
778
- variants: {
779
- variant: F,
780
- size: Ie,
781
- fontWeight: I
782
- },
783
- defaultVariants: {
784
- variant: "default",
785
- size: "lg",
786
- fontWeight: "semibold"
787
- }
788
- }), We = w({
789
- base: {
790
- textDecoration: "underline"
791
- },
792
- variants: {
793
- variant: F,
794
- size: S,
795
- fontWeight: I
796
- },
797
- defaultVariants: {
798
- variant: "interactive",
799
- size: "md",
800
- fontWeight: "normal"
801
- }
802
- }), Ue = ["root", "label", "closeTrigger"], Pe = {
803
- default: {
804
- root: {
805
- bgColor: "background.subtle.less",
806
- color: "text.default"
807
- }
808
- },
809
- error: {
810
- root: {
811
- bgColor: "background.danger",
812
- color: "text.danger"
813
- }
814
- },
815
- info: {
816
- root: {
817
- bgColor: "background.info",
818
- color: "text.info"
819
- }
820
- },
821
- success: {
822
- root: {
823
- bgColor: "background.success",
824
- color: "text.success"
825
- }
826
- },
827
- warning: {
828
- root: {
829
- bgColor: "background.warning",
830
- color: "text.warning"
831
- }
832
- }
833
- }, Ve = {
834
- sm: {
835
- root: {
836
- height: "20px",
837
- px: "8px"
838
- },
839
- label: S.xs,
840
- closeTrigger: {
841
- _icon: {
842
- height: "14px",
843
- width: "14px"
844
- }
845
- }
846
- },
847
- md: {
848
- root: {
849
- height: "24px",
850
- px: "8px"
851
- },
852
- label: S.sm,
853
- closeTrigger: {
854
- _icon: {
855
- height: "16px",
856
- width: "16px"
857
- }
858
- }
859
- },
860
- lg: {
861
- root: {
862
- borderRadius: "lg",
863
- height: "32px",
864
- px: "12px"
865
- },
866
- label: S.md,
867
- closeTrigger: {
868
- _icon: {
869
- height: "18px",
870
- width: "18px"
871
- }
872
- }
873
- }
874
- }, Ne = {
875
- hover: {
876
- closeTrigger: {
877
- borderRadius: "md",
878
- bgColor: "inherit",
879
- color: "inherit",
880
- display: "none",
881
- opacity: 0,
882
- padding: "2px !important",
883
- position: "absolute",
884
- right: 0,
885
- ring: 0,
886
- width: "auto",
887
- _groupHover: { display: "flex", opacity: 0.89 }
888
- }
889
- },
890
- always: {
891
- root: {
892
- gap: 0
893
- }
894
- },
895
- never: {}
896
- }, $e = b({
897
- slots: Ue,
898
- base: {
899
- root: {
900
- borderRadius: "md",
901
- boxShadow: "none",
902
- gap: 0,
903
- position: "relative"
904
- },
905
- label: {
906
- fontWeight: "semibold",
907
- overflowY: "visible"
908
- },
909
- closeTrigger: {
910
- height: "20px",
911
- marginInline: 0,
912
- marginLeft: 1,
913
- opacity: 0.5,
914
- width: "20px",
915
- _hover: {
916
- opacity: 0.8
917
- },
918
- _active: {
919
- opacity: 1
920
- },
921
- _focus: {
922
- backgroundColor: "transparent",
923
- boxShadow: "none",
924
- outline: "none"
925
- }
926
- }
927
- },
928
- variants: {
929
- size: Ve,
930
- variant: Pe,
931
- closeButtonDisplay: Ne
932
- },
933
- defaultVariants: {
934
- size: "md",
935
- variant: "default",
936
- closeButtonDisplay: "never"
937
- }
938
- }), Oe = {
939
- xs: {
940
- fontSize: "xs",
941
- h: 6,
942
- p: "3px 8px",
943
- minW: 6
944
- },
945
- sm: {
946
- fontSize: "sm",
947
- h: 8,
948
- p: "6px 12px",
949
- minW: 8
950
- },
951
- md: {
952
- fontSize: "md",
953
- h: 10,
954
- p: "8px 16px",
955
- minW: 10
956
- },
957
- lg: {
958
- fontSize: "lg",
959
- h: 12,
960
- p: "10px 20px",
961
- minW: 12
962
- }
963
- }, He = {
964
- primary: {
965
- bg: {
966
- base: "background.primary",
967
- _hover: {
968
- base: "background.primary.hover",
969
- _disabled: "background.primary"
970
- },
971
- _active: {
972
- base: "background.primary.pressed",
973
- _hover: "background.primary.pressed"
974
- }
975
- },
976
- color: {
977
- base: "text.contrast",
978
- _icon: "text.contrast"
979
- }
980
- },
981
- primaryOnContrast: {
982
- bg: {
983
- base: "background.primary.contrast",
984
- _hover: {
985
- base: "background.primary.contrast.hover",
986
- _disabled: "background.primary.contrast"
987
- },
988
- _active: {
989
- base: "background.primary.contrast.pressed",
990
- _hover: "background.primary.contrast.pressed"
991
- }
992
- },
993
- color: {
994
- base: "text",
995
- _icon: "text"
996
- }
997
- },
998
- primaryDestructive: {
999
- bg: {
1000
- base: "background.destructive",
1001
- _hover: {
1002
- base: "background.destructive.hover",
1003
- _disabled: "background.destructive"
1004
- },
1005
- _active: {
1006
- base: "background.destructive.pressed",
1007
- _hover: "background.destructive.pressed"
1008
- }
1009
- },
1010
- color: "text.contrast",
1011
- _icon: {
1012
- color: "text.contrast"
1013
- }
1014
- },
1015
- primaryDestructiveOnContrast: {
1016
- bg: {
1017
- base: "background.destructive.contrast",
1018
- _hover: {
1019
- base: "background.destructive.contrast.hover",
1020
- _disabled: "background.destructive.contrast"
1021
- },
1022
- _active: {
1023
- base: "background.destructive.contrast.pressed",
1024
- _hover: "background.destructive.contrast.pressed"
1025
- }
1026
- },
1027
- color: {
1028
- base: "text",
1029
- _icon: "text"
1030
- }
1031
- },
1032
- secondary: {
1033
- bg: {
1034
- base: "transparent",
1035
- _hover: {
1036
- base: "background.alpha.hover",
1037
- _disabled: "transparent"
1038
- },
1039
- _active: {
1040
- base: "background.secondaryAlpha.pressed",
1041
- _hover: "background.secondaryAlpha.pressed"
1042
- }
1043
- },
1044
- borderColor: {
1045
- base: "border.strong",
1046
- _active: "border.focus"
1047
- },
1048
- color: {
1049
- base: "text",
1050
- _active: "text.interactive",
1051
- _icon: "text"
1052
- },
1053
- _active: {
1054
- _icon: {
1055
- color: "text.interactive"
1056
- }
1057
- }
1058
- },
1059
- secondaryOnContrast: {
1060
- bg: {
1061
- base: "transparent",
1062
- _hover: {
1063
- base: "background.alpha.contrast.hover",
1064
- _disabled: "transparent"
1065
- },
1066
- _active: {
1067
- base: "background.secondaryAlpha.contrast.pressed",
1068
- _hover: "background.secondaryAlpha.contrast.pressed"
1069
- }
1070
- },
1071
- borderColor: {
1072
- base: "border.strong.contrast",
1073
- _active: "border.focus.contrast"
1074
- },
1075
- color: {
1076
- base: "text.contrast",
1077
- _active: "text.interactive.contrast",
1078
- _icon: "text.contrast"
1079
- },
1080
- _active: {
1081
- _icon: {
1082
- color: "text.interactive.contrast"
1083
- }
1084
- }
1085
- },
1086
- secondaryDestructive: {
1087
- bg: {
1088
- base: "transparent",
1089
- _hover: {
1090
- base: "background.alpha.hover",
1091
- _disabled: "transparent"
1092
- },
1093
- _active: {
1094
- base: "background.destructiveAlpha.pressed",
1095
- _hover: "background.destructiveAlpha.pressed"
1096
- }
1097
- },
1098
- borderColor: "border.danger",
1099
- color: "text.danger",
1100
- _icon: {
1101
- color: "text.danger"
1102
- }
1103
- },
1104
- secondaryDestructiveOnContrast: {
1105
- bg: {
1106
- base: "transparent",
1107
- _hover: {
1108
- base: "background.alpha.contrast.hover",
1109
- _disabled: "transparent"
1110
- },
1111
- _active: {
1112
- base: "background.destructiveAlpha.contrast.pressed",
1113
- _hover: "background.destructiveAlpha.contrast.pressed"
1114
- }
1115
- },
1116
- borderColor: "border.danger.contrast",
1117
- color: "text.danger.contrast",
1118
- _icon: {
1119
- color: "text.danger.contrast"
1120
- }
1121
- },
1122
- secondarySubtle: {
1123
- bg: {
1124
- base: "background",
1125
- _hover: {
1126
- base: "background.subtle",
1127
- _disabled: "background"
1128
- },
1129
- _active: {
1130
- base: "background.secondaryAlpha",
1131
- _hover: "background.secondaryAlpha"
1132
- }
1133
- },
1134
- borderColor: {
1135
- base: "border",
1136
- _active: "border.focus.contrast"
1137
- },
1138
- color: {
1139
- base: "text",
1140
- _active: "text.interactive",
1141
- _icon: "text"
1142
- },
1143
- _active: {
1144
- _icon: {
1145
- color: "text.interactive"
1146
- }
1147
- }
1148
- },
1149
- secondarySubtleOnContrast: {
1150
- bg: {
1151
- base: "transparent",
1152
- _hover: {
1153
- base: "background.subtle.contrast",
1154
- _disabled: "transparent"
1155
- },
1156
- _active: {
1157
- base: "background.secondaryAlpha.contrast",
1158
- _hover: "background.secondaryAlpha.contrast"
1159
- }
1160
- },
1161
- borderColor: {
1162
- base: "border.contrast",
1163
- _active: "border.focus"
1164
- },
1165
- color: {
1166
- base: "text.contrast",
1167
- _active: "text.interactive.contrast",
1168
- _icon: "text.contrast"
1169
- },
1170
- _active: {
1171
- _icon: {
1172
- color: "text.interactive.contrast"
1173
- }
1174
- }
1175
- },
1176
- secondarySubtleDestructive: {
1177
- bg: {
1178
- base: "background",
1179
- _hover: {
1180
- base: "background.subtle",
1181
- _disabled: "background"
1182
- },
1183
- _active: {
1184
- base: "background.destructiveAlpha",
1185
- _hover: "background.destructiveAlpha"
1186
- }
1187
- },
1188
- color: "text.danger",
1189
- borderColor: "border",
1190
- _icon: {
1191
- color: "text.danger"
1192
- }
1193
- },
1194
- secondarySubtleDestructiveOnContrast: {
1195
- bg: {
1196
- base: "background.contrast",
1197
- _hover: {
1198
- base: "background.subtle.contrast",
1199
- _disabled: "background.contrast"
1200
- },
1201
- _active: {
1202
- base: "background.destructiveAlpha.contrast",
1203
- _hover: "background.destructiveAlpha.contrast"
1204
- }
1205
- },
1206
- color: "text.danger.contrast",
1207
- borderColor: "border.contrast",
1208
- _icon: {
1209
- color: "text.danger.contrast"
1210
- }
1211
- },
1212
- tertiary: {
1213
- bg: {
1214
- base: "background.alpha",
1215
- _hover: {
1216
- base: "background.alpha.hover",
1217
- _disabled: "background.alpha"
1218
- },
1219
- _active: {
1220
- base: "background.secondaryAlpha.pressed",
1221
- _hover: "background.secondaryAlpha.pressed"
1222
- }
1223
- },
1224
- color: {
1225
- base: "text",
1226
- _active: "text.interactive",
1227
- _icon: "text"
1228
- },
1229
- _active: {
1230
- _icon: {
1231
- color: "text.interactive"
1232
- }
1233
- }
1234
- },
1235
- tertiaryOnContrast: {
1236
- bg: {
1237
- base: "background.alpha.contrast",
1238
- _hover: {
1239
- base: "background.alpha.contrast.hover",
1240
- _disabled: "background.alpha.contrast"
1241
- },
1242
- _active: {
1243
- base: "background.secondaryAlpha.contrast.pressed",
1244
- _hover: "background.secondaryAlpha.contrast.pressed"
1245
- }
1246
- },
1247
- color: {
1248
- base: "text.contrast",
1249
- _active: "text.interactive.contrast",
1250
- _icon: "text.contrast"
1251
- },
1252
- _active: {
1253
- _icon: {
1254
- color: "text.interactive.contrast"
1255
- }
1256
- }
1257
- },
1258
- tertiaryDestructive: {
1259
- bg: {
1260
- base: "background.destructiveAlpha",
1261
- _hover: {
1262
- base: "background.destructiveAlpha.hover",
1263
- _disabled: "background.destructiveAlpha"
1264
- },
1265
- _active: {
1266
- base: "background.destructiveAlpha.pressed",
1267
- _hover: "background.destructiveAlpha.pressed"
1268
- }
1269
- },
1270
- color: {
1271
- base: "text.danger",
1272
- _icon: "text.danger"
1273
- }
1274
- },
1275
- tertiaryDestructiveOnContrast: {
1276
- bg: {
1277
- base: "background.destructiveAlpha.contrast",
1278
- _hover: {
1279
- base: "background.destructiveAlpha.contrast.hover",
1280
- _disabled: "background.destructiveAlpha.contrast"
1281
- },
1282
- _active: {
1283
- base: "background.destructiveAlpha.contrast.pressed",
1284
- _hover: "background.destructiveAlpha.contrast.pressed"
1285
- }
1286
- },
1287
- color: {
1288
- base: "text.danger.contrast",
1289
- _icon: "text.danger.contrast"
1290
- }
1291
- },
1292
- ghost: {
1293
- bg: {
1294
- base: "transparent",
1295
- _hover: {
1296
- _disabled: "transparent"
1297
- },
1298
- _active: {
1299
- base: "background.secondaryAlpha.pressed",
1300
- _hover: "background.secondaryAlpha.pressed"
1301
- }
1302
- },
1303
- // Separating to override Chakra's variant
1304
- _hover: {
1305
- bg: "background.secondaryAlpha.hover"
1306
- },
1307
- color: {
1308
- base: "text.interactive",
1309
- _icon: "text.interactive"
1310
- }
1311
- },
1312
- ghostOnContrast: {
1313
- bg: {
1314
- base: "transparent",
1315
- _hover: {
1316
- base: "background.secondaryAlpha.contrast.hover",
1317
- _disabled: "transparent"
1318
- },
1319
- _active: {
1320
- base: "background.secondaryAlpha.contrast.pressed",
1321
- _hover: "background.secondaryAlpha.contrast.pressed"
1322
- }
1323
- },
1324
- color: {
1325
- base: "text.interactive.contrast",
1326
- _icon: "text.interactive.contrast"
1327
- }
1328
- },
1329
- ghostNeutral: {
1330
- bg: {
1331
- base: "transparent",
1332
- _hover: {
1333
- base: "background.alpha.hover",
1334
- _disabled: "transparent"
1335
- },
1336
- _active: {
1337
- base: "background.secondaryAlpha.pressed",
1338
- _hover: "background.secondaryAlpha.pressed"
1339
- }
1340
- },
1341
- color: {
1342
- base: "text",
1343
- _icon: "text"
1344
- },
1345
- _active: {
1346
- color: "text.interactive",
1347
- _icon: {
1348
- color: "text.interactive"
1349
- }
1350
- }
1351
- },
1352
- ghostNeutralOnContrast: {
1353
- bg: {
1354
- base: "transparent",
1355
- _hover: {
1356
- base: "background.alpha.contrast.hover",
1357
- _disabled: "transparent"
1358
- },
1359
- _active: {
1360
- base: "background.secondaryAlpha.contrast.pressed",
1361
- _hover: "background.secondaryAlpha.contrast.pressed"
1362
- }
1363
- },
1364
- color: {
1365
- base: "text.contrast",
1366
- _icon: "text.contrast",
1367
- _active: "text.interactive.contrast"
1368
- },
1369
- _active: {
1370
- _icon: {
1371
- color: "text.interactive.contrast"
1372
- }
1373
- }
1374
- },
1375
- ghostDestructive: {
1376
- bg: {
1377
- base: "transparent",
1378
- _hover: {
1379
- base: "background.destructiveAlpha.hover",
1380
- _disabled: "transparent"
1381
- },
1382
- _active: {
1383
- base: "background.destructiveAlpha.pressed",
1384
- _hover: "background.destructiveAlpha.pressed"
1385
- }
1386
- },
1387
- color: {
1388
- base: "text.danger",
1389
- _icon: "text.danger"
1390
- }
1391
- },
1392
- ghostDestructiveOnContrast: {
1393
- bg: {
1394
- base: "transparent",
1395
- _hover: {
1396
- base: "background.destructiveAlpha.contrast.hover",
1397
- _disabled: "transparent"
1398
- },
1399
- _active: {
1400
- base: "background.destructiveAlpha.contrast.pressed",
1401
- _hover: "background.destructiveAlpha.contrast.pressed"
1402
- }
1403
- },
1404
- color: {
1405
- base: "text.danger.contrast",
1406
- _icon: "text.danger.contrast"
1407
- }
1408
- },
1409
- ai: {
1410
- bg: {
1411
- base: "background.ai",
1412
- _hover: {
1413
- base: "background.ai.hover",
1414
- _disabled: "background.ai"
1415
- },
1416
- _active: {
1417
- base: "background.ai.pressed",
1418
- _hover: "background.ai.pressed"
1419
- }
1420
- },
1421
- color: {
1422
- base: "text.interactive",
1423
- _icon: "text.interactive"
1424
- },
1425
- borderWidth: "0"
1426
- }
1427
- }, M = w({
1428
- base: {
1429
- borderColor: "transparent",
1430
- borderRadius: "base",
1431
- borderWidth: "1px",
1432
- fontWeight: "semibold",
1433
- letterSpacing: "0.12px",
1434
- lineHeight: "150%",
1435
- _focusVisible: {
1436
- boxShadow: "none !important",
1437
- outline: "none !important"
1438
- }
1439
- },
1440
- variants: {
1441
- variant: He,
1442
- size: Oe
1443
- },
1444
- defaultVariants: {
1445
- size: "md",
1446
- variant: "primary"
1447
- }
1448
- }), Ge = {
1449
- default: {
1450
- bgColor: "background",
1451
- borderWidth: "1px",
1452
- borderColor: "border",
1453
- borderRadius: "base",
1454
- outline: "2px transparent",
1455
- color: "text",
1456
- _placeholder: {
1457
- color: "text.placeholder"
1458
- }
1459
- },
1460
- onContrast: {
1461
- bgColor: "background.contrast",
1462
- borderWidth: "1px",
1463
- borderColor: "border.contrast",
1464
- borderRadius: "base",
1465
- color: "text.contrast",
1466
- _placeholder: {
1467
- color: "text.placeholder.contrast"
1468
- }
1469
- }
1470
- }, Me = {
1471
- default: {
1472
- borderColor: "border.danger",
1473
- borderWidth: "1px",
1474
- boxShadow: "0 0 0 1px var(--chakra-colors-border-danger)",
1475
- _hover: {
1476
- borderColor: "border.danger"
1477
- }
1478
- },
1479
- onContrast: {
1480
- borderColor: "border.danger.contrast",
1481
- boxShadow: "0 0 0 1px var(--chakra-colors-border-danger-contrast)",
1482
- _hover: {
1483
- borderColor: "border.danger.contrast"
1484
- }
1485
- }
1486
- }, Ke = {
1487
- default: {
1488
- bgColor: "border",
1489
- borderColor: "border",
1490
- cursor: "not-allowed",
1491
- opacity: 0.6,
1492
- _placeholder: {
1493
- color: "text.placeholder",
1494
- opacity: 1
1495
- }
1496
- },
1497
- onContrast: {
1498
- bgColor: "border.contrast",
1499
- borderColor: "border.contrast",
1500
- cursor: "not-allowed",
1501
- opacity: 0.6,
1502
- _placeholder: {
1503
- color: "text.placeholder.contrast",
1504
- opacity: 1
1505
- }
1506
- }
1507
- }, B = {
1508
- default: {
1509
- borderColor: "border.focus",
1510
- borderWidth: "1px",
1511
- boxShadow: "0 0 0 1px var(--chakra-colors-border-focus) !important",
1512
- _hover: {
1513
- boxShadow: "0 0 0 1px var(--chakra-colors-border-focus)",
1514
- borderColor: "border.focus"
1515
- }
1516
- },
1517
- onContrast: {
1518
- borderColor: "border.focus.contrast",
1519
- borderWidth: "1px",
1520
- boxShadow: "0 0 0 1px var(--chakra-colors-border-focus-contrast) !important",
1521
- _hover: {
1522
- boxShadow: "0 0 0 1px var(--chakra-colors-border-focus-contrast)",
1523
- borderColor: "border.focus.contrast"
1524
- }
1525
- }
1526
- }, Ye = {
1527
- default: {
1528
- borderColor: "border.strong"
1529
- },
1530
- onContrast: {
1531
- borderColor: "border.strong.contrast"
1532
- }
1533
- }, _ = (t) => ({
1534
- ...Ge[t],
1535
- _hover: {
1536
- ...Ye[t]
1537
- },
1538
- _disabled: {
1539
- ...Ke[t]
1540
- },
1541
- _focus: {
1542
- ...B[t]
1543
- },
1544
- _invalid: {
1545
- ...Me[t]
1546
- }
1547
- }), h = {
1548
- sm: {
1549
- fontSize: "sm",
1550
- minH: "32px"
1551
- },
1552
- md: {
1553
- fontSize: "md",
1554
- minH: "40px"
1555
- },
1556
- lg: {
1557
- fontSize: "lg",
1558
- minH: "48px"
1559
- }
1560
- }, K = w({
1561
- variants: {
1562
- variant: {
1563
- default: _("default"),
1564
- onContrast: _("onContrast")
1565
- },
1566
- size: h
1567
- },
1568
- defaultVariants: {
1569
- size: "md",
1570
- variant: "default"
1571
- }
1572
- }), Je = ["root", "hiddenInput", "control", "indicator", "label"], qe = {
1573
- sm: {
1574
- control: {
1575
- height: v.sm,
1576
- width: v.sm
1577
- },
1578
- label: {
1579
- fontSize: "sm",
1580
- ml: R.sm,
1581
- mt: "-4px"
1582
- },
1583
- root: {
1584
- gap: 0
1585
- }
1586
- },
1587
- md: {
1588
- control: {
1589
- height: v.md,
1590
- width: v.md
1591
- },
1592
- label: {
1593
- fontSize: "md",
1594
- ml: R.md,
1595
- mt: "-1px"
1596
- },
1597
- root: {
1598
- gap: 0
1599
- }
1600
- },
1601
- lg: {
1602
- control: {
1603
- height: v.lg,
1604
- width: v.lg
1605
- },
1606
- label: {
1607
- fontSize: "lg",
1608
- ml: R.lg,
1609
- mt: "-2px"
1610
- },
1611
- root: {
1612
- gap: 0
1613
- }
1614
- }
1615
- }, Y = {
1616
- bg: "background.secondary",
1617
- borderColor: "background.secondary",
1618
- color: "text.contrast",
1619
- _hover: {
1620
- bg: "background.secondary.hover",
1621
- borderColor: "background.secondary.hover"
1622
- },
1623
- _disabled: {
1624
- bg: "background.secondary",
1625
- borderColor: "background.secondary",
1626
- color: "text.contrast"
1627
- },
1628
- _icon: {
1629
- strokeWidth: "4px !important"
1630
- }
1631
- }, J = {
1632
- bg: "background.secondary.contrast",
1633
- borderColor: "background.secondary.contrast",
1634
- color: "text",
1635
- _hover: {
1636
- bg: "background.secondary.contrast.hover",
1637
- borderColor: "background.secondary.contrast.hover"
1638
- },
1639
- _disabled: {
1640
- bg: "background.secondary.contrast",
1641
- borderColor: "background.secondary.contrast",
1642
- color: "text"
1643
- }
1644
- }, Qe = {
1645
- default: {
1646
- control: {
1647
- bg: "background",
1648
- color: "text.contrast",
1649
- _hover: {
1650
- borderColor: "border.strong"
1651
- },
1652
- _checked: { ...Y },
1653
- _indeterminate: { ...Y },
1654
- _disabled: {
1655
- bg: "background.subtle.less",
1656
- borderColor: "background.subtle.less"
1657
- },
1658
- _invalid: {
1659
- borderColor: "border.danger",
1660
- _hover: {
1661
- borderColor: "border.danger"
1662
- }
1663
- }
1664
- },
1665
- label: {
1666
- color: "text"
1667
- }
1668
- },
1669
- onContrast: {
1670
- control: {
1671
- bg: "background.contrast",
1672
- borderColor: "border.subtle",
1673
- _hover: {
1674
- borderColor: "border.strong.contrast"
1675
- },
1676
- _checked: { ...J },
1677
- _indeterminate: { ...J },
1678
- _disabled: {
1679
- bg: "background.subtle.more.contrast",
1680
- borderColor: "background.subtle.more.contrast",
1681
- _hover: {
1682
- borderColor: "background.subtle.more.contrast"
1683
- }
1684
- },
1685
- _invalid: {
1686
- borderColor: "border.danger.contrast",
1687
- _hover: {
1688
- borderColor: "border.danger.contrast"
1689
- }
1690
- }
1691
- },
1692
- label: {
1693
- color: "text.contrast"
1694
- }
1695
- }
1696
- }, Xe = b({
1697
- slots: Je,
1698
- base: {
1699
- root: {
1700
- alignItems: "flex-start",
1701
- width: "inherit",
1702
- _disabled: {
1703
- cursor: "not-allowed"
1704
- }
1705
- },
1706
- control: {
1707
- borderWidth: "1px",
1708
- borderColor: "border.subtle",
1709
- borderRadius: "xs",
1710
- _focus: {
1711
- boxShadow: "none"
1712
- },
1713
- _disabled: {
1714
- opacity: 0.6
1715
- }
1716
- },
1717
- label: {
1718
- lineHeight: "150%",
1719
- _disabled: {
1720
- opacity: 0.6
1721
- }
1722
- }
1723
- },
1724
- variants: {
1725
- variant: Qe,
1726
- size: qe
1727
- },
1728
- defaultVariants: {
1729
- size: "md",
1730
- variant: "default"
1731
- }
1732
- }), Ze = ["root", "item", "itemHiddenInput", "itemControl", "itemText"], rt = {
1733
- sm: {
1734
- itemControl: {
1735
- height: k.sm,
1736
- width: k.sm
1737
- },
1738
- itemText: {
1739
- ml: j.sm,
1740
- mt: "-4px"
1741
- },
1742
- item: {
1743
- gap: 0
1744
- }
1745
- },
1746
- md: {
1747
- itemControl: {
1748
- height: k.md,
1749
- width: k.md
1750
- },
1751
- itemText: {
1752
- ml: j.md,
1753
- mt: "-1px"
1754
- },
1755
- item: {
1756
- gap: 0
1757
- }
1758
- },
1759
- lg: {
1760
- itemControl: {
1761
- height: k.lg,
1762
- width: k.lg
1763
- },
1764
- itemText: {
1765
- ml: j.lg,
1766
- mt: "-2px"
1767
- },
1768
- item: {
1769
- gap: 0
1770
- }
1771
- }
1772
- }, et = {
1773
- default: {
1774
- itemText: {
1775
- color: "text"
1776
- },
1777
- itemControl: {
1778
- background: "background",
1779
- borderColor: "border.subtle",
1780
- _hover: {
1781
- borderColor: "border.strong",
1782
- _disabled: {
1783
- borderColor: "border.subtle"
1784
- }
1785
- },
1786
- _checked: {
1787
- background: "background.secondary",
1788
- borderColor: "border.focus",
1789
- _hover: {
1790
- background: "background.secondary.hover",
1791
- borderColor: "background.secondary.hover"
1792
- },
1793
- _disabled: {
1794
- background: "background.secondary",
1795
- borderColor: "border.focus",
1796
- color: "text.contrast",
1797
- _hover: {
1798
- background: "background.secondary",
1799
- borderColor: "border.focus"
1800
- }
1801
- }
1802
- },
1803
- _disabled: {
1804
- background: "background.subtle.less",
1805
- borderColor: "background.subtle.less"
1806
- },
1807
- _invalid: {
1808
- borderColor: "border.danger",
1809
- _hover: {
1810
- borderColor: "border.danger"
1811
- },
1812
- _checked: {
1813
- borderColor: "border.focus"
1814
- },
1815
- _disabled: {
1816
- borderColor: "border.subtle"
1817
- }
1818
- }
1819
- }
1820
- },
1821
- onContrast: {
1822
- itemText: {
1823
- color: "text.contrast"
1824
- },
1825
- itemControl: {
1826
- background: "background.contrast",
1827
- borderColor: "border.subtle",
1828
- _hover: {
1829
- borderColor: "border.strong.contrast",
1830
- _disabled: {
1831
- borderColor: "background.subtle.less"
1832
- }
1833
- },
1834
- _checked: {
1835
- background: "background.secondary.contrast",
1836
- borderColor: "border.focus.contrast",
1837
- _before: {
1838
- bg: "background.contrast"
1839
- },
1840
- _hover: {
1841
- background: "background.secondary.contrast.hover",
1842
- borderColor: "background.secondary.contrast.hover"
1843
- },
1844
- _disabled: {
1845
- background: "background.secondary.contrast",
1846
- borderColor: "border.focus.contrast",
1847
- color: "text.contrast",
1848
- _hover: {
1849
- background: "background.secondary.contrast",
1850
- borderColor: "border.focus.contrast"
1851
- }
1852
- }
1853
- },
1854
- _disabled: {
1855
- background: "background.subtle.more",
1856
- borderColor: "background.subtle.more"
1857
- },
1858
- _invalid: {
1859
- borderColor: "border.danger.contrast",
1860
- _hover: {
1861
- borderColor: "border.danger.contrast"
1862
- },
1863
- _checked: {
1864
- borderColor: "border.focus.contrast"
1865
- },
1866
- _disabled: {
1867
- borderColor: "border.more.subtle"
1868
- }
1869
- }
1870
- }
1871
- }
1872
- }, tt = b({
1873
- slots: Ze,
1874
- base: {
1875
- root: {
1876
- width: "inherit",
1877
- _disabled: {
1878
- opacity: 0.6
1879
- },
1880
- _focus: {
1881
- boxShadow: "none"
1882
- }
1883
- },
1884
- item: {
1885
- alignItems: "flex-start",
1886
- width: "inherit"
1887
- },
1888
- itemControl: {
1889
- borderWidth: "1px"
1890
- },
1891
- itemText: {
1892
- _disabled: {
1893
- opacity: 0.6
1894
- }
1895
- }
1896
- },
1897
- variants: {
1898
- size: rt,
1899
- variant: et
1900
- },
1901
- defaultVariants: {
1902
- size: "md",
1903
- variant: "default"
1904
- }
1905
- }), ot = ["root", "control", "indicator", "thumb", "label"], at = {
1906
- sm: {
1907
- root: {
1908
- "--switch-height": "12px",
1909
- "--switch-width": "24px"
1910
- },
1911
- label: {
1912
- fontSize: "sm"
1913
- }
1914
- },
1915
- md: {
1916
- root: {
1917
- "--switch-height": "16px",
1918
- "--switch-width": "32px"
1919
- },
1920
- label: {
1921
- fontSize: "md"
1922
- }
1923
- },
1924
- lg: {
1925
- root: {
1926
- "--switch-height": "20px",
1927
- "--switch-width": "40px"
1928
- },
1929
- label: {
1930
- fontSize: "lg"
1931
- }
1932
- }
1933
- }, p = {
1934
- controlBg: "background.alpha.pressed",
1935
- controlBgChecked: "background.secondary",
1936
- controlInvalidBorder: "border.danger",
1937
- thumbBg: "background",
1938
- thumbBgChecked: "background"
1939
- }, u = {
1940
- controlBg: "background.alpha.contrast.pressed",
1941
- controlBgChecked: "background.secondary.contrast",
1942
- controlInvalidBorder: "border.danger.contrast",
1943
- thumbBg: "background.contrast",
1944
- thumbBgChecked: "background.contrast"
1945
- }, st = {
1946
- default: {
1947
- control: {
1948
- bg: p.controlBg,
1949
- _checked: {
1950
- bg: p.controlBgChecked
1951
- },
1952
- _invalid: {
1953
- outlineColor: p.controlInvalidBorder
1954
- }
1955
- },
1956
- thumb: {
1957
- bg: p.thumbBg,
1958
- _checked: {
1959
- bg: p.thumbBgChecked
1960
- }
1961
- }
1962
- },
1963
- onContrast: {
1964
- control: {
1965
- bg: u.controlBg,
1966
- _checked: {
1967
- bg: u.controlBgChecked
1968
- },
1969
- _invalid: {
1970
- outlineColor: u.controlInvalidBorder
1971
- }
1972
- },
1973
- thumb: {
1974
- bg: u.thumbBg,
1975
- _checked: {
1976
- bg: u.thumbBgChecked
1977
- }
1978
- }
1979
- },
1980
- indeterminate: {
1981
- root: {
1982
- "--switch-diff": "50%"
1983
- },
1984
- control: {
1985
- bg: p.controlBg,
1986
- _checked: {
1987
- bg: p.controlBgChecked
1988
- },
1989
- _invalid: {
1990
- outlineColor: p.controlInvalidBorder
1991
- }
1992
- },
1993
- thumb: {
1994
- bg: p.thumbBg,
1995
- translate: "var(--switch-x) 0",
1996
- _checked: {
1997
- bg: p.thumbBg
1998
- }
1999
- }
2000
- },
2001
- indeterminateOnContrast: {
2002
- root: {
2003
- "--switch-diff": "50%"
2004
- },
2005
- control: {
2006
- bg: u.controlBg,
2007
- _checked: {
2008
- bg: u.controlBgChecked
2009
- },
2010
- _invalid: {
2011
- outlineColor: u.controlInvalidBorder
2012
- }
2013
- },
2014
- thumb: {
2015
- bg: u.thumbBg,
2016
- translate: "var(--switch-x) 0",
2017
- _checked: {
2018
- bg: u.thumbBg
2019
- }
2020
- }
2021
- }
2022
- }, nt = b({
2023
- slots: ot,
2024
- base: {
2025
- control: {
2026
- _focusVisible: {
2027
- outline: "none"
2028
- }
2029
- },
2030
- thumb: {
2031
- boxShadow: "xsR",
2032
- height: "var(--switch-height)",
2033
- width: "var(--switch-height)",
2034
- scale: 0.8
2035
- }
2036
- },
2037
- variants: {
2038
- size: at,
2039
- variant: st
2040
- },
2041
- defaultVariants: {
2042
- size: "md",
2043
- variant: "default"
2044
- }
2045
- }), dt = ["root", "list", "trigger", "content"], ct = {
2046
- xs: {
2047
- root: {
2048
- "--tabs-height": "36px"
2049
- },
2050
- trigger: {
2051
- py: 2
2052
- }
2053
- },
2054
- sm: {
2055
- root: {
2056
- "--tabs-height": "44px"
2057
- },
2058
- trigger: {
2059
- py: 3
2060
- }
2061
- },
2062
- md: {
2063
- root: {
2064
- "--tabs-height": "52px"
2065
- },
2066
- trigger: {
2067
- py: 4
2068
- }
2069
- },
2070
- lg: {
2071
- root: {
2072
- "--tabs-height": "64px"
2073
- },
2074
- trigger: {
2075
- py: 5
2076
- }
2077
- }
2078
- }, it = b({
2079
- slots: dt,
2080
- base: {
2081
- list: {
2082
- borderBottomWidth: "3px !important",
2083
- borderColor: "border"
2084
- },
2085
- trigger: {
2086
- color: "text",
2087
- _selected: {
2088
- background: "transparent",
2089
- _before: {
2090
- "--indicator-offset-y": "-3px",
2091
- bgColor: "background.accent !important",
2092
- height: "3px !important"
2093
- },
2094
- _hover: {
2095
- background: "transparent"
2096
- }
2097
- },
2098
- _hover: {
2099
- background: "background.alpha"
2100
- }
2101
- }
2102
- },
2103
- variants: {
2104
- size: ct
2105
- },
2106
- defaultVariants: {
2107
- size: "md"
2108
- }
2109
- }), lt = ["root", "fallback", "image"], bt = {
2110
- xs: {
2111
- root: {
2112
- "--avatar-size": "24px"
2113
- },
2114
- fallback: {
2115
- fontSize: "10px",
2116
- fontWeight: "semibold"
2117
- }
2118
- },
2119
- sm: {
2120
- root: {
2121
- "--avatar-size": "32px"
2122
- },
2123
- fallback: {
2124
- fontSize: "sm"
2125
- }
2126
- },
2127
- md: {
2128
- root: {
2129
- "--avatar-size": "36px"
2130
- },
2131
- fallback: {
2132
- fontSize: "md"
2133
- }
2134
- },
2135
- lg: {
2136
- root: {
2137
- "--avatar-size": "40px"
2138
- },
2139
- fallback: {
2140
- fontSize: "md"
2141
- }
2142
- },
2143
- xl: {
2144
- root: {
2145
- "--avatar-size": "64px",
2146
- boxShadow: "0 0 0 2px var(--chakra-colors-border-strong-contrast)"
2147
- },
2148
- fallback: {
2149
- fontSize: "2xl"
2150
- }
2151
- }
2152
- }, gt = {
2153
- accent: {
2154
- root: {
2155
- backgroundColor: "background.accent",
2156
- borderColor: "border.accent",
2157
- position: "relative",
2158
- "&[data-group-item]": {
2159
- borderColor: "border.accent"
2160
- }
2161
- }
2162
- },
2163
- contrast: {
2164
- root: {
2165
- backgroundColor: "background.subtle.more",
2166
- borderColor: "background.subtle.more",
2167
- "&[data-group-item]": {
2168
- borderColor: "background.subtle.more"
2169
- }
2170
- }
2171
- },
2172
- dashed: {
2173
- root: {
2174
- backgroundColor: "background",
2175
- borderColor: "transparent",
2176
- overflow: "visible",
2177
- color: "text",
2178
- _after: {
2179
- content: "''",
2180
- position: "absolute",
2181
- top: "-2px",
2182
- right: "-2px",
2183
- bottom: "-2px",
2184
- left: "-2px",
2185
- border: "1px dashed",
2186
- borderColor: "border.strong",
2187
- borderRadius: "100%"
2188
- },
2189
- "&[data-group-item]": {
2190
- borderColor: "transparent"
2191
- }
2192
- }
2193
- },
2194
- default: {
2195
- root: {
2196
- backgroundColor: "background.subtle.most",
2197
- borderColor: "background.subtle.most",
2198
- "&[data-group-item]": {
2199
- borderColor: "background.subtle.most"
2200
- }
2201
- }
2202
- },
2203
- outlineAccent: {
2204
- root: {
2205
- backgroundColor: "background",
2206
- color: "text.accent",
2207
- borderColor: "border.accent",
2208
- overflow: "visible",
2209
- "&[data-group-item]": {
2210
- borderColor: "border.accent"
2211
- }
2212
- }
2213
- },
2214
- outlineYellow: {
2215
- root: {
2216
- backgroundColor: "background.warning",
2217
- borderColor: "border.warning",
2218
- overflow: "visible",
2219
- color: "text",
2220
- "&[data-group-item]": {
2221
- borderColor: "border.warning"
2222
- }
2223
- }
2224
- }
2225
- }, pt = b({
2226
- slots: lt,
2227
- base: {
2228
- fallback: {
2229
- alignItems: "center",
2230
- display: "flex",
2231
- justifyContent: "center",
2232
- lineHeight: "24px",
2233
- pt: "1px"
2234
- },
2235
- root: {
2236
- boxShadow: "0 0 0 1px var(--chakra-colors-border-strong-contrast)",
2237
- color: "text.contrast",
2238
- zIndex: "calc(var(--group-count) - var(--group-index))"
2239
- }
2240
- },
2241
- variants: {
2242
- size: bt,
2243
- variant: gt,
2244
- interactive: {
2245
- true: {
2246
- root: {
2247
- cursor: "pointer",
2248
- _hover: {
2249
- img: { opacity: 1 },
2250
- _after: {
2251
- content: '""',
2252
- backgroundColor: "background.alpha.hover",
2253
- w: "110%",
2254
- h: "110%",
2255
- borderRadius: "full",
2256
- position: "absolute"
2257
- }
2258
- },
2259
- _active: {
2260
- img: { opacity: 1 },
2261
- _after: {
2262
- content: '""',
2263
- backgroundColor: "background.alpha.pressed",
2264
- w: "110%",
2265
- h: "110%",
2266
- borderRadius: "full",
2267
- position: "absolute"
2268
- }
2269
- }
2270
- }
2271
- },
2272
- false: {
2273
- root: {
2274
- cursor: "default"
2275
- }
2276
- }
2277
- },
2278
- hideBorder: {
2279
- true: {
2280
- root: {
2281
- borderWidth: "0px"
2282
- }
2283
- },
2284
- false: {
2285
- root: {
2286
- borderWidth: "2px"
2287
- }
2288
- }
2289
- }
2290
- },
2291
- defaultVariants: {
2292
- size: "md",
2293
- variant: "default",
2294
- interactive: !1,
2295
- hideBorder: !1
2296
- }
2297
- }), ir = {
2298
- padding: "8px 12px 8px 20px !important"
2299
- }, E = {
2300
- ...ir,
2301
- cursor: "pointer",
2302
- _highlighted: {
2303
- bgColor: "background.secondaryAlpha.hover !important"
2304
- }
2305
- }, ut = b({
2306
- slots: ["checkboxItem", "content", "item", "itemGroupLabel", "trigger", "triggerItem"],
2307
- base: {
2308
- checkboxItem: E,
2309
- content: {
2310
- bgColor: "background.overlay",
2311
- borderColor: "border",
2312
- boxShadow: "md",
2313
- px: "0 !important",
2314
- py: 2
2315
- },
2316
- item: E,
2317
- itemGroupLabel: ir,
2318
- trigger: {
2319
- _icon: {
2320
- h: "unset",
2321
- w: "unset"
2322
- }
2323
- },
2324
- triggerItem: E
2325
- }
2326
- }), q = "8px 12px 8px 20px !important", ht = b({
2327
- slots: ["trigger", "item", "itemGroupLabel", "valueText", "content"],
2328
- base: {
2329
- content: {
2330
- borderRadius: "base",
2331
- borderWidth: "1px",
2332
- boxShadow: "md",
2333
- px: "0 !important",
2334
- py: "6px"
2335
- },
2336
- item: {
2337
- justifyContent: "flex-start",
2338
- padding: q
2339
- },
2340
- itemGroupLabel: {
2341
- fontSize: "sm",
2342
- fontWeight: "semibold",
2343
- padding: q
2344
- },
2345
- trigger: {
2346
- justifyContent: "flex-start"
2347
- },
2348
- valueText: {
2349
- alignItems: "center",
2350
- display: "flex",
2351
- gap: 2
2352
- }
2353
- },
2354
- variants: {
2355
- variant: {
2356
- default: {
2357
- content: {
2358
- bgColor: "background",
2359
- borderColor: "border"
2360
- },
2361
- item: {
2362
- _selected: {
2363
- bgColor: "background.secondaryAlpha.hover"
2364
- },
2365
- "&[data-highlighted]": {
2366
- bgColor: "background.secondaryAlpha.hover"
2367
- }
2368
- },
2369
- itemGroupLabel: {
2370
- color: "text"
2371
- },
2372
- trigger: {
2373
- ..._("default"),
2374
- _placeholderShown: {
2375
- color: "text.placeholder"
2376
- },
2377
- _open: {
2378
- ...B.default
2379
- }
2380
- }
2381
- },
2382
- onContrast: {
2383
- content: {
2384
- bgColor: "background.contrast",
2385
- borderColor: "border.contrast"
2386
- },
2387
- item: {
2388
- _selected: {
2389
- bgColor: "background.secondaryAlpha.contrast.hover"
2390
- },
2391
- "&[data-highlighted]": {
2392
- bgColor: "background.secondaryAlpha.contrast.hover"
2393
- }
2394
- },
2395
- itemGroupLabel: {
2396
- color: "text.contrast"
2397
- },
2398
- trigger: {
2399
- ..._("onContrast"),
2400
- _placeholderShown: {
2401
- color: "text.placeholder.contrast"
2402
- },
2403
- _open: {
2404
- ...B.onContrast
2405
- }
2406
- }
2407
- }
2408
- },
2409
- size: {
2410
- sm: {
2411
- item: {
2412
- fontSize: "sm"
2413
- },
2414
- trigger: {
2415
- ...h.sm
2416
- }
2417
- },
2418
- md: {
2419
- item: {
2420
- fontSize: "md"
2421
- },
2422
- trigger: {
2423
- ...h.md
2424
- }
2425
- },
2426
- lg: {
2427
- item: {
2428
- fontSize: "lg"
2429
- },
2430
- trigger: {
2431
- ...h.lg
2432
- }
2433
- }
2434
- }
2435
- },
2436
- defaultVariants: {
2437
- size: "md",
2438
- variant: "default"
2439
- }
2440
- }), mt = ["root", "indicator", "content", "title", "description"], xt = {
2441
- default: {
2442
- root: {
2443
- bgColor: "background"
2444
- }
2445
- },
2446
- error: {
2447
- root: {
2448
- bgColor: "background.danger"
2449
- }
2450
- },
2451
- info: {
2452
- root: {
2453
- bgColor: "background.info"
2454
- }
2455
- },
2456
- success: {
2457
- root: {
2458
- bgColor: "background.success"
2459
- }
2460
- },
2461
- warning: {
2462
- root: {
2463
- bgColor: "background.warning"
2464
- }
2465
- }
2466
- }, vt = b({
2467
- slots: mt,
2468
- base: {
2469
- content: {
2470
- gap: 0
2471
- },
2472
- root: {
2473
- borderRadius: "md",
2474
- color: "text",
2475
- pt: "8px !important",
2476
- pr: "12px !important",
2477
- pb: "8px !important",
2478
- pl: "12px !important",
2479
- width: "inherit"
2480
- },
2481
- title: {
2482
- alignItems: "center",
2483
- display: "flex"
2484
- }
2485
- },
2486
- variants: {
2487
- variant: xt,
2488
- hideIcon: {
2489
- true: {
2490
- root: {
2491
- gap: 0
2492
- }
2493
- },
2494
- false: {
2495
- root: {
2496
- gap: 2
2497
- }
2498
- }
2499
- },
2500
- onContrast: {
2501
- true: {},
2502
- false: {}
2503
- }
2504
- },
2505
- defaultVariants: {
2506
- variant: "success",
2507
- hideIcon: !1,
2508
- onContrast: !1
2509
- },
2510
- compoundVariants: [
2511
- {
2512
- onContrast: !0,
2513
- variant: "default",
2514
- css: { root: { bgColor: "background.contrast", color: "text.contrast" } }
2515
- },
2516
- {
2517
- onContrast: !0,
2518
- variant: "error",
2519
- css: {
2520
- root: { bgColor: "background.danger.contrast", color: "text.contrast" }
2521
- }
2522
- },
2523
- {
2524
- onContrast: !0,
2525
- variant: "info",
2526
- css: { root: { bgColor: "background.contrast", color: "text.contrast" } }
2527
- },
2528
- {
2529
- onContrast: !0,
2530
- variant: "success",
2531
- css: {
2532
- root: {
2533
- bgColor: "background.success.contrast",
2534
- color: "text.contrast"
2535
- }
2536
- }
2537
- },
2538
- {
2539
- onContrast: !0,
2540
- variant: "warning",
2541
- css: {
2542
- root: {
2543
- bgColor: "background.warning.contrast",
2544
- color: "text.contrast"
2545
- }
2546
- }
2547
- }
2548
- ]
2549
- }), kt = b({
2550
- slots: [
2551
- "root",
2552
- "backdrop",
2553
- "positioner",
2554
- "content",
2555
- "closeTrigger",
2556
- "header",
2557
- "title",
2558
- "body",
2559
- "footer",
2560
- "actionTrigger"
2561
- ],
2562
- base: {
2563
- backdrop: {
2564
- transition: "background 0.7s ease-in-out"
2565
- },
2566
- body: {
2567
- pb: 3,
2568
- pt: 0
2569
- },
2570
- content: {
2571
- transition: "all 0.7s ease-in-out"
2572
- },
2573
- footer: {
2574
- pt: 3,
2575
- pb: 6
2576
- },
2577
- header: {
2578
- maxW: "85%",
2579
- py: 3,
2580
- pt: 6
2581
- }
2582
- },
2583
- variants: {
2584
- expanded: {
2585
- true: {
2586
- backdrop: {
2587
- background: "{colors.neutral.100}"
2588
- },
2589
- content: {
2590
- borderRadius: "none",
2591
- minH: "100%",
2592
- minW: "650px"
2593
- }
2594
- },
2595
- false: {
2596
- backdrop: {
2597
- background: "{colors.blackAlpha.600}"
2598
- },
2599
- content: {
2600
- minH: "100px",
2601
- minW: "300px"
2602
- }
2603
- }
2604
- }
2605
- },
2606
- defaultVariants: {}
2607
- }), ft = b({
2608
- slots: ["root", "control", "input", "hiddenInput"],
2609
- base: {},
2610
- variants: {
2611
- size: {
2612
- sm: {
2613
- input: h.sm
2614
- },
2615
- md: {
2616
- input: h.md
2617
- },
2618
- lg: {
2619
- input: h.lg
2620
- }
2621
- },
2622
- variant: {
2623
- default: {
2624
- input: _("default")
2625
- },
2626
- onContrast: {
2627
- input: _("onContrast")
2628
- }
2629
- }
2630
- },
2631
- defaultVariants: {
2632
- size: "md",
2633
- variant: "default"
2634
- }
2635
- }), _t = ["root", "indicator", "title", "description", "closeTrigger", "actionTrigger"], yt = {
2636
- default: {
2637
- root: {
2638
- bgColor: "background.contrast"
2639
- }
2640
- },
2641
- error: {
2642
- root: {
2643
- bgColor: "background.danger.contrast"
2644
- }
2645
- },
2646
- info: {
2647
- root: {
2648
- bgColor: "background.info.contrast"
2649
- }
2650
- },
2651
- success: {
2652
- root: {
2653
- bgColor: "background.success.contrast"
2654
- }
2655
- },
2656
- warning: {
2657
- root: {
2658
- bgColor: "background.warning.contrast"
2659
- }
2660
- }
2661
- }, Ct = b({
2662
- slots: _t,
2663
- base: {
2664
- root: {
2665
- borderRadius: "md",
2666
- color: "text.contrast",
2667
- py: 2,
2668
- px: 3,
2669
- height: "auto",
2670
- width: "auto",
2671
- maxW: { base: "100%", md: "560px" },
2672
- minW: "300px"
2673
- },
2674
- closeTrigger: {
2675
- position: "unset",
2676
- right: "unset",
2677
- top: "unset"
2678
- },
2679
- description: {
2680
- opacity: 1
2681
- }
2682
- },
2683
- variants: {
2684
- variant: yt,
2685
- hideIcon: {
2686
- true: {
2687
- root: {
2688
- gap: 0
2689
- }
2690
- },
2691
- false: {
2692
- root: {
2693
- gap: 2
2694
- }
2695
- }
2696
- }
2697
- },
2698
- defaultVariants: {
2699
- variant: "success",
2700
- hideIcon: !1
2701
- }
2702
- }), At = xr({
2703
- theme: {
2704
- breakpoints: W,
2705
- tokens: {
2706
- blurs: oe,
2707
- borders: ne,
2708
- breakpoints: ue,
2709
- colors: ie,
2710
- durations: Ae,
2711
- easings: Te,
2712
- fonts: he,
2713
- fontSizes: me,
2714
- fontWeights: xe,
2715
- letterSpacings: ke,
2716
- lineHeights: ve,
2717
- radii: de,
2718
- shadows: be,
2719
- sizes: pe,
2720
- spacing: _e,
2721
- zIndex: we
2722
- },
2723
- semanticTokens: {
2724
- colors: Le
2725
- },
2726
- recipes: {
2727
- button: M,
2728
- heading: Fe,
2729
- iconButton: M,
2730
- input: K,
2731
- link: We,
2732
- text: Be,
2733
- textarea: K
2734
- },
2735
- slotRecipes: {
2736
- alert: vt,
2737
- avatar: pt,
2738
- checkbox: Xe,
2739
- dialog: kt,
2740
- menu: ut,
2741
- pinInput: ft,
2742
- radioGroup: tt,
2743
- select: ht,
2744
- switch: nt,
2745
- tabs: it,
2746
- tag: $e,
2747
- toast: Ct
2748
- }
2749
- },
2750
- globalCss: {
2751
- "html, body": {
2752
- color: "text"
2753
- },
2754
- body: {
2755
- minHeight: "100%"
2756
- }
2757
- }
2758
- }), Tt = ur(hr, At), L = ({
2759
- buttonPosition: t = "topRight",
2760
- buttonText: n,
2761
- status: s,
2762
- ...d
2763
- }) => /* @__PURE__ */ o.jsx(
2764
- X,
2765
- {
2766
- className: "Toast__Action",
2767
- "data-testid": "kibble-toast-action",
2768
- ...t === "bottomLeft" && { pt: 2, pb: 1 },
2769
- children: /* @__PURE__ */ o.jsx(
2770
- Q,
2771
- {
2772
- size: "xs",
2773
- variant: s === "default" ? "primary" : "secondary",
2774
- w: "max-content",
2775
- ...d,
2776
- onContrast: !0,
2777
- children: n
2778
- }
2779
- )
2780
- }
2781
- ), St = ({
2782
- action: t,
2783
- closable: n = !0,
2784
- description: s,
2785
- hideIcon: d = !1,
2786
- icon: g,
2787
- status: l = "success",
2788
- title: A
2789
- }) => {
2790
- t && !t.buttonPosition && (t.buttonPosition = "topRight");
2791
- const x = t && t.buttonPosition === "topRight", T = x ? zr : Ar.Fragment;
2792
- return /* @__PURE__ */ o.jsxs(qr, { className: "Toast", "data-testid": "kibble-toast", variant: l, hideIcon: d, children: [
2793
- !d && /* @__PURE__ */ o.jsx(
2794
- Sr,
2795
- {
2796
- className: "Toast__Icon",
2797
- "data-testid": "kibble-toast-icon",
2798
- name: wr[l],
2799
- variant: "onContrast",
2800
- ...g
2801
- }
2802
- ),
2803
- /* @__PURE__ */ o.jsxs(X, { className: "Toast__Content", "data-testid": "kibble-toast-content", flexDirection: "column", flex: 1, children: [
2804
- A && /* @__PURE__ */ o.jsxs(
2805
- T,
2806
- {
2807
- ...x && {
2808
- justifyContent: "space-between",
2809
- gap: 2
2810
- },
2811
- children: [
2812
- /* @__PURE__ */ o.jsx(Xr, { className: "Alert__Title", "data-testid": "kibble-alert-title", children: /* @__PURE__ */ o.jsx(P, { size: "md", variant: "onContrast", fontWeight: "semibold", children: A }) }),
2813
- t && t.buttonPosition === "topRight" && /* @__PURE__ */ o.jsx(L, { status: l, ...t })
2814
- ]
2815
- }
2816
- ),
2817
- s && /* @__PURE__ */ o.jsxs(T, { ...x && { justifyContent: "space-between" }, children: [
2818
- /* @__PURE__ */ o.jsx(Zr, { className: "Alert__Description", "data-testid": "kibble-alert-description", children: /* @__PURE__ */ o.jsx(P, { size: "md", variant: "onContrast", children: s }) }),
2819
- t && t.buttonPosition === "topRight" && !A && /* @__PURE__ */ o.jsx(L, { status: l, ...t })
2820
- ] }),
2821
- t?.buttonPosition === "bottomLeft" && /* @__PURE__ */ o.jsx(L, { status: l, ...t })
2822
- ] }),
2823
- n && /* @__PURE__ */ o.jsx(Qr, { asChild: !0, children: /* @__PURE__ */ o.jsx(
2824
- Q,
2825
- {
2826
- className: "Toast__CloseTrigger",
2827
- "data-testid": "kibble-toast-close-trigger",
2828
- iconName: "close",
2829
- size: "xs",
2830
- variant: "ghostNeutral",
2831
- onContrast: !0
2832
- }
2833
- ) })
2834
- ] });
2835
- }, f = ({ toaster: t }) => /* @__PURE__ */ o.jsx(Ir, { children: /* @__PURE__ */ o.jsx(Jr, { className: "Toaster", "data-testid": "kibble-toaster", toaster: t, children: ({ title: n, description: s, meta: d }) => {
2836
- const g = typeof n == "string" ? n : void 0, l = typeof s == "string" ? s : void 0;
2837
- return /* @__PURE__ */ o.jsx(St, { title: g, description: l, ...d });
2838
- } }) }), Xt = ({
2839
- customTheme: t,
2840
- children: n,
2841
- enableSystem: s = !1,
2842
- ...d
2843
- }) => /* @__PURE__ */ o.jsxs(Gr, { value: t ?? Tt, children: [
2844
- /* @__PURE__ */ o.jsx(
2845
- Cr,
2846
- {
2847
- styles: `
2848
- @import url("https://use.typekit.net/wtr4buu.css");
2849
- @font-face {
2850
- font-family: "aktiv-grotesk", sans-serif;
2851
- font-style: normal;
2852
- font-weight: 400;
2853
- }
2854
- @font-face {
2855
- font-family: "aktiv-grotesk", sans-serif;
2856
- font-style: italic;
2857
- font-weight: 400;
2858
- }
2859
- @font-face {
2860
- font-family: "aktiv-grotesk", sans-serif;
2861
- font-style: normal;
2862
- font-weight: 600;
2863
- }
2864
- @font-face {
2865
- font-family: "aktiv-grotesk", sans-serif;
2866
- font-style: italic;
2867
- font-weight: 600;
2868
- }
2869
- `
2870
- }
2871
- ),
2872
- /* @__PURE__ */ o.jsx(f, { toaster: Ur }),
2873
- /* @__PURE__ */ o.jsx(f, { toaster: Pr }),
2874
- /* @__PURE__ */ o.jsx(f, { toaster: Vr }),
2875
- /* @__PURE__ */ o.jsx(f, { toaster: Nr }),
2876
- /* @__PURE__ */ o.jsx(f, { toaster: $r }),
2877
- /* @__PURE__ */ o.jsx(f, { toaster: Or }),
2878
- /* @__PURE__ */ o.jsx(ee, { storageKey: Hr, enableSystem: s, ...d, children: n })
2879
- ] });
2880
- export {
2881
- Xt as K,
2882
- At as k,
2883
- Tt as s
2884
- };
2885
- //# sourceMappingURL=theme.provider-CQ3U4kMw.js.map