@app-studio/components 0.10.19 → 0.10.20

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 (325) hide show
  1. package/dist/fonts/mulish-subset.woff2 +0 -0
  2. package/dist/illustrations/cross-platform.svg +37 -0
  3. package/dist/index.d.ts +276 -6
  4. package/dist/native/components/Accordion/Accordion/Accordion.view.native.js +72 -8
  5. package/dist/native/components/Accordion/Accordion/Accordion.view.native.js.map +1 -1
  6. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.props.d.ts +36 -0
  7. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.props.js +2 -0
  8. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.props.js.map +1 -0
  9. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.state.d.ts +8 -0
  10. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.state.js +33 -0
  11. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.state.js.map +1 -0
  12. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.style.d.ts +17 -0
  13. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.style.js +39 -0
  14. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.style.js.map +1 -0
  15. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.type.d.ts +37 -0
  16. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.type.js +2 -0
  17. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.type.js.map +1 -0
  18. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.d.ts +4 -0
  19. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.js +122 -0
  20. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.js.map +1 -0
  21. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.native.d.ts +4 -0
  22. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.native.js +173 -0
  23. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.native.js.map +1 -0
  24. package/dist/native/components/ActionSheet/ActionSheet.d.ts +3 -0
  25. package/dist/native/components/ActionSheet/ActionSheet.js +9 -0
  26. package/dist/native/components/ActionSheet/ActionSheet.js.map +1 -0
  27. package/dist/native/components/ActionSheet/index.d.ts +3 -0
  28. package/dist/native/components/ActionSheet/index.js +4 -0
  29. package/dist/native/components/ActionSheet/index.js.map +1 -0
  30. package/dist/native/components/AppRoot/AppRoot.d.ts +17 -0
  31. package/dist/native/components/AppRoot/AppRoot.js +25 -0
  32. package/dist/native/components/AppRoot/AppRoot.js.map +1 -0
  33. package/dist/native/components/AppRoot/AppRoot.native.d.ts +9 -0
  34. package/dist/native/components/AppRoot/AppRoot.native.js +33 -0
  35. package/dist/native/components/AppRoot/AppRoot.native.js.map +1 -0
  36. package/dist/native/components/AppRoot/AppRoot.types.d.ts +22 -0
  37. package/dist/native/components/AppRoot/AppRoot.types.js +2 -0
  38. package/dist/native/components/AppRoot/AppRoot.types.js.map +1 -0
  39. package/dist/native/components/AppRoot/index.d.ts +2 -0
  40. package/dist/native/components/AppRoot/index.js +2 -0
  41. package/dist/native/components/AppRoot/index.js.map +1 -0
  42. package/dist/native/components/AttachmentGroup/AttachmentGroup/AttachmentGroup.js +8 -1
  43. package/dist/native/components/AttachmentGroup/AttachmentGroup/AttachmentGroup.js.map +1 -1
  44. package/dist/native/components/AudioInput/AudioInput/AudioInput.state.d.ts +1 -1
  45. package/dist/native/components/AudioInput/AudioInput/AudioInput.view.js +1 -1
  46. package/dist/native/components/AudioInput/AudioInput/AudioInput.view.js.map +1 -1
  47. package/dist/native/components/AudioInput/useAudioRecording.native.d.ts +25 -0
  48. package/dist/native/components/AudioInput/useAudioRecording.native.js +96 -0
  49. package/dist/native/components/AudioInput/useAudioRecording.native.js.map +1 -0
  50. package/dist/native/components/Background/Background/Background.view.native.js +279 -24
  51. package/dist/native/components/Background/Background/Background.view.native.js.map +1 -1
  52. package/dist/native/components/Badge/Badge/Badge.view.js +4 -0
  53. package/dist/native/components/Badge/Badge/Badge.view.js.map +1 -1
  54. package/dist/native/components/Button/Button/Button.view.js +4 -1
  55. package/dist/native/components/Button/Button/Button.view.js.map +1 -1
  56. package/dist/native/components/Button/Button/Button.view.native.js +13 -4
  57. package/dist/native/components/Button/Button/Button.view.native.js.map +1 -1
  58. package/dist/native/components/Carousel/Carousel/Carousel.view.native.js +32 -5
  59. package/dist/native/components/Carousel/Carousel/Carousel.view.native.js.map +1 -1
  60. package/dist/native/components/Chart/Chart/BarChart.native.d.ts +15 -0
  61. package/dist/native/components/Chart/Chart/BarChart.native.js +47 -0
  62. package/dist/native/components/Chart/Chart/BarChart.native.js.map +1 -0
  63. package/dist/native/components/Chart/Chart/ChartTooltip.js +6 -0
  64. package/dist/native/components/Chart/Chart/ChartTooltip.js.map +1 -1
  65. package/dist/native/components/Chart/Chart/LineChart.native.d.ts +15 -0
  66. package/dist/native/components/Chart/Chart/LineChart.native.js +44 -0
  67. package/dist/native/components/Chart/Chart/LineChart.native.js.map +1 -0
  68. package/dist/native/components/Chart/Chart/PieChart.native.d.ts +15 -0
  69. package/dist/native/components/Chart/Chart/PieChart.native.js +231 -0
  70. package/dist/native/components/Chart/Chart/PieChart.native.js.map +1 -0
  71. package/dist/native/components/ChatInput/EditableInput.native.d.ts +48 -0
  72. package/dist/native/components/ChatInput/EditableInput.native.js +122 -0
  73. package/dist/native/components/ChatInput/EditableInput.native.js.map +1 -0
  74. package/dist/native/components/ChatInput/MessageInput.native.d.ts +46 -0
  75. package/dist/native/components/ChatInput/MessageInput.native.js +55 -0
  76. package/dist/native/components/ChatInput/MessageInput.native.js.map +1 -0
  77. package/dist/native/components/ChatWidget/ChatWidget/ChatWidget.view.native.d.ts +14 -0
  78. package/dist/native/components/ChatWidget/ChatWidget/ChatWidget.view.native.js +89 -0
  79. package/dist/native/components/ChatWidget/ChatWidget/ChatWidget.view.native.js.map +1 -0
  80. package/dist/native/components/ChatWidget/Widget/ChatWidgetWidget.native.d.ts +18 -0
  81. package/dist/native/components/ChatWidget/Widget/ChatWidgetWidget.native.js +91 -0
  82. package/dist/native/components/ChatWidget/Widget/ChatWidgetWidget.native.js.map +1 -0
  83. package/dist/native/components/ChatWidget/Widget/useContextSelector.js +3 -0
  84. package/dist/native/components/ChatWidget/Widget/useContextSelector.js.map +1 -1
  85. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.state.js +10 -2
  86. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.state.js.map +1 -1
  87. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.style.js +5 -0
  88. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.style.js.map +1 -1
  89. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.js +20 -13
  90. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.js.map +1 -1
  91. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.native.d.ts +4 -0
  92. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.native.js +88 -0
  93. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.native.js.map +1 -0
  94. package/dist/native/components/Command/Command/Command.state.js +13 -3
  95. package/dist/native/components/Command/Command/Command.state.js.map +1 -1
  96. package/dist/native/components/Command/Command/Command.view.js +6 -4
  97. package/dist/native/components/Command/Command/Command.view.js.map +1 -1
  98. package/dist/native/components/Command/Command/Command.view.native.d.ts +31 -0
  99. package/dist/native/components/Command/Command/Command.view.native.js +184 -0
  100. package/dist/native/components/Command/Command/Command.view.native.js.map +1 -0
  101. package/dist/native/components/Command/Command/CommandOverlay.d.ts +10 -0
  102. package/dist/native/components/Command/Command/CommandOverlay.js +13 -0
  103. package/dist/native/components/Command/Command/CommandOverlay.js.map +1 -0
  104. package/dist/native/components/Command/Command/CommandOverlay.native.d.ts +12 -0
  105. package/dist/native/components/Command/Command/CommandOverlay.native.js +12 -0
  106. package/dist/native/components/Command/Command/CommandOverlay.native.js.map +1 -0
  107. package/dist/native/components/Command/Command/CommandTextInput.d.ts +8 -0
  108. package/dist/native/components/Command/Command/CommandTextInput.js +7 -0
  109. package/dist/native/components/Command/Command/CommandTextInput.js.map +1 -0
  110. package/dist/native/components/Command/Command/CommandTextInput.native.d.ts +13 -0
  111. package/dist/native/components/Command/Command/CommandTextInput.native.js +27 -0
  112. package/dist/native/components/Command/Command/CommandTextInput.native.js.map +1 -0
  113. package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.props.d.ts +1 -0
  114. package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.state.js +8 -0
  115. package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.state.js.map +1 -1
  116. package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.view.native.d.ts +3 -1
  117. package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.view.native.js +38 -22
  118. package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.view.native.js.map +1 -1
  119. package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.state.js +12 -6
  120. package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.state.js.map +1 -1
  121. package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.style.js +8 -8
  122. package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.style.js.map +1 -1
  123. package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.view.js +1 -1
  124. package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.view.js.map +1 -1
  125. package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.state.js +4 -0
  126. package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.state.js.map +1 -1
  127. package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.state.native.d.ts +18 -0
  128. package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.state.native.js +23 -0
  129. package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.state.native.js.map +1 -0
  130. package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.view.native.d.ts +17 -0
  131. package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.view.native.js +49 -0
  132. package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.view.native.js.map +1 -0
  133. package/dist/native/components/Drawer/Drawer/Drawer.view.native.js +54 -14
  134. package/dist/native/components/Drawer/Drawer/Drawer.view.native.js.map +1 -1
  135. package/dist/native/components/DropZone/DropZone/DropZone.view.native.d.ts +14 -0
  136. package/dist/native/components/DropZone/DropZone/DropZone.view.native.js +33 -0
  137. package/dist/native/components/DropZone/DropZone/DropZone.view.native.js.map +1 -0
  138. package/dist/native/components/DropdownMenu/DropdownMenu/DropdownMenu.state.js +7 -0
  139. package/dist/native/components/DropdownMenu/DropdownMenu/DropdownMenu.state.js.map +1 -1
  140. package/dist/native/components/DropdownMenu/DropdownMenu/DropdownMenu.view.native.js +20 -16
  141. package/dist/native/components/DropdownMenu/DropdownMenu/DropdownMenu.view.native.js.map +1 -1
  142. package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.state.js +6 -2
  143. package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.state.js.map +1 -1
  144. package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.style.js +9 -0
  145. package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.style.js.map +1 -1
  146. package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.view.native.d.ts +4 -0
  147. package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.view.native.js +108 -0
  148. package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.view.native.js.map +1 -0
  149. package/dist/native/components/Form/ColorInput/ColorInput/ColorInput.state.js +11 -4
  150. package/dist/native/components/Form/ColorInput/ColorInput/ColorInput.state.js.map +1 -1
  151. package/dist/native/components/Form/ColorInput/ColorInput/ColorInput.view.native.d.ts +4 -0
  152. package/dist/native/components/Form/ColorInput/ColorInput/ColorInput.view.native.js +92 -0
  153. package/dist/native/components/Form/ColorInput/ColorInput/ColorInput.view.native.js.map +1 -0
  154. package/dist/native/components/Form/ComboBox/ComboBox/ComboBox.view.native.d.ts +13 -0
  155. package/dist/native/components/Form/ComboBox/ComboBox/ComboBox.view.native.js +118 -0
  156. package/dist/native/components/Form/ComboBox/ComboBox/ComboBox.view.native.js.map +1 -0
  157. package/dist/native/components/Form/CountryPicker/CountryPicker/CountryPicker.view.native.d.ts +3 -0
  158. package/dist/native/components/Form/CountryPicker/CountryPicker/CountryPicker.view.native.js +88 -0
  159. package/dist/native/components/Form/CountryPicker/CountryPicker/CountryPicker.view.native.js.map +1 -0
  160. package/dist/native/components/Form/Password/Password/Password.state.d.ts +26 -0
  161. package/dist/native/components/Form/Select/Select/Select.view.native.d.ts +2 -2
  162. package/dist/native/components/Form/Select/Select/Select.view.native.js +19 -33
  163. package/dist/native/components/Form/Select/Select/Select.view.native.js.map +1 -1
  164. package/dist/native/components/Form/Selector/Selector/Selector.view.native.d.ts +12 -0
  165. package/dist/native/components/Form/Selector/Selector/Selector.view.native.js +44 -0
  166. package/dist/native/components/Form/Selector/Selector/Selector.view.native.js.map +1 -0
  167. package/dist/native/components/Form/Switch/Switch/Switch.view.js +2 -2
  168. package/dist/native/components/Form/Switch/Switch/Switch.view.js.map +1 -1
  169. package/dist/native/components/Form/TextArea/TextArea/TextArea.props.d.ts +3 -0
  170. package/dist/native/components/Form/TextArea/TextArea/TextArea.view.js +2 -2
  171. package/dist/native/components/Form/TextArea/TextArea/TextArea.view.js.map +1 -1
  172. package/dist/native/components/Form/TextField/TextField/TextField.props.d.ts +3 -0
  173. package/dist/native/components/Form/TextField/TextField/TextField.view.js +2 -2
  174. package/dist/native/components/Form/TextField/TextField/TextField.view.js.map +1 -1
  175. package/dist/native/components/Formik/Formik.Form.d.ts +4 -10
  176. package/dist/native/components/Formik/Formik.Form.js +6 -3
  177. package/dist/native/components/Formik/Formik.Form.js.map +1 -1
  178. package/dist/native/components/Formik/Formik.Hook.d.ts +5 -1
  179. package/dist/native/components/Formik/Formik.Hook.js +27 -3
  180. package/dist/native/components/Formik/Formik.Hook.js.map +1 -1
  181. package/dist/native/components/Formik/Formik.OTPInput.js +63 -7
  182. package/dist/native/components/Formik/Formik.OTPInput.js.map +1 -1
  183. package/dist/native/components/Formik/Formik.Password.js +1 -1
  184. package/dist/native/components/Formik/Formik.Password.js.map +1 -1
  185. package/dist/native/components/Formik/Formik.TextField.js +1 -1
  186. package/dist/native/components/Formik/Formik.TextField.js.map +1 -1
  187. package/dist/native/components/Gradient/Gradient/Gradient.view.native.js +83 -11
  188. package/dist/native/components/Gradient/Gradient/Gradient.view.native.js.map +1 -1
  189. package/dist/native/components/HoverCard/HoverCard/HoverCard.view.native.js +39 -5
  190. package/dist/native/components/HoverCard/HoverCard/HoverCard.view.native.js.map +1 -1
  191. package/dist/native/components/Icon/Icon.native.js +9 -1
  192. package/dist/native/components/Icon/Icon.native.js.map +1 -1
  193. package/dist/native/components/IconPicker/IconPicker/IconPicker.state.js +4 -0
  194. package/dist/native/components/IconPicker/IconPicker/IconPicker.state.js.map +1 -1
  195. package/dist/native/components/IconPicker/IconPicker/IconPicker.style.js +5 -0
  196. package/dist/native/components/IconPicker/IconPicker/IconPicker.style.js.map +1 -1
  197. package/dist/native/components/IconPicker/IconPicker/IconPicker.view.native.d.ts +4 -0
  198. package/dist/native/components/IconPicker/IconPicker/IconPicker.view.native.js +73 -0
  199. package/dist/native/components/IconPicker/IconPicker/IconPicker.view.native.js.map +1 -0
  200. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.d.ts +12 -0
  201. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.js +17 -0
  202. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.js.map +1 -0
  203. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.native.d.ts +12 -0
  204. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.native.js +24 -0
  205. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.native.js.map +1 -0
  206. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.types.d.ts +24 -0
  207. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.types.js +2 -0
  208. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.types.js.map +1 -0
  209. package/dist/native/components/KeyboardAvoidingView/index.d.ts +2 -0
  210. package/dist/native/components/KeyboardAvoidingView/index.js +2 -0
  211. package/dist/native/components/KeyboardAvoidingView/index.js.map +1 -0
  212. package/dist/native/components/Menubar/Menubar/Menubar.props.d.ts +4 -1
  213. package/dist/native/components/Menubar/Menubar/Menubar.state.js +6 -0
  214. package/dist/native/components/Menubar/Menubar/Menubar.state.js.map +1 -1
  215. package/dist/native/components/Menubar/Menubar/Menubar.view.native.d.ts +4 -1
  216. package/dist/native/components/Menubar/Menubar/Menubar.view.native.js +29 -23
  217. package/dist/native/components/Menubar/Menubar/Menubar.view.native.js.map +1 -1
  218. package/dist/native/components/Message/Message/Message.layout.native.d.ts +3 -0
  219. package/dist/native/components/Message/Message/Message.layout.native.js +26 -0
  220. package/dist/native/components/Message/Message/Message.layout.native.js.map +1 -0
  221. package/dist/native/components/Modal/Modal/Modal.store.js +0 -1
  222. package/dist/native/components/Modal/Modal/Modal.store.js.map +1 -1
  223. package/dist/native/components/Modal/Modal.d.ts +2 -0
  224. package/dist/native/components/Modal/Modal.js +6 -0
  225. package/dist/native/components/Modal/Modal.js.map +1 -1
  226. package/dist/native/components/OTPInput/OTPInput/OTPInput.state.d.ts +2 -2
  227. package/dist/native/components/OTPInput/OTPInput/OTPInput.state.js +92 -14
  228. package/dist/native/components/OTPInput/OTPInput/OTPInput.state.js.map +1 -1
  229. package/dist/native/components/OTPInput/OTPInput/OTPInput.view.native.js +64 -11
  230. package/dist/native/components/OTPInput/OTPInput/OTPInput.view.native.js.map +1 -1
  231. package/dist/native/components/OTPInput/OTPInput.js +34 -2
  232. package/dist/native/components/OTPInput/OTPInput.js.map +1 -1
  233. package/dist/native/components/PageLayout/PageLayout.d.ts +16 -0
  234. package/dist/native/components/PageLayout/PageLayout.js +49 -0
  235. package/dist/native/components/PageLayout/PageLayout.js.map +1 -0
  236. package/dist/native/components/PageLayout/PageLayout.types.d.ts +30 -0
  237. package/dist/native/components/PageLayout/PageLayout.types.js +2 -0
  238. package/dist/native/components/PageLayout/PageLayout.types.js.map +1 -0
  239. package/dist/native/components/PageLayout/index.d.ts +2 -0
  240. package/dist/native/components/PageLayout/index.js +2 -0
  241. package/dist/native/components/PageLayout/index.js.map +1 -0
  242. package/dist/native/components/Pagination/Pagination/Pagination.view.native.js +12 -1
  243. package/dist/native/components/Pagination/Pagination/Pagination.view.native.js.map +1 -1
  244. package/dist/native/components/ProgressBar/ProgressBar/ProgressBar.view.native.js +48 -1
  245. package/dist/native/components/ProgressBar/ProgressBar/ProgressBar.view.native.js.map +1 -1
  246. package/dist/native/components/Resizable/Resizable/Resizable.state.js +6 -0
  247. package/dist/native/components/Resizable/Resizable/Resizable.state.js.map +1 -1
  248. package/dist/native/components/Router/Router.d.ts +11 -0
  249. package/dist/native/components/Router/Router.js +51 -0
  250. package/dist/native/components/Router/Router.js.map +1 -0
  251. package/dist/native/components/Router/Router.match.d.ts +15 -0
  252. package/dist/native/components/Router/Router.match.js +45 -0
  253. package/dist/native/components/Router/Router.match.js.map +1 -0
  254. package/dist/native/components/Router/Router.native.d.ts +11 -0
  255. package/dist/native/components/Router/Router.native.js +27 -0
  256. package/dist/native/components/Router/Router.native.js.map +1 -0
  257. package/dist/native/components/Router/Router.store.d.ts +28 -0
  258. package/dist/native/components/Router/Router.store.js +38 -0
  259. package/dist/native/components/Router/Router.store.js.map +1 -0
  260. package/dist/native/components/Router/Router.types.d.ts +16 -0
  261. package/dist/native/components/Router/Router.types.js +2 -0
  262. package/dist/native/components/Router/Router.types.js.map +1 -0
  263. package/dist/native/components/Router/index.d.ts +5 -0
  264. package/dist/native/components/Router/index.js +5 -0
  265. package/dist/native/components/Router/index.js.map +1 -0
  266. package/dist/native/components/Router/useHistory.d.ts +21 -0
  267. package/dist/native/components/Router/useHistory.js +34 -0
  268. package/dist/native/components/Router/useHistory.js.map +1 -0
  269. package/dist/native/components/ShareButton/ShareButton/ShareButton.state.native.d.ts +15 -0
  270. package/dist/native/components/ShareButton/ShareButton/ShareButton.state.native.js +55 -0
  271. package/dist/native/components/ShareButton/ShareButton/ShareButton.state.native.js.map +1 -0
  272. package/dist/native/components/Slider/Slider/Slider.state.js +14 -2
  273. package/dist/native/components/Slider/Slider/Slider.state.js.map +1 -1
  274. package/dist/native/components/Slider/Slider/Slider.view.native.js +6 -2
  275. package/dist/native/components/Slider/Slider/Slider.view.native.js.map +1 -1
  276. package/dist/native/components/SplashScreen/SplashScreen.d.ts +14 -0
  277. package/dist/native/components/SplashScreen/SplashScreen.js +49 -0
  278. package/dist/native/components/SplashScreen/SplashScreen.js.map +1 -0
  279. package/dist/native/components/SplashScreen/SplashScreen.store.d.ts +18 -0
  280. package/dist/native/components/SplashScreen/SplashScreen.store.js +13 -0
  281. package/dist/native/components/SplashScreen/SplashScreen.store.js.map +1 -0
  282. package/dist/native/components/SplashScreen/SplashScreen.types.d.ts +23 -0
  283. package/dist/native/components/SplashScreen/SplashScreen.types.js +2 -0
  284. package/dist/native/components/SplashScreen/SplashScreen.types.js.map +1 -0
  285. package/dist/native/components/SplashScreen/index.d.ts +3 -0
  286. package/dist/native/components/SplashScreen/index.js +3 -0
  287. package/dist/native/components/SplashScreen/index.js.map +1 -0
  288. package/dist/native/components/Table/Table/Table.style.js +10 -0
  289. package/dist/native/components/Table/Table/Table.style.js.map +1 -1
  290. package/dist/native/components/Table/Table/Table.view.js +27 -20
  291. package/dist/native/components/Table/Table/Table.view.js.map +1 -1
  292. package/dist/native/components/Table/Table/TableScroll.d.ts +8 -0
  293. package/dist/native/components/Table/Table/TableScroll.js +10 -0
  294. package/dist/native/components/Table/Table/TableScroll.js.map +1 -0
  295. package/dist/native/components/Table/Table/TableScroll.native.d.ts +9 -0
  296. package/dist/native/components/Table/Table/TableScroll.native.js +11 -0
  297. package/dist/native/components/Table/Table/TableScroll.native.js.map +1 -0
  298. package/dist/native/components/TextArea/TextArea.native.d.ts +21 -0
  299. package/dist/native/components/TextArea/TextArea.native.js +15 -0
  300. package/dist/native/components/TextArea/TextArea.native.js.map +1 -0
  301. package/dist/native/components/Toast/Toast/Toast.view.native.js +6 -1
  302. package/dist/native/components/Toast/Toast/Toast.view.native.js.map +1 -1
  303. package/dist/native/components/Toggle/Toggle/Toggle.view.native.js +11 -3
  304. package/dist/native/components/Toggle/Toggle/Toggle.view.native.js.map +1 -1
  305. package/dist/native/components/Tooltip/Tooltip/Tooltip.state.js +3 -0
  306. package/dist/native/components/Tooltip/Tooltip/Tooltip.state.js.map +1 -1
  307. package/dist/native/components/Tooltip/Tooltip/Tooltip.view.native.js +84 -7
  308. package/dist/native/components/Tooltip/Tooltip/Tooltip.view.native.js.map +1 -1
  309. package/dist/native/components/Uploader/Uploader/Uploader.state.d.ts +1 -1
  310. package/dist/native/components/Uploader/Uploader/Uploader.state.js +18 -5
  311. package/dist/native/components/Uploader/Uploader/Uploader.state.js.map +1 -1
  312. package/dist/native/components/index.d.ts +7 -0
  313. package/dist/native/components/index.js +7 -0
  314. package/dist/native/components/index.js.map +1 -1
  315. package/dist/orange.webp +0 -0
  316. package/dist/web.cjs.js +9 -9
  317. package/dist/web.cjs.js.map +1 -1
  318. package/dist/web.esm.js +8266 -7578
  319. package/dist/web.esm.js.map +1 -1
  320. package/dist/web.umd.js +9 -9
  321. package/dist/web.umd.js.map +1 -1
  322. package/docs/LIGHTHOUSE_100_GUIDE.md +277 -0
  323. package/docs/app-studio/Design.md +1 -1
  324. package/docs/app-studio/Theming.md +3 -3
  325. package/package.json +5 -3
package/dist/web.umd.js CHANGED
@@ -1,9 +1,9 @@
1
- (function(I,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react/jsx-runtime"),require("react"),require("app-studio"),require("zustand"),require("react-router-dom"),require("react-dom"),require("formik")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","app-studio","zustand","react-router-dom","react-dom","formik"],r):(I=typeof globalThis<"u"?globalThis:I||self,r(I.AppStudioWeb={},I.jsxRuntime,I.React,I.appStudio,I.zustand,I.ReactRouterDOM,I.ReactDOM,I.Formik))})(this,function(I,r,h,i,ar,nc,ac,We){"use strict";var uy=Object.defineProperty;var yy=(I,r,h)=>r in I?uy(I,r,{enumerable:!0,configurable:!0,writable:!0,value:h}):I[r]=h;var Ue=(I,r,h)=>yy(I,typeof r!="symbol"?r+"":r,h);var ho,hn;const Yr=(e="id")=>`${e}-${Math.random().toString(36).substring(2,9)}`,lc=({type:e="single",value:o,defaultValue:t,onValueChange:n,collapsible:a=!1})=>{const l=o!==void 0,c=o??t,d=()=>e==="multiple"?Array.isArray(c)?c:c?[c]:[]:Array.isArray(c)?c[0]:c,[g,s]=h.useState(d()),m=h.useMemo(()=>Yr("accordion"),[]),f=l?o:g,p=h.useMemo(()=>f===void 0?[]:Array.isArray(f)?f:[f],[f]);h.useEffect(()=>{l&&(e==="multiple"&&!Array.isArray(o)?(console.warn('Accordion with type="multiple" received non-array value:',o),s(o?[String(o)]:[])):e==="single"&&Array.isArray(o)?(console.warn('Accordion with type="single" received array value:',o),s(o.length>0?o[0]:void 0)):s(o))},[o,l,e]);const u=h.useCallback(b=>{let x;if(e==="single")f===b&&a?x=void 0:f!==b?x=b:x=f;else{const k=Array.isArray(f)?f:[];k.includes(b)?x=k.filter(S=>S!==b):x=[...k,b],Array.isArray(x)&&x.length===0&&(x=[])}l||s(x),n&&n(x)},[e,f,a,l,n]),y=h.useCallback(b=>p.includes(b),[p]);return{expandedItems:p,toggleItem:u,isItemExpanded:y,type:e,collapsible:a,baseId:m}},ic={square:{borderRadius:0},rounded:{borderRadius:8}},cc={default:{borderWidth:0,style:{backgroundColor:"transparent"},transition:"background-color 0.15s ease"},outline:{borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",transition:"border-color 0.15s ease, background-color 0.15s ease",_hover:{borderColor:"color-gray-300"}},filled:{backgroundColor:"color-gray-50",transition:"background-color 0.15s ease",_hover:{backgroundColor:"color-gray-100"}}},sc={metadata:{id:"default",label:"Default",sourcePath:"",sourceTitle:"Default adaptive design system (light + dark)",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"]},theme:{primary:"#2563eb",secondary:"#7c3aed",success:"#16a34a",warning:"#d97706",error:"#dc2626",onPrimary:"#ffffff",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200"},tokens:{rawCssVars:{primary:"#2563eb",secondary:"#7c3aed",success:"#16a34a",warning:"#d97706",error:"#dc2626"},colors:[{name:"primary",value:"#2563eb",role:"primary"},{name:"secondary",value:"#7c3aed",role:"secondary"},{name:"success",value:"#16a34a",role:"success"},{name:"warning",value:"#d97706",role:"warning"},{name:"error",value:"#dc2626",role:"error"}],typography:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",monoFamily:"ui-monospace, 'SF Mono', Menlo, Monaco, Consolas, monospace",fontSizes:["12px","13px","14px","16px","18px","22px","28px","36px","48px","64px"],fontWeights:["400","500","600","700","800"],lineHeights:["1.0","1.1","1.2","1.4","1.5","1.6"]},spacing:["2px","4px","8px","12px","16px","24px","32px","48px","64px"],radii:["2px","4px","6px","8px","12px","16px","9999px"],shadows:["0 1px 2px rgba(0,0,0,0.04)","0 4px 12px rgba(0,0,0,0.08)","0 12px 32px rgba(0,0,0,0.12)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:8,fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,borderColor:"theme-primary",letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:null,color:null,borderColor:null,borderRadius:6,fontFamily:"'Inter', system-ui, -apple-system, sans-serif",letterSpacing:"-0.01em",textTransform:"none",fontWeight:600,fontStyle:"normal"},text:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:12,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 1px 2px rgba(0,0,0,0.04)"},header:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:8,borderWidth:"1px",borderStyle:"solid"},field:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:8,borderWidth:"1px",borderStyle:"solid"},field:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:8,borderWidth:"1px",borderStyle:"solid"},field:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"},label:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.01em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif"},activeText:{color:"theme-primary"},content:{color:"color-black"},container:{borderRadius:"8px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:"12px"},trigger:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:12},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.01em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.01em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:12},title:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"9999px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"12px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"soft",typeWeight:"regular",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"●",density:"comfortable",surfaceTone:"paper",cardRadius:12,pillRadius:9999,badgeRadius:6,voice:"neutral-clear"}},Xr={airbnb:{metadata:{id:"airbnb",label:"Airbnb",sourcePath:"design.md/html/airbnb.html",sourceTitle:"Design System Inspiration of Airbnb",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"]},theme:{primary:"#ff385c",secondary:"#222222",success:"#428bff",warning:"#460479",error:"#c13515",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#ff385c","primary-active":"#e00b41","primary-disabled":"#ffd1da",error:"#c13515",luxe:"#460479",plus:"#92174d",ink:"#222222",body:"#3f3f3f",muted:"#6a6a6a","muted-soft":"#929292",hairline:"#dddddd","hairline-soft":"#ebebeb","border-strong":"#c1c1c1",canvas:"#ffffff","surface-soft":"#f7f7f7","surface-strong":"#f2f2f2","on-primary":"#ffffff","legal-link":"#428bff",shadow:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0",display:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",text:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, sans-serif"},colors:[{name:"primary",value:"#ff385c",role:"primary"},{name:"primary-active",value:"#e00b41",role:"primary active"},{name:"primary-disabled",value:"#ffd1da",role:"primary disabled"},{name:"error",value:"#c13515",role:"error"},{name:"luxe",value:"#460479",role:"luxe"},{name:"plus",value:"#92174d",role:"plus"},{name:"ink",value:"#222222",role:"ink"},{name:"body",value:"#3f3f3f",role:"body"},{name:"muted",value:"#6a6a6a",role:"muted"},{name:"muted-soft",value:"#929292",role:"muted soft"},{name:"hairline",value:"#dddddd",role:"hairline"},{name:"hairline-soft",value:"#ebebeb",role:"hairline soft"},{name:"border-strong",value:"#c1c1c1",role:"border strong"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"surface-soft",value:"#f7f7f7",role:"surface soft"},{name:"surface-strong",value:"#f2f2f2",role:"surface strong"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"legal-link",value:"#428bff",role:"legal link"},{name:"shadow",value:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0",role:"shadow"}],typography:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["16px","14px","48px","18px","20px","11px","28px","13px","12px","8px","64px","21px","10px","24px","36px","15px"],fontWeights:["400","600","700","500"],lineHeights:["1.5","1.1","1.43","1.25","2","1","1.2","1.35","1.4"]},spacing:["2px","4px","5px","6px","7px","8px","10px","11px","12px","13px","14px","16px","20px","23px","24px","28px","32px","40px","48px","56px"],radii:["9999px","8px","14px","4px","6px","3px"],shadows:["rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0","var(--shadow)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:null,color:null,borderColor:null,borderRadius:6,fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",letterSpacing:"-0.01em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0"},header:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0"},field:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0"},field:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0"},field:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.01em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},activeText:{color:"theme-primary"},content:{color:"color-black"},container:{borderRadius:"8px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:"14px"},trigger:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:16},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.01em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.01em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:16},title:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"14px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"14px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"●",density:"comfortable",surfaceTone:"paper",cardRadius:16,pillRadius:9999,badgeRadius:6,voice:"warm-welcoming"}},apple:{metadata:{id:"apple",label:"Apple",sourcePath:"design.md/html/apple.html",sourceTitle:"Design System Inspiration of Apple",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"]},theme:{primary:"#0071E3",secondary:"#1d1d1f",success:"#0071e3",warning:"#272729",error:"#2997ff",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#0066cc","primary-focus":"#0071e3","primary-on-dark":"#2997ff",ink:"#1d1d1f",body:"#1d1d1f","body-on-dark":"#ffffff","body-muted":"#cccccc","ink-muted-80":"#333333","ink-muted-48":"#7a7a7a","divider-soft":"#f0f0f0",hairline:"#e0e0e0",canvas:"#ffffff","canvas-parchment":"#f5f5f7","surface-pearl":"#fafafc","surface-tile-1":"#272729","surface-tile-2":"#2a2a2c","surface-tile-3":"#252527","surface-black":"#000000","surface-chip-translucent":"rgba(210, 210, 215, 0.64)","on-primary":"#ffffff","on-dark":"#ffffff",display:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",text:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},colors:[{name:"primary",value:"#0071E3",role:"primary"},{name:"primary-focus",value:"#0071e3",role:"primary focus"},{name:"primary-on-dark",value:"#2997ff",role:"primary on dark"},{name:"ink",value:"#1d1d1f",role:"ink"},{name:"body",value:"#1d1d1f",role:"body"},{name:"body-on-dark",value:"#ffffff",role:"body on dark"},{name:"body-muted",value:"#cccccc",role:"body muted"},{name:"ink-muted-80",value:"#333333",role:"ink muted 80"},{name:"ink-muted-48",value:"#7a7a7a",role:"ink muted 48"},{name:"divider-soft",value:"#f0f0f0",role:"divider soft"},{name:"hairline",value:"#e0e0e0",role:"hairline"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"canvas-parchment",value:"#f5f5f7",role:"canvas parchment"},{name:"surface-pearl",value:"#fafafc",role:"surface pearl"},{name:"surface-tile-1",value:"#272729",role:"surface tile 1"},{name:"surface-tile-2",value:"#2a2a2c",role:"surface tile 2"},{name:"surface-tile-3",value:"#252527",role:"surface tile 3"},{name:"surface-black",value:"#000000",role:"surface black"},{name:"surface-chip-translucent",value:"rgba(210, 210, 215, 0.64)",role:"surface chip translucent"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"on-dark",value:"#ffffff",role:"on dark"}],typography:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["17px","14px","56px","21px","12px","40px","24px","13px","18px","28px","11px","34px","44px","32px","19px"],fontWeights:["400","600","300","700"],lineHeights:["1.47","1.07","1.19","1.1","1.43","1.5","1","1.14","2.0","2.41","1.2","1.35"]},spacing:["5px","6px","7px","8px","10px","11px","12px","14px","15px","16px","18px","20px","21px","22px","24px","28px","32px","44px","48px","50px"],radii:["9999px","18px","28px","24px","8px","11px","50%","12px","4px","6px","3px"],shadows:["0 5px 30px rgba(0, 0, 0, 0.22)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,borderColor:"theme-primary",letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:8,fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",letterSpacing:"-0.022em",textTransform:"none",fontWeight:300,fontStyle:"normal"},text:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:18,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 5px 30px rgba(0, 0, 0, 0.22)"},header:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.022em"},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.022em"},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.022em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},activeText:{color:"color-white"},content:{color:"color-black"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:"18px"},trigger:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:18},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.022em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.022em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:18},title:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"18px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"18px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"soft",typeWeight:"light",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.022em",accentTreatment:"flat",signatureMotif:"◯",density:"spacious",surfaceTone:"paper",cardRadius:18,pillRadius:9999,badgeRadius:8,voice:"minimal-precise"}},coinbase:{metadata:{id:"coinbase",label:"Coinbase",sourcePath:"design.md/html/coinbase.html",sourceTitle:"Design System Inspiration of Coinbase",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap"]},theme:{primary:"#0052ff",secondary:"#0a0b0d",success:"#16a34a",warning:"#003ecc",error:"#dc2626",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#0052ff","primary-active":"#003ecc","primary-disabled":"#a8b8cc",ink:"#0a0b0d",body:"#5b616e",muted:"#7c828a","muted-soft":"#a8acb3",hairline:"#dee1e6","hairline-soft":"#eef0f3",canvas:"#ffffff","surface-soft":"#f7f7f7","surface-strong":"#eef0f3","surface-dark":"#0a0b0d","surface-dark-elevated":"#16181c","on-primary":"#ffffff","on-dark":"#ffffff","on-dark-soft":"#a8acb3","semantic-up":"#05b169","semantic-down":"#cf202f","accent-yellow":"#f4b000",display:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",text:"'Inter', 'Coinbase Sans', sans-serif",mono:"'JetBrains Mono', 'Coinbase Mono', monospace"},colors:[{name:"primary",value:"#0052ff",role:"primary"},{name:"primary-active",value:"#003ecc",role:"primary active"},{name:"primary-disabled",value:"#a8b8cc",role:"primary disabled"},{name:"ink",value:"#0a0b0d",role:"ink"},{name:"body",value:"#5b616e",role:"body"},{name:"muted",value:"#7c828a",role:"muted"},{name:"muted-soft",value:"#a8acb3",role:"muted soft"},{name:"hairline",value:"#dee1e6",role:"hairline"},{name:"hairline-soft",value:"#eef0f3",role:"hairline soft"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"surface-soft",value:"#f7f7f7",role:"surface soft"},{name:"surface-strong",value:"#eef0f3",role:"surface strong"},{name:"surface-dark",value:"#0a0b0d",role:"surface dark"},{name:"surface-dark-elevated",value:"#16181c",role:"surface dark elevated"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"on-dark",value:"#ffffff",role:"on dark"},{name:"on-dark-soft",value:"#a8acb3",role:"on dark soft"},{name:"semantic-up",value:"#05b169",role:"semantic up"},{name:"semantic-down",value:"#cf202f",role:"semantic down"},{name:"accent-yellow",value:"#f4b000",role:"accent yellow"}],typography:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",monoFamily:"'JetBrains Mono', 'Coinbase Mono', monospace",fontSizes:["16px","14px","72px","18px","13px","36px","12px","44px","11px","52px","28px","40px","32px","48px","26px"],fontWeights:["500","600","400","700"],lineHeights:["1.5","1.2","1.05","1.15","1.0","1.09","1","1.35","1.4"]},spacing:["4px","5px","6px","8px","10px","11px","12px","13px","14px","15px","16px","19px","20px","24px","28px","32px","40px","44px","48px","56px"],radii:["100px","24px","20px","16px","9999px","14px","12px","8px","6px","3px"],shadows:["0 16px 40px rgba(0,0,0,0.5)","0 16px 40px rgba(0,0,0,0.4)","0 4px 12px rgba(0,0,0,0.04)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:6,fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",letterSpacing:"-0.01em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:12,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 16px 40px rgba(0,0,0,0.5)"},header:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.01em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},activeText:{color:"color-white"},content:{color:"color-black"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:"16px"},trigger:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:12},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"'JetBrains Mono', 'Coinbase Mono', monospace",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.01em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.01em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:12},title:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"16px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"16px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"◆",density:"comfortable",surfaceTone:"paper",cardRadius:12,pillRadius:9999,badgeRadius:6,voice:"trustworthy-financial"}},figma:{metadata:{id:"figma",label:"Figma",sourcePath:"design.md/html/figma.html",sourceTitle:"Design System Inspiration of Figma",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@300..700&family=JetBrains+Mono:wght@400;500&display=swap"]},theme:{primary:"#F24E1E",secondary:"#A259FF",success:"#0ACF83",warning:"#FFC700",error:"#FF7262",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#000000","on-primary":"#ffffff",ink:"#000000",canvas:"#ffffff","inverse-canvas":"#000000","inverse-ink":"#ffffff",hairline:"#e6e6e6","hairline-soft":"#f1f1f1","surface-soft":"#f7f7f5","block-lime":"#dceeb1","block-lilac":"#c5b0f4","block-cream":"#f4ecd6","block-pink":"#efd4d4","block-mint":"#c8e6cd","block-coral":"#f3c9b6","block-navy":"#1f1d3d","accent-magenta":"#ff3d8b","semantic-success":"#1ea64a",sans:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",mono:"'JetBrains Mono', 'SF Mono', Menlo, monospace"},colors:[{name:"primary",value:"#F24E1E",role:"primary"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"ink",value:"#000000",role:"ink"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"inverse-canvas",value:"#000000",role:"inverse canvas"},{name:"inverse-ink",value:"#ffffff",role:"inverse ink"},{name:"hairline",value:"#e6e6e6",role:"hairline"},{name:"hairline-soft",value:"#f1f1f1",role:"hairline soft"},{name:"surface-soft",value:"#f7f7f5",role:"surface soft"},{name:"block-lime",value:"#dceeb1",role:"block lime"},{name:"block-lilac",value:"#c5b0f4",role:"block lilac"},{name:"block-cream",value:"#f4ecd6",role:"block cream"},{name:"block-pink",value:"#efd4d4",role:"block pink"},{name:"block-mint",value:"#c8e6cd",role:"block mint"},{name:"block-coral",value:"#f3c9b6",role:"block coral"},{name:"block-navy",value:"#1f1d3d",role:"block navy"},{name:"accent-magenta",value:"#ff3d8b",role:"accent magenta"},{name:"semantic-success",value:"#1ea64a",role:"semantic success"}],typography:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",monoFamily:"'JetBrains Mono', 'SF Mono', Menlo, monospace",fontSizes:["18px","16px","80px","20px","12px","40px","14px","11px","26px","24px","32px","13px","10px","56px","36px"],fontWeights:["320","330","480","600","500","700"],lineHeights:["1.45","1.0","1.4","1.1","1.6","1.35","1","1.2"]},spacing:["5px","6px","8px","10px","12px","14px","16px","20px","22px","24px","28px","32px","36px","40px","44px","48px","56px","64px","96px","100px"],radii:["50px","8px","9999px","24px","6px","2px","3px"],shadows:["0 0 0 2px rgba(0,0,0,0.08)","none","0 4px 16px rgba(0,0,0,0.06)","0 12px 32px rgba(0,0,0,0.18)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:4,fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",letterSpacing:"-0.01em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary",borderRadius:8,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 2px rgba(0,0,0,0.08)"},header:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.01em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"theme-primary"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},activeText:{color:"theme-primary"},content:{color:"theme-primary"},container:{borderRadius:"8px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"theme-primary",borderRadius:"12px"},trigger:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"theme-primary",borderColor:"color-gray-200",borderRadius:8},thead:{backgroundColor:"color-gray-50",color:"theme-primary"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"'JetBrains Mono', 'SF Mono', Menlo, monospace",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"theme-primary",borderColor:"color-gray-200",letterSpacing:"-0.01em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.01em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary",borderRadius:"50%"},fallback:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:8},title:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"8px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-primary"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:"12px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"✦",density:"comfortable",surfaceTone:"paper",cardRadius:8,pillRadius:9999,badgeRadius:4,voice:"playful-creative"}},linear:{metadata:{id:"linear",label:"Linear",sourcePath:"design.md/html/linear.html",sourceTitle:"Design System Inspiration of Linear",defaultAppearance:"dark",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400&display=swap"]},theme:{primary:"#5e6ad2",secondary:"#828fff",success:"#27a644",warning:"#5e69d1",error:"#828fff",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#5e6ad2","primary-hover":"#828fff","primary-focus":"#5e69d1","on-primary":"#ffffff",ink:"#f7f8f8","ink-muted":"#d0d6e0","ink-subtle":"#8a8f98","ink-tertiary":"#62666d",canvas:"#010102","surface-1":"#0f1011","surface-2":"#141516","surface-3":"#18191a","surface-4":"#191a1b",hairline:"#23252a","hairline-strong":"#34343a","hairline-tertiary":"#3e3e44","semantic-success":"#27a644",sans:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",mono:"'JetBrains Mono', ui-monospace, 'SF Mono', menlo, monospace"},colors:[{name:"primary",value:"#5e6ad2",role:"primary"},{name:"primary-hover",value:"#828fff",role:"primary hover"},{name:"primary-focus",value:"#5e69d1",role:"primary focus"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"ink",value:"#f7f8f8",role:"ink"},{name:"ink-muted",value:"#d0d6e0",role:"ink muted"},{name:"ink-subtle",value:"#8a8f98",role:"ink subtle"},{name:"ink-tertiary",value:"#62666d",role:"ink tertiary"},{name:"canvas",value:"#08090A",role:"canvas"},{name:"surface-1",value:"#0f1011",role:"surface 1"},{name:"surface-2",value:"#141516",role:"surface 2"},{name:"surface-3",value:"#18191a",role:"surface 3"},{name:"surface-4",value:"#191a1b",role:"surface 4"},{name:"hairline",value:"#23252a",role:"hairline"},{name:"hairline-strong",value:"#34343a",role:"hairline strong"},{name:"hairline-tertiary",value:"#3e3e44",role:"hairline tertiary"},{name:"semantic-success",value:"#27a644",role:"semantic success"}],typography:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",monoFamily:"'JetBrains Mono', ui-monospace, 'SF Mono', menlo, monospace",fontSizes:["16px","14px","80px","18px","13px","56px","15px","12px","11px","28px","40px","22px","10px","36px"],fontWeights:["400","500","600","700"],lineHeights:["1.50","1.05","1.20","1.10","1.5","1.6","1.25","1","1.2","1.35","1.4"]},spacing:["2px","5px","6px","8px","10px","12px","14px","16px","20px","24px","28px","32px","36px","40px","48px","56px","64px","80px","96px","120px"],radii:["8px","12px","9999px","16px","4px","2px","6px","3px"],shadows:["rgba(255,255,255,0.05) 0 0.5px 0 0.5px","0 0 0 2px rgba(94,105,209,0.25)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-on-primary",views:{container:{borderRadius:9999,fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"theme-on-primary",borderColor:"theme-secondary",borderRadius:6,fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",letterSpacing:"-0.025em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:12,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(255,255,255,0.05) 0 0.5px 0 0.5px"},header:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontStyle:"normal",letterSpacing:"-0.025em"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontStyle:"normal",letterSpacing:"-0.025em"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.025em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},activeText:{color:"theme-primary"},content:{color:"color-black"},container:{borderRadius:"8px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:"12px"},trigger:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:12},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"'JetBrains Mono', ui-monospace, 'SF Mono', menlo, monospace",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.025em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.025em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:12},title:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"8px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"12px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.025em",accentTreatment:"gradient",signatureMotif:"↗",density:"tight",surfaceTone:"glass",cardRadius:12,pillRadius:9999,badgeRadius:6,voice:"speed-clarity"}},nike:{metadata:{id:"nike",label:"Nike",sourcePath:"design.md/html/nike.html",sourceTitle:"Design System Inspiration of Nike",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"]},theme:{primary:"color-black",secondary:"#FA5400",success:"#76E0B5",warning:"#1151ff",error:"#d30005",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"color-white"},tokens:{rawCssVars:{ink:"#111111","on-primary":"#ffffff",canvas:"#ffffff","soft-cloud":"#f5f5f5",charcoal:"#39393b",ash:"#4b4b4d",mute:"#707072",stone:"#9e9ea0",hairline:"#cacacb","hairline-soft":"#e5e5e5",sale:"#d30005","sale-deep":"#780700",success:"#007d48","success-bright":"#1eaa52",info:"#1151ff","info-deep":"#0034e3","accent-pink":"#ed1aa0","accent-pink-soft":"#ffb0dd","accent-purple-soft":"#beaffd","accent-purple-pale":"#d6d1ff","accent-teal":"#0a7281","accent-pink-deep":"#4c012d","font-display":"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif","font-ui":"'Inter', 'Helvetica Now Text Medium', Helvetica, Arial, sans-serif","font-body":"'Inter', 'Helvetica Now Text', Helvetica, Arial, sans-serif"},colors:[{name:"ink",value:"#111111",role:"ink"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"soft-cloud",value:"#f5f5f5",role:"soft cloud"},{name:"charcoal",value:"#39393b",role:"charcoal"},{name:"ash",value:"#4b4b4d",role:"ash"},{name:"mute",value:"#707072",role:"mute"},{name:"stone",value:"#9e9ea0",role:"stone"},{name:"hairline",value:"#cacacb",role:"hairline"},{name:"hairline-soft",value:"#e5e5e5",role:"hairline soft"},{name:"sale",value:"#d30005",role:"sale"},{name:"sale-deep",value:"#780700",role:"sale deep"},{name:"success",value:"#76E0B5",role:"success"},{name:"success-bright",value:"#1eaa52",role:"success bright"},{name:"info",value:"#1151ff",role:"info"},{name:"info-deep",value:"#0034e3",role:"info deep"},{name:"accent-pink",value:"#ed1aa0",role:"accent pink"},{name:"accent-pink-soft",value:"#ffb0dd",role:"accent pink soft"},{name:"accent-purple-soft",value:"#beaffd",role:"accent purple soft"},{name:"accent-purple-pale",value:"#d6d1ff",role:"accent purple pale"},{name:"accent-teal",value:"#0a7281",role:"accent teal"},{name:"accent-pink-deep",value:"#4c012d",role:"accent pink deep"}],typography:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["16px","15px","14px","96px","18px","12px","56px","13px","11px","24px","40px","64px","48px","32px"],fontWeights:["700","500","600"],lineHeights:["1.5","0.92","1","1.4","1.6","0.9","1.2","1.75","1.7","1.35"]},spacing:["2px","4px","5px","6px","8px","10px","12px","14px","16px","18px","20px","24px","28px","30px","32px","36px","40px","44px","48px","56px"],radii:["9999px","24px","14px","6px","3px"],shadows:["0 0 0 12px var(--soft-cloud)","0 20px 30px -10px rgba(0,0,0,0.18)","0 0 0 2px var(--canvas), 0 0 0 4px var(--ink)","inset 0 -1px 0 var(--hairline-soft)"]},components:{button:{variant:"filled",size:"md",shape:"square",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:0,fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,borderColor:"theme-primary",letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"italic",backgroundColor:null},content:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"italic"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:0,fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",letterSpacing:"0.08em",textTransform:"uppercase",fontWeight:800,fontStyle:"italic"},text:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"square",views:{container:{backgroundColor:"theme-secondary",borderColor:"color-gray-200",color:"theme-primary",borderRadius:4,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 12px var(--soft-cloud)"},header:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontStyle:"italic",letterSpacing:"0.02em"},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontStyle:"italic",letterSpacing:"0.02em"},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},helperText:{},text:{letterSpacing:"0.02em",fontStyle:"italic"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:0},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},infoText:{color:"color-gray-500"},container:{borderRadius:0}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"theme-primary"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},activeText:{color:"color-white"},content:{color:"theme-primary"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"theme-secondary",color:"theme-primary",borderRadius:0},trigger:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"theme-primary",borderColor:"color-gray-200",borderRadius:4},thead:{backgroundColor:"theme-secondary",color:"theme-primary"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},tr:{borderColor:"color-gray-200"},td:{color:"theme-primary",borderColor:"color-gray-200",letterSpacing:"0.02em",fontStyle:"italic"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"0.02em"}}},avatar:{views:{container:{backgroundColor:"theme-secondary",borderColor:"color-gray-200",color:"theme-primary",borderRadius:"50%"},fallback:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"}}},alert:{views:{container:{backgroundColor:"theme-secondary",borderColor:"color-gray-200",borderRadius:4},title:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},description:{color:"color-gray-500",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:0,views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-primary"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:0},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"theme-secondary",borderColor:"color-gray-200",color:"theme-primary"}}}},personality:{cornerStyle:"sharp",typeWeight:"black",typeCase:"uppercase",typeStyle:"italic",letterSpacing:"0.02em",accentTreatment:"flat",signatureMotif:"▶",density:"tight",surfaceTone:"mono",cardRadius:4,pillRadius:0,badgeRadius:0,voice:"athletic-bold"}},notion:{metadata:{id:"notion",label:"Notion",sourcePath:"design.md/html/notion.html",sourceTitle:"Design System Inspiration of Notion",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"]},theme:{primary:"#5645d4",secondary:"#ff64c8",success:"#1aae39",warning:"#dd5b00",error:"#ff64c8",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#5645d4","primary-pressed":"#4534b3","primary-deep":"#3a2a99","on-primary":"#ffffff","brand-navy":"#0a1530","brand-navy-deep":"#070f24","link-blue":"#0075de","brand-pink":"#ff64c8","brand-orange":"#dd5b00","brand-purple":"#7b3ff2","brand-purple-800":"#391c57","brand-orange-deep":"#793400","brand-green":"#1aae39","brand-yellow":"#f5d75e","brand-teal":"#2a9d99","tint-peach":"#ffe8d4","tint-rose":"#fde0ec","tint-mint":"#d9f3e1","tint-lavender":"#e6e0f5","tint-sky":"#dcecfa","tint-yellow":"#fef7d6","tint-yellow-bold":"#f9e79f","tint-cream":"#f8f5e8",canvas:"#ffffff",surface:"#f6f5f4","surface-soft":"#fafaf9",hairline:"#e5e3df","hairline-soft":"#ede9e4","hairline-strong":"#c8c4be","hairline-dark":"rgba(255,255,255,0.16)","ink-deep":"#000000",ink:"#1a1a1a",charcoal:"#37352f",slate:"#5d5b54",steel:"#787671",stone:"#a4a097",muted:"#bbb8b1","on-dark":"#ffffff","on-dark-muted":"#a4a097"},colors:[{name:"primary",value:"#5645d4",role:"primary"},{name:"primary-pressed",value:"#4534b3",role:"primary pressed"},{name:"primary-deep",value:"#3a2a99",role:"primary deep"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"brand-navy",value:"#0a1530",role:"brand navy"},{name:"brand-navy-deep",value:"#070f24",role:"brand navy deep"},{name:"link-blue",value:"#0075de",role:"link blue"},{name:"brand-pink",value:"#ff64c8",role:"brand pink"},{name:"brand-orange",value:"#dd5b00",role:"brand orange"},{name:"brand-purple",value:"#7b3ff2",role:"brand purple"},{name:"brand-purple-800",value:"#391c57",role:"brand purple 800"},{name:"brand-orange-deep",value:"#793400",role:"brand orange deep"},{name:"brand-green",value:"#1aae39",role:"brand green"},{name:"brand-yellow",value:"#f5d75e",role:"brand yellow"},{name:"brand-teal",value:"#2a9d99",role:"brand teal"},{name:"tint-peach",value:"#ffe8d4",role:"tint peach"},{name:"tint-rose",value:"#fde0ec",role:"tint rose"},{name:"tint-mint",value:"#d9f3e1",role:"tint mint"},{name:"tint-lavender",value:"#e6e0f5",role:"tint lavender"},{name:"tint-sky",value:"#dcecfa",role:"tint sky"},{name:"tint-yellow",value:"#fef7d6",role:"tint yellow"},{name:"tint-yellow-bold",value:"#f9e79f",role:"tint yellow bold"},{name:"tint-cream",value:"#f8f5e8",role:"tint cream"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"surface",value:"#f6f5f4",role:"surface"},{name:"surface-soft",value:"#fafaf9",role:"surface soft"},{name:"hairline",value:"#e5e3df",role:"hairline"},{name:"hairline-soft",value:"#ede9e4",role:"hairline soft"},{name:"hairline-strong",value:"#c8c4be",role:"hairline strong"},{name:"hairline-dark",value:"rgba(255,255,255,0.16)",role:"hairline dark"},{name:"ink-deep",value:"#000000",role:"ink deep"},{name:"ink",value:"#1a1a1a",role:"ink"},{name:"charcoal",value:"#37352f",role:"charcoal"},{name:"slate",value:"#5d5b54",role:"slate"},{name:"steel",value:"#787671",role:"steel"},{name:"stone",value:"#a4a097",role:"stone"},{name:"muted",value:"#bbb8b1",role:"muted"},{name:"on-dark",value:"#ffffff",role:"on dark"},{name:"on-dark-muted",value:"#a4a097",role:"on dark muted"}],typography:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["14px","15px","12px","80px","18px","48px","16px","13px","22px","11px","56px","36px","10px","20px","28px"],fontWeights:["500","600","400","700"],lineHeights:["1.55","1","1.05","1.15","1.4","1.3","1.5","1.1","1.2","1.35"]},spacing:["2px","4px","5px","6px","8px","10px","11px","12px","14px","15px","16px","18px","20px","24px","31px","32px","40px","44px","48px","56px"],radii:["6px","8px","16px","50%","12px","9999px","4px","3px"],shadows:["rgba(15, 15, 15, 0.20) 0px 24px 48px -8px","rgba(15,15,15,0.04) 0px 1px 2px 0px","rgba(15,15,15,0.08) 0px 4px 12px 0px","rgba(15,15,15,0.20) 0px 24px 48px -8px","rgba(15,15,15,0.16) 0px 16px 48px -8px"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,borderColor:"theme-primary",letterSpacing:"0em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:4,fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",letterSpacing:"0em",textTransform:"none",fontWeight:400,fontStyle:"normal"},text:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(15, 15, 15, 0.20) 0px 24px 48px -8px"},header:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontStyle:"normal",letterSpacing:"0em"},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontStyle:"normal",letterSpacing:"0em"},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"0em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},activeText:{color:"theme-primary"},content:{color:"color-black"},container:{borderRadius:"8px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:"12px"},trigger:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:10},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"0em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"0em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:10},title:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"8px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"12px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"soft",typeWeight:"regular",typeCase:"normal",typeStyle:"normal",letterSpacing:"0em",accentTreatment:"flat",signatureMotif:"◇",density:"comfortable",surfaceTone:"paper",cardRadius:10,pillRadius:9999,badgeRadius:4,voice:"thoughtful-quiet"}},revolut:{metadata:{id:"revolut",label:"Revolut",sourcePath:"design.md/html/revolut.html",sourceTitle:"Design System Inspiration of Revolut",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"]},theme:{primary:"#1361F0",secondary:"#101D31",success:"#16a34a",warning:"#d97706",error:"#e61e49",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#494fdf","primary-bright":"#4f55f1","primary-deep":"#3a40c4","on-primary":"#ffffff",ink:"#191c1f",body:"#1f2226",charcoal:"#3a3d40",mute:"#505a63",ash:"#5c5e60",stone:"#8d969e",faint:"#c9c9cd","on-dark":"#ffffff","on-dark-mute":"rgba(255,255,255,0.72)","canvas-light":"#ffffff","canvas-dark":"#000000","surface-soft":"#f4f4f4","surface-card":"#ffffff","surface-deep":"#0a0a0a","surface-elevated":"#16181a","hairline-light":"#e2e2e7","hairline-dark":"rgba(255,255,255,0.12)","hairline-strong":"#191c1f","divider-soft":"rgba(255,255,255,0.06)",teal:"#00a87e","light-blue":"#007bc2","blue-link":"#376cd5","light-green":"#428619","green-text":"#006400",yellow:"#b09000",warning:"#ec7e00",pink:"#e61e49",danger:"#e23b4a","deep-red":"#8b0000",brown:"#936d62","font-display":"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif","font-ui":"'Inter', system-ui, sans-serif"},colors:[{name:"primary",value:"#1361F0",role:"primary"},{name:"primary-bright",value:"#4f55f1",role:"primary bright"},{name:"primary-deep",value:"#3a40c4",role:"primary deep"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"ink",value:"#191c1f",role:"ink"},{name:"body",value:"#1f2226",role:"body"},{name:"charcoal",value:"#3a3d40",role:"charcoal"},{name:"mute",value:"#505a63",role:"mute"},{name:"ash",value:"#5c5e60",role:"ash"},{name:"stone",value:"#8d969e",role:"stone"},{name:"faint",value:"#c9c9cd",role:"faint"},{name:"on-dark",value:"#ffffff",role:"on dark"},{name:"on-dark-mute",value:"rgba(255,255,255,0.72)",role:"on dark mute"},{name:"canvas-light",value:"#ffffff",role:"canvas light"},{name:"canvas-dark",value:"#000000",role:"canvas dark"},{name:"surface-soft",value:"#f4f4f4",role:"surface soft"},{name:"surface-card",value:"#ffffff",role:"surface card"},{name:"surface-deep",value:"#0a0a0a",role:"surface deep"},{name:"surface-elevated",value:"#16181a",role:"surface elevated"},{name:"hairline-light",value:"#e2e2e7",role:"hairline light"},{name:"hairline-dark",value:"rgba(255,255,255,0.12)",role:"hairline dark"},{name:"hairline-strong",value:"#191c1f",role:"hairline strong"},{name:"divider-soft",value:"rgba(255,255,255,0.06)",role:"divider soft"},{name:"teal",value:"#00a87e",role:"teal"},{name:"light-blue",value:"#007bc2",role:"light blue"},{name:"blue-link",value:"#376cd5",role:"blue link"},{name:"light-green",value:"#428619",role:"light green"},{name:"green-text",value:"#006400",role:"green text"},{name:"yellow",value:"#b09000",role:"yellow"},{name:"warning",value:"#d97706",role:"warning"},{name:"pink",value:"#e61e49",role:"pink"},{name:"danger",value:"#e23b4a",role:"danger"},{name:"deep-red",value:"#8b0000",role:"deep red"},{name:"brown",value:"#936d62",role:"brown"}],typography:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["16px","14px","18px","12px","96px","56px","24px","13px","32px","11px","64px","44px"],fontWeights:["600","500","700"],lineHeights:["1.5","1.0","1.56","1.4","1.33","1.19","1.6","1.2","1.35"]},spacing:["4px","6px","8px","10px","12px","13px","14px","16px","20px","24px","27px","28px","32px","36px","40px","48px","56px","64px","80px","88px"],radii:["9999px","20px","28px","36px","24px","12px","3px"],shadows:[]},components:{button:{variant:"filled",size:"md",shape:"pill",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:9999,fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",letterSpacing:"-0.02em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:20,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.08)"},header:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontStyle:"normal",letterSpacing:"-0.02em"},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontStyle:"normal",letterSpacing:"-0.02em"},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.02em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:9999},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:9999}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},activeText:{color:"color-white"},content:{color:"color-black"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:"24px"},trigger:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:20},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.02em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.02em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:20},title:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"24px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"24px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"pill",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.02em",accentTreatment:"gradient",signatureMotif:"★",density:"comfortable",surfaceTone:"glass",cardRadius:20,pillRadius:9999,badgeRadius:9999,voice:"bold-fintech"}},shopify:{metadata:{id:"shopify",label:"Shopify",sourcePath:"design.md/html/shopify.html",sourceTitle:"Design System Inspired by Shopify",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"]},theme:{primary:"#008060",secondary:"#202223",success:"#008060",warning:"#FFC453",error:"#D72C0D",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#FFFFFF"},tokens:{rawCssVars:{white:"#FFFFFF",black:"#000000","neon-green":"#36F4A4",aloe:"#C1FBD4",pistachio:"#D4F9E0","deep-teal":"#02090A","dark-forest":"#061A1C",forest:"#102620","card-border":"#1E2C31","shade-30":"#D4D4D8",muted:"#A1A1AA","shade-50":"#71717A","shade-60":"#52525B","shade-70":"#3F3F46","light-border":"#E4E4E7","link-muted":"#9797A2","shadow-card":"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},colors:[{name:"white",value:"#FFFFFF",role:"white"},{name:"black",value:"#000000",role:"black"},{name:"neon-green",value:"#36F4A4",role:"neon green"},{name:"aloe",value:"#C1FBD4",role:"aloe"},{name:"pistachio",value:"#D4F9E0",role:"pistachio"},{name:"deep-teal",value:"#02090A",role:"deep teal"},{name:"dark-forest",value:"#061A1C",role:"dark forest"},{name:"forest",value:"#102620",role:"forest"},{name:"card-border",value:"#1E2C31",role:"card border"},{name:"shade-30",value:"#D4D4D8",role:"shade 30"},{name:"muted",value:"#A1A1AA",role:"muted"},{name:"shade-50",value:"#71717A",role:"shade 50"},{name:"shade-60",value:"#52525B",role:"shade 60"},{name:"shade-70",value:"#3F3F46",role:"shade 70"},{name:"light-border",value:"#E4E4E7",role:"light border"},{name:"link-muted",value:"#9797A2",role:"link muted"},{name:"shadow-card",value:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset",role:"shadow card"}],typography:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["20px","16px","14px","80px","48px","18px","12px","13px","11px","55px","32px","28px","24px","36px"],fontWeights:["400","600","500","330","360","550","700"],lineHeights:["1.5","0.96","1.14","1.56","1.16","1.28","1.4","1.49","1.2","1.35"]},spacing:["4px","8px","10px","12px","14px","16px","20px","24px","28px","32px","40px","48px","64px","72px","80px","100px"],radii:["9999px","8px","4px","12px","2px","3px"],shadows:["rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset","0 0 0 2px var(--neon-green)","var(--shadow-card)","rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"color-aloe",color:"color-white",borderColor:"color-aloe",borderRadius:6,fontFamily:"'Inter', Helvetica, Arial, sans-serif",letterSpacing:"-0.01em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:12,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},header:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-muted",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.01em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-muted"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-muted"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-muted"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-muted",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'Inter', Helvetica, Arial, sans-serif"},activeText:{color:"color-white"},content:{color:"color-black"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-white",color:"color-black",borderRadius:"24px"},trigger:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},content:{color:"color-muted"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:12},thead:{backgroundColor:"color-white",color:"color-black"},th:{color:"color-muted",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.01em",fontStyle:"normal"},caption:{color:"color-muted",fontStyle:"italic",letterSpacing:"-0.01em"}}},avatar:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",borderRadius:12},title:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},description:{color:"color-muted",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-primary"},label:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"16px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-muted",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"24px"},item:{color:"color-muted"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},eyebrow:{color:"color-muted"},title:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},description:{color:"color-muted"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"●",density:"comfortable",surfaceTone:"paper",cardRadius:12,pillRadius:9999,badgeRadius:6,voice:"commerce-friendly"}},spacex:{metadata:{id:"spacex",label:"SpaceX",sourcePath:"design.md/html/spaceX.html",sourceTitle:"Design System Preview: SpaceX (Light)",defaultAppearance:"dark",googleFontLinks:["https://fonts.googleapis.com/css2?family=Share+Tech&display=swap"]},theme:{primary:"color-black",secondary:"#a3a3a3",success:"#4ade80",warning:"#fbbf24",error:"#ef4444",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"color-white"},tokens:{rawCssVars:{black:"#000000",spectral:"#f0f0fa","ghost-bg":"rgba(240,240,250,0.1)","ghost-border":"rgba(240,240,250,0.35)",overlay:"rgba(0,0,0,0.5)",font:"'Share Tech', Arial, Verdana, sans-serif"},colors:[{name:"black",value:"#000000",role:"black"},{name:"spectral",value:"#f0f0fa",role:"spectral"},{name:"ghost-bg",value:"rgba(240,240,250,0.1)",role:"ghost bg"},{name:"ghost-border",value:"rgba(240,240,250,0.35)",role:"ghost border"},{name:"overlay",value:"rgba(0,0,0,0.5)",role:"overlay"}],typography:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["16px","13px","12px","48px","10px","32px","11px","9px","14px"],fontWeights:["700","400","600"],lineHeights:["1.50","1.00","1.70","1.2","1.35","1.4"]},spacing:["8px","10px","12px","14px","16px","18px","20px","24px","28px","32px","48px","60px","64px","72px","80px","120px"],radii:["32px","4px","2px","3px"],shadows:[]},components:{button:{variant:"ghost",size:"md",shape:"square",color:"theme-primary",textColor:"theme-primary",views:{container:{borderRadius:0,fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,borderColor:"color-gray-200",backgroundColor:"color-gray-50",letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"normal"},content:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",color:"color-white",borderColor:"color-gray-50",borderRadius:0,fontFamily:"'Share Tech', Arial, Verdana, sans-serif",letterSpacing:"0.08em",textTransform:"uppercase",fontWeight:800,fontStyle:"normal"},text:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"square",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.08)"},header:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-200",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontStyle:"normal",letterSpacing:"0.06em"},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontStyle:"normal",letterSpacing:"0.06em"},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},helperText:{},text:{letterSpacing:"0.06em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:0},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},infoText:{color:"color-gray-200"},container:{borderRadius:0}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},infoText:{color:"color-gray-200"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"theme-primary"},valueLabel:{color:"color-gray-200"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-200",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},activeText:{color:"theme-primary"},content:{color:"theme-primary"},container:{borderRadius:"32px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"theme-primary",borderRadius:0},trigger:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},content:{color:"color-gray-200"}}},table:{views:{table:{backgroundColor:"color-white",color:"theme-primary",borderColor:"color-gray-200",borderRadius:2},thead:{backgroundColor:"color-gray-50",color:"theme-primary"},th:{color:"color-gray-200",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"theme-primary",borderColor:"color-gray-200",letterSpacing:"0.06em",fontStyle:"normal"},caption:{color:"color-gray-200",fontStyle:"italic",letterSpacing:"0.06em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary",borderRadius:"50%"},fallback:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:2},title:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},description:{color:"color-gray-200",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-primary"},label:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:0,views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-primary"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-200",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:0},item:{color:"color-gray-200"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},eyebrow:{color:"color-gray-200"},title:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},description:{color:"color-gray-200"}}},page:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary"}}}},personality:{cornerStyle:"sharp",typeWeight:"black",typeCase:"uppercase",typeStyle:"normal",letterSpacing:"0.06em",accentTreatment:"glow",signatureMotif:"⚡",density:"tight",surfaceTone:"mono",cardRadius:2,pillRadius:0,badgeRadius:0,voice:"technical-mission"}},spotify:{metadata:{id:"spotify",label:"Spotify",sourcePath:"design.md/html/spotify.html",sourceTitle:"Design System Inspired by Shopify",defaultAppearance:"dark",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"]},theme:{primary:"#1DB954",secondary:"#C1FBD4",success:"#1DB954",warning:"#D4F9E0",error:"#D4D4D8",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#000000"},tokens:{rawCssVars:{white:"#FFFFFF",black:"#000000","spotify-green":"#1DB954",aloe:"#C1FBD4",pistachio:"#D4F9E0","deep-teal":"#02090A","dark-forest":"#061A1C",forest:"#102620","card-border":"#1E2C31","shade-30":"#D4D4D8",muted:"#A1A1AA","shade-50":"#71717A","shade-60":"#52525B","shade-70":"#3F3F46","light-border":"#E4E4E7","link-muted":"#9797A2","shadow-card":"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},colors:[{name:"white",value:"#FFFFFF",role:"white"},{name:"black",value:"#000000",role:"black"},{name:"spotify-green",value:"#1DB954",role:"neon green"},{name:"aloe",value:"#C1FBD4",role:"aloe"},{name:"pistachio",value:"#D4F9E0",role:"pistachio"},{name:"deep-teal",value:"#02090A",role:"deep teal"},{name:"dark-forest",value:"#061A1C",role:"dark forest"},{name:"forest",value:"#102620",role:"forest"},{name:"card-border",value:"#1E2C31",role:"card border"},{name:"shade-30",value:"#D4D4D8",role:"shade 30"},{name:"muted",value:"#A1A1AA",role:"muted"},{name:"shade-50",value:"#71717A",role:"shade 50"},{name:"shade-60",value:"#52525B",role:"shade 60"},{name:"shade-70",value:"#3F3F46",role:"shade 70"},{name:"light-border",value:"#E4E4E7",role:"light border"},{name:"link-muted",value:"#9797A2",role:"link muted"},{name:"shadow-card",value:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset",role:"shadow card"}],typography:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["20px","16px","14px","80px","48px","18px","12px","13px","11px","55px","32px","28px","24px","36px"],fontWeights:["400","600","500","330","360","550","700"],lineHeights:["1.5","0.96","1.14","1.56","1.16","1.28","1.4","1.49","1.2","1.35"]},spacing:["4px","8px","10px","12px","14px","16px","20px","24px","28px","32px","40px","48px","64px","72px","80px","100px"],radii:["9999px","8px","4px","12px","2px","3px"],shadows:["rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset","0 0 0 2px var(--neon-green)","var(--shadow-card)","rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"]},components:{button:{variant:"filled",size:"md",shape:"pill",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,borderColor:"theme-primary",letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:9999,fontFamily:"'Inter', Helvetica, Arial, sans-serif",letterSpacing:"-0.02em",textTransform:"none",fontWeight:800,fontStyle:"normal"},text:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:8,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},header:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.02em"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.02em"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.02em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:9999},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:9999}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'Inter', Helvetica, Arial, sans-serif"},activeText:{color:"color-white"},content:{color:"color-black"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:"24px"},trigger:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:8},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.02em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.02em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:8},title:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-primary"},label:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"16px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"24px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"pill",typeWeight:"black",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.02em",accentTreatment:"flat",signatureMotif:"●",density:"comfortable",surfaceTone:"matte",cardRadius:8,pillRadius:9999,badgeRadius:9999,voice:"rhythmic-vibrant"}},stripe:{metadata:{id:"stripe",label:"Stripe",sourcePath:"design.md/html/stripe.html",sourceTitle:"Design System Preview: Stripe (Light)",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Code+Pro:wght@400;500;700&display=swap"]},theme:{primary:"#635BFF",secondary:"#f96bee",success:"#15be53",warning:"#9b6829",error:"#ea2261",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#ffffff"},tokens:{rawCssVars:{purple:"#533afd","purple-hover":"#4434d4","purple-deep":"#2e2b8c","purple-light":"#b9b9f9","purple-mid":"#665efd",navy:"#061b31","dark-navy":"#0d253d","brand-dark":"#1c1e54",white:"#ffffff",ruby:"#ea2261",magenta:"#f96bee","magenta-light":"#ffd7ef",success:"#15be53","success-text":"#108c3d",lemon:"#9b6829",slate:"#64748d","dark-slate":"#273951",border:"#e5edf5","border-purple":"#b9b9f9","border-soft":"#d6d9fc","shadow-blue":"rgba(50,50,93,0.25)","shadow-dark-blue":"rgba(3,3,39,0.25)","shadow-black":"rgba(0,0,0,0.1)","shadow-ambient":"rgba(23,23,23,0.08)","shadow-soft":"rgba(23,23,23,0.06)","shadow-card":"rgba(50,50,93,0.25) 0px 30px 45px -30px, rgba(0,0,0,0.1) 0px 18px 36px -18px","shadow-ambient-card":"rgba(23,23,23,0.08) 0px 15px 35px 0px","shadow-subtle":"rgba(23,23,23,0.06) 0px 3px 6px 0px","font-primary":"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif","font-mono":"'Source Code Pro', SFMono-Regular, ui-monospace, Menlo, monospace"},colors:[{name:"purple",value:"#533afd",role:"purple"},{name:"purple-hover",value:"#4434d4",role:"purple hover"},{name:"purple-deep",value:"#2e2b8c",role:"purple deep"},{name:"purple-light",value:"#b9b9f9",role:"purple light"},{name:"purple-mid",value:"#665efd",role:"purple mid"},{name:"navy",value:"#061b31",role:"navy"},{name:"dark-navy",value:"#0d253d",role:"dark navy"},{name:"brand-dark",value:"#1c1e54",role:"brand dark"},{name:"white",value:"#ffffff",role:"white"},{name:"ruby",value:"#ea2261",role:"ruby"},{name:"magenta",value:"#f96bee",role:"magenta"},{name:"magenta-light",value:"#ffd7ef",role:"magenta light"},{name:"success",value:"#15be53",role:"success"},{name:"success-text",value:"#108c3d",role:"success text"},{name:"lemon",value:"#9b6829",role:"lemon"},{name:"slate",value:"#64748d",role:"slate"},{name:"dark-slate",value:"#273951",role:"dark slate"},{name:"border",value:"#e5edf5",role:"border"},{name:"border-purple",value:"#b9b9f9",role:"border purple"},{name:"border-soft",value:"#d6d9fc",role:"border soft"},{name:"shadow-blue",value:"rgba(50,50,93,0.25)",role:"shadow blue"},{name:"shadow-dark-blue",value:"rgba(3,3,39,0.25)",role:"shadow dark blue"},{name:"shadow-black",value:"rgba(0,0,0,0.1)",role:"shadow black"},{name:"shadow-ambient",value:"rgba(23,23,23,0.08)",role:"shadow ambient"},{name:"shadow-soft",value:"rgba(23,23,23,0.06)",role:"shadow soft"},{name:"shadow-card",value:"rgba(50,50,93,0.25) 0px 30px 45px -30px, rgba(0,0,0,0.1) 0px 18px 36px -18px",role:"shadow card"},{name:"shadow-ambient-card",value:"rgba(23,23,23,0.08) 0px 15px 35px 0px",role:"shadow ambient card"},{name:"shadow-subtle",value:"rgba(23,23,23,0.06) 0px 3px 6px 0px",role:"shadow subtle"}],typography:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",monoFamily:"'Source Code Pro', SFMono-Regular, ui-monospace, Menlo, monospace",fontSizes:["16px","14px","48px","18px","12px","32px","13px","11px","10px","22px"],fontWeights:["100 900","300","400","500","700","600"],lineHeights:["1.40","1.15","1.10","1.50","1.2","1.35","1.4"]},spacing:["1px","6px","8px","10px","12px","14px","16px","20px","24px","28px","32px","48px","64px","72px","80px","96px"],radii:["0 0 6px 6px","4px","6px","2px","3px"],shadows:["rgba(50,50,93,0.25)","rgba(3,3,39,0.25)","rgba(0,0,0,0.1)","rgba(23,23,23,0.08)","rgba(23,23,23,0.06)","rgba(50,50,93,0.25) 0px 30px 45px -30px, rgba(0,0,0,0.1) 0px 18px 36px -18px","rgba(23,23,23,0.08) 0px 15px 35px 0px","rgba(23,23,23,0.06) 0px 3px 6px 0px","var(--shadow-subtle)","var(--shadow-card)","0 0 0 1px theme-primary","0 0 0 1px var(--ruby)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:6,fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",letterSpacing:"-0.022em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:12,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(23,23,23,0.06) 0px 3px 6px 0px"},header:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px theme-primary"},field:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.022em"},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px theme-primary"},field:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.022em"},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px theme-primary"},field:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.022em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},activeText:{color:"theme-primary"},content:{color:"color-black"},container:{borderRadius:"4px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-white",color:"color-black",borderRadius:"6px"},trigger:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:12},thead:{backgroundColor:"color-white",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"'Source Code Pro', SFMono-Regular, ui-monospace, Menlo, monospace",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.022em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.022em"}}},avatar:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",borderRadius:12},title:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"6px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"6px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.022em",accentTreatment:"gradient",signatureMotif:"↗",density:"comfortable",surfaceTone:"glass",cardRadius:12,pillRadius:9999,badgeRadius:6,voice:"refined-fintech"}},tesla:{metadata:{id:"tesla",label:"Tesla",sourcePath:"design.md/html/tesla.html",sourceTitle:"Design System Inspired by Tesla",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap"]},theme:{primary:"#3E6AE1",secondary:"#171A20",success:"#3E6AE1",warning:"#5C5E62",error:"#171A20",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#FFFFFF"},tokens:{rawCssVars:{"electric-blue":"#3E6AE1","pure-white":"#FFFFFF","carbon-dark":"#171A20",graphite:"#393C41",pewter:"#5C5E62","silver-fog":"#8E8E8E","cloud-gray":"#EEEEEE","pale-silver":"#D0D1D2","light-ash":"#F4F4F4","frosted-glass":"rgba(255,255,255,0.75)",overlay:"rgba(128,128,128,0.65)","subtle-shadow":"rgba(0,0,0,0.05)","font-display":"'Inter', -apple-system, Arial, sans-serif","font-text":"'Inter', -apple-system, Arial, sans-serif"},colors:[{name:"electric-blue",value:"#3E6AE1",role:"electric blue"},{name:"pure-white",value:"#FFFFFF",role:"pure white"},{name:"carbon-dark",value:"#171A20",role:"carbon dark"},{name:"graphite",value:"#393C41",role:"graphite"},{name:"pewter",value:"#5C5E62",role:"pewter"},{name:"silver-fog",value:"#8E8E8E",role:"silver fog"},{name:"cloud-gray",value:"#EEEEEE",role:"cloud gray"},{name:"pale-silver",value:"#D0D1D2",role:"pale silver"},{name:"light-ash",value:"#F4F4F4",role:"light ash"},{name:"frosted-glass",value:"rgba(255,255,255,0.75)",role:"frosted glass"},{name:"overlay",value:"rgba(128,128,128,0.65)",role:"overlay"},{name:"subtle-shadow",value:"rgba(0,0,0,0.05)",role:"subtle shadow"}],typography:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["14px","40px","28px","13px","12px","11px","17px","16px"],fontWeights:["400","500","700","600"],lineHeights:["1.43","48px","20px","1.2","1.3","36px","1.35","1.4"]},spacing:["4px","6px","8px","10px","12px","14px","16px","20px","24px","32px","40px","48px","56px","60px","64px","80px","100px"],radii:["4px","4px 4px 0 0","0 0 4px 4px","12px","3px"],shadows:["rgba(0,0,0,0.05)","0 1px 0 var(--pewter)"]},components:{button:{variant:"filled",size:"md",shape:"square",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:0,fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,borderColor:"theme-primary",letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:0,fontFamily:"'Inter', -apple-system, Arial, sans-serif",letterSpacing:"0.08em",textTransform:"uppercase",fontWeight:300,fontStyle:"normal"},text:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"square",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:0,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.05)"},header:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"theme-warning",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontStyle:"normal",letterSpacing:"0.02em"},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontStyle:"normal",letterSpacing:"0.02em"},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},helperText:{},text:{letterSpacing:"0.02em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:0},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},infoText:{color:"theme-warning"},container:{borderRadius:0}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},infoText:{color:"theme-warning"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"theme-warning"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"theme-warning",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Inter', -apple-system, Arial, sans-serif"},activeText:{color:"theme-primary"},content:{color:"color-black"},container:{borderRadius:"4px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:0},trigger:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},content:{color:"theme-warning"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:0},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"theme-warning",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"0.02em",fontStyle:"normal"},caption:{color:"theme-warning",fontStyle:"italic",letterSpacing:"0.02em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:0},title:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},description:{color:"theme-warning",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-primary"},label:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"4px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"theme-warning",fontFamily:"'Inter', -apple-system, Arial, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:0},item:{color:"theme-warning"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},eyebrow:{color:"theme-warning"},title:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},description:{color:"theme-warning"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"sharp",typeWeight:"light",typeCase:"uppercase",typeStyle:"normal",letterSpacing:"0.02em",accentTreatment:"flat",signatureMotif:"▲",density:"spacious",surfaceTone:"mono",cardRadius:0,pillRadius:0,badgeRadius:0,voice:"futurist-clean"}},uber:{metadata:{id:"uber",label:"Uber",sourcePath:"design.md/html/uber.html",sourceTitle:"Design System Preview: Uber (Light)",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,700&display=swap"]},theme:{primary:"color-black",secondary:"#efefef",success:"#06C167",warning:"#e2e2e2",error:"#000000",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"color-white"},tokens:{rawCssVars:{"color-black":"#000000","color-white":"#ffffff","color-hover-gray":"#e2e2e2","color-hover-light":"#f3f3f3","color-chip-gray":"#efefef","color-body-gray":"#4b4b4b","color-muted-gray":"#afafaf","shadow-card":"rgba(0, 0, 0, 0.12) 0px 4px 16px 0px","shadow-medium":"rgba(0, 0, 0, 0.16) 0px 4px 16px 0px","shadow-float":"rgba(0, 0, 0, 0.16) 0px 2px 8px 0px","shadow-press":"rgba(0, 0, 0, 0.08) 0px 0px 0px 999px inset","font-display":"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif","font-body":"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif","bg-page":"#ffffff","bg-card":"#ffffff","bg-nav":"rgba(255,255,255,0.92)","text-primary":"#000000","text-secondary":"#4b4b4b","text-tertiary":"#afafaf","border-color":"#efefef","section-label-color":"#000000"},colors:[{name:"color-black",value:"#000000",role:"color black"},{name:"color-white",value:"#ffffff",role:"color white"},{name:"color-hover-gray",value:"#e2e2e2",role:"color hover gray"},{name:"color-hover-light",value:"#f3f3f3",role:"color hover light"},{name:"color-chip-gray",value:"#efefef",role:"color chip gray"},{name:"color-body-gray",value:"#4b4b4b",role:"color body gray"},{name:"color-muted-gray",value:"#afafaf",role:"color muted gray"},{name:"shadow-card",value:"rgba(0, 0, 0, 0.12) 0px 4px 16px 0px",role:"shadow card"},{name:"shadow-medium",value:"rgba(0, 0, 0, 0.16) 0px 4px 16px 0px",role:"shadow medium"},{name:"shadow-float",value:"rgba(0, 0, 0, 0.16) 0px 2px 8px 0px",role:"shadow float"},{name:"shadow-press",value:"rgba(0, 0, 0, 0.08) 0px 0px 0px 999px inset",role:"shadow press"},{name:"bg-page",value:"#ffffff",role:"bg page"},{name:"bg-card",value:"#ffffff",role:"bg card"},{name:"bg-nav",value:"rgba(255,255,255,0.92)",role:"bg nav"},{name:"text-primary",value:"#000000",role:"text primary"},{name:"text-secondary",value:"#4b4b4b",role:"text secondary"},{name:"text-tertiary",value:"#afafaf",role:"text tertiary"},{name:"border-color",value:"#efefef",role:"border color"},{name:"section-label-color",value:"#000000",role:"section label color"}],typography:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["16px","18px","14px","64px","20px","12px","36px","13px","24px","28px"],fontWeights:["700","500","400","600"],lineHeights:["1.50","1.10","1.22","1.33","2.0","1.2","1.35","1.4"]},spacing:["8px","10px","12px","14px","16px","20px","24px","28px","32px","36px","40px","50px","60px","64px","80px","100px","120px","140px"],radii:["8px","999px","12px","16px","4px","3px"],shadows:["rgba(0, 0, 0, 0.12) 0px 4px 16px 0px","rgba(0, 0, 0, 0.16) 0px 4px 16px 0px","rgba(0, 0, 0, 0.16) 0px 2px 8px 0px","rgba(0, 0, 0, 0.08) 0px 0px 0px 999px inset","var(--shadow-card)","var(--shadow-float)","var(--shadow-medium)","0 0 0 1px color-black","rgba(0,0,0,0.12) 0px 4px 16px 0px","rgba(0,0,0,0.16) 0px 4px 16px 0px","rgba(0,0,0,0.16) 0px 2px 8px 0px","rgba(0,0,0,0.08) 0px 0px 0px 999px inset"]},components:{button:{variant:"filled",size:"md",shape:"square",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:0,fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:0,fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",letterSpacing:"-0.01em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"square",views:{container:{backgroundColor:"color-white",borderColor:"theme-warning",color:"theme-primary",borderRadius:4,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0, 0, 0, 0.12) 0px 4px 16px 0px"},header:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:600,borderColor:"theme-warning"},content:{color:"color-gray-500",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},footer:{borderColor:"theme-warning"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"theme-warning",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px color-black"},field:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"theme-warning",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px color-black"},field:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"theme-warning",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px color-black"},field:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.01em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"theme-warning",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:0},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:0}}},radio:{size:"md",views:{radio:{borderColor:"theme-warning",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"theme-warning"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"theme-warning"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"theme-primary"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"theme-warning"},tab:{color:"color-gray-500",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},activeText:{color:"color-white"},content:{color:"theme-primary"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"theme-warning",backgroundColor:"color-white",color:"theme-primary",borderRadius:0},trigger:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"theme-primary",borderColor:"theme-warning",borderRadius:4},thead:{backgroundColor:"color-white",color:"theme-primary"},th:{color:"color-gray-500",borderColor:"theme-warning",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"theme-warning"},td:{color:"theme-primary",borderColor:"theme-warning",letterSpacing:"-0.01em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.01em"}}},avatar:{views:{container:{backgroundColor:"color-white",borderColor:"theme-warning",color:"theme-primary",borderRadius:"50%"},fallback:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-white",borderColor:"theme-warning",borderRadius:4},title:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-primary"},label:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"theme-warning",radius:"8px",views:{container:{backgroundColor:"theme-warning",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-primary"}}},loader:{color:"theme-primary"},separator:{color:"theme-warning",views:{container:{borderColor:"theme-warning"},label:{color:"color-gray-500",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"theme-warning",color:"theme-primary",borderRadius:0},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},section:{backgroundColor:"color-white",borderColor:"theme-warning"},surface:{backgroundColor:"color-white",borderColor:"theme-warning",color:"theme-primary"}}}},personality:{cornerStyle:"sharp",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"▶",density:"tight",surfaceTone:"mono",cardRadius:4,pillRadius:0,badgeRadius:0,voice:"motion-utility"}},vercel:{metadata:{id:"vercel",label:"Vercel",sourcePath:"design.md/html/vercel.html",sourceTitle:"Design System Preview: Vercel (Light)",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap"]},theme:{primary:"color-black",secondary:"#0072f5",success:"#0a72ef",warning:"#de1d8d",error:"#ff5b4f",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"color-white"},tokens:{rawCssVars:{black:"#171717",white:"#ffffff","gray-50":"#fafafa","gray-100":"#ebebeb","gray-400":"#808080","gray-500":"#666666","gray-600":"#4d4d4d","link-blue":"#0072f5","focus-blue":"hsl(212,100%,48%)","ship-red":"#ff5b4f","preview-pink":"#de1d8d","develop-blue":"#0a72ef","console-blue":"#0070f3","console-purple":"#7928ca","console-pink":"#eb367f","badge-bg":"#ebf5ff","badge-text":"#0068d6","shadow-ring":"rgba(0,0,0,0.08) 0px 0px 0px 1px","shadow-ring-light":"rgb(235,235,235) 0px 0px 0px 1px","shadow-subtle":"rgba(0,0,0,0.04) 0px 2px 2px 0px","shadow-card":"rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgb(250,250,250) 0px 0px 0px 1px","shadow-card-full":"rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgba(0,0,0,0.04) 0px 8px 8px -8px, rgb(250,250,250) 0px 0px 0px 1px","font-sans":"'Geist', system-ui, -apple-system, Arial, sans-serif","font-mono":"'Geist Mono', ui-monospace, SFMono-Regular, 'Roboto Mono', Menlo, monospace"},colors:[{name:"black",value:"#171717",role:"black"},{name:"white",value:"#ffffff",role:"white"},{name:"gray-50",value:"#fafafa",role:"gray 50"},{name:"gray-100",value:"#ebebeb",role:"gray 100"},{name:"gray-400",value:"#808080",role:"gray 400"},{name:"gray-500",value:"#666666",role:"gray 500"},{name:"gray-600",value:"#4d4d4d",role:"gray 600"},{name:"link-blue",value:"#0072f5",role:"link blue"},{name:"focus-blue",value:"hsl(212,100%,48%)",role:"focus blue"},{name:"ship-red",value:"#ff5b4f",role:"ship red"},{name:"preview-pink",value:"#de1d8d",role:"preview pink"},{name:"develop-blue",value:"#0a72ef",role:"develop blue"},{name:"console-blue",value:"#0070f3",role:"console blue"},{name:"console-purple",value:"#7928ca",role:"console purple"},{name:"console-pink",value:"#eb367f",role:"console pink"},{name:"badge-bg",value:"#ebf5ff",role:"badge bg"},{name:"badge-text",value:"#0068d6",role:"badge text"},{name:"shadow-ring",value:"rgba(0,0,0,0.08) 0px 0px 0px 1px",role:"shadow ring"},{name:"shadow-ring-light",value:"rgb(235,235,235) 0px 0px 0px 1px",role:"shadow ring light"},{name:"shadow-subtle",value:"rgba(0,0,0,0.04) 0px 2px 2px 0px",role:"shadow subtle"},{name:"shadow-card",value:"rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgb(250,250,250) 0px 0px 0px 1px",role:"shadow card"},{name:"shadow-card-full",value:"rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgba(0,0,0,0.04) 0px 8px 8px -8px, rgb(250,250,250) 0px 0px 0px 1px",role:"shadow card full"}],typography:{fontFamily:"var(--font-sans)",monoFamily:"'Geist Mono', ui-monospace, SFMono-Regular, 'Roboto Mono', Menlo, monospace",fontSizes:["16px","14px","48px","20px","12px","32px","13px","11px","10px","36px"],fontWeights:["400","600","500","700"],lineHeights:["1.50","1.00","1.80","1.25","1.2","1.35","1.4"]},spacing:["2px","4px","8px","10px","12px","14px","16px","20px","24px","28px","32px","48px","64px","72px","80px","96px"],radii:["6px","8px","9999px","3px"],shadows:["rgba(0,0,0,0.08) 0px 0px 0px 1px","rgb(235,235,235) 0px 0px 0px 1px","rgba(0,0,0,0.04) 0px 2px 2px 0px","rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgb(250,250,250) 0px 0px 0px 1px","rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgba(0,0,0,0.04) 0px 8px 8px -8px, rgb(250,250,250) 0px 0px 0px 1px","var(--shadow-ring)","var(--shadow-ring-light)","var(--shadow-card)","var(--shadow-card-full)","0 0 0 2px var(--focus-blue)","0 0 0 2px var(--ship-red)"]},components:{button:{variant:"filled",size:"md",shape:"square",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:4,fontFamily:"var(--font-sans)",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:4,fontFamily:"var(--font-sans)",letterSpacing:"-0.04em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"var(--font-sans)",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary",borderRadius:4,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.08) 0px 0px 0px 1px"},header:{color:"theme-primary",fontFamily:"var(--font-sans)",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"var(--font-sans)"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.08) 0px 0px 0px 1px"},field:{color:"theme-primary",fontFamily:"var(--font-sans)",fontStyle:"normal",letterSpacing:"-0.04em"},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.08) 0px 0px 0px 1px"},field:{color:"theme-primary",fontFamily:"var(--font-sans)",fontStyle:"normal",letterSpacing:"-0.04em"},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.08) 0px 0px 0px 1px"},field:{color:"theme-primary",fontFamily:"var(--font-sans)"},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.04em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:0},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:0}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"theme-primary"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"var(--font-sans)"},activeText:{color:"theme-primary"},content:{color:"theme-primary"},container:{borderRadius:"6px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"theme-primary",borderRadius:"6px"},trigger:{color:"theme-primary",fontFamily:"var(--font-sans)"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"theme-primary",borderColor:"color-gray-200",borderRadius:4},thead:{backgroundColor:"color-gray-50",color:"theme-primary"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"'Geist Mono', ui-monospace, SFMono-Regular, 'Roboto Mono', Menlo, monospace",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"theme-primary",borderColor:"color-gray-200",letterSpacing:"-0.04em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.04em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary",borderRadius:"50%"},fallback:{color:"theme-primary",fontFamily:"var(--font-sans)"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:4},title:{color:"theme-primary",fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"var(--font-sans)"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"theme-primary",fontFamily:"var(--font-sans)"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"6px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-primary"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"var(--font-sans)"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:"6px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"var(--font-sans)"},eyebrow:{color:"color-gray-500"},title:{color:"theme-primary",fontFamily:"var(--font-sans)"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"var(--font-sans)"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary"}}}},personality:{cornerStyle:"sharp",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.04em",accentTreatment:"flat",signatureMotif:"▲",density:"comfortable",surfaceTone:"mono",cardRadius:4,pillRadius:4,badgeRadius:4,voice:"deploy-geometric"}}},dc=Object.values(Xr),un=sc,Vo=e=>!!e&&typeof e=="object"&&!Array.isArray(e)&&Object.prototype.toString.call(e)==="[object Object]",Kr=e=>e,Ee=(...e)=>{const o={};return e.forEach(t=>{Vo(t)&&Object.entries(t).forEach(([n,a])=>{if(a!=null){if(Vo(a)&&Vo(o[n])){o[n]=Ee(o[n],a);return}o[n]=a}})}),o},yn=e=>{if(Array.isArray(e)||!Vo(e))return e;const o={};for(const[t,n]of Object.entries(e))n!==null&&(o[t]=Vo(n)?yn(n):n);return o},Jr=(e,o)=>{if(!o)return{};const t=o.components[e]||{};return Kr(yn(t))},bn=(e,o,t)=>{const{config:n,...a}=o,l=Jr(e,t),c=Ee(l,n||{});return Kr(Ee(c,a))},xn=h.createContext({isEnabled:!1}),Qr=({children:e,config:o,configId:t,mode:n})=>{const a=o||(t?Xr[t]:null)||un,{themeMode:l}=i.useTheme(),c=n??l??a.metadata.defaultAppearance,d=h.useMemo(()=>({config:a,configId:a.metadata.id,isEnabled:!0}),[a]);return r.jsx(xn.Provider,{value:d,children:r.jsx(i.ThemeProvider,{theme:a.theme,mode:c,transparentWrapper:!0,children:r.jsx("div",{"data-design-system":a.metadata.id,"data-appearance":c,style:{display:"contents"},children:e})})})},lr=()=>h.useContext(xn),mo=e=>{const{config:o}=lr();return Jr(e,o)},me=(e,o)=>{const{config:t}=lr();return bn(e,o,t)},kn=h.createContext({expandedItems:[],toggleItem:()=>{},isItemExpanded:()=>!1,type:"single",collapsible:!1,baseId:""}),gc=({children:e,value:o})=>r.jsx(kn.Provider,{value:o,children:e}),Cn=()=>{const e=h.useContext(kn);if(!e)throw new Error("useAccordionContext must be used within an AccordionProvider");return e},hc=({value:e,children:o,isDisabled:t=!1,views:n,...a})=>{var p;const{isItemExpanded:l,baseId:c}=Cn(),d=mo("accordion"),g=Ee({item:(p=d.views)==null?void 0:p.container},n),s=l(e),m=`${c}-trigger-${e}`,f=`${c}-content-${e}`;return r.jsx(i.View,{borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",overflow:"hidden",opacity:t?.5:1,pointerEvents:t?"none":"auto","data-state":s?"open":"closed","data-disabled":t?"":void 0,...g==null?void 0:g.item,...a,children:h.Children.map(o,u=>h.isValidElement(u)?h.cloneElement(u,{...u.props,value:e,isExpanded:s,isDisabled:t,triggerId:m,contentId:f}):u)})},mc=({children:e,value:o,isExpanded:t,isDisabled:n,triggerId:a,contentId:l,views:c,asChild:d=!1,...g})=>{var y;const{toggleItem:s}=Cn(),m=mo("accordion"),f=Ee({container:(y=m.views)==null?void 0:y.trigger},c),u={id:a,"aria-expanded":t,"aria-controls":l,"aria-disabled":n,"data-state":t?"open":"closed","data-disabled":n?"":void 0,onClick:()=>{o&&!n&&s(o)},padding:16,cursor:n?"not-allowed":"pointer",alignItems:"center",justifyContent:"space-between",width:"100%",style:{backgroundColor:"transparent"},...f==null?void 0:f.container,...g};if(d&&h.isValidElement(e)){const b=h.Children.only(e);return h.cloneElement(b,{...u,...b.props})}return r.jsxs(i.Horizontal,{...u,children:[e,r.jsx(i.View,{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.2s ease",transform:t?"rotate(180deg)":"rotate(0deg)",...f==null?void 0:f.icon,children:r.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r.jsx("path",{d:"M16.59 8.59L12 13.17L7.41 8.59L6 10L12 16L18 10L16.59 8.59Z",fill:"currentColor"})})})]})},fc=({children:e,isExpanded:o,isDisabled:t,triggerId:n,contentId:a,views:l,...c})=>{var S;const d=mo("accordion"),g=Ee({container:(S=d.views)==null?void 0:S.content},l),s=260,m=h.useRef(null),f=h.useRef(null),[p,u]=h.useState(!!o),[y,b]=h.useState(o?"none":"0px"),[x,k]=h.useState(o?1:0);return h.useEffect(()=>()=>{f.current&&clearTimeout(f.current)},[]),h.useEffect(()=>{var C;if(f.current&&(clearTimeout(f.current),f.current=null),o){u(!0),requestAnimationFrame(()=>{var T;const w=((T=m.current)==null?void 0:T.scrollHeight)??0;b(`${w}px`),k(1)});return}const v=((C=m.current)==null?void 0:C.scrollHeight)??0;b(`${v}px`),k(1),requestAnimationFrame(()=>{b("0px"),k(0)}),f.current=setTimeout(()=>{u(!1)},s)},[o,e]),h.useEffect(()=>{var C;if(!o||!p)return;const v=((C=m.current)==null?void 0:C.scrollHeight)??0;b(`${v}px`)},[e,o,p]),p?r.jsx(i.View,{id:a,role:"region","aria-labelledby":n,overflow:"hidden",maxHeight:y,opacity:x,transition:`max-height ${s}ms cubic-bezier(0.22, 1, 0.36, 1), opacity ${s}ms ease`,"data-state":o?"open":"closed","data-disabled":t?"":void 0,style:{backgroundColor:"transparent"},...g==null?void 0:g.container,...c,children:r.jsx(i.View,{ref:m,padding:16,children:e})}):null},pc=({children:e,shape:o="rounded",variant:t="default",views:n,baseId:a,type:l,collapsible:c,themeMode:d,...g})=>r.jsx(i.Vertical,{width:"100%","data-orientation":"vertical",...ic[o],...cc[t],...n==null?void 0:n.container,...g,children:e}),Pe=e=>{const o=me("accordion",e),{children:t,type:n="single",value:a,defaultValue:l,onValueChange:c,collapsible:d=!1,shape:g="rounded",variant:s="default",views:m,...f}=o,p=Array.isArray(l)?l:l?[l]:void 0,u=lc({type:n,value:a,defaultValue:l??p,onValueChange:c,collapsible:d});return r.jsx(gc,{value:{expandedItems:u.expandedItems,toggleItem:u.toggleItem,isItemExpanded:u.isItemExpanded,type:u.type,collapsible:u.collapsible,baseId:u.baseId},children:r.jsx(pc,{shape:g,variant:s,views:m,baseId:u.baseId,type:u.type,collapsible:u.collapsible,...f,children:t})})};Pe.Item=hc,Pe.Trigger=mc,Pe.Content=fc;const Zr=new Map,uc=(e,o,t)=>(Zr.has(e)||Zr.set(e,h.lazy(()=>import("lucide-react/dynamicIconImports").then(n=>{const a=n.default[e];return a?a():{default:()=>r.jsx(r.Fragment,{children:o||t})}}))),Zr.get(e)),wn=h.memo(({widthHeight:e,color:o="currentColor",transform:t,orientation:n="up",children:a,...l})=>r.jsx(i.View,{widthHeight:e,color:o,display:"flex",alignItems:"center",justifyContent:"center",transform:t||(n==="left"?"rotate(-90deg)":n==="right"?"rotate(90deg)":n==="up"?"rotate(0deg)":n==="down"?"rotate(180deg)":"none"),...l,children:a})),ir=h.memo(({name:e="circle",widthHeight:o=24,color:t="currentColor",filled:n=!1,strokeWidth:a=1,size:l,children:c,fallback:d,...g})=>{const{getColor:s}=i.useTheme(),m=l||o,f=h.useMemo(()=>{const y=s(t);return{fill:n?y:"none",stroke:y,strokeWidth:a,strokeLinecap:"round",strokeLinejoin:"round"}},[n,t,a,s]);if(!e)return r.jsx(wn,{widthHeight:o,color:t,...g,children:c});const p=e.toLowerCase().replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),u=uc(p,d,c);return r.jsx(wn,{widthHeight:m,color:t,...g,children:r.jsx(h.Suspense,{fallback:d||null,children:r.jsx(u,{size:m,...f})})})}),U=(e,o={})=>{const t=n=>r.jsx(ir,{name:e,...o,...n});return t.displayName=`${e}Icon`,t},yc=U("user",{filled:!1}),bc=U("circle-help",{filled:!1}),xc=U("folder",{filled:!1}),se=U("chevron-up",{filled:!1}),kc=U("grip-vertical",{filled:!1}),eo=U("file",{filled:!1}),Cc=U("video",{filled:!1}),wc=U("image",{filled:!1}),fo=U("volume",{filled:!1}),Sc=U("twitter",{filled:!1}),vc=U("x",{filled:!1}),Tc=U("twitch",{filled:!1}),Te=U("x",{filled:!1,strokeWidth:2}),Ic=U("instagram",{filled:!1}),Fc=U("youtube",{filled:!1}),zc=U("facebook",{filled:!1}),Mc=U("linkedin",{filled:!1}),Wc=U("at-sign",{filled:!1}),Sn=U("minus",{filled:!1}),Ge=U("info",{filled:!1}),vn=U("play",{filled:!1}),Pc=U("pause",{filled:!1}),Hc=U("heart",{filled:!1}),jc=U("star",{filled:!1}),Ac=U("save",{filled:!1}),Rr=U("triangle-alert",{filled:!1}),Vc=U("battery",{filled:!1}),Ec=U("bookmark",{filled:!1}),Dc=U("cloud",{filled:!1}),$c=U("copy",{filled:!1}),cr=U("trash",{filled:!1}),Lc=cr,Bc=U("edit",{filled:!1}),et=U("mic",{filled:!1}),sr=U("square",{filled:!1}),ot=U("send",{filled:!1}),rt=U("loader",{filled:!1}),Eo=U("paperclip",{filled:!1}),dr=U("search",{filled:!1}),_c=U("home",{filled:!1}),Tn=U("settings",{filled:!1}),Oc=U("download",{filled:!1}),In=U("share",{filled:!1}),gr=U("check",{filled:!1}),Nc=U("plus",{filled:!1}),tt=U("eye-off",{filled:!1}),nt=U("eye",{filled:!1}),qc=U("lock",{filled:!1}),Uc=U("user",{filled:!1}),Fn=U("external-link",{filled:!1}),at=U("check-circle",{filled:!1}),hr=U("alert-circle",{filled:!1}),Gc=U("bell",{filled:!1}),Yc=U("file-text",{filled:!1}),Xc=U("bar-chart",{filled:!1}),Kc=U("moon",{filled:!1}),zn=U("panel-left",{filled:!1}),lt=U("upload",{filled:!1}),Jc=gr,Qc=e=>r.jsx(se,{orientation:"left",...e}),Zc=U("zoom-out",{filled:!1}),Rc=U("type",{filled:!1}),es=U("shapes",{filled:!1}),os=U("rotate-cw",{filled:!1}),rs=U("gift",{filled:!1}),ts=U("shield",{filled:!1}),ns=U("log-out",{filled:!1}),as=U("power",{filled:!1}),ls=U("link",{filled:!1}),is=U("layout",{filled:!1}),cs=U("zap",{filled:!1}),ss=U("credit-card",{filled:!1}),ds=U("more-horizontal",{filled:!1}),gs=cr,hs=U("filter",{filled:!1}),ms=U("calendar",{filled:!1}),fs=U("clock",{filled:!1}),ps=U("map-pin",{filled:!1}),us=U("menu",{filled:!1}),ys=U("refresh-cw",{filled:!1}),bs=U("printer",{filled:!1}),xs=U("wand",{filled:!1}),ks=U("thumbs-down",{filled:!1}),Cs=U("thumbs-up",{filled:!1}),ws=U("camera",{filled:!1}),Ss=U("bluetooth",{filled:!1}),vs=U("unlock",{filled:!1}),Ts=U("wifi",{filled:!1}),Is=U("arrow-right",{filled:!1}),Fs=U("arrow-up",{filled:!1}),zs=U("loader",{filled:!1}),Ms=U("sliders-horizontal",{filled:!1}),Ws=U("crop",{filled:!1}),Ps=U("zoom-in",{filled:!1}),Hs=U("grip-horizontal",{filled:!1}),Mn=U("mouse-pointer-2",{filled:!1}),js=e=>{const o=e==="dark";return{default:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",boxShadow:o?"0 1px 3px rgba(0, 0, 0, 0.3)":"0 1px 2px rgba(0, 0, 0, 0.05)"},content:{color:"color-gray-700"},icon:{color:"color-gray-500"}},info:{container:{backgroundColor:"color-blue-50",borderColor:"color-blue-200",boxShadow:o?"0 1px 3px rgba(29, 78, 216, 0.25)":"0 1px 2px rgba(59, 130, 246, 0.05)"},content:{color:"color-blue-700"},icon:{color:"color-blue-500"}},success:{container:{backgroundColor:"color-green-50",borderColor:"color-green-200",boxShadow:o?"0 1px 3px rgba(34, 197, 94, 0.2)":"0 1px 2px rgba(34, 197, 94, 0.05)"},content:{color:"color-green-700"},icon:{color:"color-green-500"}},error:{container:{backgroundColor:"color-red-50",borderColor:"color-red-200",boxShadow:o?"0 1px 3px rgba(239, 68, 68, 0.2)":"0 1px 2px rgba(239, 68, 68, 0.05)"},content:{color:"color-red-700"},icon:{color:"color-red-500"}},warning:{container:{backgroundColor:"color-orange-50",borderColor:"color-orange-200",boxShadow:o?"0 1px 3px rgba(249, 115, 22, 0.2)":"0 1px 2px rgba(249, 115, 22, 0.05)"},content:{color:"color-orange-700"},icon:{color:"color-orange-500"}}}},As=h.memo(({icon:e,title:o="",views:t,description:n="",variant:a="default",themeMode:l,children:c,...d})=>{const{themeMode:g}=i.useTheme(),s=l||g,m=h.useMemo(()=>js(s),[s]),f=()=>{var y;if(e)return e;const u={size:20,color:((y=t==null?void 0:t.icon)==null?void 0:y.color)??m[a].icon.color};switch(a){case"info":return r.jsx(Ge,{...u});case"success":return r.jsx(at,{...u});case"error":return r.jsx(hr,{...u});case"warning":default:return r.jsx(Rr,{...u})}};return r.jsxs(i.Horizontal,{gap:12,padding:"12px 16px",flexWrap:"nowrap",alignItems:"flex-start",borderRadius:"8px",borderWidth:"1px",borderStyle:"solid",borderColor:m[a].container.borderColor,backgroundColor:m[a].container.backgroundColor,boxShadow:m[a].container.boxShadow,transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",...t==null?void 0:t.container,...d,children:[r.jsx(i.View,{alignSelf:"flex-start",marginTop:"2px",...t==null?void 0:t.icon,children:f()}),r.jsxs(i.Vertical,{gap:4,children:[o?r.jsx(i.Text,{fontSize:"14px",fontWeight:"600",lineHeight:"20px",color:m[a].content.color,...t==null?void 0:t.title,children:o}):null,r.jsx(i.Text,{fontSize:"12px",fontWeight:"400",lineHeight:"16px",color:m[a].content.color,...t==null?void 0:t.description,children:n||c})]})]})}),it=e=>{const o=me("alert",e);return r.jsx(As,{...o})},Vs=({ratio:e=16/9,children:o,views:t,...n})=>r.jsx(i.View,{width:"100%",position:"relative",overflow:"hidden",paddingTop:`${1/e*100}%`,borderRadius:8,...n,...t==null?void 0:t.center,children:r.jsx(i.View,{position:"absolute",top:0,right:0,bottom:0,left:0,...t==null?void 0:t.view,children:o})}),Wn=({ratio:e,children:o,...t})=>r.jsx(Vs,{ratio:e,...t,children:o});function Es(e,o,t){return Math.min(Math.max(e,o),t)}const Ds=({bars:e,isPaused:o,...t})=>{const a=[6,16,23,24,18,9,14,22,24,20,11,12,20,24,21,13,9,19,24,23,16,7,17,23,23,18,8,15,22,24,20,10];return r.jsx(i.Horizontal,{alignItems:"center",minWidth:120,gap:2,height:24,width:"100%",maxWidth:"100%",...t,children:e.map((l,c)=>r.jsx(i.View,{width:3,borderRadius:2,backgroundColor:o?"color-gray-300":l>=0?"theme-primary":"color-gray-300",style:{height:`${l>=0?Es(l*300,6,24):a[c%a.length]}px`}},c))})},ct=({analyserNode:e,isPaused:o,...t})=>{const n=h.useRef(null),a=60,l=32,[c,d]=h.useState([]);return h.useEffect(()=>{if(!e){d(Array(a).fill(-1));return}const g=e.frequencyBinCount,s=new Uint8Array(g),m=()=>{e.getByteTimeDomainData(s);let f=0;for(let u=0;u<g;u++){const y=(s[u]-128)/128;f+=y*y}const p=Math.sqrt(f/g);h.startTransition(()=>{d(u=>{const b=[...u,p].slice(-a);return b.length<a?[...Array(a-b.length).fill(-1),...b]:b})})};return n.current=setInterval(m,l),()=>{n.current&&clearInterval(n.current)}},[e]),r.jsx(Ds,{bars:c,isPaused:o,...t})},mr=ar.create(e=>({visible:!1,title:"",subtitle:"",variant:"info",isClosable:!1,views:{},action:()=>{},actionText:"",showIcon:!1,timeout:3e3,show:(o,t="",n="",a,l,c,d,g,s)=>e({visible:!0,variant:o,title:t,subtitle:n,isClosable:a,views:l,action:c,actionText:d,showIcon:g,timeout:s}),hide:()=>e({visible:!1})})),Pn=(e,o,t,n)=>{mr.getState().show(e,o,t,n==null?void 0:n.isClosable,n==null?void 0:n.views,n==null?void 0:n.action,n==null?void 0:n.actionText,n==null?void 0:n.showIcon,n==null?void 0:n.timeout)},Hn=()=>{mr.getState().hide()},$s={info:{container:{backgroundColor:"color-white",border:"rgba(191, 219, 254, 0.95)"},icon:{color:"theme-primary",name:"InformationIcon"},content:{color:"color-gray-900"},close:{color:"color-gray-500",name:"CloseIcon"}},success:{container:{backgroundColor:"#F0FDF4",border:"#BBF7D0"},icon:{color:"#16A34A",name:"SuccessIcon"},content:{color:"#14532D"},close:{color:"#15803D",name:"CloseIcon"}},error:{container:{backgroundColor:"#FEF2F2",border:"#FECACA"},icon:{color:"#DC2626",name:"ErrorIcon"},content:{color:"#7F1D1D"},close:{color:"#B91C1C",name:"CloseIcon"}},warning:{container:{backgroundColor:"#FFF7ED",border:"#FED7AA"},icon:{color:"#EA580C",name:"WarningIcon"},content:{color:"#9A3412"},close:{color:"#C2410C",name:"CloseIcon"}}},jn=({variant:e,hide:o,title:t,subtitle:n,theme:a,action:l,actionText:c,showIcon:d=!1,isClosable:g=!1,timeout:s=3e3,views:m})=>{var k,S;h.useEffect(()=>{if(s&&!g){const v=setTimeout(()=>{o()},s);return()=>{clearTimeout(v)}}},[]);const f=a??$s,p=!!(l&&c),u={borderWidth:1,borderStyle:"solid",borderRadius:12,borderColor:`${f[e].container.border}`,boxShadow:"0 8px 24px rgba(15, 23, 42, 0.06)"},y={info:"#3b82f6",success:"#4ade80",warning:"#f97316",error:"#ef4444"}[e],b={info:r.jsx(Ge,{widthHeight:24,color:y,...m==null?void 0:m.icon}),success:r.jsx(at,{widthHeight:24,color:y,...m==null?void 0:m.icon}),warning:r.jsx(Rr,{widthHeight:24,color:y,...m==null?void 0:m.icon}),error:r.jsx(hr,{widthHeight:24,color:y,...m==null?void 0:m.icon})}[e],x=d&&b;return r.jsxs(i.Horizontal,{role:"messageContent",gap:12,width:"100%",maxWidth:520,flexWrap:"nowrap",position:"relative",alignItems:"flex-start",padding:"12px 14px",color:`${f[e].content.color}`,backgroundColor:`${f[e].container.backgroundColor}`,onClick:g?()=>{}:()=>{o()},...u,transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",...m==null?void 0:m.container,children:[x&&b,r.jsxs(i.Vertical,{gap:4,width:"100%",children:[r.jsx(i.Text,{size:"md",weight:"semiBold",...m==null?void 0:m.title,children:t}),n&&r.jsx(i.Text,{size:"sm",lineHeight:"20px",color:f[e].content.color,...m==null?void 0:m.subtitle,children:n})]}),p&&r.jsx(i.View,{as:"button",type:"button",onClick:l,backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:f[e].container.border,borderRadius:"9999px",padding:"6px 12px",cursor:"pointer",transition:"background-color 0.2s ease, border-color 0.2s ease",...m==null?void 0:m.actionText,children:r.jsx(i.Text,{whiteSpace:"nowrap",size:"sm",weight:"semiBold",color:f[e].content.color,children:c})}),g&&r.jsx(i.View,{position:"absolute",zIndex:1e4,right:8,top:8,onClick:()=>{o()},cursor:"pointer",padding:"4px",borderRadius:"9999px",transition:"background-color 0.2s ease",...(k=m==null?void 0:m.closingIcon)==null?void 0:k.container,children:r.jsx(Te,{widthHeight:16,color:f[e].close.color,...(S=m==null?void 0:m.closingIcon)==null?void 0:S.icon})})]})},Ls=({container:e,theme:o,position:t="topRight"})=>{const{visible:n,title:a,variant:l,subtitle:c,isClosable:d,views:g,action:s,actionText:m,showIcon:f,timeout:p}=mr(),u={topLeft:{top:6,left:8},topRight:{top:6,right:8},bottomLeft:{bottom:8,left:6},bottomRight:{bottom:8,right:6}}[t],y=()=>r.jsx(jn,{variant:l,subtitle:c,show:n,title:a,theme:o,isClosable:d,views:g,action:s,actionText:m,showIcon:f,timeout:p,hide:()=>Hn()}),b=e?h.cloneElement(e,{},y()):r.jsx(i.View,{position:"absolute",zIndex:1e4,...u,children:y()});return n?b:null},Bs=(e,o)=>{const t=document.createElement("video");t.preload="metadata",t.onloadedmetadata=()=>{t.currentTime=1},t.oncanplay=()=>{const n=document.createElement("canvas");n.width=t.videoWidth,n.height=t.videoHeight;const a=n.getContext("2d");if(a){a.drawImage(t,0,0,n.width,n.height);const l=n.toDataURL("image/jpeg");o(l)}URL.revokeObjectURL(t.src)},t.src=URL.createObjectURL(e)},_s=({maxSize:e=100*1024*1024,onFileSelect:o,onMultipleFileSelect:t,validateFile:n,thumbnail:a,multiple:l=!1,onError:c=d=>{Pn("error","Error",d)}})=>{const d=h.useRef(null),g=h.useRef(null),[s,m]=h.useState(null),[f,p]=h.useState([]),[u,y]=h.useState(null),[b,x]=h.useState(null),[k,S]=h.useState(a||null),v=h.useCallback(w=>{const T=w.target.files;if(y(null),!T||T.length===0){c("No file selected"),y("No file selected");return}if(l){const z=Array.from(T),M=[];for(const j of z){if(j.size>e){c(`File ${j.name} exceeds ${Math.round(e/(1024*1024))}MB.`),y(`File ${j.name} exceeds ${Math.round(e/(1024*1024))}MB.`);continue}if(n){const $=n(j);if($){c(`${j.name}: ${$}`),y(`${j.name}: ${$}`);continue}}M.push(j)}M.length>0&&(p(M),t&&t(M))}else{const z=T[0];if(z.size>e){c(`File exceeds ${Math.round(e/(1024*1024))}MB.`),y(`File exceeds ${Math.round(e/(1024*1024))}MB.`);return}if(n){const M=n(z);if(M){c(M),y(M);return}}x(URL.createObjectURL(z)),z.type.startsWith("video/")&&Bs(z,S),o&&(m(z),o(z))}},[e,o,t,n,l]),C=()=>{var w;return(w=d.current)==null?void 0:w.click()};return h.useEffect(()=>()=>{b&&URL.revokeObjectURL(b),k&&URL.revokeObjectURL(k)},[b,k]),{previewUrl:b,thumbnailUrl:k,errorMessage:u,fileInputRef:d,videoRef:g,selectedFile:s,selectedFiles:f,handleFileChange:v,handleClick:C}},Os=({accept:e,isLoading:o=!1,progress:t=0,icon:n,text:a,previewUrl:l,thumbnailUrl:c,errorMessage:d,fileInputRef:g,videoRef:s,selectedFile:m,selectedFiles:f,handleFileChange:p,handleClick:u,multiple:y=!1,containerProps:b,errorMessageProps:x,progressProps:k,videoProps:S,imageProps:v,iconProps:C,textProps:w,fileType:T,previewUrl:z,renderError:M=({errorMessage:W,errorMessageProps:A,themeMode:H})=>r.jsx(i.Text,{color:"red",fontSize:12,marginTop:8,...A,...P==null?void 0:P.text,children:W}),renderText:j=({text:W,textProps:A})=>r.jsx(i.Text,{marginTop:8,...A,...P==null?void 0:P.text,children:W}),renderFile:$=({selectedFile:W,textProps:A})=>W?r.jsxs(i.Center,{marginTop:8,gap:10,flexDirection:"column",...P==null?void 0:P.container,children:[r.jsx(i.Text,{maxLines:2,...A,...P==null?void 0:P.text,children:W.name}),r.jsxs(i.Text,{...A,...P==null?void 0:P.text,children:["(",Math.round(W.size/1024)," KB)"]})]}):null,renderVideo:F=({selectedFile:W,videoRef:A,videoProps:H})=>r.jsx(i.View,{width:"100%",height:"100%",position:"relative",...P==null?void 0:P.view,children:r.jsx(i.View,{as:"video",width:"100%",height:"100%",src:W?URL.createObjectURL(W):void 0,style:{objectFit:"cover"},ref:A,...H,...P==null?void 0:P.view})}),renderImage:E=({previewUrl:W,imageProps:A})=>(console.log("Rendering image with URL:",W),r.jsx(i.View,{width:"100%",height:"100%",position:"relative",...P==null?void 0:P.view,children:r.jsx(i.Image,{src:W,alt:"Preview",width:"100%",height:"100%",objectFit:"cover",style:{maxHeight:"100%",maxWidth:"100%"},...A,...P==null?void 0:P.image})})),renderProgress:V=({progress:W,progressProps:A})=>r.jsxs(i.Horizontal,{gap:8,alignItems:"center",...A,...P==null?void 0:P.horizontal,children:[r.jsx(i.View,{height:4,backgroundColor:"color-black-100",width:"100%",borderRadius:2,...P==null?void 0:P.view,children:r.jsx(i.View,{height:4,width:`${W}%`,borderRadius:2,backgroundColor:"color-dark-50",...P==null?void 0:P.view})}),r.jsxs(i.Text,{fontSize:12,...P==null?void 0:P.text,children:[W,"%"]})]}),views:P={}})=>{const W=z||l;return r.jsxs(i.Center,{onClick:u,cursor:"pointer",border:"1px solid color-black-100",borderRadius:8,padding:16,flexDirection:"column",overflow:"hidden",position:"relative",height:m&&t===100?"200px":"auto",...b,...P==null?void 0:P.container,children:[t===100&&T==="image"&&W&&E({previewUrl:W,imageProps:v}),t===100&&T==="video"&&c&&F({selectedFile:m,thumbnailUrl:c,videoRef:s,videoProps:S,imageProps:v}),t===100&&T==="file"&&m&&$({selectedFile:m,textProps:w}),t<100&&(n||r.jsx(lt,{widthHeight:32,...C})),!o&&!m&&a&&j({text:a,textProps:w}),o&&V({progress:t,progressProps:k}),!o&&d&&M({errorMessage:d,errorMessageProps:x}),r.jsx(i.Input,{type:"file",ref:g,onChange:p,accept:e,multiple:y,style:{display:"none"},...P==null?void 0:P.view})]})},fr=({accept:e="*/*",icon:o,text:t,maxSize:n,onFileSelect:a,onMultipleFileSelect:l,validateFile:c,isLoading:d=!1,progress:g=0,fileType:s,multiple:m=!1,...f})=>{const{previewUrl:p,thumbnailUrl:u,errorMessage:y,videoRef:b,fileInputRef:x,selectedFile:k,selectedFiles:S,handleFileChange:v,handleClick:C}=_s({maxSize:n,onFileSelect:a,onMultipleFileSelect:l,validateFile:c,multiple:m}),T=(()=>{if(s)return s;if(k)return k.type.startsWith("image/")?"image":k.type.startsWith("video/")?"video":"file"})();return r.jsx(Os,{handleClick:C,accept:e,isLoading:d,progress:g,icon:o,text:t,maxSize:n,onFileSelect:a,validateFile:c,errorMessage:y,handleFileChange:v,selectedFile:k,selectedFiles:S,videoRef:b,fileInputRef:x,previewUrl:p,thumbnailUrl:u,fileType:T,multiple:m,...f})};function Ns(e){const o=Math.floor(e/60),t=e%60;return`${o}:${t.toString().padStart(2,"0")}`}function qs({onAudio:e,recording:o,paused:t,audioBlob:n,analyserNode:a,duration:l,error:c,startRecording:d,stopRecording:g,pauseRecording:s,resumeRecording:m,resetRecording:f,handleFileChange:p,...u}){const[y,b]=h.useState(null);h.useEffect(()=>{if(n){const S=URL.createObjectURL(n);return b({url:S,label:`recording-${Date.now()}.webm`}),()=>{URL.revokeObjectURL(S)}}return()=>{}},[n]);const x=()=>{y!=null&&y.url&&URL.revokeObjectURL(y.url),b(null),f()},k=S=>{e(S),y!=null&&y.url&&URL.revokeObjectURL(y.url),b({url:URL.createObjectURL(S),label:S.name})};return r.jsxs(i.Vertical,{gap:"10px",width:"100%",...u,children:[r.jsxs(i.Horizontal,{gap:12,alignItems:"center",padding:"12px 14px",border:"1px solid color-gray-200",borderRadius:"12px",backgroundColor:"color-white",children:[r.jsx(fr,{accept:"audio/*",icon:r.jsx(Eo,{widthHeight:16}),maxSize:100*1024*1024,onFileSelect:k,fileType:"file",multiple:!1,renderError:({errorMessage:S})=>null,views:{container:{width:"36px",height:"36px",cursor:"pointer",border:"1px solid color-gray-200",borderRadius:"10px",backgroundColor:"color-white",transition:"background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease",_hover:{backgroundColor:"color-gray-50",borderColor:"color-gray-300"}}},containerProps:{display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"10px",width:"36px",height:"36px"},validateFile:S=>S.size>100*1024*1024?"File size exceeds 100MB limit":S.type.startsWith("audio/")?null:"Only audio files are allowed"}),r.jsx(i.View,{as:"button",type:"button",onClick:o?g:d,width:"36px",height:"36px",minWidth:"36px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"theme-primary",color:"color-white",borderRadius:"999px",border:"0",cursor:"pointer",transition:"background-color 0.2s ease, opacity 0.2s ease",_hover:{opacity:.92},children:o?r.jsx(sr,{widthHeight:14,color:"currentColor",filled:!1}):r.jsx(et,{widthHeight:18,color:"currentColor",filled:!1})}),r.jsx(i.View,{flex:1,minWidth:120,children:r.jsx(ct,{analyserNode:o?a:null,isPaused:!o||t})}),r.jsx(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-500",whiteSpace:"nowrap",children:Ns(l)})]}),y&&!o&&r.jsxs(i.Vertical,{gap:"8px",padding:"12px 14px",border:"1px solid color-gray-200",borderRadius:"12px",backgroundColor:"color-white",children:[r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",gap:8,children:[r.jsx(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-500",children:y.label}),r.jsx(i.View,{as:"button",type:"button",onClick:x,width:"24px",height:"24px",display:"flex",alignItems:"center",justifyContent:"center",border:"0",backgroundColor:"transparent",color:"color-gray-500",cursor:"pointer",children:r.jsx(Te,{widthHeight:14,color:"currentColor"})})]}),r.jsx(i.View,{as:"audio",controls:!0,src:y.url,width:"100%"})]}),c&&r.jsx(i.Text,{fontSize:"11px",lineHeight:"16px",color:"color-red-500",children:c})]})}function An(){const[e,o]=h.useState(!1),[t,n]=h.useState(!1),[a,l]=h.useState(0),[c,d]=h.useState(null),[g,s]=h.useState(null),[m,f]=h.useState(null),p=h.useRef(null),u=h.useRef(null),y=h.useRef(null),b=h.useRef(null),x=h.useRef([]),k=h.useRef(null),S=typeof MediaRecorder<"u"&&MediaRecorder.isTypeSupported("audio/webm;codecs=opus")?"audio/webm;codecs=opus":"audio/webm",v=h.useCallback(()=>{p.current&&(p.current.state!=="inactive"&&p.current.stop(),p.current=null),b.current&&(b.current.getTracks().forEach(j=>j.stop()),b.current=null),u.current&&(u.current.close(),u.current=null),y.current&&(y.current.disconnect(),y.current=null),s(null),k.current&&(clearInterval(k.current),k.current=null)},[]),C=h.useCallback(async()=>{v(),d(null),l(0),x.current=[];try{const j=await navigator.mediaDevices.getUserMedia({audio:!0});b.current=j;const $=MediaRecorder.isTypeSupported(S)?S:void 0,F=new MediaRecorder(j,$?{mimeType:$}:void 0);p.current=F;const E=new(window.AudioContext||window.webkitAudioContext);u.current=E;const V=E.createMediaStreamSource(j),P=E.createAnalyser();P.fftSize=256,P.smoothingTimeConstant=.8,V.connect(P),y.current=P,s(P),F.ondataavailable=W=>{W.data.size>0&&x.current.push(W.data)},F.onstop=()=>{const W=new Blob(x.current,{type:F.mimeType||S});f(W),v()},F.start(),o(!0),n(!1),k.current=setInterval(()=>{l(W=>W+1)},1e3)}catch{d("Microphone access denied or unavailable."),v()}},[v]),w=h.useCallback(()=>{p.current&&p.current.state!=="inactive"&&p.current.stop(),o(!1),n(!1),k.current&&(clearInterval(k.current),k.current=null)},[]),T=h.useCallback(()=>{p.current&&p.current.state==="recording"&&(p.current.pause(),n(!0),k.current&&(clearInterval(k.current),k.current=null))},[]),z=h.useCallback(()=>{p.current&&p.current.state==="paused"&&(p.current.resume(),n(!1),k.current||(k.current=setInterval(()=>{l(j=>j+1)},1e3)))},[]),M=h.useCallback(()=>{v(),o(!1),n(!1),f(null),l(0),d(null),x.current=[]},[v]);return h.useEffect(()=>()=>v(),[v]),{recording:e,paused:t,audioBlob:m,analyserNode:g,duration:a,error:c,startRecording:C,stopRecording:w,pauseRecording:T,resumeRecording:z,resetRecording:M}}function Us(e){const{onAudio:o}=e,{recording:t,paused:n,audioBlob:a,analyserNode:l,duration:c,error:d,startRecording:g,stopRecording:s,pauseRecording:m,resumeRecording:f,resetRecording:p}=An();return h.useEffect(()=>{if(a&&o){const y=new File([a],"recording.webm",{type:a.type||"audio/webm;codecs=opus"});o(y)}},[a,o]),{recording:t,paused:n,audioBlob:a,analyserNode:l,duration:c,error:d,startRecording:g,stopRecording:s,pauseRecording:m,resumeRecording:f,resetRecording:p,handleFileChange:y=>{var x;const b=(x=y.target.files)==null?void 0:x[0];b&&o&&o(b)}}}function Gs(e){const o=Us(e);return r.jsx(qs,{...e,...o})}const Ys=()=>{const[e,o]=h.useState(!1);return{imageError:e,setImageError:o}},Xs={xs:24,sm:32,md:44,lg:56,xl:72},st={container:{borderRadius:"50%",overflow:"hidden",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",backgroundColor:"theme-primary",transition:"background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease"},fallback:{fontWeight:"600",color:"color-white",letterSpacing:"-0.02em"},image:{objectFit:"cover",transition:"opacity 0.2s ease"}},Ks=({src:e,size:o="md",fallback:t="IM",views:n,imageError:a,setImageError:l,onClick:c=()=>{},children:d})=>{const g=Xs[o],s={...st.image,...(n==null?void 0:n.image)||{}};return r.jsxs(i.Center,{role:"avatar",width:g,height:g,...st.container,borderColor:a?"color-gray-400":"transparent",onClick:c,...n==null?void 0:n.container,children:[!a&&e?r.jsx(i.Image,{alt:"IM",src:e,style:s,width:g,height:g,onError:()=>l(!0)}):r.jsx(i.Text,{size:o,...st.fallback,...n==null?void 0:n.fallback,children:t}),d]})},Vn=e=>{const o=me("avatar",e),{src:t,size:n,views:a,fallback:l,onClick:c,children:d}=o,{imageError:g,setImageError:s}=Ys();return r.jsx(Ks,{src:t,size:n,views:a,fallback:l,imageError:g,setImageError:s,onClick:c,children:d})},Js={xs:{minWidth:"20px",height:"20px",padding:"0 6px",fontSize:"10px",fontWeight:"600",lineHeight:"12px",letterSpacing:"-0.01em"},sm:{minWidth:"24px",height:"24px",padding:"0 8px",fontSize:"12px",fontWeight:"600",lineHeight:"16px",letterSpacing:"-0.01em"},md:{minWidth:"28px",height:"28px",padding:"0 10px",fontSize:"14px",fontWeight:"600",lineHeight:"20px",letterSpacing:"-0.01em"},lg:{minWidth:"32px",height:"32px",padding:"0 12px",fontSize:"16px",fontWeight:"600",lineHeight:"24px",letterSpacing:"-0.01em"},xl:{minWidth:"36px",height:"36px",padding:"0 14px",fontSize:"20px",fontWeight:"600",lineHeight:"28px",letterSpacing:"-0.01em"}},Qs={xs:{gap:"6px",padding:"3px 8px 3px 3px"},sm:{gap:"8px",padding:"4px 10px 4px 4px"},md:{gap:"12px",padding:"6px 16px 6px 6px"},lg:{gap:"12px",padding:"7px 18px 7px 7px"},xl:{gap:"14px",padding:"8px 20px 8px 8px"}},Zs={xs:{padding:"2px 6px",fontSize:"9px",lineHeight:"12px"},sm:{padding:"3px 8px",fontSize:"10px",lineHeight:"14px"},md:{padding:"6px 12px",fontSize:"11px",lineHeight:"14px"},lg:{padding:"7px 14px",fontSize:"12px",lineHeight:"16px"},xl:{padding:"8px 16px",fontSize:"13px",lineHeight:"18px"}},En={xs:{fontSize:"11px",lineHeight:"14px"},sm:{fontSize:"12px",lineHeight:"16px"},md:{fontSize:"13px",lineHeight:"18px"},lg:{fontSize:"14px",lineHeight:"20px"},xl:{fontSize:"15px",lineHeight:"22px"}},Rs={square:0,rounded:"8px",pill:"9999px"},ed={"top-right":{top:"4px",right:"4px",position:"absolute"},"top-left":{top:"4px",left:"4px",position:"absolute"},"bottom-right":{bottom:"4px",right:"4px",position:"absolute"},"bottom-left":{bottom:"4px",left:"4px",position:"absolute"}},od=e=>({display:"inline-flex",height:"auto",minWidth:"auto",backgroundColor:"color-white-600",color:"color-gray-900",borderWidth:"1px",borderStyle:"solid",borderColor:"color-white",backdropFilter:"blur(12px)",boxShadow:"0 1px 2px rgba(15, 23, 42, 0.08)",transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",_hover:{backgroundColor:"color-white-800",boxShadow:"0 2px 8px rgba(15, 23, 42, 0.1)"}}),rd=e=>({filled:{backgroundColor:"theme-primary",color:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"theme-primary",transition:"background-color 0.2s ease, opacity 0.2s ease",_hover:{opacity:.9},_active:{opacity:.95}},outline:{borderWidth:"1px",borderStyle:"solid",borderColor:"theme-primary",color:"theme-primary",style:{backgroundColor:"transparent"},transition:"border-color 0.2s ease, opacity 0.2s ease",_hover:{opacity:.9},_active:{opacity:.95}},link:{borderWidth:0,borderStyle:"none",borderColor:"theme-primary",color:"theme-primary",textDecoration:"underline",style:{backgroundColor:"transparent",textUnderlineOffset:"2px",textDecorationThickness:"1px"},transition:"opacity 0.2s ease",_hover:{opacity:.8}},ghost:{color:"color-gray-500",borderWidth:0,borderStyle:"solid",borderColor:"color-gray-500",style:{backgroundColor:"transparent"},transition:"background-color 0.2s ease, color 0.2s ease",_hover:{backgroundColor:"color-gray-100"}}}),Dn=e=>({default:{indicator:{backgroundColor:"color-gray-400"},label:{color:"inherit"}},info:{indicator:{backgroundColor:"color-blue-500"},label:{color:"inherit"}},success:{indicator:{backgroundColor:"color-green-500"},label:{color:"inherit"}},warning:{indicator:{backgroundColor:"color-orange-500"},label:{color:"inherit"}},error:{indicator:{backgroundColor:"color-red-500"},label:{color:"inherit"}}}),td=h.memo(({content:e,children:o,icon:t,pastil:n,pastilContent:a,action:l,position:c,shape:d="pill",variant:g="filled",size:s="md",views:m,themeMode:f,...p})=>{const{themeMode:u}=i.useTheme(),y=f||u,b=h.useMemo(()=>rd()[g],[y,g]),x=h.useMemo(()=>od(),[y]),k=h.useMemo(()=>Dn(),[y]),S=a!=null,v=l!=null,C=S||v,w=o??e,T=w!=null,z=h.useMemo(()=>{const j={width:"fit-content",display:"flex",alignItems:"center",justifyContent:"center",gap:"6px",borderRadius:Rs[d],...Js[s],...b,...C?Qs[s]:{},...C?x:{},...c?ed[c]:{},...m==null?void 0:m.container};return g!=="filled"&&!C&&(b.color!==void 0&&(j.color=b.color),b.borderColor!==void 0&&(j.borderColor=b.borderColor),b.backgroundColor!==void 0&&(j.backgroundColor=b.backgroundColor),b&&b.style&&(j.style={...j.style||{},...b.style})),j},[d,s,g,b,C,x,c,m==null?void 0:m.container]);let M="currentColor";return typeof n=="string"?n in k?M=k[n].indicator.backgroundColor:M=n:n===!0&&(M="color-green-500",g==="filled"&&(M="color-white")),r.jsxs(i.Center,{role:"badge",...z,...p,children:[t&&r.jsx(i.View,{role:"badge-icon",...m==null?void 0:m.icon,children:t}),S&&r.jsx(i.Text,{role:"badge-pastil-content",backgroundColor:"color-gray-900",borderRadius:"9999px",color:"color-white",fontWeight:"700",letterSpacing:0,textTransform:"uppercase",whiteSpace:"nowrap",...Zs[s],...m==null?void 0:m.pastilContent,children:a}),n&&r.jsx(i.View,{role:"badge-pastil",width:"6px",height:"6px",borderRadius:"50%",backgroundColor:M,...m==null?void 0:m.pastil}),T&&r.jsx(i.Text,{role:"badgeText",color:C?"color-gray-900":z.color,fontWeight:C?"700":"600",textAlign:"center",letterSpacing:C?0:"0.02em",whiteSpace:C?"nowrap":void 0,...C?En[s]:{},...m==null?void 0:m.text,children:w}),v&&r.jsx(i.Text,{role:"badge-action",color:"color-gray-400",fontWeight:"500",letterSpacing:0,whiteSpace:"nowrap",...En[s],...m==null?void 0:m.action,children:l})]})}),we=e=>{const o=me("badge",e);return r.jsx(td,{...o})},nd=()=>{const[e,o]=h.useState(!1);return{isHovered:e,setIsHovered:o}},ad={xs:12,sm:14,md:16,lg:18,xl:20},$n=h.forwardRef(({children:e,to:o="/",iconSize:t="sm",underline:n="default",isHovered:a=!1,isExternal:l=!1,views:c={icon:{},text:{}},setIsHovered:d=()=>{},...g},s)=>{const m=()=>{n==="hover"&&d(!0)},f=()=>{n==="hover"&&d(!1)},p=()=>n==="underline"||n==="hover"&&a?"underline":"none";return r.jsx(nc.Link,{ref:s,to:o,target:l?"_blank":"_self",style:{textDecoration:"inherit",color:"inherit"},children:r.jsxs(i.Horizontal,{onMouseEnter:m,onMouseLeave:f,gap:3,alignItems:"center",flexWrap:"nowrap",textDecoration:p(),...c.text,...g,children:[e,l&&r.jsx(Fn,{widthHeight:ad[t]})]})})});$n.displayName="LinkView";const Ln=h.forwardRef((e,o)=>{const t=nd();return r.jsx($n,{ref:o,...t,...e})});Ln.displayName="Link";const dt=Ln,gt={xs:14,sm:18,md:22,lg:26,xl:30},ht={fast:50,normal:100,slow:300},ld=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),id=({size:e="md",speed:o="normal",color:t="theme-loading",themeMode:n,...a})=>{const{getColor:l,themeMode:c}=i.useTheme(),d=l(t,{themeMode:n||c}),g=typeof e=="number"?e:gt[e],[s,m]=h.useState(0);return h.useEffect(()=>{const f=setInterval(()=>{m(p=>p+45)},ht[o]);return()=>clearInterval(f)},[o]),r.jsxs(i.View,{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:`${g}px`,height:`${g}px`,viewBox:"0 0 24 24",fill:"none",stroke:d,strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round",style:{transform:`rotate(${s}deg)`},...a,children:[r.jsx("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),r.jsx("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("g",{id:"SVGRepo_iconCarrier",children:r.jsx("path",{d:"M21 12a9 9 0 11-6.219-8.56"})})]})},cd=({size:e="md",speed:o="normal",color:t="theme-loading",themeMode:n,...a})=>{const{getColor:l,themeMode:c}=i.useTheme(),d=l(t,{themeMode:n||c}),g=typeof e=="number"?e:gt[e],[s,m]=h.useState(0);return h.useEffect(()=>{const f=setInterval(()=>{m(p=>p+45)},ht[o]);return()=>clearInterval(f)},[o]),r.jsxs(i.View,{as:"svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 50 50",width:`${g}px`,height:`${g}px`,style:{transform:`rotate(${s}deg)`},...a,children:[r.jsx("circle",{cx:"10",cy:"25",r:"4",fill:d}),r.jsx("circle",{cx:"25",cy:"25",r:"4",fill:d}),r.jsx("circle",{cx:"40",cy:"25",r:"4",fill:d})]})},sd=({size:e="md",speed:o="normal",color:t="theme-loading",themeMode:n,...a})=>{const{getColor:l,themeMode:c}=i.useTheme(),d=l(t,{themeMode:n||c}),g=typeof e=="number"?e:gt[e],[s,m]=h.useState(0);return h.useEffect(()=>{const f=setInterval(()=>{m(p=>p+45)},ht[o]);return()=>clearInterval(f)},[o]),r.jsx(i.View,{as:"svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 50 50",width:`${g}px`,height:`${g}px`,style:{transform:`rotate(${s}deg)`},...a,children:r.jsx("circle",{cx:"25",cy:"25",r:"20",fill:"none",stroke:d,strokeWidth:"5",strokeDasharray:"1,10"})})},dd=({size:e,children:o,textColor:t,loaderColor:n,type:a="default",speed:l="normal",textPosition:c="right",views:d,...g})=>{const{getColor:s}=i.useTheme(),m=u=>ld(u)?u:s(u||"theme-loading");n=m(n||g.color||"theme-loading"),t=m(t||g.color||"theme-loading");const f={size:e,speed:l,color:n},p={default:r.jsx(id,{...f}),dotted:r.jsx(cd,{...f}),quarter:r.jsx(sd,{...f})};return r.jsxs(i.Center,{gap:10,flexDirection:c==="top"||c==="bottom"?"column":"row",...g,...d==null?void 0:d.container,children:[(c==="left"||c==="top")&&o&&r.jsx(i.View,{color:t,...d==null?void 0:d.text,children:o}),p[a],(c==="right"||c==="bottom")&&o&&r.jsx(i.View,{color:t,...d==null?void 0:d.text,children:o})]})},po=e=>{const o=me("loader",e);return r.jsx(dd,{...o})},Bn={xs:{minHeight:24,paddingHorizontal:12,paddingVertical:6,fontSize:10,fontWeight:500,lineHeight:12,letterSpacing:"-0.01em"},sm:{minHeight:32,paddingHorizontal:16,paddingVertical:8,fontSize:12,fontWeight:500,lineHeight:16,letterSpacing:"-0.01em"},md:{minHeight:40,paddingHorizontal:20,paddingVertical:10,fontSize:14,fontWeight:500,lineHeight:20,letterSpacing:"-0.01em"},lg:{minHeight:48,paddingHorizontal:24,paddingVertical:12,fontSize:16,fontWeight:500,lineHeight:24,letterSpacing:"-0.01em"},xl:{minHeight:56,paddingHorizontal:28,paddingVertical:14,fontSize:20,fontWeight:500,lineHeight:28,letterSpacing:"-0.01em"}},Do={square:0,rounded:8,pill:999},gd={xs:{width:16,height:16,padding:6},sm:{width:20,height:20,padding:6},md:{width:24,height:24,padding:8},lg:{width:24,height:24,padding:12},xl:{width:28,height:28,padding:14}},De=e=>/^(color|theme|light|dark)-/.test(e)?`var(--${e})`:e,hd=(e,o,t=!1,n)=>{const a=t?o:e,l=t?e:o,c=t?o:e,g=(e==="theme-primary"||n&&e===n.primary)&&(n!=null&&n.onPrimary)?n.onPrimary:l,s=`0 0 0 2px ${De("color-white")}, 0 0 0 4px ${De(c)}`;return{filled:{backgroundColor:a,color:g,borderWidth:1,borderStyle:"solid",borderColor:a,_hover:{opacity:.92},_active:{opacity:.96},_focusVisible:{outline:"none",boxShadow:s},transition:"background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease"},empty:{color:c,borderWidth:1,borderStyle:"solid",borderColor:c,backgroundColor:"transparent",_hover:{opacity:.9},_active:{opacity:.95},_focusVisible:{outline:"none",boxShadow:s},transition:"background-color 0.2s ease, opacity 0.2s ease"},outline:{color:c,borderWidth:1,borderStyle:"solid",borderColor:c,backgroundColor:"transparent",_hover:{opacity:.9},_active:{opacity:.95},_focusVisible:{outline:"none",boxShadow:s},transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"},ghost:{color:c,borderWidth:0,borderStyle:"solid",borderColor:c,backgroundColor:"transparent",_hover:{opacity:.86},_active:{opacity:.94},_focusVisible:{outline:"none",boxShadow:s},transition:"background-color 0.2s ease, color 0.2s ease"},link:{color:c,borderWidth:0,borderStyle:"none",borderColor:c,minHeight:"auto",paddingHorizontal:"4px",paddingVertical:"10px",textDecoration:"underline",backgroundColor:"transparent",style:{textUnderlineOffset:"2px",textDecorationThickness:"1px",textDecorationColor:De(c)},_hover:{opacity:.8},_active:{opacity:.9},_focusVisible:{outline:"none",boxShadow:s},transition:"opacity 0.2s ease"},subtle:{backgroundColor:`${c}-${t?200:100}`,color:c,borderWidth:1,borderStyle:"solid",borderColor:`${c}-${t?400:250}`,_hover:{backgroundColor:`${c}-${t?300:180}`},_active:{backgroundColor:`${c}-${t?380:240}`},_focusVisible:{outline:"none",boxShadow:s},transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease"}}},md=h.memo(({children:e,icon:o,isLoading:t,iconPosition:n="left",loaderPosition:a="left",size:l="md",resolvedTextColor:c,isIconRounded:d,views:g})=>{const s=["left","right"].includes(n)?i.Horizontal:i.Vertical,m=Bn[l];return r.jsxs(s,{gap:8,alignItems:"center",justifyContent:"center",fontSize:m.fontSize,fontWeight:m.fontWeight,lineHeight:m.lineHeight,letterSpacing:m.letterSpacing,whiteSpace:"nowrap",color:c,...g==null?void 0:g.content,children:[t&&a==="left"&&r.jsx(po,{size:l==="xs"||l==="sm"?"sm":"md",color:c,...g==null?void 0:g.loader}),o&&["left","top"].includes(n)&&!t&&r.jsx(i.View,{color:c,...g==null?void 0:g.icon,children:o}),e,o&&["right","bottom"].includes(n)&&!t&&r.jsx(i.View,{color:c,...g==null?void 0:g.icon,children:o}),t&&a==="right"&&r.jsx(po,{size:l==="xs"||l==="sm"?"sm":"md",color:c,...g==null?void 0:g.loader})]})}),fd=e=>{const o=Do[e];return typeof o=="number"?o:typeof o=="string"&&parseInt(o,10)||0},pd=({asComponent:e,isDisabled:o,isLoading:t,isWrapped:n=!1,borderRadius:a,width:l,height:c,baseStyles:d,sizeStyles:g,iconPad:s,mainTone:m,resolvedTextColor:f,children:p,borderWidth:u=0,...y})=>r.jsx(i.Element,{as:e,disabled:!!(o||t),display:n?"flex":"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:a,width:l,height:c,...d,...g,...s,backgroundColor:(d==null?void 0:d.backgroundColor)||(n?m:void 0),color:f,borderWidth:n?0:void 0,cursor:o?"default":"pointer",...y,children:p}),ud=({shape:e,isDisabled:o,onClick:t,shadow:n,borderWidth:a,isAuto:l,isFilled:c,views:d,children:g,...s})=>r.jsx(i.Element,{as:"div",position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:Do[e],cursor:o?"default":"pointer",onClick:t,boxShadow:n,padding:a,width:l?"fit-content":c?"100%":void 0,...d==null?void 0:d.container,...s,children:g}),yd=({variant:e,animation:o,to:t,isDisabled:n,isLoading:a,isAuto:l,isFilled:c,isExternal:d,shape:g="rounded",shadow:s,onClick:m,views:f,baseStyles:p,sizeStyles:u,iconPad:y,containerRef:b,resolvedTextColor:x,content:k,size:S,mainTone:v,borderMovingDuration:C=2,borderMovingGradientColors:w=["#705CFF","#FF5C97","#FFC75C"],animatedStrokeAccentColor:T="#705CFF",animatedStrokeTextColor:z="color-gray-900",...M})=>{var E;const j=fd(g),$=t?r.jsx(dt,{to:t,isExternal:d,color:"currentColor",textDecoration:"inherit",_hover:{color:"currentColor"},...f==null?void 0:f.link,children:k}):k,F={isDisabled:n,isLoading:a,baseStyles:p,sizeStyles:u,iconPad:y,resolvedTextColor:x,mainTone:v,children:$};if(o==="borderMoving"&&w){const P={from:{backgroundPosition:"0% 50%"},to:{backgroundPosition:"200% 50%"},duration:`${C}s`,timingFunction:"linear",iterationCount:"infinite"};return r.jsx(ud,{shape:g,isDisabled:n,onClick:m,shadow:s,borderWidth:3,isAuto:l,isFilled:c,views:f,background:`linear-gradient(90deg, ${De(w[0])}, ${De(w[1])}, ${De(w[2])}, ${De(w[0])})`,backgroundSize:"200% 100%",animate:P,...M,children:r.jsx(pd,{asComponent:t?"div":"button",isWrapped:!0,borderRadius:Math.max(0,j-3),width:"100%",height:"100%",...F})})}if(o==="animatedStroke"){const V=De(T),P=De(z),W=1e3,A={from:{strokeWidth:"8px",strokeDasharray:`0 ${W}`,strokeDashoffset:-Math.round(W*.63)},to:{strokeWidth:"3px",strokeDasharray:`${W}`,strokeDashoffset:0},duration:"0.9s",timingFunction:"ease-in",fillMode:"forwards"},H=["group",(E=f==null?void 0:f.container)==null?void 0:E.className,M==null?void 0:M.className].filter(Boolean).join(" ");return r.jsxs(i.Element,{ref:b,as:t?"div":"button",type:t?void 0:"button",disabled:!!(!t&&(n||a)),onClick:m,position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:l?"fit-content":c?"100%":void 0,borderRadius:Do[g],boxShadow:s,transition:"background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease",cursor:n?"default":"pointer",color:P,backgroundColor:"transparent",borderWidth:0,...f==null?void 0:f.container,...M,className:H,children:[r.jsx(i.View,{as:"svg",position:"absolute",top:0,right:0,bottom:0,left:0,width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg",pointerEvents:"none",zIndex:1,"aria-hidden":"true",children:r.jsx(i.View,{as:"rect",x:"0",y:"0",height:"100%",width:"100%",rx:j,ry:j,fill:"transparent",stroke:V,strokeWidth:"8px",strokeDasharray:`0 ${W}`,strokeDashoffset:-Math.round(W*.63),pathLength:W,on:{groupHover:{animate:A}}})}),r.jsx(i.View,{position:"relative",zIndex:0,children:$})]})}if(o==="borderReveal"){const P=De((w==null?void 0:w[0])||v||"#000000"),A=C*.75/4,H=`linear-gradient(90deg, ${P} 50%, transparent 50%)`,L=`linear-gradient(180deg, ${P} 50%, transparent 50%)`,_=`linear-gradient(270deg, ${P} 50%, transparent 50%)`,D=`linear-gradient(0deg, ${P} 50%, transparent 50%)`,q="100% 0, 100% 100%, 0 100%, 0 0",O="0 0, 100% 0, 100% 100%, 0 100%",G=`0s, ${A}s, ${A*2}s, ${A*2}s`,N=`${A*2}s, ${A*2}s, ${A}s, 0s`,J=4;return r.jsx(i.Element,{ref:b,as:"div",position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:Do[g],cursor:n?"default":"pointer",onClick:m,boxShadow:s,padding:3,background:`
1
+ (function(I,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react/jsx-runtime"),require("react"),require("app-studio"),require("react-dom"),require("zustand"),require("react-router-dom"),require("formik")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","app-studio","react-dom","zustand","react-router-dom","formik"],r):(I=typeof globalThis<"u"?globalThis:I||self,r(I.AppStudioWeb={},I.jsxRuntime,I.React,I.appStudio,I.ReactDOM,I.zustand,I.ReactRouterDOM,I.Formik))})(this,function(I,r,h,i,kc,po,Cc,We){"use strict";var Qy=Object.defineProperty;var Zy=(I,r,h)=>r in I?Qy(I,r,{enumerable:!0,configurable:!0,writable:!0,value:h}):I[r]=h;var Ge=(I,r,h)=>Zy(I,typeof r!="symbol"?r+"":r,h);var mo,Cn;const Zr=(e="id")=>`${e}-${Math.random().toString(36).substring(2,9)}`,wc=({type:e="single",value:o,defaultValue:t,onValueChange:n,collapsible:a=!1})=>{const l=o!==void 0,c=o??t,g=()=>e==="multiple"?Array.isArray(c)?c:c?[c]:[]:Array.isArray(c)?c[0]:c,[s,d]=h.useState(g()),f=h.useMemo(()=>Zr("accordion"),[]),m=l?o:s,p=h.useMemo(()=>m===void 0?[]:Array.isArray(m)?m:[m],[m]);h.useEffect(()=>{l&&(e==="multiple"&&!Array.isArray(o)?(console.warn('Accordion with type="multiple" received non-array value:',o),d(o?[String(o)]:[])):e==="single"&&Array.isArray(o)?(console.warn('Accordion with type="single" received array value:',o),d(o.length>0?o[0]:void 0)):d(o))},[o,l,e]);const u=h.useCallback(x=>{let k;if(e==="single")m===x&&a?k=void 0:m!==x?k=x:k=m;else{const C=Array.isArray(m)?m:[];C.includes(x)?k=C.filter(S=>S!==x):k=[...C,x],Array.isArray(k)&&k.length===0&&(k=[])}l||d(k),n&&n(k)},[e,m,a,l,n]),y=h.useCallback(x=>p.includes(x),[p]);return{expandedItems:p,toggleItem:u,isItemExpanded:y,type:e,collapsible:a,baseId:f}},Sc={square:{borderRadius:0},rounded:{borderRadius:8}},vc={default:{borderWidth:0,style:{backgroundColor:"transparent"},transition:"background-color 0.15s ease"},outline:{borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",transition:"border-color 0.15s ease, background-color 0.15s ease",_hover:{borderColor:"color-gray-300"}},filled:{backgroundColor:"color-gray-50",transition:"background-color 0.15s ease",_hover:{backgroundColor:"color-gray-100"}}},Tc={metadata:{id:"default",label:"Default",sourcePath:"",sourceTitle:"Default adaptive design system (light + dark)",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"]},theme:{primary:"#2563eb",secondary:"#7c3aed",success:"#16a34a",warning:"#d97706",error:"#dc2626",onPrimary:"#ffffff",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200"},tokens:{rawCssVars:{primary:"#2563eb",secondary:"#7c3aed",success:"#16a34a",warning:"#d97706",error:"#dc2626"},colors:[{name:"primary",value:"#2563eb",role:"primary"},{name:"secondary",value:"#7c3aed",role:"secondary"},{name:"success",value:"#16a34a",role:"success"},{name:"warning",value:"#d97706",role:"warning"},{name:"error",value:"#dc2626",role:"error"}],typography:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",monoFamily:"ui-monospace, 'SF Mono', Menlo, Monaco, Consolas, monospace",fontSizes:["12px","13px","14px","16px","18px","22px","28px","36px","48px","64px"],fontWeights:["400","500","600","700","800"],lineHeights:["1.0","1.1","1.2","1.4","1.5","1.6"]},spacing:["2px","4px","8px","12px","16px","24px","32px","48px","64px"],radii:["2px","4px","6px","8px","12px","16px","9999px"],shadows:["0 1px 2px rgba(0,0,0,0.04)","0 4px 12px rgba(0,0,0,0.08)","0 12px 32px rgba(0,0,0,0.12)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:8,fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,borderColor:"theme-primary",letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:null,color:null,borderColor:null,borderRadius:6,fontFamily:"'Inter', system-ui, -apple-system, sans-serif",letterSpacing:"-0.01em",textTransform:"none",fontWeight:600,fontStyle:"normal"},text:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:12,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 1px 2px rgba(0,0,0,0.04)"},header:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:8,borderWidth:"1px",borderStyle:"solid"},field:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:8,borderWidth:"1px",borderStyle:"solid"},field:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:8,borderWidth:"1px",borderStyle:"solid"},field:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"},label:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.01em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Inter', system-ui, -apple-system, sans-serif"},activeText:{color:"theme-primary"},content:{color:"color-black"},container:{borderRadius:"8px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:"12px"},trigger:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:12},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.01em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.01em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:12},title:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"9999px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"12px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', system-ui, -apple-system, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"soft",typeWeight:"regular",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"●",density:"comfortable",surfaceTone:"paper",cardRadius:12,pillRadius:9999,badgeRadius:6,voice:"neutral-clear"}},Rr={airbnb:{metadata:{id:"airbnb",label:"Airbnb",sourcePath:"design.md/html/airbnb.html",sourceTitle:"Design System Inspiration of Airbnb",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"]},theme:{primary:"#ff385c",secondary:"#222222",success:"#428bff",warning:"#460479",error:"#c13515",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#ff385c","primary-active":"#e00b41","primary-disabled":"#ffd1da",error:"#c13515",luxe:"#460479",plus:"#92174d",ink:"#222222",body:"#3f3f3f",muted:"#6a6a6a","muted-soft":"#929292",hairline:"#dddddd","hairline-soft":"#ebebeb","border-strong":"#c1c1c1",canvas:"#ffffff","surface-soft":"#f7f7f7","surface-strong":"#f2f2f2","on-primary":"#ffffff","legal-link":"#428bff",shadow:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0",display:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",text:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, sans-serif"},colors:[{name:"primary",value:"#ff385c",role:"primary"},{name:"primary-active",value:"#e00b41",role:"primary active"},{name:"primary-disabled",value:"#ffd1da",role:"primary disabled"},{name:"error",value:"#c13515",role:"error"},{name:"luxe",value:"#460479",role:"luxe"},{name:"plus",value:"#92174d",role:"plus"},{name:"ink",value:"#222222",role:"ink"},{name:"body",value:"#3f3f3f",role:"body"},{name:"muted",value:"#6a6a6a",role:"muted"},{name:"muted-soft",value:"#929292",role:"muted soft"},{name:"hairline",value:"#dddddd",role:"hairline"},{name:"hairline-soft",value:"#ebebeb",role:"hairline soft"},{name:"border-strong",value:"#c1c1c1",role:"border strong"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"surface-soft",value:"#f7f7f7",role:"surface soft"},{name:"surface-strong",value:"#f2f2f2",role:"surface strong"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"legal-link",value:"#428bff",role:"legal link"},{name:"shadow",value:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0",role:"shadow"}],typography:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["16px","14px","48px","18px","20px","11px","28px","13px","12px","8px","64px","21px","10px","24px","36px","15px"],fontWeights:["400","600","700","500"],lineHeights:["1.5","1.1","1.43","1.25","2","1","1.2","1.35","1.4"]},spacing:["2px","4px","5px","6px","7px","8px","10px","11px","12px","13px","14px","16px","20px","23px","24px","28px","32px","40px","48px","56px"],radii:["9999px","8px","14px","4px","6px","3px"],shadows:["rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0","var(--shadow)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:null,color:null,borderColor:null,borderRadius:6,fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",letterSpacing:"-0.01em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0"},header:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0"},field:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0"},field:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0, 0, 0, 0.02) 0 0 0 1px, rgba(0, 0, 0, 0.04) 0 2px 6px 0, rgba(0, 0, 0, 0.1) 0 4px 8px 0"},field:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.01em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},activeText:{color:"theme-primary"},content:{color:"color-black"},container:{borderRadius:"8px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:"14px"},trigger:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:16},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.01em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.01em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:16},title:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"14px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"14px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', 'Airbnb Cereal VF', Circular, -apple-system, system-ui, Roboto, 'Helvetica Neue', sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"●",density:"comfortable",surfaceTone:"paper",cardRadius:16,pillRadius:9999,badgeRadius:6,voice:"warm-welcoming"}},apple:{metadata:{id:"apple",label:"Apple",sourcePath:"design.md/html/apple.html",sourceTitle:"Design System Inspiration of Apple",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"]},theme:{primary:"#0071E3",secondary:"#1d1d1f",success:"#0071e3",warning:"#272729",error:"#2997ff",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#0066cc","primary-focus":"#0071e3","primary-on-dark":"#2997ff",ink:"#1d1d1f",body:"#1d1d1f","body-on-dark":"#ffffff","body-muted":"#cccccc","ink-muted-80":"#333333","ink-muted-48":"#7a7a7a","divider-soft":"#f0f0f0",hairline:"#e0e0e0",canvas:"#ffffff","canvas-parchment":"#f5f5f7","surface-pearl":"#fafafc","surface-tile-1":"#272729","surface-tile-2":"#2a2a2c","surface-tile-3":"#252527","surface-black":"#000000","surface-chip-translucent":"rgba(210, 210, 215, 0.64)","on-primary":"#ffffff","on-dark":"#ffffff",display:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",text:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},colors:[{name:"primary",value:"#0071E3",role:"primary"},{name:"primary-focus",value:"#0071e3",role:"primary focus"},{name:"primary-on-dark",value:"#2997ff",role:"primary on dark"},{name:"ink",value:"#1d1d1f",role:"ink"},{name:"body",value:"#1d1d1f",role:"body"},{name:"body-on-dark",value:"#ffffff",role:"body on dark"},{name:"body-muted",value:"#cccccc",role:"body muted"},{name:"ink-muted-80",value:"#333333",role:"ink muted 80"},{name:"ink-muted-48",value:"#7a7a7a",role:"ink muted 48"},{name:"divider-soft",value:"#f0f0f0",role:"divider soft"},{name:"hairline",value:"#e0e0e0",role:"hairline"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"canvas-parchment",value:"#f5f5f7",role:"canvas parchment"},{name:"surface-pearl",value:"#fafafc",role:"surface pearl"},{name:"surface-tile-1",value:"#272729",role:"surface tile 1"},{name:"surface-tile-2",value:"#2a2a2c",role:"surface tile 2"},{name:"surface-tile-3",value:"#252527",role:"surface tile 3"},{name:"surface-black",value:"#000000",role:"surface black"},{name:"surface-chip-translucent",value:"rgba(210, 210, 215, 0.64)",role:"surface chip translucent"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"on-dark",value:"#ffffff",role:"on dark"}],typography:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["17px","14px","56px","21px","12px","40px","24px","13px","18px","28px","11px","34px","44px","32px","19px"],fontWeights:["400","600","300","700"],lineHeights:["1.47","1.07","1.19","1.1","1.43","1.5","1","1.14","2.0","2.41","1.2","1.35"]},spacing:["5px","6px","7px","8px","10px","11px","12px","14px","15px","16px","18px","20px","21px","22px","24px","28px","32px","44px","48px","50px"],radii:["9999px","18px","28px","24px","8px","11px","50%","12px","4px","6px","3px"],shadows:["0 5px 30px rgba(0, 0, 0, 0.22)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,borderColor:"theme-primary",letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:8,fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",letterSpacing:"-0.022em",textTransform:"none",fontWeight:300,fontStyle:"normal"},text:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:18,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 5px 30px rgba(0, 0, 0, 0.22)"},header:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.022em"},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.022em"},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.022em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},activeText:{color:"color-white"},content:{color:"color-black"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:"18px"},trigger:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:18},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.022em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.022em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:18},title:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif",fontWeight:300,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"18px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"18px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"soft",typeWeight:"light",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.022em",accentTreatment:"flat",signatureMotif:"◯",density:"spacious",surfaceTone:"paper",cardRadius:18,pillRadius:9999,badgeRadius:8,voice:"minimal-precise"}},coinbase:{metadata:{id:"coinbase",label:"Coinbase",sourcePath:"design.md/html/coinbase.html",sourceTitle:"Design System Inspiration of Coinbase",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap"]},theme:{primary:"#0052ff",secondary:"#0a0b0d",success:"#16a34a",warning:"#003ecc",error:"#dc2626",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#0052ff","primary-active":"#003ecc","primary-disabled":"#a8b8cc",ink:"#0a0b0d",body:"#5b616e",muted:"#7c828a","muted-soft":"#a8acb3",hairline:"#dee1e6","hairline-soft":"#eef0f3",canvas:"#ffffff","surface-soft":"#f7f7f7","surface-strong":"#eef0f3","surface-dark":"#0a0b0d","surface-dark-elevated":"#16181c","on-primary":"#ffffff","on-dark":"#ffffff","on-dark-soft":"#a8acb3","semantic-up":"#05b169","semantic-down":"#cf202f","accent-yellow":"#f4b000",display:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",text:"'Inter', 'Coinbase Sans', sans-serif",mono:"'JetBrains Mono', 'Coinbase Mono', monospace"},colors:[{name:"primary",value:"#0052ff",role:"primary"},{name:"primary-active",value:"#003ecc",role:"primary active"},{name:"primary-disabled",value:"#a8b8cc",role:"primary disabled"},{name:"ink",value:"#0a0b0d",role:"ink"},{name:"body",value:"#5b616e",role:"body"},{name:"muted",value:"#7c828a",role:"muted"},{name:"muted-soft",value:"#a8acb3",role:"muted soft"},{name:"hairline",value:"#dee1e6",role:"hairline"},{name:"hairline-soft",value:"#eef0f3",role:"hairline soft"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"surface-soft",value:"#f7f7f7",role:"surface soft"},{name:"surface-strong",value:"#eef0f3",role:"surface strong"},{name:"surface-dark",value:"#0a0b0d",role:"surface dark"},{name:"surface-dark-elevated",value:"#16181c",role:"surface dark elevated"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"on-dark",value:"#ffffff",role:"on dark"},{name:"on-dark-soft",value:"#a8acb3",role:"on dark soft"},{name:"semantic-up",value:"#05b169",role:"semantic up"},{name:"semantic-down",value:"#cf202f",role:"semantic down"},{name:"accent-yellow",value:"#f4b000",role:"accent yellow"}],typography:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",monoFamily:"'JetBrains Mono', 'Coinbase Mono', monospace",fontSizes:["16px","14px","72px","18px","13px","36px","12px","44px","11px","52px","28px","40px","32px","48px","26px"],fontWeights:["500","600","400","700"],lineHeights:["1.5","1.2","1.05","1.15","1.0","1.09","1","1.35","1.4"]},spacing:["4px","5px","6px","8px","10px","11px","12px","13px","14px","15px","16px","19px","20px","24px","28px","32px","40px","44px","48px","56px"],radii:["100px","24px","20px","16px","9999px","14px","12px","8px","6px","3px"],shadows:["0 16px 40px rgba(0,0,0,0.5)","0 16px 40px rgba(0,0,0,0.4)","0 4px 12px rgba(0,0,0,0.04)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:6,fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",letterSpacing:"-0.01em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:12,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 16px 40px rgba(0,0,0,0.5)"},header:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.01em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},activeText:{color:"color-white"},content:{color:"color-black"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:"16px"},trigger:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:12},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"'JetBrains Mono', 'Coinbase Mono', monospace",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.01em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.01em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:12},title:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"16px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"16px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', 'Coinbase Display', -apple-system, system-ui, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"◆",density:"comfortable",surfaceTone:"paper",cardRadius:12,pillRadius:9999,badgeRadius:6,voice:"trustworthy-financial"}},figma:{metadata:{id:"figma",label:"Figma",sourcePath:"design.md/html/figma.html",sourceTitle:"Design System Inspiration of Figma",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@300..700&family=JetBrains+Mono:wght@400;500&display=swap"]},theme:{primary:"#F24E1E",secondary:"#A259FF",success:"#0ACF83",warning:"#FFC700",error:"#FF7262",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#000000","on-primary":"#ffffff",ink:"#000000",canvas:"#ffffff","inverse-canvas":"#000000","inverse-ink":"#ffffff",hairline:"#e6e6e6","hairline-soft":"#f1f1f1","surface-soft":"#f7f7f5","block-lime":"#dceeb1","block-lilac":"#c5b0f4","block-cream":"#f4ecd6","block-pink":"#efd4d4","block-mint":"#c8e6cd","block-coral":"#f3c9b6","block-navy":"#1f1d3d","accent-magenta":"#ff3d8b","semantic-success":"#1ea64a",sans:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",mono:"'JetBrains Mono', 'SF Mono', Menlo, monospace"},colors:[{name:"primary",value:"#F24E1E",role:"primary"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"ink",value:"#000000",role:"ink"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"inverse-canvas",value:"#000000",role:"inverse canvas"},{name:"inverse-ink",value:"#ffffff",role:"inverse ink"},{name:"hairline",value:"#e6e6e6",role:"hairline"},{name:"hairline-soft",value:"#f1f1f1",role:"hairline soft"},{name:"surface-soft",value:"#f7f7f5",role:"surface soft"},{name:"block-lime",value:"#dceeb1",role:"block lime"},{name:"block-lilac",value:"#c5b0f4",role:"block lilac"},{name:"block-cream",value:"#f4ecd6",role:"block cream"},{name:"block-pink",value:"#efd4d4",role:"block pink"},{name:"block-mint",value:"#c8e6cd",role:"block mint"},{name:"block-coral",value:"#f3c9b6",role:"block coral"},{name:"block-navy",value:"#1f1d3d",role:"block navy"},{name:"accent-magenta",value:"#ff3d8b",role:"accent magenta"},{name:"semantic-success",value:"#1ea64a",role:"semantic success"}],typography:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",monoFamily:"'JetBrains Mono', 'SF Mono', Menlo, monospace",fontSizes:["18px","16px","80px","20px","12px","40px","14px","11px","26px","24px","32px","13px","10px","56px","36px"],fontWeights:["320","330","480","600","500","700"],lineHeights:["1.45","1.0","1.4","1.1","1.6","1.35","1","1.2"]},spacing:["5px","6px","8px","10px","12px","14px","16px","20px","22px","24px","28px","32px","36px","40px","44px","48px","56px","64px","96px","100px"],radii:["50px","8px","9999px","24px","6px","2px","3px"],shadows:["0 0 0 2px rgba(0,0,0,0.08)","none","0 4px 16px rgba(0,0,0,0.06)","0 12px 32px rgba(0,0,0,0.18)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:4,fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",letterSpacing:"-0.01em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary",borderRadius:8,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 2px rgba(0,0,0,0.08)"},header:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.01em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"theme-primary"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},activeText:{color:"theme-primary"},content:{color:"theme-primary"},container:{borderRadius:"8px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"theme-primary",borderRadius:"12px"},trigger:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"theme-primary",borderColor:"color-gray-200",borderRadius:8},thead:{backgroundColor:"color-gray-50",color:"theme-primary"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"'JetBrains Mono', 'SF Mono', Menlo, monospace",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"theme-primary",borderColor:"color-gray-200",letterSpacing:"-0.01em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.01em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary",borderRadius:"50%"},fallback:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:8},title:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"8px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-primary"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:"12px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, Helvetica, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"✦",density:"comfortable",surfaceTone:"paper",cardRadius:8,pillRadius:9999,badgeRadius:4,voice:"playful-creative"}},linear:{metadata:{id:"linear",label:"Linear",sourcePath:"design.md/html/linear.html",sourceTitle:"Design System Inspiration of Linear",defaultAppearance:"dark",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400&display=swap"]},theme:{primary:"#5e6ad2",secondary:"#828fff",success:"#27a644",warning:"#5e69d1",error:"#828fff",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#5e6ad2","primary-hover":"#828fff","primary-focus":"#5e69d1","on-primary":"#ffffff",ink:"#f7f8f8","ink-muted":"#d0d6e0","ink-subtle":"#8a8f98","ink-tertiary":"#62666d",canvas:"#010102","surface-1":"#0f1011","surface-2":"#141516","surface-3":"#18191a","surface-4":"#191a1b",hairline:"#23252a","hairline-strong":"#34343a","hairline-tertiary":"#3e3e44","semantic-success":"#27a644",sans:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",mono:"'JetBrains Mono', ui-monospace, 'SF Mono', menlo, monospace"},colors:[{name:"primary",value:"#5e6ad2",role:"primary"},{name:"primary-hover",value:"#828fff",role:"primary hover"},{name:"primary-focus",value:"#5e69d1",role:"primary focus"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"ink",value:"#f7f8f8",role:"ink"},{name:"ink-muted",value:"#d0d6e0",role:"ink muted"},{name:"ink-subtle",value:"#8a8f98",role:"ink subtle"},{name:"ink-tertiary",value:"#62666d",role:"ink tertiary"},{name:"canvas",value:"#08090A",role:"canvas"},{name:"surface-1",value:"#0f1011",role:"surface 1"},{name:"surface-2",value:"#141516",role:"surface 2"},{name:"surface-3",value:"#18191a",role:"surface 3"},{name:"surface-4",value:"#191a1b",role:"surface 4"},{name:"hairline",value:"#23252a",role:"hairline"},{name:"hairline-strong",value:"#34343a",role:"hairline strong"},{name:"hairline-tertiary",value:"#3e3e44",role:"hairline tertiary"},{name:"semantic-success",value:"#27a644",role:"semantic success"}],typography:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",monoFamily:"'JetBrains Mono', ui-monospace, 'SF Mono', menlo, monospace",fontSizes:["16px","14px","80px","18px","13px","56px","15px","12px","11px","28px","40px","22px","10px","36px"],fontWeights:["400","500","600","700"],lineHeights:["1.50","1.05","1.20","1.10","1.5","1.6","1.25","1","1.2","1.35","1.4"]},spacing:["2px","5px","6px","8px","10px","12px","14px","16px","20px","24px","28px","32px","36px","40px","48px","56px","64px","80px","96px","120px"],radii:["8px","12px","9999px","16px","4px","2px","6px","3px"],shadows:["rgba(255,255,255,0.05) 0 0.5px 0 0.5px","0 0 0 2px rgba(94,105,209,0.25)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-on-primary",views:{container:{borderRadius:9999,fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"theme-on-primary",borderColor:"theme-secondary",borderRadius:6,fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",letterSpacing:"-0.025em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:12,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(255,255,255,0.05) 0 0.5px 0 0.5px"},header:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontStyle:"normal",letterSpacing:"-0.025em"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontStyle:"normal",letterSpacing:"-0.025em"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.025em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},activeText:{color:"theme-primary"},content:{color:"color-black"},container:{borderRadius:"8px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:"12px"},trigger:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:12},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"'JetBrains Mono', ui-monospace, 'SF Mono', menlo, monospace",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.025em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.025em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:12},title:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.025em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"8px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"12px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', 'SF Pro Display', system-ui, -apple-system, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.025em",accentTreatment:"gradient",signatureMotif:"↗",density:"tight",surfaceTone:"glass",cardRadius:12,pillRadius:9999,badgeRadius:6,voice:"speed-clarity"}},nike:{metadata:{id:"nike",label:"Nike",sourcePath:"design.md/html/nike.html",sourceTitle:"Design System Inspiration of Nike",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"]},theme:{primary:"color-black",secondary:"#FA5400",success:"#76E0B5",warning:"#1151ff",error:"#d30005",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"color-white"},tokens:{rawCssVars:{ink:"#111111","on-primary":"#ffffff",canvas:"#ffffff","soft-cloud":"#f5f5f5",charcoal:"#39393b",ash:"#4b4b4d",mute:"#707072",stone:"#9e9ea0",hairline:"#cacacb","hairline-soft":"#e5e5e5",sale:"#d30005","sale-deep":"#780700",success:"#007d48","success-bright":"#1eaa52",info:"#1151ff","info-deep":"#0034e3","accent-pink":"#ed1aa0","accent-pink-soft":"#ffb0dd","accent-purple-soft":"#beaffd","accent-purple-pale":"#d6d1ff","accent-teal":"#0a7281","accent-pink-deep":"#4c012d","font-display":"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif","font-ui":"'Inter', 'Helvetica Now Text Medium', Helvetica, Arial, sans-serif","font-body":"'Inter', 'Helvetica Now Text', Helvetica, Arial, sans-serif"},colors:[{name:"ink",value:"#111111",role:"ink"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"soft-cloud",value:"#f5f5f5",role:"soft cloud"},{name:"charcoal",value:"#39393b",role:"charcoal"},{name:"ash",value:"#4b4b4d",role:"ash"},{name:"mute",value:"#707072",role:"mute"},{name:"stone",value:"#9e9ea0",role:"stone"},{name:"hairline",value:"#cacacb",role:"hairline"},{name:"hairline-soft",value:"#e5e5e5",role:"hairline soft"},{name:"sale",value:"#d30005",role:"sale"},{name:"sale-deep",value:"#780700",role:"sale deep"},{name:"success",value:"#76E0B5",role:"success"},{name:"success-bright",value:"#1eaa52",role:"success bright"},{name:"info",value:"#1151ff",role:"info"},{name:"info-deep",value:"#0034e3",role:"info deep"},{name:"accent-pink",value:"#ed1aa0",role:"accent pink"},{name:"accent-pink-soft",value:"#ffb0dd",role:"accent pink soft"},{name:"accent-purple-soft",value:"#beaffd",role:"accent purple soft"},{name:"accent-purple-pale",value:"#d6d1ff",role:"accent purple pale"},{name:"accent-teal",value:"#0a7281",role:"accent teal"},{name:"accent-pink-deep",value:"#4c012d",role:"accent pink deep"}],typography:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["16px","15px","14px","96px","18px","12px","56px","13px","11px","24px","40px","64px","48px","32px"],fontWeights:["700","500","600"],lineHeights:["1.5","0.92","1","1.4","1.6","0.9","1.2","1.75","1.7","1.35"]},spacing:["2px","4px","5px","6px","8px","10px","12px","14px","16px","18px","20px","24px","28px","30px","32px","36px","40px","44px","48px","56px"],radii:["9999px","24px","14px","6px","3px"],shadows:["0 0 0 12px var(--soft-cloud)","0 20px 30px -10px rgba(0,0,0,0.18)","0 0 0 2px var(--canvas), 0 0 0 4px var(--ink)","inset 0 -1px 0 var(--hairline-soft)"]},components:{button:{variant:"filled",size:"md",shape:"square",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:0,fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,borderColor:"theme-primary",letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"italic",backgroundColor:null},content:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"italic"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:0,fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",letterSpacing:"0.08em",textTransform:"uppercase",fontWeight:800,fontStyle:"italic"},text:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"square",views:{container:{backgroundColor:"theme-secondary",borderColor:"color-gray-200",color:"theme-primary",borderRadius:4,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 12px var(--soft-cloud)"},header:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontStyle:"italic",letterSpacing:"0.02em"},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontStyle:"italic",letterSpacing:"0.02em"},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},helperText:{},text:{letterSpacing:"0.02em",fontStyle:"italic"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:0},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},infoText:{color:"color-gray-500"},container:{borderRadius:0}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"theme-primary"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},activeText:{color:"color-white"},content:{color:"theme-primary"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"theme-secondary",color:"theme-primary",borderRadius:0},trigger:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"theme-primary",borderColor:"color-gray-200",borderRadius:4},thead:{backgroundColor:"theme-secondary",color:"theme-primary"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},tr:{borderColor:"color-gray-200"},td:{color:"theme-primary",borderColor:"color-gray-200",letterSpacing:"0.02em",fontStyle:"italic"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"0.02em"}}},avatar:{views:{container:{backgroundColor:"theme-secondary",borderColor:"color-gray-200",color:"theme-primary",borderRadius:"50%"},fallback:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"}}},alert:{views:{container:{backgroundColor:"theme-secondary",borderColor:"color-gray-200",borderRadius:4},title:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"italic"},description:{color:"color-gray-500",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:0,views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-primary"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:0},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"'Helvetica Now Display', 'Helvetica Neue', 'Inter', Helvetica, Arial, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"theme-secondary",borderColor:"color-gray-200",color:"theme-primary"}}}},personality:{cornerStyle:"sharp",typeWeight:"black",typeCase:"uppercase",typeStyle:"italic",letterSpacing:"0.02em",accentTreatment:"flat",signatureMotif:"▶",density:"tight",surfaceTone:"mono",cardRadius:4,pillRadius:0,badgeRadius:0,voice:"athletic-bold"}},notion:{metadata:{id:"notion",label:"Notion",sourcePath:"design.md/html/notion.html",sourceTitle:"Design System Inspiration of Notion",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"]},theme:{primary:"#5645d4",secondary:"#ff64c8",success:"#1aae39",warning:"#dd5b00",error:"#ff64c8",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#5645d4","primary-pressed":"#4534b3","primary-deep":"#3a2a99","on-primary":"#ffffff","brand-navy":"#0a1530","brand-navy-deep":"#070f24","link-blue":"#0075de","brand-pink":"#ff64c8","brand-orange":"#dd5b00","brand-purple":"#7b3ff2","brand-purple-800":"#391c57","brand-orange-deep":"#793400","brand-green":"#1aae39","brand-yellow":"#f5d75e","brand-teal":"#2a9d99","tint-peach":"#ffe8d4","tint-rose":"#fde0ec","tint-mint":"#d9f3e1","tint-lavender":"#e6e0f5","tint-sky":"#dcecfa","tint-yellow":"#fef7d6","tint-yellow-bold":"#f9e79f","tint-cream":"#f8f5e8",canvas:"#ffffff",surface:"#f6f5f4","surface-soft":"#fafaf9",hairline:"#e5e3df","hairline-soft":"#ede9e4","hairline-strong":"#c8c4be","hairline-dark":"rgba(255,255,255,0.16)","ink-deep":"#000000",ink:"#1a1a1a",charcoal:"#37352f",slate:"#5d5b54",steel:"#787671",stone:"#a4a097",muted:"#bbb8b1","on-dark":"#ffffff","on-dark-muted":"#a4a097"},colors:[{name:"primary",value:"#5645d4",role:"primary"},{name:"primary-pressed",value:"#4534b3",role:"primary pressed"},{name:"primary-deep",value:"#3a2a99",role:"primary deep"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"brand-navy",value:"#0a1530",role:"brand navy"},{name:"brand-navy-deep",value:"#070f24",role:"brand navy deep"},{name:"link-blue",value:"#0075de",role:"link blue"},{name:"brand-pink",value:"#ff64c8",role:"brand pink"},{name:"brand-orange",value:"#dd5b00",role:"brand orange"},{name:"brand-purple",value:"#7b3ff2",role:"brand purple"},{name:"brand-purple-800",value:"#391c57",role:"brand purple 800"},{name:"brand-orange-deep",value:"#793400",role:"brand orange deep"},{name:"brand-green",value:"#1aae39",role:"brand green"},{name:"brand-yellow",value:"#f5d75e",role:"brand yellow"},{name:"brand-teal",value:"#2a9d99",role:"brand teal"},{name:"tint-peach",value:"#ffe8d4",role:"tint peach"},{name:"tint-rose",value:"#fde0ec",role:"tint rose"},{name:"tint-mint",value:"#d9f3e1",role:"tint mint"},{name:"tint-lavender",value:"#e6e0f5",role:"tint lavender"},{name:"tint-sky",value:"#dcecfa",role:"tint sky"},{name:"tint-yellow",value:"#fef7d6",role:"tint yellow"},{name:"tint-yellow-bold",value:"#f9e79f",role:"tint yellow bold"},{name:"tint-cream",value:"#f8f5e8",role:"tint cream"},{name:"canvas",value:"#ffffff",role:"canvas"},{name:"surface",value:"#f6f5f4",role:"surface"},{name:"surface-soft",value:"#fafaf9",role:"surface soft"},{name:"hairline",value:"#e5e3df",role:"hairline"},{name:"hairline-soft",value:"#ede9e4",role:"hairline soft"},{name:"hairline-strong",value:"#c8c4be",role:"hairline strong"},{name:"hairline-dark",value:"rgba(255,255,255,0.16)",role:"hairline dark"},{name:"ink-deep",value:"#000000",role:"ink deep"},{name:"ink",value:"#1a1a1a",role:"ink"},{name:"charcoal",value:"#37352f",role:"charcoal"},{name:"slate",value:"#5d5b54",role:"slate"},{name:"steel",value:"#787671",role:"steel"},{name:"stone",value:"#a4a097",role:"stone"},{name:"muted",value:"#bbb8b1",role:"muted"},{name:"on-dark",value:"#ffffff",role:"on dark"},{name:"on-dark-muted",value:"#a4a097",role:"on dark muted"}],typography:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["14px","15px","12px","80px","18px","48px","16px","13px","22px","11px","56px","36px","10px","20px","28px"],fontWeights:["500","600","400","700"],lineHeights:["1.55","1","1.05","1.15","1.4","1.3","1.5","1.1","1.2","1.35"]},spacing:["2px","4px","5px","6px","8px","10px","11px","12px","14px","15px","16px","18px","20px","24px","31px","32px","40px","44px","48px","56px"],radii:["6px","8px","16px","50%","12px","9999px","4px","3px"],shadows:["rgba(15, 15, 15, 0.20) 0px 24px 48px -8px","rgba(15,15,15,0.04) 0px 1px 2px 0px","rgba(15,15,15,0.08) 0px 4px 12px 0px","rgba(15,15,15,0.20) 0px 24px 48px -8px","rgba(15,15,15,0.16) 0px 16px 48px -8px"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,borderColor:"theme-primary",letterSpacing:"0em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:4,fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",letterSpacing:"0em",textTransform:"none",fontWeight:400,fontStyle:"normal"},text:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(15, 15, 15, 0.20) 0px 24px 48px -8px"},header:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontStyle:"normal",letterSpacing:"0em"},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontStyle:"normal",letterSpacing:"0em"},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"0em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},activeText:{color:"theme-primary"},content:{color:"color-black"},container:{borderRadius:"8px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:"12px"},trigger:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:10},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"0em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"0em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:10},title:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",fontWeight:400,letterSpacing:"0em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"8px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"12px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"soft",typeWeight:"regular",typeCase:"normal",typeStyle:"normal",letterSpacing:"0em",accentTreatment:"flat",signatureMotif:"◇",density:"comfortable",surfaceTone:"paper",cardRadius:10,pillRadius:9999,badgeRadius:4,voice:"thoughtful-quiet"}},revolut:{metadata:{id:"revolut",label:"Revolut",sourcePath:"design.md/html/revolut.html",sourceTitle:"Design System Inspiration of Revolut",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"]},theme:{primary:"#1361F0",secondary:"#101D31",success:"#16a34a",warning:"#d97706",error:"#e61e49",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#ffffff"},tokens:{rawCssVars:{primary:"#494fdf","primary-bright":"#4f55f1","primary-deep":"#3a40c4","on-primary":"#ffffff",ink:"#191c1f",body:"#1f2226",charcoal:"#3a3d40",mute:"#505a63",ash:"#5c5e60",stone:"#8d969e",faint:"#c9c9cd","on-dark":"#ffffff","on-dark-mute":"rgba(255,255,255,0.72)","canvas-light":"#ffffff","canvas-dark":"#000000","surface-soft":"#f4f4f4","surface-card":"#ffffff","surface-deep":"#0a0a0a","surface-elevated":"#16181a","hairline-light":"#e2e2e7","hairline-dark":"rgba(255,255,255,0.12)","hairline-strong":"#191c1f","divider-soft":"rgba(255,255,255,0.06)",teal:"#00a87e","light-blue":"#007bc2","blue-link":"#376cd5","light-green":"#428619","green-text":"#006400",yellow:"#b09000",warning:"#ec7e00",pink:"#e61e49",danger:"#e23b4a","deep-red":"#8b0000",brown:"#936d62","font-display":"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif","font-ui":"'Inter', system-ui, sans-serif"},colors:[{name:"primary",value:"#1361F0",role:"primary"},{name:"primary-bright",value:"#4f55f1",role:"primary bright"},{name:"primary-deep",value:"#3a40c4",role:"primary deep"},{name:"on-primary",value:"#ffffff",role:"on primary"},{name:"ink",value:"#191c1f",role:"ink"},{name:"body",value:"#1f2226",role:"body"},{name:"charcoal",value:"#3a3d40",role:"charcoal"},{name:"mute",value:"#505a63",role:"mute"},{name:"ash",value:"#5c5e60",role:"ash"},{name:"stone",value:"#8d969e",role:"stone"},{name:"faint",value:"#c9c9cd",role:"faint"},{name:"on-dark",value:"#ffffff",role:"on dark"},{name:"on-dark-mute",value:"rgba(255,255,255,0.72)",role:"on dark mute"},{name:"canvas-light",value:"#ffffff",role:"canvas light"},{name:"canvas-dark",value:"#000000",role:"canvas dark"},{name:"surface-soft",value:"#f4f4f4",role:"surface soft"},{name:"surface-card",value:"#ffffff",role:"surface card"},{name:"surface-deep",value:"#0a0a0a",role:"surface deep"},{name:"surface-elevated",value:"#16181a",role:"surface elevated"},{name:"hairline-light",value:"#e2e2e7",role:"hairline light"},{name:"hairline-dark",value:"rgba(255,255,255,0.12)",role:"hairline dark"},{name:"hairline-strong",value:"#191c1f",role:"hairline strong"},{name:"divider-soft",value:"rgba(255,255,255,0.06)",role:"divider soft"},{name:"teal",value:"#00a87e",role:"teal"},{name:"light-blue",value:"#007bc2",role:"light blue"},{name:"blue-link",value:"#376cd5",role:"blue link"},{name:"light-green",value:"#428619",role:"light green"},{name:"green-text",value:"#006400",role:"green text"},{name:"yellow",value:"#b09000",role:"yellow"},{name:"warning",value:"#d97706",role:"warning"},{name:"pink",value:"#e61e49",role:"pink"},{name:"danger",value:"#e23b4a",role:"danger"},{name:"deep-red",value:"#8b0000",role:"deep red"},{name:"brown",value:"#936d62",role:"brown"}],typography:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["16px","14px","18px","12px","96px","56px","24px","13px","32px","11px","64px","44px"],fontWeights:["600","500","700"],lineHeights:["1.5","1.0","1.56","1.4","1.33","1.19","1.6","1.2","1.35"]},spacing:["4px","6px","8px","10px","12px","13px","14px","16px","20px","24px","27px","28px","32px","36px","40px","48px","56px","64px","80px","88px"],radii:["9999px","20px","28px","36px","24px","12px","3px"],shadows:[]},components:{button:{variant:"filled",size:"md",shape:"pill",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:9999,fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",letterSpacing:"-0.02em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:20,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.08)"},header:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontStyle:"normal",letterSpacing:"-0.02em"},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontStyle:"normal",letterSpacing:"-0.02em"},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.02em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:9999},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:9999}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},activeText:{color:"color-white"},content:{color:"color-black"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:"24px"},trigger:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:20},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.02em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.02em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:20},title:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif",fontWeight:700,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"24px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"24px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Aeonik Pro', 'Inter', system-ui, -apple-system, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"pill",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.02em",accentTreatment:"gradient",signatureMotif:"★",density:"comfortable",surfaceTone:"glass",cardRadius:20,pillRadius:9999,badgeRadius:9999,voice:"bold-fintech"}},shopify:{metadata:{id:"shopify",label:"Shopify",sourcePath:"design.md/html/shopify.html",sourceTitle:"Design System Inspired by Shopify",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"]},theme:{primary:"#008060",secondary:"#202223",success:"#008060",warning:"#FFC453",error:"#D72C0D",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#FFFFFF"},tokens:{rawCssVars:{white:"#FFFFFF",black:"#000000","neon-green":"#36F4A4",aloe:"#C1FBD4",pistachio:"#D4F9E0","deep-teal":"#02090A","dark-forest":"#061A1C",forest:"#102620","card-border":"#1E2C31","shade-30":"#D4D4D8",muted:"#A1A1AA","shade-50":"#71717A","shade-60":"#52525B","shade-70":"#3F3F46","light-border":"#E4E4E7","link-muted":"#9797A2","shadow-card":"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},colors:[{name:"white",value:"#FFFFFF",role:"white"},{name:"black",value:"#000000",role:"black"},{name:"neon-green",value:"#36F4A4",role:"neon green"},{name:"aloe",value:"#C1FBD4",role:"aloe"},{name:"pistachio",value:"#D4F9E0",role:"pistachio"},{name:"deep-teal",value:"#02090A",role:"deep teal"},{name:"dark-forest",value:"#061A1C",role:"dark forest"},{name:"forest",value:"#102620",role:"forest"},{name:"card-border",value:"#1E2C31",role:"card border"},{name:"shade-30",value:"#D4D4D8",role:"shade 30"},{name:"muted",value:"#A1A1AA",role:"muted"},{name:"shade-50",value:"#71717A",role:"shade 50"},{name:"shade-60",value:"#52525B",role:"shade 60"},{name:"shade-70",value:"#3F3F46",role:"shade 70"},{name:"light-border",value:"#E4E4E7",role:"light border"},{name:"link-muted",value:"#9797A2",role:"link muted"},{name:"shadow-card",value:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset",role:"shadow card"}],typography:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["20px","16px","14px","80px","48px","18px","12px","13px","11px","55px","32px","28px","24px","36px"],fontWeights:["400","600","500","330","360","550","700"],lineHeights:["1.5","0.96","1.14","1.56","1.16","1.28","1.4","1.49","1.2","1.35"]},spacing:["4px","8px","10px","12px","14px","16px","20px","24px","28px","32px","40px","48px","64px","72px","80px","100px"],radii:["9999px","8px","4px","12px","2px","3px"],shadows:["rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset","0 0 0 2px var(--neon-green)","var(--shadow-card)","rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"color-aloe",color:"color-white",borderColor:"color-aloe",borderRadius:6,fontFamily:"'Inter', Helvetica, Arial, sans-serif",letterSpacing:"-0.01em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:12,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},header:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-muted",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.01em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-muted"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-muted"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-muted"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-muted",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'Inter', Helvetica, Arial, sans-serif"},activeText:{color:"color-white"},content:{color:"color-black"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-white",color:"color-black",borderRadius:"24px"},trigger:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},content:{color:"color-muted"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:12},thead:{backgroundColor:"color-white",color:"color-black"},th:{color:"color-muted",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.01em",fontStyle:"normal"},caption:{color:"color-muted",fontStyle:"italic",letterSpacing:"-0.01em"}}},avatar:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",borderRadius:12},title:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},description:{color:"color-muted",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-primary"},label:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"16px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-muted",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"24px"},item:{color:"color-muted"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},eyebrow:{color:"color-muted"},title:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},description:{color:"color-muted"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"●",density:"comfortable",surfaceTone:"paper",cardRadius:12,pillRadius:9999,badgeRadius:6,voice:"commerce-friendly"}},spacex:{metadata:{id:"spacex",label:"SpaceX",sourcePath:"design.md/html/spaceX.html",sourceTitle:"Design System Preview: SpaceX (Light)",defaultAppearance:"dark",googleFontLinks:["https://fonts.googleapis.com/css2?family=Share+Tech&display=swap"]},theme:{primary:"color-black",secondary:"#a3a3a3",success:"#4ade80",warning:"#fbbf24",error:"#ef4444",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"color-white"},tokens:{rawCssVars:{black:"#000000",spectral:"#f0f0fa","ghost-bg":"rgba(240,240,250,0.1)","ghost-border":"rgba(240,240,250,0.35)",overlay:"rgba(0,0,0,0.5)",font:"'Share Tech', Arial, Verdana, sans-serif"},colors:[{name:"black",value:"#000000",role:"black"},{name:"spectral",value:"#f0f0fa",role:"spectral"},{name:"ghost-bg",value:"rgba(240,240,250,0.1)",role:"ghost bg"},{name:"ghost-border",value:"rgba(240,240,250,0.35)",role:"ghost border"},{name:"overlay",value:"rgba(0,0,0,0.5)",role:"overlay"}],typography:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["16px","13px","12px","48px","10px","32px","11px","9px","14px"],fontWeights:["700","400","600"],lineHeights:["1.50","1.00","1.70","1.2","1.35","1.4"]},spacing:["8px","10px","12px","14px","16px","18px","20px","24px","28px","32px","48px","60px","64px","72px","80px","120px"],radii:["32px","4px","2px","3px"],shadows:[]},components:{button:{variant:"ghost",size:"md",shape:"square",color:"theme-primary",textColor:"theme-primary",views:{container:{borderRadius:0,fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,borderColor:"color-gray-200",backgroundColor:"color-gray-50",letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"normal"},content:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",color:"color-white",borderColor:"color-gray-50",borderRadius:0,fontFamily:"'Share Tech', Arial, Verdana, sans-serif",letterSpacing:"0.08em",textTransform:"uppercase",fontWeight:800,fontStyle:"normal"},text:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"square",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.08)"},header:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-200",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontStyle:"normal",letterSpacing:"0.06em"},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontStyle:"normal",letterSpacing:"0.06em"},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},helperText:{},text:{letterSpacing:"0.06em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:0},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},infoText:{color:"color-gray-200"},container:{borderRadius:0}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},infoText:{color:"color-gray-200"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"theme-primary"},valueLabel:{color:"color-gray-200"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-200",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},activeText:{color:"theme-primary"},content:{color:"theme-primary"},container:{borderRadius:"32px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"theme-primary",borderRadius:0},trigger:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},content:{color:"color-gray-200"}}},table:{views:{table:{backgroundColor:"color-white",color:"theme-primary",borderColor:"color-gray-200",borderRadius:2},thead:{backgroundColor:"color-gray-50",color:"theme-primary"},th:{color:"color-gray-200",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"theme-primary",borderColor:"color-gray-200",letterSpacing:"0.06em",fontStyle:"normal"},caption:{color:"color-gray-200",fontStyle:"italic",letterSpacing:"0.06em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary",borderRadius:"50%"},fallback:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:2},title:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif",fontWeight:800,letterSpacing:"0.06em",textTransform:"uppercase",fontStyle:"normal"},description:{color:"color-gray-200",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-primary"},label:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:0,views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-primary"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-200",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:0},item:{color:"color-gray-200"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},eyebrow:{color:"color-gray-200"},title:{color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},description:{color:"color-gray-200"}}},page:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"'Share Tech', Arial, Verdana, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary"}}}},personality:{cornerStyle:"sharp",typeWeight:"black",typeCase:"uppercase",typeStyle:"normal",letterSpacing:"0.06em",accentTreatment:"glow",signatureMotif:"⚡",density:"tight",surfaceTone:"mono",cardRadius:2,pillRadius:0,badgeRadius:0,voice:"technical-mission"}},spotify:{metadata:{id:"spotify",label:"Spotify",sourcePath:"design.md/html/spotify.html",sourceTitle:"Design System Inspired by Shopify",defaultAppearance:"dark",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"]},theme:{primary:"#1DB954",secondary:"#C1FBD4",success:"#1DB954",warning:"#D4F9E0",error:"#D4D4D8",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#000000"},tokens:{rawCssVars:{white:"#FFFFFF",black:"#000000","spotify-green":"#1DB954",aloe:"#C1FBD4",pistachio:"#D4F9E0","deep-teal":"#02090A","dark-forest":"#061A1C",forest:"#102620","card-border":"#1E2C31","shade-30":"#D4D4D8",muted:"#A1A1AA","shade-50":"#71717A","shade-60":"#52525B","shade-70":"#3F3F46","light-border":"#E4E4E7","link-muted":"#9797A2","shadow-card":"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},colors:[{name:"white",value:"#FFFFFF",role:"white"},{name:"black",value:"#000000",role:"black"},{name:"spotify-green",value:"#1DB954",role:"neon green"},{name:"aloe",value:"#C1FBD4",role:"aloe"},{name:"pistachio",value:"#D4F9E0",role:"pistachio"},{name:"deep-teal",value:"#02090A",role:"deep teal"},{name:"dark-forest",value:"#061A1C",role:"dark forest"},{name:"forest",value:"#102620",role:"forest"},{name:"card-border",value:"#1E2C31",role:"card border"},{name:"shade-30",value:"#D4D4D8",role:"shade 30"},{name:"muted",value:"#A1A1AA",role:"muted"},{name:"shade-50",value:"#71717A",role:"shade 50"},{name:"shade-60",value:"#52525B",role:"shade 60"},{name:"shade-70",value:"#3F3F46",role:"shade 70"},{name:"light-border",value:"#E4E4E7",role:"light border"},{name:"link-muted",value:"#9797A2",role:"link muted"},{name:"shadow-card",value:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset",role:"shadow card"}],typography:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["20px","16px","14px","80px","48px","18px","12px","13px","11px","55px","32px","28px","24px","36px"],fontWeights:["400","600","500","330","360","550","700"],lineHeights:["1.5","0.96","1.14","1.56","1.16","1.28","1.4","1.49","1.2","1.35"]},spacing:["4px","8px","10px","12px","14px","16px","20px","24px","28px","32px","40px","48px","64px","72px","80px","100px"],radii:["9999px","8px","4px","12px","2px","3px"],shadows:["rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset","0 0 0 2px var(--neon-green)","var(--shadow-card)","rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"]},components:{button:{variant:"filled",size:"md",shape:"pill",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,borderColor:"theme-primary",letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:9999,fontFamily:"'Inter', Helvetica, Arial, sans-serif",letterSpacing:"-0.02em",textTransform:"none",fontWeight:800,fontStyle:"normal"},text:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:8,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},header:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.02em"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.02em"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:16,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.1) 0px 0px 0px 1px, rgba(0,0,0,0.1) 0px 2px 2px 0px, rgba(0,0,0,0.1) 0px 4px 4px 0px, rgba(0,0,0,0.1) 0px 8px 8px 0px, rgba(255,255,255,0.03) 0px 1px 0px 0px inset"},field:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.02em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:9999},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:9999}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'Inter', Helvetica, Arial, sans-serif"},activeText:{color:"color-white"},content:{color:"color-black"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:"24px"},trigger:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:8},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.02em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.02em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:8},title:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif",fontWeight:800,letterSpacing:"-0.02em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-primary"},label:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"16px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'Inter', Helvetica, Arial, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"24px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', Helvetica, Arial, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"pill",typeWeight:"black",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.02em",accentTreatment:"flat",signatureMotif:"●",density:"comfortable",surfaceTone:"matte",cardRadius:8,pillRadius:9999,badgeRadius:9999,voice:"rhythmic-vibrant"}},stripe:{metadata:{id:"stripe",label:"Stripe",sourcePath:"design.md/html/stripe.html",sourceTitle:"Design System Preview: Stripe (Light)",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Code+Pro:wght@400;500;700&display=swap"]},theme:{primary:"#635BFF",secondary:"#f96bee",success:"#15be53",warning:"#9b6829",error:"#ea2261",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#ffffff"},tokens:{rawCssVars:{purple:"#533afd","purple-hover":"#4434d4","purple-deep":"#2e2b8c","purple-light":"#b9b9f9","purple-mid":"#665efd",navy:"#061b31","dark-navy":"#0d253d","brand-dark":"#1c1e54",white:"#ffffff",ruby:"#ea2261",magenta:"#f96bee","magenta-light":"#ffd7ef",success:"#15be53","success-text":"#108c3d",lemon:"#9b6829",slate:"#64748d","dark-slate":"#273951",border:"#e5edf5","border-purple":"#b9b9f9","border-soft":"#d6d9fc","shadow-blue":"rgba(50,50,93,0.25)","shadow-dark-blue":"rgba(3,3,39,0.25)","shadow-black":"rgba(0,0,0,0.1)","shadow-ambient":"rgba(23,23,23,0.08)","shadow-soft":"rgba(23,23,23,0.06)","shadow-card":"rgba(50,50,93,0.25) 0px 30px 45px -30px, rgba(0,0,0,0.1) 0px 18px 36px -18px","shadow-ambient-card":"rgba(23,23,23,0.08) 0px 15px 35px 0px","shadow-subtle":"rgba(23,23,23,0.06) 0px 3px 6px 0px","font-primary":"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif","font-mono":"'Source Code Pro', SFMono-Regular, ui-monospace, Menlo, monospace"},colors:[{name:"purple",value:"#533afd",role:"purple"},{name:"purple-hover",value:"#4434d4",role:"purple hover"},{name:"purple-deep",value:"#2e2b8c",role:"purple deep"},{name:"purple-light",value:"#b9b9f9",role:"purple light"},{name:"purple-mid",value:"#665efd",role:"purple mid"},{name:"navy",value:"#061b31",role:"navy"},{name:"dark-navy",value:"#0d253d",role:"dark navy"},{name:"brand-dark",value:"#1c1e54",role:"brand dark"},{name:"white",value:"#ffffff",role:"white"},{name:"ruby",value:"#ea2261",role:"ruby"},{name:"magenta",value:"#f96bee",role:"magenta"},{name:"magenta-light",value:"#ffd7ef",role:"magenta light"},{name:"success",value:"#15be53",role:"success"},{name:"success-text",value:"#108c3d",role:"success text"},{name:"lemon",value:"#9b6829",role:"lemon"},{name:"slate",value:"#64748d",role:"slate"},{name:"dark-slate",value:"#273951",role:"dark slate"},{name:"border",value:"#e5edf5",role:"border"},{name:"border-purple",value:"#b9b9f9",role:"border purple"},{name:"border-soft",value:"#d6d9fc",role:"border soft"},{name:"shadow-blue",value:"rgba(50,50,93,0.25)",role:"shadow blue"},{name:"shadow-dark-blue",value:"rgba(3,3,39,0.25)",role:"shadow dark blue"},{name:"shadow-black",value:"rgba(0,0,0,0.1)",role:"shadow black"},{name:"shadow-ambient",value:"rgba(23,23,23,0.08)",role:"shadow ambient"},{name:"shadow-soft",value:"rgba(23,23,23,0.06)",role:"shadow soft"},{name:"shadow-card",value:"rgba(50,50,93,0.25) 0px 30px 45px -30px, rgba(0,0,0,0.1) 0px 18px 36px -18px",role:"shadow card"},{name:"shadow-ambient-card",value:"rgba(23,23,23,0.08) 0px 15px 35px 0px",role:"shadow ambient card"},{name:"shadow-subtle",value:"rgba(23,23,23,0.06) 0px 3px 6px 0px",role:"shadow subtle"}],typography:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",monoFamily:"'Source Code Pro', SFMono-Regular, ui-monospace, Menlo, monospace",fontSizes:["16px","14px","48px","18px","12px","32px","13px","11px","10px","22px"],fontWeights:["100 900","300","400","500","700","600"],lineHeights:["1.40","1.15","1.10","1.50","1.2","1.35","1.4"]},spacing:["1px","6px","8px","10px","12px","14px","16px","20px","24px","28px","32px","48px","64px","72px","80px","96px"],radii:["0 0 6px 6px","4px","6px","2px","3px"],shadows:["rgba(50,50,93,0.25)","rgba(3,3,39,0.25)","rgba(0,0,0,0.1)","rgba(23,23,23,0.08)","rgba(23,23,23,0.06)","rgba(50,50,93,0.25) 0px 30px 45px -30px, rgba(0,0,0,0.1) 0px 18px 36px -18px","rgba(23,23,23,0.08) 0px 15px 35px 0px","rgba(23,23,23,0.06) 0px 3px 6px 0px","var(--shadow-subtle)","var(--shadow-card)","0 0 0 1px theme-primary","0 0 0 1px var(--ruby)"]},components:{button:{variant:"filled",size:"md",shape:"rounded",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:9999,fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:6,fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",letterSpacing:"-0.022em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:12,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(23,23,23,0.06) 0px 3px 6px 0px"},header:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px theme-primary"},field:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.022em"},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px theme-primary"},field:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontStyle:"normal",letterSpacing:"-0.022em"},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:10,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px theme-primary"},field:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.022em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:4},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:4}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},activeText:{color:"theme-primary"},content:{color:"color-black"},container:{borderRadius:"4px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-white",color:"color-black",borderRadius:"6px"},trigger:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:12},thead:{backgroundColor:"color-white",color:"color-black"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"'Source Code Pro', SFMono-Regular, ui-monospace, Menlo, monospace",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"-0.022em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.022em"}}},avatar:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",borderRadius:12},title:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif",fontWeight:700,letterSpacing:"-0.022em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"6px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:"6px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'sohne-var', 'SF Pro Display', -apple-system, system-ui, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.022em",accentTreatment:"gradient",signatureMotif:"↗",density:"comfortable",surfaceTone:"glass",cardRadius:12,pillRadius:9999,badgeRadius:6,voice:"refined-fintech"}},tesla:{metadata:{id:"tesla",label:"Tesla",sourcePath:"design.md/html/tesla.html",sourceTitle:"Design System Inspired by Tesla",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap"]},theme:{primary:"#3E6AE1",secondary:"#171A20",success:"#3E6AE1",warning:"#5C5E62",error:"#171A20",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"#FFFFFF"},tokens:{rawCssVars:{"electric-blue":"#3E6AE1","pure-white":"#FFFFFF","carbon-dark":"#171A20",graphite:"#393C41",pewter:"#5C5E62","silver-fog":"#8E8E8E","cloud-gray":"#EEEEEE","pale-silver":"#D0D1D2","light-ash":"#F4F4F4","frosted-glass":"rgba(255,255,255,0.75)",overlay:"rgba(128,128,128,0.65)","subtle-shadow":"rgba(0,0,0,0.05)","font-display":"'Inter', -apple-system, Arial, sans-serif","font-text":"'Inter', -apple-system, Arial, sans-serif"},colors:[{name:"electric-blue",value:"#3E6AE1",role:"electric blue"},{name:"pure-white",value:"#FFFFFF",role:"pure white"},{name:"carbon-dark",value:"#171A20",role:"carbon dark"},{name:"graphite",value:"#393C41",role:"graphite"},{name:"pewter",value:"#5C5E62",role:"pewter"},{name:"silver-fog",value:"#8E8E8E",role:"silver fog"},{name:"cloud-gray",value:"#EEEEEE",role:"cloud gray"},{name:"pale-silver",value:"#D0D1D2",role:"pale silver"},{name:"light-ash",value:"#F4F4F4",role:"light ash"},{name:"frosted-glass",value:"rgba(255,255,255,0.75)",role:"frosted glass"},{name:"overlay",value:"rgba(128,128,128,0.65)",role:"overlay"},{name:"subtle-shadow",value:"rgba(0,0,0,0.05)",role:"subtle shadow"}],typography:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["14px","40px","28px","13px","12px","11px","17px","16px"],fontWeights:["400","500","700","600"],lineHeights:["1.43","48px","20px","1.2","1.3","36px","1.35","1.4"]},spacing:["4px","6px","8px","10px","12px","14px","16px","20px","24px","32px","40px","48px","56px","60px","64px","80px","100px"],radii:["4px","4px 4px 0 0","0 0 4px 4px","12px","3px"],shadows:["rgba(0,0,0,0.05)","0 1px 0 var(--pewter)"]},components:{button:{variant:"filled",size:"md",shape:"square",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:0,fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,borderColor:"theme-primary",letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.08em",textTransform:"uppercase",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:0,fontFamily:"'Inter', -apple-system, Arial, sans-serif",letterSpacing:"0.08em",textTransform:"uppercase",fontWeight:300,fontStyle:"normal"},text:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"square",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:0,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.05)"},header:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:600,borderColor:"color-gray-200"},content:{color:"theme-warning",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontStyle:"normal",letterSpacing:"0.02em"},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontStyle:"normal",letterSpacing:"0.02em"},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"none"},field:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},helperText:{},text:{letterSpacing:"0.02em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:0},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},infoText:{color:"theme-warning"},container:{borderRadius:0}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},infoText:{color:"theme-warning"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"color-black"},valueLabel:{color:"theme-warning"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"theme-warning",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"'Inter', -apple-system, Arial, sans-serif"},activeText:{color:"theme-primary"},content:{color:"color-black"},container:{borderRadius:"4px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"color-black",borderRadius:0},trigger:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},content:{color:"theme-warning"}}},table:{views:{table:{backgroundColor:"color-white",color:"color-black",borderColor:"color-gray-200",borderRadius:0},thead:{backgroundColor:"color-gray-50",color:"color-black"},th:{color:"theme-warning",borderColor:"color-gray-200",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"color-black",borderColor:"color-gray-200",letterSpacing:"0.02em",fontStyle:"normal"},caption:{color:"theme-warning",fontStyle:"italic",letterSpacing:"0.02em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black",borderRadius:"50%"},fallback:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:0},title:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif",fontWeight:300,letterSpacing:"0.02em",textTransform:"uppercase",fontStyle:"normal"},description:{color:"theme-warning",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-primary"},label:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"4px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"color-black"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"theme-warning",fontFamily:"'Inter', -apple-system, Arial, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",borderRadius:0},item:{color:"theme-warning"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},eyebrow:{color:"theme-warning"},title:{color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},description:{color:"theme-warning"}}},page:{views:{container:{backgroundColor:"color-white",color:"color-black",fontFamily:"'Inter', -apple-system, Arial, sans-serif"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"color-black"}}}},personality:{cornerStyle:"sharp",typeWeight:"light",typeCase:"uppercase",typeStyle:"normal",letterSpacing:"0.02em",accentTreatment:"flat",signatureMotif:"▲",density:"spacious",surfaceTone:"mono",cardRadius:0,pillRadius:0,badgeRadius:0,voice:"futurist-clean"}},uber:{metadata:{id:"uber",label:"Uber",sourcePath:"design.md/html/uber.html",sourceTitle:"Design System Preview: Uber (Light)",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,700&display=swap"]},theme:{primary:"color-black",secondary:"#efefef",success:"#06C167",warning:"#e2e2e2",error:"#000000",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"color-white"},tokens:{rawCssVars:{"color-black":"#000000","color-white":"#ffffff","color-hover-gray":"#e2e2e2","color-hover-light":"#f3f3f3","color-chip-gray":"#efefef","color-body-gray":"#4b4b4b","color-muted-gray":"#afafaf","shadow-card":"rgba(0, 0, 0, 0.12) 0px 4px 16px 0px","shadow-medium":"rgba(0, 0, 0, 0.16) 0px 4px 16px 0px","shadow-float":"rgba(0, 0, 0, 0.16) 0px 2px 8px 0px","shadow-press":"rgba(0, 0, 0, 0.08) 0px 0px 0px 999px inset","font-display":"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif","font-body":"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif","bg-page":"#ffffff","bg-card":"#ffffff","bg-nav":"rgba(255,255,255,0.92)","text-primary":"#000000","text-secondary":"#4b4b4b","text-tertiary":"#afafaf","border-color":"#efefef","section-label-color":"#000000"},colors:[{name:"color-black",value:"#000000",role:"color black"},{name:"color-white",value:"#ffffff",role:"color white"},{name:"color-hover-gray",value:"#e2e2e2",role:"color hover gray"},{name:"color-hover-light",value:"#f3f3f3",role:"color hover light"},{name:"color-chip-gray",value:"#efefef",role:"color chip gray"},{name:"color-body-gray",value:"#4b4b4b",role:"color body gray"},{name:"color-muted-gray",value:"#afafaf",role:"color muted gray"},{name:"shadow-card",value:"rgba(0, 0, 0, 0.12) 0px 4px 16px 0px",role:"shadow card"},{name:"shadow-medium",value:"rgba(0, 0, 0, 0.16) 0px 4px 16px 0px",role:"shadow medium"},{name:"shadow-float",value:"rgba(0, 0, 0, 0.16) 0px 2px 8px 0px",role:"shadow float"},{name:"shadow-press",value:"rgba(0, 0, 0, 0.08) 0px 0px 0px 999px inset",role:"shadow press"},{name:"bg-page",value:"#ffffff",role:"bg page"},{name:"bg-card",value:"#ffffff",role:"bg card"},{name:"bg-nav",value:"rgba(255,255,255,0.92)",role:"bg nav"},{name:"text-primary",value:"#000000",role:"text primary"},{name:"text-secondary",value:"#4b4b4b",role:"text secondary"},{name:"text-tertiary",value:"#afafaf",role:"text tertiary"},{name:"border-color",value:"#efefef",role:"border color"},{name:"section-label-color",value:"#000000",role:"section label color"}],typography:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",monoFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontSizes:["16px","18px","14px","64px","20px","12px","36px","13px","24px","28px"],fontWeights:["700","500","400","600"],lineHeights:["1.50","1.10","1.22","1.33","2.0","1.2","1.35","1.4"]},spacing:["8px","10px","12px","14px","16px","20px","24px","28px","32px","36px","40px","50px","60px","64px","80px","100px","120px","140px"],radii:["8px","999px","12px","16px","4px","3px"],shadows:["rgba(0, 0, 0, 0.12) 0px 4px 16px 0px","rgba(0, 0, 0, 0.16) 0px 4px 16px 0px","rgba(0, 0, 0, 0.16) 0px 2px 8px 0px","rgba(0, 0, 0, 0.08) 0px 0px 0px 999px inset","var(--shadow-card)","var(--shadow-float)","var(--shadow-medium)","0 0 0 1px color-black","rgba(0,0,0,0.12) 0px 4px 16px 0px","rgba(0,0,0,0.16) 0px 4px 16px 0px","rgba(0,0,0,0.16) 0px 2px 8px 0px","rgba(0,0,0,0.08) 0px 0px 0px 999px inset"]},components:{button:{variant:"filled",size:"md",shape:"square",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:0,fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"pill",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:0,fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",letterSpacing:"-0.01em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"square",views:{container:{backgroundColor:"color-white",borderColor:"theme-warning",color:"theme-primary",borderRadius:4,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0, 0, 0, 0.12) 0px 4px 16px 0px"},header:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:600,borderColor:"theme-warning"},content:{color:"color-gray-500",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},footer:{borderColor:"theme-warning"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"theme-warning",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px color-black"},field:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"theme-warning",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px color-black"},field:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontStyle:"normal",letterSpacing:"-0.01em"},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"theme-warning",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"0 0 0 1px color-black"},field:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.01em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"theme-warning",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:0},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:0}}},radio:{size:"md",views:{radio:{borderColor:"theme-warning",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"theme-warning"},circle:{backgroundColor:"color-white"},label:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"theme-warning"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"theme-primary"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"pill",views:{headerTabs:{borderColor:"theme-warning"},tab:{color:"color-gray-500",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"theme-primary"},title:{fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},activeText:{color:"color-white"},content:{color:"theme-primary"},container:{borderRadius:"9999px"}}},accordion:{views:{container:{borderColor:"theme-warning",backgroundColor:"color-white",color:"theme-primary",borderRadius:0},trigger:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"theme-primary",borderColor:"theme-warning",borderRadius:4},thead:{backgroundColor:"color-white",color:"theme-primary"},th:{color:"color-gray-500",borderColor:"theme-warning",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"theme-warning"},td:{color:"theme-primary",borderColor:"theme-warning",letterSpacing:"-0.01em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.01em"}}},avatar:{views:{container:{backgroundColor:"color-white",borderColor:"theme-warning",color:"theme-primary",borderRadius:"50%"},fallback:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"}}},alert:{views:{container:{backgroundColor:"color-white",borderColor:"theme-warning",borderRadius:4},title:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif",fontWeight:700,letterSpacing:"-0.01em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-primary"},label:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"}}},progress:{color:"theme-primary",backgroundColor:"theme-warning",radius:"8px",views:{container:{backgroundColor:"theme-warning",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-primary"}}},loader:{color:"theme-primary"},separator:{color:"theme-warning",views:{container:{borderColor:"theme-warning"},label:{color:"color-gray-500",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"theme-warning",color:"theme-primary",borderRadius:0},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},eyebrow:{color:"color-gray-500"},title:{color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"'DM Sans', system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif"},section:{backgroundColor:"color-white",borderColor:"theme-warning"},surface:{backgroundColor:"color-white",borderColor:"theme-warning",color:"theme-primary"}}}},personality:{cornerStyle:"sharp",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"▶",density:"tight",surfaceTone:"mono",cardRadius:4,pillRadius:0,badgeRadius:0,voice:"motion-utility"}},vercel:{metadata:{id:"vercel",label:"Vercel",sourcePath:"design.md/html/vercel.html",sourceTitle:"Design System Preview: Vercel (Light)",defaultAppearance:"light",googleFontLinks:["https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap"]},theme:{primary:"color-black",secondary:"#0072f5",success:"#0a72ef",warning:"#de1d8d",error:"#ff5b4f",canvas:"color-white",surface:"color-gray-50",text:"color-black",muted:"color-gray-500",border:"color-gray-200",onPrimary:"color-white"},tokens:{rawCssVars:{black:"#171717",white:"#ffffff","gray-50":"#fafafa","gray-100":"#ebebeb","gray-400":"#808080","gray-500":"#666666","gray-600":"#4d4d4d","link-blue":"#0072f5","focus-blue":"hsl(212,100%,48%)","ship-red":"#ff5b4f","preview-pink":"#de1d8d","develop-blue":"#0a72ef","console-blue":"#0070f3","console-purple":"#7928ca","console-pink":"#eb367f","badge-bg":"#ebf5ff","badge-text":"#0068d6","shadow-ring":"rgba(0,0,0,0.08) 0px 0px 0px 1px","shadow-ring-light":"rgb(235,235,235) 0px 0px 0px 1px","shadow-subtle":"rgba(0,0,0,0.04) 0px 2px 2px 0px","shadow-card":"rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgb(250,250,250) 0px 0px 0px 1px","shadow-card-full":"rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgba(0,0,0,0.04) 0px 8px 8px -8px, rgb(250,250,250) 0px 0px 0px 1px","font-sans":"'Geist', system-ui, -apple-system, Arial, sans-serif","font-mono":"'Geist Mono', ui-monospace, SFMono-Regular, 'Roboto Mono', Menlo, monospace"},colors:[{name:"black",value:"#171717",role:"black"},{name:"white",value:"#ffffff",role:"white"},{name:"gray-50",value:"#fafafa",role:"gray 50"},{name:"gray-100",value:"#ebebeb",role:"gray 100"},{name:"gray-400",value:"#808080",role:"gray 400"},{name:"gray-500",value:"#666666",role:"gray 500"},{name:"gray-600",value:"#4d4d4d",role:"gray 600"},{name:"link-blue",value:"#0072f5",role:"link blue"},{name:"focus-blue",value:"hsl(212,100%,48%)",role:"focus blue"},{name:"ship-red",value:"#ff5b4f",role:"ship red"},{name:"preview-pink",value:"#de1d8d",role:"preview pink"},{name:"develop-blue",value:"#0a72ef",role:"develop blue"},{name:"console-blue",value:"#0070f3",role:"console blue"},{name:"console-purple",value:"#7928ca",role:"console purple"},{name:"console-pink",value:"#eb367f",role:"console pink"},{name:"badge-bg",value:"#ebf5ff",role:"badge bg"},{name:"badge-text",value:"#0068d6",role:"badge text"},{name:"shadow-ring",value:"rgba(0,0,0,0.08) 0px 0px 0px 1px",role:"shadow ring"},{name:"shadow-ring-light",value:"rgb(235,235,235) 0px 0px 0px 1px",role:"shadow ring light"},{name:"shadow-subtle",value:"rgba(0,0,0,0.04) 0px 2px 2px 0px",role:"shadow subtle"},{name:"shadow-card",value:"rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgb(250,250,250) 0px 0px 0px 1px",role:"shadow card"},{name:"shadow-card-full",value:"rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgba(0,0,0,0.04) 0px 8px 8px -8px, rgb(250,250,250) 0px 0px 0px 1px",role:"shadow card full"}],typography:{fontFamily:"var(--font-sans)",monoFamily:"'Geist Mono', ui-monospace, SFMono-Regular, 'Roboto Mono', Menlo, monospace",fontSizes:["16px","14px","48px","20px","12px","32px","13px","11px","10px","36px"],fontWeights:["400","600","500","700"],lineHeights:["1.50","1.00","1.80","1.25","1.2","1.35","1.4"]},spacing:["2px","4px","8px","10px","12px","14px","16px","20px","24px","28px","32px","48px","64px","72px","80px","96px"],radii:["6px","8px","9999px","3px"],shadows:["rgba(0,0,0,0.08) 0px 0px 0px 1px","rgb(235,235,235) 0px 0px 0px 1px","rgba(0,0,0,0.04) 0px 2px 2px 0px","rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgb(250,250,250) 0px 0px 0px 1px","rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgba(0,0,0,0.04) 0px 8px 8px -8px, rgb(250,250,250) 0px 0px 0px 1px","var(--shadow-ring)","var(--shadow-ring-light)","var(--shadow-card)","var(--shadow-card-full)","0 0 0 2px var(--focus-blue)","0 0 0 2px var(--ship-red)"]},components:{button:{variant:"filled",size:"md",shape:"square",color:"theme-primary",textColor:"theme-onPrimary",views:{container:{borderRadius:4,fontFamily:"var(--font-sans)",fontWeight:700,borderColor:"theme-primary",letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal",backgroundColor:null},content:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"}}},badge:{variant:"filled",size:"sm",shape:"rounded",views:{container:{backgroundColor:"theme-secondary",color:"color-white",borderColor:"theme-secondary",borderRadius:4,fontFamily:"var(--font-sans)",letterSpacing:"-0.04em",textTransform:"none",fontWeight:700,fontStyle:"normal"},text:{fontFamily:"var(--font-sans)",fontWeight:600}}},card:{variant:"outlined",size:"md",shape:"rounded",views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary",borderRadius:4,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.08) 0px 0px 0px 1px"},header:{color:"theme-primary",fontFamily:"var(--font-sans)",fontWeight:600,borderColor:"color-gray-200"},content:{color:"color-gray-500",fontFamily:"var(--font-sans)"},footer:{borderColor:"color-gray-200"}}},input:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.08) 0px 0px 0px 1px"},field:{color:"theme-primary",fontFamily:"var(--font-sans)",fontStyle:"normal",letterSpacing:"-0.04em"},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},helperText:{}}},textarea:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.08) 0px 0px 0px 1px"},field:{color:"theme-primary",fontFamily:"var(--font-sans)",fontStyle:"normal",letterSpacing:"-0.04em"},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},helperText:{}}},select:{size:"md",shape:"default",variant:"default",views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:2,borderWidth:"1px",borderStyle:"solid",boxShadow:"rgba(0,0,0,0.08) 0px 0px 0px 1px"},field:{color:"theme-primary",fontFamily:"var(--font-sans)"},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},helperText:{},text:{letterSpacing:"-0.04em",fontStyle:"normal"}}},checkbox:{size:"md",views:{checkbox:{borderColor:"color-gray-200",backgroundColor:"color-white",_checked:{backgroundColor:"theme-primary",borderColor:"theme-primary"},borderRadius:0},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:0}}},radio:{size:"md",views:{radio:{borderColor:"color-gray-200",backgroundColor:"color-white"},dot:{backgroundColor:"theme-primary"},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},infoText:{color:"color-gray-500"},container:{borderRadius:"50%"}}},switch:{size:"sm",views:{slider:{backgroundColor:"color-gray-200"},circle:{backgroundColor:"color-white"},label:{fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},container:{borderRadius:"9999px"}}},slider:{backgroundColor:"theme-primary",views:{track:{backgroundColor:"color-gray-200"},progress:{backgroundColor:"theme-primary"},filledTrack:{backgroundColor:"theme-primary"},thumb:{borderColor:"theme-primary",backgroundColor:"color-white"},label:{color:"theme-primary"},valueLabel:{color:"color-gray-500"}}},tabs:{variant:"underline",views:{headerTabs:{borderColor:"color-gray-200"},tab:{color:"color-gray-500",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},activeTab:{color:"theme-primary",borderColor:"theme-primary",backgroundColor:"transparent"},title:{fontFamily:"var(--font-sans)"},activeText:{color:"theme-primary"},content:{color:"theme-primary"},container:{borderRadius:"6px"}}},accordion:{views:{container:{borderColor:"color-gray-200",backgroundColor:"color-gray-50",color:"theme-primary",borderRadius:"6px"},trigger:{color:"theme-primary",fontFamily:"var(--font-sans)"},content:{color:"color-gray-500"}}},table:{views:{table:{backgroundColor:"color-white",color:"theme-primary",borderColor:"color-gray-200",borderRadius:4},thead:{backgroundColor:"color-gray-50",color:"theme-primary"},th:{color:"color-gray-500",borderColor:"color-gray-200",fontFamily:"'Geist Mono', ui-monospace, SFMono-Regular, 'Roboto Mono', Menlo, monospace",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},tr:{borderColor:"color-gray-200"},td:{color:"theme-primary",borderColor:"color-gray-200",letterSpacing:"-0.04em",fontStyle:"normal"},caption:{color:"color-gray-500",fontStyle:"italic",letterSpacing:"-0.04em"}}},avatar:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary",borderRadius:"50%"},fallback:{color:"theme-primary",fontFamily:"var(--font-sans)"}}},alert:{views:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",borderRadius:4},title:{color:"theme-primary",fontFamily:"var(--font-sans)",fontWeight:700,letterSpacing:"-0.04em",textTransform:"none",fontStyle:"normal"},description:{color:"color-gray-500",fontFamily:"var(--font-sans)"},icon:{color:"theme-primary"}}},status:{views:{indicator:{backgroundColor:"theme-success"},label:{color:"theme-primary",fontFamily:"var(--font-sans)"}}},progress:{color:"theme-primary",backgroundColor:"color-gray-200",radius:"6px",views:{container:{backgroundColor:"color-gray-200",borderRadius:"9999px"},bar:{backgroundColor:"theme-primary"},text:{color:"theme-primary"}}},loader:{color:"theme-primary"},separator:{color:"color-gray-200",views:{container:{borderColor:"color-gray-200"},label:{color:"color-gray-500",fontFamily:"var(--font-sans)"}}},navigation:{views:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",color:"theme-primary",borderRadius:"6px"},item:{color:"color-gray-500"},activeItem:{color:"theme-primary",borderColor:"theme-primary"}}},hero:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"var(--font-sans)"},eyebrow:{color:"color-gray-500"},title:{color:"theme-primary",fontFamily:"var(--font-sans)"},description:{color:"color-gray-500"}}},page:{views:{container:{backgroundColor:"color-white",color:"theme-primary",fontFamily:"var(--font-sans)"},section:{backgroundColor:"color-white",borderColor:"color-gray-200"},surface:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",color:"theme-primary"}}}},personality:{cornerStyle:"sharp",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.04em",accentTreatment:"flat",signatureMotif:"▲",density:"comfortable",surfaceTone:"mono",cardRadius:4,pillRadius:4,badgeRadius:4,voice:"deploy-geometric"}}},Ic=Object.values(Rr),Tn=Tc,Lo=e=>!!e&&typeof e=="object"&&!Array.isArray(e)&&Object.prototype.toString.call(e)==="[object Object]",et=e=>e,Ee=(...e)=>{const o={};return e.forEach(t=>{Lo(t)&&Object.entries(t).forEach(([n,a])=>{if(a!=null){if(Lo(a)&&Lo(o[n])){o[n]=Ee(o[n],a);return}o[n]=a}})}),o},In=e=>{if(Array.isArray(e)||!Lo(e))return e;const o={};for(const[t,n]of Object.entries(e))n!==null&&(o[t]=Lo(n)?In(n):n);return o},ot=(e,o)=>{if(!o)return{};const t=o.components[e]||{};return et(In(t))},Fn=(e,o,t)=>{const{config:n,...a}=o,l=ot(e,t),c=Ee(l,n||{});return et(Ee(c,a))},zn=h.createContext({isEnabled:!1}),rt=({children:e,config:o,configId:t,mode:n})=>{const a=o||(t?Rr[t]:null)||Tn,{themeMode:l}=i.useTheme(),c=n??l??a.metadata.defaultAppearance,g=h.useMemo(()=>({config:a,configId:a.metadata.id,isEnabled:!0}),[a]);return r.jsx(zn.Provider,{value:g,children:r.jsx(i.ThemeProvider,{theme:a.theme,mode:c,transparentWrapper:!0,children:r.jsx("div",{"data-design-system":a.metadata.id,"data-appearance":c,style:{display:"contents"},children:e})})})},hr=()=>h.useContext(zn),uo=e=>{const{config:o}=hr();return ot(e,o)},me=(e,o)=>{const{config:t}=hr();return Fn(e,o,t)},Mn=h.createContext({expandedItems:[],toggleItem:()=>{},isItemExpanded:()=>!1,type:"single",collapsible:!1,baseId:""}),Fc=({children:e,value:o})=>r.jsx(Mn.Provider,{value:o,children:e}),Wn=()=>{const e=h.useContext(Mn);if(!e)throw new Error("useAccordionContext must be used within an AccordionProvider");return e},zc=({value:e,children:o,isDisabled:t=!1,views:n,...a})=>{var p;const{isItemExpanded:l,baseId:c}=Wn(),g=uo("accordion"),s=Ee({item:(p=g.views)==null?void 0:p.container},n),d=l(e),f=`${c}-trigger-${e}`,m=`${c}-content-${e}`;return r.jsx(i.View,{borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",overflow:"hidden",opacity:t?.5:1,pointerEvents:t?"none":"auto","data-state":d?"open":"closed","data-disabled":t?"":void 0,...s==null?void 0:s.item,...a,children:h.Children.map(o,u=>h.isValidElement(u)?h.cloneElement(u,{...u.props,value:e,isExpanded:d,isDisabled:t,triggerId:f,contentId:m}):u)})},Mc=({children:e,value:o,isExpanded:t,isDisabled:n,triggerId:a,contentId:l,views:c,asChild:g=!1,...s})=>{var y;const{toggleItem:d}=Wn(),f=uo("accordion"),m=Ee({container:(y=f.views)==null?void 0:y.trigger},c),u={id:a,"aria-expanded":t,"aria-controls":l,"aria-disabled":n,"data-state":t?"open":"closed","data-disabled":n?"":void 0,onClick:()=>{o&&!n&&d(o)},padding:16,cursor:n?"not-allowed":"pointer",alignItems:"center",justifyContent:"space-between",width:"100%",style:{backgroundColor:"transparent"},...m==null?void 0:m.container,...s};if(g&&h.isValidElement(e)){const x=h.Children.only(e);return h.cloneElement(x,{...u,...x.props})}return r.jsxs(i.Horizontal,{...u,children:[e,r.jsx(i.View,{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.2s ease",transform:t?"rotate(180deg)":"rotate(0deg)",...m==null?void 0:m.icon,children:r.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r.jsx("path",{d:"M16.59 8.59L12 13.17L7.41 8.59L6 10L12 16L18 10L16.59 8.59Z",fill:"currentColor"})})})]})},Wc=({children:e,isExpanded:o,isDisabled:t,triggerId:n,contentId:a,views:l,...c})=>{var S;const g=uo("accordion"),s=Ee({container:(S=g.views)==null?void 0:S.content},l),d=260,f=h.useRef(null),m=h.useRef(null),[p,u]=h.useState(!!o),[y,x]=h.useState(o?"none":"0px"),[k,C]=h.useState(o?1:0);return h.useEffect(()=>()=>{m.current&&clearTimeout(m.current)},[]),h.useEffect(()=>{var w;if(m.current&&(clearTimeout(m.current),m.current=null),o){u(!0),requestAnimationFrame(()=>{var T;const b=((T=f.current)==null?void 0:T.scrollHeight)??0;x(`${b}px`),C(1)});return}const v=((w=f.current)==null?void 0:w.scrollHeight)??0;x(`${v}px`),C(1),requestAnimationFrame(()=>{x("0px"),C(0)}),m.current=setTimeout(()=>{u(!1)},d)},[o,e]),h.useEffect(()=>{var w;if(!o||!p)return;const v=((w=f.current)==null?void 0:w.scrollHeight)??0;x(`${v}px`)},[e,o,p]),p?r.jsx(i.View,{id:a,role:"region","aria-labelledby":n,overflow:"hidden",maxHeight:y,opacity:k,transition:`max-height ${d}ms cubic-bezier(0.22, 1, 0.36, 1), opacity ${d}ms ease`,"data-state":o?"open":"closed","data-disabled":t?"":void 0,style:{backgroundColor:"transparent"},...s==null?void 0:s.container,...c,children:r.jsx(i.View,{ref:f,padding:16,children:e})}):null},Pc=({children:e,shape:o="rounded",variant:t="default",views:n,baseId:a,type:l,collapsible:c,themeMode:g,...s})=>r.jsx(i.Vertical,{width:"100%","data-orientation":"vertical",...Sc[o],...vc[t],...n==null?void 0:n.container,...s,children:e}),Pe=e=>{const o=me("accordion",e),{children:t,type:n="single",value:a,defaultValue:l,onValueChange:c,collapsible:g=!1,shape:s="rounded",variant:d="default",views:f,...m}=o,p=Array.isArray(l)?l:l?[l]:void 0,u=wc({type:n,value:a,defaultValue:l??p,onValueChange:c,collapsible:g});return r.jsx(Fc,{value:{expandedItems:u.expandedItems,toggleItem:u.toggleItem,isItemExpanded:u.isItemExpanded,type:u.type,collapsible:u.collapsible,baseId:u.baseId},children:r.jsx(Pc,{shape:s,variant:d,views:f,baseId:u.baseId,type:u.type,collapsible:u.collapsible,...m,children:t})})};Pe.Item=zc,Pe.Trigger=Mc,Pe.Content=Wc;const Hc=({isOpen:e,defaultOpen:o=!1,value:t,defaultValue:n,isMulti:a=!1,onOpenChange:l,onClose:c})=>{const g=typeof e=="boolean",s=t!==void 0,d=n??(a?[]:""),[f,m]=h.useState(o),[p,u]=h.useState(d),y=g?!!e:f,x=s?t:p,k=h.useCallback(v=>{g||m(v),l==null||l(v),v||c==null||c()},[g,c,l]),C=h.useCallback(()=>{k(!1)},[k]),S=h.useCallback(v=>{s||u(v)},[s]);return{isSheetOpen:y,selectedValue:x,setSelectedValue:S,closeSheet:C}},tt=({children:e,containerId:o="portal-root"})=>{const[t,n]=h.useState(null);return h.useEffect(()=>{let a=document.getElementById(o),l=!1;return a||(l=!0,a=document.createElement("div"),a.setAttribute("id",o),document.body.appendChild(a)),n(a),()=>{l&&a&&a.parentNode&&a.childNodes.length===0&&a.parentNode.removeChild(a)}},[o]),t?kc.createPortal(e,t):null},nt=new Map,jc=(e,o,t)=>(nt.has(e)||nt.set(e,h.lazy(()=>import("lucide-react/dynamicIconImports").then(n=>{const a=n.default[e];return a?a():{default:()=>r.jsx(r.Fragment,{children:o||t})}}))),nt.get(e)),Pn=h.memo(({widthHeight:e,color:o="currentColor",transform:t,orientation:n="up",children:a,...l})=>r.jsx(i.View,{widthHeight:e,color:o,display:"flex",alignItems:"center",justifyContent:"center",transform:t||(n==="left"?"rotate(-90deg)":n==="right"?"rotate(90deg)":n==="up"?"rotate(0deg)":n==="down"?"rotate(180deg)":"none"),...l,children:a})),fr=h.memo(({name:e="circle",widthHeight:o=24,color:t="currentColor",filled:n=!1,strokeWidth:a=1,size:l,children:c,fallback:g,...s})=>{const{getColor:d}=i.useTheme(),f=l||o,m=h.useMemo(()=>{const y=d(t);return{fill:n?y:"none",stroke:y,strokeWidth:a,strokeLinecap:"round",strokeLinejoin:"round"}},[n,t,a,d]);if(!e)return r.jsx(Pn,{widthHeight:o,color:t,...s,children:c});const p=e.toLowerCase().replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),u=jc(p,g,c);return r.jsx(Pn,{widthHeight:f,color:t,...s,children:r.jsx(h.Suspense,{fallback:g||null,children:r.jsx(u,{size:f,...m})})})}),U=(e,o={})=>{const t=n=>r.jsx(fr,{name:e,...o,...n});return t.displayName=`${e}Icon`,t},Ac=U("user",{filled:!1}),Vc=U("circle-help",{filled:!1}),Ec=U("folder",{filled:!1}),de=U("chevron-up",{filled:!1}),Dc=U("grip-vertical",{filled:!1}),ro=U("file",{filled:!1}),$c=U("video",{filled:!1}),Lc=U("image",{filled:!1}),yo=U("volume",{filled:!1}),Bc=U("twitter",{filled:!1}),_c=U("x",{filled:!1}),Oc=U("twitch",{filled:!1}),Te=U("x",{filled:!1,strokeWidth:2}),Nc=U("instagram",{filled:!1}),qc=U("youtube",{filled:!1}),Uc=U("facebook",{filled:!1}),Gc=U("linkedin",{filled:!1}),Yc=U("at-sign",{filled:!1}),Hn=U("minus",{filled:!1}),Ye=U("info",{filled:!1}),jn=U("play",{filled:!1}),Xc=U("pause",{filled:!1}),Kc=U("heart",{filled:!1}),Jc=U("star",{filled:!1}),Qc=U("save",{filled:!1}),at=U("triangle-alert",{filled:!1}),Zc=U("battery",{filled:!1}),Rc=U("bookmark",{filled:!1}),es=U("cloud",{filled:!1}),os=U("copy",{filled:!1}),mr=U("trash",{filled:!1}),rs=mr,ts=U("edit",{filled:!1}),lt=U("mic",{filled:!1}),pr=U("square",{filled:!1}),it=U("send",{filled:!1}),ct=U("loader",{filled:!1}),Bo=U("paperclip",{filled:!1}),ur=U("search",{filled:!1}),ns=U("home",{filled:!1}),An=U("settings",{filled:!1}),as=U("download",{filled:!1}),Vn=U("share",{filled:!1}),_o=U("check",{filled:!1}),ls=U("plus",{filled:!1}),st=U("eye-off",{filled:!1}),dt=U("eye",{filled:!1}),is=U("lock",{filled:!1}),cs=U("user",{filled:!1}),En=U("external-link",{filled:!1}),gt=U("check-circle",{filled:!1}),yr=U("alert-circle",{filled:!1}),ss=U("bell",{filled:!1}),ds=U("file-text",{filled:!1}),gs=U("bar-chart",{filled:!1}),hs=U("moon",{filled:!1}),Dn=U("panel-left",{filled:!1}),ht=U("upload",{filled:!1}),fs=_o,ms=e=>r.jsx(de,{orientation:"left",...e}),ps=U("zoom-out",{filled:!1}),us=U("type",{filled:!1}),ys=U("shapes",{filled:!1}),bs=U("rotate-cw",{filled:!1}),xs=U("gift",{filled:!1}),ks=U("shield",{filled:!1}),Cs=U("log-out",{filled:!1}),ws=U("power",{filled:!1}),Ss=U("link",{filled:!1}),vs=U("layout",{filled:!1}),Ts=U("zap",{filled:!1}),Is=U("credit-card",{filled:!1}),Fs=U("more-horizontal",{filled:!1}),zs=mr,Ms=U("filter",{filled:!1}),Ws=U("calendar",{filled:!1}),Ps=U("clock",{filled:!1}),Hs=U("map-pin",{filled:!1}),js=U("menu",{filled:!1}),As=U("refresh-cw",{filled:!1}),Vs=U("printer",{filled:!1}),Es=U("wand",{filled:!1}),Ds=U("thumbs-down",{filled:!1}),$s=U("thumbs-up",{filled:!1}),Ls=U("camera",{filled:!1}),Bs=U("bluetooth",{filled:!1}),_s=U("unlock",{filled:!1}),Os=U("wifi",{filled:!1}),Ns=U("arrow-right",{filled:!1}),qs=U("arrow-up",{filled:!1}),Us=U("loader",{filled:!1}),Gs=U("sliders-horizontal",{filled:!1}),Ys=U("crop",{filled:!1}),Xs=U("zoom-in",{filled:!1}),Ks=U("grip-horizontal",{filled:!1}),$n=U("mouse-pointer-2",{filled:!1}),Js={sm:{minHeight:44,paddingVertical:10,paddingHorizontal:16},md:{minHeight:52,paddingVertical:12,paddingHorizontal:18},lg:{minHeight:60,paddingVertical:14,paddingHorizontal:20}},bo={sm:{label:14,description:12},md:{label:16,description:13},lg:{label:18,description:14}},Ln=(e,o)=>e.id??e.value??`action-sheet-item-${o}`,Bn=e=>e.value??e.id,_n=e=>e.disabled||e.isDisabled||e.divider,Qs=(e,o)=>{if(typeof e.selected=="boolean")return e.selected;const t=Bn(e);return t?Array.isArray(o)?o.includes(t):o===t:!1},Zs=({isSheetOpen:e,closeSheet:o,selectedValue:t,setSelectedValue:n,isClosePrevented:a=!1,dismissOnBackdropPress:l=!0,title:c,description:g,header:s,children:d,items:f=[],isMulti:m=!1,closeOnSelect:p,onSelect:u,onChange:y,showCancel:x=!1,cancelLabel:k="Cancel",onCancel:C,showHandle:S=!0,size:v="md",maxHeight:w="88vh",views:b,animationType:T,...F})=>{if(!e)return null;const M=()=>{a||o()},E=()=>{l&&M()},$=()=>{C==null||C(),M()},z=V=>{var W;if(_n(V))return;const A=Bn(V);let P=t;if(A){if(m){const H=Array.isArray(t)?t:t?[t]:[];P=H.includes(A)?H.filter(B=>B!==A):[...H,A]}else P=A;n(P),u==null||u(A,V),y==null||y(P,V)}(W=V.onPress)==null||W.call(V,V),(V.closeOnSelect??p??!m)&&M()};return r.jsx(tt,{children:r.jsx(i.View,{position:"fixed",top:0,right:0,bottom:0,left:0,zIndex:9999,backgroundColor:"color-blackAlpha-500",display:"flex",justifyContent:"flex-end",onClick:E,...b==null?void 0:b.overlay,children:r.jsxs(i.Vertical,{width:"100%",maxWidth:520,maxHeight:w,marginHorizontal:"auto",backgroundColor:"color-white",borderTopLeftRadius:24,borderTopRightRadius:24,paddingTop:8,paddingBottom:12,overflow:"hidden",boxShadow:"0 -18px 48px rgba(15, 23, 42, 0.18)",onClick:V=>V.stopPropagation(),...b==null?void 0:b.container,...b==null?void 0:b.sheet,...F,children:[S&&r.jsx(i.View,{width:36,height:4,borderRadius:999,backgroundColor:"color-gray-300",alignSelf:"center",marginTop:4,marginBottom:8,...b==null?void 0:b.handle}),(c||g)&&r.jsxs(i.Vertical,{paddingHorizontal:20,paddingTop:6,paddingBottom:12,gap:4,...b==null?void 0:b.header,children:[c&&r.jsx(i.Text,{fontSize:18,lineHeight:24,fontWeight:"600",color:"color-gray-900",...b==null?void 0:b.title,children:c}),g&&r.jsx(i.Text,{fontSize:13,lineHeight:18,color:"color-gray-500",...b==null?void 0:b.description,children:g})]}),s,r.jsxs(i.Vertical,{overflowY:"auto",paddingBottom:4,...b==null?void 0:b.content,children:[f.map((V,A)=>{if(V.divider)return r.jsx(i.View,{height:1,backgroundColor:"color-gray-200",marginVertical:6,...b==null?void 0:b.divider},Ln(V,A));const P=Qs(V,t),j=_n(V),W=j?"color-gray-400":V.destructive?"color-red-600":P?"theme-primary":"color-gray-900";return r.jsxs(i.Horizontal,{alignItems:"center",gap:12,opacity:j?.5:1,cursor:j?"not-allowed":"pointer",onClick:()=>z(V),...Js[v],...b==null?void 0:b.item,children:[V.icon&&r.jsx(i.View,{flexShrink:0,...b==null?void 0:b.itemIcon,children:V.icon}),r.jsxs(i.Vertical,{flex:1,gap:2,children:[typeof V.label=="string"?r.jsx(i.Text,{fontSize:bo[v].label,lineHeight:bo[v].label+6,fontWeight:P?"600":"400",color:W,...b==null?void 0:b.itemLabel,children:V.label}):V.label,V.description&&r.jsx(i.Text,{fontSize:bo[v].description,lineHeight:bo[v].description+5,color:"color-gray-500",...b==null?void 0:b.itemDescription,children:V.description})]}),P&&r.jsx(_o,{widthHeight:18,color:"theme-primary",...b==null?void 0:b.itemIndicator})]},Ln(V,A))}),d]}),x&&r.jsx(i.View,{marginTop:8,paddingHorizontal:12,paddingTop:8,borderTopWidth:1,borderTopColor:"color-gray-200",children:r.jsx(i.Horizontal,{minHeight:52,alignItems:"center",justifyContent:"center",borderRadius:14,backgroundColor:"color-gray-100",cursor:"pointer",onClick:$,...b==null?void 0:b.cancelButton,children:r.jsx(i.Text,{fontSize:bo[v].label,lineHeight:bo[v].label+6,fontWeight:"600",color:"color-gray-900",...b==null?void 0:b.cancelLabel,children:k})})})]})})})},Rs=e=>{const o=Hc(e);return r.jsx(Zs,{...e,...o})},ed=e=>{const o=e==="dark";return{default:{container:{backgroundColor:"color-gray-50",borderColor:"color-gray-200",boxShadow:o?"0 1px 3px rgba(0, 0, 0, 0.3)":"0 1px 2px rgba(0, 0, 0, 0.05)"},content:{color:"color-gray-700"},icon:{color:"color-gray-500"}},info:{container:{backgroundColor:"color-blue-50",borderColor:"color-blue-200",boxShadow:o?"0 1px 3px rgba(29, 78, 216, 0.25)":"0 1px 2px rgba(59, 130, 246, 0.05)"},content:{color:"color-blue-700"},icon:{color:"color-blue-500"}},success:{container:{backgroundColor:"color-green-50",borderColor:"color-green-200",boxShadow:o?"0 1px 3px rgba(34, 197, 94, 0.2)":"0 1px 2px rgba(34, 197, 94, 0.05)"},content:{color:"color-green-700"},icon:{color:"color-green-500"}},error:{container:{backgroundColor:"color-red-50",borderColor:"color-red-200",boxShadow:o?"0 1px 3px rgba(239, 68, 68, 0.2)":"0 1px 2px rgba(239, 68, 68, 0.05)"},content:{color:"color-red-700"},icon:{color:"color-red-500"}},warning:{container:{backgroundColor:"color-orange-50",borderColor:"color-orange-200",boxShadow:o?"0 1px 3px rgba(249, 115, 22, 0.2)":"0 1px 2px rgba(249, 115, 22, 0.05)"},content:{color:"color-orange-700"},icon:{color:"color-orange-500"}}}},od=h.memo(({icon:e,title:o="",views:t,description:n="",variant:a="default",themeMode:l,children:c,...g})=>{const{themeMode:s}=i.useTheme(),d=l||s,f=h.useMemo(()=>ed(d),[d]),m=()=>{var y;if(e)return e;const u={size:20,color:((y=t==null?void 0:t.icon)==null?void 0:y.color)??f[a].icon.color};switch(a){case"info":return r.jsx(Ye,{...u});case"success":return r.jsx(gt,{...u});case"error":return r.jsx(yr,{...u});case"warning":default:return r.jsx(at,{...u})}};return r.jsxs(i.Horizontal,{gap:12,padding:"12px 16px",flexWrap:"nowrap",alignItems:"flex-start",borderRadius:"8px",borderWidth:"1px",borderStyle:"solid",borderColor:f[a].container.borderColor,backgroundColor:f[a].container.backgroundColor,boxShadow:f[a].container.boxShadow,transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",...t==null?void 0:t.container,...g,children:[r.jsx(i.View,{alignSelf:"flex-start",marginTop:"2px",...t==null?void 0:t.icon,children:m()}),r.jsxs(i.Vertical,{gap:4,children:[o?r.jsx(i.Text,{fontSize:"14px",fontWeight:"600",lineHeight:"20px",color:f[a].content.color,...t==null?void 0:t.title,children:o}):null,r.jsx(i.Text,{fontSize:"12px",fontWeight:"400",lineHeight:"16px",color:f[a].content.color,...t==null?void 0:t.description,children:n||c})]})]})}),ft=e=>{const o=me("alert",e);return r.jsx(od,{...o})},rd=({ratio:e=16/9,children:o,views:t,...n})=>r.jsx(i.View,{width:"100%",position:"relative",overflow:"hidden",paddingTop:`${1/e*100}%`,borderRadius:8,...n,...t==null?void 0:t.center,children:r.jsx(i.View,{position:"absolute",top:0,right:0,bottom:0,left:0,...t==null?void 0:t.view,children:o})}),On=({ratio:e,children:o,...t})=>r.jsx(rd,{ratio:e,...t,children:o});function td(e,o,t){return Math.min(Math.max(e,o),t)}const nd=({bars:e,isPaused:o,...t})=>{const a=[6,16,23,24,18,9,14,22,24,20,11,12,20,24,21,13,9,19,24,23,16,7,17,23,23,18,8,15,22,24,20,10];return r.jsx(i.Horizontal,{alignItems:"center",minWidth:120,gap:2,height:24,width:"100%",maxWidth:"100%",...t,children:e.map((l,c)=>r.jsx(i.View,{width:3,borderRadius:2,backgroundColor:o?"color-gray-300":l>=0?"theme-primary":"color-gray-300",style:{height:`${l>=0?td(l*300,6,24):a[c%a.length]}px`}},c))})},mt=({analyserNode:e,isPaused:o,...t})=>{const n=h.useRef(null),a=60,l=32,[c,g]=h.useState([]);return h.useEffect(()=>{if(!e){g(Array(a).fill(-1));return}const s=e.frequencyBinCount,d=new Uint8Array(s),f=()=>{e.getByteTimeDomainData(d);let m=0;for(let u=0;u<s;u++){const y=(d[u]-128)/128;m+=y*y}const p=Math.sqrt(m/s);h.startTransition(()=>{g(u=>{const x=[...u,p].slice(-a);return x.length<a?[...Array(a-x.length).fill(-1),...x]:x})})};return n.current=setInterval(f,l),()=>{n.current&&clearInterval(n.current)}},[e]),r.jsx(nd,{bars:c,isPaused:o,...t})},br=po.create(e=>({visible:!1,title:"",subtitle:"",variant:"info",isClosable:!1,views:{},action:()=>{},actionText:"",showIcon:!1,timeout:3e3,show:(o,t="",n="",a,l,c,g,s,d)=>e({visible:!0,variant:o,title:t,subtitle:n,isClosable:a,views:l,action:c,actionText:g,showIcon:s,timeout:d}),hide:()=>e({visible:!1})})),Nn=(e,o,t,n)=>{br.getState().show(e,o,t,n==null?void 0:n.isClosable,n==null?void 0:n.views,n==null?void 0:n.action,n==null?void 0:n.actionText,n==null?void 0:n.showIcon,n==null?void 0:n.timeout)},qn=()=>{br.getState().hide()},ad={info:{container:{backgroundColor:"color-white",border:"rgba(191, 219, 254, 0.95)"},icon:{color:"theme-primary",name:"InformationIcon"},content:{color:"color-gray-900"},close:{color:"color-gray-500",name:"CloseIcon"}},success:{container:{backgroundColor:"#F0FDF4",border:"#BBF7D0"},icon:{color:"#16A34A",name:"SuccessIcon"},content:{color:"#14532D"},close:{color:"#15803D",name:"CloseIcon"}},error:{container:{backgroundColor:"#FEF2F2",border:"#FECACA"},icon:{color:"#DC2626",name:"ErrorIcon"},content:{color:"#7F1D1D"},close:{color:"#B91C1C",name:"CloseIcon"}},warning:{container:{backgroundColor:"#FFF7ED",border:"#FED7AA"},icon:{color:"#EA580C",name:"WarningIcon"},content:{color:"#9A3412"},close:{color:"#C2410C",name:"CloseIcon"}}},Un=({variant:e,hide:o,title:t,subtitle:n,theme:a,action:l,actionText:c,showIcon:g=!1,isClosable:s=!1,timeout:d=3e3,views:f})=>{var C,S;h.useEffect(()=>{if(d&&!s){const v=setTimeout(()=>{o()},d);return()=>{clearTimeout(v)}}},[]);const m=a??ad,p=!!(l&&c),u={borderWidth:1,borderStyle:"solid",borderRadius:12,borderColor:`${m[e].container.border}`,boxShadow:"0 8px 24px rgba(15, 23, 42, 0.06)"},y={info:"#3b82f6",success:"#4ade80",warning:"#f97316",error:"#ef4444"}[e],x={info:r.jsx(Ye,{widthHeight:24,color:y,...f==null?void 0:f.icon}),success:r.jsx(gt,{widthHeight:24,color:y,...f==null?void 0:f.icon}),warning:r.jsx(at,{widthHeight:24,color:y,...f==null?void 0:f.icon}),error:r.jsx(yr,{widthHeight:24,color:y,...f==null?void 0:f.icon})}[e],k=g&&x;return r.jsxs(i.Horizontal,{role:"messageContent",gap:12,width:"100%",maxWidth:520,flexWrap:"nowrap",position:"relative",alignItems:"flex-start",padding:"12px 14px",color:`${m[e].content.color}`,backgroundColor:`${m[e].container.backgroundColor}`,onClick:s?()=>{}:()=>{o()},...u,transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",...f==null?void 0:f.container,children:[k&&x,r.jsxs(i.Vertical,{gap:4,width:"100%",children:[r.jsx(i.Text,{size:"md",weight:"semiBold",...f==null?void 0:f.title,children:t}),n&&r.jsx(i.Text,{size:"sm",lineHeight:"20px",color:m[e].content.color,...f==null?void 0:f.subtitle,children:n})]}),p&&r.jsx(i.View,{as:"button",type:"button",onClick:l,backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:m[e].container.border,borderRadius:"9999px",padding:"6px 12px",cursor:"pointer",transition:"background-color 0.2s ease, border-color 0.2s ease",...f==null?void 0:f.actionText,children:r.jsx(i.Text,{whiteSpace:"nowrap",size:"sm",weight:"semiBold",color:m[e].content.color,children:c})}),s&&r.jsx(i.View,{position:"absolute",zIndex:1e4,right:8,top:8,onClick:()=>{o()},cursor:"pointer",padding:"4px",borderRadius:"9999px",transition:"background-color 0.2s ease",...(C=f==null?void 0:f.closingIcon)==null?void 0:C.container,children:r.jsx(Te,{widthHeight:16,color:m[e].close.color,...(S=f==null?void 0:f.closingIcon)==null?void 0:S.icon})})]})},ld=({container:e,theme:o,position:t="topRight"})=>{const{visible:n,title:a,variant:l,subtitle:c,isClosable:g,views:s,action:d,actionText:f,showIcon:m,timeout:p}=br(),u={topLeft:{top:6,left:8},topRight:{top:6,right:8},bottomLeft:{bottom:8,left:6},bottomRight:{bottom:8,right:6}}[t],y=()=>r.jsx(Un,{variant:l,subtitle:c,show:n,title:a,theme:o,isClosable:g,views:s,action:d,actionText:f,showIcon:m,timeout:p,hide:()=>qn()}),x=e?h.cloneElement(e,{},y()):r.jsx(i.View,{position:"absolute",zIndex:1e4,...u,children:y()});return n?x:null},id=(e,o)=>{const t=document.createElement("video");t.preload="metadata",t.onloadedmetadata=()=>{t.currentTime=1},t.oncanplay=()=>{const n=document.createElement("canvas");n.width=t.videoWidth,n.height=t.videoHeight;const a=n.getContext("2d");if(a){a.drawImage(t,0,0,n.width,n.height);const l=n.toDataURL("image/jpeg");o(l)}URL.revokeObjectURL(t.src)},t.src=URL.createObjectURL(e)},cd=({maxSize:e=100*1024*1024,onFileSelect:o,onMultipleFileSelect:t,validateFile:n,thumbnail:a,multiple:l=!1,onError:c=g=>{Nn("error","Error",g)}})=>{const g=h.useRef(null),s=h.useRef(null),[d,f]=h.useState(null),[m,p]=h.useState([]),[u,y]=h.useState(null),[x,k]=h.useState(null),[C,S]=h.useState(a||null),v=h.useCallback(b=>{const T=b.target.files;if(y(null),!T||T.length===0){c("No file selected"),y("No file selected");return}if(l){const F=Array.from(T),M=[];for(const E of F){if(E.size>e){c(`File ${E.name} exceeds ${Math.round(e/(1024*1024))}MB.`),y(`File ${E.name} exceeds ${Math.round(e/(1024*1024))}MB.`);continue}if(n){const $=n(E);if($){c(`${E.name}: ${$}`),y(`${E.name}: ${$}`);continue}}M.push(E)}M.length>0&&(p(M),t&&t(M))}else{const F=T[0];if(F.size>e){c(`File exceeds ${Math.round(e/(1024*1024))}MB.`),y(`File exceeds ${Math.round(e/(1024*1024))}MB.`);return}if(n){const M=n(F);if(M){c(M),y(M);return}}k(URL.createObjectURL(F)),F.type.startsWith("video/")&&id(F,S),o&&(f(F),o(F))}},[e,o,t,n,l]),w=()=>{const b=g.current;b&&typeof b.click=="function"&&b.click()};return h.useEffect(()=>()=>{typeof URL<"u"&&typeof URL.revokeObjectURL=="function"&&(x&&URL.revokeObjectURL(x),C&&URL.revokeObjectURL(C))},[x,C]),{previewUrl:x,thumbnailUrl:C,errorMessage:u,fileInputRef:g,videoRef:s,selectedFile:d,selectedFiles:m,handleFileChange:v,handleClick:w}},sd=({accept:e,isLoading:o=!1,progress:t=0,icon:n,text:a,previewUrl:l,thumbnailUrl:c,errorMessage:g,fileInputRef:s,videoRef:d,selectedFile:f,selectedFiles:m,handleFileChange:p,handleClick:u,multiple:y=!1,containerProps:x,errorMessageProps:k,progressProps:C,videoProps:S,imageProps:v,iconProps:w,textProps:b,fileType:T,previewUrl:F,renderError:M=({errorMessage:j,errorMessageProps:W,themeMode:H})=>r.jsx(i.Text,{color:"red",fontSize:12,marginTop:8,...W,...P==null?void 0:P.text,children:j}),renderText:E=({text:j,textProps:W})=>r.jsx(i.Text,{marginTop:8,...W,...P==null?void 0:P.text,children:j}),renderFile:$=({selectedFile:j,textProps:W})=>j?r.jsxs(i.Center,{marginTop:8,gap:10,flexDirection:"column",...P==null?void 0:P.container,children:[r.jsx(i.Text,{maxLines:2,...W,...P==null?void 0:P.text,children:j.name}),r.jsxs(i.Text,{...W,...P==null?void 0:P.text,children:["(",Math.round(j.size/1024)," KB)"]})]}):null,renderVideo:z=({selectedFile:j,videoRef:W,videoProps:H})=>r.jsx(i.View,{width:"100%",height:"100%",position:"relative",...P==null?void 0:P.view,children:r.jsx(i.View,{as:"video",width:"100%",height:"100%",src:j?URL.createObjectURL(j):void 0,style:{objectFit:"cover"},ref:W,...H,...P==null?void 0:P.view})}),renderImage:V=({previewUrl:j,imageProps:W})=>(console.log("Rendering image with URL:",j),r.jsx(i.View,{width:"100%",height:"100%",position:"relative",...P==null?void 0:P.view,children:r.jsx(i.Image,{src:j,alt:"Preview",width:"100%",height:"100%",objectFit:"cover",style:{maxHeight:"100%",maxWidth:"100%"},...W,...P==null?void 0:P.image})})),renderProgress:A=({progress:j,progressProps:W})=>r.jsxs(i.Horizontal,{gap:8,alignItems:"center",...W,...P==null?void 0:P.horizontal,children:[r.jsx(i.View,{height:4,backgroundColor:"color-black-100",width:"100%",borderRadius:2,...P==null?void 0:P.view,children:r.jsx(i.View,{height:4,width:`${j}%`,borderRadius:2,backgroundColor:"color-dark-50",...P==null?void 0:P.view})}),r.jsxs(i.Text,{fontSize:12,...P==null?void 0:P.text,children:[j,"%"]})]}),views:P={}})=>{const j=F||l;return r.jsxs(i.Center,{onClick:u,cursor:"pointer",border:"1px solid color-black-100",borderRadius:8,padding:16,flexDirection:"column",overflow:"hidden",position:"relative",height:f&&t===100?"200px":"auto",...x,...P==null?void 0:P.container,children:[t===100&&T==="image"&&j&&V({previewUrl:j,imageProps:v}),t===100&&T==="video"&&c&&z({selectedFile:f,thumbnailUrl:c,videoRef:d,videoProps:S,imageProps:v}),t===100&&T==="file"&&f&&$({selectedFile:f,textProps:b}),t<100&&(n||r.jsx(ht,{widthHeight:32,...w})),!o&&!f&&a&&E({text:a,textProps:b}),o&&A({progress:t,progressProps:C}),!o&&g&&M({errorMessage:g,errorMessageProps:k}),r.jsx(i.Input,{type:"file",ref:s,onChange:p,accept:e,multiple:y,style:{display:"none"},...P==null?void 0:P.view})]})},xr=({accept:e="*/*",icon:o,text:t,maxSize:n,onFileSelect:a,onMultipleFileSelect:l,validateFile:c,isLoading:g=!1,progress:s=0,fileType:d,multiple:f=!1,...m})=>{const{previewUrl:p,thumbnailUrl:u,errorMessage:y,videoRef:x,fileInputRef:k,selectedFile:C,selectedFiles:S,handleFileChange:v,handleClick:w}=cd({maxSize:n,onFileSelect:a,onMultipleFileSelect:l,validateFile:c,multiple:f}),T=(()=>{if(d)return d;if(C)return C.type.startsWith("image/")?"image":C.type.startsWith("video/")?"video":"file"})();return r.jsx(sd,{handleClick:w,accept:e,isLoading:g,progress:s,icon:o,text:t,maxSize:n,onFileSelect:a,validateFile:c,errorMessage:y,handleFileChange:v,selectedFile:C,selectedFiles:S,videoRef:x,fileInputRef:k,previewUrl:p,thumbnailUrl:u,fileType:T,multiple:f,...m})};function dd(e){const o=Math.floor(e/60),t=e%60;return`${o}:${t.toString().padStart(2,"0")}`}function gd({onAudio:e,recording:o,paused:t,audioBlob:n,analyserNode:a,duration:l,error:c,startRecording:g,stopRecording:s,pauseRecording:d,resumeRecording:f,resetRecording:m,handleFileChange:p,...u}){const[y,x]=h.useState(null);h.useEffect(()=>{if(n){const S=URL.createObjectURL(n);return x({url:S,label:`recording-${Date.now()}.webm`}),()=>{URL.revokeObjectURL(S)}}return()=>{}},[n]);const k=()=>{y!=null&&y.url&&URL.revokeObjectURL(y.url),x(null),m()},C=S=>{e(S),y!=null&&y.url&&URL.revokeObjectURL(y.url),x({url:URL.createObjectURL(S),label:S.name})};return r.jsxs(i.Vertical,{gap:"10px",width:"100%",...u,children:[r.jsxs(i.Horizontal,{gap:12,alignItems:"center",padding:"12px 14px",border:"1px solid color-gray-200",borderRadius:"12px",backgroundColor:"color-white",children:[r.jsx(xr,{accept:"audio/*",icon:r.jsx(Bo,{widthHeight:16}),maxSize:100*1024*1024,onFileSelect:C,fileType:"file",multiple:!1,renderError:({errorMessage:S})=>null,views:{container:{width:"36px",height:"36px",cursor:"pointer",border:"1px solid color-gray-200",borderRadius:"10px",backgroundColor:"color-white",transition:"background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease",_hover:{backgroundColor:"color-gray-50",borderColor:"color-gray-300"}}},containerProps:{display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"10px",width:"36px",height:"36px"},validateFile:S=>S.size>100*1024*1024?"File size exceeds 100MB limit":S.type.startsWith("audio/")?null:"Only audio files are allowed"}),r.jsx(i.View,{as:"button",type:"button",onClick:o?s:g,width:"36px",height:"36px",minWidth:"36px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"theme-primary",color:"color-white",borderRadius:"999px",border:"0",cursor:"pointer",transition:"background-color 0.2s ease, opacity 0.2s ease",_hover:{opacity:.92},children:o?r.jsx(pr,{widthHeight:14,color:"color-white",filled:!1}):r.jsx(lt,{widthHeight:18,color:"color-white",filled:!1})}),r.jsx(i.View,{flex:1,minWidth:120,children:r.jsx(mt,{analyserNode:o?a:null,isPaused:!o||t})}),r.jsx(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-500",whiteSpace:"nowrap",children:dd(l)})]}),y&&!o&&r.jsxs(i.Vertical,{gap:"8px",padding:"12px 14px",border:"1px solid color-gray-200",borderRadius:"12px",backgroundColor:"color-white",children:[r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",gap:8,children:[r.jsx(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-500",children:y.label}),r.jsx(i.View,{as:"button",type:"button",onClick:k,width:"24px",height:"24px",display:"flex",alignItems:"center",justifyContent:"center",border:"0",backgroundColor:"transparent",color:"color-gray-500",cursor:"pointer",children:r.jsx(Te,{widthHeight:14,color:"currentColor"})})]}),r.jsx(i.View,{as:"audio",controls:!0,src:y.url,width:"100%"})]}),c&&r.jsx(i.Text,{fontSize:"11px",lineHeight:"16px",color:"color-red-500",children:c})]})}function Gn(){const[e,o]=h.useState(!1),[t,n]=h.useState(!1),[a,l]=h.useState(0),[c,g]=h.useState(null),[s,d]=h.useState(null),[f,m]=h.useState(null),p=h.useRef(null),u=h.useRef(null),y=h.useRef(null),x=h.useRef(null),k=h.useRef([]),C=h.useRef(null),S=typeof MediaRecorder<"u"&&MediaRecorder.isTypeSupported("audio/webm;codecs=opus")?"audio/webm;codecs=opus":"audio/webm",v=h.useCallback(()=>{p.current&&(p.current.state!=="inactive"&&p.current.stop(),p.current=null),x.current&&(x.current.getTracks().forEach(E=>E.stop()),x.current=null),u.current&&(u.current.close(),u.current=null),y.current&&(y.current.disconnect(),y.current=null),d(null),C.current&&(clearInterval(C.current),C.current=null)},[]),w=h.useCallback(async()=>{v(),g(null),l(0),k.current=[];try{const E=await navigator.mediaDevices.getUserMedia({audio:!0});x.current=E;const $=MediaRecorder.isTypeSupported(S)?S:void 0,z=new MediaRecorder(E,$?{mimeType:$}:void 0);p.current=z;const V=new(window.AudioContext||window.webkitAudioContext);u.current=V;const A=V.createMediaStreamSource(E),P=V.createAnalyser();P.fftSize=256,P.smoothingTimeConstant=.8,A.connect(P),y.current=P,d(P),z.ondataavailable=j=>{j.data.size>0&&k.current.push(j.data)},z.onstop=()=>{const j=new Blob(k.current,{type:z.mimeType||S});m(j),v()},z.start(),o(!0),n(!1),C.current=setInterval(()=>{l(j=>j+1)},1e3)}catch{g("Microphone access denied or unavailable."),v()}},[v]),b=h.useCallback(()=>{p.current&&p.current.state!=="inactive"&&p.current.stop(),o(!1),n(!1),C.current&&(clearInterval(C.current),C.current=null)},[]),T=h.useCallback(()=>{p.current&&p.current.state==="recording"&&(p.current.pause(),n(!0),C.current&&(clearInterval(C.current),C.current=null))},[]),F=h.useCallback(()=>{p.current&&p.current.state==="paused"&&(p.current.resume(),n(!1),C.current||(C.current=setInterval(()=>{l(E=>E+1)},1e3)))},[]),M=h.useCallback(()=>{v(),o(!1),n(!1),m(null),l(0),g(null),k.current=[]},[v]);return h.useEffect(()=>()=>v(),[v]),{recording:e,paused:t,audioBlob:f,analyserNode:s,duration:a,error:c,startRecording:w,stopRecording:b,pauseRecording:T,resumeRecording:F,resetRecording:M}}function hd(e){const{onAudio:o}=e,{recording:t,paused:n,audioBlob:a,analyserNode:l,duration:c,error:g,startRecording:s,stopRecording:d,pauseRecording:f,resumeRecording:m,resetRecording:p}=Gn();return h.useEffect(()=>{if(a&&o){const y=new File([a],"recording.webm",{type:a.type||"audio/webm;codecs=opus"});o(y)}},[a,o]),{recording:t,paused:n,audioBlob:a,analyserNode:l,duration:c,error:g,startRecording:s,stopRecording:d,pauseRecording:f,resumeRecording:m,resetRecording:p,handleFileChange:y=>{var k;const x=(k=y.target.files)==null?void 0:k[0];x&&o&&o(x)}}}function fd(e){const o=hd(e);return r.jsx(gd,{...e,...o})}const md=()=>{const[e,o]=h.useState(!1);return{imageError:e,setImageError:o}},pd={xs:24,sm:32,md:44,lg:56,xl:72},pt={container:{borderRadius:"50%",overflow:"hidden",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",backgroundColor:"theme-primary",transition:"background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease"},fallback:{fontWeight:"600",color:"color-white",letterSpacing:"-0.02em"},image:{objectFit:"cover",transition:"opacity 0.2s ease"}},ud=({src:e,size:o="md",fallback:t="IM",views:n,imageError:a,setImageError:l,onClick:c=()=>{},children:g})=>{const s=pd[o],d={...pt.image,...(n==null?void 0:n.image)||{}};return r.jsxs(i.Center,{role:"avatar",width:s,height:s,...pt.container,borderColor:a?"color-gray-400":"transparent",onClick:c,...n==null?void 0:n.container,children:[!a&&e?r.jsx(i.Image,{alt:"IM",src:e,style:d,width:s,height:s,onError:()=>l(!0)}):r.jsx(i.Text,{size:o,...pt.fallback,...n==null?void 0:n.fallback,children:t}),g]})},Yn=e=>{const o=me("avatar",e),{src:t,size:n,views:a,fallback:l,onClick:c,children:g}=o,{imageError:s,setImageError:d}=md();return r.jsx(ud,{src:t,size:n,views:a,fallback:l,imageError:s,setImageError:d,onClick:c,children:g})},yd={xs:{minWidth:"20px",height:"20px",padding:"0 6px",fontSize:"10px",fontWeight:"600",lineHeight:"12px",letterSpacing:"-0.01em"},sm:{minWidth:"24px",height:"24px",padding:"0 8px",fontSize:"12px",fontWeight:"600",lineHeight:"16px",letterSpacing:"-0.01em"},md:{minWidth:"28px",height:"28px",padding:"0 10px",fontSize:"14px",fontWeight:"600",lineHeight:"20px",letterSpacing:"-0.01em"},lg:{minWidth:"32px",height:"32px",padding:"0 12px",fontSize:"16px",fontWeight:"600",lineHeight:"24px",letterSpacing:"-0.01em"},xl:{minWidth:"36px",height:"36px",padding:"0 14px",fontSize:"20px",fontWeight:"600",lineHeight:"28px",letterSpacing:"-0.01em"}},bd={xs:{gap:"6px",padding:"3px 8px 3px 3px"},sm:{gap:"8px",padding:"4px 10px 4px 4px"},md:{gap:"12px",padding:"6px 16px 6px 6px"},lg:{gap:"12px",padding:"7px 18px 7px 7px"},xl:{gap:"14px",padding:"8px 20px 8px 8px"}},xd={xs:{padding:"2px 6px",fontSize:"9px",lineHeight:"12px"},sm:{padding:"3px 8px",fontSize:"10px",lineHeight:"14px"},md:{padding:"6px 12px",fontSize:"11px",lineHeight:"14px"},lg:{padding:"7px 14px",fontSize:"12px",lineHeight:"16px"},xl:{padding:"8px 16px",fontSize:"13px",lineHeight:"18px"}},Xn={xs:{fontSize:"11px",lineHeight:"14px"},sm:{fontSize:"12px",lineHeight:"16px"},md:{fontSize:"13px",lineHeight:"18px"},lg:{fontSize:"14px",lineHeight:"20px"},xl:{fontSize:"15px",lineHeight:"22px"}},kd={square:0,rounded:"8px",pill:"9999px"},Cd={"top-right":{top:"4px",right:"4px",position:"absolute"},"top-left":{top:"4px",left:"4px",position:"absolute"},"bottom-right":{bottom:"4px",right:"4px",position:"absolute"},"bottom-left":{bottom:"4px",left:"4px",position:"absolute"}},wd=e=>({display:"inline-flex",height:"auto",minWidth:"auto",backgroundColor:"color-white-600",color:"color-gray-900",borderWidth:"1px",borderStyle:"solid",borderColor:"color-white",backdropFilter:"blur(12px)",boxShadow:"0 1px 2px rgba(15, 23, 42, 0.08)",transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",_hover:{backgroundColor:"color-white-800",boxShadow:"0 2px 8px rgba(15, 23, 42, 0.1)"}}),Sd=e=>({filled:{backgroundColor:"theme-primary",color:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"theme-primary",transition:"background-color 0.2s ease, opacity 0.2s ease",_hover:{opacity:.9},_active:{opacity:.95}},outline:{borderWidth:"1px",borderStyle:"solid",borderColor:"theme-primary",color:"theme-primary",style:{backgroundColor:"transparent"},transition:"border-color 0.2s ease, opacity 0.2s ease",_hover:{opacity:.9},_active:{opacity:.95}},link:{borderWidth:0,borderStyle:"none",borderColor:"theme-primary",color:"theme-primary",textDecoration:"underline",style:{backgroundColor:"transparent",textUnderlineOffset:"2px",textDecorationThickness:"1px"},transition:"opacity 0.2s ease",_hover:{opacity:.8}},ghost:{color:"color-gray-500",borderWidth:0,borderStyle:"solid",borderColor:"color-gray-500",style:{backgroundColor:"transparent"},transition:"background-color 0.2s ease, color 0.2s ease",_hover:{backgroundColor:"color-gray-100"}}}),Kn=e=>({default:{indicator:{backgroundColor:"color-gray-400"},label:{color:"inherit"}},info:{indicator:{backgroundColor:"color-blue-500"},label:{color:"inherit"}},success:{indicator:{backgroundColor:"color-green-500"},label:{color:"inherit"}},warning:{indicator:{backgroundColor:"color-orange-500"},label:{color:"inherit"}},error:{indicator:{backgroundColor:"color-red-500"},label:{color:"inherit"}}}),vd=h.memo(({content:e,children:o,icon:t,pastil:n,pastilContent:a,action:l,position:c,shape:g="pill",variant:s="filled",size:d="md",views:f,themeMode:m,...p})=>{const{themeMode:u}=i.useTheme(),y=m||u,x=h.useMemo(()=>Sd()[s],[y,s]),k=h.useMemo(()=>wd(),[y]),C=h.useMemo(()=>Kn(),[y]),S=a!=null,v=l!=null,w=S||v,b=o??e,T=b!=null,F=h.useMemo(()=>{const E={width:"fit-content",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",gap:"6px",borderRadius:kd[g],...yd[d],...x,...w?bd[d]:{},...w?k:{},...c?Cd[c]:{},...f==null?void 0:f.container};return s!=="filled"&&!w&&(x.color!==void 0&&(E.color=x.color),x.borderColor!==void 0&&(E.borderColor=x.borderColor),x.backgroundColor!==void 0&&(E.backgroundColor=x.backgroundColor),x&&x.style&&(E.style={...E.style||{},...x.style})),E},[g,d,s,x,w,k,c,f==null?void 0:f.container]);let M="currentColor";return typeof n=="string"?n in C?M=C[n].indicator.backgroundColor:M=n:n===!0&&(M="color-green-500",s==="filled"&&(M="color-white")),r.jsxs(i.Center,{role:"badge",...F,...p,children:[t&&r.jsx(i.View,{role:"badge-icon",...f==null?void 0:f.icon,children:t}),S&&r.jsx(i.Text,{role:"badge-pastil-content",backgroundColor:"color-gray-900",borderRadius:"9999px",color:"color-white",fontWeight:"700",letterSpacing:0,textTransform:"uppercase",whiteSpace:"nowrap",...xd[d],...f==null?void 0:f.pastilContent,children:a}),n&&r.jsx(i.View,{role:"badge-pastil",width:"6px",height:"6px",borderRadius:"50%",backgroundColor:M,...f==null?void 0:f.pastil}),T&&r.jsx(i.Text,{role:"badgeText",color:w?"color-gray-900":F.color,fontWeight:w?"700":"600",textAlign:"center",letterSpacing:w?0:"0.02em",whiteSpace:w?"nowrap":void 0,...w?Xn[d]:{},...f==null?void 0:f.text,children:b}),v&&r.jsx(i.Text,{role:"badge-action",color:"color-gray-400",fontWeight:"500",letterSpacing:0,whiteSpace:"nowrap",...Xn[d],...f==null?void 0:f.action,children:l})]})}),we=e=>{const o=me("badge",e);return r.jsx(vd,{...o})},Td=()=>{const[e,o]=h.useState(!1);return{isHovered:e,setIsHovered:o}},Id={xs:12,sm:14,md:16,lg:18,xl:20},Jn=h.forwardRef(({children:e,to:o="/",iconSize:t="sm",underline:n="default",isHovered:a=!1,isExternal:l=!1,views:c={icon:{},text:{}},setIsHovered:g=()=>{},...s},d)=>{const f=()=>{n==="hover"&&g(!0)},m=()=>{n==="hover"&&g(!1)},p=()=>n==="underline"||n==="hover"&&a?"underline":"none";return r.jsx(Cc.Link,{ref:d,to:o,target:l?"_blank":"_self",style:{textDecoration:"inherit",color:"inherit"},children:r.jsxs(i.Horizontal,{onMouseEnter:f,onMouseLeave:m,gap:3,alignItems:"center",flexWrap:"nowrap",textDecoration:p(),...c.text,...s,children:[e,l&&r.jsx(En,{widthHeight:Id[t]})]})})});Jn.displayName="LinkView";const Qn=h.forwardRef((e,o)=>{const t=Td();return r.jsx(Jn,{ref:o,...t,...e})});Qn.displayName="Link";const ut=Qn,yt={xs:14,sm:18,md:22,lg:26,xl:30},bt={fast:50,normal:100,slow:300},Fd=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),zd=({size:e="md",speed:o="normal",color:t="theme-loading",themeMode:n,...a})=>{const{getColor:l,themeMode:c}=i.useTheme(),g=l(t,{themeMode:n||c}),s=typeof e=="number"?e:yt[e],[d,f]=h.useState(0);return h.useEffect(()=>{const m=setInterval(()=>{f(p=>p+45)},bt[o]);return()=>clearInterval(m)},[o]),r.jsxs(i.View,{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:`${s}px`,height:`${s}px`,viewBox:"0 0 24 24",fill:"none",stroke:g,strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round",style:{transform:`rotate(${d}deg)`},...a,children:[r.jsx("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),r.jsx("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("g",{id:"SVGRepo_iconCarrier",children:r.jsx("path",{d:"M21 12a9 9 0 11-6.219-8.56"})})]})},Md=({size:e="md",speed:o="normal",color:t="theme-loading",themeMode:n,...a})=>{const{getColor:l,themeMode:c}=i.useTheme(),g=l(t,{themeMode:n||c}),s=typeof e=="number"?e:yt[e],[d,f]=h.useState(0);return h.useEffect(()=>{const m=setInterval(()=>{f(p=>p+45)},bt[o]);return()=>clearInterval(m)},[o]),r.jsxs(i.View,{as:"svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 50 50",width:`${s}px`,height:`${s}px`,style:{transform:`rotate(${d}deg)`},...a,children:[r.jsx("circle",{cx:"10",cy:"25",r:"4",fill:g}),r.jsx("circle",{cx:"25",cy:"25",r:"4",fill:g}),r.jsx("circle",{cx:"40",cy:"25",r:"4",fill:g})]})},Wd=({size:e="md",speed:o="normal",color:t="theme-loading",themeMode:n,...a})=>{const{getColor:l,themeMode:c}=i.useTheme(),g=l(t,{themeMode:n||c}),s=typeof e=="number"?e:yt[e],[d,f]=h.useState(0);return h.useEffect(()=>{const m=setInterval(()=>{f(p=>p+45)},bt[o]);return()=>clearInterval(m)},[o]),r.jsx(i.View,{as:"svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 50 50",width:`${s}px`,height:`${s}px`,style:{transform:`rotate(${d}deg)`},...a,children:r.jsx("circle",{cx:"25",cy:"25",r:"20",fill:"none",stroke:g,strokeWidth:"5",strokeDasharray:"1,10"})})},Pd=({size:e,children:o,textColor:t,loaderColor:n,type:a="default",speed:l="normal",textPosition:c="right",views:g,...s})=>{const{getColor:d}=i.useTheme(),f=u=>Fd(u)?u:d(u||"theme-loading");n=f(n||s.color||"theme-loading"),t=f(t||s.color||"theme-loading");const m={size:e,speed:l,color:n},p={default:r.jsx(zd,{...m}),dotted:r.jsx(Md,{...m}),quarter:r.jsx(Wd,{...m})};return r.jsxs(i.Center,{gap:10,flexDirection:c==="top"||c==="bottom"?"column":"row",...s,...g==null?void 0:g.container,children:[(c==="left"||c==="top")&&o&&r.jsx(i.View,{color:t,...g==null?void 0:g.text,children:o}),p[a],(c==="right"||c==="bottom")&&o&&r.jsx(i.View,{color:t,...g==null?void 0:g.text,children:o})]})},Xe=e=>{const o=me("loader",e);return r.jsx(Pd,{...o})},Zn={xs:{minHeight:24,paddingHorizontal:12,paddingVertical:6,fontSize:10,fontWeight:500,lineHeight:12,letterSpacing:"-0.01em"},sm:{minHeight:32,paddingHorizontal:16,paddingVertical:8,fontSize:12,fontWeight:500,lineHeight:16,letterSpacing:"-0.01em"},md:{minHeight:40,paddingHorizontal:20,paddingVertical:10,fontSize:14,fontWeight:500,lineHeight:20,letterSpacing:"-0.01em"},lg:{minHeight:48,paddingHorizontal:24,paddingVertical:12,fontSize:16,fontWeight:500,lineHeight:24,letterSpacing:"-0.01em"},xl:{minHeight:56,paddingHorizontal:28,paddingVertical:14,fontSize:20,fontWeight:500,lineHeight:28,letterSpacing:"-0.01em"}},Oo={square:0,rounded:8,pill:999},Hd={xs:{width:16,height:16,padding:6},sm:{width:20,height:20,padding:6},md:{width:24,height:24,padding:8},lg:{width:24,height:24,padding:12},xl:{width:28,height:28,padding:14}},De=e=>/^(color|theme|light|dark)-/.test(e)?`var(--${e})`:e,jd=(e,o,t=!1,n)=>{const a=t?o:e,l=t?e:o,c=t?o:e,s=(e==="theme-primary"||n&&e===n.primary)&&(n!=null&&n.onPrimary)?n.onPrimary:l,d=`0 0 0 2px ${De("color-white")}, 0 0 0 4px ${De(c)}`;return{filled:{backgroundColor:a,color:s,borderWidth:1,borderStyle:"solid",borderColor:a,_hover:{opacity:.92},_active:{opacity:.96},_focusVisible:{outline:"none",boxShadow:d},transition:"background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease"},empty:{color:c,borderWidth:1,borderStyle:"solid",borderColor:c,backgroundColor:"transparent",_hover:{opacity:.9},_active:{opacity:.95},_focusVisible:{outline:"none",boxShadow:d},transition:"background-color 0.2s ease, opacity 0.2s ease"},outline:{color:c,borderWidth:1,borderStyle:"solid",borderColor:c,backgroundColor:"transparent",_hover:{opacity:.9},_active:{opacity:.95},_focusVisible:{outline:"none",boxShadow:d},transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"},ghost:{color:c,borderWidth:0,borderStyle:"solid",borderColor:c,backgroundColor:"transparent",_hover:{opacity:.86},_active:{opacity:.94},_focusVisible:{outline:"none",boxShadow:d},transition:"background-color 0.2s ease, color 0.2s ease"},link:{color:c,borderWidth:0,borderStyle:"none",borderColor:c,minHeight:"auto",paddingHorizontal:"4px",paddingVertical:"10px",textDecoration:"underline",backgroundColor:"transparent",style:{textUnderlineOffset:"2px",textDecorationThickness:"1px",textDecorationColor:De(c)},_hover:{opacity:.8},_active:{opacity:.9},_focusVisible:{outline:"none",boxShadow:d},transition:"opacity 0.2s ease"},subtle:{backgroundColor:`${c}-${t?200:100}`,color:c,borderWidth:1,borderStyle:"solid",borderColor:`${c}-${t?400:250}`,_hover:{backgroundColor:`${c}-${t?300:180}`},_active:{backgroundColor:`${c}-${t?380:240}`},_focusVisible:{outline:"none",boxShadow:d},transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease"}}},Ad=h.memo(({children:e,icon:o,isLoading:t,iconPosition:n="left",loaderPosition:a="left",size:l="md",resolvedTextColor:c,isIconRounded:g,views:s})=>{const d=["left","right"].includes(n)?i.Horizontal:i.Vertical,f=Zn[l];return r.jsxs(d,{gap:8,alignItems:"center",justifyContent:"center",fontSize:f.fontSize,fontWeight:f.fontWeight,lineHeight:f.lineHeight,letterSpacing:f.letterSpacing,whiteSpace:"nowrap",color:c,...s==null?void 0:s.content,children:[t&&a==="left"&&r.jsx(Xe,{size:l==="xs"||l==="sm"?"sm":"md",color:c,...s==null?void 0:s.loader}),o&&["left","top"].includes(n)&&!t&&r.jsx(i.View,{color:c,...s==null?void 0:s.icon,children:o}),e,o&&["right","bottom"].includes(n)&&!t&&r.jsx(i.View,{color:c,...s==null?void 0:s.icon,children:o}),t&&a==="right"&&r.jsx(Xe,{size:l==="xs"||l==="sm"?"sm":"md",color:c,...s==null?void 0:s.loader})]})}),Vd=e=>{const o=Oo[e];return typeof o=="number"?o:typeof o=="string"&&parseInt(o,10)||0},Ed=({asComponent:e,isDisabled:o,isLoading:t,isWrapped:n=!1,borderRadius:a,width:l,height:c,baseStyles:g,sizeStyles:s,iconPad:d,mainTone:f,resolvedTextColor:m,children:p,borderWidth:u=0,...y})=>r.jsx(i.Element,{as:e,disabled:!!(o||t),display:n?"flex":"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:a,width:l,height:c,...g,...s,...d,backgroundColor:(g==null?void 0:g.backgroundColor)||(n?f:void 0),color:m,borderWidth:n?0:void 0,cursor:o?"default":"pointer",...y,children:p}),Dd=({shape:e,isDisabled:o,onClick:t,shadow:n,borderWidth:a,isAuto:l,isFilled:c,views:g,children:s,...d})=>r.jsx(i.Element,{as:"div",position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:Oo[e],cursor:o?"default":"pointer",onClick:t,boxShadow:n,padding:a,width:l?"fit-content":c?"100%":void 0,...g==null?void 0:g.container,...d,children:s}),$d=({variant:e,animation:o,to:t,isDisabled:n,isLoading:a,isAuto:l,isFilled:c,isExternal:g,shape:s="rounded",shadow:d,onClick:f,views:m,baseStyles:p,sizeStyles:u,iconPad:y,containerRef:x,resolvedTextColor:k,content:C,size:S,mainTone:v,borderMovingDuration:w=2,borderMovingGradientColors:b=["#705CFF","#FF5C97","#FFC75C"],animatedStrokeAccentColor:T="#705CFF",animatedStrokeTextColor:F="color-gray-900",...M})=>{var V;const E=Vd(s),$=t?r.jsx(ut,{to:t,isExternal:g,color:"currentColor",textDecoration:"inherit",_hover:{color:"currentColor"},...m==null?void 0:m.link,children:C}):C,z={isDisabled:n,isLoading:a,baseStyles:p,sizeStyles:u,iconPad:y,resolvedTextColor:k,mainTone:v,children:$};if(o==="borderMoving"&&b){const P={from:{backgroundPosition:"0% 50%"},to:{backgroundPosition:"200% 50%"},duration:`${w}s`,timingFunction:"linear",iterationCount:"infinite"};return r.jsx(Dd,{shape:s,isDisabled:n,onClick:f,shadow:d,borderWidth:3,isAuto:l,isFilled:c,views:m,background:`linear-gradient(90deg, ${De(b[0])}, ${De(b[1])}, ${De(b[2])}, ${De(b[0])})`,backgroundSize:"200% 100%",animate:P,...M,children:r.jsx(Ed,{asComponent:t?"div":"button",isWrapped:!0,borderRadius:Math.max(0,E-3),width:"100%",height:"100%",...z})})}if(o==="animatedStroke"){const A=De(T),P=De(F),j=1e3,W={from:{strokeWidth:"8px",strokeDasharray:`0 ${j}`,strokeDashoffset:-Math.round(j*.63)},to:{strokeWidth:"3px",strokeDasharray:`${j}`,strokeDashoffset:0},duration:"0.9s",timingFunction:"ease-in",fillMode:"forwards"},H=["group",(V=m==null?void 0:m.container)==null?void 0:V.className,M==null?void 0:M.className].filter(Boolean).join(" ");return r.jsxs(i.Element,{ref:x,as:t?"div":"button",type:t?void 0:"button",disabled:!!(!t&&(n||a)),onClick:f,position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:l?"fit-content":c?"100%":void 0,borderRadius:Oo[s],boxShadow:d,transition:"background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease",cursor:n?"default":"pointer",color:P,backgroundColor:"transparent",borderWidth:0,...m==null?void 0:m.container,...M,className:H,children:[r.jsx(i.View,{as:"svg",position:"absolute",top:0,right:0,bottom:0,left:0,width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg",pointerEvents:"none",zIndex:1,"aria-hidden":"true",children:r.jsx(i.View,{as:"rect",x:"0",y:"0",height:"100%",width:"100%",rx:E,ry:E,fill:"transparent",stroke:A,strokeWidth:"8px",strokeDasharray:`0 ${j}`,strokeDashoffset:-Math.round(j*.63),pathLength:j,on:{groupHover:{animate:W}}})}),r.jsx(i.View,{position:"relative",zIndex:0,children:$})]})}if(o==="borderReveal"){const P=De((b==null?void 0:b[0])||v||"#000000"),W=w*.75/4,H=`linear-gradient(90deg, ${P} 50%, transparent 50%)`,B=`linear-gradient(180deg, ${P} 50%, transparent 50%)`,_=`linear-gradient(270deg, ${P} 50%, transparent 50%)`,L=`linear-gradient(0deg, ${P} 50%, transparent 50%)`,O="100% 0, 100% 100%, 0 100%, 0 0",N="0 0, 100% 0, 100% 100%, 0 100%",G=`0s, ${W}s, ${W*2}s, ${W*2}s`,q=`${W*2}s, ${W*2}s, ${W}s, 0s`,K=4;return r.jsx(i.Element,{ref:x,as:"div",position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:Oo[s],cursor:n?"default":"pointer",onClick:f,boxShadow:d,padding:3,background:`
2
2
  ${H} no-repeat,
3
- ${L} no-repeat,
3
+ ${B} no-repeat,
4
4
  ${_} no-repeat,
5
- ${D} no-repeat
6
- `,backgroundSize:`200% ${J}px, ${J}px 200%, 200% ${J}px, ${J}px 200%`,backgroundPosition:q,transitionProperty:"background-position",transitionDuration:`${A}s`,transitionTimingFunction:"linear",transitionDelay:N,_hover:{backgroundPosition:O,transitionDelay:G},width:l?"fit-content":c?"100%":void 0,...f==null?void 0:f.container,...M,children:r.jsx(i.View,{as:t?"div":"button",disabled:!!(n||a),display:"flex",alignItems:"center",justifyContent:"center",borderRadius:Math.max(0,j-3),width:"100%",height:"100%",...p,...u,...y,backgroundColor:(p==null?void 0:p.backgroundColor)||v,color:x,borderWidth:0,cursor:n?"default":"pointer",children:$})})}return r.jsx(i.Element,{ref:b,as:e==="link"&&t?"div":"button",type:e==="link"&&t?void 0:"button",disabled:!!(n||a),...u,...y,display:"inline-flex",alignItems:"center",justifyContent:"center",width:l?"fit-content":c?"100%":void 0,borderRadius:Do[g],boxShadow:s,transition:"background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease",cursor:n?"default":"pointer",onClick:m,...p,...f==null?void 0:f.container,...M,children:$})},bd=h.memo(h.forwardRef(({variant:e="filled",size:o="md",shape:t="rounded",iconPosition:n="left",loaderPosition:a="left",backgroundColor:l,color:c,textColor:d,reversed:g=!1,isAuto:s=!0,isFilled:m,isDisabled:f,isLoading:p,isIconRounded:u,isHovered:y,icon:b,children:x,to:k,isExternal:S,shadow:v,onClick:C,views:w={},animation:T,loaderProps:z,config:M,ariaLabel:j,borderMovingDuration:$=2,borderMovingGradientColors:F=["#705CFF","#FF5C97","#FFC75C"],animatedStrokeAccentColor:E="#705CFF",animatedStrokeTextColor:V="color-gray-900",...P},W)=>{const H=f?"theme-disabled":p?"theme-loading":l??c??"theme-primary",L=d??"color-white",{config:_}=lr(),D=_==null?void 0:_.theme,O=h.useMemo(()=>{const Y=hd(H,L,g,D);return M!=null&&M.variants&&Object.keys(M.variants).forEach(Q=>{Y[Q]&&(Y[Q]=Ee(Y[Q],M.variants[Q]))}),Y},[H,L,g,D,M==null?void 0:M.variants])[e],G=(O==null?void 0:O.color)??L,N=r.jsx(md,{icon:b,isLoading:p,iconPosition:n,loaderPosition:a,size:o,resolvedTextColor:G,isIconRounded:u,views:w,children:x}),J=Bn[o],B=u?gd[o]:{};return r.jsx(yd,{variant:e,animation:T,to:k,isDisabled:f,isLoading:p,isAuto:s,isFilled:m,isExternal:S,shape:t,shadow:v,onClick:C,views:w,baseStyles:O,sizeStyles:J,iconPad:B,resolvedTextColor:G,content:N,size:o,mainTone:H,borderMovingDuration:$,borderMovingGradientColors:F,animatedStrokeAccentColor:E,animatedStrokeTextColor:V,containerRef:W,...P})})),ie=e=>{const[o,t]=i.useHover(),n=me("button",e);return r.jsx(bd,{isHovered:t,...n})},xd={sm:{padding:"12px"},md:{padding:"16px"},lg:{padding:"24px"}},kd={square:0,rounded:"8px",pill:"24px"},Cd=e=>{const o=e==="dark";return{default:{backgroundColor:"color-white",border:"none",transition:"background-color 0.2s ease, box-shadow 0.2s ease"},outlined:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",transition:"border-color 0.2s ease, box-shadow 0.2s ease",_hover:{borderColor:"color-gray-300",boxShadow:o?"0px 1px 3px rgba(0, 0, 0, 0.3)":"0px 1px 3px rgba(0, 0, 0, 0.05)"}},elevated:{backgroundColor:"color-white",boxShadow:o?"0px 1px 3px rgba(0, 0, 0, 0.35), 0px 1px 2px rgba(0, 0, 0, 0.3)":"0px 1px 3px rgba(0, 0, 0, 0.08), 0px 1px 2px rgba(0, 0, 0, 0.06)",border:"none",transition:"box-shadow 0.2s ease",_hover:{boxShadow:o?"0px 4px 6px rgba(0, 0, 0, 0.4), 0px 2px 4px rgba(0, 0, 0, 0.35)":"0px 4px 6px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.06)"}}}},pr=e=>(e.themeMode,{container:{backgroundColor:"color-white",color:"color-gray-900",borderRadius:"8px",overflow:"hidden",transition:"background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease"},header:{padding:"16px",borderBottom:"1px solid",borderColor:"color-gray-100",color:"theme-primary",fontWeight:600,fontSize:14},content:{padding:"16px",color:"color-gray-600",fontSize:12,lineHeight:"18px"},footer:{padding:"16px",borderTop:"1px solid",borderColor:"color-gray-100",justifyContent:"flex-end",gap:8}}),_n=h.createContext({}),mt=()=>h.useContext(_n),ft=({children:e,views:o,style:t,themeMode:n,...a})=>{var s;const l=i.useTheme(),{styles:c}=mt(),d=pr(l).header,g={...d,...c==null?void 0:c.header,...a,style:{...d==null?void 0:d.style,...(s=c==null?void 0:c.header)==null?void 0:s.style,...t}};return r.jsx(i.Vertical,{gap:8,...g,children:e})},pt=({children:e,views:o,style:t,themeMode:n,...a})=>{var s;const l=i.useTheme(),{styles:c}=mt(),d=pr(l).content,g={...d,...c==null?void 0:c.content,...a,style:{...d==null?void 0:d.style,...(s=c==null?void 0:c.content)==null?void 0:s.style,...t}};return r.jsx(i.Vertical,{gap:12,...g,children:e})},ut=({children:e,views:o,style:t,themeMode:n,...a})=>{var s;const l=i.useTheme(),{styles:c}=mt(),d=pr(l).footer,g={...d,...c==null?void 0:c.footer,...a,style:{...d==null?void 0:d.style,...(s=c==null?void 0:c.footer)==null?void 0:s.style,...t}};return r.jsx(i.Vertical,{gap:8,...g,children:e})},wd=({variant:e="default",size:o="md",shape:t="rounded",children:n,header:a,footer:l,isFullWidth:c=!1,views:d,style:g,themeMode:s,config:m,...f})=>{var w,T;const p=i.useTheme(),u=pr(p),y=((w=xd[o])==null?void 0:w.padding)||"16px",b=h.useMemo(()=>({styles:{container:{...u.container,borderRadius:kd[t],...d==null?void 0:d.container},header:{...u.header,padding:y,...d==null?void 0:d.header},content:{...u.content,padding:y,...d==null?void 0:d.content},footer:{...u.footer,padding:y,...d==null?void 0:d.footer}}}),[u,d,y,t]),x=h.Children.toArray(n).some(z=>h.isValidElement(z)&&(z.type===ft||z.type===pt||z.type===ut)),{themeMode:k}=p,v=Cd(s||k)[e],C={width:c?"100%":"auto",overflow:"hidden",...v,...b.styles.container,...f,style:{...(T=b.styles.container)==null?void 0:T.style,...g}};return r.jsx(_n.Provider,{value:b,children:r.jsx(i.View,{...C,children:x?n:r.jsxs(i.Vertical,{width:"100%",children:[a&&r.jsx(ft,{children:a}),r.jsx(pt,{children:n}),l&&r.jsx(ut,{children:l})]})})})},ye=e=>{const o=me("card",e);return r.jsx(wd,{...o})};ye.Header=ft,ye.Content=pt,ye.Footer=ut;const Sd=({defaultActiveIndex:e=0,activeIndex:o,onChange:t,autoPlay:n=!1,autoPlayInterval:a=3e3,pauseOnHover:l=!0,infinite:c=!0,totalSlides:d,stepIndices:g})=>{const s=h.useRef(d||0),[m,f]=h.useState(d||0),p=h.useRef(new Set),u=h.useRef(0),y=h.useMemo(()=>Yr("carousel-content"),[]),[b,x]=h.useState(o!==void 0?o:e),[k,S]=h.useState(!1),[v,C]=h.useState(!1),[w,T]=h.useState(0),[z,M]=h.useState(0),j=h.useRef(null);h.useEffect(()=>{o!==void 0&&x(o)},[o]);const $=h.useCallback(O=>{let G=O;c?O<0?G=m-1:O>=m&&(G=0):G=Math.max(0,Math.min(O,m-1)),g&&g.length>0&&(g.includes(G)||(G=g.reduce((J,B)=>Math.abs(B-G)<Math.abs(J-G)?B:J))),o===void 0&&x(G),t&&t(G)},[o,c,t,m]),F=h.useCallback(()=>{$(b+1)},[b,$]),E=h.useCallback(()=>{$(b-1)},[b,$]);h.useEffect(()=>(n&&!k&&!v&&(j.current=setInterval(()=>{F()},a)),()=>{j.current&&clearInterval(j.current)}),[n,a,k,v,F,l]);const V=h.useCallback(()=>{l&&S(!0)},[l]),P=h.useCallback(()=>{S(!1)},[]),W=h.useCallback(O=>{C(!0),"touches"in O?(T(O.touches[0].clientX),M(O.touches[0].clientY)):(T(O.clientX),M(O.clientY))},[]),A=h.useCallback(O=>{if(!v)return;let G,N;"touches"in O?(G=O.touches[0].clientX,N=O.touches[0].clientY):(G=O.clientX,N=O.clientY);const J=G-w,B=N-z;Math.abs(J)>Math.abs(B)&&Math.abs(J)>50&&(J>0?E():F(),C(!1))},[v,w,z,F,E]),H=h.useCallback(()=>{C(!1)},[]),L=h.useCallback(()=>{const O=u.current++;p.current.add(O);const G=p.current.size;return s.current=G,f(G),O},[]),_=h.useCallback(O=>{p.current.delete(O);const G=p.current.size;if(s.current=G,f(G),G>0&&b>=G){const N=Math.max(0,G-1);o===void 0&&x(N),t&&t(N)}},[b,o,t]),D=c||b>0,q=c||b<m-1;return{activeIndex:b,totalSlides:m,goToSlide:$,nextSlide:F,prevSlide:E,canGoNext:q,canGoPrevious:D,handleMouseEnter:V,handleMouseLeave:P,handleDragStart:W,handleDragMove:A,handleDragEnd:H,registerSlide:L,unregisterSlide:_,contentId:y,infinite:c}},vd={dot:{width:"10px",height:"10px",borderRadius:"50%",backgroundColor:"color-gray-300",margin:"0 4px",cursor:"pointer",transition:"background-color 0.3s ease"},line:{width:"20px",height:"4px",borderRadius:"2px",backgroundColor:"color-gray-300",margin:"0 4px",cursor:"pointer",transition:"background-color 0.3s ease"},number:{minWidth:"24px",height:"24px",borderRadius:"50%",backgroundColor:"color-gray-300",margin:"0 4px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"12px",transition:"background-color 0.3s ease"}},Td={dot:{backgroundColor:"theme-primary"},line:{backgroundColor:"theme-primary"},number:{backgroundColor:"theme-primary",color:"color-white"}},ur={width:"40px",height:"40px",borderRadius:"50%",backgroundColor:"color-white",color:"color-gray-800",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",boxShadow:"0 2px 5px rgba(0, 0, 0, 0.1)",zIndex:1,transition:"background-color 0.3s ease",_hover:{backgroundColor:"color-gray-100"}},$o=()=>({container:{position:"relative",overflow:"hidden"},content:{overflow:"hidden",width:"100%",height:"100%"},innerContainer:{display:"flex",transitionProperty:"transform",transitionDuration:"300ms",transitionTimingFunction:"ease-in-out",height:"100%"},item:{flex:"0 0 100%",minWidth:0,position:"relative",height:"100%"},prevButton:{position:"absolute",top:"50%",left:"16px",transform:"translateY(-50%)",zIndex:10,...ur},nextButton:{position:"absolute",top:"50%",right:"16px",transform:"translateY(-50%)",zIndex:10,...ur}}),On=h.createContext(null),yr=()=>{const e=h.useContext(On);if(!e)throw new Error("Carousel compound components must be used within <Carousel>");return e},Nn=({children:e,isActive:o,index:t,views:n,...a})=>r.jsx(i.View,{flexShrink:0,width:"100%",height:"100%",display:o?"block":"none",...n,...a,children:e}),qn=({views:e,children:o,...t})=>{const{goToPrevious:n,canGoPrevious:a,styles:l}=yr(),d={...$o().prevButton,...l==null?void 0:l.prevButton,...e==null?void 0:e.prevButton};return r.jsx(ie,{"aria-label":"Previous slide",onClick:()=>n(),isDisabled:!a,...d,...t,children:o??r.jsx(se,{orientation:"left",widthHeight:16})})},Un=({views:e,children:o,...t})=>{const{goToNext:n,canGoNext:a,styles:l}=yr(),d={...$o().nextButton,...l==null?void 0:l.nextButton,...e==null?void 0:e.nextButton};return r.jsx(ie,{"aria-label":"Next slide",onClick:()=>n(),isDisabled:!a,...d,...t,children:o??r.jsx(se,{orientation:"right",widthHeight:16})})},Gn=({children:e,views:o,...t})=>{const{registerSlide:n,unregisterSlide:a,styles:l}=yr(),c=h.useRef(null);h.useEffect(()=>{const s=n();return c.current=s,()=>{c.current!==null&&a(c.current)}},[n,a]);const g={...$o().item,...l==null?void 0:l.item,...o==null?void 0:o.item};return r.jsx(i.View,{role:"group","aria-roledescription":"slide",...g,...t,children:e})},Yn=({children:e,views:o,style:t,...n})=>{const{currentIndex:a,styles:l,contentId:c}=yr(),d=$o(),g={...d.content,...l==null?void 0:l.content,...o==null?void 0:o.content},s={...d.innerContainer,...l==null?void 0:l.innerContainer,...o==null?void 0:o.innerContainer},m=`-${a*100}%`;return r.jsx(i.View,{...g,...n,style:{...g==null?void 0:g.style,...t},id:c,"aria-live":"polite",children:r.jsx(i.View,{...s,style:{...s==null?void 0:s.style,transform:`translateX(${m})`},children:e})})},Id=({children:e,defaultActiveIndex:o=0,activeIndex:t,onChange:n,showNavigation:a=!0,navigationPosition:l="inside",prevButton:c,nextButton:d,showIndicators:g=!0,indicatorPosition:s="bottom",indicatorVariant:m="dot",autoPlay:f=!1,autoPlayInterval:p=3e3,pauseOnHover:u=!0,infinite:y=!0,direction:b="horizontal",transitionDuration:x=300,views:k,stepIndices:S,themeMode:v,...C})=>{const w=h.useMemo(()=>h.Children.toArray(e),[e]),T=Sd({defaultActiveIndex:o,activeIndex:t,onChange:n,autoPlay:f,autoPlayInterval:p,pauseOnHover:u,infinite:y,totalSlides:w.length}),{activeIndex:z,totalSlides:M,goToSlide:j,nextSlide:$,prevSlide:F,handleMouseEnter:E,handleMouseLeave:V,handleDragStart:P,handleDragMove:W,handleDragEnd:A}=T,H=()=>{if(!a)return null;const D=c||r.jsx(i.View,{as:"button","aria-label":"Previous slide",...ur,...k==null?void 0:k.prevButton,children:"❮"}),q=d||r.jsx(i.View,{as:"button","aria-label":"Next slide",...ur,...k==null?void 0:k.nextButton,children:"❯"});return r.jsxs(r.Fragment,{children:[r.jsx(i.View,{position:"absolute",top:"50%",transform:"translateY(-50%)",left:l==="inside"?"10px":"-40px",onClick:F,cursor:!y&&z===0?"not-allowed":"pointer",opacity:!y&&z===0?.5:1,children:D}),r.jsx(i.View,{position:"absolute",top:"50%",transform:"translateY(-50%)",right:l==="inside"?"10px":"-40px",onClick:$,cursor:!y&&z===w.length-1?"not-allowed":"pointer",opacity:!y&&z===w.length-1?.5:1,children:q})]})},L=()=>g?r.jsx(i.Horizontal,{position:"absolute",left:"0",right:"0",justifyContent:"center",...s==="top"?{top:"10px"}:{bottom:"10px"},...k==null?void 0:k.indicators,children:w.map((D,q)=>r.jsx(i.View,{onClick:()=>j(q),cursor:"pointer",...vd[m],...q===z?{...Td[m]}:{},...k==null?void 0:k.indicator,...q===z?k==null?void 0:k.activeIndicator:{},children:m==="number"&&q+1},q))}):null;return h.useMemo(()=>h.Children.toArray(e).some(D=>h.isValidElement(D)&&(D.type===Yn||D.type===Gn||D.type===qn||D.type===Un)),[e])?r.jsx(On.Provider,{value:{currentIndex:z,totalSlides:M,goToSlide:j,goToNext:$,goToPrevious:F,canGoNext:T.canGoNext,canGoPrevious:T.canGoPrevious,registerSlide:T.registerSlide,unregisterSlide:T.unregisterSlide,styles:{...$o(),...k},contentId:T.contentId,infinite:y},children:r.jsx(i.View,{role:"region","aria-roledescription":"carousel","aria-label":"Carousel",position:"relative",width:"100%",height:"100%",overflow:"hidden",...k==null?void 0:k.container,...C,children:e})}):r.jsxs(i.View,{position:"relative",width:"100%",height:"100%",overflow:"hidden",onMouseEnter:E,onMouseLeave:V,onTouchStart:P,onTouchMove:W,onTouchEnd:A,onMouseDown:P,onMouseMove:W,onMouseUp:A,...k==null?void 0:k.container,...C,children:[r.jsx(i.View,{width:"100%",height:"100%",position:"relative",...k==null?void 0:k.slideWrapper,children:w.map((D,q)=>r.jsx(Nn,{isActive:q===z,index:q,views:k==null?void 0:k.slide,children:D},q))}),H(),L()]})},He=e=>r.jsx(Id,{...e});He.Slide=Nn,He.Content=Yn,He.Item=Gn,He.Previous=qn,He.Next=Un;const je={blue:"color-blue-500",green:"color-green-500",purple:"color-purple-500",orange:"color-orange-500",red:"color-red-500",teal:"color-teal-500",pink:"color-pink-500",indigo:"color-indigo-500",yellow:"color-yellow-500",cyan:"color-cyan-500"},Xn=[je.blue,je.green,je.purple,je.orange,je.red,je.teal,je.pink,je.indigo,je.yellow,je.cyan],uo=Xn,Fd={width:"100%",height:"100%",position:"relative",display:"flex",flexDirection:"column"},zd={fontSize:"18px",fontWeight:"700",marginBottom:"24px",textAlign:"center",color:"color-gray-900"},Md={display:"flex",flexWrap:"wrap",justifyContent:"flex-start",marginTop:"16px",gap:"12px"},Wd={display:"flex",alignItems:"center",padding:"4px 8px",borderRadius:"6px",cursor:"pointer",transition:"background-color 0.2s ease",_hover:{backgroundColor:"color-gray-50"}},Pd={width:"10px",height:"10px",borderRadius:"50%",marginRight:"8px"},Hd={fontSize:"13px",fontWeight:"500",color:"color-gray-600"},br={position:"absolute",backgroundColor:"color-white",padding:"12px 16px",borderRadius:"8px",boxShadow:"0px 12px 24px rgba(15, 23, 42, 0.18)",border:"1px solid color-gray-200",fontSize:"14px",display:"flex",flexDirection:"column",pointerEvents:"none",zIndex:100},Kn={stroke:"color-gray-100",strokeWidth:"1px",strokeDasharray:"4 4"},xr={stroke:"color-gray-200",strokeWidth:"1px"},kr={fontSize:"12px",fill:"color-gray-500",fontWeight:"500"},jd={rx:"4px",ry:"4px",cursor:"pointer",transition:"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",_hover:{filter:"brightness(1.1)"}},Ad={strokeWidth:"3px",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",transition:"stroke-width 0.2s ease"},Vd={r:"5px",strokeWidth:"2.5px",stroke:"color-white",cursor:"pointer",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",_hover:{r:"7px"}},Cr={strokeWidth:"2px",stroke:"color-white",cursor:"pointer",transition:"all 0.3s ease",_hover:{transform:"scale(1.02)"}},yt={position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"color-white-800",borderRadius:"4px",zIndex:10,padding:"24px",textAlign:"center"},Ed={...yt},Dd={...yt,backgroundColor:"rgba(254, 242, 242, 0.8)",color:"color-red-600"},$d={...yt,backgroundColor:"rgba(249, 250, 251, 0.8)",color:"color-gray-500"},Ld=({data:e,dataPoints:o,animated:t=!0,animationDuration:n=500,showTooltips:a=!0})=>{const[l,c]=h.useState(t?0:1),[d,g]=h.useState({visible:!1,x:0,y:0,content:null}),s=h.useRef(null),m=h.useRef(null);h.useEffect(()=>{if(!t){c(1);return}const S=Date.now(),v=()=>{const C=Date.now()-S,w=Math.min(C/n,1);c(w),w<1&&(s.current=requestAnimationFrame(v))};return s.current=requestAnimationFrame(v),()=>{s.current&&cancelAnimationFrame(s.current)}},[t,n]);const[f,p]=h.useState(new Set),u=h.useCallback(S=>{p(v=>{const C=new Set(v);return C.has(S)?C.delete(S):C.add(S),C})},[]),y=h.useCallback(()=>e?{...e,series:e.series.map((S,v)=>({...S,color:S.color||uo[v%uo.length],hidden:f.has(S.name)}))}:o?o.map((S,v)=>({...S,color:S.color||uo[v%uo.length],hidden:f.has(S.label)})):null,[e,o,f]),b=h.useCallback((S,v,C)=>{a&&g({visible:!0,x:S,y:v,content:C})},[a]),x=h.useCallback(()=>{g(S=>({...S,visible:!1}))},[]),k=h.useCallback(()=>{if(!m.current)return{width:0,height:0};const{width:S,height:v}=m.current.getBoundingClientRect();return{width:S,height:v}},[]);return{animationProgress:l,tooltip:d,containerRef:m,processedData:y,showTooltip:b,hideTooltip:x,getChartDimensions:k,toggleSeries:u}},Bd=({data:e,width:o,height:t,animationProgress:n,showGrid:a=!0,onBarClick:l,showTooltip:c,hideTooltip:d,views:g})=>{const{getColor:s}=i.useTheme(),m={top:20,right:20,bottom:40,left:50},f=o-m.left-m.right,p=t-m.top-m.bottom,u=h.useMemo(()=>{let w=0;return e.series.forEach(T=>{T.data.forEach(z=>{w=Math.max(w,z)})}),w},[e]),y=e.labels.length,b=e.series.length,x=f/y,k=x*.8/b,S=x*.2/(b+1),v=u||10,C=h.useMemo(()=>{const T=[];for(let z=0;z<=5;z++){const M=v/5*z;T.push(M)}return T},[u]);return r.jsxs("svg",{width:o,height:t,children:[r.jsx("defs",{children:e.series.map((w,T)=>{const z=w.color?s(w.color):"black";return r.jsxs("linearGradient",{id:`bar-gradient-${T}`,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[r.jsx("stop",{offset:"0%",stopColor:z,stopOpacity:1}),r.jsx("stop",{offset:"100%",stopColor:z,stopOpacity:.7})]},`bar-gradient-${T}`)})}),r.jsx("line",{x1:m.left,y1:t-m.bottom,x2:o-m.right,y2:t-m.bottom,...xr,...g==null?void 0:g.axis}),r.jsx("line",{x1:m.left,y1:m.top,x2:m.left,y2:t-m.bottom,...xr,...g==null?void 0:g.axis}),e.labels.map((w,T)=>{const z=m.left+(T+.5)*x,M=t-m.bottom+20;return r.jsx("text",{x:z,y:M,textAnchor:"middle",...kr,...g==null?void 0:g.axisLabel,children:w},`x-label-${T}`)}),C.map((w,T)=>{const z=t-m.bottom-w/v*p;return r.jsxs(h.Fragment,{children:[r.jsx("text",{x:m.left-10,y:z,textAnchor:"end",dominantBaseline:"middle",...kr,...g==null?void 0:g.axisLabel,children:w.toFixed(0)}),a&&r.jsx("line",{x1:m.left,y1:z,x2:o-m.right,y2:z,...Kn,...g==null?void 0:g.grid})]},`y-tick-${T}`)}),e.series.map((w,T)=>w.hidden?null:r.jsx(h.Fragment,{children:w.data.map((z,M)=>{const j=z/v*p*n,$=m.left+M*x+S*(T+1)+k*T,F=t-m.bottom-j,E=e.labels[M],V=e.series.reduce((L,_)=>{const D=_.data[M];return L+(typeof D=="number"?D:0)},0),P=V>0?(z/V*100).toFixed(1):null,W=w.color?s(w.color):"black",A=L=>{const _=r.jsxs(i.View,{display:"flex",flexDirection:"column",minWidth:"180px",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[r.jsx(i.Text,{fontWeight:"semibold",children:w.name}),r.jsx(i.View,{width:"12px",height:"12px",borderRadius:"2px",backgroundColor:W})]}),r.jsx(i.Text,{marginTop:"4px",color:"color-gray-500",fontSize:"12px",children:E}),r.jsxs(i.View,{marginTop:"8px",display:"flex",flexDirection:"column",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Value"}),r.jsx(i.Text,{fontWeight:"medium",children:z.toLocaleString()})]}),P!==null&&r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Share"}),r.jsx(i.Text,{fontWeight:"medium",children:`${P}%`})]}),r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Category total"}),r.jsx(i.Text,{fontWeight:"medium",children:V.toLocaleString()})]})]})]}),D=L.currentTarget.getBoundingClientRect(),q=D.left+D.width/2,O=D.top;c(q,O,_)},H=()=>{l&&l(w.name,M)};return r.jsx("rect",{x:$,y:F,width:k,height:j,fill:`url(#bar-gradient-${T})`,onMouseEnter:A,onMouseMove:A,onMouseLeave:d,onClick:H,...jd,...g==null?void 0:g.bar},`bar-${T}-${M}`)})},`series-${T}`))]})},_d=({data:e,width:o,height:t,animationProgress:n,showGrid:a=!0,onPointClick:l,showTooltip:c,hideTooltip:d,views:g})=>{const{getColor:s}=i.useTheme(),m={top:20,right:20,bottom:40,left:40},f=o-m.left-m.right,p=t-m.top-m.bottom,u=h.useMemo(()=>{let S=0;return e.series.forEach(v=>{v.data.forEach(C=>{S=Math.max(S,C)})}),S},[e]),y=u||10,b=h.useMemo(()=>{const v=[];for(let C=0;C<=5;C++){const w=y/5*C;v.push(w)}return v},[u]),x=S=>{if(S.length<2)return"";const v=S.map((w,T)=>({x:m.left+T/(e.labels.length-1)*f,y:t-m.bottom-w/y*p*n}));let C=`M ${v[0].x},${v[0].y}`;for(let w=0;w<v.length-1;w++){const T=v[w===0?w:w-1],z=v[w],M=v[w+1],j=v[w+2===v.length?w+1:w+2],$=z.x+(M.x-T.x)/6,F=z.y+(M.y-T.y)/6,E=M.x-(j.x-z.x)/6,V=M.y-(j.y-z.y)/6;C+=` C ${$},${F} ${E},${V} ${M.x},${M.y}`}return C},k=S=>{if(S.length<2)return"";const v=x(S),C=m.left,w=m.left+f,T=t-m.bottom;return`${v} L ${w},${T} L ${C},${T} Z`};return r.jsxs("svg",{width:o,height:t,children:[r.jsx("defs",{children:e.series.map((S,v)=>{const C=S.color?s(S.color):"black";return r.jsxs("linearGradient",{id:`gradient-${v}`,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[r.jsx("stop",{offset:"0%",stopColor:C,stopOpacity:.3}),r.jsx("stop",{offset:"100%",stopColor:C,stopOpacity:0})]},`gradient-${v}`)})}),r.jsx("line",{x1:m.left,y1:t-m.bottom,x2:o-m.right,y2:t-m.bottom,...xr,...g==null?void 0:g.axis}),r.jsx("line",{x1:m.left,y1:m.top,x2:m.left,y2:t-m.bottom,...xr,...g==null?void 0:g.axis}),e.labels.map((S,v)=>{const C=m.left+v/(e.labels.length-1)*f,w=t-m.bottom+20;return r.jsx("text",{x:C,y:w,textAnchor:"middle",...kr,...g==null?void 0:g.axisLabel,children:S},`x-label-${v}`)}),b.map((S,v)=>{const C=t-m.bottom-S/y*p;return r.jsxs(h.Fragment,{children:[r.jsx("text",{x:m.left-10,y:C,textAnchor:"end",dominantBaseline:"middle",...kr,...g==null?void 0:g.axisLabel,children:S.toFixed(0)}),a&&r.jsx("line",{x1:m.left,y1:C,x2:o-m.right,y2:C,...Kn,...g==null?void 0:g.grid})]},`y-tick-${v}`)}),e.series.map((S,v)=>{if(S.hidden)return null;const C=S.color?s(S.color):"black";return r.jsxs(h.Fragment,{children:[r.jsx("path",{d:k(S.data),fill:`url(#gradient-${v})`,...g==null?void 0:g.area}),r.jsx("path",{d:x(S.data),stroke:C,...Ad,...g==null?void 0:g.line}),S.data.map((w,T)=>{const z=m.left+T/(e.labels.length-1)*f,M=t-m.bottom-w/y*p*n,j=e.labels[T],$=e.series.reduce((H,L)=>{const _=L.data[T];return H+(typeof _=="number"?_:0)},0),F=$>0?(w/$*100).toFixed(1):null,E=T>0&&typeof S.data[T-1]=="number"?S.data[T-1]:null,V=typeof E=="number"?w-E:null,P=typeof V=="number"?`${V>=0?"+":""}${V.toLocaleString()}`:null,W=H=>{const L=r.jsxs(i.View,{display:"flex",flexDirection:"column",minWidth:"200px",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[r.jsx(i.Text,{fontWeight:"semibold",children:S.name}),r.jsx(i.View,{width:"12px",height:"12px",borderRadius:"2px",backgroundColor:C})]}),r.jsx(i.Text,{marginTop:"4px",color:"color-gray-500",fontSize:"12px",children:j}),r.jsxs(i.View,{marginTop:"8px",display:"flex",flexDirection:"column",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Value"}),r.jsx(i.Text,{fontWeight:"medium",children:w.toLocaleString()})]}),P!==null&&r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Change"}),r.jsx(i.Text,{fontWeight:"medium",children:P})]}),F!==null&&r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Share"}),r.jsx(i.Text,{fontWeight:"medium",children:`${F}%`})]}),r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Category total"}),r.jsx(i.Text,{fontWeight:"medium",children:$.toLocaleString()})]})]})]}),_=H.currentTarget.getBoundingClientRect(),D=_.left+_.width/2,q=_.top+_.height/2;c(D,q,L)},A=()=>{l&&l(S.name,T)};return r.jsx("circle",{cx:z,cy:M,fill:C,onMouseEnter:W,onMouseMove:W,onMouseLeave:d,onClick:A,...Vd,...g==null?void 0:g.point},`point-${v}-${T}`)})]},`series-${v}`)})]})},Od=({dataPoints:e,width:o,height:t,animationProgress:n,isDonut:a=!1,onSliceClick:l,showTooltip:c,hideTooltip:d,views:g})=>{const{getColor:s}=i.useTheme(),{ref:m,relation:f}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),p=h.useRef(null);h.useEffect(()=>{p.current&&m&&(m.current=p.current)},[p,m]);const y=Math.min(o,t)/2*.8,b=o/2,x=t/2,k=a?y*.6:0,S=h.useMemo(()=>e.filter(w=>!w.hidden),[e]),v=h.useMemo(()=>S.reduce((w,T)=>w+T.value,0),[S]),C=h.useMemo(()=>{if(v===0)return[{path:a?[`M ${b} ${x-y}`,`A ${y} ${y} 0 1 1 ${b} ${x+y}`,`A ${y} ${y} 0 1 1 ${b} ${x-y}`,`M ${b} ${x-k}`,`A ${k} ${k} 0 1 0 ${b} ${x+k}`,`A ${k} ${k} 0 1 0 ${b} ${x-k}`,"Z"].join(" "):[`M ${b} ${x}`,`M ${b} ${x-y}`,`A ${y} ${y} 0 1 1 ${b} ${x+y}`,`A ${y} ${y} 0 1 1 ${b} ${x-y}`,"Z"].join(" "),color:"#E2E8F0",label:"Total",value:0,percentage:"0%",labelX:b,labelY:x,startAngle:0,endAngle:Math.PI*2,index:-1}];const w=[];let T=-Math.PI/2;for(let z=0;z<S.length;z++){const j=S[z].value/v,$=j*2*Math.PI*n,E=Math.max(0,$-.02),V=T+E,P=b+Math.cos(T)*y,W=x+Math.sin(T)*y,A=b+Math.cos(V)*y,H=x+Math.sin(V)*y,L=b+Math.cos(T)*k,_=x+Math.sin(T)*k,D=b+Math.cos(V)*k,q=x+Math.sin(V)*k,O=E>Math.PI?1:0;let G;a?G=[`M ${P} ${W}`,`A ${y} ${y} 0 ${O} 1 ${A} ${H}`,`L ${D} ${q}`,`A ${k} ${k} 0 ${O} 0 ${L} ${_}`,"Z"].join(" "):G=[`M ${b} ${x}`,`L ${P} ${W}`,`A ${y} ${y} 0 ${O} 1 ${A} ${H}`,"Z"].join(" ");const N=T+E/2,J=a?(y+k)/2:y*.7,B=b+Math.cos(N)*J,Y=x+Math.sin(N)*J,Q=`${(j*100).toFixed(1)}%`,oe=S[z].color||uo[z%uo.length],Z=s(oe);w.push({path:G,color:Z,label:S[z].label,value:S[z].value,percentage:Q,labelX:B,labelY:Y,startAngle:T,endAngle:V,index:z,originalIndex:e.findIndex(re=>re.label===S[z].label)}),T=V}return w},[S,v,y,b,x,k,n,a,e]);return r.jsxs("svg",{ref:p,width:o,height:t,style:{overflow:"visible"},children:[a&&r.jsxs("g",{pointerEvents:"none",children:[r.jsx("circle",{cx:b,cy:x,r:k,fill:"white"}),r.jsx("text",{x:b,y:x-8,textAnchor:"middle",dominantBaseline:"middle",fontSize:"14px",fontWeight:"500",fill:"color-gray-500",children:"Total"}),r.jsx("text",{x:b,y:x+12,textAnchor:"middle",dominantBaseline:"middle",fontSize:"20px",fontWeight:"800",fill:"color-gray-900",children:v.toLocaleString()})]}),C.map((w,T)=>{const z=$=>{const F=v>0?w.value/v*100:0,E=v>0?Math.max(0,100-F):null,V=r.jsxs(i.View,{display:"flex",flexDirection:"column",minWidth:"200px",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[r.jsx(i.Text,{fontWeight:"semibold",children:w.label}),r.jsx(i.View,{width:"12px",height:"12px",borderRadius:"2px",backgroundColor:w.color})]}),r.jsxs(i.Text,{marginTop:"4px",color:"color-gray-500",fontSize:"12px",children:["Slice ",w.index+1," of ",S.length]}),r.jsxs(i.View,{marginTop:"8px",display:"flex",flexDirection:"column",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Value"}),r.jsx(i.Text,{fontWeight:"medium",children:w.value.toLocaleString()})]}),r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Share"}),r.jsx(i.Text,{fontWeight:"medium",children:w.percentage})]}),r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Total"}),r.jsx(i.Text,{fontWeight:"medium",children:v.toLocaleString()})]}),E!==null&&r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Remaining"}),r.jsx(i.Text,{fontWeight:"medium",children:`${E.toFixed(1)}%`})]})]})]});let P=$.clientX,W=$.clientY;if(p.current){const A=p.current.getBoundingClientRect();P=A.left+w.labelX,W=A.top+w.labelY}c(P,W,V)},M=()=>{w.index!==-1&&l&&l(e[w.index],w.index)},j=w.index===-1;return r.jsxs("g",{children:[r.jsx("path",{d:w.path,fill:w.color,onMouseEnter:j?void 0:z,onMouseMove:j?void 0:z,onMouseLeave:j?void 0:d,onClick:M,...Cr,style:{...Cr==null?void 0:Cr.style,cursor:j?"default":"pointer"},...g==null?void 0:g.pie}),!j&&w.endAngle-w.startAngle>.25&&r.jsx("text",{x:w.labelX,y:w.labelY,textAnchor:"middle",dominantBaseline:"middle",fill:"white",fontSize:"11px",fontWeight:"800",pointerEvents:"none",paintOrder:"stroke",stroke:"rgba(0,0,0,0.2)",strokeWidth:"2px",children:w.percentage})]},`slice-${T}`)})]})},Nd=({visible:e,x:o,y:t,content:n,maxDistance:a=100,views:l})=>{const c=h.useRef(null),[d,g]=h.useState({left:0,top:0});return h.useEffect(()=>{if(!e||!c.current)return;const m=c.current.getBoundingClientRect(),f=m.width||200,p=m.height||100,u=20,y=16;let b=o-f/2,x=t-p-u;x<y&&(x=t+u),b+f>window.innerWidth-y?b=window.innerWidth-f-y:b<y&&(b=y),x=Math.max(y,Math.min(x,window.innerHeight-p-y)),g({left:b,top:x})},[e,o,t]),e?r.jsx(i.View,{ref:c,position:"fixed",left:`${d.left}px`,top:`${d.top}px`,...br,...l==null?void 0:l.tooltip,style:{...br==null?void 0:br.style,pointerEvents:"none",transition:"all 0.1s ease-out"},children:n}):null},qd=({type:e,data:o,dataPoints:t,title:n,showLegend:a=!0,legendPosition:l="bottom",showGrid:c=!0,showTooltips:d=!0,animated:g=!0,animationDuration:s=500,responsive:m=!0,aspectRatio:f=16/9,width:p=200,height:u=200,views:y,onDataPointClick:b,onSeriesClick:x,isLoading:k=!1,error:S,noData:v,loadingIndicator:C,errorIndicator:w,noDataIndicator:T,"aria-label":z,themeMode:M,...j})=>{const{animationProgress:$,tooltip:F,containerRef:E,processedData:V,showTooltip:P,hideTooltip:W,getChartDimensions:A,toggleSeries:H}=Ld({data:o,dataPoints:t,animated:g,animationDuration:s,showTooltips:d}),L=V(),{width:_,height:D}=A(),q=p||_,O=u||(m?_/f:D),G=()=>{if(!a||!L)return null;let Z=[];return e==="pie"||e==="donut"?Array.isArray(L)&&(Z=L):L&&L.series&&(Z=L.series),!Z||Z.length===0?null:r.jsx(i.Horizontal,{flexWrap:"wrap",justifyContent:"flex-start",marginTop:l==="bottom"?"16px":0,marginBottom:l==="top"?"16px":0,...Md,...y==null?void 0:y.legend,children:Z.map((re,le)=>{const te=re.hidden,X=re.name||re.label;return r.jsxs(i.View,{...Wd,onClick:()=>H(X),opacity:te?.4:1,...y==null?void 0:y.legendItem,children:[r.jsx(i.View,{backgroundColor:re.color,...Pd,opacity:te?.3:1}),r.jsx(i.Text,{...Hd,textDecoration:te?"line-through":"none",children:X})]},`legend-${le}`)})})},N=()=>{if(!L)return null;switch(e){case"bar":return r.jsx(Bd,{data:L,width:q,height:O,animationProgress:$,showGrid:c,onBarClick:x,showTooltip:P,hideTooltip:W,views:y});case"line":case"area":return r.jsx(_d,{data:L,width:q,height:O,animationProgress:$,showGrid:c,onPointClick:x,showTooltip:P,hideTooltip:W,views:y});case"pie":case"donut":return r.jsx(Od,{dataPoints:L,width:q,height:O,animationProgress:$,isDonut:e==="donut",onSliceClick:b,showTooltip:P,hideTooltip:W,views:y});default:return null}},J=()=>k?r.jsx(i.View,{...Ed,...y==null?void 0:y.loadingOverlay,children:C||r.jsx(i.Center,{children:r.jsx(po,{size:"lg"})})}):null,B=()=>S?r.jsx(i.View,{...Dd,...y==null?void 0:y.errorOverlay,children:w||r.jsx(i.Text,{fontWeight:"medium",children:typeof S=="string"?S:"An error occurred"})}):null,Y=()=>v?r.jsx(i.View,{...$d,...y==null?void 0:y.noDataOverlay,children:T||r.jsx(i.Text,{children:typeof v=="string"?v:"No data available"})}):null,Q=z??(typeof n=="string"?n:"Chart"),oe=!S&&!k&&!v;return r.jsxs(i.View,{ref:E,role:"region","aria-label":Q,"aria-busy":k,...Fd,...y==null?void 0:y.container,...j,children:[n&&r.jsx(i.Text,{...zd,children:n}),oe&&l==="top"&&G(),r.jsxs(i.View,{flex:1,width:"100%",position:"relative",...y==null?void 0:y.chart,children:[oe&&N(),J(),B(),Y(),r.jsx(Nd,{visible:d&&F.visible,x:F.x,y:F.y,content:F.content,maxDistance:100,views:y})]}),oe&&l==="bottom"&&G()]})},Ud=e=>r.jsx(qd,{...e}),Gd=(e=365)=>{const[o,t]=h.useState(!1),[n,a]=h.useState(null),l="app-studio-cookie-consent";h.useEffect(()=>{const s=localStorage.getItem(l);a(s!==null?s==="true":!1)},[]);const c=s=>{localStorage.setItem(l,String(s));const m=new Date;m.setDate(m.getDate()+e),localStorage.setItem(`${l}-expires`,m.toISOString()),a(s)};return{isHovered:o,setIsHovered:t,hasConsent:n,acceptCookies:()=>{c(!0)},resetConsent:()=>{localStorage.removeItem(l),localStorage.removeItem(`${l}-expires`),a(!1)}}},Yd=e=>({default:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"},content:{color:"color-gray-800"},acceptButton:{backgroundColor:"color-blue-500",color:"color-white",hoverBackgroundColor:"color-blue-600"},customizeButton:{backgroundColor:"transparent",color:"color-gray-600",borderColor:"color-gray-300",hoverBackgroundColor:"color-gray-100"}},info:{container:{backgroundColor:"color-blue-50",borderColor:"color-blue-200",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"},content:{color:"color-blue-800"},acceptButton:{backgroundColor:"color-blue-500",color:"color-white",hoverBackgroundColor:"color-blue-600"},customizeButton:{backgroundColor:"transparent",color:"color-blue-800",borderColor:"color-blue-300",hoverBackgroundColor:"color-blue-100"}},primary:{container:{backgroundColor:"color-lightBlue-50",borderColor:"color-lightBlue-200",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"},content:{color:"color-lightBlue-700"},acceptButton:{backgroundColor:"color-lightBlue-500",color:"color-white",hoverBackgroundColor:"color-lightBlue-600"},customizeButton:{backgroundColor:"transparent",color:"color-lightBlue-700",borderColor:"color-lightBlue-300",hoverBackgroundColor:"color-lightBlue-100"}}}),Xd=({title:e="Nous utilisons des cookies",description:o="Ce site utilise des cookies pour améliorer votre expérience. En continuant à naviguer sur ce site, vous acceptez notre utilisation des cookies conformément à notre politique de confidentialité.",acceptButtonText:t="Accepter",customizeButtonText:n="Personnaliser",position:a="bottom",variant:l="default",onAccept:c,onCustomize:d,views:g,showCustomizeButton:s=!0,cookieExpiration:m=365,themeMode:f,...p})=>{const{themeMode:u}=i.useTheme(),{hasConsent:y,acceptCookies:b}=Gd(m),k=Yd()[l];if(y)return null;const S=()=>{b(),c&&c()},v=()=>{d&&d()};return r.jsx(i.View,{style:{position:"fixed",left:16,right:16,zIndex:1e3,...a==="bottom"?{bottom:16}:{top:16}},padding:16,borderWidth:"1px",borderStyle:"solid",borderRadius:8,maxWidth:"800px",marginLeft:"auto",marginRight:"auto",transition:"opacity 0.3s ease, transform 0.3s ease",...k.container,...g==null?void 0:g.container,...p,children:r.jsxs(i.Vertical,{gap:12,maxWidth:1200,marginLeft:"auto",marginRight:"auto",children:[e&&r.jsx(i.Text,{fontWeight:"bold",fontSize:18,color:"color-black",...g==null?void 0:g.title,children:e}),o&&r.jsx(i.Text,{fontSize:14,color:"color-black",...g==null?void 0:g.description,children:o}),r.jsxs(i.Horizontal,{gap:12,justifyContent:"flex-end",marginTop:8,...g==null?void 0:g.buttonGroup,children:[s&&r.jsx(ie,{variant:"outline",onClick:v,size:"sm",...g==null?void 0:g.customizeButton,children:n}),r.jsx(ie,{variant:"primary",onClick:S,size:"sm",...g==null?void 0:g.acceptButton,children:t})]})]})})},Kd=e=>r.jsx(Xd,{...e}),Jd=e=>{const{size:o,variant:t,onOpenChange:n}=e||{},[a,l]=h.useState(!1),[c,d]=h.useState({x:0,y:0}),[g,s]=h.useState(null),m=h.useRef(null),f=h.useRef(null),p=h.useMemo(()=>Yr("contextmenu-content"),[]),u=h.useCallback(b=>{d({x:b.clientX,y:b.clientY}),l(!0),n==null||n(!0)},[n]),y=h.useCallback(()=>{l(!1),s(null),n==null||n(!1)},[n]);return h.useEffect(()=>{const b=S=>{f.current&&!f.current.contains(S.target)&&y()},x=()=>{a&&y()},k=S=>{S.key==="Escape"&&a&&y()};return document.addEventListener("mousedown",b),window.addEventListener("resize",x),document.addEventListener("keydown",k),()=>{document.removeEventListener("mousedown",b),window.removeEventListener("resize",x),document.removeEventListener("keydown",k)}},[a,y]),{isOpen:a,setIsOpen:l,position:c,setPosition:d,activeSubmenuId:g,setActiveSubmenuId:s,size:o,variant:t,triggerRef:m,contentRef:f,contentId:p,openMenu:u,closeMenu:y}},Jn={sm:{padding:"6px 8px",fontSize:"14px",minWidth:"160px"},md:{padding:"8px 12px",fontSize:"16px",minWidth:"180px"},lg:{padding:"10px 16px",fontSize:"18px",minWidth:"200px"}},Qd={default:{backgroundColor:"color-white",color:"color-gray-800"},filled:{backgroundColor:"color-gray-100",color:"color-gray-800"},outline:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"}},Qn={hover:{backgroundColor:"color-gray-100"}},Zn=h.createContext({isOpen:!1,setIsOpen:()=>{},position:{x:0,y:0},setPosition:()=>{},activeSubmenuId:null,setActiveSubmenuId:()=>{},size:"md",variant:"default",triggerRef:{current:null},contentRef:{current:null},contentId:"contextmenu-content",closeMenu:()=>{},openMenu:()=>{}}),Zd=({children:e,value:o})=>r.jsx(Zn.Provider,{value:o,children:e}),wr=()=>{const e=h.useContext(Zn);if(!e)throw new Error("useContextMenuContext must be used within a ContextMenuProvider");return e},Rn=({children:e,disableNativeContextMenu:o=!0,asChild:t=!1,isDisabled:n=!1,views:a,...l})=>{const{triggerRef:c,contentId:d,openMenu:g}=wr(),m={ref:c,onContextMenu:f=>{if(!n)if(o&&f.preventDefault(),g)g(f);else{const{setIsOpen:p,setPosition:u}=wr();u({x:f.clientX,y:f.clientY}),p(!0)}},"aria-controls":d,"aria-haspopup":"menu","data-disabled":n?"":void 0,...t&&h.isValidElement(e)&&e.props.isDisabled===void 0&&{isDisabled:n},...a==null?void 0:a.container,...l};if(t&&h.isValidElement(e)){const f=h.Children.only(e);return h.cloneElement(f,{...m,...f.props})}return r.jsx(i.View,{...m,children:e})},bt=({items:e,children:o,position:t,side:n="right",align:a="start",views:l,style:c,...d})=>{const{isOpen:g,position:s,contentRef:m,contentId:f,variant:p}=wr(),u=h.useRef(null),y=m||u,{ref:b,relation:x}=i.useElementPosition({}),[k,S]=h.useState({x:0,y:0});if(h.useEffect(()=>{if(g&&y.current){const C=t||s,w=y.current.offsetWidth,T=y.current.offsetHeight,z=window.innerWidth,M=window.innerHeight;let j=C.x,$=C.y;x&&(x.space.horizontal==="left"?j=C.x-w:j=C.x,x.space.vertical==="top"?$=C.y-T:$=C.y),j+w>z&&(j=z-w-8),j<8&&(j=8),$+T>M&&($=M-T-8),$<8&&($=8),S({x:j,y:$})}},[g,s,t,n,a,y,x]),!g)return null;const v={position:"fixed",top:`${k.y}px`,left:`${k.x}px`,zIndex:1e3,transformOrigin:"top left"};return r.jsxs(i.View,{id:f||"context-menu",ref:y,role:"menu",tabIndex:-1,borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",overflow:"hidden",style:{...v,...c},...Qd[p],...l==null?void 0:l.menu,...l==null?void 0:l.content,...d,children:[e&&e.map((C,w)=>C.divider?r.jsx(oa,{views:l},`divider-${w}`):r.jsx(ea,{item:C,views:l},C.id)),o]})},ea=({item:e,children:o,onSelect:t,isDisabled:n=!1,views:a,variant:l,shape:c,isLoading:d,loaderProps:g,loaderPosition:s,icon:m,iconPosition:f,isFilled:p,isAuto:u,isIconRounded:y,isHovered:b,shadow:x,ariaLabel:k,animation:S,textColor:v,reversed:C,borderMovingDuration:w,borderMovingGradientColors:T,animatedStrokeAccentColor:z,animatedStrokeTextColor:M,to:j,isExternal:$,config:F,...E})=>{const{activeSubmenuId:V,setActiveSubmenuId:P,size:W,closeMenu:A}=wr();if(e){const[L,_]=h.useState(!1),D=e.items&&e.items.length>0,q=V===e.id,[O,G]=h.useState({x:0,y:0}),N=e.disabled||n,J=()=>{_(!0),D&&P(e.id)},B=()=>{_(!1)},Y=()=>{N||!D&&e.onClick&&(e.onClick(),A&&A())},{ref:Q,relation:oe}=i.useElementPosition({});return h.useEffect(()=>{if(q&&Q.current){const Z=Q.current.getBoundingClientRect(),re=window.innerWidth,le=200;let te=!1;if(oe)te=oe.space.horizontal==="left";else{const X=re-Z.right,R=Z.left;te=X<le&&R>X}G({x:te?Z.left-le:Z.right,y:Z.top})}},[q,e.items,oe]),r.jsxs(i.View,{ref:Q,role:"menuitem",display:"flex",alignItems:"center",cursor:N?"not-allowed":"pointer",opacity:N?.5:1,position:"relative","aria-disabled":N,"data-disabled":N?"":void 0,...Jn[W],_hover:N?{}:Qn.hover,backgroundColor:L&&!N?"color-gray-100":"transparent",onMouseEnter:J,onMouseLeave:B,onClick:Y,...a==null?void 0:a.item,...E,children:[e.icon&&r.jsx(i.View,{marginRight:8,...a==null?void 0:a.icon,children:e.icon}),r.jsx(i.View,{flexGrow:1,children:e.label}),D&&r.jsx(i.View,{marginLeft:8,...a==null?void 0:a.submenuIndicator,children:r.jsx(se,{orientation:"right",widthHeight:16,color:"currentColor",filled:!0})}),q&&D&&r.jsx(bt,{items:e.items||[],position:O,side:"right",align:"start",views:a})]})}const H=L=>{n||(t==null||t(L),A&&A())};return r.jsx(i.View,{role:"menuitem",onClick:H,cursor:n?"not-allowed":"pointer",opacity:n?.5:1,"aria-disabled":n,"data-disabled":n?"":void 0,...Jn[W],_hover:n?{}:Qn.hover,...a==null?void 0:a.item,...E,children:o})},oa=({views:e,...o})=>r.jsx(i.View,{height:"1px",backgroundColor:"color-gray-200",margin:"4px 0",role:"separator","aria-orientation":"horizontal",...e==null?void 0:e.divider,...o}),Rd=({views:e,...o})=>r.jsx(i.View,{height:"1px",backgroundColor:"color-gray-200",margin:"4px 0",role:"separator","aria-orientation":"horizontal",...e==null?void 0:e.separator,...o}),e0=({children:e,items:o,size:t="md",variant:n="default",disableNativeContextMenu:a=!0,views:l,themeMode:c,onOpenChange:d,...g})=>!o||o.length===0?r.jsx(r.Fragment,{children:e}):r.jsxs(r.Fragment,{children:[r.jsx(Rn,{disableNativeContextMenu:a,views:l,...g,children:e}),r.jsx(bt,{items:o,views:l})]}),yo=({children:e,items:o,size:t="md",variant:n="default",disableNativeContextMenu:a=!0,onOpenChange:l,views:c,...d})=>{const g=Jd({size:t,variant:n,onOpenChange:l}),{isOpen:s,setIsOpen:m,position:f,setPosition:p,activeSubmenuId:u,setActiveSubmenuId:y,triggerRef:b,contentRef:x,contentId:k,openMenu:S,closeMenu:v}=g;return r.jsx(Zd,{value:{isOpen:s,setIsOpen:m,position:f,setPosition:p,activeSubmenuId:u,setActiveSubmenuId:y,size:t,variant:n,triggerRef:b,contentRef:x,contentId:k,openMenu:S,closeMenu:v,styles:c},children:r.jsx(e0,{items:o,size:t,variant:n,disableNativeContextMenu:a,views:c,...d,children:e})})};yo.Trigger=Rn,yo.Content=bt,yo.Item=ea,yo.Divider=oa,yo.Separator=Rd;const o0=({src:e,color:o,views:t,themeMode:n,...a})=>{const{getColor:l,themeMode:c}=i.useTheme(),d=o?{fill:l(o,{themeMode:c}),stroke:l(o,{themeMode:c})}:{};return r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",...a,...t==null?void 0:t.container,children:r.jsx(i.Image,{...d,content:'url("'+e+'")',width:"100%",height:"100%",...t==null?void 0:t.image})})},r0=({path:e,...o})=>r.jsx(i.Image,{src:e,...o}),ra=({placeholder:e,isMulti:o,options:t,id:n=`select-${Math.random().toString(36).substr(2,9)}`})=>{const a=e?o?[]:"":Array.isArray(t)&&t.length>0?t[0].value:o?[]:"",[l,c]=h.useState(!1),[d,g]=h.useState(!1),[s,m]=h.useState(a),[f,p]=h.useState(0),[u,y]=h.useState(!0);return{id:n,value:s,setValue:m,hide:u,setHide:y,isHovered:l,setIsHovered:c,isFocused:d,setIsFocused:g,highlightedIndex:f,setHighlightedIndex:p}},ta=({children:e,containerId:o="portal-root"})=>{const[t,n]=h.useState(null);return h.useEffect(()=>{let a=document.getElementById(o),l=!1;return a||(l=!0,a=document.createElement("div"),a.setAttribute("id",o),document.body.appendChild(a)),n(a),()=>{l&&a&&a.parentNode&&a.childNodes.length===0&&a.parentNode.removeChild(a)}},[o]),t?ac.createPortal(e,t):null},xt=({children:e,views:o={helperText:{}},...t})=>r.jsx(i.Text,{fontSize:"11px",fontWeight:"400",letterSpacing:"-0.01em",lineHeight:"16px",marginVertical:0,marginHorizontal:0,color:"color-gray-500",transition:"color 0.2s ease, opacity 0.2s ease",...o.helperText,...t,children:e}),Be=h.forwardRef(({children:e,helperText:o,error:t=!1,views:n,...a},l)=>r.jsxs(i.Vertical,{ref:l,gap:4,position:"relative",width:"100%",marginVertical:0,...a,...n==null?void 0:n.container,children:[e,!t&&o&&r.jsx(xt,{marginTop:0,...n==null?void 0:n.helperText,children:o}),t&&r.jsx(i.Text,{fontSize:"11px",lineHeight:"16px",marginTop:0,marginHorizontal:0,fontWeight:"500",color:"color-red-500",transition:"color 0.2s ease, opacity 0.2s ease",...n==null?void 0:n.error,children:t})]}));Be.displayName="FieldContainer";const t0={default:{borderRadius:"8px"},square:{borderRadius:0},rounded:{borderRadius:"8px"},pill:{borderRadius:"9999px"}},n0={xs:"10px",sm:"11px",md:"11px",lg:"12px",xl:"12px"},a0={outline:{borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",backgroundColor:"transparent",color:"inherit",transition:"border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease",_hover:{borderColor:"color-gray-300"},_focus:{borderColor:"theme-primary",outline:"none",boxShadow:"0 0 0 3px theme-primary"},_focusVisible:{borderColor:"theme-primary",outline:"none",boxShadow:"0 0 0 3px theme-primary"}},default:{borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",borderRadius:"8px",backgroundColor:"transparent",color:"inherit",transition:"border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease",_hover:{borderColor:"color-gray-300"},_focus:{borderColor:"theme-primary",outline:"none",boxShadow:"0 0 0 3px theme-primary"},_focusVisible:{borderColor:"theme-primary",outline:"none",boxShadow:"0 0 0 3px theme-primary"}},none:{border:"none",style:{backgroundColor:"transparent"},color:"inherit",transition:"background-color 0.2s ease"}},l0={paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px",media:{mobile:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px"}}},i0={paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px",media:{mobile:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px"}}},Ye=({label:e,shadow:o,children:t,value:n,size:a="md",shape:l="default",variant:c="default",error:d=!1,showLabel:g=!1,isFocused:s=!1,isHovered:m=!1,isDisabled:f=!1,isReadOnly:p=!1,views:u={pickerBox:{}},...y})=>{const{themeMode:b}=i.useTheme(),x=b==="dark",S=d?"color-red-500":(m||s)&&!f?"theme-primary":"color-gray-200";return r.jsx(i.Horizontal,{gap:8,width:"100%",display:"flex",flexWrap:"nowrap",alignItems:"center",justifyContent:"flex-start",borderStyle:"solid",borderColor:S,backgroundColor:x?"color-gray-900":"color-white",fontSize:i.Typography.fontSizes[a],cursor:f?"not-allowed":p?"auto":"text",opacity:f?.7:1,transition:"border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease",...g?l0:i0,...typeof o=="object"&&o!==null?o:{},...t0[l],...a0[c],...u==null?void 0:u.container,...y,children:t})},kt=({children:e,...o})=>r.jsx(i.Horizontal,{gap:10,right:10,zIndex:500,flexWrap:"nowrap",alignItems:"center",justifyContent:"flex-end",...o,children:e}),c0={h1:{fontSize:96,letterSpacing:-1.5},h2:{fontSize:60,letterSpacing:-.5},h3:{fontSize:48,letterSpacing:0},h4:{fontSize:34,letterSpacing:.25},h5:{fontSize:24,letterSpacing:0},h6:{fontSize:20,letterSpacing:.15}},s0=({children:e,heading:o,isItalic:t=!1,isUnderlined:n=!1,isStriked:a=!1,weight:l="normal",size:c="sm",dropDown:d,error:g,isDisabled:s,helperText:m,views:f,...p})=>{const u=o?c0[o]:{};return r.jsx(i.Element,{as:"label",width:"100%",fontSize:c,fontStyle:t?"italic":"normal",fontWeight:i.Typography.fontWeights[l],textDecoration:a?"line-through":n?"underline":"none",...u,...p,children:e})},Lo=e=>r.jsx(s0,{...e}),oo=({children:e,size:o="md",error:t=!1,color:n="theme-primary",views:a={label:{}},helperText:l,...c})=>r.jsx(Lo,{position:"static",fontSize:n0[o],letterSpacing:"-0.01em",whiteSpace:"nowrap",fontWeight:500,opacity:t?1:.72,color:t?"color-red-500":"inherit",transition:"color 0.2s ease",...a.label,...c,children:e}),bo=({children:e,...o})=>r.jsx(i.Vertical,{display:"flex",flexDirection:"column",gap:4,flex:1,width:"100%",maxWidth:"100%",...o,children:e}),na={xs:12,sm:14,md:16,lg:18,xl:20},d0={maxHeight:"280px",overflowY:"auto",zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)"},g0={enter:{opacity:1,transform:"translateY(0) scale(1)",transition:"all 0.2s ease-in-out"}},h0={padding:"10px 12px",cursor:"pointer",borderRadius:8,margin:"2px 4px",transition:"all 0.15s ease-in-out"},Sr={default:{},highlighted:{backgroundColor:"color-gray-100"},selected:{backgroundColor:"color-gray-100"},selectedHighlighted:{backgroundColor:"color-gray-200"}},aa={open:{transform:"rotate(180deg)",transition:"all 0.2s ease-in-out"},closed:{transform:"rotate(0deg)",transition:"all 0.2s ease-in-out"}},m0={padding:"4px 8px",borderRadius:8,backgroundColor:"color-gray-100",fontSize:"12px",fontWeight:"500",color:"color-gray-700",transition:"all 0.15s ease-in-out"},f0={scrollbarWidth:"thin",scrollbarColor:"rgba(0, 0, 0, 0.15) transparent"},p0=e=>{if(!e)return{};const{container:o,content:t,...n}=e;return n},Bo={xs:{minHeight:24,shellPaddingY:6,shellPaddingX:10},sm:{minHeight:32,shellPaddingY:8,shellPaddingX:10},md:{minHeight:40,shellPaddingY:10,shellPaddingX:12},lg:{minHeight:48,shellPaddingY:12,shellPaddingX:14},xl:{minHeight:56,shellPaddingY:14,shellPaddingX:16}},u0=({isHovered:e,setIsHovered:o=()=>{},option:t,size:n="md",callback:a=()=>{},style:l,isSelected:c=!1,...d})=>{const g=(f,p)=>{f.stopPropagation(),f.preventDefault(),typeof a=="function"&&a(p)},s=()=>o(!e),m=()=>c&&e?Sr.selectedHighlighted:c?Sr.selected:e?Sr.highlighted:Sr.default;return r.jsxs(i.Element,{as:"li",display:"flex",alignItems:"center",justifyContent:"space-between",listStyleType:"none",...h0,...m(),onMouseEnter:s,onMouseLeave:s,onClick:f=>g(f,t.value),...d,children:[r.jsx(i.Text,{fontSize:i.Typography.fontSizes[n],fontWeight:c?"500":"400",lineHeight:"14px",color:c?"color-gray-900":"color-gray-700",...l,children:t.label}),c&&r.jsx(i.Element,{as:"span",color:"theme-primary",fontSize:"14px",marginLeft:8,display:"flex",alignItems:"center",children:"✓"})]})},y0=({size:e="md",views:o={field:{},text:{}},value:t,isDisabled:n,placeholder:a,removeOption:l=()=>{},options:c})=>{const d=(o==null?void 0:o.field)||{},g=(o==null?void 0:o.text)||{},s={margin:0,width:"95%",height:"100%",border:"none",paddingVertical:4,paddingHorizontal:0,fontSize:i.Typography.fontSizes[e],fontWeight:"400",lineHeight:"20px",letterSpacing:"-0.01em",color:n?"color-gray-400":"color-gray-900",cursor:n?"not-allowed":"pointer",transition:"all 0.2s ease-in-out",...d,...g,style:{backgroundColor:"transparent",...d.style,...g.style}},m=c.length>0&&c.find(f=>f.value===t);return r.jsx(i.Text,{...s,children:(t===""||Array.isArray(t)&&t.length===0)&&a?a:r.jsx(r.Fragment,{children:typeof t=="string"?(m&&m.label)??t:Array.isArray(t)&&t.length>0?r.jsx(i.Horizontal,{gap:6,children:t.map(f=>r.jsx(k0,{option:f,removeOption:l},f))}):r.jsx("span",{children:t})})})},b0=({id:e,name:o,value:t,onChange:n,isMulti:a=!1,isDisabled:l=!1,isReadOnly:c=!1,options:d=[],...g})=>{const s=m=>{n&&n(m)};return r.jsx(i.Element,{id:e,name:o,as:"select",opacity:0,width:1,height:1,overflow:"hidden",position:"absolute",pointerEvents:"none",tabIndex:-1,"aria-hidden":"true",value:t,disabled:l,readOnly:c,onChange:s,multiple:a,...g,children:d.length>0&&d.map(m=>r.jsx("option",{value:m.value,children:m.label},m.value))})},x0=({size:e,views:o={},options:t,callback:n=()=>{},highlightedIndex:a,setHighlightedIndex:l=()=>{},selectedValue:c})=>{const d=s=>n(s),g=s=>Array.isArray(c)?c.includes(s):c===s;return r.jsx(i.Element,{as:"ul",role:"listbox",display:"flex",flexDirection:"column",margin:0,padding:"4px",...d0,style:f0,...o==null?void 0:o.dropDown,children:t&&t.length>0&&t.map((s,m)=>r.jsx(u0,{size:e,style:o.text,option:s,callback:d,isSelected:g(s.value),isHovered:m===a,setIsHovered:()=>{},onMouseEnter:()=>l(m)},s.value))})},k0=({option:e,size:o="md",removeOption:t=()=>{},...n})=>{const a=()=>t(e);return r.jsxs(i.Horizontal,{gap:6,alignItems:"center",onClick:l=>l.stopPropagation(),...m0,_hover:{backgroundColor:"color-gray-200"},...n,children:[r.jsx(i.Text,{fontSize:i.Typography.fontSizes[o],fontWeight:"500",color:"color-gray-700",children:e}),r.jsx(Te,{role:"close-button",color:"color-gray-500",widthHeight:na[o],onClick:a,cursor:"pointer",transition:"all 0.2s ease-in-out",_hover:{color:"color-gray-700"}})]})},la=({id:e,name:o,label:t,value:n,placeholder:a,helperText:l,hide:c=!1,error:d=!1,isMulti:g=!1,isFocused:s=!1,isHovered:m=!1,isDisabled:f=!1,isReadOnly:p=!1,options:u=[],shadow:y={},size:b="md",shape:x="default",variant:k="default",views:S={text:{},icon:{},dropDown:{},selectBox:{},label:{},helperText:{}},onChange:v=()=>{},setHide:C=()=>{},setValue:w=()=>{},setIsHovered:T=()=>{},setIsFocused:z=()=>{},setHighlightedIndex:M,highlightedIndex:j,isScrollable:$,...F})=>{const{ref:E,relation:V,updateRelation:P}=i.useElementPosition({trackChanges:!0,trackOnScroll:!0,trackOnResize:!0,throttleMs:10}),W=h.useRef(null),A=()=>{var Y;if(!E.current)return{};const N=E.current.getBoundingClientRect(),J={position:"fixed",left:N.left,width:N.width,zIndex:1e4};return((Y=V==null?void 0:V.space)==null?void 0:Y.vertical)==="top"?{...J,bottom:window.innerHeight-N.top+8}:{...J,top:N.bottom+8}};h.useEffect(()=>{const N=()=>C(!0);return document.addEventListener("closeAllSelects",N),()=>document.removeEventListener("closeAllSelects",N)},[C]),h.useEffect(()=>{const N=J=>{!J.target.closest(`#${e}`)&&!c&&C(!0)};return document.addEventListener("click",N),()=>{document.removeEventListener("click",N)}},[e,c,C]);const H=()=>T(!m),L=()=>z(!0),_=N=>{document.dispatchEvent(new Event("closeAllSelects")),N&&N.stopPropagation&&N.stopPropagation();const J=!c;C(J),z(!J)},D=h.useCallback(N=>{if(C(!0),document.dispatchEvent(new Event("closeAllSelects")),g&&Array.isArray(n)){if(!n.includes(N)){const J=[...n,N];w(J),v&&v(N)}}else w(N),v&&v(N);z(!0)},[g,n,C,w,v,z]),q=N=>{if(Array.isArray(n)&&n.includes(N)){const J=n.filter(B=>B!==N);w(J.length===0?[]:J)}},O=!!t,G=p0(S);return r.jsx(Be,{ref:E,position:"relative",width:"100%",display:"inline-block",id:e,role:"SelectBox",helperText:l,error:d,views:G,onClick:N=>{N.stopPropagation(),f||p||_(N)},children:r.jsxs(Ye,{label:t,size:b,error:d,shape:x,views:S,shadow:y,variant:k,value:n,color:"theme-primary",isHovered:m,isDisabled:f,isReadOnly:p,isFocused:s,showLabel:O,minHeight:`${Bo[b].minHeight}px`,paddingTop:Bo[b].shellPaddingY,paddingBottom:Bo[b].shellPaddingY,paddingLeft:Bo[b].shellPaddingX,paddingRight:Bo[b].shellPaddingX,onMouseEnter:H,onMouseLeave:H,position:"relative",...S==null?void 0:S.content,children:[r.jsxs(bo,{children:[O&&r.jsx(oo,{htmlFor:e,color:"theme-primary",error:d,...S==null?void 0:S.label,children:t}),r.jsx(b0,{id:e,name:o,options:u,onChange:v,value:n,isDisabled:f,isReadOnly:p,isMulti:g,onFocus:L,...F}),r.jsx(y0,{options:u,size:b,views:S,value:n,isDisabled:f,placeholder:a,removeOption:q})]}),r.jsx(kt,{children:!p&&!f&&r.jsx(i.Element,{display:"flex",alignItems:"center",justifyContent:"center",style:c?aa.closed:aa.open,children:r.jsx(se,{color:"inherit",widthHeight:na[b],style:S.icon,orientation:"down"})})}),!c&&u.length>0&&r.jsx(ta,{children:r.jsx(i.Element,{ref:W,onClick:N=>N.stopPropagation(),style:{...A(),...g0.enter},children:r.jsx(x0,{size:b,views:S,options:u,callback:D,highlightedIndex:j,setHighlightedIndex:M,selectedValue:n})})})]})})},_o=e=>{const o=me("select",e),t={...o,options:o.options||[]},n=ra(t);return r.jsx(la,{...n,...t,onClick:a=>{a.stopPropagation(),o.onClick&&o.onClick(a)}})},ia=({isDisabled:e,isChecked:o})=>{const[t,n]=h.useState(!1),[a,l]=h.useState(o||!1),[c,d]=h.useState(o||!1);return h.useEffect(()=>{o!==void 0&&(l(o),d(o))},[o]),{isHovered:t,setIsHovered:n,on:a,setOn:l,value:c,setValue:d}},ca={xs:{height:"10px",width:"10px"},sm:{height:"14px",width:"14px"},md:{height:"18px",width:"18px"},lg:{height:"22px",width:"22px"},xl:{height:"26px",width:"26px"}},C0={xs:{height:"20px",width:"40px"},sm:{height:"24px",width:"48px"},md:{height:"28px",width:"56px"},lg:{height:"32px",width:"64px"},xl:{height:"36px",width:"72px"}},w0={xs:{height:"22px",width:"52px"},sm:{height:"26px",width:"62px"},md:{height:"30px",width:"72px"},lg:{height:"34px",width:"84px"},xl:{height:"38px",width:"96px"}},S0={xs:"9px",sm:"10px",md:"11px",lg:"12px",xl:"13px"},vr={xs:{paddingVertical:5,paddingHorizontal:3},sm:{paddingVertical:5,paddingHorizontal:3},md:{paddingVertical:5,paddingHorizontal:5},lg:{paddingVertical:5,paddingHorizontal:5},xl:{paddingVertical:5,paddingHorizontal:5}},ro={default:{active:"theme-primary",inactive:"color-gray-300",knob:"color-white",disabled:"color-gray-200"},states:{hover:{active:"theme-primary",inactive:"color-gray-400",activeOpacity:.9}}},sa={slider:{transition:"all 0.2s ease-in-out"},knob:{transition:"all 0.2s ease-in-out"}},v0=e=>r.jsx(i.Input,{type:"checkbox",...e}),da=({id:e,name:o,label:t,inActiveChild:n,isChecked:a,activeChild:l,labelPosition:c="right",shadow:d={},size:g="sm",value:s=!1,isHovered:m=!1,isDisabled:f=!1,isReadOnly:p=!1,on:u,setOn:y=()=>{},onChange:b,setValue:x=()=>{},setIsHovered:k=()=>{},helperText:S,views:v={slider:{},circle:{},label:{}},...C})=>{const w=typeof a=="boolean"?a:s,z=!!(l||n)?w0[g]:C0[g],M=`${vr[g].paddingHorizontal}px`,j=`${vr[g].paddingHorizontal+2}px`,$=`calc(${ca[g].width} + ${vr[g].paddingHorizontal}px + 4px)`,F=S0[g],E=A=>{if(!p&&!f){const H=A.target.checked;x(H),y(H),b&&b(H)}},V=()=>k(!0),P=()=>k(!1),W={container:{gap:12,display:"flex",height:"fit-content",width:"fit-content",alignItems:"center",cursor:f?"not-allowed":p?"default":"pointer",opacity:f?.6:1,transition:"all 0.2s ease-in-out",...v.label}};return r.jsxs(Lo,{htmlFor:e,onMouseEnter:V,onMouseLeave:P,...W.container,...C,children:[r.jsx(v0,{id:e,name:o,opacity:0,width:0,height:0,checked:w,onChange:E,disabled:f,readOnly:p,...C}),c==="left"&&t&&r.jsx(i.Text,{fontWeight:"500",color:f?"color-gray-400":"inherit",transition:"color 0.2s ease, opacity 0.2s ease",children:t}),r.jsxs(i.View,{display:"flex",alignItems:"center",justifyContent:"center",position:"relative",marginBottom:4,borderRadius:"9999px",backgroundColor:f?ro.default.disabled:w?m?ro.states.hover.active:ro.default.active:m?ro.states.hover.inactive:ro.default.inactive,opacity:!f&&w&&m?ro.states.hover.activeOpacity:1,cursor:"pointer",...sa.slider,...d,...vr[g],...z,...v.slider,children:[l&&w&&r.jsx(i.View,{marginLeft:j,marginRight:$,transition:"all 0.2s ease-in-out",display:"flex",alignItems:"center",justifyContent:"center",height:"100%",width:"100%",overflow:"hidden",fontSize:F,lineHeight:1,color:"color-white",fontWeight:600,children:l}),r.jsx(i.View,{position:"absolute",top:"50%",left:w?void 0:M,right:w?M:void 0,borderRadius:"50%",backgroundColor:ro.default.knob,boxShadow:m?"0 4px 10px rgba(15, 23, 42, 0.18)":"0 1px 3px rgba(15, 23, 42, 0.18)",transform:`translateY(-50%) ${m?"scale(1.05)":"scale(1)"}`,...sa.knob,zIndex:1,...ca[g],...v.circle}),n&&!w&&r.jsx(i.View,{marginLeft:$,marginRight:j,transition:"all 0.2s ease-in-out",display:"flex",alignItems:"center",justifyContent:"center",height:"100%",width:"100%",overflow:"hidden",fontSize:F,lineHeight:1,color:"color-white",fontWeight:600,children:n})]}),c==="right"&&t&&r.jsx(i.Text,{fontWeight:"500",color:f?"color-gray-400":"inherit",transition:"all 0.2s ease-in-out",children:t})]})},Ct=e=>{const o=me("switch",e),t=ia(o);return r.jsx(da,{...t,...o})},ga=({placeholder:e,isMulti:o,options:t,id:n=`selector-${Math.random().toString(36).substr(2,9)}`})=>{const a=e?o?[]:"":Array.isArray(t)&&t.length>0?t[0].value:o?[]:"",[l,c]=h.useState(!1),[d,g]=h.useState(!1),[s,m]=h.useState(a),[f,p]=h.useState(0),[u,y]=h.useState(!0);return{id:n,value:s,setValue:m,hide:u,setHide:y,isHovered:l,setIsHovered:c,isFocused:d,setIsFocused:g,highlightedIndex:f,setHighlightedIndex:p}},ha=({id:e,name:o,label:t,value:n,views:a={},options:l=[],onChange:c=()=>{},setValue:d=()=>{}})=>{const g=h.useCallback(s=>{d(s.value),c&&c(s.value)},[d,c]);return r.jsxs(Be,{id:e,width:"100%",views:a,children:[t&&r.jsxs(i.Horizontal,{fontSize:"10px",letterSpacing:"wider",color:"color-black-500",fontWeight:"bold",marginBottom:12,alignItems:"center",gap:6,style:{textTransform:"uppercase"},children:[r.jsx(Ge,{widthHeight:14})," ",r.jsx(i.Text,{children:t})]}),r.jsx(i.Horizontal,{gap:0,children:l.map((s,m,f)=>{const p=n===s.value,u=s.color??"theme-primary",y=p?u:"color-gray-200",b=p?u:"color-gray-500",x=m===0,k=m===f.length-1,S=k||p;return r.jsx(i.View,{as:"button",type:"button",onClick:()=>g(s),flex:1,paddingVertical:6,paddingHorizontal:12,fontSize:"12px",fontWeight:p?"bold":"normal",cursor:"pointer",backgroundColor:"transparent",color:b,borderStyle:"solid",borderColor:y,borderTopWidth:1,borderBottomWidth:1,borderLeftWidth:1,borderRightWidth:S?1:0,borderRadius:x?"6px 0 0 6px":k?"0 6px 6px 0":"0",zIndex:p?1:0,transition:"color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease",...a.item,children:s.label},s.value)})}),r.jsx("input",{type:"hidden",id:e,name:o,value:Array.isArray(n)?n.join(","):n,onChange:()=>{}})]})},T0=e=>{const o={...e,options:e.options||[]},t=ga(o);return r.jsx(ha,{...t,...o,onClick:n=>{n.stopPropagation(),e.onClick&&e.onClick(n)}})},ma=({label:e,placeholder:o,value:t})=>{const[n,a]=h.useState(e??o),[l,c]=h.useState(!1),[d,g]=h.useState(t||""),[s,m]=h.useState(!1);return h.useMemo(()=>{a(s&&!d?o??"":e??o)},[d,s,e,o]),{hint:n,setHint:a,isHovered:l,setIsHovered:c,value:d,setValue:g,isFocused:s,setIsFocused:m}},I0=e=>{if(!e)return{};const{container:o,content:t,...n}=e;return n},F0=(e,o)=>{if(o!=="pill")return e;if(typeof e=="number")return Math.min(e,28);if(typeof e=="string"){const t=Number.parseFloat(e);if(Number.isFinite(t)&&e.trim().endsWith("px"))return`${Math.min(t,28)}px`}return"28px"},fa=({id:e,name:o,hint:t,error:n,value:a,label:l,shadow:c,helperText:d,placeholder:g,size:s="sm",shape:m="default",variant:f="default",isHovered:p=!1,isFocused:u=!1,isEditable:y=!1,isReadOnly:b=!1,isDisabled:x=!1,isAutoFocus:k=!1,isMultiline:S=!1,maxRows:v=3,maxCols:C=30,onBlur:w=()=>{},onChange:T,onFocus:z,setHint:M=()=>{},setValue:j=()=>{},setIsFocused:$=()=>{},setIsHovered:F=()=>{},onChangeText:E,onSubmit:V,isWorkerRunning:P,views:W={label:{},helperText:{}},...A})=>{const H=!!l,L={xs:{minHeight:"72px",shellPaddingY:6,shellPaddingX:10,fontSize:12,lineHeight:"16px"},sm:{minHeight:"88px",shellPaddingY:8,shellPaddingX:10,fontSize:12,lineHeight:"16px"},md:{minHeight:"104px",shellPaddingY:10,shellPaddingX:12,fontSize:14,lineHeight:"20px"},lg:{minHeight:"120px",shellPaddingY:12,shellPaddingX:14,fontSize:16,lineHeight:"24px"},xl:{minHeight:"136px",shellPaddingY:14,shellPaddingX:16,fontSize:18,lineHeight:"28px"}},_=(W==null?void 0:W.field)||{},D=(W==null?void 0:W.container)||{},q=F0(D.borderRadius,m),O={...W,container:{...D,...q!==void 0?{borderRadius:q}:{},overflow:"hidden"}},G=I0(W),N={margin:0,paddingVertical:0,paddingHorizontal:0,width:"100%",minHeight:L[s].minHeight,maxHeight:"calc(100vh - 100px)",border:"none",on:{focus:{outline:"none"}},fontSize:L[s].fontSize,letterSpacing:"-0.01em",fontWeight:400,color:x?"color-gray-400":"color-gray-900",cursor:x?"not-allowed":"text",opacity:x?.7:1,transition:"color 0.2s ease, opacity 0.2s ease",..._,style:{backgroundColor:"transparent",..._.style}},J=()=>{$(!0),z&&z()},B=Q=>{w(Q),$(!1)},Y=Q=>{typeof Q=="string"?(j(Q),T&&T(Q)):(j(Q.target.value),T&&T(Q.target.value))};return r.jsx(Be,{helperText:d,error:n,views:G,children:r.jsx(Ye,{label:l,size:s,error:n,shape:m,views:O,shadow:c,variant:f,value:a,color:"theme-primary",isHovered:p,isDisabled:x,isReadOnly:b,isFocused:u,showLabel:H,alignItems:"flex-start",minHeight:L[s].minHeight,paddingTop:L[s].shellPaddingY,paddingBottom:L[s].shellPaddingY,paddingLeft:L[s].shellPaddingX,paddingRight:L[s].shellPaddingX,onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1),...O==null?void 0:O.content,children:r.jsxs(bo,{...W==null?void 0:W.warper,children:[H&&r.jsx(oo,{htmlFor:e,color:"theme-primary",error:n,...W==null?void 0:W.label,children:l}),r.jsx(i.Element,{as:"textarea",id:e,name:o,rows:v,cols:C,value:a,readOnly:b,disabled:x,autoFocus:k,placeholder:g||t,onBlur:B,onFocus:J,onChange:Q=>Y(Q),...N,...A,style:{resize:x||b?"none":"vertical",...N.style,...A.style||{}},...W==null?void 0:W.textarea})]})})})},wt=e=>{const o=me("textarea",e),t=ma(o);return r.jsx(fa,{...t,...o})},St=({label:e,placeholder:o,value:t})=>{const[n,a]=h.useState(e??o),[l,c]=h.useState(!1),[d,g]=h.useState(!1),[s,m]=h.useState(t);return h.useMemo(()=>{a(l&&!s?o??"":e??o)},[s,l,e,o]),{hint:n,setHint:a,isFocused:l,setIsFocused:c,isHovered:d,setIsHovered:g,setValue:m,value:s}},Oo=({id:e,name:o,label:t,hint:n,value:a,onChange:l,left:c,right:d,helperText:g,placeholder:s,onChangeText:m,shadow:f={},views:p={container:{},field:{},label:{},helperText:{},text:{}},size:u="md",shape:y="default",variant:b="default",error:x=!1,isFocused:k=!1,isHovered:S=!1,isDisabled:v=!1,isReadOnly:C=!1,isClearable:w=!0,isAutoFocus:T=!1,setHint:z=()=>{},setIsFocused:M=()=>{},setIsHovered:j=()=>{},setValue:$=()=>{},onClick:F=()=>{},onFocus:E,onBlur:V=()=>{},themeMode:P,...W})=>{const{getColor:A,themeMode:H}=i.useTheme(),L=A(v?"color-gray-400":"color-gray-500",{themeMode:P||H}),_=!!t,D={xs:{minHeight:24,shellPaddingY:6,shellPaddingX:10,fontSize:12,lineHeight:"16px"},sm:{minHeight:32,shellPaddingY:8,shellPaddingX:10,fontSize:12,lineHeight:"16px"},md:{minHeight:40,shellPaddingY:10,shellPaddingX:12,fontSize:14,lineHeight:"20px"},lg:{minHeight:48,shellPaddingY:12,shellPaddingX:14,fontSize:16,lineHeight:"24px"},xl:{minHeight:56,shellPaddingY:14,shellPaddingX:16,fontSize:18,lineHeight:"28px"}},q=(p==null?void 0:p.field)||{},O="0 0 0 1000px var(--theme-canvas) inset",G={margin:0,paddingVertical:0,paddingHorizontal:0,width:"100%",minHeight:"auto",border:"none",backgroundColor:"transparent",fontSize:D[u].fontSize,letterSpacing:"-0.01em",fontWeight:400,color:v?"color-gray-400":"color-gray-900",cursor:v?"not-allowed":"text",opacity:v?.7:1,transition:"color 0.2s ease, opacity 0.2s ease",_focus:{outline:"none",_placeholder:{opacity:.7}},_placeholder:{color:"color-gray-400",opacity:1,transition:"opacity 0.2s ease-out"},_selection:{backgroundColor:"color-mix(in srgb, var(--theme-primary) 20%, transparent)"},_webkitAutofill:{boxShadow:O,WebkitBoxShadow:O,WebkitTextFillColor:"var(--theme-text)",transition:"background-color 5000s ease-in-out 0s"},_webkitContactsAutoFillButton:{visibility:"hidden",pointerEvents:"none",position:"absolute",right:0},...q},N=()=>{M(!0),E&&E()},J=()=>j(!0),B=()=>j(!1),Y=te=>{V&&V(te),M(!1)},Q=te=>{typeof te=="string"?($(te),m&&m(te),l&&l(te)):($(te.target.value),m&&m(te.target.value),l&&l(te.target.value))},oe=()=>{$(""),l&&(V({target:{name:o}}),m&&m(""),l&&l("")),typeof document>"u"&&m&&m("")},{container:Z,content:re,...le}=p||{};return r.jsx(Be,{helperText:g,error:x,views:le,children:r.jsxs(Ye,{label:t,size:u,error:x,shape:y,views:p,shadow:f,variant:b,value:a,color:"theme-primary",isHovered:S,isDisabled:v,isReadOnly:C,isFocused:k,showLabel:_,minHeight:`${D[u].minHeight}px`,paddingTop:D[u].shellPaddingY,paddingBottom:D[u].shellPaddingY,paddingLeft:D[u].shellPaddingX,paddingRight:D[u].shellPaddingX,onMouseEnter:J,onMouseLeave:B,children:[c,r.jsxs(bo,{children:[_&&r.jsx(oo,{htmlFor:e,color:"theme-primary",error:x,...p==null?void 0:p.label,children:t}),r.jsx(i.Input,{type:"text",id:e,name:o,readOnly:C,disabled:v,autoFocus:T,placeholder:s||n,onFocus:N,onBlur:Y,autoComplete:"off",...G,...W,onChange:Q,value:a})]}),w&&a&&!C&&!v&&r.jsx(kt,{children:r.jsx(Te,{size:20,color:L,onClick:oe,cursor:"pointer",borderRadius:"50%",transition:"background-color 0.2s ease, transform 0.2s ease",_hover:{backgroundColor:"color-gray-100",transform:"scale(1.05)"},_active:{transform:"scale(0.95)"}})}),d]})})},Ie=e=>{const o=me("input",e),t=St(o);return r.jsx(Oo,{...t,...o})},pa=({defaultIsSelected:e=!1})=>{const[o,t]=h.useState(!1),[n,a]=h.useState(e);return{isHovered:o,setIsHovered:t,isSelected:n,setIsSelected:a}},z0={xs:{height:"12px",width:"12px"},sm:{height:"16px",width:"16px"},md:{height:"20px",width:"20px"},lg:{height:"24px",width:"24px"},xl:{height:"28px",width:"28px"}},ua={xs:10,sm:14,md:16,lg:20,xl:24},M0={selected:{backgroundColor:"theme-primary",borderColor:"theme-primary",borderWidth:"2px",borderStyle:"solid",color:"color-white",transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease"},unselected:{backgroundColor:"transparent",borderWidth:"2px",borderStyle:"solid",borderColor:"color-gray-300",color:"inherit",transition:"all 0.2s ease-in-out"},indeterminate:{backgroundColor:"theme-primary",borderColor:"theme-primary",borderWidth:"2px",borderStyle:"solid",color:"color-white",transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease"}},vt={hover:{selected:{opacity:.9},unselected:{borderColor:"color-gray-400",backgroundColor:"color-gray-50"},indeterminate:{opacity:.9}},disabled:{selected:{backgroundColor:"color-gray-300",borderColor:"color-gray-300",opacity:.5,cursor:"not-allowed"},unselected:{borderColor:"color-gray-300",opacity:.5,cursor:"not-allowed"},indeterminate:{backgroundColor:"color-gray-300",borderColor:"color-gray-300",opacity:.5,cursor:"not-allowed"}},error:{selected:{backgroundColor:"color-red-500",borderColor:"color-red-500"},unselected:{borderColor:"color-red-500"},indeterminate:{backgroundColor:"color-red-500",borderColor:"color-red-500"}}},ya=({id:e,icon:o,name:t,label:n,isChecked:a,onChange:l,onValueChange:c,shadow:d={},labelPosition:g="right",size:s="md",error:m=!1,isSelected:f=!1,isHovered:p=!1,isDisabled:u=!1,isReadOnly:y=!1,isIndeterminate:b=!1,defaultIsSelected:x=!1,setIsSelected:k=()=>{},setIsHovered:S=()=>{},setIsChecked:v,views:C={checkbox:{},label:{}},infoText:w,helperText:T,...z})=>{const M=()=>S(!p),j=()=>{!y&&!u&&(k&&k(!f),l&&l(!a),c&&c(!a))},$=b?"indeterminate":a||f?"selected":"unselected",F=m?vt.error[$]:u?vt.disabled[$]:p?vt.hover[$]:{},E={container:{gap:8,display:"flex",height:"fit-content",flexDirection:"column",width:"fit-content",color:m?"color-red-600":u?"color-gray-400":"inherit",cursor:u?"not-allowed":y?"default":"pointer",opacity:u?.6:1,transition:"all 0.2s ease-in-out",...C.label},checkbox:{...M0[$],...F,borderRadius:6,...z0[s],transition:"all 0.2s ease-in-out",...d,...C.checkbox}};return r.jsxs(Lo,{htmlFor:e,as:"div",onClick:j,onMouseEnter:M,onMouseLeave:M,size:i.Typography.fontSizes[s],...E.container,...z,children:[r.jsxs(i.Vertical,{gap:8,children:[" ",r.jsxs(i.Horizontal,{gap:12,alignItems:"center",children:[" ",g==="left"&&n&&r.jsx(i.Text,{size:s,fontWeight:"500",...C==null?void 0:C.label,children:n}),r.jsx(i.Center,{...E.checkbox,children:b?r.jsx(Sn,{widthHeight:ua[s],color:"color-white",transition:"opacity 0.2s ease"}):(a||f)&&(o??r.jsx(gr,{widthHeight:ua[s],color:"color-white",transition:"opacity 0.2s ease"}))}),g==="right"&&n&&r.jsx(i.Text,{size:s,fontWeight:"500",...C==null?void 0:C.label,children:n})]}),w&&r.jsx(i.Text,{marginLeft:g==="left"?0:36,color:"color-gray-500",size:"sm",fontWeight:"400",lineHeight:"20px",...C==null?void 0:C.infoText,children:w})]}),m&&r.jsx(i.Text,{size:"xs",marginTop:4,marginHorizontal:0,color:"color-red-500",fontWeight:"500",transition:"all 0.2s ease-in-out",children:m})]})},Tt=e=>{const o=me("checkbox",e),t=pa(o);return r.jsx(ya,{...t,...o})},ba=e=>{const{value:o,defaultValue:t="",onChange:n,onChangeComplete:a,onOpen:l,onClose:c,closeOnSelect:d=!0,maxRecentColors:g=8,showRecentColors:s=!0,isAutoFocus:m=!1}=e,[f,p]=h.useState(!1),[u,y]=h.useState(o??t),[b,x]=h.useState(""),[k,S]=h.useState([]),[v,C]=h.useState(!1),[w,T]=h.useState(!1),z=h.useRef(null),M=h.useRef(null);h.useEffect(()=>{o!==void 0&&y(o)},[o]),h.useEffect(()=>{if(s)try{const A=localStorage.getItem("colorInput-recentColors");A&&S(JSON.parse(A))}catch(A){console.warn("Failed to load recent colors from localStorage:",A)}},[s]),h.useEffect(()=>{m&&z.current&&z.current.focus()},[m]),h.useEffect(()=>{const A=H=>{f&&z.current&&M.current&&!z.current.contains(H.target)&&!M.current.contains(H.target)&&P()};return document.addEventListener("mousedown",A),()=>document.removeEventListener("mousedown",A)},[f]);const j=h.useCallback(A=>{s&&S(H=>{const L=H.filter(D=>D!==A),_=[A,...L].slice(0,g);try{localStorage.setItem("colorInput-recentColors",JSON.stringify(_))}catch(D){console.warn("Failed to save recent colors to localStorage:",D)}return _})},[s,g]),$=h.useCallback(()=>{const A=!f;p(A),A?l==null||l():c==null||c()},[f,l,c]),F=h.useCallback(A=>{y(A),j(A),n==null||n(A),a==null||a(A),d&&(p(!1),c==null||c())},[n,a,d,c,j]),E=h.useCallback(A=>{x(A)},[]),V=h.useCallback(()=>{b&&(F(b),x(""))},[b,F]),P=h.useCallback(()=>{p(!1),c==null||c()},[c]),W=h.useCallback(A=>{y(A),n==null||n(A)},[n]);return{isOpen:f,selectedColor:u,recentColors:k,customColor:b,isFocused:v,isHovered:w,handleToggle:$,handleColorSelect:F,handleCustomColorChange:E,handleCustomColorSubmit:V,handleClose:P,setIsFocused:C,setIsHovered:T,setValue:W,triggerRef:z,dropdownRef:M}},No={container:{position:"relative",display:"inline-block",width:"fit-content"},trigger:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",transition:"all 0.2s ease-in-out",backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-300",padding:"8px 12px",borderRadius:8},dropdown:{position:"absolute",top:"calc(100% + 4px)",left:0,right:0,zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",padding:"16px",minWidth:"280px"},colorGrid:{display:"grid",gridTemplateColumns:"repeat(8, 1fr)",gap:"8px"},recentColors:{display:"flex",gap:"4px",flexWrap:"wrap"}},W0={xs:{height:"28px",fontSize:"10px",padding:"4px 8px"},sm:{height:"32px",fontSize:"12px",padding:"6px 10px"},md:{height:"40px",fontSize:"14px",padding:"8px 12px"},lg:{height:"48px",fontSize:"16px",padding:"12px 16px"},xl:{height:"56px",fontSize:"20px",padding:"16px 20px"}},P0={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},H0={default:{backgroundColor:"color-white",borderColor:"color-gray-300",borderWidth:"1px",borderStyle:"solid"},outline:{backgroundColor:"transparent",borderColor:"color-gray-300",borderWidth:"1px",borderStyle:"solid"},none:{backgroundColor:"transparent",borderColor:"transparent",borderWidth:"0px"}},j0=[{name:"Red 500",value:"color-red-500"},{name:"Orange 500",value:"color-orange-500"},{name:"Yellow 500",value:"color-yellow-500"},{name:"Green 500",value:"color-green-500"},{name:"Blue 500",value:"color-blue-500"},{name:"Indigo 500",value:"color-indigo-500"},{name:"Purple 500",value:"color-purple-500"},{name:"Pink 500",value:"color-pink-500"},{name:"Red 300",value:"color-red-300"},{name:"Orange 300",value:"color-orange-300"},{name:"Yellow 300",value:"color-yellow-300"},{name:"Green 300",value:"color-green-300"},{name:"Blue 300",value:"color-blue-300"},{name:"Indigo 300",value:"color-indigo-300"},{name:"Purple 300",value:"color-purple-300"},{name:"Pink 300",value:"color-pink-300"},{name:"Red 700",value:"color-red-700"},{name:"Orange 700",value:"color-orange-700"},{name:"Yellow 700",value:"color-yellow-700"},{name:"Green 700",value:"color-green-700"},{name:"Blue 700",value:"color-blue-700"},{name:"Indigo 700",value:"color-indigo-700"},{name:"Purple 700",value:"color-purple-700"},{name:"Pink 700",value:"color-pink-700"},{name:"Gray 100",value:"color-gray-100"},{name:"Gray 300",value:"color-gray-300"},{name:"Gray 500",value:"color-gray-500"},{name:"Gray 700",value:"color-gray-700"},{name:"Gray 900",value:"color-gray-900"},{name:"White",value:"color-white"},{name:"Black",value:"color-black"},{name:"Transparent",value:"transparent"}],xa=({id:e,name:o,label:t,placeholder:n="Select a color",helperText:a,views:l={},size:c="md",shape:d="default",variant:g="default",shadow:s,error:m=!1,isDisabled:f=!1,isReadOnly:p=!1,isFocused:u=!1,isHovered:y=!1,predefinedColors:b=j0,showCustomInput:x=!0,showRecentColors:k=!0,isOpen:S=!1,selectedColor:v="",recentColors:C=[],customColor:w="",handleToggle:T=()=>{},handleColorSelect:z=()=>{},handleCustomColorChange:M=()=>{},handleCustomColorSubmit:j=()=>{},handleClose:$,setIsFocused:F=()=>{},setIsHovered:E=()=>{},setValue:V,triggerRef:P,dropdownRef:W,onChange:A,onChangeComplete:H,onOpen:L,onClose:_,colorFormat:D,maxRecentColors:q,closeOnSelect:O,value:G,defaultValue:N,...J})=>{const{getColor:B}=i.useTheme(),Y={...No.container,...l==null?void 0:l.container},Q={...No.trigger,...W0[c],...P0[d],...H0[g],...m&&{borderColor:"color-red-500"},...f&&{opacity:.6,cursor:"not-allowed"},...u&&{borderColor:"theme-primary",boxShadow:"0 0 0 2px rgba(255, 255, 255, 1), 0 0 0 4px rgba(29, 78, 216, 0.16)"},...y&&!f&&{borderColor:"color-gray-400"},...l==null?void 0:l.trigger,...s&&s},oe={...No.dropdown,...l==null?void 0:l.dropdown},Z={...No.colorGrid,...l==null?void 0:l.colorGrid},re={...No.recentColors,...l==null?void 0:l.recentColors},le=v||"color-gray-200";return r.jsxs(i.View,{...Y,...J,children:[t&&r.jsx(Lo,{htmlFor:e,size:c,isDisabled:f,error:m,views:l==null?void 0:l.label,children:t}),r.jsxs(i.View,{ref:P,onClick:f||p?void 0:T,onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),onFocus:()=>F(!0),onBlur:()=>F(!1),tabIndex:f?-1:0,role:"button","aria-expanded":S,"aria-haspopup":"listbox","aria-label":t||n,width:"fit-content",gap:8,...Q,children:[r.jsx(i.View,{width:"20px",height:"20px",borderRadius:"4px",backgroundColor:le,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-300"}),!p&&!f&&r.jsx(se,{widthHeight:16,color:"color-gray-500",orientation:S?"up":"down"})]}),S&&r.jsxs(i.View,{ref:W,...oe,children:[r.jsx(i.View,{...Z,children:b.map((te,X)=>r.jsx(i.View,{width:"24px",height:"24px",borderRadius:"8px",backgroundColor:te.value,borderWidth:"2px",borderStyle:"solid",borderColor:v===te.value?"theme-primary":"transparent",cursor:"pointer",transition:"transform 0.2s ease, border-color 0.2s ease",onClick:()=>z(te.value),title:te.name,_hover:{transform:"scale(1.05)",borderColor:"color-gray-400"},...l==null?void 0:l.colorSwatch},X))}),k&&C.length>0&&r.jsxs(i.Vertical,{gap:8,marginTop:"16px",children:[r.jsx(i.Text,{fontSize:"12px",fontWeight:"500",color:"color-gray-600",children:"Recent Colors"}),r.jsx(i.Horizontal,{gap:4,flexWrap:"wrap",...re,children:C.map((te,X)=>r.jsx(i.View,{width:"20px",height:"20px",borderRadius:"8px",backgroundColor:te,borderWidth:"1px",borderStyle:"solid",borderColor:v===te?"theme-primary":"color-gray-300",cursor:"pointer",transition:"transform 0.2s ease, border-color 0.2s ease",onClick:()=>z(te),title:te,_hover:{transform:"scale(1.05)",borderColor:"color-gray-400"}},X))})]}),x&&r.jsxs(i.Vertical,{gap:8,marginTop:"16px",children:[r.jsx(i.Text,{fontSize:"12px",fontWeight:"500",color:"color-gray-600",children:"Custom Color"}),r.jsxs(i.Horizontal,{gap:8,children:[r.jsx(Ie,{value:w,onChange:te=>M(te.target.value),placeholder:"#000000 or rgb(0,0,0)",size:"sm",style:{flex:1},views:l==null?void 0:l.customInput}),r.jsx(i.View,{padding:"8px 12px",backgroundColor:"theme-primary",borderRadius:"8px",cursor:"pointer",onClick:j,transition:"background-color 0.2s ease, opacity 0.2s ease",_hover:{backgroundColor:"color-blue-700"},children:r.jsx(i.Text,{color:"color-white",fontSize:"12px",fontWeight:"500",children:"Add"})})]})]})]}),a&&r.jsx(i.Text,{fontSize:"12px",color:m?"color-red-500":"color-gray-600",marginTop:"4px",...l==null?void 0:l.helperText,children:a}),m&&typeof m=="string"&&r.jsx(i.Text,{fontSize:"12px",color:"color-red-500",marginTop:"4px",...l==null?void 0:l.error,children:m})]})},A0=e=>{const o=ba(e);return r.jsx(xa,{...o,...e})},It=[{name:"Afghanistan",dial_code:"+93",emoji:"🇦🇫",code:"AF"},{name:"Aland Islands",dial_code:"+358",emoji:"🇦🇽",code:"AX"},{name:"Albania",dial_code:"+355",emoji:"🇦🇱",code:"AL"},{name:"Algeria",dial_code:"+213",emoji:"🇩🇿",code:"DZ"},{name:"AmericanSamoa",dial_code:"+1684",emoji:"🇦🇸",code:"AS"},{name:"Andorra",dial_code:"+376",emoji:"🇦🇩",code:"AD"},{name:"Angola",dial_code:"+244",emoji:"🇦🇴",code:"AO"},{name:"Anguilla",dial_code:"+1264",emoji:"🇦🇮",code:"AI"},{name:"Antarctica",dial_code:"+672",emoji:"🇦🇶",code:"AQ"},{name:"Antigua and Barbuda",dial_code:"+1268",emoji:"🇦🇬",code:"AG"},{name:"Argentina",dial_code:"+54",emoji:"🇦🇷",code:"AR"},{name:"Armenia",dial_code:"+374",emoji:"🇦🇲",code:"AM"},{name:"Aruba",dial_code:"+297",emoji:"🇦🇼",code:"AW"},{name:"Australia",dial_code:"+61",emoji:"🇦🇺",code:"AU"},{name:"Austria",dial_code:"+43",emoji:"🇦🇹",code:"AT"},{name:"Azerbaijan",dial_code:"+994",emoji:"🇦🇿",code:"AZ"},{name:"Bahamas",dial_code:"+1242",emoji:"🇧🇸",code:"BS"},{name:"Bahrain",dial_code:"+973",emoji:"🇧🇭",code:"BH"},{name:"Bangladesh",dial_code:"+880",emoji:"🇧🇩",code:"BD"},{name:"Barbados",dial_code:"+1246",emoji:"🇧🇧",code:"BB"},{name:"Belarus",dial_code:"+375",emoji:"🇧🇾",code:"BY"},{name:"Belgium",dial_code:"+32",emoji:"🇧🇪",code:"BE"},{name:"Belize",dial_code:"+501",emoji:"🇧🇿",code:"BZ"},{name:"Benin",dial_code:"+229",emoji:"🇧🇯",code:"BJ"},{name:"Bermuda",dial_code:"+1441",emoji:"🇧🇲",code:"BM"},{name:"Bhutan",dial_code:"+975",emoji:"🇧🇹",code:"BT"},{name:"Bolivia, Plurinational State of",dial_code:"+591",emoji:"🇧🇴",code:"BO"},{name:"Bosnia and Herzegovina",dial_code:"+387",emoji:"🇧🇦",code:"BA"},{name:"Botswana",dial_code:"+267",emoji:"🇧🇼",code:"BW"},{name:"Brazil",dial_code:"+55",emoji:"🇧🇷",code:"BR"},{name:"British Indian Ocean Territory",dial_code:"+246",emoji:"🇮🇴",code:"IO"},{name:"Brunei Darussalam",dial_code:"+673",emoji:"🇧🇳",code:"BN"},{name:"Bulgaria",dial_code:"+359",emoji:"🇧🇬",code:"BG"},{name:"Burkina Faso",dial_code:"+226",emoji:"🇧🇫",code:"BF"},{name:"Burundi",dial_code:"+257",emoji:"🇧🇮",code:"BI"},{name:"Cambodia",dial_code:"+855",emoji:"🇰🇭",code:"KH"},{name:"Cameroon",dial_code:"+237",emoji:"🇨🇲",code:"CM"},{name:"Canada",dial_code:"+1",emoji:"🇨🇦",code:"CA"},{name:"Cape Verde",dial_code:"+238",emoji:"🇨🇻",code:"CV"},{name:"Cayman Islands",dial_code:"+345",emoji:"🇰🇾",code:"KY"},{name:"Central African Republic",dial_code:"+236",emoji:"🇨🇫",code:"CF"},{name:"Chad",dial_code:"+235",emoji:"🇹🇩",code:"TD"},{name:"Chile",dial_code:"+56",emoji:"🇨🇱",code:"CL"},{name:"China",dial_code:"+86",emoji:"🇨🇳",code:"CN"},{name:"Christmas Island",dial_code:"+61",emoji:"🇨🇽",code:"CX"},{name:"Cocos (Keeling) Islands",dial_code:"+61",emoji:"🇨🇨",code:"CC"},{name:"Colombia",dial_code:"+57",emoji:"🇨🇴",code:"CO"},{name:"Comoros",dial_code:"+269",emoji:"🇰🇲",code:"KM"},{name:"Congo",dial_code:"+242",emoji:"🇨🇬",code:"CG"},{name:"Congo, The Democratic Republic of the Congo",dial_code:"+243",emoji:"🇨🇩",code:"CD"},{name:"Cook Islands",dial_code:"+682",emoji:"🇨🇰",code:"CK"},{name:"Costa Rica",dial_code:"+506",emoji:"🇨🇷",code:"CR"},{name:"Cote d'Ivoire",dial_code:"+225",emoji:"🇨🇮",code:"CI"},{name:"Croatia",dial_code:"+385",emoji:"🇭🇷",code:"HR"},{name:"Cuba",dial_code:"+53",emoji:"🇨🇺",code:"CU"},{name:"Cyprus",dial_code:"+357",emoji:"🇨🇾",code:"CY"},{name:"Czech Republic",dial_code:"+420",emoji:"🇨🇿",code:"CZ"},{name:"Denmark",dial_code:"+45",emoji:"🇩🇰",code:"DK"},{name:"Djibouti",dial_code:"+253",emoji:"🇩🇯",code:"DJ"},{name:"Dominica",dial_code:"+1767",emoji:"🇩🇲",code:"DM"},{name:"Dominican Republic",dial_code:"+1849",emoji:"🇩🇴",code:"DO"},{name:"Ecuador",dial_code:"+593",emoji:"🇪🇨",code:"EC"},{name:"Egypt",dial_code:"+20",emoji:"🇪🇬",code:"EG"},{name:"El Salvador",dial_code:"+503",emoji:"🇸🇻",code:"SV"},{name:"Equatorial Guinea",dial_code:"+240",emoji:"🇬🇶",code:"GQ"},{name:"Eritrea",dial_code:"+291",emoji:"🇪🇷",code:"ER"},{name:"Estonia",dial_code:"+372",emoji:"🇪🇪",code:"EE"},{name:"Ethiopia",dial_code:"+251",emoji:"🇪🇹",code:"ET"},{name:"Falkland Islands (Malvinas)",dial_code:"+500",emoji:"🇫🇰",code:"FK"},{name:"Faroe Islands",dial_code:"+298",emoji:"🇫🇴",code:"FO"},{name:"Fiji",dial_code:"+679",emoji:"🇫🇯",code:"FJ"},{name:"Finland",dial_code:"+358",emoji:"🇫🇮",code:"FI"},{name:"France",dial_code:"+33",emoji:"🇫🇷",code:"FR"},{name:"French Guiana",dial_code:"+594",emoji:"🇬🇫",code:"GF"},{name:"French Polynesia",dial_code:"+689",emoji:"🇵🇫",code:"PF"},{name:"Gabon",dial_code:"+241",emoji:"🇬🇦",code:"GA"},{name:"Gambia",dial_code:"+220",emoji:"🇬🇲",code:"GM"},{name:"Georgia",dial_code:"+995",emoji:"🇬🇪",code:"GE"},{name:"Germany",dial_code:"+49",emoji:"🇩🇪",code:"DE"},{name:"Ghana",dial_code:"+233",emoji:"🇬🇭",code:"GH"},{name:"Gibraltar",dial_code:"+350",emoji:"🇬🇮",code:"GI"},{name:"Greece",dial_code:"+30",emoji:"🇬🇷",code:"GR"},{name:"Greenland",dial_code:"+299",emoji:"🇬🇱",code:"GL"},{name:"Grenada",dial_code:"+1473",emoji:"🇬🇩",code:"GD"},{name:"Guadeloupe",dial_code:"+590",emoji:"🇬🇵",code:"GP"},{name:"Guam",dial_code:"+1671",emoji:"🇬🇺",code:"GU"},{name:"Guatemala",dial_code:"+502",emoji:"🇬🇹",code:"GT"},{name:"Guernsey",dial_code:"+44",emoji:"🇬🇬",code:"GG"},{name:"Guinea",dial_code:"+224",emoji:"🇬🇳",code:"GN"},{name:"Guinea-Bissau",dial_code:"+245",emoji:"🇬🇼",code:"GW"},{name:"Guyana",dial_code:"+595",emoji:"🇬🇾",code:"GY"},{name:"Haiti",dial_code:"+509",emoji:"🇭🇹",code:"HT"},{name:"Holy See (Vatican City State)",dial_code:"+379",emoji:"🇻🇦",code:"VA"},{name:"Honduras",dial_code:"+504",emoji:"🇭🇳",code:"HN"},{name:"Hong Kong",dial_code:"+852",emoji:"🇭🇰",code:"HK"},{name:"Hungary",dial_code:"+36",emoji:"🇭🇺",code:"HU"},{name:"Iceland",dial_code:"+354",emoji:"🇮🇸",code:"IS"},{name:"India",dial_code:"+91",emoji:"🇮🇳",code:"IN"},{name:"Indonesia",dial_code:"+62",emoji:"🇮🇩",code:"ID"},{name:"Iran, Islamic Republic of Persian Gulf",dial_code:"+98",emoji:"🇮🇷",code:"IR"},{name:"Iraq",dial_code:"+964",emoji:"🇮🇷",code:"IQ"},{name:"Ireland",dial_code:"+353",emoji:"🇮🇪",code:"IE"},{name:"Isle of Man",dial_code:"+44",emoji:"🇮🇲",code:"IM"},{name:"Israel",dial_code:"+972",emoji:"🇮🇱",code:"IL"},{name:"Italy",dial_code:"+39",emoji:"🇮🇹",code:"IT"},{name:"Jamaica",dial_code:"+1876",emoji:"🇯🇲",code:"JM"},{name:"Japan",dial_code:"+81",emoji:"🇯🇵",code:"JP"},{name:"Jersey",dial_code:"+44",emoji:"🇯🇪",code:"JE"},{name:"Jordan",dial_code:"+962",emoji:"🇯🇴",code:"JO"},{name:"Kazakhstan",dial_code:"+77",emoji:"🇰🇿",code:"KZ"},{name:"Kenya",dial_code:"+254",emoji:"🇰🇪",code:"KE"},{name:"Kiribati",dial_code:"+686",emoji:"🇰🇮",code:"KI"},{name:"Korea, Democratic People's Republic of Korea",dial_code:"+850",emoji:"🇰🇵",code:"KP"},{name:"Korea, Republic of South Korea",dial_code:"+82",emoji:"🇰🇷",code:"KR"},{name:"Kuwait",dial_code:"+965",emoji:"🇰🇼",code:"KW"},{name:"Kyrgyzstan",dial_code:"+996",emoji:"🇰🇬",code:"KG"},{name:"Laos",dial_code:"+856",emoji:"🇱🇦",code:"LA"},{name:"Latvia",dial_code:"+371",emoji:"🇱🇻",code:"LV"},{name:"Lebanon",dial_code:"+961",emoji:"🇱🇧",code:"LB"},{name:"Lesotho",dial_code:"+266",emoji:"🇱🇸",code:"LS"},{name:"Liberia",dial_code:"+231",emoji:"🇱🇷",code:"LR"},{name:"Libyan Arab Jamahiriya",dial_code:"+218",emoji:"🇱🇾",code:"LY"},{name:"Liechtenstein",dial_code:"+423",emoji:"🇱🇮",code:"LI"},{name:"Lithuania",dial_code:"+370",emoji:"🇱🇹",code:"LT"},{name:"Luxembourg",dial_code:"+352",emoji:"🇱🇺",code:"LU"},{name:"Macao",dial_code:"+853",emoji:"🇲🇴",code:"MO"},{name:"Macedonia",dial_code:"+389",emoji:"🇲🇰",code:"MK"},{name:"Madagascar",dial_code:"+261",emoji:"🇲🇬",code:"MG"},{name:"Malawi",dial_code:"+265",emoji:"🇲🇼",code:"MW"},{name:"Malaysia",dial_code:"+60",emoji:"🇲🇾",code:"MY"},{name:"Maldives",dial_code:"+960",emoji:"🇲🇻",code:"MV"},{name:"Mali",dial_code:"+223",emoji:"🇲🇱",code:"ML"},{name:"Malta",dial_code:"+356",emoji:"🇲🇹",code:"MT"},{name:"Marshall Islands",dial_code:"+692",emoji:"🇲🇭",code:"MH"},{name:"Martinique",dial_code:"+596",emoji:"🇲🇶",code:"MQ"},{name:"Mauritania",dial_code:"+222",emoji:"🇲🇷",code:"MR"},{name:"Mauritius",dial_code:"+230",emoji:"🇲🇺",code:"MU"},{name:"Mayotte",dial_code:"+262",emoji:"🇾🇹",code:"YT"},{name:"Mexico",dial_code:"+52",emoji:"🇲🇽",code:"MX"},{name:"Micronesia, Federated States of Micronesia",dial_code:"+691",emoji:"🇫🇲",code:"FM"},{name:"Moldova",dial_code:"+373",emoji:"🇲🇩",code:"MD"},{name:"Monaco",dial_code:"+377",emoji:"🇲🇨",code:"MC"},{name:"Mongolia",dial_code:"+976",emoji:"🇲🇳",code:"MN"},{name:"Montenegro",dial_code:"+382",emoji:"🇲🇪",code:"ME"},{name:"Montserrat",dial_code:"+1664",emoji:"🇲🇸",code:"MS"},{name:"Morocco",dial_code:"+212",emoji:"🇲🇦",code:"MA"},{name:"Mozambique",dial_code:"+258",emoji:"🇲🇿",code:"MZ"},{name:"Myanmar",dial_code:"+95",emoji:"🇲🇲",code:"MM"},{name:"Namibia",emoji:"🇳🇦",dial_code:"+264",code:"NA"},{name:"Nauru",dial_code:"+674",emoji:"🇳🇷",code:"NR"},{name:"Nepal",dial_code:"+977",emoji:"🇳🇵",code:"NP"},{name:"Netherlands",dial_code:"+31",emoji:"🇳🇱",code:"NL"},{name:"Netherlands Antilles",dial_code:"+599",emoji:"🇧🇶",code:"AN"},{name:"New Caledonia",dial_code:"+687",emoji:"🇳🇨",code:"NC"},{name:"New Zealand",dial_code:"+64",emoji:"🇳🇿",code:"NZ"},{name:"Nicaragua",dial_code:"+505",emoji:"🇳🇮",code:"NI"},{name:"Niger",dial_code:"+227",emoji:"🇳🇪",code:"NE"},{name:"Nigeria",dial_code:"+234",emoji:"🇳🇬",code:"NG"},{name:"Niue",dial_code:"+683",emoji:"🇳🇺",code:"NU"},{name:"Norfolk Island",dial_code:"+672",emoji:"🇳🇫",code:"NF"},{name:"Northern Mariana Islands",dial_code:"+1670",emoji:"🇲🇵",code:"MP"},{name:"Norway",dial_code:"+47",emoji:"🇳🇴",code:"NO"},{name:"Oman",dial_code:"+968",emoji:"🇴🇲",code:"OM"},{name:"Pakistan",dial_code:"+92",emoji:"🇵🇰",code:"PK"},{name:"Palau",dial_code:"+680",emoji:"🇵🇼",code:"PW"},{name:"Palestinian Territory, Occupied",dial_code:"+970",emoji:"🇵🇸",code:"PS"},{name:"Panama",dial_code:"+507",emoji:"🇵🇦",code:"PA"},{name:"Papua New Guinea",dial_code:"+675",emoji:"🇵🇬",code:"PG"},{name:"Paraguay",dial_code:"+595",emoji:"🇵🇾",code:"PY"},{name:"Peru",dial_code:"+51",emoji:"🇵🇪",code:"PE"},{name:"Philippines",dial_code:"+63",emoji:"🇵🇭",code:"PH"},{name:"Pitcairn",dial_code:"+872",emoji:"🇵🇳",code:"PN"},{name:"Poland",dial_code:"+48",emoji:"🇵🇱",code:"PL"},{name:"Portugal",dial_code:"+351",emoji:"🇵🇹",code:"PT"},{name:"Puerto Rico",dial_code:"+1939",emoji:"🇵🇷",code:"PR"},{name:"Qatar",dial_code:"+974",emoji:"🇶🇦",code:"QA"},{name:"Romania",dial_code:"+40",emoji:"🇷🇴",code:"RO"},{name:"Russia",dial_code:"+7",emoji:"🇷🇺",code:"RU"},{name:"Rwanda",dial_code:"+250",emoji:"🇷🇼",code:"RW"},{name:"Reunion",dial_code:"+262",emoji:"🇷🇪",code:"RE"},{name:"Saint Barthelemy",dial_code:"+590",emoji:"🇧🇱",code:"BL"},{name:"Saint Helena, Ascension and Tristan Da Cunha",dial_code:"+290",emoji:"🇸🇭",code:"SH"},{name:"Saint Kitts and Nevis",dial_code:"+1869",emoji:"🇰🇳",code:"KN"},{name:"Saint Lucia",dial_code:"+1758",emoji:"🇱🇨",code:"LC"},{name:"Saint Martin",dial_code:"+590",emoji:"🇲🇫",code:"MF"},{name:"Saint Pierre and Miquelon",dial_code:"+508",emoji:"🇵🇲",code:"PM"},{name:"Saint Vincent and the Grenadines",dial_code:"+1784",emoji:"🇻🇨",code:"VC"},{name:"Samoa",dial_code:"+685",emoji:"🇼🇸",code:"WS"},{name:"San Marino",dial_code:"+378",emoji:"🇸🇲",code:"SM"},{name:"Sao Tome and Principe",dial_code:"+239",emoji:"🇸🇹",code:"ST"},{name:"Saudi Arabia",dial_code:"+966",emoji:"🇸🇦",code:"SA"},{name:"Senegal",dial_code:"+221",emoji:"🇸🇳",code:"SN"},{name:"Serbia",dial_code:"+381",emoji:"🇷🇸",code:"RS"},{name:"Seychelles",dial_code:"+248",emoji:"🇸🇨",code:"SC"},{name:"Sierra Leone",dial_code:"+232",emoji:"🇸🇱",code:"SL"},{name:"Singapore",dial_code:"+65",emoji:"🇸🇬",code:"SG"},{name:"Slovakia",dial_code:"+421",emoji:"🇸🇰",code:"SK"},{name:"Slovenia",dial_code:"+386",emoji:"🇸🇮",code:"SI"},{name:"Solomon Islands",dial_code:"+677",emoji:"🇸🇧",code:"SB"},{name:"Somalia",dial_code:"+252",emoji:"🇸🇴",code:"SO"},{name:"South Africa",dial_code:"+27",emoji:"🇿🇦",code:"ZA"},{name:"South Sudan",dial_code:"+211",emoji:"🇸🇸",code:"SS"},{name:"South Georgia and the South Sandwich Islands",dial_code:"+500",emoji:"🇬🇸",code:"GS"},{name:"Spain",dial_code:"+34",emoji:"🇪🇸",code:"ES"},{name:"Sri Lanka",dial_code:"+94",emoji:"🇱🇰",code:"LK"},{name:"Sudan",dial_code:"+249",emoji:"🇸🇩",code:"SD"},{name:"Suriname",dial_code:"+597",emoji:"🇸🇷",code:"SR"},{name:"Svalbard and Jan Mayen",dial_code:"+47",emoji:"🇸🇯",code:"SJ"},{name:"Swaziland",dial_code:"+268",emoji:"🇸🇿",code:"SZ"},{name:"Sweden",dial_code:"+46",emoji:"🇸🇪",code:"SE"},{name:"Switzerland",dial_code:"+41",emoji:"🇨🇭",code:"CH"},{name:"Syrian Arab Republic",dial_code:"+963",emoji:"🇸🇾",code:"SY"},{name:"Taiwan",dial_code:"+886",emoji:"🇹🇼",code:"TW"},{name:"Tajikistan",dial_code:"+992",emoji:"🇹🇯",code:"TJ"},{name:"Tanzania, United Republic of Tanzania",dial_code:"+255",emoji:"🇹🇿",code:"TZ"},{name:"Thailand",dial_code:"+66",emoji:"🇹🇭",code:"TH"},{name:"Timor-Leste",dial_code:"+670",emoji:"🇹🇱",code:"TL"},{name:"Togo",dial_code:"+228",emoji:"🇹🇬",code:"TG"},{name:"Tokelau",dial_code:"+690",emoji:"🇹🇰",code:"TK"},{name:"Tonga",dial_code:"+676",emoji:"🇹🇴",code:"TO"},{name:"Trinidad and Tobago",dial_code:"+1868",emoji:"🇹🇹",code:"TT"},{name:"Tunisia",dial_code:"+216",emoji:"🇹🇳",code:"TN"},{name:"Turkey",dial_code:"+90",emoji:"🇹🇷",code:"TR"},{name:"Turkmenistan",dial_code:"+993",emoji:"🇹🇲",code:"TM"},{name:"Turks and Caicos Islands",dial_code:"+1649",emoji:"🇹🇨",code:"TC"},{name:"Tuvalu",dial_code:"+688",emoji:"🇹🇻",code:"TV"},{name:"Uganda",dial_code:"+256",emoji:"🇺🇬",code:"UG"},{name:"Ukraine",dial_code:"+380",emoji:"🇺🇦",code:"UA"},{name:"United Arab Emirates",dial_code:"+971",emoji:"🇦🇪",code:"AE"},{name:"United Kingdom",dial_code:"+44",emoji:"🇬🇧",code:"GB"},{name:"United States",dial_code:"+1",emoji:"🇺🇸",code:"US"},{name:"Uruguay",dial_code:"+598",emoji:"🇺🇾",code:"UY"},{name:"Uzbekistan",dial_code:"+998",emoji:"🇺🇿",code:"UZ"},{name:"Vanuatu",dial_code:"+678",emoji:"🇻🇺",code:"VU"},{name:"Venezuela, Bolivarian Republic of Venezuela",dial_code:"+58",emoji:"🇻🇪",code:"VE"},{name:"Vietnam",dial_code:"+84",emoji:"🇻🇳",code:"VN"},{name:"Virgin Islands, British",dial_code:"+1284",emoji:"🇻🇬",code:"VG"},{name:"Virgin Islands, U.S.",dial_code:"+1340",emoji:"🇻🇮",code:"VI"},{name:"Wallis and Futuna",dial_code:"+681",emoji:"🇼🇫",code:"WF"},{name:"Yemen",dial_code:"+967",emoji:"🇾🇪",code:"YE"},{name:"Zambia",dial_code:"+260",emoji:"🇿🇲",code:"ZM"},{name:"Zimbabwe",dial_code:"+263",emoji:"🇿🇼",code:"ZW"}],ka=({placeholder:e})=>{const[o,t]=h.useState(It),[n,a]=h.useState(e??It[0].name),[l,c]=h.useState(!0),[d,g]=h.useState(!1),[s,m]=h.useState(!1);return{hide:l,setHide:c,newOptions:o,setNewOptions:t,isHovered:s,setIsHovered:m,isFocused:d,setIsFocused:g,value:n,setValue:a}},Ca={xs:8,sm:10,md:12,lg:14,xl:16},V0=({size:e,...o})=>r.jsx(i.Element,{as:"ul",...o}),E0=e=>r.jsx(i.Input,{type:"country",...e}),D0=({size:e,...o})=>r.jsx(i.Element,{as:"li",...o}),$0=({option:e,size:o="md",callback:t=()=>{},views:n={text:{}}})=>{const a=l=>{l&&l.stopPropagation&&l.stopPropagation(),t(e)};return r.jsx(D0,{margin:0,role:"DropDownItem",listStyleType:"none",fontWeight:"normal",paddingVertical:6,paddingHorizontal:12,onClick:a,fontSize:i.Typography.fontSizes[o],_hover:{backgroundColor:"color-gray-100",transition:"all 0.15s ease-in-out"},...n.text,children:e})},L0=({size:e,views:o={dropDown:{}},options:t=[],callback:n=()=>{}})=>{const a=l=>n(l);return r.jsx(V0,{role:"dropDown",margin:0,padding:0,top:"100%",width:"100%",display:"flex",zIndex:1e3,overflow:"auto",maxHeight:"300px",borderRadius:12,position:"absolute",flexDirection:"column",backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",...o.dropDown,children:t.map(l=>r.jsx($0,{size:e,option:l.name,callback:a,...o.text},l.code))})},wa=({id:e,name:o,label:t,value:n,placeholder:a,helperText:l,hide:c=!1,error:d=!1,isHovered:g=!1,isFocused:s=!1,isAutoFocus:m=!1,isDisabled:f=!1,isReadOnly:p=!1,shadow:u={},newOptions:y=[],size:b="md",variant:x="default",shape:k="default",onChange:S,onBlur:v=()=>{},setHide:C=()=>{},setNewOptions:w=()=>{},setIsHovered:T=()=>{},setIsFocused:z=()=>{},setValue:M=()=>{},selected:j,setSelected:$,views:F={text:{},icon:{},label:{},dropDown:{},helperText:{}},themeMode:E,...V})=>{const{getColor:P,themeMode:W}=i.useTheme(),A=P("color-gray-500",{themeMode:E||W}),H=()=>z(!0),L=N=>{C(!c),M(N),S&&S(N)},_=()=>{!f&&!p&&C(!c)},D=N=>{const J=N.target.value,B=It.filter(Y=>Y.name.toLowerCase().startsWith(J.toLowerCase()));c&&C(!1),w(B),S&&S(J)},q=N=>{v(N),z(!1)},O=!!(t&&(s||n)),G={margin:0,paddingVertical:8,paddingHorizontal:0,width:"100%",heigth:"100%",border:"none",on:{focus:{outline:"none"}},transition:"all 0.2s ease-in-out",fontSize:i.Typography.fontSizes[b],backgroundColor:"transparent",color:f?"color-gray-400":"color-gray-900",cursor:f?"not-allowed":p?"auto":"pointer",...F.field};return r.jsxs(Be,{helperText:l,error:d,views:F,onClick:_,children:[r.jsxs(Ye,{label:t,size:b,error:d,shape:k,views:F,shadow:u,variant:x,value:n,color:"theme-primary",isDisabled:f,isReadOnly:p,isFocused:s,showLabel:O,_hover:!f&&!d?{borderColor:"theme-primary"}:void 0,children:[r.jsxs(bo,{children:[O&&r.jsx(oo,{htmlFor:e,color:"theme-primary",error:d,views:F,children:t}),r.jsx(E0,{id:e,name:o,placeholder:a,readOnly:p,disabled:f,autoFocus:m,onBlur:q,onFocus:H,...G,...V,value:n,onChange:D})]}),r.jsx(kt,{children:c?r.jsx(se,{orientation:"down",widthHeight:Ca[b],color:A,style:F.icon}):r.jsx(se,{orientation:"up",widthHeight:Ca[b],color:A,style:F.icon})})]}),!c&&r.jsx(L0,{size:b,views:F,options:y,callback:L})]})},B0=e=>{const o=ka(e);return r.jsx(wa,{...o,...e})};function Tr(e){"@babel/helpers - typeof";return Tr=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o){return typeof o}:function(o){return o&&typeof Symbol=="function"&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},Tr(e)}function Se(e,o){if(o.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+o.length+" present")}function _0(e){return Se(1,arguments),e instanceof Date||Tr(e)==="object"&&Object.prototype.toString.call(e)==="[object Date]"}function $e(e){Se(1,arguments);var o=Object.prototype.toString.call(e);return e instanceof Date||Tr(e)==="object"&&o==="[object Date]"?new Date(e.getTime()):typeof e=="number"||o==="[object Number]"?new Date(e):((typeof e=="string"||o==="[object String]")&&typeof console<"u"&&(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn(new Error().stack)),new Date(NaN))}function O0(e){if(Se(1,arguments),!_0(e)&&typeof e!="number")return!1;var o=$e(e);return!isNaN(Number(o))}function to(e){if(e===null||e===!0||e===!1)return NaN;var o=Number(e);return isNaN(o)?o:o<0?Math.ceil(o):Math.floor(o)}function N0(e,o){Se(2,arguments);var t=$e(e).getTime(),n=to(o);return new Date(t+n)}function q0(e,o){Se(2,arguments);var t=to(o);return N0(e,-t)}var U0=864e5;function G0(e){Se(1,arguments);var o=$e(e),t=o.getTime();o.setUTCMonth(0,1),o.setUTCHours(0,0,0,0);var n=o.getTime(),a=t-n;return Math.floor(a/U0)+1}function Ir(e){Se(1,arguments);var o=1,t=$e(e),n=t.getUTCDay(),a=(n<o?7:0)+n-o;return t.setUTCDate(t.getUTCDate()-a),t.setUTCHours(0,0,0,0),t}function Sa(e){Se(1,arguments);var o=$e(e),t=o.getUTCFullYear(),n=new Date(0);n.setUTCFullYear(t+1,0,4),n.setUTCHours(0,0,0,0);var a=Ir(n),l=new Date(0);l.setUTCFullYear(t,0,4),l.setUTCHours(0,0,0,0);var c=Ir(l);return o.getTime()>=a.getTime()?t+1:o.getTime()>=c.getTime()?t:t-1}function Y0(e){Se(1,arguments);var o=Sa(e),t=new Date(0);t.setUTCFullYear(o,0,4),t.setUTCHours(0,0,0,0);var n=Ir(t);return n}var X0=6048e5;function K0(e){Se(1,arguments);var o=$e(e),t=Ir(o).getTime()-Y0(o).getTime();return Math.round(t/X0)+1}var J0={};function Fr(){return J0}function zr(e,o){var t,n,a,l,c,d,g,s;Se(1,arguments);var m=Fr(),f=to((t=(n=(a=(l=o==null?void 0:o.weekStartsOn)!==null&&l!==void 0?l:o==null||(c=o.locale)===null||c===void 0||(d=c.options)===null||d===void 0?void 0:d.weekStartsOn)!==null&&a!==void 0?a:m.weekStartsOn)!==null&&n!==void 0?n:(g=m.locale)===null||g===void 0||(s=g.options)===null||s===void 0?void 0:s.weekStartsOn)!==null&&t!==void 0?t:0);if(!(f>=0&&f<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var p=$e(e),u=p.getUTCDay(),y=(u<f?7:0)+u-f;return p.setUTCDate(p.getUTCDate()-y),p.setUTCHours(0,0,0,0),p}function va(e,o){var t,n,a,l,c,d,g,s;Se(1,arguments);var m=$e(e),f=m.getUTCFullYear(),p=Fr(),u=to((t=(n=(a=(l=o==null?void 0:o.firstWeekContainsDate)!==null&&l!==void 0?l:o==null||(c=o.locale)===null||c===void 0||(d=c.options)===null||d===void 0?void 0:d.firstWeekContainsDate)!==null&&a!==void 0?a:p.firstWeekContainsDate)!==null&&n!==void 0?n:(g=p.locale)===null||g===void 0||(s=g.options)===null||s===void 0?void 0:s.firstWeekContainsDate)!==null&&t!==void 0?t:1);if(!(u>=1&&u<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var y=new Date(0);y.setUTCFullYear(f+1,0,u),y.setUTCHours(0,0,0,0);var b=zr(y,o),x=new Date(0);x.setUTCFullYear(f,0,u),x.setUTCHours(0,0,0,0);var k=zr(x,o);return m.getTime()>=b.getTime()?f+1:m.getTime()>=k.getTime()?f:f-1}function Q0(e,o){var t,n,a,l,c,d,g,s;Se(1,arguments);var m=Fr(),f=to((t=(n=(a=(l=o==null?void 0:o.firstWeekContainsDate)!==null&&l!==void 0?l:o==null||(c=o.locale)===null||c===void 0||(d=c.options)===null||d===void 0?void 0:d.firstWeekContainsDate)!==null&&a!==void 0?a:m.firstWeekContainsDate)!==null&&n!==void 0?n:(g=m.locale)===null||g===void 0||(s=g.options)===null||s===void 0?void 0:s.firstWeekContainsDate)!==null&&t!==void 0?t:1),p=va(e,o),u=new Date(0);u.setUTCFullYear(p,0,f),u.setUTCHours(0,0,0,0);var y=zr(u,o);return y}var Z0=6048e5;function R0(e,o){Se(1,arguments);var t=$e(e),n=zr(t,o).getTime()-Q0(t,o).getTime();return Math.round(n/Z0)+1}function ne(e,o){for(var t=e<0?"-":"",n=Math.abs(e).toString();n.length<o;)n="0"+n;return t+n}var Xe={y:function(o,t){var n=o.getUTCFullYear(),a=n>0?n:1-n;return ne(t==="yy"?a%100:a,t.length)},M:function(o,t){var n=o.getUTCMonth();return t==="M"?String(n+1):ne(n+1,2)},d:function(o,t){return ne(o.getUTCDate(),t.length)},a:function(o,t){var n=o.getUTCHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.toUpperCase();case"aaa":return n;case"aaaaa":return n[0];case"aaaa":default:return n==="am"?"a.m.":"p.m."}},h:function(o,t){return ne(o.getUTCHours()%12||12,t.length)},H:function(o,t){return ne(o.getUTCHours(),t.length)},m:function(o,t){return ne(o.getUTCMinutes(),t.length)},s:function(o,t){return ne(o.getUTCSeconds(),t.length)},S:function(o,t){var n=t.length,a=o.getUTCMilliseconds(),l=Math.floor(a*Math.pow(10,n-3));return ne(l,t.length)}},xo={midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},eg={G:function(o,t,n){var a=o.getUTCFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return n.era(a,{width:"abbreviated"});case"GGGGG":return n.era(a,{width:"narrow"});case"GGGG":default:return n.era(a,{width:"wide"})}},y:function(o,t,n){if(t==="yo"){var a=o.getUTCFullYear(),l=a>0?a:1-a;return n.ordinalNumber(l,{unit:"year"})}return Xe.y(o,t)},Y:function(o,t,n,a){var l=va(o,a),c=l>0?l:1-l;if(t==="YY"){var d=c%100;return ne(d,2)}return t==="Yo"?n.ordinalNumber(c,{unit:"year"}):ne(c,t.length)},R:function(o,t){var n=Sa(o);return ne(n,t.length)},u:function(o,t){var n=o.getUTCFullYear();return ne(n,t.length)},Q:function(o,t,n){var a=Math.ceil((o.getUTCMonth()+1)/3);switch(t){case"Q":return String(a);case"QQ":return ne(a,2);case"Qo":return n.ordinalNumber(a,{unit:"quarter"});case"QQQ":return n.quarter(a,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(a,{width:"narrow",context:"formatting"});case"QQQQ":default:return n.quarter(a,{width:"wide",context:"formatting"})}},q:function(o,t,n){var a=Math.ceil((o.getUTCMonth()+1)/3);switch(t){case"q":return String(a);case"qq":return ne(a,2);case"qo":return n.ordinalNumber(a,{unit:"quarter"});case"qqq":return n.quarter(a,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(a,{width:"narrow",context:"standalone"});case"qqqq":default:return n.quarter(a,{width:"wide",context:"standalone"})}},M:function(o,t,n){var a=o.getUTCMonth();switch(t){case"M":case"MM":return Xe.M(o,t);case"Mo":return n.ordinalNumber(a+1,{unit:"month"});case"MMM":return n.month(a,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(a,{width:"narrow",context:"formatting"});case"MMMM":default:return n.month(a,{width:"wide",context:"formatting"})}},L:function(o,t,n){var a=o.getUTCMonth();switch(t){case"L":return String(a+1);case"LL":return ne(a+1,2);case"Lo":return n.ordinalNumber(a+1,{unit:"month"});case"LLL":return n.month(a,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(a,{width:"narrow",context:"standalone"});case"LLLL":default:return n.month(a,{width:"wide",context:"standalone"})}},w:function(o,t,n,a){var l=R0(o,a);return t==="wo"?n.ordinalNumber(l,{unit:"week"}):ne(l,t.length)},I:function(o,t,n){var a=K0(o);return t==="Io"?n.ordinalNumber(a,{unit:"week"}):ne(a,t.length)},d:function(o,t,n){return t==="do"?n.ordinalNumber(o.getUTCDate(),{unit:"date"}):Xe.d(o,t)},D:function(o,t,n){var a=G0(o);return t==="Do"?n.ordinalNumber(a,{unit:"dayOfYear"}):ne(a,t.length)},E:function(o,t,n){var a=o.getUTCDay();switch(t){case"E":case"EE":case"EEE":return n.day(a,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(a,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(a,{width:"short",context:"formatting"});case"EEEE":default:return n.day(a,{width:"wide",context:"formatting"})}},e:function(o,t,n,a){var l=o.getUTCDay(),c=(l-a.weekStartsOn+8)%7||7;switch(t){case"e":return String(c);case"ee":return ne(c,2);case"eo":return n.ordinalNumber(c,{unit:"day"});case"eee":return n.day(l,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(l,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(l,{width:"short",context:"formatting"});case"eeee":default:return n.day(l,{width:"wide",context:"formatting"})}},c:function(o,t,n,a){var l=o.getUTCDay(),c=(l-a.weekStartsOn+8)%7||7;switch(t){case"c":return String(c);case"cc":return ne(c,t.length);case"co":return n.ordinalNumber(c,{unit:"day"});case"ccc":return n.day(l,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(l,{width:"narrow",context:"standalone"});case"cccccc":return n.day(l,{width:"short",context:"standalone"});case"cccc":default:return n.day(l,{width:"wide",context:"standalone"})}},i:function(o,t,n){var a=o.getUTCDay(),l=a===0?7:a;switch(t){case"i":return String(l);case"ii":return ne(l,t.length);case"io":return n.ordinalNumber(l,{unit:"day"});case"iii":return n.day(a,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(a,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(a,{width:"short",context:"formatting"});case"iiii":default:return n.day(a,{width:"wide",context:"formatting"})}},a:function(o,t,n){var a=o.getUTCHours(),l=a/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.dayPeriod(l,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(l,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(l,{width:"narrow",context:"formatting"});case"aaaa":default:return n.dayPeriod(l,{width:"wide",context:"formatting"})}},b:function(o,t,n){var a=o.getUTCHours(),l;switch(a===12?l=xo.noon:a===0?l=xo.midnight:l=a/12>=1?"pm":"am",t){case"b":case"bb":return n.dayPeriod(l,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(l,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(l,{width:"narrow",context:"formatting"});case"bbbb":default:return n.dayPeriod(l,{width:"wide",context:"formatting"})}},B:function(o,t,n){var a=o.getUTCHours(),l;switch(a>=17?l=xo.evening:a>=12?l=xo.afternoon:a>=4?l=xo.morning:l=xo.night,t){case"B":case"BB":case"BBB":return n.dayPeriod(l,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(l,{width:"narrow",context:"formatting"});case"BBBB":default:return n.dayPeriod(l,{width:"wide",context:"formatting"})}},h:function(o,t,n){if(t==="ho"){var a=o.getUTCHours()%12;return a===0&&(a=12),n.ordinalNumber(a,{unit:"hour"})}return Xe.h(o,t)},H:function(o,t,n){return t==="Ho"?n.ordinalNumber(o.getUTCHours(),{unit:"hour"}):Xe.H(o,t)},K:function(o,t,n){var a=o.getUTCHours()%12;return t==="Ko"?n.ordinalNumber(a,{unit:"hour"}):ne(a,t.length)},k:function(o,t,n){var a=o.getUTCHours();return a===0&&(a=24),t==="ko"?n.ordinalNumber(a,{unit:"hour"}):ne(a,t.length)},m:function(o,t,n){return t==="mo"?n.ordinalNumber(o.getUTCMinutes(),{unit:"minute"}):Xe.m(o,t)},s:function(o,t,n){return t==="so"?n.ordinalNumber(o.getUTCSeconds(),{unit:"second"}):Xe.s(o,t)},S:function(o,t){return Xe.S(o,t)},X:function(o,t,n,a){var l=a._originalDate||o,c=l.getTimezoneOffset();if(c===0)return"Z";switch(t){case"X":return Ia(c);case"XXXX":case"XX":return no(c);case"XXXXX":case"XXX":default:return no(c,":")}},x:function(o,t,n,a){var l=a._originalDate||o,c=l.getTimezoneOffset();switch(t){case"x":return Ia(c);case"xxxx":case"xx":return no(c);case"xxxxx":case"xxx":default:return no(c,":")}},O:function(o,t,n,a){var l=a._originalDate||o,c=l.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+Ta(c,":");case"OOOO":default:return"GMT"+no(c,":")}},z:function(o,t,n,a){var l=a._originalDate||o,c=l.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+Ta(c,":");case"zzzz":default:return"GMT"+no(c,":")}},t:function(o,t,n,a){var l=a._originalDate||o,c=Math.floor(l.getTime()/1e3);return ne(c,t.length)},T:function(o,t,n,a){var l=a._originalDate||o,c=l.getTime();return ne(c,t.length)}};function Ta(e,o){var t=e>0?"-":"+",n=Math.abs(e),a=Math.floor(n/60),l=n%60;if(l===0)return t+String(a);var c=o;return t+String(a)+c+ne(l,2)}function Ia(e,o){if(e%60===0){var t=e>0?"-":"+";return t+ne(Math.abs(e)/60,2)}return no(e,o)}function no(e,o){var t=o||"",n=e>0?"-":"+",a=Math.abs(e),l=ne(Math.floor(a/60),2),c=ne(a%60,2);return n+l+t+c}var Fa=function(o,t){switch(o){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});case"PPPP":default:return t.date({width:"full"})}},za=function(o,t){switch(o){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});case"pppp":default:return t.time({width:"full"})}},og=function(o,t){var n=o.match(/(P+)(p+)?/)||[],a=n[1],l=n[2];if(!l)return Fa(o,t);var c;switch(a){case"P":c=t.dateTime({width:"short"});break;case"PP":c=t.dateTime({width:"medium"});break;case"PPP":c=t.dateTime({width:"long"});break;case"PPPP":default:c=t.dateTime({width:"full"});break}return c.replace("{{date}}",Fa(a,t)).replace("{{time}}",za(l,t))},rg={p:za,P:og};function tg(e){var o=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return o.setUTCFullYear(e.getFullYear()),e.getTime()-o.getTime()}var ng=["D","DD"],ag=["YY","YYYY"];function lg(e){return ng.indexOf(e)!==-1}function ig(e){return ag.indexOf(e)!==-1}function Ma(e,o,t){if(e==="YYYY")throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(o,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if(e==="YY")throw new RangeError("Use `yy` instead of `YY` (in `".concat(o,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if(e==="D")throw new RangeError("Use `d` instead of `D` (in `".concat(o,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if(e==="DD")throw new RangeError("Use `dd` instead of `DD` (in `".concat(o,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var cg={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},sg=function(o,t,n){var a,l=cg[o];return typeof l=="string"?a=l:t===1?a=l.one:a=l.other.replace("{{count}}",t.toString()),n!=null&&n.addSuffix?n.comparison&&n.comparison>0?"in "+a:a+" ago":a};function Ft(e){return function(){var o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t=o.width?String(o.width):e.defaultWidth,n=e.formats[t]||e.formats[e.defaultWidth];return n}}var dg={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},gg={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},hg={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},mg={date:Ft({formats:dg,defaultWidth:"full"}),time:Ft({formats:gg,defaultWidth:"full"}),dateTime:Ft({formats:hg,defaultWidth:"full"})},fg={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},pg=function(o,t,n,a){return fg[o]};function qo(e){return function(o,t){var n=t!=null&&t.context?String(t.context):"standalone",a;if(n==="formatting"&&e.formattingValues){var l=e.defaultFormattingWidth||e.defaultWidth,c=t!=null&&t.width?String(t.width):l;a=e.formattingValues[c]||e.formattingValues[l]}else{var d=e.defaultWidth,g=t!=null&&t.width?String(t.width):e.defaultWidth;a=e.values[g]||e.values[d]}var s=e.argumentCallback?e.argumentCallback(o):o;return a[s]}}var ug={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},yg={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},bg={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},xg={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},kg={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},Cg={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},wg=function(o,t){var n=Number(o),a=n%100;if(a>20||a<10)switch(a%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},Sg={ordinalNumber:wg,era:qo({values:ug,defaultWidth:"wide"}),quarter:qo({values:yg,defaultWidth:"wide",argumentCallback:function(o){return o-1}}),month:qo({values:bg,defaultWidth:"wide"}),day:qo({values:xg,defaultWidth:"wide"}),dayPeriod:qo({values:kg,defaultWidth:"wide",formattingValues:Cg,defaultFormattingWidth:"wide"})};function Uo(e){return function(o){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=t.width,a=n&&e.matchPatterns[n]||e.matchPatterns[e.defaultMatchWidth],l=o.match(a);if(!l)return null;var c=l[0],d=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],g=Array.isArray(d)?Tg(d,function(f){return f.test(c)}):vg(d,function(f){return f.test(c)}),s;s=e.valueCallback?e.valueCallback(g):g,s=t.valueCallback?t.valueCallback(s):s;var m=o.slice(c.length);return{value:s,rest:m}}}function vg(e,o){for(var t in e)if(e.hasOwnProperty(t)&&o(e[t]))return t}function Tg(e,o){for(var t=0;t<e.length;t++)if(o(e[t]))return t}function Ig(e){return function(o){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=o.match(e.matchPattern);if(!n)return null;var a=n[0],l=o.match(e.parsePattern);if(!l)return null;var c=e.valueCallback?e.valueCallback(l[0]):l[0];c=t.valueCallback?t.valueCallback(c):c;var d=o.slice(a.length);return{value:c,rest:d}}}var Fg=/^(\d+)(th|st|nd|rd)?/i,zg=/\d+/i,Mg={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},Wg={any:[/^b/i,/^(a|c)/i]},Pg={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},Hg={any:[/1/i,/2/i,/3/i,/4/i]},jg={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},Ag={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},Vg={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},Eg={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},Dg={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},$g={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},Lg={ordinalNumber:Ig({matchPattern:Fg,parsePattern:zg,valueCallback:function(o){return parseInt(o,10)}}),era:Uo({matchPatterns:Mg,defaultMatchWidth:"wide",parsePatterns:Wg,defaultParseWidth:"any"}),quarter:Uo({matchPatterns:Pg,defaultMatchWidth:"wide",parsePatterns:Hg,defaultParseWidth:"any",valueCallback:function(o){return o+1}}),month:Uo({matchPatterns:jg,defaultMatchWidth:"wide",parsePatterns:Ag,defaultParseWidth:"any"}),day:Uo({matchPatterns:Vg,defaultMatchWidth:"wide",parsePatterns:Eg,defaultParseWidth:"any"}),dayPeriod:Uo({matchPatterns:Dg,defaultMatchWidth:"any",parsePatterns:$g,defaultParseWidth:"any"})},Bg={code:"en-US",formatDistance:sg,formatLong:mg,formatRelative:pg,localize:Sg,match:Lg,options:{weekStartsOn:0,firstWeekContainsDate:1}},_g=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Og=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Ng=/^'([^]*?)'?$/,qg=/''/g,Ug=/[a-zA-Z]/;function Gg(e,o,t){var n,a,l,c,d,g,s,m,f,p,u,y,b,x;Se(2,arguments);var k=String(o),S=Fr(),v=(n=(a=void 0)!==null&&a!==void 0?a:S.locale)!==null&&n!==void 0?n:Bg,C=to((l=(c=(d=(g=void 0)!==null&&g!==void 0?g:void 0)!==null&&d!==void 0?d:S.firstWeekContainsDate)!==null&&c!==void 0?c:(s=S.locale)===null||s===void 0||(m=s.options)===null||m===void 0?void 0:m.firstWeekContainsDate)!==null&&l!==void 0?l:1);if(!(C>=1&&C<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var w=to((f=(p=(u=(y=void 0)!==null&&y!==void 0?y:void 0)!==null&&u!==void 0?u:S.weekStartsOn)!==null&&p!==void 0?p:(b=S.locale)===null||b===void 0||(x=b.options)===null||x===void 0?void 0:x.weekStartsOn)!==null&&f!==void 0?f:0);if(!(w>=0&&w<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!v.localize)throw new RangeError("locale must contain localize property");if(!v.formatLong)throw new RangeError("locale must contain formatLong property");var T=$e(e);if(!O0(T))throw new RangeError("Invalid time value");var z=tg(T),M=q0(T,z),j={firstWeekContainsDate:C,weekStartsOn:w,locale:v,_originalDate:T},$=k.match(Og).map(function(F){var E=F[0];if(E==="p"||E==="P"){var V=rg[E];return V(F,v.formatLong)}return F}).join("").match(_g).map(function(F){if(F==="''")return"'";var E=F[0];if(E==="'")return Yg(F);var V=eg[E];if(V)return ig(F)&&Ma(F,o,String(e)),lg(F)&&Ma(F,o,String(e)),V(M,F,v.localize,j);if(E.match(Ug))throw new RangeError("Format string contains an unescaped latin alphabet character `"+E+"`");return F}).join("");return $}function Yg(e){var o=e.match(Ng);return o?o[1].replace(qg,"'"):e}const Wa=()=>{const[e,o]=h.useState(!1),[t,n]=h.useState(!1),[a,l]=h.useState(Gg(new Date,"yyyy-MM-dd"));return{date:a,setDate:l,isHovered:e,setIsHovered:o,isFocused:t,setIsFocused:n}},Xg=e=>r.jsx(i.Input,{type:"date",...e}),Pa=({id:e,icon:o,name:t,label:n,date:a,children:l,helperText:c,shadow:d={},size:g="md",variant:s="default",shape:m="default",views:f={container:{},label:{},helperText:{},text:{},field:{}},error:p=!1,isHovered:u=!1,isFocused:y=!1,isDisabled:b=!1,isReadOnly:x=!1,setDate:k=()=>{},setIsFocused:S=()=>{},setIsHovered:v=()=>{},onChange:C,onChangeText:w,...T})=>{const{themeMode:z}=i.useTheme(),M=!!(y&&n),j=()=>v(!u),$=()=>S(!0),F=V=>{typeof V=="string"?(k(V),w&&w(V)):(k(V.target.value),C&&C(V.target.value))},E={margin:0,paddingVertical:8,paddingHorizontal:0,width:"100%",heigth:"100%",border:"none",on:{focus:{outline:"none",backgroundColor:"transparent"}},transition:"all 0.2s ease-in-out",fontSize:i.Typography.fontSizes[g],backgroundColor:"transparent",color:b?"color-gray-400":"color-gray-900",cursor:b?"not-allowed":x?"auto":"pointer",...f.field};return r.jsx(Be,{helperText:c,error:p,views:f,children:r.jsx(Ye,{label:n,size:g,error:p,shape:m,views:f,shadow:d,color:"theme-primary",variant:s,value:a,isHovered:u,isDisabled:b,isReadOnly:x,isFocused:y,showLabel:M,onMouseEnter:j,onMouseLeave:j,children:r.jsxs(bo,{children:[M&&r.jsx(oo,{htmlFor:e,color:"theme-primary",error:p,views:f,children:n}),r.jsx(Xg,{id:e,name:t,onFocus:$,disabled:b,readOnly:x,...E,...T,...w&&{onChangeText:F},onChange:F})]})})})},Kg=e=>{const o=Wa();return r.jsx(Pa,{...o,...e})},Ha=e=>{const o=St(e),[t,n]=h.useState(!1);return{isVisible:t,setIsVisible:n,...e,...o}},Jg=({visibleIcon:e=r.jsx(nt,{widthHeight:14}),hiddenIcon:o=r.jsx(tt,{widthHeight:14}),...t})=>{const{isVisible:n,setIsVisible:a,...l}=Ha(t);return r.jsx(Oo,{...l,type:n?"text":"password",isClearable:!1,right:r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",width:"16px",height:"16px",minWidth:"16px",color:"color-gray-500",cursor:t.isDisabled?"not-allowed":"pointer",transition:"color 0.2s ease",onClick:()=>{t.isDisabled||a(!n)},children:n?e:o})})},ja=(e,o,t)=>{const[n,a]=h.useState(e),[l,c]=h.useState(o?{value:o,label:o}:e[0]),[d,g]=h.useState([]),[s,m]=h.useState(0),[f,p]=h.useState(t??""),[u,y]=h.useState(!1);return{filteredItems:n,setFilteredItems:a,selectedItem:l,setSelectedItem:c,selectedItems:d,setSelectedItems:g,highlightedIndex:s,setHighlightedIndex:m,searchQuery:f,setSearchQuery:p,isDropdownVisible:u,setIsDropdownVisible:y}},Qg={maxHeight:"280px",overflowY:"auto",zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)"},Aa={enter:{opacity:1,transform:"translateY(0) scale(1)",transition:"all 0.2s ease-in-out"},initial:{opacity:0,transform:"translateY(-8px) scale(0.96)"}},Zg={padding:"8px",borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-100",backgroundColor:"color-gray-50",borderTopLeftRadius:10,borderTopRightRadius:10},Rg={padding:"8px 10px",cursor:"pointer",borderRadius:8,margin:"1px 4px",transition:"all 0.15s ease-in-out"},eh={padding:"24px 16px",display:"flex",flexDirection:"column",alignItems:"center",gap:"8px"},Va={open:{transform:"rotate(180deg)",transition:"all 0.2s ease-in-out"},closed:{transform:"rotate(0deg)",transition:"all 0.2s ease-in-out"}},oh={display:"inline-flex",alignItems:"center",gap:"4px",padding:"2px 8px",backgroundColor:"color-gray-100",borderRadius:8,fontSize:"12px",fontWeight:"500",color:"color-gray-700",transition:"all 0.15s ease-in-out"},Ea=({placeholder:e,items:o,showTick:t=!0,onSelect:n,searchEnabled:a=!0,left:l,right:c,label:d,filteredItems:g,setSelectedItem:s,selectedItem:m,selectedItems:f,setSelectedItems:p,highlightedIndex:u,setHighlightedIndex:y,searchQuery:b,setSearchQuery:x,setFilteredItems:k,views:S,isDropdownVisible:v,setIsDropdownVisible:C,isMulti:w=!1,searchPlaceholder:T,...z})=>{const{ref:M,relation:j}=i.useElementPosition({trackChanges:!0,trackOnScroll:!0,trackOnResize:!0,throttleMs:10}),$=h.useRef(null),[F,E]=h.useState(!1),[V,P]=h.useState(!1),W=()=>{var N;const D=V?Aa.enter:Aa.initial;if(!M.current)return{};const q=M.current.getBoundingClientRect(),O={position:"fixed",left:q.left,width:q.width,zIndex:1e4,...D};return((N=j==null?void 0:j.space)==null?void 0:N.vertical)==="top"?{...O,bottom:window.innerHeight-q.top+6}:{...O,top:q.bottom+6}};h.useEffect(()=>{if(v){const D=setTimeout(()=>P(!0),10);return()=>clearTimeout(D)}P(!1)},[v]),h.useEffect(()=>{const D=q=>{!q.composedPath().some(N=>(N==null?void 0:N.id)==="combobox-dropdown")&&M.current&&!M.current.contains(q.target)&&C(!1)};return document.addEventListener("mousedown",D),()=>document.removeEventListener("mousedown",D)},[]);const A=D=>{if(x(D),D==="")k(o);else{const q=o.filter(O=>O.label.toLowerCase().includes(D.toLowerCase()));k(q)}y(0)},H=D=>{if(w){const q=f.some(G=>G.value===D.value);let O;q?O=f.filter(G=>G.value!==D.value):O=[...f,D],p(O),n==null||n(O)}else s(D),n==null||n(D),C(!1)},L=(D,q)=>{D.stopPropagation();const O=f.filter(G=>G.value!==q.value);p(O),n==null||n(O)},_=D=>w?f.some(q=>q.value===D.value):D.value===m.value;return r.jsxs(i.Horizontal,{role:"combobox",flexWrap:"nowrap",gap:15,alignItems:"center",width:"100%",...z,children:[d&&r.jsx(i.Text,{views:S==null?void 0:S.label,htmlFor:z.id,children:d}),r.jsxs(i.View,{position:"relative",width:"100%",children:[r.jsx("div",{ref:M,onClick:()=>C(!v),style:{width:"100%"},children:r.jsxs(Ye,{isHovered:F,isFocused:v,onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),cursor:"pointer",views:{container:S==null?void 0:S.container},children:[r.jsxs(i.Horizontal,{gap:10,alignItems:"center",width:"100%",flexWrap:w?"wrap":"nowrap",...S==null?void 0:S.labelContainer,children:[l,w?f.length>0?r.jsx(i.Horizontal,{gap:6,flexWrap:"wrap",alignItems:"center",children:f.map(D=>r.jsxs(i.Horizontal,{...oh,_hover:{backgroundColor:"color-gray-200"},children:[D.icon&&r.jsx(i.View,{flexShrink:0,children:D.icon}),r.jsx(i.Text,{size:"sm",color:"color-gray-700",weight:"medium",children:D.label}),r.jsx(Te,{widthHeight:12,color:"color-gray-500",cursor:"pointer",onClick:q=>L(q,D)})]},D.value))}):r.jsx(i.Text,{weight:"medium",flexGrow:1,color:"color-gray-500",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},...S==null?void 0:S.label,children:e}):r.jsxs(r.Fragment,{children:[m.icon&&m.label!==e&&r.jsx(i.View,{children:m.icon}),r.jsx(i.Text,{weight:"medium",flexGrow:1,color:m.label===e?"color-gray-500":"color-gray-800",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},...S==null?void 0:S.label,children:m.label})]})]}),r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[c,r.jsx(i.View,{style:v?Va.open:Va.closed,children:r.jsx(se,{widthHeight:16,orientation:"down",color:v?"color-gray-700":"color-gray-400"})})]})]})}),v&&r.jsx(ta,{children:r.jsxs(i.View,{ref:$,id:"combobox-dropdown",role:"listbox","aria-labelledby":z.id,...Qg,style:W(),...S==null?void 0:S.dropdown,children:[a&&r.jsx(i.View,{...Zg,children:r.jsx(Oo,{id:`${z.id}-search`,name:`${z.name}-search`,width:"100%",type:"search",autoFocus:!0,value:b,onChange:D=>A(D),hint:e||"Search...",isClearable:!1,left:r.jsx(dr,{widthHeight:14,color:"color-gray-400"}),views:{container:{width:"100%",padding:"0",backgroundColor:"transparent",borderColor:"color-gray-200",...S==null?void 0:S.text},field:{fontSize:"13px"}}})}),g.length>0&&r.jsx(i.View,{margin:0,padding:"4px",children:g.map((D,q)=>{const O=_(D),G=q===u;return r.jsxs(i.Horizontal,{role:"option","aria-selected":O,justifyContent:"space-between",alignItems:"center",...Rg,backgroundColor:O&&G?"color-blue-100":O?"color-blue-50":G?"color-gray-100":"transparent",onMouseEnter:()=>y(q),onClick:()=>H(D),...S==null?void 0:S.item,children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[D.icon&&r.jsx(i.View,{flexShrink:0,children:D.icon}),r.jsx(i.Text,{size:"sm",color:O?"theme-primary":"color-gray-800",weight:O?"medium":"normal",children:D.label})]}),O&&t&&r.jsx(gr,{widthHeight:16,color:"theme-primary"})]},D.value)})}),g.length===0&&r.jsxs(i.Vertical,{...eh,children:[r.jsx(dr,{widthHeight:24,color:"color-gray-300"}),r.jsx(i.Text,{color:"color-gray-500",size:"sm",align:"center",children:"No results found"}),r.jsx(i.Text,{color:"color-gray-400",size:"xs",align:"center",children:"Try a different search term"})]})]})})]})]})},rh=({id:e,name:o,items:t,placeholder:n,searchPlaceholder:a,...l})=>{const c=ja(t,n,a);return r.jsx(Ea,{id:e,name:o,items:t,...c,...l})},Da=e=>{const{tags:o,defaultTags:t=[],onTagsChange:n,onTagAdd:a,onTagRemove:l,maxTags:c,minTagLength:d=1,maxTagLength:g=50,allowDuplicates:s=!1,separators:m=["enter","comma"],isDisabled:f=!1,isReadOnly:p=!1}=e,[u,y]=h.useState(""),[b,x]=h.useState(()=>(o||t||[]).map((P,W)=>({id:`tag-${W}-${Date.now()}`,value:P}))),[k,S]=h.useState(!1),[v,C]=h.useState(!1),w=o&&Array.isArray(o)?o.map((V,P)=>({id:`tag-${P}-${Date.now()}`,value:V})):b;h.useEffect(()=>{o&&Array.isArray(o)&&x(o.map((V,P)=>({id:`tag-${P}-${Date.now()}`,value:V})))},[o]);const T=h.useCallback(V=>{const P=V.trim();return!(P.length<d||P.length>g||!s&&w.map(A=>A.value.toLowerCase()).includes(P.toLowerCase())||c&&w.length>=c)},[w,d,g,s,c]),z=h.useCallback(V=>{if(f||p)return;const P=V.trim();if(!P||!T(P))return;const W={id:`tag-${Date.now()}-${Math.random()}`,value:P},A=[...w,W],H=A.map(L=>L.value);o||x(A),n==null||n(H),a==null||a(P),y("")},[w,T,n,a,f,p,o]),M=h.useCallback(V=>{if(f||p)return;const P=w[V];if(!P)return;const W=w.filter((H,L)=>L!==V),A=W.map(H=>H.value);o||x(W),n==null||n(A),l==null||l(P.value,V)},[w,n,l,f,p,o]),j=h.useCallback(V=>{if(f||p)return;const P=V.target.value;if(m.includes("comma")&&P.includes(",")){const W=P.split(","),A=W[0],H=W.slice(1).join(",");A.trim()&&z(A),y(H);return}y(P)},[z,m,f,p]),$=h.useCallback(V=>{if(f||p)return;const{key:P}=V;if(m.includes("enter")&&P==="Enter"){V.preventDefault(),u.trim()&&z(u);return}if(m.includes("tab")&&P==="Tab"&&u.trim()){V.preventDefault(),z(u);return}if(m.includes("space")&&P===" "&&u.trim()){V.preventDefault(),z(u);return}if(P==="Backspace"&&!u&&w.length>0){V.preventDefault(),M(w.length-1);return}},[z,M,u,w,m,f,p]),F=h.useCallback(()=>{var V;S(!0),(V=e.onFocus)==null||V.call(e)},[e.onFocus]),E=h.useCallback(()=>{var V;S(!1),u.trim()&&z(u),(V=e.onBlur)==null||V.call(e)},[z,u,e.onBlur]);return{inputValue:u,setInputValue:y,tags:w,setTags:x,isFocused:k,setIsFocused:S,isHovered:v,setIsHovered:C,addTag:z,removeTag:M,handleInputChange:j,handleKeyDown:$,handleFocus:F,handleBlur:E,validateTag:T}},th=({tag:e,onRemove:o,isRemovable:t,size:n,views:a,isDisabled:l,isReadOnly:c})=>{const[d,g]=h.useState(!1),s={xs:{padding:"2px 8px",fontSize:"10px",iconSize:10},sm:{padding:"4px 10px",fontSize:"12px",iconSize:12},md:{padding:"6px 14px",fontSize:"14px",iconSize:14},lg:{padding:"8px 16px",fontSize:"16px",iconSize:16},xl:{padding:"10px 18px",fontSize:"18px",iconSize:18}}[n]||{padding:"6px 14px",fontSize:"14px",iconSize:14};return r.jsxs(i.Horizontal,{alignItems:"center",gap:6,padding:s.padding,backgroundColor:"theme-primary-100",borderRadius:"9999px",borderWidth:"1px",borderStyle:"solid",borderColor:"theme-primary-250",transition:"all 0.15s ease-in-out",opacity:l?.6:1,_hover:!l&&!c?{backgroundColor:"theme-primary-180",borderColor:"theme-primary-400"}:{},...a==null?void 0:a.tag,children:[r.jsx(i.Text,{fontSize:s.fontSize,color:l?"color-gray-400":"theme-primary",whiteSpace:"nowrap",...a==null?void 0:a.tagText,children:e}),t&&!l&&!c&&r.jsx(i.View,{cursor:"pointer",padding:"2px",borderRadius:"50%",transition:"all 0.15s ease-in-out",backgroundColor:d?"color-red-100":"transparent",opacity:d?1:.7,onMouseEnter:()=>g(!0),onMouseLeave:()=>g(!1),onClick:m=>{m.stopPropagation(),o()},_hover:{backgroundColor:"color-red-100"},...a==null?void 0:a.tagRemove,children:r.jsx(Te,{widthHeight:s.iconSize,color:d?"color-red-500":"color-gray-400"})})]})},$a=({id:e,name:o,label:t,placeholder:n="Type and press Enter to add tags...",helperText:a,error:l=!1,inputValue:c="",tags:d=[],left:g,right:s,shadow:m={},views:f={},size:p="md",shape:u="default",variant:y="default",isDisabled:b=!1,isReadOnly:x=!1,isAutoFocus:k=!1,isRemovable:S=!0,isFocused:v=!1,isHovered:C=!1,maxTags:w,handleInputChange:T,handleKeyDown:z,handleFocus:M,handleBlur:j,removeTag:$,setIsHovered:F,onClick:E,setInputValue:V,setTags:P,setIsFocused:W,addTag:A,filteredItems:H,activeItemIndex:L,isMenuOpen:_,handleMenuItemSelect:D,defaultTags:q,onTagsChange:O,onTagAdd:G,onTagRemove:N,minTagLength:J,maxTagLength:B,allowDuplicates:Y,separators:Q,menuItems:oe,onMenuItemSelect:Z,onFocus:re,onBlur:le,validateTag:te,...X})=>{const{getColor:R,themeMode:ae}=i.useTheme(),K=!!(t&&(v||d.length>0||c)),ee=w&&d.length>=w,ce={border:"none",outline:"none",backgroundColor:"transparent",fontSize:i.Typography.fontSizes[p],color:b?"color-gray-400":"color-gray-800",flex:1,minWidth:"120px",transition:"all 0.2s ease-in-out",...f==null?void 0:f.input};return r.jsx(Be,{error:!!l,helperText:typeof l=="string"?l:a,views:f,...X,children:r.jsxs(Ye,{label:t,shadow:m,value:d.length>0||c?"has-content":"",size:p,shape:u,variant:y,error:!!l,showLabel:K,isFocused:v,isHovered:C,isDisabled:b,isReadOnly:x,views:{...f,container:{...f==null?void 0:f.container,...f==null?void 0:f.inputContainer}},onClick:E,onMouseEnter:()=>F==null?void 0:F(!0),onMouseLeave:()=>F==null?void 0:F(!1),children:[g,r.jsxs(bo,{children:[t&&r.jsx(oo,{size:p,error:!!l,views:f,children:t}),r.jsxs(i.Horizontal,{alignItems:"center",gap:8,flexWrap:"wrap",width:"100%",minHeight:i.Typography.fontSizes[p],padding:"8px 0",...f==null?void 0:f.tagsContainer,children:[d.map((he,ke)=>r.jsx(th,{tag:he.value,onRemove:()=>$==null?void 0:$(ke),isRemovable:S,size:p,views:f,isDisabled:b,isReadOnly:x},he.id)),!ee&&r.jsx(i.Input,{id:e,name:o,type:"text",value:c,placeholder:d.length===0?n:"",disabled:b,readOnly:x,autoFocus:k,onChange:T,onKeyDown:z,onFocus:M,onBlur:j,autoComplete:"off",...ce}),ee&&r.jsxs(i.Text,{fontSize:i.Typography.fontSizes[p],color:"color-gray-500",fontStyle:"italic",...f==null?void 0:f.placeholder,children:["Maximum ",w," tags reached"]})]})]}),s]})})},nh=e=>{const o=Da(e),{tags:t,...n}=e;return r.jsx($a,{...o,...n})};function ah(e){const o=setTimeout(e,0),t=setTimeout(e,10),n=setTimeout(e,50);return[o,t,n]}const La=({value:e,defaultValue:o="",length:t=6,onChange:n,onChangeText:a,onComplete:l,onKeyDown:c,onKeyPress:d,onBlur:g,onFocus:s,isReadOnly:m,isDisabled:f,pattern:p,stepValues:u,pasteTransformer:y})=>{var N,J;const b=e!==void 0,x=b?e:o,[k,S]=h.useState(String(x??"").slice(0,t)||""),[v,C]=h.useState(!1),[w,T]=h.useState(!1),[z,M]=h.useState(null),[j,$]=h.useState(null),F=h.useRef(null),E=h.useRef(null),V=h.useRef({value:k,onChange:n||(()=>{}),isIOS:typeof window<"u"&&((J=(N=window==null?void 0:window.CSS)==null?void 0:N.supports)==null?void 0:J.call(N,"-webkit-touch-callout","none"))}),P=h.useRef({prev:[null,null,"none"]}),W=p?typeof p=="string"?new RegExp(p):p:null;h.useEffect(()=>{b&&e!==k&&S(String(e??"").slice(0,t)||"")},[b,e,t,k]);const A=h.useCallback(B=>{let Y=B;if(u&&u.length>0&&B){const Q=parseInt(B,10);if(!isNaN(Q)){let oe=u[0],Z=Math.abs(Q-oe);for(let re=1;re<u.length;re++){const le=Math.abs(Q-u[re]);le<Z&&(Z=le,oe=u[re])}Y=oe.toString()}}S(Y),n&&n(Y),a&&a(Y),l&&Y.length===t&&l(Y)},[n,a,l,t,u]),H=h.useCallback(B=>{B&&F.current!==B&&Object.defineProperty(F,"current",{value:B,writable:!0})},[]),L=h.useCallback(B=>{const Y=B.currentTarget.value.slice(0,t);if(Y.length>0&&W&&!W.test(Y)){B.preventDefault();return}A(Y),F.current&&(F.current.value=Y)},[t,W,A,F]),_=h.useCallback(()=>{var B;if(F.current){const Y=Math.min(F.current.value.length,t-1),Q=F.current.value.length;(B=F.current)==null||B.setSelectionRange(Y,Q),M(Y),$(Q)}C(!0)},[t]),D=h.useCallback(()=>{C(!1)},[]),q=h.useCallback(B=>{c&&c(B)},[]),O=h.useCallback(B=>{d&&d(B)},[]),G=h.useCallback(B=>{const Y=F.current;if(!B.clipboardData||!Y)return;const Q=B.clipboardData.getData("text/plain"),oe=y?y(Q):Q;B.preventDefault();const Z=Y.selectionStart||0,re=Y.selectionEnd||0,X=(Z!==re?k.slice(0,Z)+oe+k.slice(re):k.slice(0,Z)+oe+k.slice(Z)).slice(0,t);if(X.length>0&&W&&!W.test(X))return;Y.value=X,A(X),S(X);const R=Math.min(X.length,t-1),ae=X.length;Y.setSelectionRange(R,ae),M(R),$(ae)},[t,y,W,A,k,S]);return h.useEffect(()=>{const B=F.current,Y=E.current;if(!B||!Y)return;V.current.value!==B.value&&V.current.onChange&&V.current.onChange(B.value),P.current.prev=[B.selectionStart,B.selectionEnd,B.selectionDirection];function Q(){if(document.activeElement!==B){M(null),$(null);return}const re=(B==null?void 0:B.selectionStart)??null,le=(B==null?void 0:B.selectionEnd)??null,te=(B==null?void 0:B.selectionDirection)??null,X=(B==null?void 0:B.maxLength)??0,R=(B==null?void 0:B.value)??"",ae=P.current.prev;let K=-1,ee=-1,ce="none";if(R.length!==0&&re!==null&&le!==null){const qe=re===le,mn=re===R.length&&R.length<X;if(qe&&!mn){const Ve=re;if(Ve===0)K=0,ee=1,ce="forward";else if(Ve===X)K=Ve-1,ee=Ve,ce="backward";else if(X>1&&R.length>1){let Gr=0;if(ae[0]!==null&&ae[1]!==null){ce=Ve<ae[1]?"backward":"forward";const fn=ae[0]===ae[1]&&ae[0]<X;ce==="backward"&&!fn&&(Gr=-1)}K=Gr+Ve,ee=Gr+Ve+1}}K!==-1&&ee!==-1&&K!==ee&&F.current&&F.current.setSelectionRange(K,ee,ce)}const he=K!==-1?K:re,ke=ee!==-1?ee:le,Le=ce!=="none"?ce:te;M(he),$(ke),P.current.prev=[he,ke,Le]}document.addEventListener("selectionchange",Q,{capture:!0}),Q(),document.activeElement===B&&C(!0);const oe=()=>{Y&&Y.style.setProperty("--root-height",`${B.clientHeight}px`)};oe();const Z=new window.ResizeObserver(oe);return Z.observe(B),()=>{document.removeEventListener("selectionchange",Q,{capture:!0}),Z.disconnect()}},[]),h.useEffect(()=>{ah(()=>{var oe,Z,re,le;(oe=F.current)==null||oe.dispatchEvent(new Event("input"));const B=(Z=F.current)==null?void 0:Z.selectionStart,Y=(re=F.current)==null?void 0:re.selectionEnd,Q=(le=F.current)==null?void 0:le.selectionDirection;B!==null&&Y!==null&&B!==void 0&&Y!==void 0&&(M(B),$(Y),P.current.prev=[B,Y,Q||"none"])})},[k,v]),{value:k,setValue:A,isFocused:v,setIsFocused:C,isHovered:w,setIsHovered:T,inputRef:F,containerRef:E,mirrorSelectionStart:z,mirrorSelectionEnd:j,setMirrorSelectionStart:M,setMirrorSelectionEnd:$,setInputRef:H,handleChange:L,handleFocus:_,handleBlur:D,handleKeyDown:q,handleKeyPress:O,handlePaste:G}},lh=h.createContext({slots:[],isFocused:!1,isHovering:!1}),ih=`
5
+ ${L} no-repeat
6
+ `,backgroundSize:`200% ${K}px, ${K}px 200%, 200% ${K}px, ${K}px 200%`,backgroundPosition:O,transitionProperty:"background-position",transitionDuration:`${W}s`,transitionTimingFunction:"linear",transitionDelay:q,_hover:{backgroundPosition:N,transitionDelay:G},width:l?"fit-content":c?"100%":void 0,...m==null?void 0:m.container,...M,children:r.jsx(i.View,{as:t?"div":"button",disabled:!!(n||a),display:"flex",alignItems:"center",justifyContent:"center",borderRadius:Math.max(0,E-3),width:"100%",height:"100%",...p,...u,...y,backgroundColor:(p==null?void 0:p.backgroundColor)||v,color:k,borderWidth:0,cursor:n?"default":"pointer",children:$})})}return r.jsx(i.Element,{ref:x,as:e==="link"&&t?"div":"button",type:e==="link"&&t?void 0:"button",disabled:!!(n||a),...u,...y,display:"inline-flex",alignItems:"center",justifyContent:"center",width:l?"fit-content":c?"100%":void 0,borderRadius:Oo[s],boxShadow:d,transition:"background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease",cursor:n?"default":"pointer",onClick:f,...p,...m==null?void 0:m.container,...M,children:$})},Ld=h.memo(h.forwardRef(({variant:e="filled",size:o="md",shape:t="rounded",iconPosition:n="left",loaderPosition:a="left",backgroundColor:l,color:c,textColor:g,reversed:s=!1,isAuto:d=!0,isFilled:f,isDisabled:m,isLoading:p,isIconRounded:u,isHovered:y,icon:x,children:k,to:C,isExternal:S,shadow:v,onClick:w,views:b={},animation:T,loaderProps:F,config:M,ariaLabel:E,borderMovingDuration:$=2,borderMovingGradientColors:z=["#705CFF","#FF5C97","#FFC75C"],animatedStrokeAccentColor:V="#705CFF",animatedStrokeTextColor:A="color-gray-900",...P},j)=>{const H=m?"theme-disabled":p?"theme-loading":l??c??"theme-primary",B=g??"color-white",{config:_}=hr(),L=_==null?void 0:_.theme,O=h.useMemo(()=>{const X=jd(H,B,s,L);return M!=null&&M.variants&&Object.keys(M.variants).forEach(Q=>{X[Q]&&(X[Q]=Ee(X[Q],M.variants[Q]))}),X},[H,B,s,L,M==null?void 0:M.variants]),N=O[e]??O.filled,G=(N==null?void 0:N.color)??B,q=r.jsx(Ad,{icon:x,isLoading:p,iconPosition:n,loaderPosition:a,size:o,resolvedTextColor:G,isIconRounded:u,views:b,children:k}),K=Zn[o],D=u?Hd[o]:{};return r.jsx($d,{variant:e,animation:T,to:C,isDisabled:m,isLoading:p,isAuto:d,isFilled:f,isExternal:S,shape:t,shadow:v,onClick:w,views:b,baseStyles:N,sizeStyles:K,iconPad:D,resolvedTextColor:G,content:q,size:o,mainTone:H,borderMovingDuration:$,borderMovingGradientColors:z,animatedStrokeAccentColor:V,animatedStrokeTextColor:A,containerRef:j,...P})})),ie=e=>{const[o,t]=i.useHover(),n=me("button",e);return r.jsx(Ld,{isHovered:t,...n})},Bd={sm:{padding:"12px"},md:{padding:"16px"},lg:{padding:"24px"}},_d={square:0,rounded:"8px",pill:"24px"},Od=e=>{const o=e==="dark";return{default:{backgroundColor:"color-white",border:"none",transition:"background-color 0.2s ease, box-shadow 0.2s ease"},outlined:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",transition:"border-color 0.2s ease, box-shadow 0.2s ease",_hover:{borderColor:"color-gray-300",boxShadow:o?"0px 1px 3px rgba(0, 0, 0, 0.3)":"0px 1px 3px rgba(0, 0, 0, 0.05)"}},elevated:{backgroundColor:"color-white",boxShadow:o?"0px 1px 3px rgba(0, 0, 0, 0.35), 0px 1px 2px rgba(0, 0, 0, 0.3)":"0px 1px 3px rgba(0, 0, 0, 0.08), 0px 1px 2px rgba(0, 0, 0, 0.06)",border:"none",transition:"box-shadow 0.2s ease",_hover:{boxShadow:o?"0px 4px 6px rgba(0, 0, 0, 0.4), 0px 2px 4px rgba(0, 0, 0, 0.35)":"0px 4px 6px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.06)"}}}},kr=e=>(e.themeMode,{container:{backgroundColor:"color-white",color:"color-gray-900",borderRadius:"8px",overflow:"hidden",transition:"background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease"},header:{padding:"16px",borderBottom:"1px solid",borderColor:"color-gray-100",color:"theme-primary",fontWeight:600,fontSize:14},content:{padding:"16px",color:"color-gray-600",fontSize:12,lineHeight:"18px"},footer:{padding:"16px",borderTop:"1px solid",borderColor:"color-gray-100",justifyContent:"flex-end",gap:8}}),Rn=h.createContext({}),xt=()=>h.useContext(Rn),kt=({children:e,views:o,style:t,themeMode:n,...a})=>{var d;const l=i.useTheme(),{styles:c}=xt(),g=kr(l).header,s={...g,...c==null?void 0:c.header,...a,style:{...g==null?void 0:g.style,...(d=c==null?void 0:c.header)==null?void 0:d.style,...t}};return r.jsx(i.Vertical,{gap:8,...s,children:e})},Ct=({children:e,views:o,style:t,themeMode:n,...a})=>{var d;const l=i.useTheme(),{styles:c}=xt(),g=kr(l).content,s={...g,...c==null?void 0:c.content,...a,style:{...g==null?void 0:g.style,...(d=c==null?void 0:c.content)==null?void 0:d.style,...t}};return r.jsx(i.Vertical,{gap:12,...s,children:e})},wt=({children:e,views:o,style:t,themeMode:n,...a})=>{var d;const l=i.useTheme(),{styles:c}=xt(),g=kr(l).footer,s={...g,...c==null?void 0:c.footer,...a,style:{...g==null?void 0:g.style,...(d=c==null?void 0:c.footer)==null?void 0:d.style,...t}};return r.jsx(i.Vertical,{gap:8,...s,children:e})},Nd=({variant:e="default",size:o="md",shape:t="rounded",children:n,header:a,footer:l,isFullWidth:c=!1,views:g,style:s,themeMode:d,config:f,...m})=>{var b,T;const p=i.useTheme(),u=kr(p),y=((b=Bd[o])==null?void 0:b.padding)||"16px",x=h.useMemo(()=>({styles:{container:{...u.container,borderRadius:_d[t],...g==null?void 0:g.container},header:{...u.header,padding:y,...g==null?void 0:g.header},content:{...u.content,padding:y,...g==null?void 0:g.content},footer:{...u.footer,padding:y,...g==null?void 0:g.footer}}}),[u,g,y,t]),k=h.Children.toArray(n).some(F=>h.isValidElement(F)&&(F.type===kt||F.type===Ct||F.type===wt)),{themeMode:C}=p,v=Od(d||C)[e],w={width:c?"100%":"auto",overflow:"hidden",...v,...x.styles.container,...m,style:{...(T=x.styles.container)==null?void 0:T.style,...s}};return r.jsx(Rn.Provider,{value:x,children:r.jsx(i.View,{...w,children:k?n:r.jsxs(i.Vertical,{width:"100%",children:[a&&r.jsx(kt,{children:a}),r.jsx(Ct,{children:n}),l&&r.jsx(wt,{children:l})]})})})},be=e=>{const o=me("card",e);return r.jsx(Nd,{...o})};be.Header=kt,be.Content=Ct,be.Footer=wt;const qd=({defaultActiveIndex:e=0,activeIndex:o,onChange:t,autoPlay:n=!1,autoPlayInterval:a=3e3,pauseOnHover:l=!0,infinite:c=!0,totalSlides:g,stepIndices:s})=>{const d=h.useRef(g||0),[f,m]=h.useState(g||0),p=h.useRef(new Set),u=h.useRef(0),y=h.useMemo(()=>Zr("carousel-content"),[]),[x,k]=h.useState(o!==void 0?o:e),[C,S]=h.useState(!1),[v,w]=h.useState(!1),[b,T]=h.useState(0),[F,M]=h.useState(0),E=h.useRef(null);h.useEffect(()=>{o!==void 0&&k(o)},[o]);const $=h.useCallback(N=>{let G=N;c?N<0?G=f-1:N>=f&&(G=0):G=Math.max(0,Math.min(N,f-1)),s&&s.length>0&&(s.includes(G)||(G=s.reduce((K,D)=>Math.abs(D-G)<Math.abs(K-G)?D:K))),o===void 0&&k(G),t&&t(G)},[o,c,t,f]),z=h.useCallback(()=>{$(x+1)},[x,$]),V=h.useCallback(()=>{$(x-1)},[x,$]);h.useEffect(()=>(n&&!C&&!v&&(E.current=setInterval(()=>{z()},a)),()=>{E.current&&clearInterval(E.current)}),[n,a,C,v,z,l]);const A=h.useCallback(()=>{l&&S(!0)},[l]),P=h.useCallback(()=>{S(!1)},[]),j=h.useCallback(N=>{w(!0),"touches"in N?(T(N.touches[0].clientX),M(N.touches[0].clientY)):(T(N.clientX),M(N.clientY))},[]),W=h.useCallback(N=>{if(!v)return;let G,q;"touches"in N?(G=N.touches[0].clientX,q=N.touches[0].clientY):(G=N.clientX,q=N.clientY);const K=G-b,D=q-F;Math.abs(K)>Math.abs(D)&&Math.abs(K)>50&&(K>0?V():z(),w(!1))},[v,b,F,z,V]),H=h.useCallback(()=>{w(!1)},[]),B=h.useCallback(()=>{const N=u.current++;p.current.add(N);const G=p.current.size;return d.current=G,m(G),N},[]),_=h.useCallback(N=>{p.current.delete(N);const G=p.current.size;if(d.current=G,m(G),G>0&&x>=G){const q=Math.max(0,G-1);o===void 0&&k(q),t&&t(q)}},[x,o,t]),L=c||x>0,O=c||x<f-1;return{activeIndex:x,totalSlides:f,goToSlide:$,nextSlide:z,prevSlide:V,canGoNext:O,canGoPrevious:L,handleMouseEnter:A,handleMouseLeave:P,handleDragStart:j,handleDragMove:W,handleDragEnd:H,registerSlide:B,unregisterSlide:_,contentId:y,infinite:c}},Ud={dot:{width:"10px",height:"10px",borderRadius:"50%",backgroundColor:"color-gray-300",margin:"0 4px",cursor:"pointer",transition:"background-color 0.3s ease"},line:{width:"20px",height:"4px",borderRadius:"2px",backgroundColor:"color-gray-300",margin:"0 4px",cursor:"pointer",transition:"background-color 0.3s ease"},number:{minWidth:"24px",height:"24px",borderRadius:"50%",backgroundColor:"color-gray-300",margin:"0 4px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"12px",transition:"background-color 0.3s ease"}},Gd={dot:{backgroundColor:"theme-primary"},line:{backgroundColor:"theme-primary"},number:{backgroundColor:"theme-primary",color:"color-white"}},Cr={width:"40px",height:"40px",borderRadius:"50%",backgroundColor:"color-white",color:"color-gray-800",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",boxShadow:"0 2px 5px rgba(0, 0, 0, 0.1)",zIndex:1,transition:"background-color 0.3s ease",_hover:{backgroundColor:"color-gray-100"}},No=()=>({container:{position:"relative",overflow:"hidden"},content:{overflow:"hidden",width:"100%",height:"100%"},innerContainer:{display:"flex",transitionProperty:"transform",transitionDuration:"300ms",transitionTimingFunction:"ease-in-out",height:"100%"},item:{flex:"0 0 100%",minWidth:0,position:"relative",height:"100%"},prevButton:{position:"absolute",top:"50%",left:"16px",transform:"translateY(-50%)",zIndex:10,...Cr},nextButton:{position:"absolute",top:"50%",right:"16px",transform:"translateY(-50%)",zIndex:10,...Cr}}),ea=h.createContext(null),wr=()=>{const e=h.useContext(ea);if(!e)throw new Error("Carousel compound components must be used within <Carousel>");return e},oa=({children:e,isActive:o,index:t,views:n,...a})=>r.jsx(i.View,{flexShrink:0,width:"100%",height:"100%",display:o?"block":"none",...n,...a,children:e}),ra=({views:e,children:o,...t})=>{const{goToPrevious:n,canGoPrevious:a,styles:l}=wr(),g={...No().prevButton,...l==null?void 0:l.prevButton,...e==null?void 0:e.prevButton};return r.jsx(ie,{"aria-label":"Previous slide",onClick:()=>n(),isDisabled:!a,...g,...t,children:o??r.jsx(de,{orientation:"left",widthHeight:16})})},ta=({views:e,children:o,...t})=>{const{goToNext:n,canGoNext:a,styles:l}=wr(),g={...No().nextButton,...l==null?void 0:l.nextButton,...e==null?void 0:e.nextButton};return r.jsx(ie,{"aria-label":"Next slide",onClick:()=>n(),isDisabled:!a,...g,...t,children:o??r.jsx(de,{orientation:"right",widthHeight:16})})},na=({children:e,views:o,...t})=>{const{registerSlide:n,unregisterSlide:a,styles:l}=wr(),c=h.useRef(null);h.useEffect(()=>{const d=n();return c.current=d,()=>{c.current!==null&&a(c.current)}},[n,a]);const s={...No().item,...l==null?void 0:l.item,...o==null?void 0:o.item};return r.jsx(i.View,{role:"group","aria-roledescription":"slide",...s,...t,children:e})},aa=({children:e,views:o,style:t,...n})=>{const{currentIndex:a,styles:l,contentId:c}=wr(),g=No(),s={...g.content,...l==null?void 0:l.content,...o==null?void 0:o.content},d={...g.innerContainer,...l==null?void 0:l.innerContainer,...o==null?void 0:o.innerContainer},f=`-${a*100}%`;return r.jsx(i.View,{...s,...n,style:{...s==null?void 0:s.style,...t},id:c,"aria-live":"polite",children:r.jsx(i.View,{...d,style:{...d==null?void 0:d.style,transform:`translateX(${f})`},children:e})})},Yd=({children:e,defaultActiveIndex:o=0,activeIndex:t,onChange:n,showNavigation:a=!0,navigationPosition:l="inside",prevButton:c,nextButton:g,showIndicators:s=!0,indicatorPosition:d="bottom",indicatorVariant:f="dot",autoPlay:m=!1,autoPlayInterval:p=3e3,pauseOnHover:u=!0,infinite:y=!0,direction:x="horizontal",transitionDuration:k=300,views:C,stepIndices:S,themeMode:v,...w})=>{const b=h.useMemo(()=>h.Children.toArray(e),[e]),T=qd({defaultActiveIndex:o,activeIndex:t,onChange:n,autoPlay:m,autoPlayInterval:p,pauseOnHover:u,infinite:y,totalSlides:b.length}),{activeIndex:F,totalSlides:M,goToSlide:E,nextSlide:$,prevSlide:z,handleMouseEnter:V,handleMouseLeave:A,handleDragStart:P,handleDragMove:j,handleDragEnd:W}=T,H=()=>{if(!a)return null;const L=c||r.jsx(i.View,{as:"button","aria-label":"Previous slide",...Cr,...C==null?void 0:C.prevButton,children:"❮"}),O=g||r.jsx(i.View,{as:"button","aria-label":"Next slide",...Cr,...C==null?void 0:C.nextButton,children:"❯"});return r.jsxs(r.Fragment,{children:[r.jsx(i.View,{position:"absolute",top:"50%",transform:"translateY(-50%)",left:l==="inside"?"10px":"-40px",onClick:z,cursor:!y&&F===0?"not-allowed":"pointer",opacity:!y&&F===0?.5:1,children:L}),r.jsx(i.View,{position:"absolute",top:"50%",transform:"translateY(-50%)",right:l==="inside"?"10px":"-40px",onClick:$,cursor:!y&&F===b.length-1?"not-allowed":"pointer",opacity:!y&&F===b.length-1?.5:1,children:O})]})},B=()=>s?r.jsx(i.Horizontal,{position:"absolute",left:"0",right:"0",justifyContent:"center",...d==="top"?{top:"10px"}:{bottom:"10px"},...C==null?void 0:C.indicators,children:b.map((L,O)=>r.jsx(i.View,{onClick:()=>E(O),cursor:"pointer",...Ud[f],...O===F?{...Gd[f]}:{},...C==null?void 0:C.indicator,...O===F?C==null?void 0:C.activeIndicator:{},children:f==="number"&&O+1},O))}):null;return h.useMemo(()=>h.Children.toArray(e).some(L=>h.isValidElement(L)&&(L.type===aa||L.type===na||L.type===ra||L.type===ta)),[e])?r.jsx(ea.Provider,{value:{currentIndex:F,totalSlides:M,goToSlide:E,goToNext:$,goToPrevious:z,canGoNext:T.canGoNext,canGoPrevious:T.canGoPrevious,registerSlide:T.registerSlide,unregisterSlide:T.unregisterSlide,styles:{...No(),...C},contentId:T.contentId,infinite:y},children:r.jsx(i.View,{role:"region","aria-roledescription":"carousel","aria-label":"Carousel",position:"relative",width:"100%",height:"100%",overflow:"hidden",...C==null?void 0:C.container,...w,children:e})}):r.jsxs(i.View,{position:"relative",width:"100%",height:"100%",overflow:"hidden",onMouseEnter:V,onMouseLeave:A,onTouchStart:P,onTouchMove:j,onTouchEnd:W,onMouseDown:P,onMouseMove:j,onMouseUp:W,...C==null?void 0:C.container,...w,children:[r.jsx(i.View,{width:"100%",height:"100%",position:"relative",...C==null?void 0:C.slideWrapper,children:b.map((L,O)=>r.jsx(oa,{isActive:O===F,index:O,views:C==null?void 0:C.slide,children:L},O))}),H(),B()]})},He=e=>r.jsx(Yd,{...e});He.Slide=oa,He.Content=aa,He.Item=na,He.Previous=ra,He.Next=ta;const je={blue:"color-blue-500",green:"color-green-500",purple:"color-purple-500",orange:"color-orange-500",red:"color-red-500",teal:"color-teal-500",pink:"color-pink-500",indigo:"color-indigo-500",yellow:"color-yellow-500",cyan:"color-cyan-500"},la=[je.blue,je.green,je.purple,je.orange,je.red,je.teal,je.pink,je.indigo,je.yellow,je.cyan],xo=la,Xd={width:"100%",height:"100%",position:"relative",display:"flex",flexDirection:"column"},Kd={fontSize:"18px",fontWeight:"700",marginBottom:"24px",textAlign:"center",color:"color-gray-900"},Jd={display:"flex",flexWrap:"wrap",justifyContent:"flex-start",marginTop:"16px",gap:"12px"},Qd={display:"flex",alignItems:"center",padding:"4px 8px",borderRadius:"6px",cursor:"pointer",transition:"background-color 0.2s ease",_hover:{backgroundColor:"color-gray-50"}},Zd={width:"10px",height:"10px",borderRadius:"50%",marginRight:"8px"},Rd={fontSize:"13px",fontWeight:"500",color:"color-gray-600"},Sr={position:"absolute",backgroundColor:"color-white",padding:"12px 16px",borderRadius:"8px",boxShadow:"0px 12px 24px rgba(15, 23, 42, 0.18)",border:"1px solid color-gray-200",fontSize:"14px",display:"flex",flexDirection:"column",pointerEvents:"none",zIndex:100},ia={stroke:"color-gray-100",strokeWidth:"1px",strokeDasharray:"4 4"},vr={stroke:"color-gray-200",strokeWidth:"1px"},Tr={fontSize:"12px",fill:"color-gray-500",fontWeight:"500"},e0={rx:"4px",ry:"4px",cursor:"pointer",transition:"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",_hover:{filter:"brightness(1.1)"}},o0={strokeWidth:"3px",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",transition:"stroke-width 0.2s ease"},r0={r:"5px",strokeWidth:"2.5px",stroke:"color-white",cursor:"pointer",transition:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",_hover:{r:"7px"}},Ir={strokeWidth:"2px",stroke:"color-white",cursor:"pointer",transition:"all 0.3s ease",_hover:{transform:"scale(1.02)"}},St={position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"color-white-800",borderRadius:"4px",zIndex:10,padding:"24px",textAlign:"center"},t0={...St},n0={...St,backgroundColor:"rgba(254, 242, 242, 0.8)",color:"color-red-600"},a0={...St,backgroundColor:"rgba(249, 250, 251, 0.8)",color:"color-gray-500"},l0=({data:e,dataPoints:o,animated:t=!0,animationDuration:n=500,showTooltips:a=!0})=>{const[l,c]=h.useState(t?0:1),[g,s]=h.useState({visible:!1,x:0,y:0,content:null}),d=h.useRef(null),f=h.useRef(null);h.useEffect(()=>{if(!t){c(1);return}const S=Date.now(),v=()=>{const w=Date.now()-S,b=Math.min(w/n,1);c(b),b<1&&(d.current=requestAnimationFrame(v))};return d.current=requestAnimationFrame(v),()=>{d.current&&cancelAnimationFrame(d.current)}},[t,n]);const[m,p]=h.useState(new Set),u=h.useCallback(S=>{p(v=>{const w=new Set(v);return w.has(S)?w.delete(S):w.add(S),w})},[]),y=h.useCallback(()=>e?{...e,series:e.series.map((S,v)=>({...S,color:S.color||xo[v%xo.length],hidden:m.has(S.name)}))}:o?o.map((S,v)=>({...S,color:S.color||xo[v%xo.length],hidden:m.has(S.label)})):null,[e,o,m]),x=h.useCallback((S,v,w)=>{a&&s({visible:!0,x:S,y:v,content:w})},[a]),k=h.useCallback(()=>{s(S=>({...S,visible:!1}))},[]),C=h.useCallback(()=>{if(!f.current)return{width:0,height:0};const{width:S,height:v}=f.current.getBoundingClientRect();return{width:S,height:v}},[]);return{animationProgress:l,tooltip:g,containerRef:f,processedData:y,showTooltip:x,hideTooltip:k,getChartDimensions:C,toggleSeries:u}},i0=({data:e,width:o,height:t,animationProgress:n,showGrid:a=!0,onBarClick:l,showTooltip:c,hideTooltip:g,views:s})=>{const{getColor:d}=i.useTheme(),f={top:20,right:20,bottom:40,left:50},m=o-f.left-f.right,p=t-f.top-f.bottom,u=h.useMemo(()=>{let b=0;return e.series.forEach(T=>{T.data.forEach(F=>{b=Math.max(b,F)})}),b},[e]),y=e.labels.length,x=e.series.length,k=m/y,C=k*.8/x,S=k*.2/(x+1),v=u||10,w=h.useMemo(()=>{const T=[];for(let F=0;F<=5;F++){const M=v/5*F;T.push(M)}return T},[u]);return r.jsxs("svg",{width:o,height:t,children:[r.jsx("defs",{children:e.series.map((b,T)=>{const F=b.color?d(b.color):"black";return r.jsxs("linearGradient",{id:`bar-gradient-${T}`,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[r.jsx("stop",{offset:"0%",stopColor:F,stopOpacity:1}),r.jsx("stop",{offset:"100%",stopColor:F,stopOpacity:.7})]},`bar-gradient-${T}`)})}),r.jsx("line",{x1:f.left,y1:t-f.bottom,x2:o-f.right,y2:t-f.bottom,...vr,...s==null?void 0:s.axis}),r.jsx("line",{x1:f.left,y1:f.top,x2:f.left,y2:t-f.bottom,...vr,...s==null?void 0:s.axis}),e.labels.map((b,T)=>{const F=f.left+(T+.5)*k,M=t-f.bottom+20;return r.jsx("text",{x:F,y:M,textAnchor:"middle",...Tr,...s==null?void 0:s.axisLabel,children:b},`x-label-${T}`)}),w.map((b,T)=>{const F=t-f.bottom-b/v*p;return r.jsxs(h.Fragment,{children:[r.jsx("text",{x:f.left-10,y:F,textAnchor:"end",dominantBaseline:"middle",...Tr,...s==null?void 0:s.axisLabel,children:b.toFixed(0)}),a&&r.jsx("line",{x1:f.left,y1:F,x2:o-f.right,y2:F,...ia,...s==null?void 0:s.grid})]},`y-tick-${T}`)}),e.series.map((b,T)=>b.hidden?null:r.jsx(h.Fragment,{children:b.data.map((F,M)=>{const E=F/v*p*n,$=f.left+M*k+S*(T+1)+C*T,z=t-f.bottom-E,V=e.labels[M],A=e.series.reduce((B,_)=>{const L=_.data[M];return B+(typeof L=="number"?L:0)},0),P=A>0?(F/A*100).toFixed(1):null,j=b.color?d(b.color):"black",W=B=>{const _=r.jsxs(i.View,{display:"flex",flexDirection:"column",minWidth:"180px",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[r.jsx(i.Text,{fontWeight:"semibold",children:b.name}),r.jsx(i.View,{width:"12px",height:"12px",borderRadius:"2px",backgroundColor:j})]}),r.jsx(i.Text,{marginTop:"4px",color:"color-gray-500",fontSize:"12px",children:V}),r.jsxs(i.View,{marginTop:"8px",display:"flex",flexDirection:"column",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Value"}),r.jsx(i.Text,{fontWeight:"medium",children:F.toLocaleString()})]}),P!==null&&r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Share"}),r.jsx(i.Text,{fontWeight:"medium",children:`${P}%`})]}),r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Category total"}),r.jsx(i.Text,{fontWeight:"medium",children:A.toLocaleString()})]})]})]}),L=B.currentTarget.getBoundingClientRect(),O=L.left+L.width/2,N=L.top;c(O,N,_)},H=()=>{l&&l(b.name,M)};return r.jsx("rect",{x:$,y:z,width:C,height:E,fill:`url(#bar-gradient-${T})`,onMouseEnter:W,onMouseMove:W,onMouseLeave:g,onClick:H,...e0,...s==null?void 0:s.bar},`bar-${T}-${M}`)})},`series-${T}`))]})},c0=({data:e,width:o,height:t,animationProgress:n,showGrid:a=!0,onPointClick:l,showTooltip:c,hideTooltip:g,views:s})=>{const{getColor:d}=i.useTheme(),f={top:20,right:20,bottom:40,left:40},m=o-f.left-f.right,p=t-f.top-f.bottom,u=h.useMemo(()=>{let S=0;return e.series.forEach(v=>{v.data.forEach(w=>{S=Math.max(S,w)})}),S},[e]),y=u||10,x=h.useMemo(()=>{const v=[];for(let w=0;w<=5;w++){const b=y/5*w;v.push(b)}return v},[u]),k=S=>{if(S.length<2)return"";const v=S.map((b,T)=>({x:f.left+T/(e.labels.length-1)*m,y:t-f.bottom-b/y*p*n}));let w=`M ${v[0].x},${v[0].y}`;for(let b=0;b<v.length-1;b++){const T=v[b===0?b:b-1],F=v[b],M=v[b+1],E=v[b+2===v.length?b+1:b+2],$=F.x+(M.x-T.x)/6,z=F.y+(M.y-T.y)/6,V=M.x-(E.x-F.x)/6,A=M.y-(E.y-F.y)/6;w+=` C ${$},${z} ${V},${A} ${M.x},${M.y}`}return w},C=S=>{if(S.length<2)return"";const v=k(S),w=f.left,b=f.left+m,T=t-f.bottom;return`${v} L ${b},${T} L ${w},${T} Z`};return r.jsxs("svg",{width:o,height:t,children:[r.jsx("defs",{children:e.series.map((S,v)=>{const w=S.color?d(S.color):"black";return r.jsxs("linearGradient",{id:`gradient-${v}`,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[r.jsx("stop",{offset:"0%",stopColor:w,stopOpacity:.3}),r.jsx("stop",{offset:"100%",stopColor:w,stopOpacity:0})]},`gradient-${v}`)})}),r.jsx("line",{x1:f.left,y1:t-f.bottom,x2:o-f.right,y2:t-f.bottom,...vr,...s==null?void 0:s.axis}),r.jsx("line",{x1:f.left,y1:f.top,x2:f.left,y2:t-f.bottom,...vr,...s==null?void 0:s.axis}),e.labels.map((S,v)=>{const w=f.left+v/(e.labels.length-1)*m,b=t-f.bottom+20;return r.jsx("text",{x:w,y:b,textAnchor:"middle",...Tr,...s==null?void 0:s.axisLabel,children:S},`x-label-${v}`)}),x.map((S,v)=>{const w=t-f.bottom-S/y*p;return r.jsxs(h.Fragment,{children:[r.jsx("text",{x:f.left-10,y:w,textAnchor:"end",dominantBaseline:"middle",...Tr,...s==null?void 0:s.axisLabel,children:S.toFixed(0)}),a&&r.jsx("line",{x1:f.left,y1:w,x2:o-f.right,y2:w,...ia,...s==null?void 0:s.grid})]},`y-tick-${v}`)}),e.series.map((S,v)=>{if(S.hidden)return null;const w=S.color?d(S.color):"black";return r.jsxs(h.Fragment,{children:[r.jsx("path",{d:C(S.data),fill:`url(#gradient-${v})`,...s==null?void 0:s.area}),r.jsx("path",{d:k(S.data),stroke:w,...o0,...s==null?void 0:s.line}),S.data.map((b,T)=>{const F=f.left+T/(e.labels.length-1)*m,M=t-f.bottom-b/y*p*n,E=e.labels[T],$=e.series.reduce((H,B)=>{const _=B.data[T];return H+(typeof _=="number"?_:0)},0),z=$>0?(b/$*100).toFixed(1):null,V=T>0&&typeof S.data[T-1]=="number"?S.data[T-1]:null,A=typeof V=="number"?b-V:null,P=typeof A=="number"?`${A>=0?"+":""}${A.toLocaleString()}`:null,j=H=>{const B=r.jsxs(i.View,{display:"flex",flexDirection:"column",minWidth:"200px",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[r.jsx(i.Text,{fontWeight:"semibold",children:S.name}),r.jsx(i.View,{width:"12px",height:"12px",borderRadius:"2px",backgroundColor:w})]}),r.jsx(i.Text,{marginTop:"4px",color:"color-gray-500",fontSize:"12px",children:E}),r.jsxs(i.View,{marginTop:"8px",display:"flex",flexDirection:"column",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Value"}),r.jsx(i.Text,{fontWeight:"medium",children:b.toLocaleString()})]}),P!==null&&r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Change"}),r.jsx(i.Text,{fontWeight:"medium",children:P})]}),z!==null&&r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Share"}),r.jsx(i.Text,{fontWeight:"medium",children:`${z}%`})]}),r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Category total"}),r.jsx(i.Text,{fontWeight:"medium",children:$.toLocaleString()})]})]})]}),_=H.currentTarget.getBoundingClientRect(),L=_.left+_.width/2,O=_.top+_.height/2;c(L,O,B)},W=()=>{l&&l(S.name,T)};return r.jsx("circle",{cx:F,cy:M,fill:w,onMouseEnter:j,onMouseMove:j,onMouseLeave:g,onClick:W,...r0,...s==null?void 0:s.point},`point-${v}-${T}`)})]},`series-${v}`)})]})},s0=({dataPoints:e,width:o,height:t,animationProgress:n,isDonut:a=!1,onSliceClick:l,showTooltip:c,hideTooltip:g,views:s})=>{const{getColor:d}=i.useTheme(),{ref:f,relation:m}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),p=h.useRef(null);h.useEffect(()=>{p.current&&f&&(f.current=p.current)},[p,f]);const y=Math.min(o,t)/2*.8,x=o/2,k=t/2,C=a?y*.6:0,S=h.useMemo(()=>e.filter(b=>!b.hidden),[e]),v=h.useMemo(()=>S.reduce((b,T)=>b+T.value,0),[S]),w=h.useMemo(()=>{if(v===0)return[{path:a?[`M ${x} ${k-y}`,`A ${y} ${y} 0 1 1 ${x} ${k+y}`,`A ${y} ${y} 0 1 1 ${x} ${k-y}`,`M ${x} ${k-C}`,`A ${C} ${C} 0 1 0 ${x} ${k+C}`,`A ${C} ${C} 0 1 0 ${x} ${k-C}`,"Z"].join(" "):[`M ${x} ${k}`,`M ${x} ${k-y}`,`A ${y} ${y} 0 1 1 ${x} ${k+y}`,`A ${y} ${y} 0 1 1 ${x} ${k-y}`,"Z"].join(" "),color:"#E2E8F0",label:"Total",value:0,percentage:"0%",labelX:x,labelY:k,startAngle:0,endAngle:Math.PI*2,index:-1}];const b=[];let T=-Math.PI/2;for(let F=0;F<S.length;F++){const E=S[F].value/v,$=E*2*Math.PI*n,V=Math.max(0,$-.02),A=T+V,P=x+Math.cos(T)*y,j=k+Math.sin(T)*y,W=x+Math.cos(A)*y,H=k+Math.sin(A)*y,B=x+Math.cos(T)*C,_=k+Math.sin(T)*C,L=x+Math.cos(A)*C,O=k+Math.sin(A)*C,N=V>Math.PI?1:0;let G;a?G=[`M ${P} ${j}`,`A ${y} ${y} 0 ${N} 1 ${W} ${H}`,`L ${L} ${O}`,`A ${C} ${C} 0 ${N} 0 ${B} ${_}`,"Z"].join(" "):G=[`M ${x} ${k}`,`L ${P} ${j}`,`A ${y} ${y} 0 ${N} 1 ${W} ${H}`,"Z"].join(" ");const q=T+V/2,K=a?(y+C)/2:y*.7,D=x+Math.cos(q)*K,X=k+Math.sin(q)*K,Q=`${(E*100).toFixed(1)}%`,R=S[F].color||xo[F%xo.length],Z=d(R);b.push({path:G,color:Z,label:S[F].label,value:S[F].value,percentage:Q,labelX:D,labelY:X,startAngle:T,endAngle:A,index:F,originalIndex:e.findIndex(re=>re.label===S[F].label)}),T=A}return b},[S,v,y,x,k,C,n,a,e]);return r.jsxs("svg",{ref:p,width:o,height:t,style:{overflow:"visible"},children:[a&&r.jsxs("g",{pointerEvents:"none",children:[r.jsx("circle",{cx:x,cy:k,r:C,fill:"white"}),r.jsx("text",{x,y:k-8,textAnchor:"middle",dominantBaseline:"middle",fontSize:"14px",fontWeight:"500",fill:"color-gray-500",children:"Total"}),r.jsx("text",{x,y:k+12,textAnchor:"middle",dominantBaseline:"middle",fontSize:"20px",fontWeight:"800",fill:"color-gray-900",children:v.toLocaleString()})]}),w.map((b,T)=>{const F=$=>{const z=v>0?b.value/v*100:0,V=v>0?Math.max(0,100-z):null,A=r.jsxs(i.View,{display:"flex",flexDirection:"column",minWidth:"200px",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[r.jsx(i.Text,{fontWeight:"semibold",children:b.label}),r.jsx(i.View,{width:"12px",height:"12px",borderRadius:"2px",backgroundColor:b.color})]}),r.jsxs(i.Text,{marginTop:"4px",color:"color-gray-500",fontSize:"12px",children:["Slice ",b.index+1," of ",S.length]}),r.jsxs(i.View,{marginTop:"8px",display:"flex",flexDirection:"column",children:[r.jsxs(i.View,{display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Value"}),r.jsx(i.Text,{fontWeight:"medium",children:b.value.toLocaleString()})]}),r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Share"}),r.jsx(i.Text,{fontWeight:"medium",children:b.percentage})]}),r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Total"}),r.jsx(i.Text,{fontWeight:"medium",children:v.toLocaleString()})]}),V!==null&&r.jsxs(i.View,{marginTop:"4px",display:"flex",justifyContent:"space-between",children:[r.jsx(i.Text,{color:"color-gray-500",children:"Remaining"}),r.jsx(i.Text,{fontWeight:"medium",children:`${V.toFixed(1)}%`})]})]})]});let P=$.clientX,j=$.clientY;if(p.current){const W=p.current.getBoundingClientRect();P=W.left+b.labelX,j=W.top+b.labelY}c(P,j,A)},M=()=>{b.index!==-1&&l&&l(e[b.index],b.index)},E=b.index===-1;return r.jsxs("g",{children:[r.jsx("path",{d:b.path,fill:b.color,onMouseEnter:E?void 0:F,onMouseMove:E?void 0:F,onMouseLeave:E?void 0:g,onClick:M,...Ir,style:{...Ir==null?void 0:Ir.style,cursor:E?"default":"pointer"},...s==null?void 0:s.pie}),!E&&b.endAngle-b.startAngle>.25&&r.jsx("text",{x:b.labelX,y:b.labelY,textAnchor:"middle",dominantBaseline:"middle",fill:"white",fontSize:"11px",fontWeight:"800",pointerEvents:"none",paintOrder:"stroke",stroke:"rgba(0,0,0,0.2)",strokeWidth:"2px",children:b.percentage})]},`slice-${T}`)})]})},d0=({visible:e,x:o,y:t,content:n,maxDistance:a=100,views:l})=>{const c=h.useRef(null),[g,s]=h.useState({left:0,top:0});return h.useEffect(()=>{if(!e||!c.current||typeof window>"u"||typeof c.current.getBoundingClientRect!="function")return;const f=c.current.getBoundingClientRect(),m=f.width||200,p=f.height||100,u=20,y=16;let x=o-m/2,k=t-p-u;k<y&&(k=t+u),x+m>window.innerWidth-y?x=window.innerWidth-m-y:x<y&&(x=y),k=Math.max(y,Math.min(k,window.innerHeight-p-y)),s({left:x,top:k})},[e,o,t]),e?r.jsx(i.View,{ref:c,position:"fixed",left:`${g.left}px`,top:`${g.top}px`,...Sr,...l==null?void 0:l.tooltip,style:{...Sr==null?void 0:Sr.style,pointerEvents:"none",transition:"all 0.1s ease-out"},children:n}):null},g0=({type:e,data:o,dataPoints:t,title:n,showLegend:a=!0,legendPosition:l="bottom",showGrid:c=!0,showTooltips:g=!0,animated:s=!0,animationDuration:d=500,responsive:f=!0,aspectRatio:m=16/9,width:p=200,height:u=200,views:y,onDataPointClick:x,onSeriesClick:k,isLoading:C=!1,error:S,noData:v,loadingIndicator:w,errorIndicator:b,noDataIndicator:T,"aria-label":F,themeMode:M,...E})=>{const{animationProgress:$,tooltip:z,containerRef:V,processedData:A,showTooltip:P,hideTooltip:j,getChartDimensions:W,toggleSeries:H}=l0({data:o,dataPoints:t,animated:s,animationDuration:d,showTooltips:g}),B=A(),{width:_,height:L}=W(),O=p||_,N=u||(f?_/m:L),G=()=>{if(!a||!B)return null;let Z=[];return e==="pie"||e==="donut"?Array.isArray(B)&&(Z=B):B&&B.series&&(Z=B.series),!Z||Z.length===0?null:r.jsx(i.Horizontal,{flexWrap:"wrap",justifyContent:"flex-start",marginTop:l==="bottom"?"16px":0,marginBottom:l==="top"?"16px":0,...Jd,...y==null?void 0:y.legend,children:Z.map((re,ne)=>{const te=re.hidden,Y=re.name||re.label;return r.jsxs(i.View,{...Qd,onClick:()=>H(Y),opacity:te?.4:1,...y==null?void 0:y.legendItem,children:[r.jsx(i.View,{backgroundColor:re.color,...Zd,opacity:te?.3:1}),r.jsx(i.Text,{...Rd,textDecoration:te?"line-through":"none",children:Y})]},`legend-${ne}`)})})},q=()=>{if(!B)return null;switch(e){case"bar":return r.jsx(i0,{data:B,width:O,height:N,animationProgress:$,showGrid:c,onBarClick:k,showTooltip:P,hideTooltip:j,views:y});case"line":case"area":return r.jsx(c0,{data:B,width:O,height:N,animationProgress:$,showGrid:c,onPointClick:k,showTooltip:P,hideTooltip:j,views:y});case"pie":case"donut":return r.jsx(s0,{dataPoints:B,width:O,height:N,animationProgress:$,isDonut:e==="donut",onSliceClick:x,showTooltip:P,hideTooltip:j,views:y});default:return null}},K=()=>C?r.jsx(i.View,{...t0,...y==null?void 0:y.loadingOverlay,children:w||r.jsx(i.Center,{children:r.jsx(Xe,{size:"lg"})})}):null,D=()=>S?r.jsx(i.View,{...n0,...y==null?void 0:y.errorOverlay,children:b||r.jsx(i.Text,{fontWeight:"medium",children:typeof S=="string"?S:"An error occurred"})}):null,X=()=>v?r.jsx(i.View,{...a0,...y==null?void 0:y.noDataOverlay,children:T||r.jsx(i.Text,{children:typeof v=="string"?v:"No data available"})}):null,Q=F??(typeof n=="string"?n:"Chart"),R=!S&&!C&&!v;return r.jsxs(i.View,{ref:V,role:"region","aria-label":Q,"aria-busy":C,...Xd,...y==null?void 0:y.container,...E,children:[n&&r.jsx(i.Text,{...Kd,children:n}),R&&l==="top"&&G(),r.jsxs(i.View,{flex:1,width:"100%",position:"relative",...y==null?void 0:y.chart,children:[R&&q(),K(),D(),X(),r.jsx(d0,{visible:g&&z.visible,x:z.x,y:z.y,content:z.content,maxDistance:100,views:y})]}),R&&l==="bottom"&&G()]})},h0=e=>r.jsx(g0,{...e}),f0=(e=365)=>{const[o,t]=h.useState(!1),[n,a]=h.useState(null),l="app-studio-cookie-consent";h.useEffect(()=>{if(typeof localStorage>"u")return;const d=localStorage.getItem(l);a(d!==null?d==="true":!1)},[]);const c=d=>{if(typeof localStorage<"u"){localStorage.setItem(l,String(d));const f=new Date;f.setDate(f.getDate()+e),localStorage.setItem(`${l}-expires`,f.toISOString())}a(d)};return{isHovered:o,setIsHovered:t,hasConsent:n,acceptCookies:()=>{c(!0)},resetConsent:()=>{typeof localStorage<"u"&&(localStorage.removeItem(l),localStorage.removeItem(`${l}-expires`)),a(!1)}}},m0=e=>({default:{container:{backgroundColor:"color-white",borderColor:"color-gray-200",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"},content:{color:"color-gray-800"},acceptButton:{backgroundColor:"color-blue-500",color:"color-white",hoverBackgroundColor:"color-blue-600"},customizeButton:{backgroundColor:"transparent",color:"color-gray-600",borderColor:"color-gray-300",hoverBackgroundColor:"color-gray-100"}},info:{container:{backgroundColor:"color-blue-50",borderColor:"color-blue-200",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"},content:{color:"color-blue-800"},acceptButton:{backgroundColor:"color-blue-500",color:"color-white",hoverBackgroundColor:"color-blue-600"},customizeButton:{backgroundColor:"transparent",color:"color-blue-800",borderColor:"color-blue-300",hoverBackgroundColor:"color-blue-100"}},primary:{container:{backgroundColor:"color-blue-50",borderColor:"color-blue-200",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"},content:{color:"color-blue-700"},acceptButton:{backgroundColor:"color-blue-500",color:"color-white",hoverBackgroundColor:"color-blue-600"},customizeButton:{backgroundColor:"transparent",color:"color-blue-700",borderColor:"color-blue-300",hoverBackgroundColor:"color-blue-100"}}}),p0=({title:e="Nous utilisons des cookies",description:o="Ce site utilise des cookies pour améliorer votre expérience. En continuant à naviguer sur ce site, vous acceptez notre utilisation des cookies conformément à notre politique de confidentialité.",acceptButtonText:t="Accepter",customizeButtonText:n="Personnaliser",position:a="bottom",variant:l="default",onAccept:c,onCustomize:g,views:s,showCustomizeButton:d=!0,cookieExpiration:f=365,themeMode:m,...p})=>{const{themeMode:u}=i.useTheme(),{hasConsent:y,acceptCookies:x}=f0(f),C=m0()[l];if(y)return null;const S=()=>{x(),c&&c()},v=()=>{g&&g()};return r.jsx(i.View,{style:{position:"fixed",left:16,right:16,zIndex:1e3,...a==="bottom"?{bottom:16}:{top:16}},padding:16,borderWidth:"1px",borderStyle:"solid",borderRadius:8,maxWidth:"800px",marginLeft:"auto",marginRight:"auto",transition:"opacity 0.3s ease, transform 0.3s ease",...C.container,...s==null?void 0:s.container,...p,children:r.jsxs(i.Vertical,{gap:12,maxWidth:1200,marginLeft:"auto",marginRight:"auto",children:[e&&r.jsx(i.Text,{fontWeight:"bold",fontSize:18,color:"color-black",...s==null?void 0:s.title,children:e}),o&&r.jsx(i.Text,{fontSize:14,color:"color-black",...s==null?void 0:s.description,children:o}),r.jsxs(i.Horizontal,{gap:12,justifyContent:"flex-end",marginTop:8,...s==null?void 0:s.buttonGroup,children:[d&&r.jsx(ie,{variant:"outline",onClick:v,size:"sm",...s==null?void 0:s.customizeButton,children:n}),r.jsx(ie,{variant:"filled",onClick:S,size:"sm",...s==null?void 0:s.acceptButton,children:t})]})]})})},u0=e=>r.jsx(p0,{...e}),y0=e=>{const{size:o,variant:t,onOpenChange:n}=e||{},[a,l]=h.useState(!1),[c,g]=h.useState({x:0,y:0}),[s,d]=h.useState(null),f=h.useRef(null),m=h.useRef(null),p=h.useMemo(()=>Zr("contextmenu-content"),[]),u=h.useCallback(x=>{g({x:x.clientX,y:x.clientY}),l(!0),n==null||n(!0)},[n]),y=h.useCallback(()=>{l(!1),d(null),n==null||n(!1)},[n]);return h.useEffect(()=>{const x=S=>{m.current&&!m.current.contains(S.target)&&y()},k=()=>{a&&y()},C=S=>{S.key==="Escape"&&a&&y()};if(!(typeof(document==null?void 0:document.addEventListener)!="function"||typeof(window==null?void 0:window.addEventListener)!="function"))return document.addEventListener("mousedown",x),window.addEventListener("resize",k),document.addEventListener("keydown",C),()=>{document.removeEventListener("mousedown",x),window.removeEventListener("resize",k),document.removeEventListener("keydown",C)}},[a,y]),{isOpen:a,setIsOpen:l,position:c,setPosition:g,activeSubmenuId:s,setActiveSubmenuId:d,size:o,variant:t,triggerRef:f,contentRef:m,contentId:p,openMenu:u,closeMenu:y}},ca={sm:{padding:"6px 8px",fontSize:"14px",minWidth:"160px"},md:{padding:"8px 12px",fontSize:"16px",minWidth:"180px"},lg:{padding:"10px 16px",fontSize:"18px",minWidth:"200px"}},b0={default:{backgroundColor:"color-white",color:"color-gray-800"},filled:{backgroundColor:"color-gray-100",color:"color-gray-800"},outline:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"}},sa={hover:{backgroundColor:"color-gray-100"}},da=h.createContext({isOpen:!1,setIsOpen:()=>{},position:{x:0,y:0},setPosition:()=>{},activeSubmenuId:null,setActiveSubmenuId:()=>{},size:"md",variant:"default",triggerRef:{current:null},contentRef:{current:null},contentId:"contextmenu-content",closeMenu:()=>{},openMenu:()=>{}}),x0=({children:e,value:o})=>r.jsx(da.Provider,{value:o,children:e}),Fr=()=>{const e=h.useContext(da);if(!e)throw new Error("useContextMenuContext must be used within a ContextMenuProvider");return e},ga=({children:e,disableNativeContextMenu:o=!0,asChild:t=!1,isDisabled:n=!1,views:a,...l})=>{const{triggerRef:c,contentId:g,openMenu:s}=Fr(),f={ref:c,onContextMenu:m=>{if(!n)if(o&&m.preventDefault(),s)s(m);else{const{setIsOpen:p,setPosition:u}=Fr();u({x:m.clientX,y:m.clientY}),p(!0)}},"aria-controls":g,"aria-haspopup":"menu","data-disabled":n?"":void 0,...t&&h.isValidElement(e)&&e.props.isDisabled===void 0&&{isDisabled:n},...a==null?void 0:a.container,...l};if(t&&h.isValidElement(e)){const m=h.Children.only(e);return h.cloneElement(m,{...f,...m.props})}return r.jsx(i.View,{...f,children:e})},vt=({items:e,children:o,position:t,side:n="right",align:a="start",views:l,style:c,...g})=>{const{isOpen:s,position:d,contentRef:f,contentId:m,variant:p}=Fr(),u=h.useRef(null),y=f||u,{ref:x,relation:k}=i.useElementPosition({}),[C,S]=h.useState({x:0,y:0});if(h.useEffect(()=>{if(s&&y.current){const w=t||d,b=y.current.offsetWidth,T=y.current.offsetHeight,F=window.innerWidth,M=window.innerHeight;let E=w.x,$=w.y;k&&(k.space.horizontal==="left"?E=w.x-b:E=w.x,k.space.vertical==="top"?$=w.y-T:$=w.y),E+b>F&&(E=F-b-8),E<8&&(E=8),$+T>M&&($=M-T-8),$<8&&($=8),S({x:E,y:$})}},[s,d,t,n,a,y,k]),!s)return null;const v={position:"fixed",top:`${C.y}px`,left:`${C.x}px`,zIndex:1e3,transformOrigin:"top left"};return r.jsxs(i.View,{id:m||"context-menu",ref:y,role:"menu",tabIndex:-1,borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",overflow:"hidden",style:{...v,...c},...b0[p],...l==null?void 0:l.menu,...l==null?void 0:l.content,...g,children:[e&&e.map((w,b)=>w.divider?r.jsx(fa,{views:l},`divider-${b}`):r.jsx(ha,{item:w,views:l},w.id)),o]})},ha=({item:e,children:o,onSelect:t,isDisabled:n=!1,views:a,variant:l,shape:c,isLoading:g,loaderProps:s,loaderPosition:d,icon:f,iconPosition:m,isFilled:p,isAuto:u,isIconRounded:y,isHovered:x,shadow:k,ariaLabel:C,animation:S,textColor:v,reversed:w,borderMovingDuration:b,borderMovingGradientColors:T,animatedStrokeAccentColor:F,animatedStrokeTextColor:M,to:E,isExternal:$,config:z,...V})=>{const{activeSubmenuId:A,setActiveSubmenuId:P,size:j,closeMenu:W}=Fr();if(e){const[B,_]=h.useState(!1),L=e.items&&e.items.length>0,O=A===e.id,[N,G]=h.useState({x:0,y:0}),q=e.disabled||n,K=()=>{_(!0),L&&P(e.id)},D=()=>{_(!1)},X=()=>{q||!L&&e.onClick&&(e.onClick(),W&&W())},{ref:Q,relation:R}=i.useElementPosition({});return h.useEffect(()=>{if(O&&Q.current){const Z=Q.current.getBoundingClientRect(),re=window.innerWidth,ne=200;let te=!1;if(R)te=R.space.horizontal==="left";else{const Y=re-Z.right,ee=Z.left;te=Y<ne&&ee>Y}G({x:te?Z.left-ne:Z.right,y:Z.top})}},[O,e.items,R]),r.jsxs(i.View,{ref:Q,role:"menuitem",display:"flex",alignItems:"center",cursor:q?"not-allowed":"pointer",opacity:q?.5:1,position:"relative","aria-disabled":q,"data-disabled":q?"":void 0,...ca[j],_hover:q?{}:sa.hover,backgroundColor:B&&!q?"color-gray-100":"transparent",onMouseEnter:K,onMouseLeave:D,onClick:X,...a==null?void 0:a.item,...V,children:[e.icon&&r.jsx(i.View,{marginRight:8,...a==null?void 0:a.icon,children:e.icon}),r.jsx(i.View,{flexGrow:1,children:e.label}),L&&r.jsx(i.View,{marginLeft:8,...a==null?void 0:a.submenuIndicator,children:r.jsx(de,{orientation:"right",widthHeight:16,color:"currentColor",filled:!0})}),O&&L&&r.jsx(vt,{items:e.items||[],position:N,side:"right",align:"start",views:a})]})}const H=B=>{n||(t==null||t(B),W&&W())};return r.jsx(i.View,{role:"menuitem",onClick:H,cursor:n?"not-allowed":"pointer",opacity:n?.5:1,"aria-disabled":n,"data-disabled":n?"":void 0,...ca[j],_hover:n?{}:sa.hover,...a==null?void 0:a.item,...V,children:o})},fa=({views:e,...o})=>r.jsx(i.View,{height:"1px",backgroundColor:"color-gray-200",margin:"4px 0",role:"separator","aria-orientation":"horizontal",...e==null?void 0:e.divider,...o}),k0=({views:e,...o})=>r.jsx(i.View,{height:"1px",backgroundColor:"color-gray-200",margin:"4px 0",role:"separator","aria-orientation":"horizontal",...e==null?void 0:e.separator,...o}),C0=({children:e,items:o,size:t="md",variant:n="default",disableNativeContextMenu:a=!0,views:l,themeMode:c,onOpenChange:g,...s})=>!o||o.length===0?r.jsx(r.Fragment,{children:e}):r.jsxs(r.Fragment,{children:[r.jsx(ga,{disableNativeContextMenu:a,views:l,...s,children:e}),r.jsx(vt,{items:o,views:l})]}),ko=({children:e,items:o,size:t="md",variant:n="default",disableNativeContextMenu:a=!0,onOpenChange:l,views:c,...g})=>{const s=y0({size:t,variant:n,onOpenChange:l}),{isOpen:d,setIsOpen:f,position:m,setPosition:p,activeSubmenuId:u,setActiveSubmenuId:y,triggerRef:x,contentRef:k,contentId:C,openMenu:S,closeMenu:v}=s;return r.jsx(x0,{value:{isOpen:d,setIsOpen:f,position:m,setPosition:p,activeSubmenuId:u,setActiveSubmenuId:y,size:t,variant:n,triggerRef:x,contentRef:k,contentId:C,openMenu:S,closeMenu:v,styles:c},children:r.jsx(C0,{items:o,size:t,variant:n,disableNativeContextMenu:a,views:c,...g,children:e})})};ko.Trigger=ga,ko.Content=vt,ko.Item=ha,ko.Divider=fa,ko.Separator=k0;const w0=({src:e,color:o,views:t,themeMode:n,...a})=>{const{getColor:l,themeMode:c}=i.useTheme(),g=o?{fill:l(o,{themeMode:c}),stroke:l(o,{themeMode:c})}:{};return r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",...a,...t==null?void 0:t.container,children:r.jsx(i.Image,{...g,content:'url("'+e+'")',width:"100%",height:"100%",...t==null?void 0:t.image})})},S0=({path:e,...o})=>r.jsx(i.Image,{src:e,...o}),ma=({placeholder:e,isMulti:o,options:t,id:n=`select-${Math.random().toString(36).substr(2,9)}`})=>{const a=e?o?[]:"":Array.isArray(t)&&t.length>0?t[0].value:o?[]:"",[l,c]=h.useState(!1),[g,s]=h.useState(!1),[d,f]=h.useState(a),[m,p]=h.useState(0),[u,y]=h.useState(!0);return{id:n,value:d,setValue:f,hide:u,setHide:y,isHovered:l,setIsHovered:c,isFocused:g,setIsFocused:s,highlightedIndex:m,setHighlightedIndex:p}},Tt=({children:e,views:o={helperText:{}},...t})=>r.jsx(i.Text,{fontSize:"11px",fontWeight:"400",letterSpacing:"-0.01em",lineHeight:"16px",marginVertical:0,marginHorizontal:0,color:"color-gray-500",transition:"color 0.2s ease, opacity 0.2s ease",...o.helperText,...t,children:e}),_e=h.forwardRef(({children:e,helperText:o,error:t=!1,views:n,...a},l)=>r.jsxs(i.Vertical,{ref:l,gap:4,position:"relative",width:"100%",marginVertical:0,...a,...n==null?void 0:n.container,children:[e,!t&&o&&r.jsx(Tt,{marginTop:0,...n==null?void 0:n.helperText,children:o}),t&&r.jsx(i.Text,{fontSize:"11px",lineHeight:"16px",marginTop:0,marginHorizontal:0,fontWeight:"500",color:"color-red-500",transition:"color 0.2s ease, opacity 0.2s ease",...n==null?void 0:n.error,children:t})]}));_e.displayName="FieldContainer";const v0={default:{borderRadius:"8px"},square:{borderRadius:0},rounded:{borderRadius:"8px"},pill:{borderRadius:"9999px"}},T0={xs:"10px",sm:"11px",md:"11px",lg:"12px",xl:"12px"},I0={outline:{borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",backgroundColor:"transparent",color:"inherit",transition:"border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease",_hover:{borderColor:"color-gray-300"},_focus:{borderColor:"theme-primary",outline:"none",boxShadow:"0 0 0 3px theme-primary"},_focusVisible:{borderColor:"theme-primary",outline:"none",boxShadow:"0 0 0 3px theme-primary"}},default:{borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",borderRadius:"8px",backgroundColor:"transparent",color:"inherit",transition:"border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease",_hover:{borderColor:"color-gray-300"},_focus:{borderColor:"theme-primary",outline:"none",boxShadow:"0 0 0 3px theme-primary"},_focusVisible:{borderColor:"theme-primary",outline:"none",boxShadow:"0 0 0 3px theme-primary"}},none:{border:"none",style:{backgroundColor:"transparent"},color:"inherit",transition:"background-color 0.2s ease"}},F0={paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px",media:{mobile:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px"}}},z0={paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px",media:{mobile:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px"}}},Ke=({label:e,shadow:o,children:t,value:n,size:a="md",shape:l="default",variant:c="default",error:g=!1,showLabel:s=!1,isFocused:d=!1,isHovered:f=!1,isDisabled:m=!1,isReadOnly:p=!1,views:u={pickerBox:{}},...y})=>{const{themeMode:x}=i.useTheme(),k=x==="dark",S=g?"color-red-500":(f||d)&&!m?"theme-primary":"color-gray-200";return r.jsx(i.Horizontal,{gap:8,width:"100%",display:"flex",flexWrap:"nowrap",alignItems:"center",justifyContent:"flex-start",borderStyle:"solid",borderColor:S,backgroundColor:k?"color-gray-900":"color-white",fontSize:i.Typography.fontSizes[a],cursor:m?"not-allowed":p?"auto":"text",opacity:m?.7:1,transition:"border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease",...s?F0:z0,...typeof o=="object"&&o!==null?o:{},...v0[l],...I0[c],...u==null?void 0:u.container,...y,children:t})},It=({children:e,...o})=>r.jsx(i.Horizontal,{gap:10,right:10,zIndex:500,flexWrap:"nowrap",alignItems:"center",justifyContent:"flex-end",...o,children:e}),M0={h1:{fontSize:96,letterSpacing:-1.5},h2:{fontSize:60,letterSpacing:-.5},h3:{fontSize:48,letterSpacing:0},h4:{fontSize:34,letterSpacing:.25},h5:{fontSize:24,letterSpacing:0},h6:{fontSize:20,letterSpacing:.15}},W0=({children:e,heading:o,isItalic:t=!1,isUnderlined:n=!1,isStriked:a=!1,weight:l="normal",size:c="sm",dropDown:g,error:s,isDisabled:d,helperText:f,views:m,...p})=>{const u=o?M0[o]:{};return r.jsx(i.Element,{as:"label",width:"100%",fontSize:c,fontStyle:t?"italic":"normal",fontWeight:i.Typography.fontWeights[l],textDecoration:a?"line-through":n?"underline":"none",...u,...p,children:e})},qo=e=>r.jsx(W0,{...e}),to=({children:e,size:o="md",error:t=!1,color:n="theme-primary",views:a={label:{}},helperText:l,...c})=>r.jsx(qo,{position:"static",fontSize:T0[o],letterSpacing:"-0.01em",whiteSpace:"nowrap",fontWeight:500,opacity:t?1:.72,color:t?"color-red-500":"inherit",transition:"color 0.2s ease",...a.label,...c,children:e}),Co=({children:e,...o})=>r.jsx(i.Vertical,{display:"flex",flexDirection:"column",gap:4,flex:1,width:"100%",maxWidth:"100%",...o,children:e}),pa={xs:12,sm:14,md:16,lg:18,xl:20},P0={maxHeight:"280px",overflowY:"auto",zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)"},H0={enter:{opacity:1,transform:"translateY(0) scale(1)",transition:"all 0.2s ease-in-out"}},j0={padding:"10px 12px",cursor:"pointer",borderRadius:8,margin:"2px 4px",transition:"all 0.15s ease-in-out"},zr={default:{},highlighted:{backgroundColor:"color-gray-100"},selected:{backgroundColor:"color-gray-100"},selectedHighlighted:{backgroundColor:"color-gray-200"}},ua={open:{transform:"rotate(180deg)",transition:"all 0.2s ease-in-out"},closed:{transform:"rotate(0deg)",transition:"all 0.2s ease-in-out"}},A0={padding:"4px 8px",borderRadius:8,backgroundColor:"color-gray-100",fontSize:"12px",fontWeight:"500",color:"color-gray-700",transition:"all 0.15s ease-in-out"},V0={scrollbarWidth:"thin",scrollbarColor:"rgba(0, 0, 0, 0.15) transparent"},E0=e=>{if(!e)return{};const{container:o,content:t,...n}=e;return n},Uo={xs:{minHeight:24,shellPaddingY:6,shellPaddingX:10},sm:{minHeight:32,shellPaddingY:8,shellPaddingX:10},md:{minHeight:40,shellPaddingY:10,shellPaddingX:12},lg:{minHeight:48,shellPaddingY:12,shellPaddingX:14},xl:{minHeight:56,shellPaddingY:14,shellPaddingX:16}},D0=({isHovered:e,setIsHovered:o=()=>{},option:t,size:n="md",callback:a=()=>{},style:l,isSelected:c=!1,...g})=>{const s=(m,p)=>{m.stopPropagation(),m.preventDefault(),typeof a=="function"&&a(p)},d=()=>o(!e),f=()=>c&&e?zr.selectedHighlighted:c?zr.selected:e?zr.highlighted:zr.default;return r.jsxs(i.Element,{as:"li",display:"flex",alignItems:"center",justifyContent:"space-between",listStyleType:"none",...j0,...f(),onMouseEnter:d,onMouseLeave:d,onClick:m=>s(m,t.value),...g,children:[r.jsx(i.Text,{fontSize:i.Typography.fontSizes[n],fontWeight:c?"500":"400",lineHeight:"14px",color:c?"color-gray-900":"color-gray-700",...l,children:t.label}),c&&r.jsx(i.Element,{as:"span",color:"theme-primary",fontSize:"14px",marginLeft:8,display:"flex",alignItems:"center",children:"✓"})]})},$0=({size:e="md",views:o={field:{},text:{}},value:t,isDisabled:n,placeholder:a,removeOption:l=()=>{},options:c})=>{const g=(o==null?void 0:o.field)||{},s=(o==null?void 0:o.text)||{},d={margin:0,width:"95%",height:"100%",border:"none",paddingVertical:4,paddingHorizontal:0,fontSize:i.Typography.fontSizes[e],fontWeight:"400",lineHeight:"20px",letterSpacing:"-0.01em",color:n?"color-gray-400":"color-gray-900",cursor:n?"not-allowed":"pointer",transition:"all 0.2s ease-in-out",...g,...s,style:{backgroundColor:"transparent",...g.style,...s.style}},f=c.length>0&&c.find(m=>m.value===t);return r.jsx(i.Text,{...d,children:(t===""||Array.isArray(t)&&t.length===0)&&a?a:r.jsx(r.Fragment,{children:typeof t=="string"?(f&&f.label)??t:Array.isArray(t)&&t.length>0?r.jsx(i.Horizontal,{gap:6,children:t.map(m=>r.jsx(_0,{option:m,removeOption:l},m))}):r.jsx("span",{children:t})})})},L0=({id:e,name:o,value:t,onChange:n,isMulti:a=!1,isDisabled:l=!1,isReadOnly:c=!1,options:g=[],...s})=>{const d=f=>{n&&n(f)};return r.jsx(i.Element,{id:e,name:o,as:"select",opacity:0,width:1,height:1,overflow:"hidden",position:"absolute",pointerEvents:"none",tabIndex:-1,"aria-hidden":"true",value:t,disabled:l,readOnly:c,onChange:d,multiple:a,...s,children:g.length>0&&g.map(f=>r.jsx("option",{value:f.value,children:f.label},f.value))})},B0=({size:e,views:o={},options:t,callback:n=()=>{},highlightedIndex:a,setHighlightedIndex:l=()=>{},selectedValue:c})=>{const g=d=>n(d),s=d=>Array.isArray(c)?c.includes(d):c===d;return r.jsx(i.Element,{as:"ul",role:"listbox",display:"flex",flexDirection:"column",margin:0,padding:"4px",...P0,style:V0,...o==null?void 0:o.dropDown,children:t&&t.length>0&&t.map((d,f)=>r.jsx(D0,{size:e,style:o.text,option:d,callback:g,isSelected:s(d.value),isHovered:f===a,setIsHovered:()=>{},onMouseEnter:()=>l(f)},d.value))})},_0=({option:e,size:o="md",removeOption:t=()=>{},...n})=>{const a=()=>t(e);return r.jsxs(i.Horizontal,{gap:6,alignItems:"center",onClick:l=>l.stopPropagation(),...A0,_hover:{backgroundColor:"color-gray-200"},...n,children:[r.jsx(i.Text,{fontSize:i.Typography.fontSizes[o],fontWeight:"500",color:"color-gray-700",children:e}),r.jsx(Te,{role:"close-button",color:"color-gray-500",widthHeight:pa[o],onClick:a,cursor:"pointer",transition:"all 0.2s ease-in-out",_hover:{color:"color-gray-700"}})]})},ya=({id:e,name:o,label:t,value:n,placeholder:a,helperText:l,hide:c=!1,error:g=!1,isMulti:s=!1,isFocused:d=!1,isHovered:f=!1,isDisabled:m=!1,isReadOnly:p=!1,options:u=[],shadow:y={},size:x="md",shape:k="default",variant:C="default",views:S={text:{},icon:{},dropDown:{},selectBox:{},label:{},helperText:{}},onChange:v=()=>{},setHide:w=()=>{},setValue:b=()=>{},setIsHovered:T=()=>{},setIsFocused:F=()=>{},setHighlightedIndex:M,highlightedIndex:E,isScrollable:$,...z})=>{const{ref:V,relation:A,updateRelation:P}=i.useElementPosition({trackChanges:!0,trackOnScroll:!0,trackOnResize:!0,throttleMs:10}),j=h.useRef(null),W=()=>{var X;if(!V.current)return{};const q=V.current.getBoundingClientRect(),K={position:"fixed",left:q.left,width:q.width,zIndex:1e4};return((X=A==null?void 0:A.space)==null?void 0:X.vertical)==="top"?{...K,bottom:window.innerHeight-q.top+8}:{...K,top:q.bottom+8}};h.useEffect(()=>{const q=()=>w(!0);return document.addEventListener("closeAllSelects",q),()=>document.removeEventListener("closeAllSelects",q)},[w]),h.useEffect(()=>{const q=K=>{!K.target.closest(`#${e}`)&&!c&&w(!0)};return document.addEventListener("click",q),()=>{document.removeEventListener("click",q)}},[e,c,w]);const H=()=>T(!f),B=()=>F(!0),_=q=>{document.dispatchEvent(new Event("closeAllSelects")),q&&q.stopPropagation&&q.stopPropagation();const K=!c;w(K),F(!K)},L=h.useCallback(q=>{if(w(!0),document.dispatchEvent(new Event("closeAllSelects")),s&&Array.isArray(n)){if(!n.includes(q)){const K=[...n,q];b(K),v&&v(q)}}else b(q),v&&v(q);F(!0)},[s,n,w,b,v,F]),O=q=>{if(Array.isArray(n)&&n.includes(q)){const K=n.filter(D=>D!==q);b(K.length===0?[]:K)}},N=!!t,G=E0(S);return r.jsx(_e,{ref:V,position:"relative",width:"100%",display:"inline-block",id:e,role:"SelectBox",helperText:l,error:g,views:G,onClick:q=>{q.stopPropagation(),m||p||_(q)},children:r.jsxs(Ke,{label:t,size:x,error:g,shape:k,views:S,shadow:y,variant:C,value:n,color:"theme-primary",isHovered:f,isDisabled:m,isReadOnly:p,isFocused:d,showLabel:N,minHeight:`${Uo[x].minHeight}px`,paddingTop:Uo[x].shellPaddingY,paddingBottom:Uo[x].shellPaddingY,paddingLeft:Uo[x].shellPaddingX,paddingRight:Uo[x].shellPaddingX,onMouseEnter:H,onMouseLeave:H,position:"relative",...S==null?void 0:S.content,children:[r.jsxs(Co,{children:[N&&r.jsx(to,{htmlFor:e,color:"theme-primary",error:g,...S==null?void 0:S.label,children:t}),r.jsx(L0,{id:e,name:o,options:u,onChange:v,value:n,isDisabled:m,isReadOnly:p,isMulti:s,onFocus:B,...z}),r.jsx($0,{options:u,size:x,views:S,value:n,isDisabled:m,placeholder:a,removeOption:O})]}),r.jsx(It,{children:!p&&!m&&r.jsx(i.Element,{display:"flex",alignItems:"center",justifyContent:"center",style:c?ua.closed:ua.open,children:r.jsx(de,{color:"inherit",widthHeight:pa[x],style:S.icon,orientation:"down"})})}),!c&&u.length>0&&r.jsx(tt,{children:r.jsx(i.Element,{ref:j,onClick:q=>q.stopPropagation(),style:{...W(),...H0.enter},children:r.jsx(B0,{size:x,views:S,options:u,callback:L,highlightedIndex:E,setHighlightedIndex:M,selectedValue:n})})})]})})},Go=e=>{const o=me("select",e),t={...o,options:o.options||[]},n=ma(t);return r.jsx(ya,{...n,...t,onClick:a=>{a.stopPropagation(),o.onClick&&o.onClick(a)}})},ba=({isDisabled:e,isChecked:o})=>{const[t,n]=h.useState(!1),[a,l]=h.useState(o||!1),[c,g]=h.useState(o||!1);return h.useEffect(()=>{o!==void 0&&(l(o),g(o))},[o]),{isHovered:t,setIsHovered:n,on:a,setOn:l,value:c,setValue:g}},xa={xs:{height:"10px",width:"10px"},sm:{height:"14px",width:"14px"},md:{height:"18px",width:"18px"},lg:{height:"22px",width:"22px"},xl:{height:"26px",width:"26px"}},O0={xs:{height:"20px",width:"40px"},sm:{height:"24px",width:"48px"},md:{height:"28px",width:"56px"},lg:{height:"32px",width:"64px"},xl:{height:"36px",width:"72px"}},N0={xs:{height:"22px",width:"52px"},sm:{height:"26px",width:"62px"},md:{height:"30px",width:"72px"},lg:{height:"34px",width:"84px"},xl:{height:"38px",width:"96px"}},q0={xs:"9px",sm:"10px",md:"11px",lg:"12px",xl:"13px"},Mr={xs:{paddingVertical:5,paddingHorizontal:3},sm:{paddingVertical:5,paddingHorizontal:3},md:{paddingVertical:5,paddingHorizontal:5},lg:{paddingVertical:5,paddingHorizontal:5},xl:{paddingVertical:5,paddingHorizontal:5}},no={default:{active:"theme-primary",inactive:"color-gray-300",knob:"color-white",disabled:"color-gray-200"},states:{hover:{active:"theme-primary",inactive:"color-gray-400",activeOpacity:.9}}},ka={slider:{transition:"all 0.2s ease-in-out"},knob:{transition:"all 0.2s ease-in-out"}},U0=e=>r.jsx(i.Input,{type:"checkbox",...e}),Ca=({id:e,name:o,label:t,inActiveChild:n,isChecked:a,activeChild:l,labelPosition:c="right",shadow:g={},size:s="sm",value:d=!1,isHovered:f=!1,isDisabled:m=!1,isReadOnly:p=!1,on:u,setOn:y=()=>{},onChange:x,setValue:k=()=>{},setIsHovered:C=()=>{},helperText:S,views:v={slider:{},circle:{},label:{}},...w})=>{const b=typeof a=="boolean"?a:d,F=!!(l||n)?N0[s]:O0[s],M=`${Mr[s].paddingHorizontal}px`,E=`${Mr[s].paddingHorizontal+2}px`,$=`calc(${xa[s].width} + ${Mr[s].paddingHorizontal}px + 4px)`,z=q0[s],V=W=>{if(!p&&!m){const H=W.target.checked;k(H),y(H),x&&x(H)}},A=()=>C(!0),P=()=>C(!1),j={container:{gap:12,display:"flex",height:"fit-content",width:"fit-content",alignItems:"center",cursor:m?"not-allowed":p?"default":"pointer",opacity:m?.6:1,transition:"all 0.2s ease-in-out",...v.label}};return r.jsxs(qo,{htmlFor:e,onMouseEnter:A,onMouseLeave:P,...j.container,...w,children:[r.jsx(U0,{id:e,name:o,opacity:0,width:0,height:0,checked:b,onChange:V,disabled:m,readOnly:p,...w}),c==="left"&&t&&r.jsx(i.Text,{fontWeight:"500",color:m?"color-gray-400":"inherit",transition:"color 0.2s ease, opacity 0.2s ease",children:t}),r.jsxs(i.View,{display:"flex",alignItems:"center",justifyContent:"center",position:"relative",marginBottom:4,borderRadius:"9999px",backgroundColor:m?no.default.disabled:b?f?no.states.hover.active:no.default.active:f?no.states.hover.inactive:no.default.inactive,opacity:!m&&b&&f?no.states.hover.activeOpacity:1,cursor:"pointer",...ka.slider,...g,...Mr[s],...F,...v.slider,children:[l&&b&&r.jsx(i.View,{marginLeft:E,marginRight:$,transition:"all 0.2s ease-in-out",display:"flex",alignItems:"center",justifyContent:"center",height:"100%",width:"100%",overflow:"hidden",fontSize:z,color:"color-white",fontWeight:600,children:l}),r.jsx(i.View,{position:"absolute",top:"50%",left:b?void 0:M,right:b?M:void 0,borderRadius:"50%",backgroundColor:no.default.knob,boxShadow:f?"0 4px 10px rgba(15, 23, 42, 0.18)":"0 1px 3px rgba(15, 23, 42, 0.18)",transform:`translateY(-50%) ${f?"scale(1.05)":"scale(1)"}`,...ka.knob,zIndex:1,...xa[s],...v.circle}),n&&!b&&r.jsx(i.View,{marginLeft:$,marginRight:E,transition:"all 0.2s ease-in-out",display:"flex",alignItems:"center",justifyContent:"center",height:"100%",width:"100%",overflow:"hidden",fontSize:z,color:"color-white",fontWeight:600,children:n})]}),c==="right"&&t&&r.jsx(i.Text,{fontWeight:"500",color:m?"color-gray-400":"inherit",transition:"all 0.2s ease-in-out",children:t})]})},Ft=e=>{const o=me("switch",e),t=ba(o);return r.jsx(Ca,{...t,...o})},wa=({placeholder:e,isMulti:o,options:t,id:n=`selector-${Math.random().toString(36).substr(2,9)}`})=>{const a=e?o?[]:"":Array.isArray(t)&&t.length>0?t[0].value:o?[]:"",[l,c]=h.useState(!1),[g,s]=h.useState(!1),[d,f]=h.useState(a),[m,p]=h.useState(0),[u,y]=h.useState(!0);return{id:n,value:d,setValue:f,hide:u,setHide:y,isHovered:l,setIsHovered:c,isFocused:g,setIsFocused:s,highlightedIndex:m,setHighlightedIndex:p}},Sa=({id:e,name:o,label:t,value:n,views:a={},options:l=[],onChange:c=()=>{},setValue:g=()=>{}})=>{const s=h.useCallback(d=>{g(d.value),c&&c(d.value)},[g,c]);return r.jsxs(_e,{id:e,width:"100%",views:a,children:[t&&r.jsxs(i.Horizontal,{fontSize:"10px",letterSpacing:"wider",color:"color-black-500",fontWeight:"bold",marginBottom:12,alignItems:"center",gap:6,style:{textTransform:"uppercase"},children:[r.jsx(Ye,{widthHeight:14})," ",r.jsx(i.Text,{children:t})]}),r.jsx(i.Horizontal,{gap:0,children:l.map((d,f,m)=>{const p=n===d.value,u=d.color??"theme-primary",y=p?u:"color-gray-200",x=p?u:"color-gray-500",k=f===0,C=f===m.length-1,S=C||p;return r.jsx(i.View,{as:"button",type:"button",onClick:()=>s(d),flex:1,paddingVertical:6,paddingHorizontal:12,fontSize:"12px",fontWeight:p?"bold":"normal",cursor:"pointer",backgroundColor:"transparent",color:x,borderStyle:"solid",borderColor:y,borderTopWidth:1,borderBottomWidth:1,borderLeftWidth:1,borderRightWidth:S?1:0,borderRadius:k?"6px 0 0 6px":C?"0 6px 6px 0":"0",zIndex:p?1:0,transition:"color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease",...a.item,children:d.label},d.value)})}),r.jsx("input",{type:"hidden",id:e,name:o,value:Array.isArray(n)?n.join(","):n,onChange:()=>{}})]})},G0=e=>{const o={...e,options:e.options||[]},t=wa(o);return r.jsx(Sa,{...t,...o,onClick:n=>{n.stopPropagation(),e.onClick&&e.onClick(n)}})},va=({label:e,placeholder:o,value:t})=>{const[n,a]=h.useState(e??o),[l,c]=h.useState(!1),[g,s]=h.useState(t||""),[d,f]=h.useState(!1);return h.useMemo(()=>{a(d&&!g?o??"":e??o)},[g,d,e,o]),{hint:n,setHint:a,isHovered:l,setIsHovered:c,value:g,setValue:s,isFocused:d,setIsFocused:f}},Y0=e=>{if(!e)return{};const{container:o,content:t,...n}=e;return n},X0=(e,o)=>{if(o!=="pill")return e;if(typeof e=="number")return Math.min(e,28);if(typeof e=="string"){const t=Number.parseFloat(e);if(Number.isFinite(t)&&e.trim().endsWith("px"))return`${Math.min(t,28)}px`}return"28px"},Ta=({id:e,name:o,hint:t,error:n,value:a,label:l,shadow:c,helperText:g,placeholder:s,size:d="sm",shape:f="default",variant:m="default",isHovered:p=!1,isFocused:u=!1,isEditable:y=!1,isReadOnly:x=!1,isDisabled:k=!1,isAutoFocus:C=!1,isMultiline:S=!1,maxRows:v=3,maxCols:w=30,onBlur:b=()=>{},onChange:T,onFocus:F,setHint:M=()=>{},setValue:E=()=>{},setIsFocused:$=()=>{},setIsHovered:z=()=>{},onChangeText:V,onSubmit:A,isWorkerRunning:P,inputRef:j,views:W={label:{},helperText:{}},...H})=>{const B=!!l,_={xs:{minHeight:"72px",shellPaddingY:6,shellPaddingX:10,fontSize:12,lineHeight:"16px"},sm:{minHeight:"88px",shellPaddingY:8,shellPaddingX:10,fontSize:12,lineHeight:"16px"},md:{minHeight:"104px",shellPaddingY:10,shellPaddingX:12,fontSize:14,lineHeight:"20px"},lg:{minHeight:"120px",shellPaddingY:12,shellPaddingX:14,fontSize:16,lineHeight:"24px"},xl:{minHeight:"136px",shellPaddingY:14,shellPaddingX:16,fontSize:18,lineHeight:"28px"}},L=(W==null?void 0:W.field)||{},O=(W==null?void 0:W.container)||{},N=X0(O.borderRadius,f),G={...W,container:{...O,...N!==void 0?{borderRadius:N}:{},overflow:"hidden"}},q=Y0(W),K={margin:0,paddingVertical:0,paddingHorizontal:0,width:"100%",minHeight:_[d].minHeight,maxHeight:"calc(100vh - 100px)",border:"none",on:{focus:{outline:"none"}},fontSize:_[d].fontSize,letterSpacing:"-0.01em",fontWeight:400,color:k?"color-gray-400":"color-gray-900",cursor:k?"not-allowed":"text",opacity:k?.7:1,transition:"color 0.2s ease, opacity 0.2s ease",...L,style:{backgroundColor:"transparent",...L.style}},D=()=>{$(!0),F&&F()},X=R=>{b(R),$(!1)},Q=R=>{typeof R=="string"?(E(R),T&&T(R)):(E(R.target.value),T&&T(R.target.value))};return r.jsx(_e,{helperText:g,error:n,views:q,children:r.jsx(Ke,{label:l,size:d,error:n,shape:f,views:G,shadow:c,variant:m,value:a,color:"theme-primary",isHovered:p,isDisabled:k,isReadOnly:x,isFocused:u,showLabel:B,alignItems:"flex-start",minHeight:_[d].minHeight,paddingTop:_[d].shellPaddingY,paddingBottom:_[d].shellPaddingY,paddingLeft:_[d].shellPaddingX,paddingRight:_[d].shellPaddingX,onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!1),...G==null?void 0:G.content,children:r.jsxs(Co,{...W==null?void 0:W.warper,children:[B&&r.jsx(to,{htmlFor:e,color:"theme-primary",error:n,...W==null?void 0:W.label,children:l}),r.jsx(i.Element,{ref:j,as:"textarea",id:e,name:o,rows:v,cols:w,value:a,readOnly:x,disabled:k,autoFocus:C,placeholder:s||t,onBlur:X,onFocus:D,onChange:R=>Q(R),...K,...H,style:{resize:k||x?"none":"vertical",...K.style,...H.style||{}},...W==null?void 0:W.textarea})]})})})},zt=e=>{const o=me("textarea",e),t=va(o);return r.jsx(Ta,{...t,...o})},Mt=({label:e,placeholder:o,value:t})=>{const[n,a]=h.useState(e??o),[l,c]=h.useState(!1),[g,s]=h.useState(!1),[d,f]=h.useState(t);return h.useMemo(()=>{a(l&&!d?o??"":e??o)},[d,l,e,o]),{hint:n,setHint:a,isFocused:l,setIsFocused:c,isHovered:g,setIsHovered:s,setValue:f,value:d}},Yo=({id:e,name:o,label:t,hint:n,value:a,onChange:l,left:c,right:g,helperText:s,placeholder:d,onChangeText:f,shadow:m={},views:p={container:{},field:{},label:{},helperText:{},text:{}},size:u="md",shape:y="default",variant:x="default",error:k=!1,isFocused:C=!1,isHovered:S=!1,isDisabled:v=!1,isReadOnly:w=!1,isClearable:b=!0,isAutoFocus:T=!1,setHint:F=()=>{},setIsFocused:M=()=>{},setIsHovered:E=()=>{},setValue:$=()=>{},onClick:z=()=>{},onFocus:V,onBlur:A=()=>{},themeMode:P,inputRef:j,...W})=>{const{getColor:H,themeMode:B}=i.useTheme(),_=H(v?"color-gray-400":"color-gray-500",{themeMode:P||B}),L=!!t,O={xs:{minHeight:24,shellPaddingY:6,shellPaddingX:10,fontSize:12,lineHeight:"16px"},sm:{minHeight:32,shellPaddingY:8,shellPaddingX:10,fontSize:12,lineHeight:"16px"},md:{minHeight:40,shellPaddingY:10,shellPaddingX:12,fontSize:14,lineHeight:"20px"},lg:{minHeight:48,shellPaddingY:12,shellPaddingX:14,fontSize:16,lineHeight:"24px"},xl:{minHeight:56,shellPaddingY:14,shellPaddingX:16,fontSize:18,lineHeight:"28px"}},N=(p==null?void 0:p.field)||{},G="0 0 0 1000px var(--theme-canvas) inset",q={margin:0,paddingVertical:0,paddingHorizontal:0,width:"100%",minHeight:"auto",border:"none",backgroundColor:"transparent",fontSize:O[u].fontSize,letterSpacing:"-0.01em",fontWeight:400,color:v?"color-gray-400":"color-gray-900",cursor:v?"not-allowed":"text",opacity:v?.7:1,transition:"color 0.2s ease, opacity 0.2s ease",_focus:{outline:"none",_placeholder:{opacity:.7}},_placeholder:{color:"color-gray-400",opacity:1,transition:"opacity 0.2s ease-out"},_selection:{backgroundColor:"color-mix(in srgb, var(--theme-primary) 20%, transparent)"},_webkitAutofill:{boxShadow:G,WebkitBoxShadow:G,WebkitTextFillColor:"var(--theme-text)",transition:"background-color 5000s ease-in-out 0s"},_webkitContactsAutoFillButton:{visibility:"hidden",pointerEvents:"none",position:"absolute",right:0},...N},K=()=>{M(!0),V&&V()},D=()=>E(!0),X=()=>E(!1),Q=Y=>{A&&A(Y),M(!1)},R=Y=>{typeof Y=="string"?($(Y),f&&f(Y),l&&l(Y)):($(Y.target.value),f&&f(Y.target.value),l&&l(Y.target.value))},Z=()=>{$(""),l&&(A({target:{name:o}}),f&&f(""),l&&l("")),typeof document>"u"&&f&&f("")},{container:re,content:ne,...te}=p||{};return r.jsx(_e,{helperText:s,error:k,views:te,children:r.jsxs(Ke,{label:t,size:u,error:k,shape:y,views:p,shadow:m,variant:x,value:a,color:"theme-primary",isHovered:S,isDisabled:v,isReadOnly:w,isFocused:C,showLabel:L,minHeight:`${O[u].minHeight}px`,paddingTop:O[u].shellPaddingY,paddingBottom:O[u].shellPaddingY,paddingLeft:O[u].shellPaddingX,paddingRight:O[u].shellPaddingX,onMouseEnter:D,onMouseLeave:X,children:[c,r.jsxs(Co,{children:[L&&r.jsx(to,{htmlFor:e,color:"theme-primary",error:k,...p==null?void 0:p.label,children:t}),r.jsx(i.Input,{ref:j,type:"text",id:e,name:o,readOnly:w,disabled:v,autoFocus:T,placeholder:d||n,onFocus:K,onBlur:Q,autoComplete:"off",...q,...W,onChange:R,value:a})]}),b&&a&&!w&&!v&&r.jsx(It,{children:r.jsx(Te,{size:20,color:_,onClick:Z,cursor:"pointer",borderRadius:"50%",transition:"background-color 0.2s ease, transform 0.2s ease",_hover:{backgroundColor:"color-gray-100",transform:"scale(1.05)"},_active:{transform:"scale(0.95)"}})}),g]})})},Ie=e=>{const o=me("input",e),t=Mt(o);return r.jsx(Yo,{...t,...o})},Ia=({defaultIsSelected:e=!1})=>{const[o,t]=h.useState(!1),[n,a]=h.useState(e);return{isHovered:o,setIsHovered:t,isSelected:n,setIsSelected:a}},K0={xs:{height:"12px",width:"12px"},sm:{height:"16px",width:"16px"},md:{height:"20px",width:"20px"},lg:{height:"24px",width:"24px"},xl:{height:"28px",width:"28px"}},Fa={xs:10,sm:14,md:16,lg:20,xl:24},J0={selected:{backgroundColor:"theme-primary",borderColor:"theme-primary",borderWidth:"2px",borderStyle:"solid",color:"color-white",transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease"},unselected:{backgroundColor:"transparent",borderWidth:"2px",borderStyle:"solid",borderColor:"color-gray-300",color:"inherit",transition:"all 0.2s ease-in-out"},indeterminate:{backgroundColor:"theme-primary",borderColor:"theme-primary",borderWidth:"2px",borderStyle:"solid",color:"color-white",transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease"}},Wt={hover:{selected:{opacity:.9},unselected:{borderColor:"color-gray-400",backgroundColor:"color-gray-50"},indeterminate:{opacity:.9}},disabled:{selected:{backgroundColor:"color-gray-300",borderColor:"color-gray-300",opacity:.5,cursor:"not-allowed"},unselected:{borderColor:"color-gray-300",opacity:.5,cursor:"not-allowed"},indeterminate:{backgroundColor:"color-gray-300",borderColor:"color-gray-300",opacity:.5,cursor:"not-allowed"}},error:{selected:{backgroundColor:"color-red-500",borderColor:"color-red-500"},unselected:{borderColor:"color-red-500"},indeterminate:{backgroundColor:"color-red-500",borderColor:"color-red-500"}}},za=({id:e,icon:o,name:t,label:n,isChecked:a,onChange:l,onValueChange:c,shadow:g={},labelPosition:s="right",size:d="md",error:f=!1,isSelected:m=!1,isHovered:p=!1,isDisabled:u=!1,isReadOnly:y=!1,isIndeterminate:x=!1,defaultIsSelected:k=!1,setIsSelected:C=()=>{},setIsHovered:S=()=>{},setIsChecked:v,views:w={checkbox:{},label:{}},infoText:b,helperText:T,...F})=>{const M=()=>S(!p),E=()=>{!y&&!u&&(C&&C(!m),l&&l(!a),c&&c(!a))},$=x?"indeterminate":a||m?"selected":"unselected",z=f?Wt.error[$]:u?Wt.disabled[$]:p?Wt.hover[$]:{},V={container:{gap:8,display:"flex",height:"fit-content",flexDirection:"column",width:"fit-content",color:f?"color-red-600":u?"color-gray-400":"inherit",cursor:u?"not-allowed":y?"default":"pointer",opacity:u?.6:1,transition:"all 0.2s ease-in-out",...w.label},checkbox:{...J0[$],...z,borderRadius:6,...K0[d],transition:"all 0.2s ease-in-out",...g,...w.checkbox}};return r.jsxs(qo,{htmlFor:e,as:"div",onClick:E,onMouseEnter:M,onMouseLeave:M,size:i.Typography.fontSizes[d],...V.container,...F,children:[r.jsxs(i.Vertical,{gap:8,children:[" ",r.jsxs(i.Horizontal,{gap:12,alignItems:"center",children:[" ",s==="left"&&n&&r.jsx(i.Text,{size:d,fontWeight:"500",...w==null?void 0:w.label,children:n}),r.jsx(i.Center,{...V.checkbox,children:x?r.jsx(Hn,{widthHeight:Fa[d],color:"color-white",transition:"opacity 0.2s ease"}):(a||m)&&(o??r.jsx(_o,{widthHeight:Fa[d],color:"color-white",transition:"opacity 0.2s ease"}))}),s==="right"&&n&&r.jsx(i.Text,{size:d,fontWeight:"500",...w==null?void 0:w.label,children:n})]}),b&&r.jsx(i.Text,{marginLeft:s==="left"?0:36,color:"color-gray-500",size:"sm",fontWeight:"400",lineHeight:"20px",...w==null?void 0:w.infoText,children:b})]}),f&&r.jsx(i.Text,{size:"xs",marginTop:4,marginHorizontal:0,color:"color-red-500",fontWeight:"500",transition:"all 0.2s ease-in-out",children:f})]})},Pt=e=>{const o=me("checkbox",e),t=Ia(o);return r.jsx(za,{...t,...o})},Ma=e=>{const{value:o,defaultValue:t="",onChange:n,onChangeComplete:a,onOpen:l,onClose:c,closeOnSelect:g=!0,maxRecentColors:s=8,showRecentColors:d=!0,isAutoFocus:f=!1}=e,[m,p]=h.useState(!1),[u,y]=h.useState(o??t),[x,k]=h.useState(""),[C,S]=h.useState([]),[v,w]=h.useState(!1),[b,T]=h.useState(!1),F=h.useRef(null),M=h.useRef(null);h.useEffect(()=>{o!==void 0&&y(o)},[o]),h.useEffect(()=>{if(d&&typeof localStorage<"u")try{const W=localStorage.getItem("colorInput-recentColors");W&&S(JSON.parse(W))}catch(W){console.warn("Failed to load recent colors from localStorage:",W)}},[d]),h.useEffect(()=>{const W=F.current;f&&W&&typeof W.focus=="function"&&W.focus()},[f]),h.useEffect(()=>{if(typeof(document==null?void 0:document.addEventListener)!="function")return;const W=H=>{m&&F.current&&M.current&&!F.current.contains(H.target)&&!M.current.contains(H.target)&&P()};return document.addEventListener("mousedown",W),()=>document.removeEventListener("mousedown",W)},[m]);const E=h.useCallback(W=>{d&&S(H=>{const B=H.filter(L=>L!==W),_=[W,...B].slice(0,s);try{typeof localStorage<"u"&&localStorage.setItem("colorInput-recentColors",JSON.stringify(_))}catch(L){console.warn("Failed to save recent colors to localStorage:",L)}return _})},[d,s]),$=h.useCallback(()=>{const W=!m;p(W),W?l==null||l():c==null||c()},[m,l,c]),z=h.useCallback(W=>{y(W),E(W),n==null||n(W),a==null||a(W),g&&(p(!1),c==null||c())},[n,a,g,c,E]),V=h.useCallback(W=>{k(W)},[]),A=h.useCallback(()=>{x&&(z(x),k(""))},[x,z]),P=h.useCallback(()=>{p(!1),c==null||c()},[c]),j=h.useCallback(W=>{y(W),n==null||n(W)},[n]);return{isOpen:m,selectedColor:u,recentColors:C,customColor:x,isFocused:v,isHovered:b,handleToggle:$,handleColorSelect:z,handleCustomColorChange:V,handleCustomColorSubmit:A,handleClose:P,setIsFocused:w,setIsHovered:T,setValue:j,triggerRef:F,dropdownRef:M}},Xo={container:{position:"relative",display:"inline-block",width:"fit-content"},trigger:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",transition:"all 0.2s ease-in-out",backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-300",padding:"8px 12px",borderRadius:8},dropdown:{position:"absolute",top:"calc(100% + 4px)",left:0,right:0,zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",padding:"16px",minWidth:"280px"},colorGrid:{display:"grid",gridTemplateColumns:"repeat(8, 1fr)",gap:"8px"},recentColors:{display:"flex",gap:"4px",flexWrap:"wrap"}},Q0={xs:{height:"28px",fontSize:"10px",padding:"4px 8px"},sm:{height:"32px",fontSize:"12px",padding:"6px 10px"},md:{height:"40px",fontSize:"14px",padding:"8px 12px"},lg:{height:"48px",fontSize:"16px",padding:"12px 16px"},xl:{height:"56px",fontSize:"20px",padding:"16px 20px"}},Z0={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},R0={default:{backgroundColor:"color-white",borderColor:"color-gray-300",borderWidth:"1px",borderStyle:"solid"},outline:{backgroundColor:"transparent",borderColor:"color-gray-300",borderWidth:"1px",borderStyle:"solid"},none:{backgroundColor:"transparent",borderColor:"transparent",borderWidth:"0px"}},eg=[{name:"Red 500",value:"color-red-500"},{name:"Orange 500",value:"color-orange-500"},{name:"Yellow 500",value:"color-yellow-500"},{name:"Green 500",value:"color-green-500"},{name:"Blue 500",value:"color-blue-500"},{name:"Indigo 500",value:"color-indigo-500"},{name:"Purple 500",value:"color-purple-500"},{name:"Pink 500",value:"color-pink-500"},{name:"Red 300",value:"color-red-300"},{name:"Orange 300",value:"color-orange-300"},{name:"Yellow 300",value:"color-yellow-300"},{name:"Green 300",value:"color-green-300"},{name:"Blue 300",value:"color-blue-300"},{name:"Indigo 300",value:"color-indigo-300"},{name:"Purple 300",value:"color-purple-300"},{name:"Pink 300",value:"color-pink-300"},{name:"Red 700",value:"color-red-700"},{name:"Orange 700",value:"color-orange-700"},{name:"Yellow 700",value:"color-yellow-700"},{name:"Green 700",value:"color-green-700"},{name:"Blue 700",value:"color-blue-700"},{name:"Indigo 700",value:"color-indigo-700"},{name:"Purple 700",value:"color-purple-700"},{name:"Pink 700",value:"color-pink-700"},{name:"Gray 100",value:"color-gray-100"},{name:"Gray 300",value:"color-gray-300"},{name:"Gray 500",value:"color-gray-500"},{name:"Gray 700",value:"color-gray-700"},{name:"Gray 900",value:"color-gray-900"},{name:"White",value:"color-white"},{name:"Black",value:"color-black"},{name:"Transparent",value:"transparent"}],Wa=({id:e,name:o,label:t,placeholder:n="Select a color",helperText:a,views:l={},size:c="md",shape:g="default",variant:s="default",shadow:d,error:f=!1,isDisabled:m=!1,isReadOnly:p=!1,isFocused:u=!1,isHovered:y=!1,predefinedColors:x=eg,showCustomInput:k=!0,showRecentColors:C=!0,isOpen:S=!1,selectedColor:v="",recentColors:w=[],customColor:b="",handleToggle:T=()=>{},handleColorSelect:F=()=>{},handleCustomColorChange:M=()=>{},handleCustomColorSubmit:E=()=>{},handleClose:$,setIsFocused:z=()=>{},setIsHovered:V=()=>{},setValue:A,triggerRef:P,dropdownRef:j,onChange:W,onChangeComplete:H,onOpen:B,onClose:_,colorFormat:L,maxRecentColors:O,closeOnSelect:N,value:G,defaultValue:q,...K})=>{const{getColor:D}=i.useTheme(),X={...Xo.container,...l==null?void 0:l.container},Q={...Xo.trigger,...Q0[c],...Z0[g],...R0[s],...f&&{borderColor:"color-red-500"},...m&&{opacity:.6,cursor:"not-allowed"},...u&&{borderColor:"theme-primary",boxShadow:"0 0 0 2px rgba(255, 255, 255, 1), 0 0 0 4px rgba(29, 78, 216, 0.16)"},...y&&!m&&{borderColor:"color-gray-400"},...l==null?void 0:l.trigger,...d&&d},R={...Xo.dropdown,...l==null?void 0:l.dropdown},Z={...Xo.colorGrid,...l==null?void 0:l.colorGrid},re={...Xo.recentColors,...l==null?void 0:l.recentColors},ne=v||"color-gray-200";return r.jsxs(i.View,{...X,...K,children:[t&&r.jsx(qo,{htmlFor:e,size:c,isDisabled:m,error:f,views:l==null?void 0:l.label,children:t}),r.jsxs(i.View,{ref:P,onClick:m||p?void 0:T,onMouseEnter:()=>V(!0),onMouseLeave:()=>V(!1),onFocus:()=>z(!0),onBlur:()=>z(!1),tabIndex:m?-1:0,role:"button","aria-expanded":S,"aria-haspopup":"listbox","aria-label":t||n,width:"fit-content",gap:8,...Q,children:[r.jsx(i.View,{width:"20px",height:"20px",borderRadius:"4px",backgroundColor:ne,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-300"}),!p&&!m&&r.jsx(de,{widthHeight:16,color:"color-gray-500",orientation:S?"up":"down"})]}),S&&r.jsxs(i.View,{ref:j,...R,children:[r.jsx(i.View,{...Z,children:x.map((te,Y)=>r.jsx(i.View,{width:"24px",height:"24px",borderRadius:"8px",backgroundColor:te.value,borderWidth:"2px",borderStyle:"solid",borderColor:v===te.value?"theme-primary":"transparent",cursor:"pointer",transition:"transform 0.2s ease, border-color 0.2s ease",onClick:()=>F(te.value),title:te.name,_hover:{transform:"scale(1.05)",borderColor:"color-gray-400"},...l==null?void 0:l.colorSwatch},Y))}),C&&w.length>0&&r.jsxs(i.Vertical,{gap:8,marginTop:"16px",children:[r.jsx(i.Text,{fontSize:"12px",fontWeight:"500",color:"color-gray-600",children:"Recent Colors"}),r.jsx(i.Horizontal,{gap:4,flexWrap:"wrap",...re,children:w.map((te,Y)=>r.jsx(i.View,{width:"20px",height:"20px",borderRadius:"8px",backgroundColor:te,borderWidth:"1px",borderStyle:"solid",borderColor:v===te?"theme-primary":"color-gray-300",cursor:"pointer",transition:"transform 0.2s ease, border-color 0.2s ease",onClick:()=>F(te),title:te,_hover:{transform:"scale(1.05)",borderColor:"color-gray-400"}},Y))})]}),k&&r.jsxs(i.Vertical,{gap:8,marginTop:"16px",children:[r.jsx(i.Text,{fontSize:"12px",fontWeight:"500",color:"color-gray-600",children:"Custom Color"}),r.jsxs(i.Horizontal,{gap:8,children:[r.jsx(Ie,{value:b,onChange:te=>M(te.target.value),placeholder:"#000000 or rgb(0,0,0)",size:"sm",style:{flex:1},views:l==null?void 0:l.customInput}),r.jsx(i.View,{padding:"8px 12px",backgroundColor:"theme-primary",borderRadius:"8px",cursor:"pointer",onClick:E,transition:"background-color 0.2s ease, opacity 0.2s ease",_hover:{backgroundColor:"color-blue-700"},children:r.jsx(i.Text,{color:"color-white",fontSize:"12px",fontWeight:"500",children:"Add"})})]})]})]}),a&&r.jsx(i.Text,{fontSize:"12px",color:f?"color-red-500":"color-gray-600",marginTop:"4px",...l==null?void 0:l.helperText,children:a}),f&&typeof f=="string"&&r.jsx(i.Text,{fontSize:"12px",color:"color-red-500",marginTop:"4px",...l==null?void 0:l.error,children:f})]})},og=e=>{const o=Ma(e);return r.jsx(Wa,{...o,...e})},Ht=[{name:"Afghanistan",dial_code:"+93",emoji:"🇦🇫",code:"AF"},{name:"Aland Islands",dial_code:"+358",emoji:"🇦🇽",code:"AX"},{name:"Albania",dial_code:"+355",emoji:"🇦🇱",code:"AL"},{name:"Algeria",dial_code:"+213",emoji:"🇩🇿",code:"DZ"},{name:"AmericanSamoa",dial_code:"+1684",emoji:"🇦🇸",code:"AS"},{name:"Andorra",dial_code:"+376",emoji:"🇦🇩",code:"AD"},{name:"Angola",dial_code:"+244",emoji:"🇦🇴",code:"AO"},{name:"Anguilla",dial_code:"+1264",emoji:"🇦🇮",code:"AI"},{name:"Antarctica",dial_code:"+672",emoji:"🇦🇶",code:"AQ"},{name:"Antigua and Barbuda",dial_code:"+1268",emoji:"🇦🇬",code:"AG"},{name:"Argentina",dial_code:"+54",emoji:"🇦🇷",code:"AR"},{name:"Armenia",dial_code:"+374",emoji:"🇦🇲",code:"AM"},{name:"Aruba",dial_code:"+297",emoji:"🇦🇼",code:"AW"},{name:"Australia",dial_code:"+61",emoji:"🇦🇺",code:"AU"},{name:"Austria",dial_code:"+43",emoji:"🇦🇹",code:"AT"},{name:"Azerbaijan",dial_code:"+994",emoji:"🇦🇿",code:"AZ"},{name:"Bahamas",dial_code:"+1242",emoji:"🇧🇸",code:"BS"},{name:"Bahrain",dial_code:"+973",emoji:"🇧🇭",code:"BH"},{name:"Bangladesh",dial_code:"+880",emoji:"🇧🇩",code:"BD"},{name:"Barbados",dial_code:"+1246",emoji:"🇧🇧",code:"BB"},{name:"Belarus",dial_code:"+375",emoji:"🇧🇾",code:"BY"},{name:"Belgium",dial_code:"+32",emoji:"🇧🇪",code:"BE"},{name:"Belize",dial_code:"+501",emoji:"🇧🇿",code:"BZ"},{name:"Benin",dial_code:"+229",emoji:"🇧🇯",code:"BJ"},{name:"Bermuda",dial_code:"+1441",emoji:"🇧🇲",code:"BM"},{name:"Bhutan",dial_code:"+975",emoji:"🇧🇹",code:"BT"},{name:"Bolivia, Plurinational State of",dial_code:"+591",emoji:"🇧🇴",code:"BO"},{name:"Bosnia and Herzegovina",dial_code:"+387",emoji:"🇧🇦",code:"BA"},{name:"Botswana",dial_code:"+267",emoji:"🇧🇼",code:"BW"},{name:"Brazil",dial_code:"+55",emoji:"🇧🇷",code:"BR"},{name:"British Indian Ocean Territory",dial_code:"+246",emoji:"🇮🇴",code:"IO"},{name:"Brunei Darussalam",dial_code:"+673",emoji:"🇧🇳",code:"BN"},{name:"Bulgaria",dial_code:"+359",emoji:"🇧🇬",code:"BG"},{name:"Burkina Faso",dial_code:"+226",emoji:"🇧🇫",code:"BF"},{name:"Burundi",dial_code:"+257",emoji:"🇧🇮",code:"BI"},{name:"Cambodia",dial_code:"+855",emoji:"🇰🇭",code:"KH"},{name:"Cameroon",dial_code:"+237",emoji:"🇨🇲",code:"CM"},{name:"Canada",dial_code:"+1",emoji:"🇨🇦",code:"CA"},{name:"Cape Verde",dial_code:"+238",emoji:"🇨🇻",code:"CV"},{name:"Cayman Islands",dial_code:"+345",emoji:"🇰🇾",code:"KY"},{name:"Central African Republic",dial_code:"+236",emoji:"🇨🇫",code:"CF"},{name:"Chad",dial_code:"+235",emoji:"🇹🇩",code:"TD"},{name:"Chile",dial_code:"+56",emoji:"🇨🇱",code:"CL"},{name:"China",dial_code:"+86",emoji:"🇨🇳",code:"CN"},{name:"Christmas Island",dial_code:"+61",emoji:"🇨🇽",code:"CX"},{name:"Cocos (Keeling) Islands",dial_code:"+61",emoji:"🇨🇨",code:"CC"},{name:"Colombia",dial_code:"+57",emoji:"🇨🇴",code:"CO"},{name:"Comoros",dial_code:"+269",emoji:"🇰🇲",code:"KM"},{name:"Congo",dial_code:"+242",emoji:"🇨🇬",code:"CG"},{name:"Congo, The Democratic Republic of the Congo",dial_code:"+243",emoji:"🇨🇩",code:"CD"},{name:"Cook Islands",dial_code:"+682",emoji:"🇨🇰",code:"CK"},{name:"Costa Rica",dial_code:"+506",emoji:"🇨🇷",code:"CR"},{name:"Cote d'Ivoire",dial_code:"+225",emoji:"🇨🇮",code:"CI"},{name:"Croatia",dial_code:"+385",emoji:"🇭🇷",code:"HR"},{name:"Cuba",dial_code:"+53",emoji:"🇨🇺",code:"CU"},{name:"Cyprus",dial_code:"+357",emoji:"🇨🇾",code:"CY"},{name:"Czech Republic",dial_code:"+420",emoji:"🇨🇿",code:"CZ"},{name:"Denmark",dial_code:"+45",emoji:"🇩🇰",code:"DK"},{name:"Djibouti",dial_code:"+253",emoji:"🇩🇯",code:"DJ"},{name:"Dominica",dial_code:"+1767",emoji:"🇩🇲",code:"DM"},{name:"Dominican Republic",dial_code:"+1849",emoji:"🇩🇴",code:"DO"},{name:"Ecuador",dial_code:"+593",emoji:"🇪🇨",code:"EC"},{name:"Egypt",dial_code:"+20",emoji:"🇪🇬",code:"EG"},{name:"El Salvador",dial_code:"+503",emoji:"🇸🇻",code:"SV"},{name:"Equatorial Guinea",dial_code:"+240",emoji:"🇬🇶",code:"GQ"},{name:"Eritrea",dial_code:"+291",emoji:"🇪🇷",code:"ER"},{name:"Estonia",dial_code:"+372",emoji:"🇪🇪",code:"EE"},{name:"Ethiopia",dial_code:"+251",emoji:"🇪🇹",code:"ET"},{name:"Falkland Islands (Malvinas)",dial_code:"+500",emoji:"🇫🇰",code:"FK"},{name:"Faroe Islands",dial_code:"+298",emoji:"🇫🇴",code:"FO"},{name:"Fiji",dial_code:"+679",emoji:"🇫🇯",code:"FJ"},{name:"Finland",dial_code:"+358",emoji:"🇫🇮",code:"FI"},{name:"France",dial_code:"+33",emoji:"🇫🇷",code:"FR"},{name:"French Guiana",dial_code:"+594",emoji:"🇬🇫",code:"GF"},{name:"French Polynesia",dial_code:"+689",emoji:"🇵🇫",code:"PF"},{name:"Gabon",dial_code:"+241",emoji:"🇬🇦",code:"GA"},{name:"Gambia",dial_code:"+220",emoji:"🇬🇲",code:"GM"},{name:"Georgia",dial_code:"+995",emoji:"🇬🇪",code:"GE"},{name:"Germany",dial_code:"+49",emoji:"🇩🇪",code:"DE"},{name:"Ghana",dial_code:"+233",emoji:"🇬🇭",code:"GH"},{name:"Gibraltar",dial_code:"+350",emoji:"🇬🇮",code:"GI"},{name:"Greece",dial_code:"+30",emoji:"🇬🇷",code:"GR"},{name:"Greenland",dial_code:"+299",emoji:"🇬🇱",code:"GL"},{name:"Grenada",dial_code:"+1473",emoji:"🇬🇩",code:"GD"},{name:"Guadeloupe",dial_code:"+590",emoji:"🇬🇵",code:"GP"},{name:"Guam",dial_code:"+1671",emoji:"🇬🇺",code:"GU"},{name:"Guatemala",dial_code:"+502",emoji:"🇬🇹",code:"GT"},{name:"Guernsey",dial_code:"+44",emoji:"🇬🇬",code:"GG"},{name:"Guinea",dial_code:"+224",emoji:"🇬🇳",code:"GN"},{name:"Guinea-Bissau",dial_code:"+245",emoji:"🇬🇼",code:"GW"},{name:"Guyana",dial_code:"+595",emoji:"🇬🇾",code:"GY"},{name:"Haiti",dial_code:"+509",emoji:"🇭🇹",code:"HT"},{name:"Holy See (Vatican City State)",dial_code:"+379",emoji:"🇻🇦",code:"VA"},{name:"Honduras",dial_code:"+504",emoji:"🇭🇳",code:"HN"},{name:"Hong Kong",dial_code:"+852",emoji:"🇭🇰",code:"HK"},{name:"Hungary",dial_code:"+36",emoji:"🇭🇺",code:"HU"},{name:"Iceland",dial_code:"+354",emoji:"🇮🇸",code:"IS"},{name:"India",dial_code:"+91",emoji:"🇮🇳",code:"IN"},{name:"Indonesia",dial_code:"+62",emoji:"🇮🇩",code:"ID"},{name:"Iran, Islamic Republic of Persian Gulf",dial_code:"+98",emoji:"🇮🇷",code:"IR"},{name:"Iraq",dial_code:"+964",emoji:"🇮🇷",code:"IQ"},{name:"Ireland",dial_code:"+353",emoji:"🇮🇪",code:"IE"},{name:"Isle of Man",dial_code:"+44",emoji:"🇮🇲",code:"IM"},{name:"Israel",dial_code:"+972",emoji:"🇮🇱",code:"IL"},{name:"Italy",dial_code:"+39",emoji:"🇮🇹",code:"IT"},{name:"Jamaica",dial_code:"+1876",emoji:"🇯🇲",code:"JM"},{name:"Japan",dial_code:"+81",emoji:"🇯🇵",code:"JP"},{name:"Jersey",dial_code:"+44",emoji:"🇯🇪",code:"JE"},{name:"Jordan",dial_code:"+962",emoji:"🇯🇴",code:"JO"},{name:"Kazakhstan",dial_code:"+77",emoji:"🇰🇿",code:"KZ"},{name:"Kenya",dial_code:"+254",emoji:"🇰🇪",code:"KE"},{name:"Kiribati",dial_code:"+686",emoji:"🇰🇮",code:"KI"},{name:"Korea, Democratic People's Republic of Korea",dial_code:"+850",emoji:"🇰🇵",code:"KP"},{name:"Korea, Republic of South Korea",dial_code:"+82",emoji:"🇰🇷",code:"KR"},{name:"Kuwait",dial_code:"+965",emoji:"🇰🇼",code:"KW"},{name:"Kyrgyzstan",dial_code:"+996",emoji:"🇰🇬",code:"KG"},{name:"Laos",dial_code:"+856",emoji:"🇱🇦",code:"LA"},{name:"Latvia",dial_code:"+371",emoji:"🇱🇻",code:"LV"},{name:"Lebanon",dial_code:"+961",emoji:"🇱🇧",code:"LB"},{name:"Lesotho",dial_code:"+266",emoji:"🇱🇸",code:"LS"},{name:"Liberia",dial_code:"+231",emoji:"🇱🇷",code:"LR"},{name:"Libyan Arab Jamahiriya",dial_code:"+218",emoji:"🇱🇾",code:"LY"},{name:"Liechtenstein",dial_code:"+423",emoji:"🇱🇮",code:"LI"},{name:"Lithuania",dial_code:"+370",emoji:"🇱🇹",code:"LT"},{name:"Luxembourg",dial_code:"+352",emoji:"🇱🇺",code:"LU"},{name:"Macao",dial_code:"+853",emoji:"🇲🇴",code:"MO"},{name:"Macedonia",dial_code:"+389",emoji:"🇲🇰",code:"MK"},{name:"Madagascar",dial_code:"+261",emoji:"🇲🇬",code:"MG"},{name:"Malawi",dial_code:"+265",emoji:"🇲🇼",code:"MW"},{name:"Malaysia",dial_code:"+60",emoji:"🇲🇾",code:"MY"},{name:"Maldives",dial_code:"+960",emoji:"🇲🇻",code:"MV"},{name:"Mali",dial_code:"+223",emoji:"🇲🇱",code:"ML"},{name:"Malta",dial_code:"+356",emoji:"🇲🇹",code:"MT"},{name:"Marshall Islands",dial_code:"+692",emoji:"🇲🇭",code:"MH"},{name:"Martinique",dial_code:"+596",emoji:"🇲🇶",code:"MQ"},{name:"Mauritania",dial_code:"+222",emoji:"🇲🇷",code:"MR"},{name:"Mauritius",dial_code:"+230",emoji:"🇲🇺",code:"MU"},{name:"Mayotte",dial_code:"+262",emoji:"🇾🇹",code:"YT"},{name:"Mexico",dial_code:"+52",emoji:"🇲🇽",code:"MX"},{name:"Micronesia, Federated States of Micronesia",dial_code:"+691",emoji:"🇫🇲",code:"FM"},{name:"Moldova",dial_code:"+373",emoji:"🇲🇩",code:"MD"},{name:"Monaco",dial_code:"+377",emoji:"🇲🇨",code:"MC"},{name:"Mongolia",dial_code:"+976",emoji:"🇲🇳",code:"MN"},{name:"Montenegro",dial_code:"+382",emoji:"🇲🇪",code:"ME"},{name:"Montserrat",dial_code:"+1664",emoji:"🇲🇸",code:"MS"},{name:"Morocco",dial_code:"+212",emoji:"🇲🇦",code:"MA"},{name:"Mozambique",dial_code:"+258",emoji:"🇲🇿",code:"MZ"},{name:"Myanmar",dial_code:"+95",emoji:"🇲🇲",code:"MM"},{name:"Namibia",emoji:"🇳🇦",dial_code:"+264",code:"NA"},{name:"Nauru",dial_code:"+674",emoji:"🇳🇷",code:"NR"},{name:"Nepal",dial_code:"+977",emoji:"🇳🇵",code:"NP"},{name:"Netherlands",dial_code:"+31",emoji:"🇳🇱",code:"NL"},{name:"Netherlands Antilles",dial_code:"+599",emoji:"🇧🇶",code:"AN"},{name:"New Caledonia",dial_code:"+687",emoji:"🇳🇨",code:"NC"},{name:"New Zealand",dial_code:"+64",emoji:"🇳🇿",code:"NZ"},{name:"Nicaragua",dial_code:"+505",emoji:"🇳🇮",code:"NI"},{name:"Niger",dial_code:"+227",emoji:"🇳🇪",code:"NE"},{name:"Nigeria",dial_code:"+234",emoji:"🇳🇬",code:"NG"},{name:"Niue",dial_code:"+683",emoji:"🇳🇺",code:"NU"},{name:"Norfolk Island",dial_code:"+672",emoji:"🇳🇫",code:"NF"},{name:"Northern Mariana Islands",dial_code:"+1670",emoji:"🇲🇵",code:"MP"},{name:"Norway",dial_code:"+47",emoji:"🇳🇴",code:"NO"},{name:"Oman",dial_code:"+968",emoji:"🇴🇲",code:"OM"},{name:"Pakistan",dial_code:"+92",emoji:"🇵🇰",code:"PK"},{name:"Palau",dial_code:"+680",emoji:"🇵🇼",code:"PW"},{name:"Palestinian Territory, Occupied",dial_code:"+970",emoji:"🇵🇸",code:"PS"},{name:"Panama",dial_code:"+507",emoji:"🇵🇦",code:"PA"},{name:"Papua New Guinea",dial_code:"+675",emoji:"🇵🇬",code:"PG"},{name:"Paraguay",dial_code:"+595",emoji:"🇵🇾",code:"PY"},{name:"Peru",dial_code:"+51",emoji:"🇵🇪",code:"PE"},{name:"Philippines",dial_code:"+63",emoji:"🇵🇭",code:"PH"},{name:"Pitcairn",dial_code:"+872",emoji:"🇵🇳",code:"PN"},{name:"Poland",dial_code:"+48",emoji:"🇵🇱",code:"PL"},{name:"Portugal",dial_code:"+351",emoji:"🇵🇹",code:"PT"},{name:"Puerto Rico",dial_code:"+1939",emoji:"🇵🇷",code:"PR"},{name:"Qatar",dial_code:"+974",emoji:"🇶🇦",code:"QA"},{name:"Romania",dial_code:"+40",emoji:"🇷🇴",code:"RO"},{name:"Russia",dial_code:"+7",emoji:"🇷🇺",code:"RU"},{name:"Rwanda",dial_code:"+250",emoji:"🇷🇼",code:"RW"},{name:"Reunion",dial_code:"+262",emoji:"🇷🇪",code:"RE"},{name:"Saint Barthelemy",dial_code:"+590",emoji:"🇧🇱",code:"BL"},{name:"Saint Helena, Ascension and Tristan Da Cunha",dial_code:"+290",emoji:"🇸🇭",code:"SH"},{name:"Saint Kitts and Nevis",dial_code:"+1869",emoji:"🇰🇳",code:"KN"},{name:"Saint Lucia",dial_code:"+1758",emoji:"🇱🇨",code:"LC"},{name:"Saint Martin",dial_code:"+590",emoji:"🇲🇫",code:"MF"},{name:"Saint Pierre and Miquelon",dial_code:"+508",emoji:"🇵🇲",code:"PM"},{name:"Saint Vincent and the Grenadines",dial_code:"+1784",emoji:"🇻🇨",code:"VC"},{name:"Samoa",dial_code:"+685",emoji:"🇼🇸",code:"WS"},{name:"San Marino",dial_code:"+378",emoji:"🇸🇲",code:"SM"},{name:"Sao Tome and Principe",dial_code:"+239",emoji:"🇸🇹",code:"ST"},{name:"Saudi Arabia",dial_code:"+966",emoji:"🇸🇦",code:"SA"},{name:"Senegal",dial_code:"+221",emoji:"🇸🇳",code:"SN"},{name:"Serbia",dial_code:"+381",emoji:"🇷🇸",code:"RS"},{name:"Seychelles",dial_code:"+248",emoji:"🇸🇨",code:"SC"},{name:"Sierra Leone",dial_code:"+232",emoji:"🇸🇱",code:"SL"},{name:"Singapore",dial_code:"+65",emoji:"🇸🇬",code:"SG"},{name:"Slovakia",dial_code:"+421",emoji:"🇸🇰",code:"SK"},{name:"Slovenia",dial_code:"+386",emoji:"🇸🇮",code:"SI"},{name:"Solomon Islands",dial_code:"+677",emoji:"🇸🇧",code:"SB"},{name:"Somalia",dial_code:"+252",emoji:"🇸🇴",code:"SO"},{name:"South Africa",dial_code:"+27",emoji:"🇿🇦",code:"ZA"},{name:"South Sudan",dial_code:"+211",emoji:"🇸🇸",code:"SS"},{name:"South Georgia and the South Sandwich Islands",dial_code:"+500",emoji:"🇬🇸",code:"GS"},{name:"Spain",dial_code:"+34",emoji:"🇪🇸",code:"ES"},{name:"Sri Lanka",dial_code:"+94",emoji:"🇱🇰",code:"LK"},{name:"Sudan",dial_code:"+249",emoji:"🇸🇩",code:"SD"},{name:"Suriname",dial_code:"+597",emoji:"🇸🇷",code:"SR"},{name:"Svalbard and Jan Mayen",dial_code:"+47",emoji:"🇸🇯",code:"SJ"},{name:"Swaziland",dial_code:"+268",emoji:"🇸🇿",code:"SZ"},{name:"Sweden",dial_code:"+46",emoji:"🇸🇪",code:"SE"},{name:"Switzerland",dial_code:"+41",emoji:"🇨🇭",code:"CH"},{name:"Syrian Arab Republic",dial_code:"+963",emoji:"🇸🇾",code:"SY"},{name:"Taiwan",dial_code:"+886",emoji:"🇹🇼",code:"TW"},{name:"Tajikistan",dial_code:"+992",emoji:"🇹🇯",code:"TJ"},{name:"Tanzania, United Republic of Tanzania",dial_code:"+255",emoji:"🇹🇿",code:"TZ"},{name:"Thailand",dial_code:"+66",emoji:"🇹🇭",code:"TH"},{name:"Timor-Leste",dial_code:"+670",emoji:"🇹🇱",code:"TL"},{name:"Togo",dial_code:"+228",emoji:"🇹🇬",code:"TG"},{name:"Tokelau",dial_code:"+690",emoji:"🇹🇰",code:"TK"},{name:"Tonga",dial_code:"+676",emoji:"🇹🇴",code:"TO"},{name:"Trinidad and Tobago",dial_code:"+1868",emoji:"🇹🇹",code:"TT"},{name:"Tunisia",dial_code:"+216",emoji:"🇹🇳",code:"TN"},{name:"Turkey",dial_code:"+90",emoji:"🇹🇷",code:"TR"},{name:"Turkmenistan",dial_code:"+993",emoji:"🇹🇲",code:"TM"},{name:"Turks and Caicos Islands",dial_code:"+1649",emoji:"🇹🇨",code:"TC"},{name:"Tuvalu",dial_code:"+688",emoji:"🇹🇻",code:"TV"},{name:"Uganda",dial_code:"+256",emoji:"🇺🇬",code:"UG"},{name:"Ukraine",dial_code:"+380",emoji:"🇺🇦",code:"UA"},{name:"United Arab Emirates",dial_code:"+971",emoji:"🇦🇪",code:"AE"},{name:"United Kingdom",dial_code:"+44",emoji:"🇬🇧",code:"GB"},{name:"United States",dial_code:"+1",emoji:"🇺🇸",code:"US"},{name:"Uruguay",dial_code:"+598",emoji:"🇺🇾",code:"UY"},{name:"Uzbekistan",dial_code:"+998",emoji:"🇺🇿",code:"UZ"},{name:"Vanuatu",dial_code:"+678",emoji:"🇻🇺",code:"VU"},{name:"Venezuela, Bolivarian Republic of Venezuela",dial_code:"+58",emoji:"🇻🇪",code:"VE"},{name:"Vietnam",dial_code:"+84",emoji:"🇻🇳",code:"VN"},{name:"Virgin Islands, British",dial_code:"+1284",emoji:"🇻🇬",code:"VG"},{name:"Virgin Islands, U.S.",dial_code:"+1340",emoji:"🇻🇮",code:"VI"},{name:"Wallis and Futuna",dial_code:"+681",emoji:"🇼🇫",code:"WF"},{name:"Yemen",dial_code:"+967",emoji:"🇾🇪",code:"YE"},{name:"Zambia",dial_code:"+260",emoji:"🇿🇲",code:"ZM"},{name:"Zimbabwe",dial_code:"+263",emoji:"🇿🇼",code:"ZW"}],Pa=({placeholder:e})=>{const[o,t]=h.useState(Ht),[n,a]=h.useState(e??Ht[0].name),[l,c]=h.useState(!0),[g,s]=h.useState(!1),[d,f]=h.useState(!1);return{hide:l,setHide:c,newOptions:o,setNewOptions:t,isHovered:d,setIsHovered:f,isFocused:g,setIsFocused:s,value:n,setValue:a}},Ha={xs:8,sm:10,md:12,lg:14,xl:16},rg=({size:e,...o})=>r.jsx(i.Element,{as:"ul",...o}),tg=e=>r.jsx(i.Input,{type:"country",...e}),ng=({size:e,...o})=>r.jsx(i.Element,{as:"li",...o}),ag=({option:e,size:o="md",callback:t=()=>{},views:n={text:{}}})=>{const a=l=>{l&&l.stopPropagation&&l.stopPropagation(),t(e)};return r.jsx(ng,{margin:0,role:"DropDownItem",listStyleType:"none",fontWeight:"normal",paddingVertical:6,paddingHorizontal:12,onClick:a,fontSize:i.Typography.fontSizes[o],_hover:{backgroundColor:"color-gray-100",transition:"all 0.15s ease-in-out"},...n.text,children:e})},lg=({size:e,views:o={dropDown:{}},options:t=[],callback:n=()=>{}})=>{const a=l=>n(l);return r.jsx(rg,{role:"dropDown",margin:0,padding:0,top:"100%",width:"100%",display:"flex",zIndex:1e3,overflow:"auto",maxHeight:"300px",borderRadius:12,position:"absolute",flexDirection:"column",backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",...o.dropDown,children:t.map(l=>r.jsx(ag,{size:e,option:l.name,callback:a,...o.text},l.code))})},ja=({id:e,name:o,label:t,value:n,placeholder:a,helperText:l,hide:c=!1,error:g=!1,isHovered:s=!1,isFocused:d=!1,isAutoFocus:f=!1,isDisabled:m=!1,isReadOnly:p=!1,shadow:u={},newOptions:y=[],size:x="md",variant:k="default",shape:C="default",onChange:S,onBlur:v=()=>{},setHide:w=()=>{},setNewOptions:b=()=>{},setIsHovered:T=()=>{},setIsFocused:F=()=>{},setValue:M=()=>{},selected:E,setSelected:$,views:z={text:{},icon:{},label:{},dropDown:{},helperText:{}},themeMode:V,...A})=>{const{getColor:P,themeMode:j}=i.useTheme(),W=P("color-gray-500",{themeMode:V||j}),H=()=>F(!0),B=q=>{w(!c),M(q),S&&S(q)},_=()=>{!m&&!p&&w(!c)},L=q=>{const K=q.target.value,D=Ht.filter(X=>X.name.toLowerCase().startsWith(K.toLowerCase()));c&&w(!1),b(D),S&&S(K)},O=q=>{v(q),F(!1)},N=!!(t&&(d||n)),G={margin:0,paddingVertical:8,paddingHorizontal:0,width:"100%",heigth:"100%",border:"none",on:{focus:{outline:"none"}},transition:"all 0.2s ease-in-out",fontSize:i.Typography.fontSizes[x],backgroundColor:"transparent",color:m?"color-gray-400":"color-gray-900",cursor:m?"not-allowed":p?"auto":"pointer",...z.field};return r.jsxs(_e,{helperText:l,error:g,views:z,onClick:_,children:[r.jsxs(Ke,{label:t,size:x,error:g,shape:C,views:z,shadow:u,variant:k,value:n,color:"theme-primary",isDisabled:m,isReadOnly:p,isFocused:d,showLabel:N,_hover:!m&&!g?{borderColor:"theme-primary"}:void 0,children:[r.jsxs(Co,{children:[N&&r.jsx(to,{htmlFor:e,color:"theme-primary",error:g,views:z,children:t}),r.jsx(tg,{id:e,name:o,placeholder:a,readOnly:p,disabled:m,autoFocus:f,onBlur:O,onFocus:H,...G,...A,value:n,onChange:L})]}),r.jsx(It,{children:c?r.jsx(de,{orientation:"down",widthHeight:Ha[x],color:W,style:z.icon}):r.jsx(de,{orientation:"up",widthHeight:Ha[x],color:W,style:z.icon})})]}),!c&&r.jsx(lg,{size:x,views:z,options:y,callback:B})]})},ig=e=>{const o=Pa(e);return r.jsx(ja,{...o,...e})};function Wr(e){"@babel/helpers - typeof";return Wr=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o){return typeof o}:function(o){return o&&typeof Symbol=="function"&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},Wr(e)}function Se(e,o){if(o.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+o.length+" present")}function cg(e){return Se(1,arguments),e instanceof Date||Wr(e)==="object"&&Object.prototype.toString.call(e)==="[object Date]"}function $e(e){Se(1,arguments);var o=Object.prototype.toString.call(e);return e instanceof Date||Wr(e)==="object"&&o==="[object Date]"?new Date(e.getTime()):typeof e=="number"||o==="[object Number]"?new Date(e):((typeof e=="string"||o==="[object String]")&&typeof console<"u"&&(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn(new Error().stack)),new Date(NaN))}function sg(e){if(Se(1,arguments),!cg(e)&&typeof e!="number")return!1;var o=$e(e);return!isNaN(Number(o))}function ao(e){if(e===null||e===!0||e===!1)return NaN;var o=Number(e);return isNaN(o)?o:o<0?Math.ceil(o):Math.floor(o)}function dg(e,o){Se(2,arguments);var t=$e(e).getTime(),n=ao(o);return new Date(t+n)}function gg(e,o){Se(2,arguments);var t=ao(o);return dg(e,-t)}var hg=864e5;function fg(e){Se(1,arguments);var o=$e(e),t=o.getTime();o.setUTCMonth(0,1),o.setUTCHours(0,0,0,0);var n=o.getTime(),a=t-n;return Math.floor(a/hg)+1}function Pr(e){Se(1,arguments);var o=1,t=$e(e),n=t.getUTCDay(),a=(n<o?7:0)+n-o;return t.setUTCDate(t.getUTCDate()-a),t.setUTCHours(0,0,0,0),t}function Aa(e){Se(1,arguments);var o=$e(e),t=o.getUTCFullYear(),n=new Date(0);n.setUTCFullYear(t+1,0,4),n.setUTCHours(0,0,0,0);var a=Pr(n),l=new Date(0);l.setUTCFullYear(t,0,4),l.setUTCHours(0,0,0,0);var c=Pr(l);return o.getTime()>=a.getTime()?t+1:o.getTime()>=c.getTime()?t:t-1}function mg(e){Se(1,arguments);var o=Aa(e),t=new Date(0);t.setUTCFullYear(o,0,4),t.setUTCHours(0,0,0,0);var n=Pr(t);return n}var pg=6048e5;function ug(e){Se(1,arguments);var o=$e(e),t=Pr(o).getTime()-mg(o).getTime();return Math.round(t/pg)+1}var yg={};function Hr(){return yg}function jr(e,o){var t,n,a,l,c,g,s,d;Se(1,arguments);var f=Hr(),m=ao((t=(n=(a=(l=o==null?void 0:o.weekStartsOn)!==null&&l!==void 0?l:o==null||(c=o.locale)===null||c===void 0||(g=c.options)===null||g===void 0?void 0:g.weekStartsOn)!==null&&a!==void 0?a:f.weekStartsOn)!==null&&n!==void 0?n:(s=f.locale)===null||s===void 0||(d=s.options)===null||d===void 0?void 0:d.weekStartsOn)!==null&&t!==void 0?t:0);if(!(m>=0&&m<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var p=$e(e),u=p.getUTCDay(),y=(u<m?7:0)+u-m;return p.setUTCDate(p.getUTCDate()-y),p.setUTCHours(0,0,0,0),p}function Va(e,o){var t,n,a,l,c,g,s,d;Se(1,arguments);var f=$e(e),m=f.getUTCFullYear(),p=Hr(),u=ao((t=(n=(a=(l=o==null?void 0:o.firstWeekContainsDate)!==null&&l!==void 0?l:o==null||(c=o.locale)===null||c===void 0||(g=c.options)===null||g===void 0?void 0:g.firstWeekContainsDate)!==null&&a!==void 0?a:p.firstWeekContainsDate)!==null&&n!==void 0?n:(s=p.locale)===null||s===void 0||(d=s.options)===null||d===void 0?void 0:d.firstWeekContainsDate)!==null&&t!==void 0?t:1);if(!(u>=1&&u<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var y=new Date(0);y.setUTCFullYear(m+1,0,u),y.setUTCHours(0,0,0,0);var x=jr(y,o),k=new Date(0);k.setUTCFullYear(m,0,u),k.setUTCHours(0,0,0,0);var C=jr(k,o);return f.getTime()>=x.getTime()?m+1:f.getTime()>=C.getTime()?m:m-1}function bg(e,o){var t,n,a,l,c,g,s,d;Se(1,arguments);var f=Hr(),m=ao((t=(n=(a=(l=o==null?void 0:o.firstWeekContainsDate)!==null&&l!==void 0?l:o==null||(c=o.locale)===null||c===void 0||(g=c.options)===null||g===void 0?void 0:g.firstWeekContainsDate)!==null&&a!==void 0?a:f.firstWeekContainsDate)!==null&&n!==void 0?n:(s=f.locale)===null||s===void 0||(d=s.options)===null||d===void 0?void 0:d.firstWeekContainsDate)!==null&&t!==void 0?t:1),p=Va(e,o),u=new Date(0);u.setUTCFullYear(p,0,m),u.setUTCHours(0,0,0,0);var y=jr(u,o);return y}var xg=6048e5;function kg(e,o){Se(1,arguments);var t=$e(e),n=jr(t,o).getTime()-bg(t,o).getTime();return Math.round(n/xg)+1}function ae(e,o){for(var t=e<0?"-":"",n=Math.abs(e).toString();n.length<o;)n="0"+n;return t+n}var Je={y:function(o,t){var n=o.getUTCFullYear(),a=n>0?n:1-n;return ae(t==="yy"?a%100:a,t.length)},M:function(o,t){var n=o.getUTCMonth();return t==="M"?String(n+1):ae(n+1,2)},d:function(o,t){return ae(o.getUTCDate(),t.length)},a:function(o,t){var n=o.getUTCHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.toUpperCase();case"aaa":return n;case"aaaaa":return n[0];case"aaaa":default:return n==="am"?"a.m.":"p.m."}},h:function(o,t){return ae(o.getUTCHours()%12||12,t.length)},H:function(o,t){return ae(o.getUTCHours(),t.length)},m:function(o,t){return ae(o.getUTCMinutes(),t.length)},s:function(o,t){return ae(o.getUTCSeconds(),t.length)},S:function(o,t){var n=t.length,a=o.getUTCMilliseconds(),l=Math.floor(a*Math.pow(10,n-3));return ae(l,t.length)}},wo={midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},Cg={G:function(o,t,n){var a=o.getUTCFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return n.era(a,{width:"abbreviated"});case"GGGGG":return n.era(a,{width:"narrow"});case"GGGG":default:return n.era(a,{width:"wide"})}},y:function(o,t,n){if(t==="yo"){var a=o.getUTCFullYear(),l=a>0?a:1-a;return n.ordinalNumber(l,{unit:"year"})}return Je.y(o,t)},Y:function(o,t,n,a){var l=Va(o,a),c=l>0?l:1-l;if(t==="YY"){var g=c%100;return ae(g,2)}return t==="Yo"?n.ordinalNumber(c,{unit:"year"}):ae(c,t.length)},R:function(o,t){var n=Aa(o);return ae(n,t.length)},u:function(o,t){var n=o.getUTCFullYear();return ae(n,t.length)},Q:function(o,t,n){var a=Math.ceil((o.getUTCMonth()+1)/3);switch(t){case"Q":return String(a);case"QQ":return ae(a,2);case"Qo":return n.ordinalNumber(a,{unit:"quarter"});case"QQQ":return n.quarter(a,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(a,{width:"narrow",context:"formatting"});case"QQQQ":default:return n.quarter(a,{width:"wide",context:"formatting"})}},q:function(o,t,n){var a=Math.ceil((o.getUTCMonth()+1)/3);switch(t){case"q":return String(a);case"qq":return ae(a,2);case"qo":return n.ordinalNumber(a,{unit:"quarter"});case"qqq":return n.quarter(a,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(a,{width:"narrow",context:"standalone"});case"qqqq":default:return n.quarter(a,{width:"wide",context:"standalone"})}},M:function(o,t,n){var a=o.getUTCMonth();switch(t){case"M":case"MM":return Je.M(o,t);case"Mo":return n.ordinalNumber(a+1,{unit:"month"});case"MMM":return n.month(a,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(a,{width:"narrow",context:"formatting"});case"MMMM":default:return n.month(a,{width:"wide",context:"formatting"})}},L:function(o,t,n){var a=o.getUTCMonth();switch(t){case"L":return String(a+1);case"LL":return ae(a+1,2);case"Lo":return n.ordinalNumber(a+1,{unit:"month"});case"LLL":return n.month(a,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(a,{width:"narrow",context:"standalone"});case"LLLL":default:return n.month(a,{width:"wide",context:"standalone"})}},w:function(o,t,n,a){var l=kg(o,a);return t==="wo"?n.ordinalNumber(l,{unit:"week"}):ae(l,t.length)},I:function(o,t,n){var a=ug(o);return t==="Io"?n.ordinalNumber(a,{unit:"week"}):ae(a,t.length)},d:function(o,t,n){return t==="do"?n.ordinalNumber(o.getUTCDate(),{unit:"date"}):Je.d(o,t)},D:function(o,t,n){var a=fg(o);return t==="Do"?n.ordinalNumber(a,{unit:"dayOfYear"}):ae(a,t.length)},E:function(o,t,n){var a=o.getUTCDay();switch(t){case"E":case"EE":case"EEE":return n.day(a,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(a,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(a,{width:"short",context:"formatting"});case"EEEE":default:return n.day(a,{width:"wide",context:"formatting"})}},e:function(o,t,n,a){var l=o.getUTCDay(),c=(l-a.weekStartsOn+8)%7||7;switch(t){case"e":return String(c);case"ee":return ae(c,2);case"eo":return n.ordinalNumber(c,{unit:"day"});case"eee":return n.day(l,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(l,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(l,{width:"short",context:"formatting"});case"eeee":default:return n.day(l,{width:"wide",context:"formatting"})}},c:function(o,t,n,a){var l=o.getUTCDay(),c=(l-a.weekStartsOn+8)%7||7;switch(t){case"c":return String(c);case"cc":return ae(c,t.length);case"co":return n.ordinalNumber(c,{unit:"day"});case"ccc":return n.day(l,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(l,{width:"narrow",context:"standalone"});case"cccccc":return n.day(l,{width:"short",context:"standalone"});case"cccc":default:return n.day(l,{width:"wide",context:"standalone"})}},i:function(o,t,n){var a=o.getUTCDay(),l=a===0?7:a;switch(t){case"i":return String(l);case"ii":return ae(l,t.length);case"io":return n.ordinalNumber(l,{unit:"day"});case"iii":return n.day(a,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(a,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(a,{width:"short",context:"formatting"});case"iiii":default:return n.day(a,{width:"wide",context:"formatting"})}},a:function(o,t,n){var a=o.getUTCHours(),l=a/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.dayPeriod(l,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(l,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(l,{width:"narrow",context:"formatting"});case"aaaa":default:return n.dayPeriod(l,{width:"wide",context:"formatting"})}},b:function(o,t,n){var a=o.getUTCHours(),l;switch(a===12?l=wo.noon:a===0?l=wo.midnight:l=a/12>=1?"pm":"am",t){case"b":case"bb":return n.dayPeriod(l,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(l,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(l,{width:"narrow",context:"formatting"});case"bbbb":default:return n.dayPeriod(l,{width:"wide",context:"formatting"})}},B:function(o,t,n){var a=o.getUTCHours(),l;switch(a>=17?l=wo.evening:a>=12?l=wo.afternoon:a>=4?l=wo.morning:l=wo.night,t){case"B":case"BB":case"BBB":return n.dayPeriod(l,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(l,{width:"narrow",context:"formatting"});case"BBBB":default:return n.dayPeriod(l,{width:"wide",context:"formatting"})}},h:function(o,t,n){if(t==="ho"){var a=o.getUTCHours()%12;return a===0&&(a=12),n.ordinalNumber(a,{unit:"hour"})}return Je.h(o,t)},H:function(o,t,n){return t==="Ho"?n.ordinalNumber(o.getUTCHours(),{unit:"hour"}):Je.H(o,t)},K:function(o,t,n){var a=o.getUTCHours()%12;return t==="Ko"?n.ordinalNumber(a,{unit:"hour"}):ae(a,t.length)},k:function(o,t,n){var a=o.getUTCHours();return a===0&&(a=24),t==="ko"?n.ordinalNumber(a,{unit:"hour"}):ae(a,t.length)},m:function(o,t,n){return t==="mo"?n.ordinalNumber(o.getUTCMinutes(),{unit:"minute"}):Je.m(o,t)},s:function(o,t,n){return t==="so"?n.ordinalNumber(o.getUTCSeconds(),{unit:"second"}):Je.s(o,t)},S:function(o,t){return Je.S(o,t)},X:function(o,t,n,a){var l=a._originalDate||o,c=l.getTimezoneOffset();if(c===0)return"Z";switch(t){case"X":return Da(c);case"XXXX":case"XX":return lo(c);case"XXXXX":case"XXX":default:return lo(c,":")}},x:function(o,t,n,a){var l=a._originalDate||o,c=l.getTimezoneOffset();switch(t){case"x":return Da(c);case"xxxx":case"xx":return lo(c);case"xxxxx":case"xxx":default:return lo(c,":")}},O:function(o,t,n,a){var l=a._originalDate||o,c=l.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+Ea(c,":");case"OOOO":default:return"GMT"+lo(c,":")}},z:function(o,t,n,a){var l=a._originalDate||o,c=l.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+Ea(c,":");case"zzzz":default:return"GMT"+lo(c,":")}},t:function(o,t,n,a){var l=a._originalDate||o,c=Math.floor(l.getTime()/1e3);return ae(c,t.length)},T:function(o,t,n,a){var l=a._originalDate||o,c=l.getTime();return ae(c,t.length)}};function Ea(e,o){var t=e>0?"-":"+",n=Math.abs(e),a=Math.floor(n/60),l=n%60;if(l===0)return t+String(a);var c=o;return t+String(a)+c+ae(l,2)}function Da(e,o){if(e%60===0){var t=e>0?"-":"+";return t+ae(Math.abs(e)/60,2)}return lo(e,o)}function lo(e,o){var t=o||"",n=e>0?"-":"+",a=Math.abs(e),l=ae(Math.floor(a/60),2),c=ae(a%60,2);return n+l+t+c}var $a=function(o,t){switch(o){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});case"PPPP":default:return t.date({width:"full"})}},La=function(o,t){switch(o){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});case"pppp":default:return t.time({width:"full"})}},wg=function(o,t){var n=o.match(/(P+)(p+)?/)||[],a=n[1],l=n[2];if(!l)return $a(o,t);var c;switch(a){case"P":c=t.dateTime({width:"short"});break;case"PP":c=t.dateTime({width:"medium"});break;case"PPP":c=t.dateTime({width:"long"});break;case"PPPP":default:c=t.dateTime({width:"full"});break}return c.replace("{{date}}",$a(a,t)).replace("{{time}}",La(l,t))},Sg={p:La,P:wg};function vg(e){var o=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return o.setUTCFullYear(e.getFullYear()),e.getTime()-o.getTime()}var Tg=["D","DD"],Ig=["YY","YYYY"];function Fg(e){return Tg.indexOf(e)!==-1}function zg(e){return Ig.indexOf(e)!==-1}function Ba(e,o,t){if(e==="YYYY")throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(o,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if(e==="YY")throw new RangeError("Use `yy` instead of `YY` (in `".concat(o,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if(e==="D")throw new RangeError("Use `d` instead of `D` (in `".concat(o,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if(e==="DD")throw new RangeError("Use `dd` instead of `DD` (in `".concat(o,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var Mg={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},Wg=function(o,t,n){var a,l=Mg[o];return typeof l=="string"?a=l:t===1?a=l.one:a=l.other.replace("{{count}}",t.toString()),n!=null&&n.addSuffix?n.comparison&&n.comparison>0?"in "+a:a+" ago":a};function jt(e){return function(){var o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t=o.width?String(o.width):e.defaultWidth,n=e.formats[t]||e.formats[e.defaultWidth];return n}}var Pg={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},Hg={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},jg={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},Ag={date:jt({formats:Pg,defaultWidth:"full"}),time:jt({formats:Hg,defaultWidth:"full"}),dateTime:jt({formats:jg,defaultWidth:"full"})},Vg={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},Eg=function(o,t,n,a){return Vg[o]};function Ko(e){return function(o,t){var n=t!=null&&t.context?String(t.context):"standalone",a;if(n==="formatting"&&e.formattingValues){var l=e.defaultFormattingWidth||e.defaultWidth,c=t!=null&&t.width?String(t.width):l;a=e.formattingValues[c]||e.formattingValues[l]}else{var g=e.defaultWidth,s=t!=null&&t.width?String(t.width):e.defaultWidth;a=e.values[s]||e.values[g]}var d=e.argumentCallback?e.argumentCallback(o):o;return a[d]}}var Dg={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},$g={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},Lg={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},Bg={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},_g={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},Og={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},Ng=function(o,t){var n=Number(o),a=n%100;if(a>20||a<10)switch(a%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},qg={ordinalNumber:Ng,era:Ko({values:Dg,defaultWidth:"wide"}),quarter:Ko({values:$g,defaultWidth:"wide",argumentCallback:function(o){return o-1}}),month:Ko({values:Lg,defaultWidth:"wide"}),day:Ko({values:Bg,defaultWidth:"wide"}),dayPeriod:Ko({values:_g,defaultWidth:"wide",formattingValues:Og,defaultFormattingWidth:"wide"})};function Jo(e){return function(o){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=t.width,a=n&&e.matchPatterns[n]||e.matchPatterns[e.defaultMatchWidth],l=o.match(a);if(!l)return null;var c=l[0],g=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],s=Array.isArray(g)?Gg(g,function(m){return m.test(c)}):Ug(g,function(m){return m.test(c)}),d;d=e.valueCallback?e.valueCallback(s):s,d=t.valueCallback?t.valueCallback(d):d;var f=o.slice(c.length);return{value:d,rest:f}}}function Ug(e,o){for(var t in e)if(e.hasOwnProperty(t)&&o(e[t]))return t}function Gg(e,o){for(var t=0;t<e.length;t++)if(o(e[t]))return t}function Yg(e){return function(o){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},n=o.match(e.matchPattern);if(!n)return null;var a=n[0],l=o.match(e.parsePattern);if(!l)return null;var c=e.valueCallback?e.valueCallback(l[0]):l[0];c=t.valueCallback?t.valueCallback(c):c;var g=o.slice(a.length);return{value:c,rest:g}}}var Xg=/^(\d+)(th|st|nd|rd)?/i,Kg=/\d+/i,Jg={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},Qg={any:[/^b/i,/^(a|c)/i]},Zg={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},Rg={any:[/1/i,/2/i,/3/i,/4/i]},eh={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},oh={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},rh={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},th={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},nh={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},ah={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},lh={ordinalNumber:Yg({matchPattern:Xg,parsePattern:Kg,valueCallback:function(o){return parseInt(o,10)}}),era:Jo({matchPatterns:Jg,defaultMatchWidth:"wide",parsePatterns:Qg,defaultParseWidth:"any"}),quarter:Jo({matchPatterns:Zg,defaultMatchWidth:"wide",parsePatterns:Rg,defaultParseWidth:"any",valueCallback:function(o){return o+1}}),month:Jo({matchPatterns:eh,defaultMatchWidth:"wide",parsePatterns:oh,defaultParseWidth:"any"}),day:Jo({matchPatterns:rh,defaultMatchWidth:"wide",parsePatterns:th,defaultParseWidth:"any"}),dayPeriod:Jo({matchPatterns:nh,defaultMatchWidth:"any",parsePatterns:ah,defaultParseWidth:"any"})},ih={code:"en-US",formatDistance:Wg,formatLong:Ag,formatRelative:Eg,localize:qg,match:lh,options:{weekStartsOn:0,firstWeekContainsDate:1}},ch=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,sh=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,dh=/^'([^]*?)'?$/,gh=/''/g,hh=/[a-zA-Z]/;function fh(e,o,t){var n,a,l,c,g,s,d,f,m,p,u,y,x,k;Se(2,arguments);var C=String(o),S=Hr(),v=(n=(a=void 0)!==null&&a!==void 0?a:S.locale)!==null&&n!==void 0?n:ih,w=ao((l=(c=(g=(s=void 0)!==null&&s!==void 0?s:void 0)!==null&&g!==void 0?g:S.firstWeekContainsDate)!==null&&c!==void 0?c:(d=S.locale)===null||d===void 0||(f=d.options)===null||f===void 0?void 0:f.firstWeekContainsDate)!==null&&l!==void 0?l:1);if(!(w>=1&&w<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var b=ao((m=(p=(u=(y=void 0)!==null&&y!==void 0?y:void 0)!==null&&u!==void 0?u:S.weekStartsOn)!==null&&p!==void 0?p:(x=S.locale)===null||x===void 0||(k=x.options)===null||k===void 0?void 0:k.weekStartsOn)!==null&&m!==void 0?m:0);if(!(b>=0&&b<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!v.localize)throw new RangeError("locale must contain localize property");if(!v.formatLong)throw new RangeError("locale must contain formatLong property");var T=$e(e);if(!sg(T))throw new RangeError("Invalid time value");var F=vg(T),M=gg(T,F),E={firstWeekContainsDate:w,weekStartsOn:b,locale:v,_originalDate:T},$=C.match(sh).map(function(z){var V=z[0];if(V==="p"||V==="P"){var A=Sg[V];return A(z,v.formatLong)}return z}).join("").match(ch).map(function(z){if(z==="''")return"'";var V=z[0];if(V==="'")return mh(z);var A=Cg[V];if(A)return zg(z)&&Ba(z,o,String(e)),Fg(z)&&Ba(z,o,String(e)),A(M,z,v.localize,E);if(V.match(hh))throw new RangeError("Format string contains an unescaped latin alphabet character `"+V+"`");return z}).join("");return $}function mh(e){var o=e.match(dh);return o?o[1].replace(gh,"'"):e}const _a=()=>{const[e,o]=h.useState(!1),[t,n]=h.useState(!1),[a,l]=h.useState(fh(new Date,"yyyy-MM-dd"));return{date:a,setDate:l,isHovered:e,setIsHovered:o,isFocused:t,setIsFocused:n}},ph=e=>r.jsx(i.Input,{type:"date",...e}),Oa=({id:e,icon:o,name:t,label:n,date:a,children:l,helperText:c,shadow:g={},size:s="md",variant:d="default",shape:f="default",views:m={container:{},label:{},helperText:{},text:{},field:{}},error:p=!1,isHovered:u=!1,isFocused:y=!1,isDisabled:x=!1,isReadOnly:k=!1,setDate:C=()=>{},setIsFocused:S=()=>{},setIsHovered:v=()=>{},onChange:w,onChangeText:b,...T})=>{const{themeMode:F}=i.useTheme(),M=!!(y&&n),E=()=>v(!u),$=()=>S(!0),z=A=>{typeof A=="string"?(C(A),b&&b(A)):(C(A.target.value),w&&w(A.target.value))},V={margin:0,paddingVertical:8,paddingHorizontal:0,width:"100%",heigth:"100%",border:"none",on:{focus:{outline:"none",backgroundColor:"transparent"}},transition:"all 0.2s ease-in-out",fontSize:i.Typography.fontSizes[s],backgroundColor:"transparent",color:x?"color-gray-400":"color-gray-900",cursor:x?"not-allowed":k?"auto":"pointer",...m.field};return r.jsx(_e,{helperText:c,error:p,views:m,children:r.jsx(Ke,{label:n,size:s,error:p,shape:f,views:m,shadow:g,color:"theme-primary",variant:d,value:a,isHovered:u,isDisabled:x,isReadOnly:k,isFocused:y,showLabel:M,onMouseEnter:E,onMouseLeave:E,children:r.jsxs(Co,{children:[M&&r.jsx(to,{htmlFor:e,color:"theme-primary",error:p,views:m,children:n}),r.jsx(ph,{id:e,name:t,onFocus:$,disabled:x,readOnly:k,...V,...T,...b&&{onChangeText:z},onChange:z})]})})})},uh=e=>{const o=_a();return r.jsx(Oa,{...o,...e})},Na=e=>{const o=Mt(e),[t,n]=h.useState(!1);return{isVisible:t,setIsVisible:n,...e,...o}},yh=({visibleIcon:e=r.jsx(dt,{widthHeight:14}),hiddenIcon:o=r.jsx(st,{widthHeight:14}),...t})=>{const{isVisible:n,setIsVisible:a,...l}=Na(t);return r.jsx(Yo,{...l,type:n?"text":"password",isClearable:!1,right:r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",width:"16px",height:"16px",minWidth:"16px",color:"color-gray-500",cursor:t.isDisabled?"not-allowed":"pointer",transition:"color 0.2s ease",onClick:()=>{t.isDisabled||a(!n)},children:n?e:o})})},qa=(e,o,t)=>{const[n,a]=h.useState(e),[l,c]=h.useState(o?{value:o,label:o}:e[0]),[g,s]=h.useState([]),[d,f]=h.useState(0),[m,p]=h.useState(t??""),[u,y]=h.useState(!1);return{filteredItems:n,setFilteredItems:a,selectedItem:l,setSelectedItem:c,selectedItems:g,setSelectedItems:s,highlightedIndex:d,setHighlightedIndex:f,searchQuery:m,setSearchQuery:p,isDropdownVisible:u,setIsDropdownVisible:y}},bh={maxHeight:"280px",overflowY:"auto",zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)"},Ua={enter:{opacity:1,transform:"translateY(0) scale(1)",transition:"all 0.2s ease-in-out"},initial:{opacity:0,transform:"translateY(-8px) scale(0.96)"}},xh={padding:"8px",borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-100",backgroundColor:"color-gray-50",borderTopLeftRadius:10,borderTopRightRadius:10},kh={padding:"8px 10px",cursor:"pointer",borderRadius:8,margin:"1px 4px",transition:"all 0.15s ease-in-out"},Ch={padding:"24px 16px",display:"flex",flexDirection:"column",alignItems:"center",gap:"8px"},Ga={open:{transform:"rotate(180deg)",transition:"all 0.2s ease-in-out"},closed:{transform:"rotate(0deg)",transition:"all 0.2s ease-in-out"}},wh={display:"inline-flex",alignItems:"center",gap:"4px",padding:"2px 8px",backgroundColor:"color-gray-100",borderRadius:8,fontSize:"12px",fontWeight:"500",color:"color-gray-700",transition:"all 0.15s ease-in-out"},Ya=({placeholder:e,items:o,showTick:t=!0,onSelect:n,searchEnabled:a=!0,left:l,right:c,label:g,filteredItems:s,setSelectedItem:d,selectedItem:f,selectedItems:m,setSelectedItems:p,highlightedIndex:u,setHighlightedIndex:y,searchQuery:x,setSearchQuery:k,setFilteredItems:C,views:S,isDropdownVisible:v,setIsDropdownVisible:w,isMulti:b=!1,searchPlaceholder:T,...F})=>{const{ref:M,relation:E}=i.useElementPosition({trackChanges:!0,trackOnScroll:!0,trackOnResize:!0,throttleMs:10}),$=h.useRef(null),[z,V]=h.useState(!1),[A,P]=h.useState(!1),j=()=>{var q;const L=A?Ua.enter:Ua.initial;if(!M.current)return{};const O=M.current.getBoundingClientRect(),N={position:"fixed",left:O.left,width:O.width,zIndex:1e4,...L};return((q=E==null?void 0:E.space)==null?void 0:q.vertical)==="top"?{...N,bottom:window.innerHeight-O.top+6}:{...N,top:O.bottom+6}};h.useEffect(()=>{if(v){const L=setTimeout(()=>P(!0),10);return()=>clearTimeout(L)}P(!1)},[v]),h.useEffect(()=>{const L=O=>{!O.composedPath().some(q=>(q==null?void 0:q.id)==="combobox-dropdown")&&M.current&&!M.current.contains(O.target)&&w(!1)};return document.addEventListener("mousedown",L),()=>document.removeEventListener("mousedown",L)},[]);const W=L=>{if(k(L),L==="")C(o);else{const O=o.filter(N=>N.label.toLowerCase().includes(L.toLowerCase()));C(O)}y(0)},H=L=>{if(b){const O=m.some(G=>G.value===L.value);let N;O?N=m.filter(G=>G.value!==L.value):N=[...m,L],p(N),n==null||n(N)}else d(L),n==null||n(L),w(!1)},B=(L,O)=>{L.stopPropagation();const N=m.filter(G=>G.value!==O.value);p(N),n==null||n(N)},_=L=>b?m.some(O=>O.value===L.value):L.value===f.value;return r.jsxs(i.Horizontal,{role:"combobox",flexWrap:"nowrap",gap:15,alignItems:"center",width:"100%",...F,children:[g&&r.jsx(i.Text,{views:S==null?void 0:S.label,htmlFor:F.id,children:g}),r.jsxs(i.View,{position:"relative",width:"100%",children:[r.jsx("div",{ref:M,onClick:()=>w(!v),style:{width:"100%"},children:r.jsxs(Ke,{isHovered:z,isFocused:v,onMouseEnter:()=>V(!0),onMouseLeave:()=>V(!1),cursor:"pointer",views:{container:S==null?void 0:S.container},children:[r.jsxs(i.Horizontal,{gap:10,alignItems:"center",width:"100%",flexWrap:b?"wrap":"nowrap",...S==null?void 0:S.labelContainer,children:[l,b?m.length>0?r.jsx(i.Horizontal,{gap:6,flexWrap:"wrap",alignItems:"center",children:m.map(L=>r.jsxs(i.Horizontal,{...wh,_hover:{backgroundColor:"color-gray-200"},children:[L.icon&&r.jsx(i.View,{flexShrink:0,children:L.icon}),r.jsx(i.Text,{size:"sm",color:"color-gray-700",weight:"medium",children:L.label}),r.jsx(Te,{widthHeight:12,color:"color-gray-500",cursor:"pointer",onClick:O=>B(O,L)})]},L.value))}):r.jsx(i.Text,{weight:"medium",flexGrow:1,color:"color-gray-500",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},...S==null?void 0:S.label,children:e}):r.jsxs(r.Fragment,{children:[f.icon&&f.label!==e&&r.jsx(i.View,{children:f.icon}),r.jsx(i.Text,{weight:"medium",flexGrow:1,color:f.label===e?"color-gray-500":"color-gray-800",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},...S==null?void 0:S.label,children:f.label})]})]}),r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[c,r.jsx(i.View,{style:v?Ga.open:Ga.closed,children:r.jsx(de,{widthHeight:16,orientation:"down",color:v?"color-gray-700":"color-gray-400"})})]})]})}),v&&r.jsx(tt,{children:r.jsxs(i.View,{ref:$,id:"combobox-dropdown",role:"listbox","aria-labelledby":F.id,...bh,style:j(),...S==null?void 0:S.dropdown,children:[a&&r.jsx(i.View,{...xh,children:r.jsx(Yo,{id:`${F.id}-search`,name:`${F.name}-search`,width:"100%",type:"search",autoFocus:!0,value:x,onChange:L=>W(L),hint:e||"Search...",isClearable:!1,left:r.jsx(ur,{widthHeight:14,color:"color-gray-400"}),views:{container:{width:"100%",padding:"0",backgroundColor:"transparent",borderColor:"color-gray-200",...S==null?void 0:S.text},field:{fontSize:"13px"}}})}),s.length>0&&r.jsx(i.View,{margin:0,padding:"4px",children:s.map((L,O)=>{const N=_(L),G=O===u;return r.jsxs(i.Horizontal,{role:"option","aria-selected":N,justifyContent:"space-between",alignItems:"center",...kh,backgroundColor:N&&G?"color-blue-100":N?"color-blue-50":G?"color-gray-100":"transparent",onMouseEnter:()=>y(O),onClick:()=>H(L),...S==null?void 0:S.item,children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[L.icon&&r.jsx(i.View,{flexShrink:0,children:L.icon}),r.jsx(i.Text,{size:"sm",color:N?"theme-primary":"color-gray-800",weight:N?"medium":"normal",children:L.label})]}),N&&t&&r.jsx(_o,{widthHeight:16,color:"theme-primary"})]},L.value)})}),s.length===0&&r.jsxs(i.Vertical,{...Ch,children:[r.jsx(ur,{widthHeight:24,color:"color-gray-300"}),r.jsx(i.Text,{color:"color-gray-500",size:"sm",align:"center",children:"No results found"}),r.jsx(i.Text,{color:"color-gray-400",size:"xs",align:"center",children:"Try a different search term"})]})]})})]})]})},Sh=({id:e,name:o,items:t,placeholder:n,searchPlaceholder:a,...l})=>{const c=qa(t,n,a);return r.jsx(Ya,{id:e,name:o,items:t,...c,...l})},Xa=e=>{const{tags:o,defaultTags:t=[],onTagsChange:n,onTagAdd:a,onTagRemove:l,maxTags:c,minTagLength:g=1,maxTagLength:s=50,allowDuplicates:d=!1,separators:f=["enter","comma"],isDisabled:m=!1,isReadOnly:p=!1}=e,[u,y]=h.useState(""),[x,k]=h.useState(()=>(o||t||[]).map((P,j)=>({id:`tag-${j}-${Date.now()}`,value:P}))),[C,S]=h.useState(!1),[v,w]=h.useState(!1),b=o&&Array.isArray(o)?o.map((A,P)=>({id:`tag-${P}-${Date.now()}`,value:A})):x;h.useEffect(()=>{o&&Array.isArray(o)&&k(o.map((A,P)=>({id:`tag-${P}-${Date.now()}`,value:A})))},[o]);const T=h.useCallback(A=>{const P=A.trim();return!(P.length<g||P.length>s||!d&&b.map(W=>W.value.toLowerCase()).includes(P.toLowerCase())||c&&b.length>=c)},[b,g,s,d,c]),F=h.useCallback(A=>{if(m||p)return;const P=A.trim();if(!P||!T(P))return;const j={id:`tag-${Date.now()}-${Math.random()}`,value:P},W=[...b,j],H=W.map(B=>B.value);o||k(W),n==null||n(H),a==null||a(P),y("")},[b,T,n,a,m,p,o]),M=h.useCallback(A=>{if(m||p)return;const P=b[A];if(!P)return;const j=b.filter((H,B)=>B!==A),W=j.map(H=>H.value);o||k(j),n==null||n(W),l==null||l(P.value,A)},[b,n,l,m,p,o]),E=h.useCallback(A=>{if(m||p)return;const P=A.target.value;if(f.includes("comma")&&P.includes(",")){const j=P.split(","),W=j[0],H=j.slice(1).join(",");W.trim()&&F(W),y(H);return}y(P)},[F,f,m,p]),$=h.useCallback(A=>{if(m||p)return;const{key:P}=A;if(f.includes("enter")&&P==="Enter"){A.preventDefault(),u.trim()&&F(u);return}if(f.includes("tab")&&P==="Tab"&&u.trim()){A.preventDefault(),F(u);return}if(f.includes("space")&&P===" "&&u.trim()){A.preventDefault(),F(u);return}if(P==="Backspace"&&!u&&b.length>0){A.preventDefault(),M(b.length-1);return}},[F,M,u,b,f,m,p]),z=h.useCallback(()=>{var A;S(!0),(A=e.onFocus)==null||A.call(e)},[e.onFocus]),V=h.useCallback(()=>{var A;S(!1),u.trim()&&F(u),(A=e.onBlur)==null||A.call(e)},[F,u,e.onBlur]);return{inputValue:u,setInputValue:y,tags:b,setTags:k,isFocused:C,setIsFocused:S,isHovered:v,setIsHovered:w,addTag:F,removeTag:M,handleInputChange:E,handleKeyDown:$,handleFocus:z,handleBlur:V,validateTag:T}},vh=({tag:e,onRemove:o,isRemovable:t,size:n,views:a,isDisabled:l,isReadOnly:c})=>{const[g,s]=h.useState(!1),d={xs:{padding:"2px 8px",fontSize:"10px",iconSize:10},sm:{padding:"4px 10px",fontSize:"12px",iconSize:12},md:{padding:"6px 14px",fontSize:"14px",iconSize:14},lg:{padding:"8px 16px",fontSize:"16px",iconSize:16},xl:{padding:"10px 18px",fontSize:"18px",iconSize:18}}[n]||{padding:"6px 14px",fontSize:"14px",iconSize:14};return r.jsxs(i.Horizontal,{alignItems:"center",gap:6,padding:d.padding,backgroundColor:"theme-primary-100",borderRadius:"9999px",borderWidth:"1px",borderStyle:"solid",borderColor:"theme-primary-250",transition:"all 0.15s ease-in-out",opacity:l?.6:1,_hover:!l&&!c?{backgroundColor:"theme-primary-180",borderColor:"theme-primary-400"}:{},...a==null?void 0:a.tag,children:[r.jsx(i.Text,{fontSize:d.fontSize,color:l?"color-gray-400":"theme-primary",whiteSpace:"nowrap",...a==null?void 0:a.tagText,children:e}),t&&!l&&!c&&r.jsx(i.View,{cursor:"pointer",padding:"2px",borderRadius:"50%",transition:"all 0.15s ease-in-out",backgroundColor:g?"color-red-100":"transparent",opacity:g?1:.7,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),onClick:f=>{f.stopPropagation(),o()},_hover:{backgroundColor:"color-red-100"},...a==null?void 0:a.tagRemove,children:r.jsx(Te,{widthHeight:d.iconSize,color:g?"color-red-500":"color-gray-400"})})]})},Ka=({id:e,name:o,label:t,placeholder:n="Type and press Enter to add tags...",helperText:a,error:l=!1,inputValue:c="",tags:g=[],left:s,right:d,shadow:f={},views:m={},size:p="md",shape:u="default",variant:y="default",isDisabled:x=!1,isReadOnly:k=!1,isAutoFocus:C=!1,isRemovable:S=!0,isFocused:v=!1,isHovered:w=!1,maxTags:b,handleInputChange:T,handleKeyDown:F,handleFocus:M,handleBlur:E,removeTag:$,setIsHovered:z,onClick:V,setInputValue:A,setTags:P,setIsFocused:j,addTag:W,filteredItems:H,activeItemIndex:B,isMenuOpen:_,handleMenuItemSelect:L,defaultTags:O,onTagsChange:N,onTagAdd:G,onTagRemove:q,minTagLength:K,maxTagLength:D,allowDuplicates:X,separators:Q,menuItems:R,onMenuItemSelect:Z,onFocus:re,onBlur:ne,validateTag:te,...Y})=>{const{getColor:ee,themeMode:ce}=i.useTheme(),J=!!(t&&(v||g.length>0||c)),oe=b&&g.length>=b,se={border:"none",outline:"none",backgroundColor:"transparent",fontSize:i.Typography.fontSizes[p],color:x?"color-gray-400":"color-gray-800",flex:1,minWidth:"120px",transition:"all 0.2s ease-in-out",...m==null?void 0:m.input};return r.jsx(_e,{error:!!l,helperText:typeof l=="string"?l:a,views:m,...Y,children:r.jsxs(Ke,{label:t,shadow:f,value:g.length>0||c?"has-content":"",size:p,shape:u,variant:y,error:!!l,showLabel:J,isFocused:v,isHovered:w,isDisabled:x,isReadOnly:k,views:{...m,container:{...m==null?void 0:m.container,...m==null?void 0:m.inputContainer}},onClick:V,onMouseEnter:()=>z==null?void 0:z(!0),onMouseLeave:()=>z==null?void 0:z(!1),children:[s,r.jsxs(Co,{children:[t&&r.jsx(to,{size:p,error:!!l,views:m,children:t}),r.jsxs(i.Horizontal,{alignItems:"center",gap:8,flexWrap:"wrap",width:"100%",minHeight:i.Typography.fontSizes[p],padding:"8px 0",...m==null?void 0:m.tagsContainer,children:[g.map((le,fe)=>r.jsx(vh,{tag:le.value,onRemove:()=>$==null?void 0:$(fe),isRemovable:S,size:p,views:m,isDisabled:x,isReadOnly:k},le.id)),!oe&&r.jsx(i.Input,{id:e,name:o,type:"text",value:c,placeholder:g.length===0?n:"",disabled:x,readOnly:k,autoFocus:C,onChange:T,onKeyDown:F,onFocus:M,onBlur:E,autoComplete:"off",...se}),oe&&r.jsxs(i.Text,{fontSize:i.Typography.fontSizes[p],color:"color-gray-500",fontStyle:"italic",...m==null?void 0:m.placeholder,children:["Maximum ",b," tags reached"]})]})]}),d]})})},Th=e=>{const o=Xa(e),{tags:t,...n}=e;return r.jsx(Ka,{...o,...n})};function Ih(e){const o=setTimeout(e,0),t=setTimeout(e,10),n=setTimeout(e,50);return[o,t,n]}const Qo=(e,o)=>{console.log(`[OTPInput.state] ${e}`,o)},Fh=e=>e==null||typeof e=="string"||typeof e=="number"||typeof e=="boolean"?e:Object.prototype.toString.call(e),Ja=({value:e,defaultValue:o="",length:t=6,onChange:n,onChangeText:a,onComplete:l,onKeyDown:c,onKeyPress:g,onBlur:s,onFocus:d,isReadOnly:f,isDisabled:m,pattern:p,stepValues:u,pasteTransformer:y})=>{var q,K;const x=e!==void 0,k=x?e:o,[C,S]=h.useState(String(k??"").slice(0,t)||""),[v,w]=h.useState(!1),[b,T]=h.useState(!1),[F,M]=h.useState(null),[E,$]=h.useState(null),z=h.useRef(null),V=h.useRef(null),A=h.useRef({value:C,onChange:n||(()=>{}),isIOS:typeof window<"u"&&((K=(q=window==null?void 0:window.CSS)==null?void 0:q.supports)==null?void 0:K.call(q,"-webkit-touch-callout","none"))}),P=h.useRef({prev:[null,null,"none"]}),j=p?typeof p=="string"?new RegExp(p):p:null;h.useEffect(()=>{if(x&&e!==C){const D=String(e??"").slice(0,t)||"";Qo("sync controlled value",{controlledValue:Fh(e),previousValue:C,nextControlledValue:D,length:t}),S(D)}},[x,e,t,C]);const W=h.useCallback(D=>{let X=D;if(u&&u.length>0&&D){const Q=parseInt(D,10);if(!isNaN(Q)){let R=u[0],Z=Math.abs(Q-R);for(let re=1;re<u.length;re++){const ne=Math.abs(Q-u[re]);ne<Z&&(Z=ne,R=u[re])}X=R.toString()}}Qo("setValue",{incomingValue:D,valueToSet:X,length:t,isControlled:x,hasOnChange:!!n,hasOnChangeText:!!a,hasOnComplete:!!l,stepValues:u}),S(X),n&&n(X),a&&a(X),l&&X.length===t&&l(X)},[n,a,l,t,u,x]),H=h.useCallback(D=>{D&&z.current!==D&&Object.defineProperty(z,"current",{value:D,writable:!0})},[]),B=h.useCallback(D=>{var R,Z,re,ne;const X=typeof D=="string"?D:((R=D==null?void 0:D.currentTarget)==null?void 0:R.value)??((Z=D==null?void 0:D.target)==null?void 0:Z.value)??((re=D==null?void 0:D.nativeEvent)==null?void 0:re.text)??"",Q=String(X).slice(0,t);if(Qo("handleChange normalized",{raw:X,newValue:Q,length:t,hasPattern:!!j}),Q.length>0&&j&&!j.test(Q)){Qo("handleChange rejected by pattern",{newValue:Q,pattern:String(j)}),(ne=D==null?void 0:D.preventDefault)==null||ne.call(D);return}W(Q),z.current&&(z.current.value=Q)},[t,j,W,z]),_=h.useCallback(()=>{const D=z.current;if(D&&typeof D.setSelectionRange=="function"){const X=typeof D.value=="string"?D.value.length:0,Q=Math.min(X,t-1),R=X;D.setSelectionRange(Q,R),M(Q),$(R)}Qo("focus",{length:t,refHasDomSelection:!!(D&&typeof D.setSelectionRange=="function")}),w(!0)},[t]),L=h.useCallback(()=>{w(!1)},[]),O=h.useCallback(D=>{c&&c(D)},[]),N=h.useCallback(D=>{g&&g(D)},[]),G=h.useCallback(D=>{const X=z.current;if(!D.clipboardData||!X)return;const Q=D.clipboardData.getData("text/plain"),R=y?y(Q):Q;D.preventDefault();const Z=X.selectionStart||0,re=X.selectionEnd||0,Y=(Z!==re?C.slice(0,Z)+R+C.slice(re):C.slice(0,Z)+R+C.slice(Z)).slice(0,t);if(Y.length>0&&j&&!j.test(Y))return;X.value=Y,W(Y),S(Y);const ee=Math.min(Y.length,t-1),ce=Y.length;X.setSelectionRange(ee,ce),M(ee),$(ce)},[t,y,j,W,C,S]);return h.useEffect(()=>{const D=z.current,X=V.current;if(!D||!X||typeof document>"u")return;A.current.value!==D.value&&A.current.onChange&&A.current.onChange(D.value),P.current.prev=[D.selectionStart,D.selectionEnd,D.selectionDirection];function Q(){if(document.activeElement!==D){M(null),$(null);return}const te=(D==null?void 0:D.selectionStart)??null,Y=(D==null?void 0:D.selectionEnd)??null,ee=(D==null?void 0:D.selectionDirection)??null,ce=(D==null?void 0:D.maxLength)??0,J=(D==null?void 0:D.value)??"",oe=P.current.prev;let se=-1,le=-1,fe="none";if(J.length!==0&&te!==null&&Y!==null){const dr=te===Y,bc=te===J.length&&J.length<ce;if(dr&&!bc){const Ue=te;if(Ue===0)se=0,le=1,fe="forward";else if(Ue===ce)se=Ue-1,le=Ue,fe="backward";else if(ce>1&&J.length>1){let Do=0;if(oe[0]!==null&&oe[1]!==null){fe=Ue<oe[1]?"backward":"forward";const Sn=oe[0]===oe[1]&&oe[0]<ce;fe==="backward"&&!Sn&&(Do=-1)}se=Do+Ue,le=Do+Ue+1}}se!==-1&&le!==-1&&se!==le&&z.current&&z.current.setSelectionRange(se,le,fe)}const Ve=se!==-1?se:te,Be=le!==-1?le:Y,wn=fe!=="none"?fe:ee;M(Ve),$(Be),P.current.prev=[Ve,Be,wn]}document.addEventListener("selectionchange",Q,{capture:!0}),Q(),document.activeElement===D&&w(!0);const R=X,Z=()=>{var te;R&&typeof((te=R.style)==null?void 0:te.setProperty)=="function"&&R.style.setProperty("--root-height",`${D.clientHeight}px`)};Z();const re=typeof window<"u"?window.ResizeObserver:void 0,ne=typeof re=="function"?new re(Z):null;return ne==null||ne.observe(D),()=>{document.removeEventListener("selectionchange",Q,{capture:!0}),ne==null||ne.disconnect()}},[]),h.useEffect(()=>{typeof Event>"u"||Ih(()=>{var Z,re,ne;const D=z.current;D&&typeof D.dispatchEvent=="function"&&D.dispatchEvent(new Event("input"));const X=(Z=z.current)==null?void 0:Z.selectionStart,Q=(re=z.current)==null?void 0:re.selectionEnd,R=(ne=z.current)==null?void 0:ne.selectionDirection;X!==null&&Q!==null&&X!==void 0&&Q!==void 0&&(M(X),$(Q),P.current.prev=[X,Q,R||"none"])})},[C,v]),{value:C,setValue:W,isFocused:v,setIsFocused:w,isHovered:b,setIsHovered:T,inputRef:z,containerRef:V,mirrorSelectionStart:F,mirrorSelectionEnd:E,setMirrorSelectionStart:M,setMirrorSelectionEnd:$,setInputRef:H,handleChange:B,handleFocus:_,handleBlur:L,handleKeyDown:O,handleKeyPress:N,handlePaste:G}},zh=h.createContext({slots:[],isFocused:!1,isHovering:!1}),Mh=`
7
7
  @keyframes blink {
8
8
  0%, 100% { opacity: 1; }
9
9
  50% { opacity: 0; }
@@ -20,17 +20,17 @@
20
20
  border-radius: 4px !important;
21
21
  width: 100% !important;
22
22
  }
23
- `;function ko(e,o){try{e.insertRule(o)}catch{console.error("input-otp could not insert CSS rule:",o)}}const Ba=({id:e,name:o,label:t,value:n="",length:a=6,onChange:l,onChangeText:c,onComplete:d,helperText:g,placeholder:s="",shadow:m,views:f={},size:p="md",shape:u="rounded",variant:y="outline",gap:b=8,type:x="text",error:k=!1,isFocused:S=!1,isHovered:v=!1,isDisabled:C=!1,isReadOnly:w=!1,isAutoFocus:T=!1,setValue:z,setIsFocused:M,setIsHovered:j,inputRef:$,containerRef:F,mirrorSelectionStart:E,mirrorSelectionEnd:V,setMirrorSelectionStart:P,setMirrorSelectionEnd:W,handlePaste:A,handleChange:H,handleFocus:L,handleBlur:_,handleKeyDown:D,handleKeyPress:q,secureTextEntry:O,isFirstColumn:G,stepValues:N,setInputRef:J,onBlur:B=()=>{},onClick:Y=()=>{},onFocus:Q=()=>{},onKeyPress:oe,pattern:Z,pasteTransformer:re,...le})=>{i.useTheme();const te=!!t,X=h.useMemo(()=>({slots:Array.from({length:a}).map((K,ee)=>{const ce=S&&E!==null&&V!==null&&(E===V&&ee===E||ee>=E&&ee<V),he=n[ee]!==void 0?n[ee]:null,ke=n[0]!==void 0?null:(s==null?void 0:s[ee])??null;return{char:he,placeholderChar:ke,isActive:ce,hasFakeCaret:ce&&he===null}}),isFocused:S,isHovering:!C&&v}),[S,v,C,a,V,E,s,n]);h.useEffect(()=>{T&&$.current&&$.current.focus()},[T,$]),h.useEffect(()=>{if(!document.getElementById("input-otp-style")){const K=document.createElement("style");if(K.id="input-otp-style",document.head.appendChild(K),K.sheet){const ee="background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";ko(K.sheet,"@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }"),ko(K.sheet,"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"),ko(K.sheet,`[data-input-otp]:autofill { ${ee} }`),ko(K.sheet,`[data-input-otp]:-webkit-autofill { ${ee} }`),ko(K.sheet,"@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"),ko(K.sheet,"[data-input-otp] + * { pointer-events: all !important; }")}}},[]);const R=()=>r.jsx(i.Horizontal,{gap:b,width:"100%",justifyContent:"center",minHeight:p==="xs"?"32px":p==="sm"?"36px":p==="md"?"40px":p==="lg"?"48px":"56px",...f.container,children:X.slots.map((K,ee)=>r.jsxs(Ye,{size:p,error:k,shape:u,views:f,variant:y,value:K.char||"",color:"theme-primary",isHovered:v,isDisabled:C,isReadOnly:w,isFocused:K.isActive,showLabel:!1,onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1),justifyContent:"center",alignItems:"center",width:"100%",position:"relative",height:p==="xs"?"32px":p==="sm"?"36px":p==="md"?"40px":p==="lg"?"48px":"56px",...f.container,children:[K.char?r.jsx(i.View,{textAlign:"center",fontSize:p==="xs"?"14px":p==="sm"?"16px":p==="md"?"18px":p==="lg"?"20px":"24px",fontWeight:"medium",...f.text,children:x==="password"?"•":K.char}):K.placeholderChar?r.jsx(i.View,{textAlign:"center",fontSize:p==="xs"?"14px":p==="sm"?"16px":p==="md"?"18px":p==="lg"?"20px":"24px",color:"color-gray-400",opacity:.5,...f.text,children:K.placeholderChar}):null,K.hasFakeCaret&&r.jsx(i.View,{position:"absolute",width:"2px",height:"60%",backgroundColor:"theme-primary",animation:"blink 1s step-start infinite",style:{animationName:"blink",animationDuration:"1s",animationIterationCount:"infinite",animationTimingFunction:"step-start"}})]},`${e||o}-${ee}`))}),ae={position:"absolute",inset:0,width:"100%",height:"100%",display:"flex",textAlign:"center",opacity:"1",color:"transparent",pointerEvents:"all",background:"transparent",caretColor:"transparent",border:"0 solid transparent",outline:"0 solid transparent",boxShadow:"none",letterSpacing:"-.5em",fontSize:"var(--root-height)",fontFamily:"monospace",fontVariantNumeric:"tabular-nums"};return r.jsxs(r.Fragment,{children:[r.jsx("noscript",{children:r.jsx("style",{children:ih})}),r.jsxs(Be,{helperText:g,error:k,views:f,...le,children:[te&&r.jsx(oo,{htmlFor:e,color:"theme-primary",error:k,...f.label,children:t}),r.jsxs(i.View,{ref:F,"data-input-otp-container":!0,position:"relative",cursor:C?"default":"text",userSelect:"none",pointerEvents:"none",children:[r.jsx(lh.Provider,{value:X,children:R()}),r.jsx(i.View,{position:"absolute",inset:0,pointerEvents:"none",children:r.jsx(i.Input,{ref:K=>J(K),"data-input-otp":!0,"data-input-otp-placeholder-shown":n.length===0||void 0,"data-input-otp-mss":E,"data-input-otp-mse":V,id:e||o,name:o,type:x==="password"?"password":"text",inputMode:x!=="password"?"numeric":void 0,pattern:"[0-9]*",maxLength:a,readOnly:w,disabled:C,placeholder:s,value:n,onChange:H,onKeyDown:D,onPaste:A,onFocus:L,onBlur:_,onClick:Y,onMouseOver:()=>j(!0),onMouseLeave:()=>j(!1),autoComplete:"one-time-code","aria-label":`OTP input with ${a} digits`,style:ae,...f.input})})]})]})]})},_a=e=>{const{value:o}=e,{value:t,setValue:n,isFocused:a,setIsFocused:l,isHovered:c,setIsHovered:d,inputRef:g,containerRef:s,mirrorSelectionStart:m,mirrorSelectionEnd:f,setMirrorSelectionStart:p,setMirrorSelectionEnd:u,setInputRef:y,handleChange:b,handleFocus:x,handleBlur:k,handleKeyDown:S,handlePaste:v,handleKeyPress:C}=La(e),w=o!==void 0?o:t;return r.jsx(Ba,{...e,value:String(w??""),setValue:n,isFocused:a,setIsFocused:l,isHovered:c,setIsHovered:d,inputRef:g,containerRef:s,mirrorSelectionStart:m,mirrorSelectionEnd:f,setMirrorSelectionStart:p,setMirrorSelectionEnd:u,setInputRef:y,handleChange:b,handleFocus:x,handleBlur:k,handleKeyDown:S,handleKeyPress:C,handlePaste:v,stepValues:e.stepValues})},Oa=h.createContext({active:!1,focusNextInput:()=>{},setInputRef:()=>{},handleSubmitEditing:()=>{},getReturnKeyType:()=>"next"}),ch=()=>h.useContext(Oa),sh=({children:e,autoFocus:o=!1,initFocus:t,onChange:n=()=>{},...a})=>{const l=We.useFormikContext();h.useEffect(()=>{n(l.values)},[l.values]);const c=h.useRef({}),d=h.useRef([]),g=(f,p)=>{c.current[f]=p,d.current.includes(f)||d.current.push(f)},s=f=>{var p;if(o){const y=d.current.indexOf(f)+1;y<d.current.length?(p=c.current[d.current[y]])==null||p.focus():l.onSubmit&&l.onSubmit(l.values)}},m={active:o,focusNextInput:s,setInputRef:g,handleSubmitEditing:s,getReturnKeyType:f=>d.current.indexOf(f)===d.current.length-1?"done":"next"};return h.useEffect(()=>{var f,p;o&&(t&&c.current[t]?(f=c.current[t])==null||f.focus():d.current[0]&&((p=c.current[d.current[0]])==null||p.focus()))},[o,t]),r.jsx(Oa.Provider,{value:m,children:r.jsx(i.Form,{...a,children:e})})},dh=e=>{switch(e){case"email":return{autoCorrect:"off",inputMode:"email",autoCapitalize:"none"};case"password":return{autoCorrect:"off",secureTextEntry:!0,autoCapitalize:"none"};case"digits":return{inputMode:"tel"};case"numeric":return{inputMode:"numeric"};case"name":return{autoCorrect:"off"};default:return{}}},pe=({name:e,type:o,...t})=>{const n=ch(),{touched:a,errors:l,submitCount:c,values:d,setFieldTouched:g,setFieldValue:s}=We.useFormikContext(),m=k=>{var S;s(e,k),(S=t.onChangeText)==null||S.call(t,k)},f=k=>{var S;s(e,k),(S=t.onChange)==null||S.call(t,k)},p=()=>{g(e,!0)},u=k=>{k.key==="Enter"&&(k.preventDefault(),n.focusNextInput(e))},y=["text","password","email","digits"].includes(o),b=We.getIn(a,e)||c>0?We.getIn(l,e):void 0,x=We.getIn(d,e);return{...dh(o),...t,value:x,error:b,onBlur:p,onKeyPress:u,...y?{onChangeText:m}:{onChange:f},...n.active?{handleKeyPress:u}:{}}},gh=e=>{let{value:o,...t}=pe(e);t.isChecked=o;const n=pa(e);return r.jsx(ya,{...n,...t})},Na=({defaultIsSelected:e=!1,isChecked:o})=>{const[t,n]=h.useState(!1),[a,l]=h.useState(o!==void 0?o:e);return h.useEffect(()=>{o!==void 0&&l(o)},[o]),{isHovered:t,setIsHovered:n,isSelected:a,setIsSelected:l}},hh={xs:{height:"16px",width:"16px"},sm:{height:"20px",width:"20px"},md:{height:"24px",width:"24px"},lg:{height:"28px",width:"28px"},xl:{height:"32px",width:"32px"}},mh={xs:{height:"8px",width:"8px"},sm:{height:"10px",width:"10px"},md:{height:"12px",width:"12px"},lg:{height:"14px",width:"14px"},xl:{height:"16px",width:"16px"}},fh={selected:{borderColor:"theme-primary",borderWidth:"2px",borderStyle:"solid"},unselected:{borderWidth:"2px",borderStyle:"solid",borderColor:"color-gray-300",style:{backgroundColor:"transparent"}}},ph={selected:{backgroundColor:"theme-primary"},unselected:{style:{backgroundColor:"transparent"}}},zt={hover:{selected:{borderColor:"color-blue-600"},unselected:{borderColor:"color-gray-400"}},disabled:{selected:{borderColor:"color-gray-300",opacity:.6},unselected:{borderColor:"color-gray-300",opacity:.6}},error:{selected:{borderColor:"color-red-500"},unselected:{borderColor:"color-red-500"}}},Mt={hover:{selected:{backgroundColor:"color-blue-600"},unselected:{style:{backgroundColor:"transparent"}}},disabled:{selected:{backgroundColor:"color-gray-300",opacity:.6},unselected:{opacity:.6,style:{backgroundColor:"transparent"}}},error:{selected:{backgroundColor:"color-red-500"},unselected:{style:{backgroundColor:"transparent"}}}},qa=({id:e,icon:o,name:t,label:n,value:a,isChecked:l,onChange:c,onValueChange:d,shadow:g={},labelPosition:s="right",size:m="md",error:f=!1,isSelected:p=!1,isHovered:u=!1,isDisabled:y=!1,isReadOnly:b=!1,defaultIsSelected:x=!1,setIsSelected:k=()=>{},setIsHovered:S=()=>{},views:v={radio:{},label:{}},infoText:C,helperText:w,...T})=>{const z=()=>S(!u),M=()=>{!b&&!y&&(k&&k(!0),c&&c(a),d&&d(a))},j=l||p?"selected":"unselected",$=f?zt.error[j]:y?zt.disabled[j]:u?zt.hover[j]:{},F=f?Mt.error[j]:y?Mt.disabled[j]:u?Mt.hover[j]:{},E={container:{gap:8,display:"flex",height:"fit-content",flexDirection:"column",width:"fit-content",selected:{borderColor:"theme-primary"},color:f?"color-red-600":y?"color-gray-400":"inherit",cursor:y?"not-allowed":b?"default":"pointer",opacity:y?.6:1,transition:"all 0.2s ease-in-out",...v.label},radio:{...fh[j],...$,borderRadius:"50%",selected:{backgroundColor:"theme-primary"},backgroundColor:"color-white",...hh[m],transition:"all 0.2s ease-in-out",...g,...v.radio},dot:{...ph[j],...F,borderRadius:"50%",...mh[m],transition:"all 0.2s ease-in-out"}};return r.jsxs(Lo,{htmlFor:e,as:"div",onClick:M,onMouseEnter:z,onMouseLeave:z,size:i.Typography.fontSizes[m],...E.container,...T,children:[r.jsxs(i.Vertical,{gap:8,children:[" ",r.jsxs(i.Horizontal,{gap:12,alignItems:"center",children:[" ",s==="left"&&n&&r.jsx(i.Text,{size:m,fontWeight:"500",...v==null?void 0:v.label,children:n}),r.jsx(i.Center,{...E.radio,children:(l||p)&&r.jsx(i.View,{...E.dot})}),s==="right"&&n&&r.jsx(i.Text,{size:m,fontWeight:"500",...v==null?void 0:v.label,children:n})]}),C&&r.jsx(i.Text,{marginLeft:s==="left"?0:36,color:"color-gray-500",size:"sm",fontWeight:"400",lineHeight:"20px",...v==null?void 0:v.infoText,children:C})]}),f&&r.jsx(i.Text,{size:"xs",marginTop:4,marginHorizontal:0,color:"color-red-500",fontWeight:"500",transition:"color 0.2s ease, opacity 0.2s ease",children:f})]})},uh=e=>{let{value:o,...t}=pe(e);t.isChecked=o===e.value;const n=Na(e);return r.jsx(qa,{...n,...t})},Ua=e=>{const{value:o,onChange:t,onSubmit:n,autoFocus:a=!0,loading:l=!1,disabled:c=!1,isAgentRunning:d=!1,onStopAgent:g,sandboxId:s,onUploadProgress:m,onUploadSuccess:f,onUploadError:p,onFileUpload:u}=e,y=o!==void 0&&t!==void 0,[b,x]=h.useState(""),k=y?o:b,[S,v]=h.useState([]),[C,w]=h.useState([]),[T,z]=h.useState(!1),[M,j]=h.useState(0),[$,F]=h.useState([]),[E,V]=h.useState(!1),P=h.useRef(null),[W,A]=h.useState(!1),[H,L]=h.useState("gpt-4"),[_]=h.useState([{id:"gpt-3.5-turbo",name:"GPT-3.5"},{id:"gpt-4",name:"GPT-4"},{id:"gpt-4-thinking",name:"GPT-4 (Thinking)",isThinking:!0},{id:"claude-3-5-sonnet",name:"Claude 3.5 Sonnet"}]),D=h.useRef(null),q=h.useRef(null),[O,G]=h.useState(e.showGuideTip||!1);h.useEffect(()=>{a&&D.current&&D.current.focus()},[a]),h.useEffect(()=>()=>{S.forEach(K=>{})},[S]);const N=K=>{y&&t?t(K):x(K)},J=K=>{if(K.preventDefault(),!k.trim()&&S.length===0||l||c&&!d)return;if(d&&g){g();return}let ee=k;if(S.length>0){const ke=S.map(Le=>`[Uploaded File: ${URL.createObjectURL(Le)}}]`).join(`
24
- `);ee=ee?`${ee}
23
+ `;function So(e,o){try{e.insertRule(o)}catch{console.error("input-otp could not insert CSS rule:",o)}}const Qa=({id:e,name:o,label:t,value:n="",length:a=6,onChange:l,onChangeText:c,onComplete:g,helperText:s,placeholder:d="",shadow:f,views:m={},size:p="md",shape:u="rounded",variant:y="outline",gap:x=8,type:k="text",error:C=!1,isFocused:S=!1,isHovered:v=!1,isDisabled:w=!1,isReadOnly:b=!1,isAutoFocus:T=!1,setValue:F,setIsFocused:M,setIsHovered:E,inputRef:$,containerRef:z,mirrorSelectionStart:V,mirrorSelectionEnd:A,setMirrorSelectionStart:P,setMirrorSelectionEnd:j,handlePaste:W,handleChange:H,handleFocus:B,handleBlur:_,handleKeyDown:L,handleKeyPress:O,secureTextEntry:N,isFirstColumn:G,stepValues:q,setInputRef:K,onBlur:D=()=>{},onClick:X=()=>{},onFocus:Q=()=>{},onKeyPress:R,pattern:Z,pasteTransformer:re,...ne})=>{i.useTheme();const te=!!t,Y=h.useMemo(()=>({slots:Array.from({length:a}).map((J,oe)=>{const se=S&&V!==null&&A!==null&&(V===A&&oe===V||oe>=V&&oe<A),le=n[oe]!==void 0?n[oe]:null,fe=n[0]!==void 0?null:(d==null?void 0:d[oe])??null;return{char:le,placeholderChar:fe,isActive:se,hasFakeCaret:se&&le===null}}),isFocused:S,isHovering:!w&&v}),[S,v,w,a,A,V,d,n]);h.useEffect(()=>{T&&$.current&&$.current.focus()},[T,$]),h.useEffect(()=>{if(!document.getElementById("input-otp-style")){const J=document.createElement("style");if(J.id="input-otp-style",document.head.appendChild(J),J.sheet){const oe="background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";So(J.sheet,"@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }"),So(J.sheet,"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"),So(J.sheet,`[data-input-otp]:autofill { ${oe} }`),So(J.sheet,`[data-input-otp]:-webkit-autofill { ${oe} }`),So(J.sheet,"@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"),So(J.sheet,"[data-input-otp] + * { pointer-events: all !important; }")}}},[]);const ee=()=>r.jsx(i.Horizontal,{gap:x,width:"100%",justifyContent:"center",minHeight:p==="xs"?"32px":p==="sm"?"36px":p==="md"?"40px":p==="lg"?"48px":"56px",...m.container,children:Y.slots.map((J,oe)=>r.jsxs(Ke,{size:p,error:C,shape:u,views:m,variant:y,value:J.char||"",color:"theme-primary",isHovered:v,isDisabled:w,isReadOnly:b,isFocused:J.isActive,showLabel:!1,onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),justifyContent:"center",alignItems:"center",width:"100%",position:"relative",height:p==="xs"?"32px":p==="sm"?"36px":p==="md"?"40px":p==="lg"?"48px":"56px",...m.container,children:[J.char?r.jsx(i.View,{textAlign:"center",fontSize:p==="xs"?"14px":p==="sm"?"16px":p==="md"?"18px":p==="lg"?"20px":"24px",fontWeight:"medium",...m.text,children:k==="password"?"•":J.char}):J.placeholderChar?r.jsx(i.View,{textAlign:"center",fontSize:p==="xs"?"14px":p==="sm"?"16px":p==="md"?"18px":p==="lg"?"20px":"24px",color:"color-gray-400",opacity:.5,...m.text,children:J.placeholderChar}):null,J.hasFakeCaret&&r.jsx(i.View,{position:"absolute",width:"2px",height:"60%",backgroundColor:"theme-primary",animation:"blink 1s step-start infinite",style:{animationName:"blink",animationDuration:"1s",animationIterationCount:"infinite",animationTimingFunction:"step-start"}})]},`${e||o}-${oe}`))}),ce={position:"absolute",inset:0,width:"100%",height:"100%",display:"flex",textAlign:"center",opacity:"1",color:"transparent",pointerEvents:"all",background:"transparent",caretColor:"transparent",border:"0 solid transparent",outline:"0 solid transparent",boxShadow:"none",letterSpacing:"-.5em",fontSize:"var(--root-height)",fontFamily:"monospace",fontVariantNumeric:"tabular-nums"};return r.jsxs(r.Fragment,{children:[r.jsx("noscript",{children:r.jsx("style",{children:Mh})}),r.jsxs(_e,{helperText:s,error:C,views:m,...ne,children:[te&&r.jsx(to,{htmlFor:e,color:"theme-primary",error:C,...m.label,children:t}),r.jsxs(i.View,{ref:z,"data-input-otp-container":!0,position:"relative",cursor:w?"default":"text",userSelect:"none",pointerEvents:"none",children:[r.jsx(zh.Provider,{value:Y,children:ee()}),r.jsx(i.View,{position:"absolute",inset:0,pointerEvents:"none",children:r.jsx(i.Input,{ref:J=>K(J),"data-input-otp":!0,"data-input-otp-placeholder-shown":n.length===0||void 0,"data-input-otp-mss":V,"data-input-otp-mse":A,id:e||o,name:o,type:k==="password"?"password":"text",inputMode:k!=="password"?"numeric":void 0,pattern:"[0-9]*",maxLength:a,readOnly:b,disabled:w,placeholder:d,value:n,onChange:H,onKeyDown:L,onPaste:W,onFocus:B,onBlur:_,onClick:X,onMouseOver:()=>E(!0),onMouseLeave:()=>E(!1),autoComplete:"one-time-code","aria-label":`OTP input with ${a} digits`,style:ce,...m.input})})]})]})]})},Wh=e=>{if(e==null)return"";if(typeof e=="string"||typeof e=="number"){const o=String(e);return o==="[object Object]"?"":o}return""},Ph=(e,o)=>{console.log(`[OTPInput] ${e}`,o)},Za=e=>e==null||typeof e=="string"||typeof e=="number"||typeof e=="boolean"?e:Object.prototype.toString.call(e),Ra=e=>{const{value:o}=e,{value:t,setValue:n,isFocused:a,setIsFocused:l,isHovered:c,setIsHovered:g,inputRef:s,containerRef:d,mirrorSelectionStart:f,mirrorSelectionEnd:m,setMirrorSelectionStart:p,setMirrorSelectionEnd:u,setInputRef:y,handleChange:x,handleFocus:k,handleBlur:C,handleKeyDown:S,handlePaste:v,handleKeyPress:w}=Ja(e),T=Wh(o!==void 0?o:t);return Ph("render",{name:e.name,controlledValue:Za(o),internalValue:Za(t),displayValue:T,length:e.length||6,hasOnChange:!!e.onChange,hasOnChangeText:!!e.onChangeText}),r.jsx(Qa,{...e,value:T,setValue:n,isFocused:a,setIsFocused:l,isHovered:c,setIsHovered:g,inputRef:s,containerRef:d,mirrorSelectionStart:f,mirrorSelectionEnd:m,setMirrorSelectionStart:p,setMirrorSelectionEnd:u,setInputRef:y,handleChange:x,handleFocus:k,handleBlur:C,handleKeyDown:S,handleKeyPress:w,handlePaste:v,stepValues:e.stepValues})},el=h.createContext({active:!1,focusNextInput:()=>{},setInputRef:()=>{},handleSubmitEditing:()=>{},getReturnKeyType:()=>"next"}),Hh=()=>h.useContext(el),jh=({children:e,autoFocus:o=!1,initFocus:t,onChange:n=()=>{},...a})=>{const l=We.useFormikContext();h.useEffect(()=>{n(l.values)},[l.values]);const c=h.useRef({}),g=h.useRef([]),s=(m,p)=>{c.current[m]=p,p&&!g.current.includes(m)&&g.current.push(m)},d=m=>{var p,u;if(o){const x=g.current.indexOf(m)+1;x<g.current.length?(p=c.current[g.current[x]])==null||p.focus():(u=l.submitForm)==null||u.call(l)}},f={active:o,focusNextInput:d,setInputRef:s,handleSubmitEditing:d,getReturnKeyType:m=>g.current.indexOf(m)===g.current.length-1?"done":"next"};return h.useEffect(()=>{var m,p;o&&(t&&c.current[t]?(m=c.current[t])==null||m.focus():g.current[0]&&((p=c.current[g.current[0]])==null||p.focus()))},[o,t]),r.jsx(el.Provider,{value:f,children:r.jsx(i.Form,{...a,children:e})})},Ah=e=>{switch(e){case"email":return{autoCorrect:"off",inputMode:"email",autoCapitalize:"none"};case"password":return{autoCorrect:"off",secureTextEntry:!0,autoCapitalize:"none"};case"digits":return{inputMode:"tel"};case"numeric":return{inputMode:"numeric"};case"name":return{autoCorrect:"off"};default:return{}}},ue=({name:e,type:o,...t},n={})=>{const a=Hh(),{touched:l,errors:c,submitCount:g,values:s,setFieldTouched:d,setFieldValue:f}=We.useFormikContext(),m=b=>{var T;f(e,b),(T=t.onChangeText)==null||T.call(t,b)},p=b=>{var T;f(e,b),(T=t.onChange)==null||T.call(t,b)},u=()=>{d(e,!0)},y=b=>{b.key==="Enter"&&(b.preventDefault(),a.focusNextInput(e))},x=["text","password","email","digits"].includes(o),k=We.getIn(l,e)||g>0?We.getIn(c,e):void 0,C=We.getIn(s,e),S=typeof document<"u"&&typeof document.createElement=="function",v=!!n.focusable&&a.active,w=v?S?{onKeyPress:y}:{returnKeyType:a.getReturnKeyType(e),onSubmitEditing:()=>a.handleSubmitEditing(e),blurOnSubmit:!1}:{};return{...Ah(o),...t,value:C,error:k,onBlur:u,...x?{onChangeText:m}:{onChange:p},...w,...v?{inputRef:b=>a.setInputRef(e,b)}:{}}},Vh=e=>{let{value:o,...t}=ue(e);t.isChecked=o;const n=Ia(e);return r.jsx(za,{...n,...t})},ol=({defaultIsSelected:e=!1,isChecked:o})=>{const[t,n]=h.useState(!1),[a,l]=h.useState(o!==void 0?o:e);return h.useEffect(()=>{o!==void 0&&l(o)},[o]),{isHovered:t,setIsHovered:n,isSelected:a,setIsSelected:l}},Eh={xs:{height:"16px",width:"16px"},sm:{height:"20px",width:"20px"},md:{height:"24px",width:"24px"},lg:{height:"28px",width:"28px"},xl:{height:"32px",width:"32px"}},Dh={xs:{height:"8px",width:"8px"},sm:{height:"10px",width:"10px"},md:{height:"12px",width:"12px"},lg:{height:"14px",width:"14px"},xl:{height:"16px",width:"16px"}},$h={selected:{borderColor:"theme-primary",borderWidth:"2px",borderStyle:"solid"},unselected:{borderWidth:"2px",borderStyle:"solid",borderColor:"color-gray-300",style:{backgroundColor:"transparent"}}},Lh={selected:{backgroundColor:"theme-primary"},unselected:{style:{backgroundColor:"transparent"}}},At={hover:{selected:{borderColor:"color-blue-600"},unselected:{borderColor:"color-gray-400"}},disabled:{selected:{borderColor:"color-gray-300",opacity:.6},unselected:{borderColor:"color-gray-300",opacity:.6}},error:{selected:{borderColor:"color-red-500"},unselected:{borderColor:"color-red-500"}}},Vt={hover:{selected:{backgroundColor:"color-blue-600"},unselected:{style:{backgroundColor:"transparent"}}},disabled:{selected:{backgroundColor:"color-gray-300",opacity:.6},unselected:{opacity:.6,style:{backgroundColor:"transparent"}}},error:{selected:{backgroundColor:"color-red-500"},unselected:{style:{backgroundColor:"transparent"}}}},rl=({id:e,icon:o,name:t,label:n,value:a,isChecked:l,onChange:c,onValueChange:g,shadow:s={},labelPosition:d="right",size:f="md",error:m=!1,isSelected:p=!1,isHovered:u=!1,isDisabled:y=!1,isReadOnly:x=!1,defaultIsSelected:k=!1,setIsSelected:C=()=>{},setIsHovered:S=()=>{},views:v={radio:{},label:{}},infoText:w,helperText:b,...T})=>{const F=()=>S(!u),M=()=>{!x&&!y&&(C&&C(!0),c&&c(a),g&&g(a))},E=l||p?"selected":"unselected",$=m?At.error[E]:y?At.disabled[E]:u?At.hover[E]:{},z=m?Vt.error[E]:y?Vt.disabled[E]:u?Vt.hover[E]:{},V={container:{gap:8,display:"flex",height:"fit-content",flexDirection:"column",width:"fit-content",selected:{borderColor:"theme-primary"},color:m?"color-red-600":y?"color-gray-400":"inherit",cursor:y?"not-allowed":x?"default":"pointer",opacity:y?.6:1,transition:"all 0.2s ease-in-out",...v.label},radio:{...$h[E],...$,borderRadius:"50%",selected:{backgroundColor:"theme-primary"},backgroundColor:"color-white",...Eh[f],transition:"all 0.2s ease-in-out",...s,...v.radio},dot:{...Lh[E],...z,borderRadius:"50%",...Dh[f],transition:"all 0.2s ease-in-out"}};return r.jsxs(qo,{htmlFor:e,as:"div",onClick:M,onMouseEnter:F,onMouseLeave:F,size:i.Typography.fontSizes[f],...V.container,...T,children:[r.jsxs(i.Vertical,{gap:8,children:[" ",r.jsxs(i.Horizontal,{gap:12,alignItems:"center",children:[" ",d==="left"&&n&&r.jsx(i.Text,{size:f,fontWeight:"500",...v==null?void 0:v.label,children:n}),r.jsx(i.Center,{...V.radio,children:(l||p)&&r.jsx(i.View,{...V.dot})}),d==="right"&&n&&r.jsx(i.Text,{size:f,fontWeight:"500",...v==null?void 0:v.label,children:n})]}),w&&r.jsx(i.Text,{marginLeft:d==="left"?0:36,color:"color-gray-500",size:"sm",fontWeight:"400",lineHeight:"20px",...v==null?void 0:v.infoText,children:w})]}),m&&r.jsx(i.Text,{size:"xs",marginTop:4,marginHorizontal:0,color:"color-red-500",fontWeight:"500",transition:"color 0.2s ease, opacity 0.2s ease",children:m})]})},Bh=e=>{let{value:o,...t}=ue(e);t.isChecked=o===e.value;const n=ol(e);return r.jsx(rl,{...n,...t})},tl=e=>{const{value:o,onChange:t,onSubmit:n,autoFocus:a=!0,loading:l=!1,disabled:c=!1,isAgentRunning:g=!1,onStopAgent:s,sandboxId:d,onUploadProgress:f,onUploadSuccess:m,onUploadError:p,onFileUpload:u}=e,y=o!==void 0&&t!==void 0,[x,k]=h.useState(""),C=y?o:x,[S,v]=h.useState([]),[w,b]=h.useState([]),[T,F]=h.useState(!1),[M,E]=h.useState(0),[$,z]=h.useState([]),[V,A]=h.useState(!1),P=h.useRef(null),[j,W]=h.useState(!1),[H,B]=h.useState("gpt-4"),[_]=h.useState([{id:"gpt-3.5-turbo",name:"GPT-3.5"},{id:"gpt-4",name:"GPT-4"},{id:"gpt-4-thinking",name:"GPT-4 (Thinking)",isThinking:!0},{id:"claude-3-5-sonnet",name:"Claude 3.5 Sonnet"}]),L=h.useRef(null),O=h.useRef(null),[N,G]=h.useState(e.showGuideTip||!1);h.useEffect(()=>{a&&L.current&&L.current.focus()},[a]),h.useEffect(()=>()=>{S.forEach(J=>{})},[S]);const q=J=>{y&&t?t(J):k(J)},K=J=>{if(J.preventDefault(),!C.trim()&&S.length===0||l||c&&!g)return;if(g&&s){s();return}let oe=C;if(S.length>0){const fe=S.map(Ve=>`[Uploaded File: ${URL.createObjectURL(Ve)}}]`).join(`
24
+ `);oe=oe?`${oe}
25
25
 
26
- ${ke}`:ke}let ce=H,he=!1;H.endsWith("-thinking")&&(ce=H.replace(/-thinking$/,""),he=!0),n==null||n(ee,{model_name:ce,enable_thinking:he}),y||x(""),v([]),w([])},B=K=>{v(ee=>ee.filter((ce,he)=>he!==K)),!s&&C.length>K&&w(ee=>ee.filter((ce,he)=>he!==K))},Y=K=>{K.preventDefault(),K.stopPropagation(),A(!0)},Q=K=>{K.preventDefault(),K.stopPropagation(),A(!1)},oe=h.useCallback(K=>{!K||K.length===0||(w(ee=>[...ee,...K]),v(ee=>[...ee,...K]),F(ee=>[...ee,...K]),z(!0))},[w,v]),Z=h.useCallback(()=>{if($.length>0&&!E&&u){V(!0);const K=$[0];P.current=K,j(0);try{u(K)}catch(ee){F(ce=>ce.slice(1)),V(!1),P.current=null,j(0),z(ce=>$.length-1>0||!1),p==null||p(ee)}}else $.length===0&&T&&(z(!1),j(0))},[$,E,u,T,p]);h.useEffect(()=>{Z()},[$,E,Z]);const re="active",le=K=>!0,te=()=>{G(!1),e.onGuideClose&&e.onGuideClose()},X=K=>{y&&t?t(K.text):x(K.text),e.onPromptExampleSelect&&e.onPromptExampleSelect(K),D.current&&D.current.focus()},R=h.useCallback(()=>C,[C]),ae=h.useCallback(()=>w([]),[]);return{onSubmit:n,getPendingFiles:R,clearPendingFiles:ae,value:k,handleChange:N,handleSubmit:J,editableRef:D,fileInputRef:q,isUploading:T,uploadProgress:M,isDraggingOver:W,uploadedFiles:S,pendingFiles:C,removeUploadedFile:B,setPendingFiles:w,setUploadedFiles:v,setIsUploading:z,startUpload:oe,selectedModel:H,handleModelChange:L,modelOptions:_,subscriptionStatus:re,canAccessModel:le,handleDragOver:Y,handleDragLeave:Q,isGuideTipShown:O,hideGuideTip:te,handlePromptExampleSelect:X}},yh={attachmentRemove:{position:"absolute",top:"2px",right:"2px",width:"20px",height:"20px",borderRadius:"50%",backgroundColor:"color-black-900",color:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"12px",zIndex:1}},Ga={container:{width:"100%",maxWidth:"100%",borderRadius:"12px",backgroundColor:"color-white",transition:"background-color 0.2s ease, box-shadow 0.2s ease"},content:{width:"100%",padding:"12px",borderRadius:"12px",backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease"}},bh={default:{borderRadius:"8px"},square:{borderRadius:"0px"},rounded:{borderRadius:"8px"}},xh={xs:{fontSize:"10px",padding:"4px 8px"},sm:{fontSize:"12px",padding:"6px 10px"},md:{fontSize:"14px",padding:"8px 12px"},lg:{fontSize:"16px",padding:"10px 14px"},xl:{fontSize:"20px",padding:"12px 16px"}},kh={default:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200"},outline:{backgroundColor:"transparent",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-300"},none:{backgroundColor:"transparent",border:"none"}},Ya=e=>`${e}-${Math.random().toString(36).substring(2,9)}`,Ch=({openDelay:e=200,closeDelay:o=300}={})=>{const[t,n]=h.useState(!1),a=h.useRef(null),l=h.useRef(null),c=h.useRef(null),d=h.useRef(null),g=h.useMemo(()=>Ya("hovercard-content"),[]),s=h.useMemo(()=>Ya("hovercard-trigger"),[]),m=h.useCallback(()=>{a.current&&(clearTimeout(a.current),a.current=null),l.current&&(clearTimeout(l.current),l.current=null)},[]),f=h.useCallback(()=>{m(),t||(a.current=setTimeout(()=>{n(!0)},e))},[t,e,m]),p=h.useCallback(()=>{m(),t&&(l.current=setTimeout(()=>{n(!1)},o))},[t,o,m]),u=h.useCallback(()=>{l.current&&(clearTimeout(l.current),l.current=null)},[]);return h.useEffect(()=>()=>m(),[m]),{isOpen:t,openCard:f,closeCard:p,cancelCloseTimer:u,triggerRef:c,contentRef:d,contentId:g,triggerId:s}},Xa=h.createContext({isOpen:!1,openCard:()=>{},closeCard:()=>{},cancelCloseTimer:()=>{},triggerRef:{current:null},contentRef:{current:null},contentId:"",triggerId:""}),wh=({children:e,value:o})=>r.jsx(Xa.Provider,{value:o,children:e}),Ka=()=>{const e=h.useContext(Xa);if(!e)throw new Error("useHoverCardContext must be used within a HoverCardProvider");return e},Sh=({children:e,views:o,asChild:t=!1,...n})=>{const{openCard:a,closeCard:l,triggerRef:c,contentId:d,triggerId:g}=Ka(),u={ref:c,onMouseEnter:()=>a(),onMouseLeave:()=>l(),onFocus:()=>a(),onBlur:()=>l(),id:g,"aria-describedby":d,...o==null?void 0:o.container,...n};if(t&&h.isValidElement(e)){const y=h.Children.only(e);return h.cloneElement(y,{...u,...y.props})}return r.jsx(i.View,{position:"relative",display:"inline-block",...u,children:e})},vh=({children:e,views:o,side:t="bottom",align:n="center",sideOffset:a=8,style:l,backgroundColor:c="color-white",borderRadius:d="4px",boxShadow:g="0px 2px 8px rgba(0, 0, 0, 0.15)",padding:s="12px",minWidth:m="50px",maxWidth:f="300px",...p})=>{const{isOpen:u,cancelCloseTimer:y,closeCard:b,contentRef:x,triggerRef:k,contentId:S,triggerId:v}=Ka(),{ref:C,relation:w}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0});h.useEffect(()=>{k!=null&&k.current&&(C==null?void 0:C.current)!==k.current&&C&&(C.current=k.current)},[k,C,u]);const T=()=>y(),z=()=>b();if(!u)return null;const M=()=>{if(!w||!(k!=null&&k.current))return{position:"absolute",top:0,left:0,zIndex:1e3};const F=k.current.getBoundingClientRect();let E=t;t==="bottom"&&w.space.vertical==="top"?E="top":t==="top"&&w.space.vertical==="bottom"?E="bottom":t==="right"&&w.space.horizontal==="left"?E="left":t==="left"&&w.space.horizontal==="right"&&(E="right");let V=0,P=0;switch(E){case"bottom":V=F.left+F.width/2,P=F.bottom+a;break;case"top":V=F.left+F.width/2,P=F.top-a;break;case"right":V=F.right+a,P=F.top+F.height/2;break;case"left":V=F.left-a,P=F.top+F.height/2;break}return{position:"fixed",left:V,top:P,zIndex:1e3,transform:j(E)}},j=F=>{switch(F){case"bottom":return"translate(-50%, 0)";case"top":return"translate(-50%, -100%)";case"right":return"translate(0, -50%)";case"left":return"translate(-100%, -50%)";default:return"translate(-50%, 0)"}},$=M();return r.jsx(i.View,{ref:x,id:S,role:"tooltip","aria-labelledby":v,onMouseEnter:T,onMouseLeave:z,backgroundColor:c,borderRadius:d,boxShadow:g,padding:s,minWidth:m,maxWidth:f,style:{...$,...l},...o==null?void 0:o.container,...p,children:e})},ve=({children:e,views:o,openDelay:t,closeDelay:n,...a})=>{const l=Ch({openDelay:t,closeDelay:n});return r.jsx(wh,{value:l,children:r.jsx(i.View,{position:"relative",display:"inline-block",...o==null?void 0:o.container,...a,children:e})})};ve.Trigger=Sh,ve.Content=vh;const Th=({files:e,sandboxId:o,onRemove:t,layout:n="inline",maxHeight:a="120px",showPreviews:l=!1,views:c={}})=>{if(e.length===0)return null;const d=h.useCallback(s=>s<1024?`${s} B`:s<1024*1024?`${(s/1024).toFixed(1)} KB`:`${(s/(1024*1024)).toFixed(1)} MB`,[]),g=h.useCallback(s=>s.type.startsWith("image/")?{backgroundColor:"#DBEAFE",color:"#2563EB"}:s.type.startsWith("video/")?{backgroundColor:"#EDE9FE",color:"#7C3AED"}:s.type.startsWith("audio/")?{backgroundColor:"#DCFCE7",color:"#16A34A"}:{backgroundColor:"#E2E8F0",color:"#475569"},[]);return r.jsx(i.View,{display:"flex",flexWrap:"wrap",gap:"8px",padding:"8px 0",maxHeight:a,overflowY:"auto",...c==null?void 0:c.container,children:e.map((s,m)=>{const f=(s==null?void 0:s.path)||(s==null?void 0:s.url)||(l?URL.createObjectURL(s):""),p=s.type.startsWith("image/"),u=s.type.startsWith("video/"),y=s.type.startsWith("audio/"),b=g(s);return l?r.jsx(i.Vertical,{alignItems:"center",gap:"6px",padding:"6px 10px",borderRadius:"8px",border:"1px solid #E2E8F0",backgroundColor:"color-white",animate:{from:{opacity:0,scale:.9},to:{opacity:1,scale:1}},animationDuration:.2,...c==null?void 0:c.item,children:l&&r.jsxs(ve,{children:[r.jsxs(ve.Trigger,{children:[p&&r.jsx(i.Image,{src:f,alt:s.name,width:"60px",height:"60px",borderRadius:"8px",objectFit:"cover"}),u&&r.jsx(i.View,{as:"video",src:f,alt:s.name,controls:!1,muted:!0,width:"60px",height:"60px",borderRadius:"8px",objectFit:"cover"}),y&&r.jsx(i.Center,{width:"60px",height:"60px",borderRadius:"8px",backgroundColor:"color-gray-100",children:r.jsx(fo,{widthHeight:24,color:"color-black"})}),!p&&!u&&!y&&r.jsx(i.Center,{width:"60px",height:"60px",borderRadius:"8px",backgroundColor:"color-gray-100",children:r.jsx(eo,{widthHeight:24,color:"color-black"})}),t&&r.jsx(i.Button,{...yh.attachmentRemove,onClick:x=>{x.stopPropagation(),t(m)},"aria-label":`Remove ${s.name}`,children:"×"})]}),r.jsxs(ve.Content,{children:[p&&r.jsx(i.Image,{src:f,alt:s.name,maxWidth:"100%"}),u&&r.jsx(i.View,{as:"video",src:f,controls:!0,maxWidth:"100%"}),y&&r.jsx(i.View,{as:"audio",src:f,controls:!0,width:"100%"}),r.jsxs(i.Text,{marginTop:"4px",maxLines:1,width:"100%",...c==null?void 0:c.name,children:[s.name," (",d(s.size),")"]})]})]})},m):r.jsxs(i.Horizontal,{alignItems:"center",gap:"8px",padding:"6px 10px 6px 8px",borderRadius:"9999px",border:"1px solid #E2E8F0",backgroundColor:"color-white",maxWidth:"100%",animate:{from:{opacity:0,scale:.96},to:{opacity:1,scale:1}},animationDuration:.2,...c==null?void 0:c.item,children:[r.jsx(i.Center,{width:"22px",height:"22px",minWidth:"22px",borderRadius:"9999px",backgroundColor:b.backgroundColor,color:b.color,children:y?r.jsx(fo,{widthHeight:12,color:"currentColor"}):r.jsx(eo,{widthHeight:12,color:"currentColor"})}),r.jsxs(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-600",maxLines:1,maxWidth:"220px",...c==null?void 0:c.name,children:[s.name," · ",d(s.size)]}),t&&r.jsx(i.View,{as:"button",type:"button",onClick:()=>t(m),"aria-label":`Remove ${s.name}`,display:"flex",alignItems:"center",justifyContent:"center",width:"16px",height:"16px",minWidth:"16px",border:"none",backgroundColor:"transparent",color:"color-gray-400",padding:0,cursor:"pointer",transition:"color 0.2s ease, opacity 0.2s ease",_hover:{color:"color-gray-600"},children:"×"})]},m)})})},Ja=h.forwardRef(({value:e,onChange:o,placeholder:t="Type your message...",disabled:n=!1,autoFocus:a=!0,suggestions:l=[],onSuggestionSelect:c,showSuggestions:d=!1,mentionData:g=[],mentionTrigger:s="@",onMentionSelect:m,maxHeight:f="200px",minHeight:p="40px",views:u={}},y)=>{var le,te;const b=h.useRef(e),[x,k]=h.useState(-1),[S,v]=h.useState(!e),C=h.useRef(null),[w,T]=h.useState(!1),[z,M]=h.useState(!1),[j,$]=h.useState(""),[F,E]=h.useState(-1),[V,P]=h.useState(-1),[W,A]=h.useState([]),{ref:H,relation:L}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),[_,D]=h.useState({x:0,y:0}),[q,O]=h.useState({x:0,y:0});h.useEffect(()=>{const X=y;X.current&&e!==b.current&&(X.current.textContent=e,b.current=e,v(!e))},[e,y]),h.useEffect(()=>{a&&y&&typeof y=="object"&&y.current&&y.current.focus()},[a,y]);const G=()=>{const X=window.getSelection();if(!X||X.rangeCount===0)return-1;const R=X.getRangeAt(0),ae=R.cloneRange();return ae.selectNodeContents(y&&typeof y=="object"&&y.current?y.current:document.body),ae.setEnd(R.endContainer,R.endOffset),ae.toString().length},N=h.useCallback((X,R)=>{const ae=X.substring(0,R),K=ae.lastIndexOf(s);if(K!==-1){const ee=ae.substring(K+1);if(!ee.includes(" ")){const he=ee.toLowerCase(),ke=g.filter(qe=>qe.name.toLowerCase().includes(he));$(he),E(K),A(ke),M(ke.length>0),P(0);const Le=J();D(Le);return}}M(!1),$(""),E(-1),P(-1)},[g,s]);h.useEffect(()=>{C.current&&H&&(H.current=C.current)},[C,H]);const J=h.useCallback((X=200)=>{if(!C.current)return{x:0,y:0};const R=C.current.getBoundingClientRect();if(L){const ce=L.space.vertical==="top";return{x:R.left,y:ce?R.top-X-8:R.bottom+8}}const ae=window.innerHeight,K={top:R.top,bottom:ae-R.bottom},ee=K.bottom<X+8&&K.top>K.bottom;return{x:R.left,y:ee?R.top-X-8:R.bottom+8}},[L]),B=h.useCallback(()=>{T(!0);const X=J();O(X)},[J]),Y=h.useCallback(()=>{setTimeout(()=>{T(!1),k(-1)},150)},[]),Q=X=>{const R=X.currentTarget.textContent||"";if(R!==b.current){o(R),b.current=R,v(!R);const ae=G();N(R,ae)}},oe=h.useCallback(X=>{if(y&&typeof y=="object"&&y.current){const R=y.current.textContent||"",ae=R.substring(0,F),K=R.substring(F+s.length+j.length),ee=ae+s+X.name+" "+K;o(ee),b.current=ee,y.current.textContent=ee;const ce=ae.length+s.length+X.name.length+1;setTimeout(()=>{var he;if(y.current){const ke=document.createRange(),Le=window.getSelection(),qe=y.current.firstChild;qe&&Le&&(ke.setStart(qe,Math.min(ce,((he=qe.textContent)==null?void 0:he.length)||0)),ke.collapse(!0),Le.removeAllRanges(),Le.addRange(ke))}},0)}M(!1),$(""),E(-1),P(-1),m&&m(X)},[F,s,j,o,m,y]),Z=h.useCallback(X=>{c&&c(X),k(-1)},[c]),re=X=>{if(z&&W.length>0){if(X.key==="ArrowDown"){X.preventDefault(),P(R=>R<W.length-1?R+1:0);return}if(X.key==="ArrowUp"){X.preventDefault(),P(R=>R>0?R-1:W.length-1);return}if((X.key==="Tab"||X.key==="Enter")&&V>=0){X.preventDefault(),oe(W[V]);return}if(X.key==="Escape"){M(!1),P(-1);return}}if(d&&l.length>0){if(X.key==="ArrowDown"){X.preventDefault(),k(R=>R<l.length-1?R+1:0);return}if(X.key==="ArrowUp"){X.preventDefault(),k(R=>R>0?R-1:l.length-1);return}if(X.key==="Tab"&&x>=0){X.preventDefault(),Z(l[x]);return}if(X.key==="Escape"){k(-1);return}}};return r.jsxs(i.View,{ref:C,width:"100%",position:"relative",...u==null?void 0:u.container,children:[r.jsxs(i.View,{width:"100%",minHeight:p,maxHeight:f,overflowY:"auto",position:"relative",children:[S&&r.jsx(i.Text,{position:"absolute",top:"8px",left:"8px",color:"color-gray-400",pointerEvents:"none",fontSize:"14px",zIndex:1,...u==null?void 0:u.placeholder,children:t}),r.jsx(i.View,{as:"div",ref:y,contentEditable:!n,suppressContentEditableWarning:!0,onInput:Q,onKeyDown:re,onFocus:B,onBlur:Y,role:"textbox","aria-multiline":"true","aria-placeholder":t,width:"100%",minHeight:"24px",padding:"8px",outline:"none",whiteSpace:"pre-wrap",wordBreak:"break-word",fontSize:"14px",color:"color-gray-900",backgroundColor:"transparent",...u==null?void 0:u.input})]}),z&&W.length>0&&r.jsx(i.View,{position:"fixed",left:_.x,top:_.y,width:((le=C.current)==null?void 0:le.offsetWidth)||300,backgroundColor:"color-white",border:"2px solid",borderColor:"color-blue-300",borderRadius:"8px",boxShadow:"0 8px 24px rgba(0, 0, 0, 0.15)",zIndex:9999,maxHeight:"200px",overflowY:"auto",...u==null?void 0:u.mentionContainer,children:r.jsxs(i.Vertical,{gap:0,children:[W.map((X,R)=>r.jsx(i.View,{as:"button",type:"button",width:"100%",padding:"12px 16px",backgroundColor:R===V?"color-blue-50":"transparent",border:"none",cursor:"pointer",textAlign:"left",transition:"background-color 0.2s ease",onClick:()=>oe(X),onMouseEnter:()=>P(R),_hover:{backgroundColor:"color-blue-50"},...u==null?void 0:u.mentionItem,children:r.jsxs(i.Vertical,{gap:4,children:[r.jsxs(i.Text,{fontSize:"14px",color:"color-gray-900",fontWeight:"medium",children:[s,X.name]}),X.description&&r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",children:X.description})]})},X.id)),process.env.NODE_ENV==="development"&&r.jsxs("div",{style:{fontSize:"8px",opacity:.7,padding:"4px"},children:["Mentions (Trigger: ",s,")",L&&r.jsxs(r.Fragment,{children:[r.jsx("br",{}),"Space: ",L.space.vertical,"-",L.space.horizontal]})]})]})}),d&&l.length>0&&!z&&w&&!e&&r.jsx(i.View,{position:"fixed",left:q.x,top:q.y,width:((te=C.current)==null?void 0:te.offsetWidth)||300,backgroundColor:"color-white",border:"2px solid",borderColor:"color-green-300",borderRadius:"8px",boxShadow:"0 8px 24px rgba(0, 0, 0, 0.15)",zIndex:9998,maxHeight:"200px",overflowY:"auto",...u==null?void 0:u.suggestionsContainer,children:r.jsxs(i.Vertical,{gap:0,children:[l.map((X,R)=>r.jsx(i.View,{as:"button",type:"button",width:"100%",padding:"12px 16px",backgroundColor:R===x?"color-blue-50":"transparent",border:"none",cursor:"pointer",textAlign:"left",transition:"background-color 0.2s ease",onClick:()=>Z(X),onMouseEnter:()=>k(R),_hover:{backgroundColor:"color-blue-50"},...u==null?void 0:u.suggestionItem,children:r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontSize:"14px",color:"color-gray-900",fontWeight:"medium",children:X.text}),X.description&&r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",children:X.description})]})},X.id)),process.env.NODE_ENV==="development"&&r.jsxs("div",{style:{fontSize:"8px",opacity:.7,padding:"4px"},children:["Suggestions (Focus-triggered)",L&&r.jsxs(r.Fragment,{children:[r.jsx("br",{}),"Space: ",L.space.vertical,"-",L.space.horizontal]})]})]})})]})});Ja.displayName="EditableInput";const Ih=({examples:e,onSelect:o,views:t={}})=>{const{getColor:n}=i.useTheme();return!e||e.length===0?null:r.jsx(i.Horizontal,{gap:8,overflowX:"auto",padding:"8px 0",width:"100%",...t==null?void 0:t.container,children:e.map(a=>r.jsx(i.View,{as:"button",type:"button",padding:"8px 12px",borderRadius:"9999px",backgroundColor:"color-white",border:"1px solid #E2E8F0",cursor:"pointer",transition:"background-color 0.2s ease, border-color 0.2s ease",onClick:()=>o(a),_hover:{backgroundColor:"#F8FAFC",borderColor:"#CBD5E1"},...t==null?void 0:t.item,children:r.jsx(i.Text,{fontSize:"14px",color:"color-gray-700",...t==null?void 0:t.text,children:a.text})},a.id))})},Fh=({onRecordingComplete:e,onRecordingStart:o,views:t={}})=>{const{recording:n,paused:a,audioBlob:l,analyserNode:c,startRecording:d,stopRecording:g}=An();h.useEffect(()=>{if(l){const m=new File([l],`recording-${Date.now()}.webm`,{type:l.type||"audio/webm;codecs=opus"});e(m)}},[l]);const s=h.useCallback(()=>{d(),o==null||o()},[]);return r.jsxs(i.Horizontal,{alignItems:"center",gap:4,children:[r.jsx(i.View,{minWidth:90,children:n&&c&&r.jsx(ct,{analyserNode:c,isPaused:a})}),r.jsx(i.View,{as:"button",type:"button",onClick:n?g:s,height:"40px",width:"40px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:n?"theme-error":"color-gray-100",color:n?"color-white":"color-gray-600",borderRadius:"50%",border:"none",cursor:"pointer",_hover:{backgroundColor:n?"color-red-600":"color-gray-200"},...t.button,children:n?r.jsx(sr,{widthHeight:16,color:"currentColor",filled:!1}):r.jsx(et,{widthHeight:16,color:"currentColor",filled:!1})})]})},Qa=h.memo(({onSubmit:e,placeholder:o="Type your message… use @ to mention",loading:t=!1,disabled:n=!1,isAgentRunning:a=!1,enableAudioRecording:l=!1,leftButtons:c,rightButtons:d,onStopAgent:g,loadingText:s="Agent is working...",autoFocus:m=!0,sandboxId:f,hideAttachments:p=!1,attachmentText:u="",promptExamples:y=[],suggestions:b=[],errorMessage:x,size:k="md",shape:S="rounded",variant:v="default",views:C={},mentionData:w=[],mentionTrigger:T="@",onMentionSelect:z,onAudioRecordingStart:M,onAudioRecordingStop:j,showGuideTip:$,guideVideoUrl:F,onGuideClose:E,onFileBrowse:V,onUploadProgress:P,onUploadSuccess:W,onUploadError:A,onFileUpload:H,onPromptExampleSelect:L,value:_,handleChange:D,handleSubmit:q,editableRef:O,fileInputRef:G,isUploading:N,uploadProgress:J,isDraggingOver:B,uploadedFiles:Y,pendingFiles:Q,getPendingFiles:oe,clearPendingFiles:Z,removeUploadedFile:re,setPendingFiles:le,setUploadedFiles:te,setIsUploading:X,startUpload:R,selectedModel:ae,handleModelChange:K,modelOptions:ee,subscriptionStatus:ce,canAccessModel:he,isGuideTipShown:ke,hideGuideTip:Le,handlePromptExampleSelect:qe,handleDragOver:mn,handleDragLeave:Ve,onChange:Gr,...fn})=>{i.useTheme();const rc=h.useMemo(()=>({...Ga.container,...bh[S],...C==null?void 0:C.container}),[S,C==null?void 0:C.container]),hy=h.useMemo(()=>({...Ga.content,...xh[k],...kh[v],...C==null?void 0:C.content}),[k,v,C==null?void 0:C.content]),nr=((_==null?void 0:_.trim().length)??0)>0||Y.length>0,my=h.useCallback(Ce=>{R([Ce]),j==null||j(Ce)},[R,j]),pn=h.useCallback(Ce=>{const Ao=Ce.filter(tc=>tc.size>52428800?(console.error(`File size exceeds 50MB limit: ${tc.name}`),!1):!0);Ao.length>0&&R(Ao)},[R]),fy=h.useCallback(Ce=>{if(Ce.preventDefault(),Ce.stopPropagation(),Ve(Ce),Ce.dataTransfer.files.length>0){const Ao=Array.from(Ce.dataTransfer.files);pn(Ao)}},[Ve,pn]),py=h.useMemo(()=>[...w||[],...Y.map((Ce,Ao)=>({id:`file-${Ao}`,name:Ce.name}))],[w,Y]);return r.jsxs(i.View,{display:"flex",flexDirection:"column",boxSizing:"border-box",...rc,...fn,onDragOver:mn,onDragLeave:Ve,onDrop:fy,children:[y.length>0&&r.jsx(Ih,{examples:y,onSelect:qe,views:{container:C==null?void 0:C.promptExamples,item:C==null?void 0:C.promptExampleItem}}),a&&r.jsxs(i.Horizontal,{justifyContent:"center",alignItems:"center",gap:8,padding:"8px 0",animate:{from:{opacity:0,y:-10},to:{opacity:1,y:0},duration:"0.3s"},...C==null?void 0:C.loadingIndicator,children:[r.jsx(rt,{widthHeight:12,color:"currentColor",filled:!1,style:{animation:"spin 1s linear infinite"}}),r.jsx(i.Text,{color:"color-gray-500",children:s})]}),r.jsx(i.View,{position:"relative",width:"100%",overflow:"visible",children:r.jsxs(i.View,{as:"form",onSubmit:q,overflow:"visible",display:"flex",flexDirection:"column",position:"relative",...hy,...rc,paddingHorizontal:16,paddingVertical:10,backgroundColor:B?"color-blue-50":void 0,children:[r.jsx(Th,{files:Y,sandboxId:f,onRemove:re,showPreviews:!0,views:{container:C==null?void 0:C.attachments,item:C==null?void 0:C.attachmentItem,name:C==null?void 0:C.attachmentName,size:C==null?void 0:C.attachmentSize,removeButton:C==null?void 0:C.attachmentRemove}}),r.jsx(Ja,{ref:O,value:_||"",onChange:D,placeholder:o,disabled:n&&!a,autoFocus:m,suggestions:b||[],showSuggestions:b&&b.length>0&&!_,onSuggestionSelect:Ce=>{D(Ce.text)},mentionData:py,mentionTrigger:T,onMentionSelect:z,views:{container:{},input:C==null?void 0:C.editableInput}}),r.jsxs(i.Horizontal,{justifyContent:"space-between",alignItems:"center",marginTop:"8px",children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[!p&&r.jsx(fr,{accept:"*/*",icon:r.jsx(Eo,{widthHeight:16}),maxSize:50*1024*1024,multiple:!0,onMultipleFileSelect:pn,isLoading:N,progress:J||0,text:u,fileType:"file",renderError:({errorMessage:Ce})=>null,views:{container:{height:"36px",cursor:"pointer",_hover:{backgroundColor:"color-gray-100"},...C==null?void 0:C.fileButton}},containerProps:{display:"flex",alignItems:"center",justifyContent:"center",gap:4,borderRadius:S==="rounded"?"50%":4,padding:10},textProps:{fontSize:"14px",color:"color-gray-600"},validateFile:Ce=>Ce.size>50*1024*1024?"File size exceeds 50MB limit":null}),c]}),r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[l&&r.jsx(Fh,{onRecordingStart:M,onRecordingComplete:my,views:{button:C==null?void 0:C.recordButton}}),r.jsx(i.View,{as:"button",type:"button",onClick:q,height:"40px",width:"40px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:a?"theme-error":nr?"theme-primary":"color-gray-300",color:"color-white",borderRadius:S==="rounded"?"50%":4,border:"none",cursor:nr?"pointer":"not-allowed",disabled:!nr||t||n&&!a,transition:"background-color 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease",_hover:{opacity:nr||a?.9:1},_active:{opacity:nr||a?.95:1},_focusVisible:{outline:"none",boxShadow:"0 0 0 2px white, 0 0 0 4px theme-primary"},...C==null?void 0:C.submitButton,children:a?r.jsx(sr,{widthHeight:16,color:"currentColor",filled:!1}):t?r.jsx(po,{type:"quarter",size:16,color:"color-white"}):r.jsx(ot,{widthHeight:16,color:"currentColor",filled:!1})}),d]})]})]})}),x&&r.jsx(i.Text,{color:"theme-error",marginTop:"4px",...C==null?void 0:C.bottomTip,children:x})]})}),zh=e=>{const{name:o,onSubmit:t,...n}=e,[a,l]=h.useState([]),c=pe({name:o,type:"text"}),d=p=>{c.onChangeText&&c.onChangeText(p)},g=(p,u)=>{t?t(p,u):d(p)},s=()=>a,m=()=>l([]),f=Ua({...n,value:c.value||"",onChange:d,onSubmit:g});return r.jsx(Qa,{...n,...f,value:c.value||"",onChange:d,onSubmit:g,error:c.error,getPendingFiles:s,clearPendingFiles:m})},Mh=e=>{const o=pe(e),t=ba(o);return r.jsx(xa,{...t,...o})},Wh=e=>{const o=pe(e),t=Wa();return r.jsx(Pa,{...t,...o})},Ph=e=>{const o=pe(e),t=ka(e);return r.jsx(wa,{...t,...o})},Hh=e=>{let o=pe(e);o.selected=o.value;const t=ra(e);return r.jsx(la,{...t,...o})},jh=e=>{const o=pe(e),t=ia(e);return r.jsx(da,{...t,...o})},Ah=e=>{const{name:o,...t}=e,{values:n,errors:a,touched:l,submitCount:c,setFieldValue:d,setFieldTouched:g}=We.useFormikContext(),s=We.getIn(n,o)||[],m=We.getIn(l,o)||c>0?We.getIn(a,o):void 0,f=h.useCallback(x=>{var S;const k=Array.isArray(x)?x.filter(v=>typeof v=="string"):[];d(o,k),(S=e.onTagsChange)==null||S.call(e,k)},[o,d,e.onTagsChange]),p=h.useCallback(()=>{var x;g(o,!0),(x=e.onBlur)==null||x.call(e)},[o,g,e.onBlur]),u=Da({...t,tags:s,onTagsChange:f,onBlur:p}),{tags:y,...b}=u;return r.jsx($a,{...b,...t,tags:y,error:m})},Vh=e=>{const o=pe(e),t=ma(e);return r.jsx(fa,{...t,...o})},Eh=e=>{const o=pe(e),{value:t,...n}=St(e);return r.jsx(Oo,{...n,...o})},Dh=({visibleIcon:e=r.jsx(nt,{widthHeight:14}),hiddenIcon:o=r.jsx(tt,{widthHeight:14}),...t})=>{const n=pe(t),{isVisible:a,setIsVisible:l,...c}=Ha(n);return r.jsx(Oo,{...c,type:a?"text":"password",isClearable:!1,right:r.jsx(i.View,{onClick:()=>{t.isDisabled||l(!a)},children:a?e:o})})},$h=({items:e,placeholder:o,searchPlaceholder:t,isMulti:n=!1,...a})=>{const l=pe(a),c=ja(e,o,t);h.useEffect(()=>{if(n&&Array.isArray(l.value))c.setSelectedItems(l.value);else if(!n&&l.value){const g=typeof l.value=="object"?l.value:e.find(s=>s.value===l.value);g&&c.setSelectedItem(g)}},[l.value,n,e]);const d=g=>{l.onChange(g)};return r.jsx(Ea,{...c,...l,items:e,placeholder:o,isMulti:n,onSelect:d})},Co=(e,o,t)=>Math.min(Math.max(e,o),t),Lh=(e,o,t,n,a,l,c)=>{const d=n-t;let g;if(l==="horizontal"){const s=o.width,m=e-o.left;g=Co(m/s,0,1)}else{const s=o.height,m=o.bottom-e;g=Co(m/s,0,1)}if(c&&c.length>0){const s=t+g*d;let m=c[0],f=Math.abs(s-m);for(let p=1;p<c.length;p++){const u=Math.abs(s-c[p]);u<f&&(f=u,m=c[p])}return m}else{const s=t+g*d,m=Math.round(s/a)*a;return Co(m,t,n)}},Za=({min:e=0,max:o=100,step:t=1,value:n=0,defaultValue:a,onChange:l,onDrag:c,orientation:d="horizontal",isDisabled:g=!1,stepValues:s})=>{const m=Co(n??a??e,e,o),[f,p]=h.useState(m),[u,y]=h.useState(!1),[b,x]=h.useState(!1),k=h.useRef(null),S=h.useRef(null),v=n!==void 0,C=v?n:f;h.useEffect(()=>{v&&p(Co(n,e,o))},[n,v,e,o]);const w=h.useCallback(E=>{const V=Co(E,e,o);v||p(V),l&&V!==C&&l(V),u&&c&&c(V)},[v,e,o,l,C,u,c]),T=h.useCallback(E=>{if(g||!k.current)return;const V=k.current.getBoundingClientRect();let P;"touches"in E?P=d==="horizontal"?E.touches[0].clientX:E.touches[0].clientY:P=d==="horizontal"?E.clientX:E.clientY;const W=Lh(P,V,e,o,t,d,s);w(W)},[e,o,t,d,w,g,s]),z=h.useCallback(E=>{if(g)return;E.preventDefault(),y(!0),T(E);const V=W=>{T(W)},P=()=>{y(!1),document.removeEventListener("mousemove",V),document.removeEventListener("mouseup",P),document.removeEventListener("touchmove",V),document.removeEventListener("touchend",P)};document.addEventListener("mousemove",V),document.addEventListener("mouseup",P),document.addEventListener("touchmove",V),document.addEventListener("touchend",P)},[T,g]),M=h.useCallback(E=>{S.current&&S.current.contains(E.target)||z(E)},[z]),j=h.useCallback(E=>{if(g)return;let V=C;switch(E.key){case"ArrowLeft":case"ArrowDown":V=C-t;break;case"ArrowRight":case"ArrowUp":V=C+t;break;case"Home":V=e;break;case"End":V=o;break;default:return}E.preventDefault(),w(V)},[C,e,o,t,w,g]),$=o-e,F=$===0?0:(C-e)/$*100;return{currentValue:C,isDragging:u,isHovered:b,setIsHovered:x,trackRef:k,thumbRef:S,handleThumbMouseDown:z,handleTrackMouseDown:M,handleKeyDown:j,thumbPositionPercent:F}},Ra={xs:{height:4,width:"100%"},sm:{height:6,width:"100%"},md:{height:8,width:"100%"},lg:{height:10,width:"100%"},xl:{height:12,width:"100%"}},el={xs:{width:12,height:12},sm:{width:16,height:16},md:{width:20,height:20},lg:{width:24,height:24},xl:{width:28,height:28}},ol={square:0,rounded:4,pill:24},rl=(e=>({default:{backgroundColor:"color-gray-200",transition:"background-color 0.15s ease"},outline:{borderWidth:1,borderStyle:"solid",borderColor:"color-gray-300",style:{backgroundColor:"transparent"},transition:"border-color 0.15s ease"}}))(),Bh={xs:{trackCrossAxisSize:4,thumbSize:12},sm:{trackCrossAxisSize:6,thumbSize:16},md:{trackCrossAxisSize:8,thumbSize:20},lg:{trackCrossAxisSize:10,thumbSize:24},xl:{trackCrossAxisSize:12,thumbSize:28}},_h={horizontal:{width:"100%",minWidth:"120px",height:"auto",flexDirection:"row",paddingVertical:8},vertical:{height:"100%",minHeight:"120px",width:"auto",flexDirection:"column-reverse",paddingHorizontal:8}},Oh=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),Go=(e,o)=>Oh(o)?{style:{[e]:o}}:{[e]:o},tl=h.memo(({min:e=0,max:o=100,step:t=1,currentValue:n,stepValues:a,shape:l="rounded",size:c="md",variant:d="default",orientation:g="horizontal",isDisabled:s=!1,showValue:m=!1,showTooltip:f=!1,backgroundColor:p="theme-primary",label:u,helperText:y,themeMode:b,shadow:x={},isDragging:k,isHovered:S,setIsHovered:v,trackRef:C,thumbRef:w,handleThumbMouseDown:T,handleTrackMouseDown:z,handleKeyDown:M,thumbPositionPercent:j,ariaLabel:$="Slider",views:F={container:{},track:{},progress:{},filledTrack:{},thumb:{},label:{},valueLabel:{},stepMarks:{},tooltip:{}},onChange:E,onDrag:V,value:P,defaultValue:W,...A})=>{var B,Y;const H=p,L="theme-disabled",_=rl[d].backgroundColor,D=s?L:H,q=g==="vertical",{trackCrossAxisSize:O,thumbSize:G}=Bh[c]||{trackCrossAxisSize:Ra[c].height,thumbSize:el[c].width||16},N=r.jsxs(i.Vertical,{width:"100%",gap:8,...F.container,...A,children:[u&&r.jsxs(i.Horizontal,{justifyContent:"space-between",alignItems:"center",children:[r.jsx(i.Text,{fontSize:14,fontWeight:500,...F.label,children:u}),m&&r.jsx(i.Text,{fontSize:14,color:"color-gray-500",...F.valueLabel,children:n})]}),r.jsxs(i.View,{ref:C,position:"relative",cursor:s?"not-allowed":"pointer",opacity:s?.6:1,onMouseDown:z,onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),...Ra[c],borderRadius:ol[l],backgroundColor:_,...rl[d],...x,...F.track,children:[a&&a.length>0&&r.jsx(r.Fragment,{children:a.map(Q=>{const oe=(Q-e)/(o-e)*100;return r.jsx(i.View,{position:"absolute",top:"50%",left:`${oe}%`,transform:"translate(-50%, -50%)",width:4,height:4,borderRadius:"50%",zIndex:1,...Go("backgroundColor",D),...F.stepMarks},Q)})}),r.jsx(i.View,{position:"absolute",top:0,left:0,height:"100%",width:`${j}%`,borderRadius:ol[l],transition:"width 0.1s ease-in-out",...Go("backgroundColor",D),...F.progress,...F.filledTrack}),r.jsx(i.View,{ref:w,role:"slider",tabIndex:s?-1:0,"aria-valuemin":e,"aria-valuemax":o,"aria-valuenow":n,"aria-orientation":g,"aria-disabled":s,"aria-label":$,position:"absolute",top:"50%",left:`${j}%`,borderRadius:"50%",backgroundColor:"color-white",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.2)",borderWidth:2,borderStyle:"solid",transition:k?"none":"transform 0.1s ease-in-out",...Go("borderColor",D),transform:S?"translate(-50%, -50%) scale(1.1)":"translate(-50%, -50%)",zIndex:2,onMouseDown:T,onTouchStart:T,onKeyDown:M,...el[c],...F.thumb,children:f&&(S||k)&&r.jsx(i.View,{position:"absolute",bottom:"100%",left:"50%",transform:"translateX(-50%)",marginBottom:8,padding:"4px 8px",backgroundColor:"color-black",color:"color-white",borderRadius:4,fontSize:12,whiteSpace:"nowrap",zIndex:3,...F.tooltip,children:r.jsx(i.Text,{...(B=F.tooltip)==null?void 0:B.text,children:n==null?void 0:n.toFixed(t<1?1:0)})})})]}),y&&r.jsx(xt,{children:y})]}),J=r.jsxs(i.Center,{..._h[g],position:"relative",onMouseEnter:()=>!s&&v(!0),onMouseLeave:()=>!s&&v(!1),...A,...F==null?void 0:F.container,children:[u&&r.jsxs(i.Horizontal,{justifyContent:"space-between",alignItems:"center",marginBottom:8,width:"100%",children:[r.jsx(i.Text,{fontSize:14,fontWeight:500,...F.label,children:u}),m&&r.jsx(i.Text,{fontSize:14,color:"color-gray-500",...F.valueLabel,children:n})]}),r.jsxs(i.View,{ref:C,position:"relative",borderRadius:O/2,backgroundColor:s?L:_,cursor:s?"not-allowed":"pointer",width:q?`${O}px`:"100%",height:q?"100%":`${O}px`,onMouseDown:z,onTouchStart:z,...F==null?void 0:F.track,children:[a&&a.length>0&&r.jsx(r.Fragment,{children:a.map(Q=>{const oe=(Q-e)/(o-e)*100;return r.jsx(i.View,{position:"absolute",width:4,height:4,borderRadius:"50%",backgroundColor:D,zIndex:1,...q?{bottom:`${oe}%`,left:"50%",transform:"translate(-50%, 50%)"}:{left:`${oe}%`,top:"50%",transform:"translate(-50%, -50%)"},...F.stepMarks},Q)})}),r.jsx(i.View,{position:"absolute",borderRadius:O/2,...q?{bottom:0,left:0,width:"100%",height:`${j}%`}:{top:0,left:0,height:"100%",width:`${j}%`},...Go("backgroundColor",D),...F==null?void 0:F.filledTrack,...F==null?void 0:F.progress}),r.jsx(i.View,{ref:w,role:"slider",tabIndex:s?-1:0,"aria-valuemin":e,"aria-valuemax":o,"aria-valuenow":n,"aria-orientation":g,"aria-disabled":s,"aria-label":$,position:"absolute",width:`${G}px`,height:`${G}px`,borderRadius:"50%",borderWidth:2,borderStyle:"solid",borderColor:"color-white",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.2)",cursor:s?"not-allowed":"grab",transform:q?"translateX(-50%)":"translateY(-50%)",zIndex:2,transition:k?"none":"left 0.1s, bottom 0.1s",...Go("backgroundColor",D),...q?{left:"50%",bottom:`${j}%`}:{top:"50%",left:`${j}%`},onMouseDown:T,onTouchStart:T,onKeyDown:M,...F==null?void 0:F.thumb,children:f&&(S||k)&&r.jsx(i.View,{position:"absolute",padding:"4px 8px",backgroundColor:"color-black",color:"color-white",borderRadius:"4px",whiteSpace:"nowrap",zIndex:3,...q?{left:"100%",marginLeft:"8px",bottom:"0",transform:"translateY(50%)"}:{bottom:"100%",left:"50%",marginBottom:"8px",transform:"translateX(-50%)"},...F==null?void 0:F.tooltip,children:r.jsx(i.Text,{...(Y=F==null?void 0:F.tooltip)==null?void 0:Y.text,children:n==null?void 0:n.toFixed(t<1?1:0)})})})]}),y&&r.jsx(xt,{marginTop:8,children:y})]});return q||f?J:N}),Nh=e=>{const o=pe(e),t=Za({...e,value:o.value!==void 0?Number(o.value):void 0,onChange:n=>{var a;o.onChange(n),(a=e.onChange)==null||a.call(e,n)}});return r.jsx(tl,{...e,...t,...o})},qh=e=>{const o=pe(e),{isFocused:t,setIsFocused:n,isHovered:a,setIsHovered:l,inputRef:c,containerRef:d,mirrorSelectionStart:g,mirrorSelectionEnd:s,setMirrorSelectionStart:m,setMirrorSelectionEnd:f,setInputRef:p,handleFocus:u,handleBlur:y,handleKeyDown:b,handlePaste:x}=La(e),k=h.useCallback(v=>{o.onChange&&o.onChange(v),e.onComplete&&v.length===(e.length||6)&&e.onComplete(v),c.current&&(c.current.value=v)},[o,e,c]),S=h.useCallback(v=>{const C=v.currentTarget.value.slice(0,e.length||6);k(C),c.current&&(c.current.value=C)},[e.length,k,c]);return r.jsx(Ba,{...e,...o,setValue:k,isFocused:t,setIsFocused:n,isHovered:a,setIsHovered:l,inputRef:c,containerRef:d,mirrorSelectionStart:g,mirrorSelectionEnd:s,setMirrorSelectionStart:m,setMirrorSelectionEnd:f,setInputRef:p,handleChange:S,handleFocus:u,handleBlur:y,handleKeyDown:b,handlePaste:x,stepValues:e.stepValues})},Uh=e=>Array.isArray(e)?e:e==null?[]:[e],nl=({name:e,uploadFile:o,onUploadSuccess:t,onUploadError:n,transformResponse:a,onMultipleFileSelect:l,onFileSelect:c,multiple:d=!0,...g})=>{const{setFieldValue:s,setFieldTouched:m,values:f}=We.useFormikContext(),[p,u]=h.useState(!1),[y,b]=h.useState(0),x=h.useCallback(async v=>{if(!v||v.length===0)return;m(e,!0,!0),u(!0);const C=[];for(const w of v){b(0);try{const T=await o(w,M=>{b(M??0)}),z=a?a(T,w):T;C.push(z),t==null||t(w,z)}catch(T){n==null||n(w,T)}}if(C.length>0){const w=Uh(We.getIn(f,e));s(e,[...w,...C],!0),b(100)}else b(0);u(!1)},[e,n,t,m,s,a,o,f]),k=h.useCallback(async v=>{l==null||l(v),await x(v)},[x,l]),S=h.useCallback(async v=>{c==null||c(v),await x([v])},[x,c]);return r.jsx(fr,{...g,multiple:d,onMultipleFileSelect:d?k:void 0,onFileSelect:d?void 0:S,isLoading:p,progress:y})};nl.displayName="FormikUploader";const Gh=e=>{let o=pe(e);o.selected=o.value;const t=ga(e);return r.jsx(ha,{...t,...o})},al=e=>{const[o,t]=h.useState(!1),[n,a]=h.useState(e);return{isHovered:o,setIsHovered:t,isToggle:n,setIsToggled:a}},Yh={square:0,rounded:8,pill:999},Xh=(e,o)=>({outline:{backgroundColor:"color-white",color:e,borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",_hover:{backgroundColor:"color-gray-50",borderColor:"color-gray-300"},_active:{backgroundColor:"color-gray-100"},transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"},ghost:{backgroundColor:"transparent",color:e,borderWidth:0,borderStyle:"none",borderColor:"transparent",_hover:{backgroundColor:"color-gray-50"},_active:{backgroundColor:"color-gray-100"},transition:"background-color 0.2s ease, color 0.2s ease"},link:{backgroundColor:"transparent",color:e,borderWidth:1,borderStyle:"solid",borderColor:"transparent",textDecoration:"underline",textUnderlineOffset:"1px",textDecorationThickness:"1px",_hover:{opacity:.8},_active:{opacity:.9},transition:"opacity 0.2s ease"}}),ll=h.memo(({children:e,shape:o="rounded",variant:t="ghost",isHovered:n,setIsHovered:a,isDisabled:l,isToggle:c,setIsToggled:d,onToggle:g,views:s,backgroundColor:m,color:f,themeMode:p,...u})=>{const{getColor:y,themeMode:b}=i.useTheme(),x=p??b,S=y(l?"theme-disabled":m??f??"theme-primary",{themeMode:x}),C=h.useMemo(()=>Xh(S),[S,x])[t],w=!!c,T=h.useCallback(()=>a(!0),[a]),z=h.useCallback(()=>{l||d(M=>{const j=!M;return g&&g(j),j})},[l,d,g]);return r.jsx(i.Center,{role:"Toggle",padding:o==="pill"?"8px 12px":"8px",width:"fit-content",cursor:l?"not-allowed":"pointer",borderRadius:Yh[o],onClick:z,onMouseEnter:T,onMouseLeave:()=>a(!1),...C,...w&&{...t==="link"?{backgroundColor:"transparent"}:{backgroundColor:"color-blue-50",borderWidth:1,borderStyle:"solid",borderColor:"color-blue-200"},color:S},...u,...s==null?void 0:s.container,children:e})}),Kh=({children:e,shape:o,variant:t,isDisabled:n,isToggled:a=!1,onToggle:l,...c})=>{const d=pe(c),{isHovered:g,setIsHovered:s,isToggle:m,setIsToggled:f}=al(d.value??a);h.useEffect(()=>{f(d.value??a)},[d.value,a]);const p=u=>{f(u),d.onChange(u),l==null||l(u)};return r.jsx(ll,{shape:o,variant:t,isDisabled:n,isHovered:g,setIsHovered:s,isToggle:m,setIsToggled:f,onToggle:p,...c,children:e})},il=()=>{const[e,o]=h.useState([]);return{activeToggles:e,setActiveToggles:o}},Wt=({children:e,shape:o,variant:t,isDisabled:n,isToggled:a=!1,onToggle:l,...c})=>{const{isHovered:d,setIsHovered:g,isToggle:s,setIsToggled:m}=al(a);return h.useEffect(()=>{m(a)},[a]),r.jsx(ll,{shape:o,variant:t,isDisabled:n,isHovered:d,setIsHovered:g,isToggle:s,setIsToggled:m,onToggle:l,...c,children:e})},cl=({items:e,onToggleChange:o,activeToggles:t,setActiveToggles:n,shape:a="rounded",variant:l="ghost",views:c})=>{const d=h.useCallback((g,s)=>{n(m=>{let f;return s?f=m.includes(g)?m:[...m,g]:f=m.filter(p=>p!==g),o==null||o(f),f})},[o,n]);return r.jsx(i.Horizontal,{role:"ToggleGroup",display:"flex",gap:8,flexWrap:"wrap",...c==null?void 0:c.container,children:e.map(g=>r.jsx(Wt,{role:`toggle-${g.id}`,shape:a,variant:l,isToggled:t.includes(g.id)||g.isActive,onToggle:s=>d(g.id,s),isDisabled:g.isDisabled,views:c==null?void 0:c.toggle,children:g.value},g.id))})},Jh=({items:e,shape:o,variant:t,onToggleChange:n,...a})=>{const l=pe(a),{activeToggles:c,setActiveToggles:d}=il();h.useEffect(()=>{Array.isArray(l.value)&&d(l.value)},[l.value]);const g=s=>{d(s),l.onChange(s),n==null||n(s)};return r.jsx(cl,{items:e,shape:o,variant:t,activeToggles:c,setActiveToggles:d,onToggleChange:g,...a})},sl=["zoom-out","zoom-in","zap","zap-off","youtube","x","wrench","worm","workflow","wine","wine-off","wind","wind-arrow-down","wifi","wifi-zero","wifi-sync","wifi-pen","wifi-off","wifi-low","wifi-high","wifi-cog","whole-word","wheat","wheat-off","weight","weight-tilde","webhook","webhook-off","webcam","waypoints","waves","waves-ladder","waves-arrow-up","waves-arrow-down","watch","washing-machine","warehouse","wand","wand-sparkles","wallpaper","wallet","wallet-minimal","wallet-cards","vote","volume","volume-x","volume-off","volume-2","volume-1","volleyball","voicemail","view","videotape","video","video-off","vibrate","vibrate-off","venus","venus-and-mars","venetian-mask","vegan","vector-square","vault","variable","van","utility-pole","utensils","utensils-crossed","users","users-round","user","user-x","user-star","user-search","user-round","user-round-x","user-round-search","user-round-plus","user-round-pen","user-round-minus","user-round-cog","user-round-check","user-plus","user-pen","user-minus","user-lock","user-cog","user-check","usb","upload","unplug","unlink","unlink-2","university","ungroup","unfold-vertical","unfold-horizontal","undo","undo-dot","undo-2","underline","umbrella","umbrella-off","type","type-outline","twitter","twitch","tv","tv-minimal","tv-minimal-play","turtle","turntable","turkish-lira","truck","truck-electric","trophy","triangle","triangle-right","triangle-dashed","triangle-alert","trending-up","trending-up-down","trending-down","trello","trees","tree-pine","tree-palm","tree-deciduous","trash","trash-2","transgender","tram-front","train-track","train-front","train-front-tunnel","traffic-cone","tractor","toy-brick","tower-control","touchpad","touchpad-off","torus","tornado","toolbox","tool-case","toilet","toggle-right","toggle-left","timer","timer-reset","timer-off","tickets","tickets-plane","ticket","ticket-x","ticket-slash","ticket-plus","ticket-percent","ticket-minus","ticket-check","thumbs-up","thumbs-down","thermometer","thermometer-sun","thermometer-snowflake","theater","text-wrap","text-select","text-search","text-quote","text-initial","text-cursor","text-cursor-input","text-align-start","text-align-justify","text-align-end","text-align-center","test-tubes","test-tube","test-tube-diagonal","terminal","tent","tent-tree","telescope","target","tangent","tally-5","tally-4","tally-3","tally-2","tally-1","tags","tag","tablets","tablet","tablet-smartphone","table","table-rows-split","table-properties","table-of-contents","table-columns-split","table-cells-split","table-cells-merge","table-2","syringe","swords","sword","switch-camera","swiss-franc","swatch-book","superscript","sunset","sunrise","sun","sun-snow","sun-moon","sun-medium","sun-dim","subscript","strikethrough","stretch-vertical","stretch-horizontal","store","stone","sticky-note","sticker","stethoscope","step-forward","step-back","star","star-off","star-half","stamp","squirrel","squircle","squircle-dashed","squares-unite","squares-subtract","squares-intersect","squares-exclude","square","square-x","square-user","square-user-round","square-terminal","square-stop","square-star","square-stack","square-square","square-split-vertical","square-split-horizontal","square-slash","square-sigma","square-scissors","square-round-corner","square-radical","square-power","square-plus","square-play","square-pilcrow","square-pi","square-percent","square-pen","square-pause","square-parking","square-parking-off","square-mouse-pointer","square-minus","square-menu","square-m","square-library","square-kanban","square-function","square-equal","square-dot","square-divide","square-dashed","square-dashed-top-solid","square-dashed-mouse-pointer","square-dashed-kanban","square-dashed-bottom","square-dashed-bottom-code","square-code","square-chevron-up","square-chevron-right","square-chevron-left","square-chevron-down","square-check","square-check-big","square-chart-gantt","square-bottom-dashed-scissors","square-asterisk","square-arrow-up","square-arrow-up-right","square-arrow-up-left","square-arrow-right","square-arrow-out-up-right","square-arrow-out-up-left","square-arrow-out-down-right","square-arrow-out-down-left","square-arrow-left","square-arrow-down","square-arrow-down-right","square-arrow-down-left","square-activity","sprout","spray-can","spotlight","spool","split","spline","spline-pointer","spell-check","spell-check-2","speech","speaker","sparkles","sparkle","spade","space","soup","solar-panel","sofa","soap-dispenser-droplet","snowflake","snail","smile","smile-plus","smartphone","smartphone-nfc","smartphone-charging","sliders-vertical","sliders-horizontal","slice","slash","slack","skull","skip-forward","skip-back","siren","signpost","signpost-big","signature","signal","signal-zero","signal-medium","signal-low","signal-high","sigma","shuffle","shrub","shrink","shrimp","shredder","shower-head","shovel","shopping-cart","shopping-basket","shopping-bag","shirt","ship","ship-wheel","shield","shield-x","shield-user","shield-question-mark","shield-plus","shield-off","shield-minus","shield-half","shield-ellipsis","shield-check","shield-ban","shield-alert","shell","sheet","share","share-2","shapes","settings","settings-2","server","server-off","server-crash","server-cog","separator-vertical","separator-horizontal","send","send-to-back","send-horizontal","section","search","search-x","search-slash","search-code","search-check","search-alert","scroll","scroll-text","screen-share","screen-share-off","scooter","scissors","scissors-line-dashed","school","scan","scan-text","scan-search","scan-qr-code","scan-line","scan-heart","scan-face","scan-eye","scan-barcode","scaling","scale","scale-3d","save","save-off","save-all","saudi-riyal","satellite","satellite-dish","sandwich","salad","sailboat","russian-ruble","ruler","ruler-dimension-line","rss","rows-4","rows-3","rows-2","router","route","route-off","rotate-cw","rotate-cw-square","rotate-ccw","rotate-ccw-square","rotate-ccw-key","rotate-3d","rose","roller-coaster","rocking-chair","rocket","ribbon","rewind","reply","reply-all","replace","replace-all","repeat","repeat-2","repeat-1","remove-formatting","regex","refrigerator","refresh-cw","refresh-cw-off","refresh-ccw","refresh-ccw-dot","redo","redo-dot","redo-2","recycle","rectangle-vertical","rectangle-horizontal","rectangle-goggles","rectangle-ellipsis","rectangle-circle","receipt","receipt-turkish-lira","receipt-text","receipt-swiss-franc","receipt-russian-ruble","receipt-pound-sterling","receipt-japanese-yen","receipt-indian-rupee","receipt-euro","receipt-cent","ratio","rat","rainbow","rail-symbol","radius","radio","radio-tower","radio-receiver","radical","radiation","radar","rabbit","quote","qr-code","pyramid","puzzle","proportions","projector","printer","printer-check","presentation","power","power-off","pound-sterling","popsicle","popcorn","pointer","pointer-off","podcast","pocket","pocket-knife","plus","plug","plug-zap","plug-2","play","plane","plane-takeoff","plane-landing","pizza","pipette","pin","pin-off","pill","pill-bottle","pilcrow","pilcrow-right","pilcrow-left","piggy-bank","picture-in-picture","picture-in-picture-2","pickaxe","piano","pi","phone","phone-outgoing","phone-off","phone-missed","phone-incoming","phone-forwarded","phone-call","philippine-peso","person-standing","percent","pentagon","pencil","pencil-ruler","pencil-off","pencil-line","pen","pen-tool","pen-off","pen-line","pc-case","paw-print","pause","party-popper","parking-meter","parentheses","paperclip","panels-top-left","panels-right-bottom","panels-left-bottom","panel-top","panel-top-open","panel-top-dashed","panel-top-close","panel-top-bottom-dashed","panel-right","panel-right-open","panel-right-dashed","panel-right-close","panel-left","panel-left-right-dashed","panel-left-open","panel-left-dashed","panel-left-close","panel-bottom","panel-bottom-open","panel-bottom-dashed","panel-bottom-close","panda","palette","paintbrush","paintbrush-vertical","paint-roller","paint-bucket","package","package-x","package-search","package-plus","package-open","package-minus","package-check","package-2","origami","orbit","option","omega","octagon","octagon-x","octagon-pause","octagon-minus","octagon-alert","nut","nut-off","notepad-text","notepad-text-dashed","notebook","notebook-text","notebook-tabs","notebook-pen","non-binary","nfc","newspaper","network","navigation","navigation-off","navigation-2","navigation-2-off","music","music-4","music-3","music-2","move","move-vertical","move-up","move-up-right","move-up-left","move-right","move-left","move-horizontal","move-down","move-down-right","move-down-left","move-diagonal","move-diagonal-2","move-3d","mouse","mouse-pointer","mouse-pointer-click","mouse-pointer-ban","mouse-pointer-2","mouse-pointer-2-off","mouse-off","mountain","mountain-snow","motorbike","moon","moon-star","monitor","monitor-x","monitor-up","monitor-stop","monitor-speaker","monitor-smartphone","monitor-play","monitor-pause","monitor-off","monitor-down","monitor-dot","monitor-cog","monitor-cloud","monitor-check","minus","minimize","minimize-2","milk","milk-off","milestone","microwave","microscope","microchip","mic","mic-vocal","mic-off","messages-square","message-square","message-square-x","message-square-warning","message-square-text","message-square-share","message-square-reply","message-square-quote","message-square-plus","message-square-off","message-square-more","message-square-lock","message-square-heart","message-square-dot","message-square-diff","message-square-dashed","message-square-code","message-circle","message-circle-x","message-circle-warning","message-circle-reply","message-circle-question-mark","message-circle-plus","message-circle-off","message-circle-more","message-circle-heart","message-circle-dashed","message-circle-code","merge","menu","memory-stick","meh","megaphone","megaphone-off","medal","maximize","maximize-2","martini","mars","mars-stroke","map","map-plus","map-pinned","map-pin","map-pin-x","map-pin-x-inside","map-pin-plus","map-pin-plus-inside","map-pin-pen","map-pin-off","map-pin-minus","map-pin-minus-inside","map-pin-house","map-pin-check","map-pin-check-inside","map-minus","mails","mailbox","mail","mail-x","mail-warning","mail-search","mail-question-mark","mail-plus","mail-open","mail-minus","mail-check","magnet","luggage","lollipop","logs","log-out","log-in","lock","lock-open","lock-keyhole","lock-keyhole-open","locate","locate-off","locate-fixed","loader","loader-pinwheel","loader-circle","list","list-x","list-video","list-tree","list-todo","list-start","list-restart","list-plus","list-ordered","list-music","list-minus","list-indent-increase","list-indent-decrease","list-filter","list-filter-plus","list-end","list-collapse","list-chevrons-up-down","list-chevrons-down-up","list-checks","list-check","linkedin","link","link-2","link-2-off","line-squiggle","lightbulb","lightbulb-off","ligature","life-buoy","library","library-big","lectern","leafy-green","leaf","layout-template","layout-panel-top","layout-panel-left","layout-list","layout-grid","layout-dashboard","layers","layers-plus","layers-2","laugh","lasso","lasso-select","laptop","laptop-minimal","laptop-minimal-check","languages","landmark","land-plot","lamp","lamp-wall-up","lamp-wall-down","lamp-floor","lamp-desk","lamp-ceiling","keyboard","keyboard-off","keyboard-music","key","key-square","key-round","kayak","kanban","joystick","japanese-yen","iteration-cw","iteration-ccw","italic","instagram","inspection-panel","info","infinity","indian-rupee","inbox","import","images","image","image-upscale","image-up","image-plus","image-play","image-off","image-minus","image-down","id-card","id-card-lanyard","ice-cream-cone","ice-cream-bowl","house","house-wifi","house-plus","house-plug","house-heart","hourglass","hotel","hospital","hop","hop-off","history","highlighter","hexagon","helicopter","heater","heart","heart-pulse","heart-plus","heart-off","heart-minus","heart-handshake","heart-crack","headset","headphones","headphone-off","heading","heading-6","heading-5","heading-4","heading-3","heading-2","heading-1","hdmi-port","hd","haze","hat-glasses","hash","hard-hat","hard-drive","hard-drive-upload","hard-drive-download","handshake","handbag","hand","hand-platter","hand-metal","hand-helping","hand-heart","hand-grab","hand-fist","hand-coins","hammer","hamburger","ham","guitar","group","grip","grip-vertical","grip-horizontal","grid-3x3","grid-3x2","grid-2x2","grid-2x2-x","grid-2x2-plus","grid-2x2-check","grape","graduation-cap","gpu","goal","globe","globe-lock","glasses","glass-water","gitlab","github","git-pull-request","git-pull-request-draft","git-pull-request-create","git-pull-request-create-arrow","git-pull-request-closed","git-pull-request-arrow","git-merge","git-graph","git-fork","git-compare","git-compare-arrows","git-commit-vertical","git-commit-horizontal","git-branch","git-branch-plus","git-branch-minus","gift","ghost","georgian-lari","gem","gavel","gauge","gamepad","gamepad-directional","gamepad-2","gallery-vertical","gallery-vertical-end","gallery-thumbnails","gallery-horizontal","gallery-horizontal-end","funnel","funnel-x","funnel-plus","fullscreen","fuel","frown","framer","frame","forward","form","forklift","footprints","folders","folder","folder-x","folder-up","folder-tree","folder-sync","folder-symlink","folder-search","folder-search-2","folder-root","folder-plus","folder-pen","folder-output","folder-open","folder-open-dot","folder-minus","folder-lock","folder-key","folder-kanban","folder-input","folder-heart","folder-git","folder-git-2","folder-down","folder-dot","folder-cog","folder-code","folder-closed","folder-clock","folder-check","folder-archive","fold-vertical","fold-horizontal","focus","flower","flower-2","flip-vertical","flip-vertical-2","flip-horizontal","flip-horizontal-2","flask-round","flask-conical","flask-conical-off","flashlight","flashlight-off","flame","flame-kindling","flag","flag-triangle-right","flag-triangle-left","flag-off","fishing-hook","fish","fish-symbol","fish-off","fire-extinguisher","fingerprint-pattern","film","files","file","file-x","file-x-corner","file-volume","file-video-camera","file-user","file-up","file-type","file-type-corner","file-text","file-terminal","file-symlink","file-stack","file-spreadsheet","file-sliders","file-signal","file-search","file-search-corner","file-scan","file-question-mark","file-plus","file-plus-corner","file-play","file-pen","file-pen-line","file-output","file-music","file-minus","file-minus-corner","file-lock","file-key","file-input","file-image","file-heart","file-headphone","file-exclamation-point","file-down","file-digit","file-diff","file-cog","file-code","file-code-corner","file-clock","file-check","file-check-corner","file-chart-pie","file-chart-line","file-chart-column","file-chart-column-increasing","file-braces","file-braces-corner","file-box","file-badge","file-axis-3d","file-archive","figma","ferris-wheel","fence","feather","fast-forward","fan","factory","facebook","eye","eye-off","eye-closed","external-link","expand","ev-charger","euro","ethernet-port","eraser","equal","equal-not","equal-approximately","ellipsis","ellipsis-vertical","egg","egg-off","egg-fried","eclipse","earth","earth-lock","ear","ear-off","dumbbell","drumstick","drum","droplets","droplet","droplet-off","drone","drill","dribbble","drama","drafting-compass","download","dot","door-open","door-closed","door-closed-locked","donut","dollar-sign","dog","dock","dna","dna-off","divide","disc","disc-album","disc-3","disc-2","diff","dices","dice-6","dice-5","dice-4","dice-3","dice-2","dice-1","diamond","diamond-plus","diamond-percent","diamond-minus","diameter","dessert","delete","decimals-arrow-right","decimals-arrow-left","database","database-zap","database-backup","dam","cylinder","currency","cup-soda","cuboid","crown","crosshair","cross","crop","croissant","credit-card","creative-commons","cpu","corner-up-right","corner-up-left","corner-right-up","corner-right-down","corner-left-up","corner-left-down","corner-down-right","corner-down-left","copyright","copyleft","copy","copy-x","copy-slash","copy-plus","copy-minus","copy-check","cooking-pot","cookie","contrast","container","contact","contact-round","construction","cone","concierge-bell","computer","component","compass","command","combine","columns-4","columns-3","columns-3-cog","columns-2","coins","cog","coffee","codesandbox","codepen","code","code-xml","club","clover","cloudy","cloud","cloud-upload","cloud-sync","cloud-sun","cloud-sun-rain","cloud-snow","cloud-rain","cloud-rain-wind","cloud-off","cloud-moon","cloud-moon-rain","cloud-lightning","cloud-hail","cloud-fog","cloud-drizzle","cloud-download","cloud-cog","cloud-check","cloud-backup","cloud-alert","closed-caption","clock","clock-plus","clock-fading","clock-check","clock-arrow-up","clock-arrow-down","clock-alert","clock-9","clock-8","clock-7","clock-6","clock-5","clock-4","clock-3","clock-2","clock-12","clock-11","clock-10","clock-1","clipboard","clipboard-x","clipboard-type","clipboard-plus","clipboard-pen","clipboard-pen-line","clipboard-paste","clipboard-minus","clipboard-list","clipboard-copy","clipboard-clock","clipboard-check","clapperboard","citrus","circuit-board","circle","circle-x","circle-user","circle-user-round","circle-stop","circle-star","circle-small","circle-slash","circle-slash-2","circle-question-mark","circle-power","circle-pound-sterling","circle-plus","circle-play","circle-pile","circle-percent","circle-pause","circle-parking","circle-parking-off","circle-off","circle-minus","circle-gauge","circle-fading-plus","circle-fading-arrow-up","circle-equal","circle-ellipsis","circle-dot","circle-dot-dashed","circle-dollar-sign","circle-divide","circle-dashed","circle-chevron-up","circle-chevron-right","circle-chevron-left","circle-chevron-down","circle-check","circle-check-big","circle-arrow-up","circle-arrow-right","circle-arrow-out-up-right","circle-arrow-out-up-left","circle-arrow-out-down-right","circle-arrow-out-down-left","circle-arrow-left","circle-arrow-down","circle-alert","cigarette","cigarette-off","church","chromium","chevrons-up","chevrons-up-down","chevrons-right","chevrons-right-left","chevrons-left","chevrons-left-right","chevrons-left-right-ellipsis","chevrons-down","chevrons-down-up","chevron-up","chevron-right","chevron-left","chevron-last","chevron-first","chevron-down","chess-rook","chess-queen","chess-pawn","chess-knight","chess-king","chess-bishop","cherry","chef-hat","check","check-line","check-check","chart-spline","chart-scatter","chart-pie","chart-no-axes-gantt","chart-no-axes-combined","chart-no-axes-column","chart-no-axes-column-increasing","chart-no-axes-column-decreasing","chart-network","chart-line","chart-gantt","chart-column","chart-column-stacked","chart-column-increasing","chart-column-decreasing","chart-column-big","chart-candlestick","chart-bar","chart-bar-stacked","chart-bar-increasing","chart-bar-decreasing","chart-bar-big","chart-area","cctv","cat","castle","cast","cassette-tape","case-upper","case-sensitive","case-lower","carrot","card-sim","caravan","car","car-taxi-front","car-front","captions","captions-off","cannabis","cannabis-off","candy","candy-off","candy-cane","camera","camera-off","calendars","calendar","calendar-x","calendar-x-2","calendar-sync","calendar-search","calendar-range","calendar-plus","calendar-plus-2","calendar-off","calendar-minus","calendar-minus-2","calendar-heart","calendar-fold","calendar-days","calendar-cog","calendar-clock","calendar-check","calendar-check-2","calendar-arrow-up","calendar-arrow-down","calendar-1","calculator","cake","cake-slice","cable","cable-car","bus","bus-front","building","building-2","bug","bug-play","bug-off","bubbles","brush","brush-cleaning","bring-to-front","briefcase","briefcase-medical","briefcase-conveyor-belt","briefcase-business","brick-wall","brick-wall-shield","brick-wall-fire","brain","brain-cog","brain-circuit","brackets","braces","boxes","box","bow-arrow","bottle-wine","bot","bot-off","bot-message-square","boom-box","bookmark","bookmark-x","bookmark-plus","bookmark-minus","bookmark-check","book","book-x","book-user","book-up","book-up-2","book-type","book-text","book-search","book-plus","book-open","book-open-text","book-open-check","book-minus","book-marked","book-lock","book-key","book-image","book-heart","book-headphones","book-down","book-dashed","book-copy","book-check","book-audio","book-alert","book-a","bone","bomb","bolt","bold","bluetooth","bluetooth-searching","bluetooth-off","bluetooth-connected","blocks","blinds","blend","bitcoin","birdhouse","bird","biohazard","binoculars","binary","bike","biceps-flexed","between-vertical-start","between-vertical-end","between-horizontal-start","between-horizontal-end","bell","bell-ring","bell-plus","bell-off","bell-minus","bell-electric","bell-dot","beer","beer-off","beef","bed","bed-single","bed-double","bean","bean-off","beaker","battery","battery-warning","battery-plus","battery-medium","battery-low","battery-full","battery-charging","bath","baseline","barrel","barcode","banknote","banknote-x","banknote-arrow-up","banknote-arrow-down","bandage","banana","ban","balloon","baggage-claim","badge","badge-x","badge-turkish-lira","badge-swiss-franc","badge-russian-ruble","badge-question-mark","badge-pound-sterling","badge-plus","badge-percent","badge-minus","badge-japanese-yen","badge-info","badge-indian-rupee","badge-euro","badge-dollar-sign","badge-check","badge-cent","badge-alert","backpack","baby","axis-3d","axe","award","audio-waveform","audio-lines","atom","at-sign","asterisk","arrows-up-from-line","arrow-up","arrow-up-z-a","arrow-up-wide-narrow","arrow-up-to-line","arrow-up-right","arrow-up-narrow-wide","arrow-up-left","arrow-up-from-line","arrow-up-from-dot","arrow-up-down","arrow-up-a-z","arrow-up-1-0","arrow-up-0-1","arrow-right","arrow-right-to-line","arrow-right-left","arrow-right-from-line","arrow-left","arrow-left-to-line","arrow-left-right","arrow-left-from-line","arrow-down","arrow-down-z-a","arrow-down-wide-narrow","arrow-down-up","arrow-down-to-line","arrow-down-to-dot","arrow-down-right","arrow-down-narrow-wide","arrow-down-left","arrow-down-from-line","arrow-down-a-z","arrow-down-1-0","arrow-down-0-1","arrow-big-up","arrow-big-up-dash","arrow-big-right","arrow-big-right-dash","arrow-big-left","arrow-big-left-dash","arrow-big-down","arrow-big-down-dash","armchair","archive","archive-x","archive-restore","apple","app-window","app-window-mac","aperture","anvil","antenna","annoyed","angry","anchor","amphora","ampersands","ampersand","ambulance","align-vertical-space-between","align-vertical-space-around","align-vertical-justify-start","align-vertical-justify-end","align-vertical-justify-center","align-vertical-distribute-start","align-vertical-distribute-end","align-vertical-distribute-center","align-start-vertical","align-start-horizontal","align-horizontal-space-between","align-horizontal-space-around","align-horizontal-justify-start","align-horizontal-justify-end","align-horizontal-justify-center","align-horizontal-distribute-start","align-horizontal-distribute-end","align-horizontal-distribute-center","align-end-vertical","align-end-horizontal","align-center-vertical","align-center-horizontal","album","alarm-smoke","alarm-clock","alarm-clock-plus","alarm-clock-off","alarm-clock-minus","alarm-clock-check","airplay","air-vent","activity","accessibility","a-large-small","a-arrow-up","a-arrow-down"],dl=e=>{const{value:o,defaultValue:t,onChange:n,isOpen:a,onOpen:l,onClose:c,closeOnSelect:d=!0}=e,[g,s]=h.useState(a??!1),[m,f]=h.useState(o??t),[p,u]=h.useState(""),y=h.useRef(null),b=h.useRef(null);h.useEffect(()=>{o!==void 0&&f(o)},[o]),h.useEffect(()=>{a!==void 0&&s(a)},[a]);const x=h.useMemo(()=>p?sl.filter(w=>w.toLowerCase().includes(p.toLowerCase())).slice(0,100):sl.slice(0,100),[p]);h.useEffect(()=>{const w=T=>{g&&y.current&&b.current&&!y.current.contains(T.target)&&!b.current.contains(T.target)&&k()};return document.addEventListener("mousedown",w),()=>document.removeEventListener("mousedown",w)},[g]);const k=h.useCallback(()=>{a===void 0&&s(!1),c&&c()},[c,a]),S=h.useCallback(()=>{const w=!g;a===void 0&&s(w),w?(l&&l(),u("")):c&&c()},[g,l,c,a]),v=h.useCallback(w=>{o===void 0&&f(w),n&&n(w),d&&k()},[n,d,k,o]),C=h.useCallback(w=>{u(w)},[]);return{isOpen:g,selectedIcon:m,searchQuery:p,filteredIcons:x,handleToggle:S,handleIconSelect:v,handleSearchChange:C,handleClose:k,triggerRef:y,dropdownRef:b}},wo={container:{position:"relative",display:"inline-block",width:"100%"},trigger:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",transition:"all 0.2s ease-in-out"},dropdown:{position:"absolute",mixBlendMode:"normal",top:"calc(100% + 4px)",left:0,right:0,zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",padding:"16px",minWidth:"280px",maxHeight:"320px",overflow:"hidden",display:"flex",flexDirection:"column"},searchInput:{marginBottom:"12px",flexShrink:0},iconGrid:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)",gap:"8px",overflowY:"auto",padding:"4px",color:"color-black",flexGrow:1},iconItem:{width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",borderRadius:8,transition:"all 0.2s ease-in-out"}},Qh={xs:{height:"28px",fontSize:"12px",padding:"4px 8px"},sm:{height:"32px",fontSize:"12px",padding:"6px 10px"},md:{height:"40px",fontSize:"14px",padding:"8px 12px"},lg:{height:"48px",fontSize:"14px",padding:"10px 14px"},xl:{height:"56px",fontSize:"16px",padding:"12px 16px"}},Zh={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},Rh={default:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"},outline:{backgroundColor:"transparent",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"},filled:{backgroundColor:"color-gray-50",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"}},gl=({label:e,placeholder:o="Select an icon",helperText:t,views:n={},size:a="md",shape:l="default",variant:c="default",error:d=!1,isDisabled:g=!1,isReadOnly:s=!1,showSearch:m=!0,isOpen:f,selectedIcon:p,searchQuery:u,filteredIcons:y,handleToggle:b,handleIconSelect:x,handleSearchChange:k,triggerRef:S,dropdownRef:v,handleClose:C,onChange:w,value:T,defaultValue:z,onOpen:M,onClose:j,closeOnSelect:$,...F})=>{const{getColor:E}=i.useTheme(),V={...wo.container,...n==null?void 0:n.container},P={...wo.trigger,...Qh[a],...Zh[l],...Rh[c],...d&&{borderColor:"color-red-500"},...g&&{opacity:.6,cursor:"not-allowed"},...!g&&!s&&{_hover:{borderColor:"color-gray-300"}},...n==null?void 0:n.trigger},W={...wo.dropdown,...n==null?void 0:n.dropdown},A={...wo.iconGrid,...n==null?void 0:n.iconGrid};return r.jsxs(i.View,{...V,...F,children:[e&&r.jsx(i.Text,{fontSize:a==="xs"?"12px":a==="sm"?"14px":"16px",fontWeight:"500",color:"color-gray-700",marginBottom:"4px",...n==null?void 0:n.label,children:e}),r.jsxs(i.View,{ref:S,onClick:g||s?void 0:b,...P,children:[r.jsx(i.Horizontal,{alignItems:"center",gap:8,width:"100%",children:p?r.jsxs(i.Horizontal,{alignItems:"center",gap:8,width:"100%",children:[r.jsx(ir,{name:p,widthHeight:16}),r.jsx(i.Text,{color:"color-gray-800",fontSize:"inherit",style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:p})]}):r.jsx(i.Text,{color:"color-gray-500",fontSize:"inherit",children:o})}),!s&&!g&&r.jsx(se,{widthHeight:16,color:"color-gray-500",orientation:f?"up":"down"})]}),f&&r.jsxs(i.View,{ref:v,...W,children:[m&&r.jsx(i.View,{...wo.searchInput,...n==null?void 0:n.searchInput,children:r.jsx(Ie,{placeholder:"Search icons...",value:u,onChange:H=>k(H),size:"sm",autoFocus:!0})}),r.jsx(i.View,{...A,children:y.length>0?y.map(H=>r.jsx(i.View,{...wo.iconItem,onClick:()=>x(H),title:H,_hover:{backgroundColor:"color-gray-50",transform:"scale(1.05)"},backgroundColor:p===H?"#EFF6FF":"transparent",borderWidth:p===H?"1px":"0px",borderStyle:"solid",borderColor:p===H?"#BFDBFE":"transparent",...n==null?void 0:n.iconItem,children:r.jsx(ir,{name:H,widthHeight:20})},H)):r.jsx(i.View,{gridColumn:"1 / -1",padding:"20px",textAlign:"center",color:"color-gray-500",children:r.jsx(i.Text,{fontSize:"14px",children:"No icons found"})})})]}),t&&r.jsx(i.Text,{color:d?"color-red-500":"color-gray-600",marginTop:"4px",...n==null?void 0:n.helperText,children:t})]})},em=e=>{const o=pe(e),t={...e,value:o.value??e.value??e.defaultValue},n=dl(t),a=l=>{n.handleIconSelect(l),o.onChange(l)};return r.jsx(gl,{...n,...t,handleIconSelect:a})},Ke={container:{position:"relative",display:"inline-block",width:"100%"},trigger:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",transition:"all 0.2s ease-in-out"},dropdown:{position:"absolute",mixBlendMode:"normal",top:"calc(100% + 4px)",left:0,right:0,zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",padding:"16px",minWidth:"320px",maxHeight:"400px",overflow:"hidden"},searchInput:{marginBottom:"12px"},categoryTabs:{display:"flex",borderBottom:"1px solid color-gray-100",marginBottom:"12px",overflowX:"auto"},categoryTab:{padding:"8px 12px",cursor:"pointer",borderBottom:"2px solid transparent",transition:"all 0.2s ease-in-out",fontSize:"14px",fontWeight:"500",color:"color-gray-600",whiteSpace:"nowrap",borderRadius:"8px 8px 0 0"},emojiGrid:{display:"grid",gridTemplateColumns:"repeat(8, 1fr)",gap:"4px",maxHeight:"240px",overflowY:"auto",padding:"4px",color:"color-black"},emoji:{width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",borderRadius:6,fontSize:"20px",transition:"all 0.2s ease-in-out"}},om={xs:{height:"28px",fontSize:"12px",padding:"4px 8px"},sm:{height:"32px",fontSize:"12px",padding:"6px 10px"},md:{height:"40px",fontSize:"14px",padding:"8px 12px"},lg:{height:"48px",fontSize:"14px",padding:"10px 14px"},xl:{height:"56px",fontSize:"16px",padding:"12px 16px"}},rm={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},tm={default:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"},outline:{backgroundColor:"transparent",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"},filled:{backgroundColor:"color-gray-50",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"}},nm={recent:"🕒",smileys:"😀",people:"👤",animals:"🐶",food:"🍎",activities:"⚽",travel:"🚗",objects:"💡",symbols:"❤️",flags:"🏁"},am=[{emoji:"😀",name:"grinning face",category:"smileys",keywords:["happy","smile","grin"]},{emoji:"😃",name:"grinning face with big eyes",category:"smileys",keywords:["happy","smile","joy"]},{emoji:"😄",name:"grinning face with smiling eyes",category:"smileys",keywords:["happy","smile","joy"]},{emoji:"😁",name:"beaming face with smiling eyes",category:"smileys",keywords:["happy","smile","grin"]},{emoji:"😆",name:"grinning squinting face",category:"smileys",keywords:["happy","laugh","smile"]},{emoji:"😅",name:"grinning face with sweat",category:"smileys",keywords:["happy","sweat","relief"]},{emoji:"🤣",name:"rolling on the floor laughing",category:"smileys",keywords:["laugh","funny","rofl"]},{emoji:"😂",name:"face with tears of joy",category:"smileys",keywords:["laugh","cry","joy"]},{emoji:"🙂",name:"slightly smiling face",category:"smileys",keywords:["smile","happy"]},{emoji:"🙃",name:"upside-down face",category:"smileys",keywords:["silly","upside down"]},{emoji:"😉",name:"winking face",category:"smileys",keywords:["wink","flirt"]},{emoji:"😊",name:"smiling face with smiling eyes",category:"smileys",keywords:["happy","smile","blush"]},{emoji:"😇",name:"smiling face with halo",category:"smileys",keywords:["angel","innocent"]},{emoji:"🥰",name:"smiling face with hearts",category:"smileys",keywords:["love","hearts","adore"]},{emoji:"😍",name:"smiling face with heart-eyes",category:"smileys",keywords:["love","heart","eyes"]},{emoji:"🤩",name:"star-struck",category:"smileys",keywords:["star","struck","amazed"]},{emoji:"😘",name:"face blowing a kiss",category:"smileys",keywords:["kiss","love","flirt"]},{emoji:"😗",name:"kissing face",category:"smileys",keywords:["kiss","love"]},{emoji:"☺️",name:"smiling face",category:"smileys",keywords:["smile","happy","content"]},{emoji:"😚",name:"kissing face with closed eyes",category:"smileys",keywords:["kiss","love","closed eyes"]},{emoji:"😙",name:"kissing face with smiling eyes",category:"smileys",keywords:["kiss","love","smile"]},{emoji:"🥲",name:"smiling face with tear",category:"smileys",keywords:["happy","cry","tear","bittersweet"]},{emoji:"😋",name:"face savoring food",category:"smileys",keywords:["yum","delicious","food"]},{emoji:"😛",name:"face with tongue",category:"smileys",keywords:["tongue","silly","playful"]},{emoji:"😜",name:"winking face with tongue",category:"smileys",keywords:["wink","tongue","silly"]},{emoji:"🤪",name:"zany face",category:"smileys",keywords:["crazy","silly","wild"]},{emoji:"😝",name:"squinting face with tongue",category:"smileys",keywords:["tongue","silly","playful"]},{emoji:"🤑",name:"money-mouth face",category:"smileys",keywords:["money","rich","greedy"]},{emoji:"🤗",name:"hugging face",category:"smileys",keywords:["hug","love","care"]},{emoji:"🤭",name:"face with hand over mouth",category:"smileys",keywords:["oops","secret","quiet"]},{emoji:"🫢",name:"face with open eyes and hand over mouth",category:"smileys",keywords:["surprise","shock","oops"]},{emoji:"🫣",name:"face with peeking eye",category:"smileys",keywords:["peek","shy","embarrassed"]},{emoji:"🤫",name:"shushing face",category:"smileys",keywords:["quiet","secret","shh"]},{emoji:"🤔",name:"thinking face",category:"smileys",keywords:["think","consider","hmm"]},{emoji:"🫡",name:"saluting face",category:"smileys",keywords:["salute","respect","military"]},{emoji:"🤐",name:"zipper-mouth face",category:"smileys",keywords:["quiet","secret","zip"]},{emoji:"🤨",name:"face with raised eyebrow",category:"smileys",keywords:["suspicious","doubt","skeptical"]},{emoji:"😐",name:"neutral face",category:"smileys",keywords:["neutral","meh","blank"]},{emoji:"😑",name:"expressionless face",category:"smileys",keywords:["blank","deadpan","meh"]},{emoji:"😶",name:"face without mouth",category:"smileys",keywords:["quiet","speechless","silent"]},{emoji:"🫥",name:"dotted line face",category:"smileys",keywords:["invisible","depressed","disappear"]},{emoji:"😏",name:"smirking face",category:"smileys",keywords:["smirk","smug","confident"]},{emoji:"😒",name:"unamused face",category:"smileys",keywords:["unamused","bored","annoyed"]},{emoji:"🙄",name:"face with rolling eyes",category:"smileys",keywords:["eye roll","annoyed","whatever"]},{emoji:"😬",name:"grimacing face",category:"smileys",keywords:["grimace","awkward","oops"]},{emoji:"😮‍💨",name:"face exhaling",category:"smileys",keywords:["sigh","relief","tired"]},{emoji:"🤥",name:"lying face",category:"smileys",keywords:["lie","pinocchio","dishonest"]},{emoji:"😌",name:"relieved face",category:"smileys",keywords:["relief","calm","peaceful"]},{emoji:"😔",name:"pensive face",category:"smileys",keywords:["sad","thoughtful","pensive"]},{emoji:"😪",name:"sleepy face",category:"smileys",keywords:["sleepy","tired","drowsy"]},{emoji:"🤤",name:"drooling face",category:"smileys",keywords:["drool","desire","sleep"]},{emoji:"😴",name:"sleeping face",category:"smileys",keywords:["sleep","tired","zzz"]},{emoji:"😷",name:"face with medical mask",category:"smileys",keywords:["mask","sick","doctor"]},{emoji:"🤒",name:"face with thermometer",category:"smileys",keywords:["sick","fever","ill"]},{emoji:"🤕",name:"face with head-bandage",category:"smileys",keywords:["hurt","injured","bandage"]},{emoji:"🤢",name:"nauseated face",category:"smileys",keywords:["sick","nausea","disgusted"]},{emoji:"🤮",name:"face vomiting",category:"smileys",keywords:["vomit","sick","disgusted"]},{emoji:"🤧",name:"sneezing face",category:"smileys",keywords:["sneeze","sick","gesundheit"]},{emoji:"🥵",name:"hot face",category:"smileys",keywords:["hot","heat","sweat"]},{emoji:"🥶",name:"cold face",category:"smileys",keywords:["cold","freeze","blue"]},{emoji:"🥴",name:"woozy face",category:"smileys",keywords:["dizzy","drunk","confused"]},{emoji:"😵",name:"dizzy face",category:"smileys",keywords:["dizzy","confused","knocked out"]},{emoji:"😵‍💫",name:"face with spiral eyes",category:"smileys",keywords:["dizzy","hypnotized","confused"]},{emoji:"🤯",name:"exploding head",category:"smileys",keywords:["mind blown","shocked","amazed"]},{emoji:"🤠",name:"cowboy hat face",category:"smileys",keywords:["cowboy","hat","western"]},{emoji:"🥳",name:"partying face",category:"smileys",keywords:["party","celebration","birthday"]},{emoji:"🥸",name:"disguised face",category:"smileys",keywords:["disguise","glasses","incognito"]},{emoji:"😎",name:"smiling face with sunglasses",category:"smileys",keywords:["cool","sunglasses","awesome"]},{emoji:"🤓",name:"nerd face",category:"smileys",keywords:["nerd","geek","smart"]},{emoji:"🧐",name:"face with monocle",category:"smileys",keywords:["monocle","fancy","inspection"]},{emoji:"👋",name:"waving hand",category:"people",keywords:["wave","hello","goodbye"]},{emoji:"🤚",name:"raised back of hand",category:"people",keywords:["hand","stop"]},{emoji:"🖐️",name:"hand with fingers splayed",category:"people",keywords:["hand","five"]},{emoji:"✋",name:"raised hand",category:"people",keywords:["hand","stop","high five"]},{emoji:"🖖",name:"vulcan salute",category:"people",keywords:["spock","vulcan"]},{emoji:"👌",name:"OK hand",category:"people",keywords:["ok","perfect"]},{emoji:"🤌",name:"pinched fingers",category:"people",keywords:["italian","chef kiss"]},{emoji:"🤏",name:"pinching hand",category:"people",keywords:["small","tiny"]},{emoji:"✌️",name:"victory hand",category:"people",keywords:["peace","victory"]},{emoji:"🤞",name:"crossed fingers",category:"people",keywords:["luck","hope"]},{emoji:"🤟",name:"love-you gesture",category:"people",keywords:["love","you"]},{emoji:"🤘",name:"sign of the horns",category:"people",keywords:["rock","metal"]},{emoji:"🤙",name:"call me hand",category:"people",keywords:["call","phone"]},{emoji:"👈",name:"backhand index pointing left",category:"people",keywords:["point","left"]},{emoji:"👉",name:"backhand index pointing right",category:"people",keywords:["point","right"]},{emoji:"👆",name:"backhand index pointing up",category:"people",keywords:["point","up"]},{emoji:"🖕",name:"middle finger",category:"people",keywords:["middle finger","rude"]},{emoji:"👇",name:"backhand index pointing down",category:"people",keywords:["point","down"]},{emoji:"☝️",name:"index pointing up",category:"people",keywords:["point","up","one"]},{emoji:"👍",name:"thumbs up",category:"people",keywords:["thumbs up","good","yes"]},{emoji:"👎",name:"thumbs down",category:"people",keywords:["thumbs down","bad","no"]},{emoji:"✊",name:"raised fist",category:"people",keywords:["fist","power","solidarity"]},{emoji:"👊",name:"oncoming fist",category:"people",keywords:["fist","punch","bump"]},{emoji:"🤛",name:"left-facing fist",category:"people",keywords:["fist","bump","left"]},{emoji:"🤜",name:"right-facing fist",category:"people",keywords:["fist","bump","right"]},{emoji:"👏",name:"clapping hands",category:"people",keywords:["clap","applause","bravo"]},{emoji:"🙌",name:"raising hands",category:"people",keywords:["celebration","hooray","praise"]},{emoji:"👐",name:"open hands",category:"people",keywords:["open","hug","jazz hands"]},{emoji:"🤲",name:"palms up together",category:"people",keywords:["prayer","please","hope"]},{emoji:"🤝",name:"handshake",category:"people",keywords:["handshake","deal","agreement"]},{emoji:"🙏",name:"folded hands",category:"people",keywords:["prayer","thanks","please"]},{emoji:"✍️",name:"writing hand",category:"people",keywords:["write","author","signature"]},{emoji:"💅",name:"nail polish",category:"people",keywords:["nails","beauty","manicure"]},{emoji:"🤳",name:"selfie",category:"people",keywords:["selfie","camera","phone"]},{emoji:"💪",name:"flexed biceps",category:"people",keywords:["muscle","strong","flex"]},{emoji:"🦾",name:"mechanical arm",category:"people",keywords:["robot","prosthetic","cyborg"]},{emoji:"🦿",name:"mechanical leg",category:"people",keywords:["robot","prosthetic","cyborg"]},{emoji:"🦵",name:"leg",category:"people",keywords:["leg","limb","kick"]},{emoji:"🦶",name:"foot",category:"people",keywords:["foot","kick","stomp"]},{emoji:"👂",name:"ear",category:"people",keywords:["ear","hear","listen"]},{emoji:"🦻",name:"ear with hearing aid",category:"people",keywords:["hearing aid","deaf","accessibility"]},{emoji:"👃",name:"nose",category:"people",keywords:["nose","smell","sniff"]},{emoji:"🧠",name:"brain",category:"people",keywords:["brain","smart","think"]},{emoji:"🫀",name:"anatomical heart",category:"people",keywords:["heart","organ","love"]},{emoji:"🫁",name:"lungs",category:"people",keywords:["lungs","breathe","organ"]},{emoji:"🦷",name:"tooth",category:"people",keywords:["tooth","dental","smile"]},{emoji:"🦴",name:"bone",category:"people",keywords:["bone","skeleton","dog"]},{emoji:"👀",name:"eyes",category:"people",keywords:["eyes","look","see"]},{emoji:"👁️",name:"eye",category:"people",keywords:["eye","see","watch"]},{emoji:"👅",name:"tongue",category:"people",keywords:["tongue","taste","lick"]},{emoji:"👄",name:"mouth",category:"people",keywords:["mouth","lips","kiss"]},{emoji:"🫦",name:"biting lip",category:"people",keywords:["lip","bite","nervous"]},{emoji:"👶",name:"baby",category:"people",keywords:["baby","infant","child"]},{emoji:"🧒",name:"child",category:"people",keywords:["child","kid","young"]},{emoji:"👦",name:"boy",category:"people",keywords:["boy","child","male"]},{emoji:"👧",name:"girl",category:"people",keywords:["girl","child","female"]},{emoji:"🧑",name:"person",category:"people",keywords:["person","adult","human"]},{emoji:"👱",name:"person: blond hair",category:"people",keywords:["blond","hair","person"]},{emoji:"👨",name:"man",category:"people",keywords:["man","male","adult"]},{emoji:"🧔",name:"person: beard",category:"people",keywords:["beard","man","facial hair"]},{emoji:"👩",name:"woman",category:"people",keywords:["woman","female","adult"]},{emoji:"🧓",name:"older person",category:"people",keywords:["old","elderly","senior"]},{emoji:"👴",name:"old man",category:"people",keywords:["old","man","elderly"]},{emoji:"👵",name:"old woman",category:"people",keywords:["old","woman","elderly"]},{emoji:"🐶",name:"dog face",category:"animals",keywords:["dog","pet","animal"]},{emoji:"🐱",name:"cat face",category:"animals",keywords:["cat","pet","animal"]},{emoji:"🐭",name:"mouse face",category:"animals",keywords:["mouse","animal"]},{emoji:"🐹",name:"hamster",category:"animals",keywords:["hamster","pet"]},{emoji:"🐰",name:"rabbit face",category:"animals",keywords:["rabbit","bunny"]},{emoji:"🦊",name:"fox",category:"animals",keywords:["fox","animal"]},{emoji:"🐻",name:"bear",category:"animals",keywords:["bear","animal"]},{emoji:"🐼",name:"panda",category:"animals",keywords:["panda","bear"]},{emoji:"🐨",name:"koala",category:"animals",keywords:["koala","australia","marsupial"]},{emoji:"🐯",name:"tiger face",category:"animals",keywords:["tiger","cat","wild"]},{emoji:"🦁",name:"lion",category:"animals",keywords:["lion","king","cat"]},{emoji:"🐮",name:"cow face",category:"animals",keywords:["cow","moo","farm"]},{emoji:"🐷",name:"pig face",category:"animals",keywords:["pig","oink","farm"]},{emoji:"🐽",name:"pig nose",category:"animals",keywords:["pig","nose","snout"]},{emoji:"🐸",name:"frog",category:"animals",keywords:["frog","amphibian","green"]},{emoji:"🐵",name:"monkey face",category:"animals",keywords:["monkey","primate","banana"]},{emoji:"🙈",name:"see-no-evil monkey",category:"animals",keywords:["monkey","see no evil","eyes"]},{emoji:"🙉",name:"hear-no-evil monkey",category:"animals",keywords:["monkey","hear no evil","ears"]},{emoji:"🙊",name:"speak-no-evil monkey",category:"animals",keywords:["monkey","speak no evil","mouth"]},{emoji:"🐒",name:"monkey",category:"animals",keywords:["monkey","primate","zoo"]},{emoji:"🦍",name:"gorilla",category:"animals",keywords:["gorilla","ape","strong"]},{emoji:"🦧",name:"orangutan",category:"animals",keywords:["orangutan","ape","orange"]},{emoji:"🐺",name:"wolf",category:"animals",keywords:["wolf","howl","wild"]},{emoji:"🐗",name:"boar",category:"animals",keywords:["boar","pig","wild"]},{emoji:"🐴",name:"horse face",category:"animals",keywords:["horse","neigh","ride"]},{emoji:"🐎",name:"horse",category:"animals",keywords:["horse","racing","gallop"]},{emoji:"🦄",name:"unicorn",category:"animals",keywords:["unicorn","magical","horn"]},{emoji:"🦓",name:"zebra",category:"animals",keywords:["zebra","stripes","africa"]},{emoji:"🦌",name:"deer",category:"animals",keywords:["deer","antlers","forest"]},{emoji:"🦏",name:"rhinoceros",category:"animals",keywords:["rhino","horn","africa"]},{emoji:"🦛",name:"hippopotamus",category:"animals",keywords:["hippo","water","africa"]},{emoji:"🐘",name:"elephant",category:"animals",keywords:["elephant","trunk","memory"]},{emoji:"🦒",name:"giraffe",category:"animals",keywords:["giraffe","tall","neck"]},{emoji:"🦘",name:"kangaroo",category:"animals",keywords:["kangaroo","hop","australia"]},{emoji:"🦥",name:"sloth",category:"animals",keywords:["sloth","slow","lazy"]},{emoji:"🦦",name:"otter",category:"animals",keywords:["otter","water","cute"]},{emoji:"🦨",name:"skunk",category:"animals",keywords:["skunk","smell","stripe"]},{emoji:"🦡",name:"badger",category:"animals",keywords:["badger","honey","dig"]},{emoji:"🐾",name:"paw prints",category:"animals",keywords:["paw","prints","tracks"]},{emoji:"🐔",name:"chicken",category:"animals",keywords:["chicken","rooster","farm"]},{emoji:"🐓",name:"rooster",category:"animals",keywords:["rooster","cock","morning"]},{emoji:"🐣",name:"hatching chick",category:"animals",keywords:["chick","hatching","egg"]},{emoji:"🐤",name:"baby chick",category:"animals",keywords:["chick","baby","yellow"]},{emoji:"🐥",name:"front-facing baby chick",category:"animals",keywords:["chick","baby","cute"]},{emoji:"🦆",name:"duck",category:"animals",keywords:["duck","quack","water"]},{emoji:"🦅",name:"eagle",category:"animals",keywords:["eagle","bird","freedom"]},{emoji:"🦉",name:"owl",category:"animals",keywords:["owl","wise","night"]},{emoji:"🦇",name:"bat",category:"animals",keywords:["bat","vampire","night"]},{emoji:"",name:"bug",category:"animals",keywords:["bug","insect","crawl"]},{emoji:"🦋",name:"butterfly",category:"animals",keywords:["butterfly","beautiful","fly"]},{emoji:"🐌",name:"snail",category:"animals",keywords:["snail","slow","shell"]},{emoji:"🐞",name:"lady beetle",category:"animals",keywords:["ladybug","beetle","red"]},{emoji:"🐜",name:"ant",category:"animals",keywords:["ant","work","colony"]},{emoji:"🦟",name:"mosquito",category:"animals",keywords:["mosquito","bite","buzz"]},{emoji:"🕷️",name:"spider",category:"animals",keywords:["spider","web","eight legs"]},{emoji:"🦂",name:"scorpion",category:"animals",keywords:["scorpion","sting","desert"]},{emoji:"🐢",name:"turtle",category:"animals",keywords:["turtle","slow","shell"]},{emoji:"🐍",name:"snake",category:"animals",keywords:["snake","slither","reptile"]},{emoji:"🦎",name:"lizard",category:"animals",keywords:["lizard","gecko","reptile"]},{emoji:"🐙",name:"octopus",category:"animals",keywords:["octopus","tentacles","sea"]},{emoji:"🦑",name:"squid",category:"animals",keywords:["squid","tentacles","ocean"]},{emoji:"🦐",name:"shrimp",category:"animals",keywords:["shrimp","seafood","small"]},{emoji:"🦞",name:"lobster",category:"animals",keywords:["lobster","claws","red"]},{emoji:"🦀",name:"crab",category:"animals",keywords:["crab","claws","beach"]},{emoji:"🐡",name:"blowfish",category:"animals",keywords:["blowfish","puffer","spiky"]},{emoji:"🐠",name:"tropical fish",category:"animals",keywords:["fish","tropical","colorful"]},{emoji:"🐟",name:"fish",category:"animals",keywords:["fish","swim","water"]},{emoji:"🐬",name:"dolphin",category:"animals",keywords:["dolphin","smart","ocean"]},{emoji:"🐳",name:"spouting whale",category:"animals",keywords:["whale","spout","big"]},{emoji:"🐋",name:"whale",category:"animals",keywords:["whale","ocean","huge"]},{emoji:"🦈",name:"shark",category:"animals",keywords:["shark","teeth","dangerous"]},{emoji:"🐊",name:"crocodile",category:"animals",keywords:["crocodile","teeth","swamp"]},{emoji:"🌸",name:"cherry blossom",category:"animals",keywords:["flower","spring","pink"]},{emoji:"💐",name:"bouquet",category:"animals",keywords:["flowers","bouquet","gift"]},{emoji:"🌺",name:"hibiscus",category:"animals",keywords:["flower","tropical","red"]},{emoji:"🌻",name:"sunflower",category:"animals",keywords:["sunflower","yellow","big"]},{emoji:"🌹",name:"rose",category:"animals",keywords:["rose","love","red"]},{emoji:"🥀",name:"wilted flower",category:"animals",keywords:["flower","wilted","sad"]},{emoji:"🌷",name:"tulip",category:"animals",keywords:["tulip","spring","netherlands"]},{emoji:"🌼",name:"daisy",category:"animals",keywords:["daisy","white","simple"]},{emoji:"🌱",name:"seedling",category:"animals",keywords:["plant","grow","green"]},{emoji:"🌿",name:"herb",category:"animals",keywords:["herb","green","leaf"]},{emoji:"🍀",name:"four leaf clover",category:"animals",keywords:["clover","luck","green"]},{emoji:"🌳",name:"deciduous tree",category:"animals",keywords:["tree","nature","green"]},{emoji:"🌲",name:"evergreen tree",category:"animals",keywords:["tree","pine","christmas"]},{emoji:"🌴",name:"palm tree",category:"animals",keywords:["palm","tropical","beach"]},{emoji:"🌵",name:"cactus",category:"animals",keywords:["cactus","desert","spiky"]},{emoji:"🍎",name:"red apple",category:"food",keywords:["apple","fruit"]},{emoji:"🍊",name:"tangerine",category:"food",keywords:["orange","fruit"]},{emoji:"🍋",name:"lemon",category:"food",keywords:["lemon","fruit"]},{emoji:"🍌",name:"banana",category:"food",keywords:["banana","fruit"]},{emoji:"🍉",name:"watermelon",category:"food",keywords:["watermelon","fruit"]},{emoji:"🍇",name:"grapes",category:"food",keywords:["grapes","fruit"]},{emoji:"🍓",name:"strawberry",category:"food",keywords:["strawberry","fruit"]},{emoji:"🫐",name:"blueberries",category:"food",keywords:["blueberry","fruit"]},{emoji:"🥝",name:"kiwi fruit",category:"food",keywords:["kiwi","fruit","green"]},{emoji:"🍅",name:"tomato",category:"food",keywords:["tomato","red","vegetable"]},{emoji:"🫒",name:"olive",category:"food",keywords:["olive","green","oil"]},{emoji:"🥥",name:"coconut",category:"food",keywords:["coconut","tropical","milk"]},{emoji:"🥑",name:"avocado",category:"food",keywords:["avocado","green","healthy"]},{emoji:"🍆",name:"eggplant",category:"food",keywords:["eggplant","purple","vegetable"]},{emoji:"🥔",name:"potato",category:"food",keywords:["potato","vegetable","starch"]},{emoji:"🥕",name:"carrot",category:"food",keywords:["carrot","orange","vegetable"]},{emoji:"🌽",name:"ear of corn",category:"food",keywords:["corn","yellow","vegetable"]},{emoji:"🌶️",name:"hot pepper",category:"food",keywords:["pepper","hot","spicy"]},{emoji:"🫑",name:"bell pepper",category:"food",keywords:["pepper","bell","vegetable"]},{emoji:"🥒",name:"cucumber",category:"food",keywords:["cucumber","green","vegetable"]},{emoji:"🥬",name:"leafy greens",category:"food",keywords:["lettuce","greens","salad"]},{emoji:"🥦",name:"broccoli",category:"food",keywords:["broccoli","green","vegetable"]},{emoji:"🧄",name:"garlic",category:"food",keywords:["garlic","flavor","cooking"]},{emoji:"🧅",name:"onion",category:"food",keywords:["onion","cry","cooking"]},{emoji:"🍄",name:"mushroom",category:"food",keywords:["mushroom","fungi","cooking"]},{emoji:"🥜",name:"peanuts",category:"food",keywords:["peanuts","nuts","snack"]},{emoji:"🌰",name:"chestnut",category:"food",keywords:["chestnut","nut","autumn"]},{emoji:"🍞",name:"bread",category:"food",keywords:["bread","loaf","carbs"]},{emoji:"🥐",name:"croissant",category:"food",keywords:["croissant","french","pastry"]},{emoji:"🥖",name:"baguette bread",category:"food",keywords:["baguette","french","bread"]},{emoji:"🫓",name:"flatbread",category:"food",keywords:["flatbread","bread","thin"]},{emoji:"🥨",name:"pretzel",category:"food",keywords:["pretzel","twisted","snack"]},{emoji:"🥯",name:"bagel",category:"food",keywords:["bagel","round","breakfast"]},{emoji:"🥞",name:"pancakes",category:"food",keywords:["pancakes","breakfast","syrup"]},{emoji:"🧇",name:"waffle",category:"food",keywords:["waffle","breakfast","squares"]},{emoji:"🧀",name:"cheese wedge",category:"food",keywords:["cheese","dairy","yellow"]},{emoji:"🍖",name:"meat on bone",category:"food",keywords:["meat","bone","protein"]},{emoji:"🍗",name:"poultry leg",category:"food",keywords:["chicken","leg","meat"]},{emoji:"🥩",name:"cut of meat",category:"food",keywords:["steak","meat","red"]},{emoji:"🥓",name:"bacon",category:"food",keywords:["bacon","pork","breakfast"]},{emoji:"🍔",name:"hamburger",category:"food",keywords:["burger","hamburger","fast food"]},{emoji:"🍟",name:"french fries",category:"food",keywords:["fries","potato","fast food"]},{emoji:"🍕",name:"pizza",category:"food",keywords:["pizza","slice","italian"]},{emoji:"🌭",name:"hot dog",category:"food",keywords:["hot dog","sausage","fast food"]},{emoji:"🥪",name:"sandwich",category:"food",keywords:["sandwich","bread","lunch"]},{emoji:"🌮",name:"taco",category:"food",keywords:["taco","mexican","shell"]},{emoji:"🌯",name:"burrito",category:"food",keywords:["burrito","wrap","mexican"]},{emoji:"🫔",name:"tamale",category:"food",keywords:["tamale","mexican","corn"]},{emoji:"🥙",name:"stuffed flatbread",category:"food",keywords:["pita","flatbread","stuffed"]},{emoji:"🧆",name:"falafel",category:"food",keywords:["falafel","middle eastern","chickpea"]},{emoji:"🥚",name:"egg",category:"food",keywords:["egg","protein","breakfast"]},{emoji:"🍳",name:"cooking",category:"food",keywords:["cooking","frying pan","egg"]},{emoji:"🥘",name:"shallow pan of food",category:"food",keywords:["paella","pan","cooking"]},{emoji:"🍲",name:"pot of food",category:"food",keywords:["stew","pot","cooking"]},{emoji:"🫕",name:"fondue",category:"food",keywords:["fondue","cheese","pot"]},{emoji:"🥣",name:"bowl with spoon",category:"food",keywords:["bowl","cereal","soup"]},{emoji:"🥗",name:"green salad",category:"food",keywords:["salad","healthy","greens"]},{emoji:"🍿",name:"popcorn",category:"food",keywords:["popcorn","movie","snack"]},{emoji:"🧈",name:"butter",category:"food",keywords:["butter","dairy","spread"]},{emoji:"🧂",name:"salt",category:"food",keywords:["salt","seasoning","white"]},{emoji:"🥫",name:"canned food",category:"food",keywords:["can","canned","preserved"]},{emoji:"🍱",name:"bento box",category:"food",keywords:["bento","japanese","lunch box"]},{emoji:"🍘",name:"rice cracker",category:"food",keywords:["rice","cracker","japanese"]},{emoji:"🍙",name:"rice ball",category:"food",keywords:["rice ball","onigiri","japanese"]},{emoji:"🍚",name:"cooked rice",category:"food",keywords:["rice","cooked","bowl"]},{emoji:"🍛",name:"curry rice",category:"food",keywords:["curry","rice","spicy"]},{emoji:"🍜",name:"steaming bowl",category:"food",keywords:["ramen","noodles","soup"]},{emoji:"🍝",name:"spaghetti",category:"food",keywords:["spaghetti","pasta","italian"]},{emoji:"🍠",name:"roasted sweet potato",category:"food",keywords:["sweet potato","roasted","orange"]},{emoji:"🍢",name:"oden",category:"food",keywords:["oden","japanese","skewer"]},{emoji:"🍣",name:"sushi",category:"food",keywords:["sushi","japanese","fish"]},{emoji:"🍤",name:"fried shrimp",category:"food",keywords:["shrimp","fried","tempura"]},{emoji:"🍥",name:"fish cake with swirl",category:"food",keywords:["fish cake","japanese","swirl"]},{emoji:"🥮",name:"moon cake",category:"food",keywords:["moon cake","chinese","festival"]},{emoji:"🍡",name:"dango",category:"food",keywords:["dango","japanese","sweet"]},{emoji:"🥟",name:"dumpling",category:"food",keywords:["dumpling","chinese","steamed"]},{emoji:"🥠",name:"fortune cookie",category:"food",keywords:["fortune cookie","chinese","luck"]},{emoji:"🥡",name:"takeout box",category:"food",keywords:["takeout","chinese","box"]},{emoji:"🦀",name:"crab",category:"food",keywords:["crab","seafood","claws"]},{emoji:"🦞",name:"lobster",category:"food",keywords:["lobster","seafood","red"]},{emoji:"🦐",name:"shrimp",category:"food",keywords:["shrimp","seafood","small"]},{emoji:"🦑",name:"squid",category:"food",keywords:["squid","seafood","tentacles"]},{emoji:"🦪",name:"oyster",category:"food",keywords:["oyster","seafood","shell"]},{emoji:"🍦",name:"soft ice cream",category:"food",keywords:["ice cream","soft serve","cone"]},{emoji:"🍧",name:"shaved ice",category:"food",keywords:["shaved ice","snow cone","cold"]},{emoji:"🍨",name:"ice cream",category:"food",keywords:["ice cream","dessert","cold"]},{emoji:"🍩",name:"doughnut",category:"food",keywords:["donut","doughnut","sweet"]},{emoji:"🍪",name:"cookie",category:"food",keywords:["cookie","sweet","baked"]},{emoji:"🎂",name:"birthday cake",category:"food",keywords:["cake","birthday","celebration"]},{emoji:"🍰",name:"shortcake",category:"food",keywords:["cake","slice","dessert"]},{emoji:"🧁",name:"cupcake",category:"food",keywords:["cupcake","muffin","sweet"]},{emoji:"🥧",name:"pie",category:"food",keywords:["pie","dessert","slice"]},{emoji:"🍫",name:"chocolate bar",category:"food",keywords:["chocolate","bar","sweet"]},{emoji:"🍬",name:"candy",category:"food",keywords:["candy","sweet","wrapper"]},{emoji:"🍭",name:"lollipop",category:"food",keywords:["lollipop","candy","stick"]},{emoji:"🍮",name:"custard",category:"food",keywords:["custard","pudding","dessert"]},{emoji:"🍯",name:"honey pot",category:"food",keywords:["honey","sweet","bee"]},{emoji:"🍼",name:"baby bottle",category:"food",keywords:["bottle","baby","milk"]},{emoji:"🥛",name:"glass of milk",category:"food",keywords:["milk","glass","dairy"]},{emoji:"☕",name:"hot beverage",category:"food",keywords:["coffee","tea","hot"]},{emoji:"🫖",name:"teapot",category:"food",keywords:["teapot","tea","hot"]},{emoji:"🍵",name:"teacup without handle",category:"food",keywords:["tea","green tea","cup"]},{emoji:"🍶",name:"sake",category:"food",keywords:["sake","japanese","alcohol"]},{emoji:"🍾",name:"bottle with popping cork",category:"food",keywords:["champagne","celebration","cork"]},{emoji:"🍷",name:"wine glass",category:"food",keywords:["wine","glass","alcohol"]},{emoji:"🍸",name:"cocktail glass",category:"food",keywords:["cocktail","martini","alcohol"]},{emoji:"🍹",name:"tropical drink",category:"food",keywords:["tropical","cocktail","umbrella"]},{emoji:"🍺",name:"beer mug",category:"food",keywords:["beer","mug","alcohol"]},{emoji:"🍻",name:"clinking beer mugs",category:"food",keywords:["beer","cheers","celebration"]},{emoji:"🥂",name:"clinking glasses",category:"food",keywords:["champagne","cheers","celebration"]},{emoji:"🥃",name:"tumbler glass",category:"food",keywords:["whiskey","tumbler","alcohol"]},{emoji:"🫗",name:"pouring liquid",category:"food",keywords:["pour","liquid","drink"]},{emoji:"🥤",name:"cup with straw",category:"food",keywords:["soda","straw","drink"]},{emoji:"🧋",name:"bubble tea",category:"food",keywords:["bubble tea","boba","drink"]},{emoji:"🧃",name:"beverage box",category:"food",keywords:["juice box","drink","straw"]},{emoji:"🧉",name:"mate",category:"food",keywords:["mate","tea","south american"]},{emoji:"🧊",name:"ice",category:"food",keywords:["ice","cold","cube"]},{emoji:"⚽",name:"soccer ball",category:"activities",keywords:["soccer","football","sport"]},{emoji:"🏀",name:"basketball",category:"activities",keywords:["basketball","sport"]},{emoji:"🏈",name:"american football",category:"activities",keywords:["football","sport"]},{emoji:"⚾",name:"baseball",category:"activities",keywords:["baseball","sport"]},{emoji:"🥎",name:"softball",category:"activities",keywords:["softball","sport"]},{emoji:"🎾",name:"tennis",category:"activities",keywords:["tennis","sport"]},{emoji:"🚗",name:"automobile",category:"travel",keywords:["car","vehicle"]},{emoji:"🚕",name:"taxi",category:"travel",keywords:["taxi","car"]},{emoji:"🚙",name:"sport utility vehicle",category:"travel",keywords:["suv","car"]},{emoji:"🚌",name:"bus",category:"travel",keywords:["bus","vehicle"]},{emoji:"🚎",name:"trolleybus",category:"travel",keywords:["trolley","bus"]},{emoji:"🏎️",name:"racing car",category:"travel",keywords:["race","car","fast"]},{emoji:"💡",name:"light bulb",category:"objects",keywords:["idea","light","bulb"]},{emoji:"🔋",name:"battery",category:"objects",keywords:["battery","power"]},{emoji:"🖥️",name:"desktop computer",category:"objects",keywords:["computer","desktop"]},{emoji:"💻",name:"laptop",category:"objects",keywords:["laptop","computer"]},{emoji:"📱",name:"mobile phone",category:"objects",keywords:["phone","mobile"]},{emoji:"☎️",name:"telephone",category:"objects",keywords:["phone","telephone"]},{emoji:"❤️",name:"red heart",category:"symbols",keywords:["love","heart"]},{emoji:"🧡",name:"orange heart",category:"symbols",keywords:["love","heart"]},{emoji:"💛",name:"yellow heart",category:"symbols",keywords:["love","heart"]},{emoji:"💚",name:"green heart",category:"symbols",keywords:["love","heart"]},{emoji:"💙",name:"blue heart",category:"symbols",keywords:["love","heart"]},{emoji:"💜",name:"purple heart",category:"symbols",keywords:["love","heart"]},{emoji:"🖤",name:"black heart",category:"symbols",keywords:["love","heart"]},{emoji:"🤍",name:"white heart",category:"symbols",keywords:["love","heart"]},{emoji:"🏁",name:"chequered flag",category:"flags",keywords:["flag","race","finish"]},{emoji:"🚩",name:"triangular flag",category:"flags",keywords:["flag","warning"]},{emoji:"🏳️",name:"white flag",category:"flags",keywords:["flag","surrender"]},{emoji:"🏴",name:"black flag",category:"flags",keywords:["flag","pirate"]},{emoji:"🏳️‍🌈",name:"rainbow flag",category:"flags",keywords:["flag","rainbow","pride"]}],hl=e=>{const{value:o,defaultValue:t="",onChange:n,onEmojiSelect:a,isOpen:l,onOpen:c,onClose:d,closeOnSelect:g=!0,maxRecentEmojis:s=16,showRecentEmojis:m=!0,enabledCategories:f=["recent","smileys","people","animals","food","activities","travel","objects","symbols","flags"],customEmojis:p=[]}=e,[u,y]=h.useState(l??!1),[b,x]=h.useState(o??t),[k,S]=h.useState(""),[v,C]=h.useState("smileys"),[w,T]=h.useState([]),z=h.useRef(null),M=h.useRef(null),j=h.useMemo(()=>[...am,...p],[p]),$=h.useMemo(()=>{let H=j;if(v!=="recent"?H=H.filter(L=>L.category===v):H=w,k){const L=k.toLowerCase();H=H.filter(_=>_.name.toLowerCase().includes(L)||_.keywords.some(D=>D.toLowerCase().includes(L)))}return H},[j,v,w,k]);h.useEffect(()=>{o!==void 0&&x(o)},[o]),h.useEffect(()=>{l!==void 0&&y(l)},[l]),h.useEffect(()=>{if(m){const H=localStorage.getItem("emojiPicker-recentEmojis");if(H)try{T(JSON.parse(H))}catch{}}},[m]),h.useEffect(()=>{const H=L=>{u&&z.current&&M.current&&!z.current.contains(L.target)&&!M.current.contains(L.target)&&A()};return document.addEventListener("mousedown",H),()=>document.removeEventListener("mousedown",H)},[u]);const F=h.useCallback(H=>{m&&T(L=>{const _=L.filter(q=>q.emoji!==H.emoji),D=[H,..._].slice(0,s);return localStorage.setItem("emojiPicker-recentEmojis",JSON.stringify(D)),D})},[m,s]),E=h.useCallback(()=>{const H=!u;y(H),H?(c==null||c(),S(""),m&&w.length>0?C("recent"):C("smileys")):d==null||d()},[u,c,d,m,w.length]),V=h.useCallback(H=>{x(H.emoji),F(H),n==null||n(H.emoji),a==null||a(H),g&&(y(!1),d==null||d())},[n,a,g,d,F]),P=h.useCallback(H=>{S(H),H&&v==="recent"&&C("smileys")},[v]),W=h.useCallback(H=>{C(H),S("")},[]),A=h.useCallback(()=>{y(!1),d==null||d()},[d]);return{isOpen:u,selectedEmoji:b,recentEmojis:w,searchQuery:k,activeCategory:v,filteredEmojis:$,handleToggle:E,handleEmojiSelect:V,handleSearchChange:P,handleCategoryChange:W,handleClose:A,triggerRef:z,dropdownRef:M}},ml=({id:e,name:o,label:t,placeholder:n="Select an emoji",helperText:a,views:l={},size:c="md",shape:d="default",variant:g="default",error:s=!1,isDisabled:m=!1,isReadOnly:f=!1,showSearch:p=!0,showCategories:u=!0,showRecentEmojis:y=!0,enabledCategories:b=["recent","smileys","people","animals","food","activities","travel","objects","symbols","flags"],isOpen:x,selectedEmoji:k,recentEmojis:S,searchQuery:v,activeCategory:C,filteredEmojis:w,handleToggle:T,handleEmojiSelect:z,handleSearchChange:M,handleCategoryChange:j,handleClose:$,triggerRef:F,dropdownRef:E,onChange:V,onOpen:P,onClose:W,onEmojiSelect:A,customEmojis:H,closeOnSelect:L,maxRecentEmojis:_,value:D,defaultValue:q,...O})=>{const{getColor:G}=i.useTheme(),N={...Ke.container,...l==null?void 0:l.container},J={...Ke.trigger,...om[c],...rm[d],...tm[g],...s&&{borderColor:"color-red-500"},...m&&{opacity:.6,cursor:"not-allowed"},...!m&&!f&&{_hover:{borderColor:"color-gray-300"}},...l==null?void 0:l.trigger},B={...Ke.dropdown,...l==null?void 0:l.dropdown},Y={...Ke.categoryTabs,...l==null?void 0:l.categoryTabs},Q={...Ke.emojiGrid,...l==null?void 0:l.emojiGrid},oe=b.filter(Z=>Z==="recent"?y&&S.length>0:!0);return r.jsxs(i.View,{...N,...O,children:[t&&r.jsx(i.Text,{fontSize:c==="xs"?"12px":c==="sm"?"14px":"16px",fontWeight:"500",color:"color-gray-700",marginBottom:"4px",...l==null?void 0:l.label,children:t}),r.jsxs(i.View,{ref:F,onClick:m||f?void 0:T,...J,children:[r.jsx(i.Horizontal,{alignItems:"center",gap:8,children:r.jsx(i.Text,{color:k?"color-gray-800":"color-gray-500",fontSize:"inherit",children:k||n})}),!f&&!m&&r.jsx(se,{widthHeight:16,color:"color-gray-500",orientation:x?"up":"down"})]}),x&&r.jsxs(i.View,{ref:E,...B,children:[p&&r.jsx(i.View,{...Ke.searchInput,...l==null?void 0:l.searchInput,children:r.jsx(Ie,{placeholder:"Search emojis...",value:v,onChange:Z=>M(Z.target.value),size:"sm"})}),u&&r.jsx(i.View,{...Y,children:oe.map(Z=>r.jsx(i.View,{...Ke.categoryTab,...C===Z&&{borderBottomColor:"theme-primary",color:"theme-primary",backgroundColor:"color-blue-50"},onClick:()=>j(Z),title:Z.charAt(0).toUpperCase()+Z.slice(1),...l==null?void 0:l.categoryTab,children:nm[Z]},Z))}),r.jsx(i.View,{...Q,children:w.length>0?w.map((Z,re)=>r.jsx(i.View,{...Ke.emoji,onClick:()=>z(Z),title:Z.name,_hover:{backgroundColor:"color-gray-50",transform:"scale(1.05)"},color:"color-gray-800",...l==null?void 0:l.emoji,children:Z.emoji},`${Z.emoji}-${re}`)):r.jsx(i.View,{gridColumn:"1 / -1",padding:"20px",textAlign:"center",color:"color-gray-500",children:r.jsx(i.Text,{fontSize:"14px",children:v?"No emojis found":"No emojis in this category"})})})]}),a&&r.jsx(i.Text,{color:s?"color-red-500":"color-gray-600",marginTop:"4px",...l==null?void 0:l.helperText,children:a})]})},lm=e=>{const o=pe(e),t={...e,value:o.value??e.value??e.defaultValue},n=hl(t),a=l=>{var c;n.handleEmojiSelect(l),o.onChange(l.emoji),(c=e.onEmojiSelect)==null||c.call(e,l)};return r.jsx(ml,{...n,...t,handleEmojiSelect:a})},im=({files:e,onRemove:o,maxHeight:t="120px",views:n={}})=>{if(e.length===0)return null;const a=h.useCallback(l=>l<1024?`${l} B`:l<1024*1024?`${(l/1024).toFixed(1)} KB`:`${(l/(1024*1024)).toFixed(1)} MB`,[]);return r.jsx(i.View,{display:"flex",flexWrap:"wrap",gap:"8px",padding:"8px 0",maxHeight:t,overflowY:"auto",...n==null?void 0:n.container,children:e.map((l,c)=>{const d=l.url||"",g=l.type.startsWith("image/"),s=l.type.startsWith("video/"),m=l.type.startsWith("audio/");return r.jsx(i.Vertical,{alignItems:"center",gap:"6px",padding:"6px 10px",borderRadius:"8px",border:"1px solid #E2E8F0",backgroundColor:"color-white",position:"relative",animate:{from:{opacity:0,scale:.9},to:{opacity:1,scale:1}},animationDuration:.2,...n==null?void 0:n.item,children:r.jsxs(ve,{children:[r.jsx(ve.Trigger,{children:r.jsxs(i.View,{position:"relative",children:[g&&d&&r.jsx(i.Image,{src:d,alt:l.name,width:"60px",height:"60px",objectFit:"cover",borderRadius:"8px"}),s&&d&&r.jsx(i.View,{as:"video",src:d,alt:l.name,controls:!1,muted:!0,width:"60px",height:"60px",objectFit:"cover",borderRadius:"8px"}),m&&r.jsx(i.Center,{width:"60px",height:"60px",backgroundColor:"color-gray-100",borderRadius:"8px",children:r.jsx(fo,{widthHeight:24,color:"color-black"})}),!g&&!s&&!m&&r.jsx(i.Center,{width:"60px",height:"60px",backgroundColor:"color-gray-100",borderRadius:"8px",children:r.jsx(eo,{widthHeight:24,color:"color-black"})}),o&&r.jsx(i.Button,{position:"absolute",top:"-4px",right:"-4px",width:"20px",height:"20px",minWidth:"20px",minHeight:"20px",borderRadius:"50%",backgroundColor:"color-red-500",color:"white",fontSize:14,fontWeight:"bold",padding:0,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",border:"2px solid white",transition:"background-color 0.2s ease, opacity 0.2s ease",_hover:{backgroundColor:"#DC2626"},onClick:f=>{f.stopPropagation(),o(c)},"aria-label":`Remove ${l.name}`,children:"×"})]})}),r.jsxs(ve.Content,{children:[g&&d&&r.jsx(i.Image,{src:d,alt:l.name,maxWidth:"300px"}),s&&d&&r.jsx(i.View,{as:"video",src:d,controls:!0,maxWidth:"300px"}),m&&d&&r.jsx(i.View,{as:"audio",src:d,controls:!0,width:"100%"}),r.jsxs(i.Text,{marginTop:"4px",maxLines:1,width:"100%",fontSize:12,...n==null?void 0:n.name,children:[l.name," (",a(l.size),")"]})]})]})},c)})})},fl=e=>{const o=me("slider",e),t=Za(o);return r.jsx(tl,{...o,...t})},cm=({url:e,type:o,name:t,onOpen:n})=>{const a=o.toLowerCase(),l=a.startsWith("image"),c=a.startsWith("video"),d=a.startsWith("audio"),g=()=>{n&&n()};return r.jsxs(i.View,{width:"60px",height:"60px",flexShrink:0,borderRadius:"4px",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"color-gray-200",cursor:"pointer",onClick:g,children:[l&&r.jsx(i.Image,{src:e,alt:t,width:"100%",height:"100%",objectFit:"cover"}),c&&r.jsx(i.View,{as:"video",src:e,controls:!0,width:"100%",height:"100%",style:{objectFit:"cover"},onClick:s=>s.stopPropagation()}),d&&r.jsx(i.View,{as:"audio",controls:!0,src:e,width:"100%",onClick:s=>s.stopPropagation()}),!l&&!c&&!d&&r.jsx(eo,{widthHeight:24,color:"color-gray-600"})]})},Je=ar.create(e=>({modals:[],onHide:o=>o,onShow:(o,t)=>({name:o,props:t}),show:(o,t={},n={})=>{e(a=>({...a,modals:[...a.modals,{name:o,props:{...t,isVisible:!0},overlayProps:n}]}))},hide:o=>{e(t=>o?{...t,modals:t.modals.filter(n=>n.name!==o)}:{modals:[]})},setOnHide:o=>{e(t=>({...t,onHide:o}))},setOnShow:o=>{e(t=>({...t,onShow:o}))}})),sm=(e,o={},t={})=>{Je.getState().show(e,o,t),Je.getState().onShow(e,o)},Pt=e=>{console.log("hideModal",e),Je.getState().onHide(e),Je.getState().hide(typeof e=="string"?e:void 0)},dm={square:{borderRadius:0},rounded:{borderRadius:8}},gm={center:{justifyContent:"center",alignItems:"center"},top:{justifyContent:"center",alignItems:"flex-start"},right:{justifyContent:"flex-end",alignItems:"center"},bottom:{justifyContent:"center",alignItems:"flex-end"},left:{justifyContent:"flex-start",alignItems:"center"}},hm={xs:12,sm:16,md:20,lg:24,xl:28},Ht={body:{fontSize:"16px",fontWeight:"400",color:"color-gray-700"}},pl=h.memo(({children:e,blur:o,isOpen:t=!1,isClosePrevented:n=!1,onClose:a=()=>{},position:l="center",views:c,...d})=>{const g=h.useCallback(()=>{n||a()},[n,a]);return r.jsx(i.Center,{position:"fixed",top:0,left:0,width:"100%",height:"100%",zIndex:1e3,onClick:g,visibility:t?"visible":"hidden",opacity:t?1:0,transition:"opacity 0.2s ease, visibility 0.2s ease",...c==null?void 0:c.container,children:r.jsx(i.View,{position:"absolute",top:0,left:0,zIndex:1e3,width:"100vw",height:"100vh",display:"flex",backgroundColor:"color-blackAlpha-500",backdropFilter:o?`blur(${o}px)`:void 0,transition:"background-color 0.2s ease, backdrop-filter 0.2s ease",onClick:g,...gm[l],...d,...c==null?void 0:c.view,children:e})})}),mm={boxShadow:"0px 4px 16px rgba(0, 0, 0, 0.15)"},fm={elevation:5,shadowColor:"rgba(0, 0, 0, 0.15)",shadowOffset:{width:0,height:4},shadowOpacity:1,shadowRadius:16},pm=h.memo(({children:e,shadow:o,isFullScreen:t=!1,shape:n="rounded",views:a,isOpen:l=!0,position:c,...d})=>{const g=typeof document!==void 0?mm:fm,s=h.useCallback(m=>{m&&m.stopPropagation&&m.stopPropagation()},[]);return r.jsx(i.Vertical,{cursor:"default",backgroundColor:"color-white",width:t?"100%":600,height:t?"100%":"fit-content",onClick:s,transition:"opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease",opacity:l?1:0,transform:l?"translateY(0)":"translateY(8px)",...o||g,...dm[n],media:{mobile:{width:"90%",maxWidth:"100%",margin:"16px"}},...d,...a==null?void 0:a.container,children:e})}),um=h.memo(({children:e,buttonColor:o="theme-primary",iconSize:t="md",buttonPosition:n="right",views:a,onClose:l,...c})=>{const d=l||Pt,g=r.jsx(i.View,{onClick:d,children:r.jsx(Te,{widthHeight:hm[t],color:o})});return r.jsxs(i.Horizontal,{justifyContent:n==="none"?"center":"space-between",alignItems:"center",paddingVertical:16,paddingHorizontal:24,borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-200",media:{mobile:{paddingVertical:12,paddingHorizontal:16}},...c,...a==null?void 0:a.header,children:[n==="left"&&g,e,n==="right"&&g]})}),ym=h.memo(({children:e,views:o,...t})=>r.jsx(i.View,{paddingVertical:16,paddingHorizontal:24,fontSize:Ht.body.fontSize,fontWeight:Ht.body.fontWeight,color:Ht.body.color,media:{mobile:{paddingVertical:12,paddingHorizontal:16,fontSize:"14px"}},...t,...o==null?void 0:o.view,children:e})),bm=h.memo(({children:e,views:o,...t})=>r.jsx(i.Horizontal,{marginTop:"auto",alignItems:"center",justifyContent:"flex-end",paddingVertical:16,paddingHorizontal:24,borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"color-gray-200",gap:12,media:{mobile:{paddingVertical:12,paddingHorizontal:16,gap:8}},...t,...o==null?void 0:o.container,children:e})),xm=({modals:e,onShow:o,onHide:t})=>{const n=Je(a=>a.modals);return h.useEffect(()=>{o&&Je.getState().setOnShow(o)},[o]),h.useEffect(()=>{t&&Je.getState().setOnHide(t)},[t]),n.length===0?null:r.jsx(h.Fragment,{children:n.map((a,l)=>{const c=e[a.name];return c?r.jsx(pl,{isOpen:a.props.isVisible,onClose:()=>Pt(a.name),blur:5,...a.overlayProps,style:{zIndex:1e3+l},children:r.jsx(c,{...a.props})},l):(console.error(`${a.name} modal doesn't exist`),null)})})},ao=({children:e})=>r.jsx(r.Fragment,{children:e});ao.Overlay=pl,ao.Container=pm,ao.Header=um,ao.Body=ym,ao.Footer=bm,ao.Layout=xm;const ul={xs:"320px",sm:"380px",md:"480px",lg:"640px",xl:"768px",full:"100%"},km={left:{top:0,left:0,bottom:0,height:"100vh",borderRightWidth:"1px",borderRightStyle:"solid",borderRightColor:"color-gray-200"},right:{top:0,right:0,bottom:0,height:"100vh",borderLeftWidth:"1px",borderLeftStyle:"solid",borderLeftColor:"color-gray-200"},top:{top:0,left:0,right:0,width:"100vw",borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-200"},bottom:{bottom:0,left:0,right:0,width:"100vw",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"color-gray-200"}},jt=({isOpen:e,onClose:o,isClosePrevented:t,blur:n,children:a,...l})=>{const c=()=>{t||o()};return h.useEffect(()=>{const d=g=>{g.key==="Escape"&&e&&!t&&o()};return e&&document.addEventListener("keydown",d),()=>{document.removeEventListener("keydown",d)}},[e,t,o]),r.jsx(i.View,{"data-testid":"drawer-overlay",role:"dialog","aria-modal":"true",position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:1e3,visibility:e?"visible":"hidden",onClick:c,opacity:e?1:0,transition:"opacity 0.2s ease, visibility 0.2s ease, background-color 0.2s ease",backgroundColor:e?"color-blackAlpha-500":"transparent",backdropFilter:n?`blur(${n}px)`:void 0,pointerEvents:e?"auto":"none",...l,children:a})},At=({placement:e="right",size:o="md",isOpen:t=!1,children:n,...a})=>{const l=m=>{m.stopPropagation()},d=e==="top"||e==="bottom"?{height:o==="full"?"100vh":ul[o]||o,maxHeight:"100vh"}:{width:o==="full"?"100vw":ul[o]||o,maxWidth:"100vw"},g=e==="left"?"0 12px 12px 0":e==="right"?"12px 0 0 12px":e==="top"?"0 0 12px 12px":"12px 12px 0 0",s=t?"translate3d(0, 0, 0)":e==="left"?"translate3d(-100%, 0, 0)":e==="right"?"translate3d(100%, 0, 0)":e==="top"?"translate3d(0, -100%, 0)":"translate3d(0, 100%, 0)";return r.jsx(i.Vertical,{position:"absolute",backgroundColor:"color-white",borderRadius:g,...km[e],...d,onClick:l,transform:s,willChange:"transform",transition:"transform 0.24s ease, box-shadow 0.2s ease",boxShadow:"0 12px 32px rgba(15, 23, 42, 0.12)",...a,children:n})},Cm=({children:e,onClose:o,buttonPosition:t="right",...n})=>{const a=o&&r.jsx(i.View,{onClick:o,cursor:"pointer",padding:8,children:r.jsx(Te,{widthHeight:20,color:"color-gray-500"})});return r.jsxs(i.Horizontal,{paddingHorizontal:24,paddingVertical:16,borderBottomWidth:"1px",borderBottomColor:"color-gray-200",alignItems:"center",justifyContent:t==="none"?"center":"space-between",...n,children:[t==="left"&&a,e,t==="right"&&a]})},wm=({children:e,...o})=>r.jsx(i.Vertical,{padding:24,flex:1,overflowY:"auto",...o,children:e}),Sm=({children:e,...o})=>r.jsx(i.Horizontal,{paddingHorizontal:24,paddingVertical:16,borderTopWidth:"1px",borderTopColor:"color-gray-200",alignItems:"center",justifyContent:"flex-end",gap:12,...o,children:e}),Qe=ar.create(e=>({drawers:[],onHide:o=>o,onShow:(o,t)=>({name:o,props:t}),show:(o,t={},n={})=>{e(a=>({...a,drawers:[...a.drawers,{name:o,props:{...t,isOpen:!1},overlayProps:n}]}))},hide:o=>{e(t=>o?{...t,drawers:t.drawers.filter(n=>n.name!==o)}:{drawers:[]})},setOnHide:o=>{e(t=>({...t,onHide:o}))},setOnShow:o=>{e(t=>({...t,onShow:o}))}})),vm=(e,o={},t={})=>{const n=Qe.getState();n.hide(e),n.show(e,o,t),n.onShow(e,o),queueMicrotask(()=>{Qe.setState(a=>({drawers:a.drawers.map(l=>l.name===e?{...l,props:{...l.props,isOpen:!0}}:l)}))})},yl=e=>{Qe.getState().onHide(e),Qe.getState().hide(typeof e=="string"?e:void 0)},Tm=({drawers:e,onShow:o,onHide:t})=>{const n=Qe(a=>a.drawers);return h.useEffect(()=>{o&&Qe.getState().setOnShow(o)},[o]),h.useEffect(()=>{t&&Qe.getState().setOnHide(t)},[t]),n.length===0?null:r.jsx(h.Fragment,{children:n.map((a,l)=>{var u;const c=e[a.name];if(!c)return console.error(`${a.name} drawer doesn't exist`),null;const{placement:d,size:g,isClosePrevented:s,blur:m,containerProps:f,...p}=a.props||{};return r.jsx(jt,{isOpen:a.props.isOpen,onClose:()=>yl(a.name),isClosePrevented:s,blur:m,...a.overlayProps,style:{zIndex:1e3+l,...((u=a.overlayProps)==null?void 0:u.style)||{}},children:r.jsx(At,{placement:d,size:g,isOpen:a.props.isOpen,...f||{},children:r.jsx(h.Suspense,{fallback:null,children:r.jsx(c,{...p})})})},l)})})},lo=({isOpen:e,onClose:o,placement:t="right",size:n="md",isClosePrevented:a,children:l,...c})=>r.jsx(jt,{isOpen:e,onClose:o,isClosePrevented:a,...c,children:r.jsx(At,{placement:t,size:n,isOpen:e,children:l})});lo.Overlay=jt,lo.Container=At,lo.Header=Cm,lo.Body=wm,lo.Footer=Sm,lo.Layout=Tm;const Im=(e=null,o=[])=>{const[t,n]=h.useState(e),[a,l]=h.useState(o),c=h.useRef({});return{activeItemId:t,setActiveItemId:n,expandedItemIds:a,toggleExpandedItem:s=>{l(m=>m.includes(s)?m.filter(p=>p!==s):[...m,s])},isItemExpanded:s=>a.includes(s),triggerRefs:c}},Vt={sm:{padding:"8px 12px",fontSize:"12px",fontWeight:"500",media:{mobile:{padding:"6px 10px",fontSize:"11px"}}},md:{padding:"10px 14px",fontSize:"14px",fontWeight:"500",media:{mobile:{padding:"8px 12px",fontSize:"12px"}}},lg:{padding:"12px 16px",fontSize:"14px",fontWeight:"600",media:{mobile:{padding:"10px 14px",fontSize:"12px"}}}},Et={default:{color:"color-gray-800",style:{backgroundColor:"transparent"},transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"},filled:{backgroundColor:"color-gray-100",color:"color-gray-800",transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"},outline:{borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800",style:{backgroundColor:"transparent"},transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"}},bl={horizontal:{flexDirection:"row",gap:"8px",media:{mobile:{flexDirection:"column",gap:"4px"}}},vertical:{flexDirection:"column",gap:"4px"}},So={active:{backgroundColor:"color-blue-50",color:"color-blue-700",fontWeight:"600",borderLeft:"3px solid",borderColor:"color-blue-600"},hover:{backgroundColor:"color-gray-100",transition:"background-color 0.2s ease"}},xl=h.createContext({activeItemId:null,setActiveItemId:()=>{},expandedItemIds:[],toggleExpandedItem:()=>{},isItemExpanded:()=>!1,orientation:"vertical",size:"md",variant:"default",triggerRefs:{current:{}}}),Fm=({children:e,value:o})=>r.jsx(xl.Provider,{value:o,children:e}),Yo=()=>{const e=h.useContext(xl);if(!e)throw new Error("useNavigationMenuContext must be used within a NavigationMenuProvider");return e},Dt=({children:e,views:o})=>{const{orientation:t}=Yo(),n=t==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(n,{width:"100%",...bl[t],transition:"background-color 0.2s ease, border-color 0.2s ease",borderRadius:"8px",...o==null?void 0:o.container,children:e})},kl=h.createContext({itemValue:null,isDisabled:!1}),zm=()=>{const e=h.useContext(kl);if(!e)throw new Error("useNavigationMenuItemContext must be used within a NavigationMenuItem");return e},$t=({item:e,value:o,isDisabled:t=!1,children:n,views:a})=>{var k;const{activeItemId:l,setActiveItemId:c,orientation:d,size:g,variant:s,onItemActivate:m}=Yo(),f=(e==null?void 0:e.id)||o,p=l===f,u=(e==null?void 0:e.items)&&e.items.length>0,y=(e==null?void 0:e.disabled)||t,b=()=>{y||f&&(c(f),m&&m(f))},x=d==="horizontal"?i.Horizontal:i.Vertical;return n?r.jsx(kl.Provider,{value:{itemValue:f||null,isDisabled:y},children:r.jsx(i.View,{width:"100%",cursor:y?"not-allowed":"pointer",opacity:y?.6:1,borderRadius:"8px",transition:"background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease",...Vt[g],...Et[s],...p?So.active:{},_hover:y?{}:So.hover,...a==null?void 0:a.item,children:n})}):u&&e?r.jsxs(x,{width:"100%",flexDirection:"column",position:"relative",...a==null?void 0:a.item,children:[r.jsxs(Cl,{itemId:e.id,disabled:e.disabled,views:a,children:[e.icon&&r.jsx(i.View,{marginRight:8,...a==null?void 0:a.icon,children:e.icon}),e.label]}),r.jsx(wl,{itemId:e.id,children:r.jsx(Dt,{children:(k=e.items)==null?void 0:k.map(S=>r.jsx($t,{item:S},S.id))})})]}):e?r.jsxs(i.View,{as:e.href?"a":"div",href:e.href,onClick:b,cursor:e.disabled?"not-allowed":"pointer",opacity:e.disabled?.6:1,width:"100%",display:"flex",alignItems:"center",borderRadius:"8px",transition:"background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease",gap:"8px",...Vt[g],...Et[s],...p?So.active:{},_hover:e.disabled?{}:So.hover,...a==null?void 0:a.item,children:[e.icon&&r.jsx(i.View,{marginRight:8,...a==null?void 0:a.icon,children:e.icon}),e.label]}):null},Cl=({children:e,itemId:o,disabled:t,views:n})=>{const{activeItemId:a,toggleExpandedItem:l,isItemExpanded:c,size:d,variant:g,triggerRefs:s}=Yo(),m=h.useRef(null),f=a===o,p=c(o);h.useEffect(()=>(m.current&&o&&(s.current[o]=m.current),()=>{o&&delete s.current[o]}),[o,s]);const u=y=>{y.preventDefault(),!t&&l(o)};return r.jsxs(i.View,{ref:m,onClick:u,cursor:t?"not-allowed":"pointer",opacity:t?.5:1,width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",borderRadius:8,transition:"background-color 0.2s ease",...Vt[d],...Et[g],...f?So.active:{},_hover:t?{}:So.hover,...n==null?void 0:n.trigger,children:[r.jsx(i.View,{display:"flex",alignItems:"center",children:e}),r.jsx(i.View,{transition:"transform 0.2s ease",transform:p?"rotate(180deg)":"rotate(0deg)",...n==null?void 0:n.indicator,children:r.jsx(se,{orientation:"down",widthHeight:16,color:"currentColor",filled:!0})})]})},wl=({children:e,itemId:o,views:t})=>{const{isItemExpanded:n,orientation:a,triggerRefs:l}=Yo(),c=h.useRef(null),[d,g]=h.useState({x:0,y:0,placement:a==="horizontal"?"bottom":"right"}),s=n(o);if(h.useEffect(()=>{if(s&&c.current&&o&&l.current[o]&&a==="horizontal"){const f=c.current.getBoundingClientRect(),p=l.current[o].getBoundingClientRect(),u=Math.max(f.width||200,200),y=Math.max(f.height||150,150),b=window.innerWidth,x=window.innerHeight,k={top:p.top,right:b-p.right,bottom:x-p.bottom,left:p.left},S=a==="horizontal"?[{placement:"bottom",space:k.bottom,fits:k.bottom>=y+8,x:p.left,y:p.bottom+8},{placement:"top",space:k.top,fits:k.top>=y+8,x:p.left,y:p.top-y-8},{placement:"right",space:k.right,fits:k.right>=u+8,x:p.right+8,y:p.top},{placement:"left",space:k.left,fits:k.left>=u+8,x:p.left-u-8,y:p.top}]:[{placement:"right",space:k.right,fits:k.right>=u+8,x:p.right+8,y:p.top},{placement:"left",space:k.left,fits:k.left>=u+8,x:p.left-u-8,y:p.top},{placement:"bottom",space:k.bottom,fits:k.bottom>=y+8,x:p.left,y:p.bottom+8},{placement:"top",space:k.top,fits:k.top>=y+8,x:p.left,y:p.top-y-8}],v=S.find(z=>z.fits);if(v){g({x:v.x,y:v.y,placement:v.placement});return}const C=S.reduce((z,M)=>M.space>z.space?M:z);let w=C.x,T=C.y;w+u>b&&(w=b-u-8),w<8&&(w=8),T+y>x&&(T=x-y-8),T<8&&(T=8),g({x:w,y:T,placement:C.placement})}},[s,a,o,l]),!s)return null;if(a==="vertical")return r.jsx(i.View,{paddingLeft:16,width:"100%",position:"relative",backgroundColor:"transparent",...t==null?void 0:t.container,children:e});const m={position:"fixed",left:d.x,top:d.y,zIndex:1e3};return r.jsx(i.View,{ref:c,role:"menu",minWidth:"200px",backgroundColor:"color-white",borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",overflow:"hidden",style:m,...t==null?void 0:t.container,children:e})},Mm=({href:e,children:o,views:t,underline:n,isExternal:a,iconSize:l,...c})=>{const{itemValue:d,isDisabled:g}=zm(),{activeItemId:s,setActiveItemId:m,onItemActivate:f}=Yo(),p=s===d,u=y=>{if(g){y.preventDefault();return}d&&(m(d),f&&f(d)),c.onClick&&c.onClick(y)};return r.jsx(i.View,{as:"a",href:g?void 0:e,onClick:u,cursor:g?"not-allowed":"pointer",opacity:g?.5:1,width:"100%",display:"flex",alignItems:"center","aria-current":p?"page":void 0,"aria-disabled":g,"data-active":p?"":void 0,"data-disabled":g?"":void 0,...p?{fontWeight:"bold"}:{},...t==null?void 0:t.container,...c,children:o})},Wm=({items:e,orientation:o,views:t,themeMode:n})=>{const a=o==="horizontal"?i.Horizontal:i.Vertical;return!e||e.length===0?null:r.jsx(a,{width:"100%",...bl[o],...t==null?void 0:t.container,children:r.jsx(Dt,{views:t,children:e.map(l=>r.jsx($t,{item:l,views:t},l.id))})})},io=e=>{const o=me("navigation",e),{items:t,children:n,orientation:a="vertical",size:l="md",variant:c="default",defaultActiveItemId:d=null,defaultExpandedItemIds:g=[],onItemActivate:s,views:m,...f}=o,{activeItemId:p,setActiveItemId:u,expandedItemIds:y,toggleExpandedItem:b,isItemExpanded:x,triggerRefs:k}=Im(d,g);return r.jsx(Fm,{value:{activeItemId:p,setActiveItemId:u,expandedItemIds:y,toggleExpandedItem:b,isItemExpanded:x,orientation:a,size:l,variant:c,onItemActivate:s,triggerRefs:k},children:t?r.jsx(Wm,{items:t,orientation:a,size:l,variant:c,views:m,...f}):n})};io.List=Dt,io.Item=$t,io.Trigger=Cl,io.Content=wl,io.Link=Mm;const Sl={},vl=h.createContext({views:Sl,onRowClick:()=>{}}),Pm=({children:e,views:o=Sl,onRowClick:t})=>r.jsx(vl.Provider,{value:{views:o,onRowClick:t},children:e}),Ze=()=>h.useContext(vl),ue={table:{width:"100%",color:"inherit",borderRadius:"8px",overflow:"hidden",boxShadow:"0px 1px 3px rgba(0, 0, 0, 0.06), 0px 1px 2px rgba(0, 0, 0, 0.04)",border:"1px solid",borderColor:"color-gray-200",transition:"box-shadow 0.2s ease",media:{mobile:{overflowX:"auto",display:"block",borderRadius:"4px"}}},thead:{backgroundColor:"color-gray-50",borderBottom:"1px solid",borderColor:"color-gray-200"},th:{padding:"12px 16px",fontWeight:"600",fontSize:"14px",color:"inherit",opacity:.72,textAlign:"left",media:{mobile:{padding:"8px 12px",fontSize:"12px"}}},td:{padding:"12px 16px",fontSize:"14px",borderBottom:"1px solid",borderColor:"color-gray-100",color:"inherit",media:{mobile:{padding:"8px 12px",fontSize:"12px"}}},tr:{transition:"background-color 0.15s ease",_hover:{backgroundColor:"color-gray-50"},_focus:{outline:"none",backgroundColor:"color-gray-100"}},tfoot:{backgroundColor:"color-gray-50",fontWeight:"600",borderTop:"2px solid",borderColor:"color-gray-200"},caption:{margin:"8px 0",color:"inherit",opacity:.62,fontSize:"14px",fontStyle:"italic",media:{mobile:{fontSize:"12px"}}}};({...ue.th},{...ue.td}),{...ue.tr},{...ue.td},{...ue.th},{...ue.table},{...ue.th},{...ue.td},{...ue.tr},{...ue.tfoot},{...ue.caption};const Tl=e=>{const{views:o}=Ze();return r.jsx(i.Element,{as:"table",...ue.table,...o==null?void 0:o.table,...e,style:{borderCollapse:"collapse",...e.style||{}}})},Il=e=>{const{views:o}=Ze();return r.jsx(i.Element,{as:"thead",textAlign:"left",...ue.thead,...o==null?void 0:o.thead,...e})},Fl=e=>{const{views:o}=Ze();return r.jsx(i.Element,{as:"th",whiteSpace:"nowrap",...ue.th,...o==null?void 0:o.th,...e})},Mr=e=>{const{views:o,onRowClick:t}=Ze();return r.jsx(i.Element,{as:"tr",...ue.tr,...o==null?void 0:o.tr,onClick:t,...e})},Lt=({isFirstColumn:e,...o})=>{const{views:t}=Ze();return r.jsx(i.Element,{as:"td",whiteSpace:"nowrap",fontWeight:e?"500":"400",...ue.td,...t==null?void 0:t.td,...o})},zl=e=>{const{views:o}=Ze();return r.jsx(i.Element,{as:"tbody",...ue.tbody,...o==null?void 0:o.tbody,...e})},Ml=e=>{const{views:o}=Ze();return r.jsx(i.Element,{as:"tfoot",...ue.tfoot,...o==null?void 0:o.tfoot,...e})},Wl=e=>{const{views:o}=Ze();return r.jsx(i.Element,{as:"caption",...ue.caption,...o==null?void 0:o.caption,...e})},Hm=({data:e,columns:o,footer:t,caption:n,themeMode:a})=>r.jsxs(Tl,{role:"Table",children:[n&&r.jsx(Wl,{children:n}),r.jsx(Il,{children:r.jsx(Mr,{children:o.map(l=>r.jsx(Fl,{children:l.title},l.field))})}),r.jsx(zl,{children:e.map((l,c)=>r.jsx(Mr,{children:o.map((d,g)=>r.jsx(Lt,{isFirstColumn:g===0,children:l[d.field]},d.field))},c))}),t&&r.jsx(Ml,{children:r.jsx(Mr,{children:t.map((l,c)=>r.jsx(Lt,{...l.props,children:l.value},c))})})]}),ze=({children:e,views:o,onClick:t})=>{const n=me("table",{views:o,onClick:t});return r.jsx(Pm,{views:n.views,onRowClick:n.onClick,children:e})};ze.Head=Il,ze.HeadCell=Fl,ze.Body=zl,ze.Row=Mr,ze.Cell=Lt,ze.Footer=Ml,ze.Caption=Wl,ze.Container=Tl,ze.Template=Hm;const jm=(e,o,t)=>{const n=s=>s.value!==void 0?s.value:s.title,a=()=>{if(!(!e||e.length===0)){if(o!==void 0){const s=e.find(m=>n(m)===o);if(s)return s}return e[0]}},[l,c]=h.useState(a()),d=t!==void 0?e.find(s=>n(s)===t):l,g=s=>{t===void 0&&c(s)};return h.useEffect(()=>{if(t!==void 0)return;const s=a(),m=l&&e.some(f=>n(f)===n(l));s&&(!m||o!==void 0&&l&&n(l)!==o)?c(s):!s&&l&&c(void 0)},[e,o]),{activeTab:d,setActiveTab:g}},Am=(e,o,t)=>{const[n,a]=h.useState(e||null);return{activeValue:o!==void 0?o:n,setActiveValue:d=>{o===void 0&&a(d),t&&t(d)}}},Vm=h.memo(({tab:e,isActive:o,onClick:t,iconPosition:n="left",tabStyles:a,textStyles:l})=>{const c=()=>{switch(n){case"top":return"column";case"bottom":return"column-reverse";case"right":return"row-reverse";case"left":default:return"row"}},d=()=>["top","bottom"].includes(n)?"4px":"8px",g=e.icon&&h.isValidElement(e.icon)?h.cloneElement(e.icon,{strokeWidth:o?2.5:2}):e.icon;return r.jsxs(i.Element,{as:"div",role:"tab","aria-selected":o,tabIndex:o?0:-1,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease",...a,flexDirection:c(),gap:d(),onClick:t,"data-state":o?"active":"inactive",children:[g&&r.jsx(i.Element,{children:g},o?"active-icon":"inactive-icon"),r.jsxs(i.Element,{display:"grid",alignItems:"center",justifyContent:"center",children:[r.jsx(i.Text,{...l,fontWeight:"600",visibility:"hidden",gridColumn:"1",gridRow:"1","aria-hidden":"true",children:e.title}),r.jsx(i.Text,{...l,fontWeight:o?"600":"500",gridColumn:"1",gridRow:"1",children:e.title})]})]})}),Bt=(e,o)=>{const t=o==="dark";return e==="segmented"?{header:{width:"fit-content",alignSelf:"flex-start",gap:6,padding:6,borderRadius:16,backgroundColor:"color-gray-100"},tab:{minHeight:44,padding:"0 22px",borderRadius:12,color:"color-gray-600",borderWidth:1,borderStyle:"solid",borderColor:"color-gray-100",style:{backgroundColor:"transparent"}},activeTab:{backgroundColor:"color-white",color:"color-gray-900",boxShadow:t?"0 1px 3px rgba(0, 0, 0, 0.35)":"0 1px 2px rgba(0, 0, 0, 0.06)"},text:{fontSize:14,lineHeight:"20px",letterSpacing:"-0.01em"},activeText:{},content:{width:"100%"}}:e==="pill"?{header:{width:"100%",flexWrap:"wrap",gap:12},tab:{minHeight:44,padding:"0 22px",borderRadius:"999px",backgroundColor:"color-white",color:"color-gray-600",borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200"},activeTab:{backgroundColor:"theme-primary",color:"color-white",borderColor:"theme-primary"},text:{fontSize:14,lineHeight:"20px",letterSpacing:"-0.01em",color:"inherit"},activeText:{color:"inherit"},content:{width:"100%"}}:{header:{width:"100%",gap:20,borderBottom:"none"},tab:{minHeight:44,padding:"0 4px",borderRadius:0,color:"color-gray-500",borderBottom:"3px solid",borderColor:"color-white",style:{backgroundColor:"transparent"}},activeTab:{color:"theme-primary",borderColor:"theme-primary"},text:{fontSize:14,lineHeight:"20px",letterSpacing:"-0.01em",color:"inherit"},activeText:{color:"inherit"},content:{width:"100%",paddingTop:12}}},Em=({tabs:e=[],activeTab:o,handleTabClick:t,views:n={},renderTab:a,renderContent:l,variant:c="underline",iconPosition:d="left"})=>{const{themeMode:g}=i.useTheme(),s=Bt(c,g);return o?r.jsxs(i.Vertical,{width:"100%",height:"100%",...n.container,children:[r.jsx(i.Horizontal,{alignItems:"center",...s.header,...n.headerTabs,children:e.map(m=>{const f=(m.value!==void 0?m.value:m.title)===(o.value!==void 0?o.value:o.title),p=()=>t(m);return a?a(m,f,p):r.jsx(Vm,{tab:m,isActive:f,onClick:p,iconPosition:d,tabStyles:{...s.tab,...n.tab,...f?s.activeTab:{},...f?n.activeTab:{}},textStyles:{...s.text,...n.title,...f?s.activeText:{},...f?n.activeText:{}}},m.title)})}),r.jsx(i.View,{height:"100%",...s.content,...n.content,children:l?l(o):o.content})]}):null},Pl=h.createContext(null),_t=()=>{const e=h.useContext(Pl);if(!e)throw new Error("useTabsContext must be used within a Tabs component");return e},Dm=h.memo(({children:e,views:o})=>{var d;const{themeMode:t}=i.useTheme(),{variant:n="underline"}=_t(),a=Bt(n,t),l=mo("tabs"),c=Ee({container:(d=l.views)==null?void 0:d.headerTabs},o);return r.jsx(i.Horizontal,{alignItems:"center",...a.header,...c==null?void 0:c.container,children:e})}),$m=h.memo(({value:e,children:o,disabled:t=!1,views:n})=>{var u,y;const{themeMode:a}=i.useTheme(),{activeValue:l,setActiveValue:c,variant:d="underline"}=_t(),g=l===e,s=Bt(d,a),m=mo("tabs"),f=Ee({trigger:(u=m.views)==null?void 0:u.tab,activeState:(y=m.views)==null?void 0:y.activeTab},n),p=h.useCallback(()=>{t||c(e)},[t,e,c]);return r.jsx(i.View,{cursor:t?"not-allowed":"pointer",opacity:t?.6:1,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s ease-in-out",...s.tab,...g?s.activeTab:{},_hover:t?{}:d==="underline"?{color:"theme-primary"}:{opacity:.9},onClick:p,...f==null?void 0:f.trigger,...g?f==null?void 0:f.activeState:{},children:r.jsx(i.View,{...s.text,...g?s.activeText:{},children:o})})}),Lm=h.memo(({value:e,children:o,views:t})=>{const{activeValue:n}=_t();return n!==e?null:r.jsx(i.View,{width:"100%",padding:"24px",...t==null?void 0:t.content,children:o})}),Bm=e=>{const o=me("tabs",e),{tabs:t,views:n,defaultValue:a,onTabChange:l,renderTab:c,renderContent:d,variant:g="underline",iconPosition:s="left",value:m,onValueChange:f,children:p}=o,u=Am(a,m,f),y=jm(t||[],a,m);if(p)return r.jsx(Pl.Provider,{value:{...u,variant:g},children:p});if(t){const b=x=>{const k=S=>S.value!==void 0?S.value:S.title;(!y.activeTab||k(y.activeTab)!==k(x))&&(y.setActiveTab(x),l&&l(x))};return r.jsx(Em,{tabs:t,views:n,activeTab:y.activeTab,handleTabClick:b,renderTab:c,renderContent:d,variant:g,iconPosition:s})}return null},vo=h.memo(Bm);vo.List=Dm,vo.Trigger=$m,vo.Content=Lm;const _m=e=>{const{children:o,_isInView:t=!1,alternateHighlightText:n=[],alternateAnimation:a=!1,alternateDuration:l=3e3,highlightText:c,highlightTypewriter:d=!1,highlightSlide:g=!1,highlightSlideDuration:s=500,highlightSlideStagger:m=50,highlightSlideSequential:f=!0}=e,[p,u]=h.useState(o),[y,b]=h.useState(c);return h.useEffect(()=>{if(!a||n.length===0||!t||typeof o!="string"||typeof c!="string")return u(o),b(c),()=>{};const x=o,k=c;let S=0;const v=w=>{const T=n[w],z=k.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),M=new RegExp(z,"gi"),j=x.replace(M,T);u(j),b(T)};v(S);const C=setInterval(()=>{S=(S+1)%n.length,v(S)},l);return()=>clearInterval(C)},[a,n,l,c,o,t]),{finalDisplayedText:p,activeHighlightTarget:y,highlightTypewriter:d,highlightSlide:g,highlightSlideDuration:s,highlightSlideStagger:m,highlightSlideSequential:f}},Om={xs:24,sm:32,md:48,lg:96,xl:110},Nm={xl:{media:{mobile:{fontSize:48},tablet:{fontSize:96},desktop:{fontSize:110}}},lg:{media:{mobile:{fontSize:48},tablet:{fontSize:48},desktop:{fontSize:70}}},md:{media:{mobile:{fontSize:32},tablet:{fontSize:40},desktop:{fontSize:56}}},sm:{media:{mobile:{fontSize:20},tablet:{fontSize:24},desktop:{fontSize:32}}},xs:{media:{mobile:{fontSize:14},tablet:{fontSize:18},desktop:{fontSize:20}}}},qm={underline:e=>({textDecoration:"underline",textDecorationColor:e,textDecorationThickness:"4px",textUnderlineOffset:"4px"}),background:e=>({backgroundColor:e,color:"color-white",padding:"0 8px",borderRadius:"4px"}),gradient:(e,o)=>({background:`linear-gradient(135deg, ${e}, ${o||e})`,backgroundClip:"text",WebkitBackgroundClip:"text !important",WebkitTextFillColor:"transparent",color:"transparent",display:"inline-block",textShadow:"none"}),outline:e=>({WebkitTextStroke:`1px ${e}`,WebkitTextFillColor:"transparent !important",color:"transparent",textShadow:"none"}),glow:e=>({color:e,textShadow:`0 0 10px ${e}80, 0 0 20px ${e}40, 0 0 30px ${e}20`}),solid:e=>({color:e}),default:()=>({})},Um=({text:e,typingSpeed:o=50,pauseTime:t=500,onComplete:n,showCursor:a=!0,cursorColor:l="currentColor",textStyle:c,textComponent:d,as:g,...s})=>{const m=d||i.Text,f=Array.isArray(e)?e:[e],[p,u]=h.useState(f.map(()=>"")),[y,b]=h.useState(!1),[x,k]=h.useState(0),[S,v]=h.useState(0);h.useEffect(()=>{u(f.map(()=>"")),b(!1),k(0),v(0)},[e]),h.useEffect(()=>{if(y){n&&n();return}const w=f[x];if(S>=w.length){if(x>=f.length-1){b(!0);return}const z=setTimeout(()=>{k(M=>M+1),v(0)},t);return()=>clearTimeout(z)}const T=setTimeout(()=>{u(z=>{const M=[...z];return M[x]=w.substring(0,S+1),M}),v(z=>z+1)},o);return()=>clearTimeout(T)},[f,x,S,y,n,t,o]);const C=w=>{if(!w||typeof w!="string")return w;const T=w.split("|");return T.length===1?w:T.map((z,M)=>r.jsxs(h.Fragment,{children:[z,M<T.length-1&&r.jsx("br",{})]},M))};return r.jsx(r.Fragment,{children:p.map((w,T)=>r.jsxs(h.Fragment,{children:[C(w),a&&T===x&&!y&&r.jsx(m,{as:"span",display:"inline-block",width:"0.1em",height:"1em",backgroundColor:l,animation:"blink 1s step-end infinite",verticalAlign:"text-bottom",marginLeft:"1px",...c})]},T))})},Gm=({text:e,duration:o=500,direction:t="up",stagger:n=50,sequential:a=!1,textStyle:l,as:c,wordProps:d,textComponent:g,...s})=>{const[m,f]=h.useState(e),[p,u]=h.useState("entering"),[y,b]=h.useState(0),x=g||i.Text,k=h.useRef(null),S=h.useRef(null);h.useEffect(()=>{e===m&&p==="visible"||e!==m&&(p==="entering"||p==="visible"?(k.current=e,u("exiting")):p==="exiting"&&(k.current=e))},[e,m,p]);const{lines:v,totalWordCount:C}=h.useMemo(()=>{const A=m.split("|").map(L=>L.trim().split(/\s+/).filter(_=>_.length>0)),H=A.reduce((L,_)=>L+_.length,0);return{lines:A,totalWordCount:H}},[m]),w=h.useMemo(()=>a?C*(o+n):(C-1)*n+o,[C,o,n,a]),T=h.useMemo(()=>a?C*(o+n):(C-1)*n+o,[C,o,n,a]);h.useEffect(()=>(S.current&&clearTimeout(S.current),p==="entering"?S.current=setTimeout(()=>{u("visible")},w+50):p==="exiting"&&(S.current=setTimeout(()=>{k.current!==null&&(f(k.current),k.current=null),b(W=>W+1),u("entering")},T+50)),()=>{S.current&&clearTimeout(S.current)}),[p,w,T]);const{style:z,...M}=d||{},j=t==="up",$=W=>a?W*(o+n):W*n,F=h.useMemo(()=>({display:"inline-block",position:"relative",verticalAlign:"bottom",whiteSpace:"nowrap",...l}),[l]),E=h.useMemo(()=>({display:"inline-flex",flexDirection:"column",alignItems:"center"}),[]),V=h.useMemo(()=>({display:"block",whiteSpace:"nowrap"}),[]);let P=0;return r.jsx(i.Element,{as:"span",style:F,...s,children:r.jsx("span",{style:E,children:v.map((W,A)=>r.jsx("span",{style:V,children:W.map((H,L)=>{const _=P++,D=$(_),q=L===W.length-1;let O;const G=`${o}ms`,N=`${D}ms`;p==="entering"?O=j?i.Animation.slideInUp({duration:G,delay:N,timingFunction:"ease-out",fillMode:"both"}):i.Animation.slideInDown({duration:G,delay:N,timingFunction:"ease-out",fillMode:"both"}):p==="exiting"&&(O=j?{from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(-100%)",opacity:0},duration:G,delay:N,timingFunction:"ease-in",fillMode:"both"}:{from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(100%)",opacity:0},duration:G,delay:N,timingFunction:"ease-in",fillMode:"both"});const J={...z,display:"inline-block",marginRight:q?0:"0.25em",transform:p==="visible"?"translateY(0)":void 0,opacity:p==="visible"?1:void 0};return r.jsx(x,{as:"span",animate:O,...M,...J,children:H},`${y}-${A}-${L}`)})},`line-${A}`))})})};function Hl(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}const Ot=e=>{if(!e||typeof e!="string")return e;const o=e.split("|");return o.length===1?e:o.map((t,n)=>r.jsxs(h.Fragment,{children:[t,n<o.length-1&&r.jsx("br",{})]},n))},Ym=({children:e,highlightText:o,highlightStyle:t="solid",highlightColor:n="theme-primary",highlightSecondaryColor:a,size:l="lg",views:c,highlightAnimate:d,animate:g,animationLoop:s=1,highlightAnimationLoop:m=1,highlightTypewriter:f=!1,highlightTypewriterDuration:p=3e3,highlightSlide:u=!1,highlightSlideDuration:y=500,highlightSlideStagger:b=50,highlightSlideSequential:x=!0,themeMode:k,responsive:S,alternateHighlightText:v,alternateAnimation:C,alternateDuration:w,_isInView:T,...z})=>{const{ref:M,inView:j}=i.useInView(),{finalDisplayedText:$,activeHighlightTarget:F,highlightTypewriter:E,highlightSlide:V,highlightSlideDuration:P,highlightSlideStagger:W,highlightSlideSequential:A}=_m({children:e,highlightText:o,_isInView:j,highlightTypewriter:f,highlightSlide:u,highlightSlideDuration:y,highlightSlideStagger:b,highlightSlideSequential:x,alternateHighlightText:v,alternateAnimation:C,alternateDuration:w,...z}),H=Om[l],L={fontFamily:"Mulish, Inter, Geist, system-ui, sans-serif",fontWeight:l==="xl"?700:600,letterSpacing:l==="xl"?"-1.5px":"-0.01em"},_=qm[t](n,a),D=(B,Y)=>B&&(Array.isArray(B)?B.map(Q=>({...Q,iterationCount:Y.toString()})):{...B,iterationCount:Y.toString()}),q=D(g,s),O=D(d,m),G=typeof $=="string"?$:typeof e=="string"?e:"",N={ref:M,animate:j?q:void 0,as:"h1",fontSize:H,...S?Nm[l]:{},...L},J=B=>!j&&(E||V)?r.jsx("span",{style:{opacity:0},children:B}):E?r.jsx(Um,{text:B,typingSpeed:Math.max(30,p/(B.length*10)),cursorColor:"currentColor",..._}):V?r.jsx(Gm,{text:B,duration:P,stagger:W,sequential:A,direction:"up",wordProps:_}):Ot(B);if(typeof G=="string"&&F){const B=Array.isArray(F)?new RegExp(`(${F.map(Z=>Hl(String(Z))).join("|")})`,"gi"):new RegExp(`(${Hl(String(F))})`,"gi"),Y=[];let Q=0,oe;for(;oe=B.exec(G);)oe.index>Q&&Y.push(G.substring(Q,oe.index)),Y.push({highlight:!0,text:oe[0]}),Q=oe.index+oe[0].length;return Q<G.length&&Y.push(G.substring(Q)),r.jsx(i.Element,{...N,...c==null?void 0:c.container,...z,children:Y.map((Z,re)=>typeof Z=="string"?r.jsx(i.Text,{as:"span",display:"inline",...c==null?void 0:c.text,children:Ot(Z)},`text-${re}`):r.jsx(i.Text,{as:"span",display:"inline",animate:j?O:void 0,...V?{}:_,...c==null?void 0:c.highlight,children:J(Z.text)},`highlight-${re}`))})}return t&&!F?r.jsx(i.Element,{...N,...z,...c==null?void 0:c.container,children:r.jsx(i.Text,{as:"span",display:"inline",animate:j?O:void 0,...V?{}:_,...c==null?void 0:c.highlight,children:J(G)})}):r.jsx(i.Text,{...N,...z,...c==null?void 0:c.container,...c==null?void 0:c.text,children:Ot(G)})},jl=e=>r.jsx(Ym,{...e}),Al=({items:e,shape:o,variant:t,onToggleChange:n})=>{const{activeToggles:a,setActiveToggles:l}=il();return r.jsx(cl,{items:e,shape:o,variant:t,activeToggles:a,setActiveToggles:l,onToggleChange:n})},Xm=({items:e,onChange:o})=>{const[t,n]=h.useState(e),[a,l]=h.useState(null),[c,d]=h.useState(null),g=h.useRef({x:0,y:0}),s=h.useRef([]),m=h.useCallback((u,y)=>{u.preventDefault(),document.body.style.cursor="grabbing";const b="touches"in u?u.touches[0].clientX:u.clientX,x="touches"in u?u.touches[0].clientY:u.clientY;g.current={x:b,y:x},d(y),l(t[y])},[t]),f=h.useCallback(u=>{if(c===null)return;const y="touches"in u?u.touches[0].clientX:u.clientX,b="touches"in u?u.touches[0].clientY:u.clientY,x=s.current[c];if(!x)return;const k=y-g.current.x,S=b-g.current.y;x.style.transform=`translate(${k}px, ${S}px)`,x.style.zIndex="1000";const v=s.current.findIndex((C,w)=>{if(!C||w===c)return!1;const T=C.getBoundingClientRect();return b>=T.top&&b<=T.bottom});if(v!==-1&&v!==c){const C=[...t],[w]=C.splice(c,1);C.splice(v,0,w),n(C),d(v),o==null||o(C),g.current={x:y,y:b}}},[c,t,o]),p=h.useCallback(()=>{document.body.style.cursor="",s.current.forEach(u=>{u&&(u.style.transform="",u.style.zIndex="")}),d(null),l(null)},[c]);return h.useEffect(()=>(c!==null&&(window.addEventListener("mousemove",f),window.addEventListener("touchmove",f),window.addEventListener("mouseup",p),window.addEventListener("touchend",p)),()=>{window.removeEventListener("mousemove",f),window.removeEventListener("touchmove",f),window.removeEventListener("mouseup",p),window.removeEventListener("touchend",p)}),[c,f,p]),{items:t,draggedItem:a,draggedIndex:c,itemRefs:s,handleDragStart:m}},Km=({items:e,renderItem:o,containerProps:t,itemProps:n,draggedIndex:a,itemRefs:l,handleDragStart:c,views:d,themeMode:g})=>r.jsx(i.View,{overflow:"hidden",position:"relative",...t,...d==null?void 0:d.container,children:e.map((s,m)=>r.jsx(i.View,{ref:f=>{l.current[m]=f},onMouseDown:f=>c(f,m),onTouchStart:f=>c(f,m),position:"relative",cursor:"grab",transition:"transform 0.2s",...n,...d==null?void 0:d.item,children:o?o(s,m):s},m))}),Vl=e=>{const{items:o,draggedIndex:t,itemRefs:n,handleDragStart:a}=Xm(e);return r.jsx(Km,{...e,items:o,draggedIndex:t,itemRefs:n,handleDragStart:a})},Jm=Vl,Qm=({onFileSelect:e,onMultipleFileSelect:o,validateFile:t,accept:n,multiple:a,disabled:l,previewUrl:c})=>{const[d,g]=h.useState(!1),[s,m]=h.useState(null),f=h.useRef(null),p=c!==void 0?c:s;h.useEffect(()=>()=>{s&&URL.revokeObjectURL(s)},[s]);const u=h.useCallback(C=>{C.preventDefault(),C.stopPropagation(),!l&&g(!0)},[l]),y=h.useCallback(C=>{C.preventDefault(),C.stopPropagation(),!l&&g(!1)},[l]),b=h.useCallback(C=>{C.preventDefault(),C.stopPropagation(),!l&&g(!0)},[l]),x=h.useCallback(C=>{if(!C||C.length===0)return;const w=Array.from(C);if(!a&&w.length>0){const T=w[0];if(T.type.startsWith("image/")){const z=URL.createObjectURL(T);m(M=>(M&&URL.revokeObjectURL(M),z))}else m(null)}a?o&&o(w):w.length>0&&e&&e(w[0])},[a,o,e]),k=h.useCallback(C=>{C.preventDefault(),C.stopPropagation(),g(!1),!l&&C.dataTransfer.files&&C.dataTransfer.files.length>0&&(x(C.dataTransfer.files),C.dataTransfer.clearData())},[l,x]),S=h.useCallback(()=>{var C;l||(C=f.current)==null||C.click()},[l]),v=h.useCallback(C=>{x(C.target.files),C.target.value&&(C.target.value="")},[x]);return{isDragActive:d,handleDragEnter:u,handleDragLeave:y,handleDragOver:b,handleDrop:k,handleClick:S,handleFileChange:v,inputRef:f,preview:p}},Zm={position:"absolute",top:"-4px",right:"-4px",width:"16px",height:"16px",borderRadius:"50%",backgroundColor:"rgba(0, 0, 0, 0.5)",color:"white",border:"none",padding:0,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",fontSize:"12px",zIndex:10,_hover:{backgroundColor:"rgba(0, 0, 0, 0.7)"}},El=({files:e,sandboxId:o,onRemove:t,layout:n="inline",maxHeight:a="120px",showPreviews:l=!1,views:c={}})=>{if(e.length===0)return null;const d=h.useCallback(s=>s<1024?`${s} B`:s<1024*1024?`${(s/1024).toFixed(1)} KB`:`${(s/(1024*1024)).toFixed(1)} MB`,[]),g=h.useCallback(s=>s.type.startsWith("image/")?{backgroundColor:"#DBEAFE",color:"#2563EB"}:s.type.startsWith("video/")?{backgroundColor:"#EDE9FE",color:"#7C3AED"}:s.type.startsWith("audio/")?{backgroundColor:"#DCFCE7",color:"#16A34A"}:{backgroundColor:"#E2E8F0",color:"#475569"},[]);return r.jsx(i.View,{display:"flex",flexWrap:"wrap",gap:"8px",padding:"8px 0",maxHeight:a,overflowY:"auto",...c==null?void 0:c.container,children:e.map((s,m)=>{const f=(s==null?void 0:s.path)||(s==null?void 0:s.url)||(l?URL.createObjectURL(s):""),p=s.type.startsWith("image/"),u=s.type.startsWith("video/"),y=s.type.startsWith("audio/"),b=g(s);return l?r.jsx(i.Vertical,{alignItems:"center",gap:"6px",padding:"6px 10px",borderRadius:"8px",border:"1px solid #E2E8F0",backgroundColor:"color-white",animate:{from:{opacity:0,scale:.9},to:{opacity:1,scale:1}},animationDuration:.2,...c==null?void 0:c.item,children:l&&r.jsxs(ve,{children:[r.jsxs(ve.Trigger,{children:[p&&r.jsx(i.Image,{src:f,alt:s.name,width:"60px",height:"60px",borderRadius:"8px",objectFit:"cover"}),u&&r.jsx(i.View,{as:"video",src:f,alt:s.name,controls:!1,muted:!0,width:"60px",height:"60px",borderRadius:"8px",objectFit:"cover"}),y&&r.jsx(i.Center,{width:"60px",height:"60px",borderRadius:"8px",backgroundColor:"color-gray-100",children:r.jsx(fo,{widthHeight:24,color:"color-black"})}),!p&&!u&&!y&&r.jsx(i.Center,{width:"60px",height:"60px",borderRadius:"8px",backgroundColor:"color-gray-100",children:r.jsx(eo,{widthHeight:24,color:"color-black"})}),t&&r.jsx(i.Button,{...Zm,onClick:x=>{x.stopPropagation(),t(m)},"aria-label":`Remove ${s.name}`,children:"×"})]}),r.jsxs(ve.Content,{children:[p&&r.jsx(i.Image,{src:f,alt:s.name,maxWidth:"100%"}),u&&r.jsx(i.View,{as:"video",src:f,controls:!0,maxWidth:"100%"}),y&&r.jsx(i.View,{as:"audio",src:f,controls:!0,width:"100%"}),r.jsxs(i.Text,{marginTop:"4px",maxLines:1,width:"100%",...c==null?void 0:c.name,children:[s.name," (",d(s.size),")"]})]})]})},m):r.jsxs(i.Horizontal,{alignItems:"center",gap:"8px",padding:"6px 10px 6px 8px",borderRadius:"9999px",border:"1px solid #E2E8F0",backgroundColor:"color-white",maxWidth:"100%",animate:{from:{opacity:0,scale:.96},to:{opacity:1,scale:1}},animationDuration:.2,...c==null?void 0:c.item,children:[r.jsx(i.Center,{width:"22px",height:"22px",minWidth:"22px",borderRadius:"9999px",backgroundColor:b.backgroundColor,color:b.color,children:y?r.jsx(fo,{widthHeight:12,color:"currentColor"}):r.jsx(eo,{widthHeight:12,color:"currentColor"})}),r.jsxs(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-600",maxLines:1,maxWidth:"220px",...c==null?void 0:c.name,children:[s.name," · ",d(s.size)]}),t&&r.jsx(i.View,{as:"button",type:"button",onClick:()=>t(m),"aria-label":`Remove ${s.name}`,display:"flex",alignItems:"center",justifyContent:"center",width:"16px",height:"16px",minWidth:"16px",border:"none",backgroundColor:"transparent",color:"color-gray-400",padding:0,cursor:"pointer",transition:"color 0.2s ease, opacity 0.2s ease",_hover:{color:"color-gray-600"},children:"×"})]},m)})})},Rm=({children:e,text:o="Drop files here or click to upload",textProps:t,containerProps:n,disabled:a,accept:l,multiple:c,isDragActive:d,handleDragEnter:g,handleDragLeave:s,handleDragOver:m,handleDrop:f,handleClick:p,handleFileChange:u,inputRef:y,preview:b,imageProps:x,selectedFiles:k,onRemove:S})=>r.jsxs(i.Center,{width:"100%",minHeight:"200px",height:k&&k.length>0?"auto":"200px",borderWidth:2,borderStyle:"dashed",borderColor:d?"theme-primary":"color-gray-300",borderRadius:12,backgroundColor:d?"#EFF6FF":"color-gray-50",flexDirection:"column",cursor:a?"not-allowed":"pointer",opacity:a?.6:1,onClick:p,onDragEnter:g,onDragLeave:s,onDragOver:m,onDrop:f,transition:"background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease",overflow:"hidden",position:"relative",padding:16,...n,children:[r.jsx("input",{type:"file",ref:y,onChange:u,accept:l,multiple:c,style:{display:"none"},disabled:a}),b&&!c?r.jsxs(i.View,{width:"100%",height:"200px",position:"relative",children:[r.jsx(i.Image,{src:b,alt:"Preview",width:"100%",height:"100%",objectFit:"contain",...x}),r.jsx(i.Center,{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0,0,0,0.3)",opacity:0,_hover:{opacity:1},transition:"opacity 0.2s",children:r.jsx(i.Text,{color:"white",fontWeight:600,children:"Click to replace"})})]}):r.jsxs(i.View,{flexDirection:"column",alignItems:"center",width:"100%",children:[e||r.jsxs(i.View,{flexDirection:"column",alignItems:"center",width:"100%",children:[r.jsx(lt,{widthHeight:40,color:d?"theme-primary":"color-gray-500"}),r.jsx(i.Text,{marginTop:16,color:d?"theme-primary":"color-gray-600",fontWeight:500,textAlign:"center",...t,children:o})]}),c&&k&&k.length>0&&r.jsx(i.View,{marginTop:16,width:"100%",children:r.jsx(El,{files:k,onRemove:S||(()=>{}),showPreviews:!0,layout:"inline",maxHeight:"160px"})})]})]}),ef=e=>{const o=Qm(e);return r.jsx(Rm,{...e,...o})},of=(e=!1)=>{const[o,t]=h.useState(e),[n,a]=h.useState(null);return h.useEffect(()=>{const l=g=>{!g.composedPath().some(f=>(f==null?void 0:f.id)==="dropdown-menu"||(f==null?void 0:f.id)==="dropdown-trigger")&&o&&(t(!1),a(null))},c=()=>{o&&(t(!1),a(null))},d=g=>{g.key==="Escape"&&o&&(t(!1),a(null))};return document.addEventListener("mousedown",l),window.addEventListener("resize",c),document.addEventListener("keydown",d),()=>{document.removeEventListener("mousedown",l),window.removeEventListener("resize",c),document.removeEventListener("keydown",d)}},[o]),{isOpen:o,setIsOpen:t,activeSubmenuId:n,setActiveSubmenuId:a}},rf={sm:{padding:"6px 8px",fontSize:"14px",minWidth:"160px"},md:{padding:"8px 12px",fontSize:"16px",minWidth:"180px"},lg:{padding:"10px 16px",fontSize:"18px",minWidth:"200px"}},tf={default:{backgroundColor:"color-white",color:"color-gray-800"},filled:{backgroundColor:"color-gray-100",color:"color-gray-800"},outline:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"}},nf={hover:{backgroundColor:"color-gray-100"}},Dl=h.createContext({isOpen:!1,setIsOpen:()=>{},activeSubmenuId:null,setActiveSubmenuId:()=>{},size:"md",variant:"default",triggerRef:{current:null}}),af=({children:e,value:o})=>r.jsx(Dl.Provider,{value:o,children:e}),Nt=()=>{const e=h.useContext(Dl);if(!e)throw new Error("useDropdownMenuContext must be used within a DropdownMenuProvider");return e},$l=({children:e,views:o,...t})=>{const{isOpen:n,setIsOpen:a,triggerRef:l}=Nt(),c=d=>{d.stopPropagation(),a(!n)};return r.jsx(i.View,{ref:l,id:"dropdown-trigger",onClick:c,cursor:"pointer",position:"relative",display:"inline-block",...o==null?void 0:o.container,...t,children:e})},qt=({items:e,side:o="bottom",align:t="start",views:n,...a})=>{const{isOpen:l,variant:c,triggerRef:d}=Nt(),g=h.useRef(null),{ref:s,relation:m}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),[f,p]=h.useState({x:0,y:0,placement:o});if(h.useEffect(()=>{d.current&&s&&(s.current=d.current)},[d,s,l]),h.useEffect(()=>{if(l&&g.current&&d.current){const b=d.current.getBoundingClientRect();let x=o;m&&(o==="bottom"&&m.space.vertical==="top"?x="top":o==="top"&&m.space.vertical==="bottom"?x="bottom":o==="right"&&m.space.horizontal==="left"?x="left":o==="left"&&m.space.horizontal==="right"&&(x="right"));let k=0,S=0;switch(x){case"bottom":k=t==="start"?b.left:t==="end"?b.right-180:b.left+b.width/2-90,S=b.bottom+8;break;case"top":k=t==="start"?b.left:t==="end"?b.right-180:b.left+b.width/2-90,S=b.top-8;break;case"right":k=b.right+8,S=t==="start"?b.top:t==="end"?b.bottom-100:b.top+b.height/2-50;break;case"left":k=b.left-8,S=t==="start"?b.top:t==="end"?b.bottom-100:b.top+b.height/2-50;break}p({x:k,y:S,placement:x})}},[l,o,t,d,m]),!l)return null;const y=(()=>{const b={position:"fixed",left:f.x,top:f.y,zIndex:1e3};switch(f.placement){case"top":return{...b,transform:"translateY(-100%)"};case"left":return{...b,transform:"translateX(-100%)"};case"bottom":case"right":default:return b}})();return r.jsx(i.View,{ref:g,id:"dropdown-menu",borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",overflow:"hidden",style:y,...tf[c],...n==null?void 0:n.menu,...a,children:e.map((b,x)=>b.divider?r.jsx(Bl,{views:n},`divider-${x}`):r.jsx(Ll,{item:b,views:n},b.id))})},Ll=({item:e,views:o,...t})=>{const{activeSubmenuId:n,setActiveSubmenuId:a,size:l}=Nt(),[c,d]=h.useState(!1),g=e.items&&e.items.length>0,s=n===e.id,m=h.useRef(null),f=()=>{d(!0),g&&a(e.id)},p=()=>{d(!1)},u=y=>{y.stopPropagation(),!e.disabled&&!g&&e.onClick&&e.onClick()};return r.jsxs(i.View,{ref:m,display:"flex",alignItems:"center",cursor:e.disabled?"not-allowed":"pointer",opacity:e.disabled?.5:1,position:"relative",...rf[l],_hover:e.disabled?{}:nf.hover,backgroundColor:c&&!e.disabled?"color-gray-100":"transparent",onMouseEnter:f,onMouseLeave:p,onClick:u,...o==null?void 0:o.item,...t,children:[e.icon&&r.jsx(i.View,{marginRight:8,...o==null?void 0:o.icon,children:e.icon}),r.jsx(i.View,{flexGrow:1,children:e.label}),g&&r.jsx(i.View,{marginLeft:8,...o==null?void 0:o.submenuIndicator,children:r.jsx(se,{orientation:"right",widthHeight:16,color:"currentColor",filled:!0})}),s&&g&&r.jsx(qt,{items:e.items||[],side:"right",align:"start",views:o})]})},Bl=({views:e,...o})=>r.jsx(i.View,{height:"1px",backgroundColor:"color-gray-200",margin:"4px 0",...e==null?void 0:e.divider,...o}),lf=({trigger:e,items:o,side:t="bottom",align:n="start",views:a,themeMode:l,...c})=>r.jsxs(i.View,{position:"relative",display:"inline-block",...a==null?void 0:a.container,...c,children:[r.jsx($l,{views:a,children:e}),r.jsx(qt,{items:o,side:t,align:n,views:a})]}),Xo=({trigger:e,items:o,size:t="md",variant:n="default",side:a="bottom",align:l="start",defaultOpen:c=!1,views:d,...g})=>{const{isOpen:s,setIsOpen:m,activeSubmenuId:f,setActiveSubmenuId:p}=of(c),u=h.useRef(null);return r.jsx(af,{value:{isOpen:s,setIsOpen:m,activeSubmenuId:f,setActiveSubmenuId:p,size:t,variant:n,triggerRef:u},children:r.jsx(lf,{trigger:e,items:o,side:a,align:l,views:d,...g})})};Xo.Trigger=$l,Xo.Content=qt,Xo.Item=Ll,Xo.Divider=Bl;const cf=e=>{const{value:o,defaultValue:t="",onChange:n,onChangeComplete:a,isOpen:l,onOpen:c,onClose:d,closeOnSelect:g=!0,maxRecentColors:s=8,showRecentColors:m=!0}=e,[f,p]=h.useState(l??!1),[u,y]=h.useState(o??t),[b,x]=h.useState(""),[k,S]=h.useState([]),v=h.useRef(null),C=h.useRef(null);h.useEffect(()=>{o!==void 0&&y(o)},[o]),h.useEffect(()=>{l!==void 0&&p(l)},[l]),h.useEffect(()=>{if(m){const F=localStorage.getItem("colorPicker-recentColors");if(F)try{S(JSON.parse(F))}catch{}}},[m]),h.useEffect(()=>{const F=E=>{f&&v.current&&C.current&&!v.current.contains(E.target)&&!C.current.contains(E.target)&&$()};return document.addEventListener("mousedown",F),()=>document.removeEventListener("mousedown",F)},[f]);const w=h.useCallback(F=>{m&&S(E=>{const V=E.filter(W=>W!==F),P=[F,...V].slice(0,s);return localStorage.setItem("colorPicker-recentColors",JSON.stringify(P)),P})},[m,s]),T=h.useCallback(()=>{const F=!f;p(F),F?c==null||c():d==null||d()},[f,c,d]),z=h.useCallback(F=>{y(F),w(F),n==null||n(F),a==null||a(F),g&&(p(!1),d==null||d())},[n,a,g,d,w]),M=h.useCallback(F=>{x(F)},[]),j=h.useCallback(()=>{b&&(z(b),x(""))},[b,z]),$=h.useCallback(()=>{p(!1),d==null||d()},[d]);return{isOpen:f,selectedColor:u,recentColors:k,customColor:b,handleToggle:T,handleColorSelect:z,handleCustomColorChange:M,handleCustomColorSubmit:j,handleClose:$,triggerRef:v,dropdownRef:C}},To={container:{position:"relative",display:"inline-block",width:"100%"},trigger:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease"},dropdown:{position:"absolute",top:"calc(100% + 8px)",left:0,right:0,zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 12px 32px rgba(15, 23, 42, 0.14)",padding:"16px",minWidth:"320px"},colorGrid:{display:"grid",gridTemplateColumns:"repeat(6, 36px)",gap:"12px",marginBottom:"16px"},customInput:{marginBottom:"12px"},recentColors:{borderTop:"1px solid color-gray-100",paddingTop:"12px"}},sf={xs:{height:"32px",fontSize:"12px",padding:"4px 8px"},sm:{height:"40px",fontSize:"12px",padding:"8px 10px"},md:{height:"44px",fontSize:"14px",padding:"10px 12px"},lg:{height:"48px",fontSize:"16px",padding:"12px 14px"},xl:{height:"56px",fontSize:"18px",padding:"14px 16px"}},df={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},gf={default:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-900"},outline:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-900"},filled:{backgroundColor:"color-gray-50",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-900"}},hf=[{name:"Blue",value:"#1D4ED8",category:"primary"},{name:"Purple",value:"#A855F7",category:"primary"},{name:"Green",value:"#22C55E",category:"primary"},{name:"Orange",value:"#F97316",category:"primary"},{name:"Red",value:"#EF4444",category:"primary"},{name:"Ink",value:"#111827",category:"neutral"}],mf=({id:e,name:o,label:t,placeholder:n="Select a color",helperText:a,views:l={},size:c="md",shape:d="default",variant:g="default",error:s=!1,isDisabled:m=!1,isReadOnly:f=!1,predefinedColors:p=hf,showCustomInput:u=!0,showRecentColors:y=!0,isOpen:b,selectedColor:x,recentColors:k,customColor:S,handleToggle:v,handleColorSelect:C,handleCustomColorChange:w,handleCustomColorSubmit:T,handleClose:z,triggerRef:M,dropdownRef:j,onChange:$,onChangeComplete:F,onOpen:E,onClose:V,colorFormat:P,maxRecentColors:W,closeOnSelect:A,defaultValue:H,value:L,..._})=>{const D={...To.container,...l==null?void 0:l.container},q={...To.trigger,...sf[c],...df[d],...gf[g],...s&&{borderColor:"color-red-500"},...m&&{opacity:.6,cursor:"not-allowed"},...!m&&!f&&{_hover:{borderColor:"color-gray-400"}},...l==null?void 0:l.trigger},O={...To.dropdown,...l==null?void 0:l.dropdown},G={...To.colorGrid,...l==null?void 0:l.colorGrid},N={...To.recentColors,...l==null?void 0:l.recentColors},J=x||"color-gray-200";return r.jsxs(i.View,{...D,..._,children:[t&&r.jsx(i.Text,{fontSize:"12px",lineHeight:"16px",fontWeight:"500",color:"color-gray-600",marginBottom:"6px",...l==null?void 0:l.label,children:t}),r.jsxs(i.View,{ref:M,onClick:m||f?void 0:v,...q,children:[r.jsxs(i.Horizontal,{alignItems:"center",gap:8,children:[r.jsx(i.View,{width:"24px",height:"24px",borderRadius:"8px",backgroundColor:J,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200"}),r.jsx(i.Text,{color:x?"color-gray-900":"color-gray-500",fontSize:"inherit",children:x||n})]}),!f&&!m&&r.jsx(se,{widthHeight:16,color:"color-gray-500",orientation:b?"up":"down"})]}),b&&r.jsxs(i.View,{ref:j,...O,children:[r.jsx(i.View,{...G,children:p.map((B,Y)=>r.jsx(i.View,{width:"36px",height:"36px",borderRadius:"8px",backgroundColor:B.value,borderWidth:"1px",borderStyle:"solid",borderColor:x===B.value?"theme-primary":"transparent",cursor:"pointer",onClick:()=>C(B.value),title:B.name,_hover:{transform:"scale(1.05)",borderColor:"color-gray-300"},...l==null?void 0:l.colorSwatch},Y))}),u&&r.jsxs(i.View,{...To.customInput,...l==null?void 0:l.customInput,children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"center",marginBottom:"10px",children:[r.jsx("input",{type:"color",value:S||"#1D4ED8",onChange:B=>{const Y=B.target.value;w(Y),C(Y)},style:{width:"36px",height:"36px",border:"1px solid #E5E7EB",borderRadius:"8px",cursor:"pointer",backgroundColor:"transparent"},title:"Pick a color"}),r.jsx(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-500",children:"HEX"})]}),r.jsx(Ie,{placeholder:"#1D4ED8",value:S,onChange:B=>w(B.target.value),onKeyPress:B=>{B.key==="Enter"&&T()},size:"sm",right:S&&r.jsx(i.View,{width:"18px",height:"18px",borderRadius:"6px",backgroundColor:S,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",cursor:"pointer",onClick:T})})]}),y&&k.length>0&&r.jsxs(i.View,{...N,children:[r.jsx(i.Text,{fontSize:"11px",lineHeight:"16px",fontWeight:"500",color:"color-gray-500",marginBottom:"8px",children:"Recent Colors"}),r.jsx(i.Horizontal,{gap:8,flexWrap:"wrap",children:k.map((B,Y)=>r.jsx(i.View,{width:"24px",height:"24px",borderRadius:"8px",backgroundColor:B,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",cursor:"pointer",transition:"transform 0.2s ease, border-color 0.2s ease",onClick:()=>C(B),title:B,_hover:{transform:"scale(1.05)",borderColor:"color-gray-300"}},Y))})]})]}),a&&r.jsx(i.Text,{fontSize:"11px",lineHeight:"16px",color:s?"color-red-500":"color-gray-500",marginTop:"4px",...l==null?void 0:l.helperText,children:a})]})},_l=e=>{const o=cf(e);return r.jsx(mf,{...o,...e})},ff=e=>{const o=hl(e);return r.jsx(ml,{...o,...e})},pf=e=>{const o=dl(e);return r.jsx(gl,{...o,...e})},Ol={"to-right":"to right","to-left":"to left","to-bottom":"to bottom","to-top":"to top","to-top-right":"to top right","to-top-left":"to top left","to-bottom-right":"to bottom right","to-bottom-left":"to bottom left"},Wr={center:"center",top:"top",right:"right",bottom:"bottom",left:"left","top-right":"top right","top-left":"top left","bottom-right":"bottom right","bottom-left":"bottom left"},uf={linear:[{color:"color-blue-500",position:"0%"},{color:"color-purple-500",position:"100%"}],radial:[{color:"color-blue-500",position:"0%"},{color:"color-purple-500",position:"100%"}],conic:[{color:"color-red-500",position:"0deg"},{color:"color-yellow-500",position:"90deg"},{color:"color-green-500",position:"180deg"},{color:"color-blue-500",position:"270deg"},{color:"color-red-500",position:"360deg"}]},yf=(e,o,t,n,a)=>{const l=o.map(c=>`${c.color} ${c.position||""}`).join(", ");switch(e){case"linear":return`linear-gradient(${t&&Ol[t]?Ol[t]:t||"to right"}, ${l})`;case"radial":const d=a&&Wr[a]?Wr[a]:a||"center";return`radial-gradient(${n||"circle"} at ${d}, ${l})`;case"conic":return`conic-gradient(from 0deg at ${a&&Wr[a]?Wr[a]:a||"center"}, ${l})`;default:return`linear-gradient(to right, ${l})`}},bf={linear:{backgroundSize:"200% 200%",transition:"background-position 3s ease-in-out",animate:{from:{backgroundPosition:"0% 50%"},"50%":{backgroundPosition:"100% 50%"},to:{backgroundPosition:"0% 50%"}}},radial:{backgroundSize:"100% 100%",transition:"background-position 3s ease-in-out, background-size 3s ease-in-out",animate:{from:{backgroundPosition:"center",backgroundSize:"100% 100%"},"50%":{backgroundSize:"120% 120%"},to:{backgroundPosition:"center",backgroundSize:"100% 100%"}}},conic:{transition:"transform 3s linear",animate:{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}}}},Nl={container:{position:"relative",overflow:"hidden",borderRadius:"8px",transition:"border-radius 0.2s ease, opacity 0.2s ease"},content:{position:"relative",zIndex:1,width:"100%",height:"100%",padding:"16px"}},xf=({type:e="linear",direction:o="to-right",shape:t="circle",position:n="center",from:a,to:l,colors:c,animate:d=!1,animationDuration:g=3,children:s,views:m,themeMode:f,...p})=>{const u=h.useMemo(()=>c&&c.length>0?c:a&&l?[{color:a,position:"0%"},{color:l,position:"100%"}]:uf[e],[c,a,l,e]),y=h.useMemo(()=>{const x=u.map(k=>({...k,color:k.color}));return yf(e,x,o,t,n)},[e,u,o,t,n]),b=h.useMemo(()=>{if(!d)return{};const x=bf[e];return{...x,transition:x.transition.replace("3s",`${g}s`),animationDuration:`${g}s`,animationIterationCount:"infinite",animationTimingFunction:e==="conic"?"linear":"ease-in-out"}},[d,g,e]);return r.jsx(i.View,{background:y,...Nl.container,...b,...m==null?void 0:m.container,...p,children:s&&r.jsx(i.View,{...Nl.content,...m==null?void 0:m.content,children:s})})},ql=e=>r.jsx(xf,{...e}),kf=(e=null,o=null)=>{const[t,n]=h.useState(e),[a,l]=h.useState(o),c=g=>a===g,d=g=>{l(s=>s===g?null:g)};return h.useEffect(()=>{const g=m=>{!m.composedPath().some(u=>(u==null?void 0:u.id)==="menubar-content"||(u==null?void 0:u.id)==="menubar-trigger")&&a!==null&&l(null)},s=m=>{m.key==="Escape"&&a!==null&&l(null)};return document.addEventListener("mousedown",g),document.addEventListener("keydown",s),()=>{document.removeEventListener("mousedown",g),document.removeEventListener("keydown",s)}},[a]),{activeMenuId:t,setActiveMenuId:n,openMenuId:a,setOpenMenuId:l,isMenuOpen:c,toggleMenu:d}},Ul={sm:{padding:"6px 10px",fontSize:"14px"},md:{padding:"8px 12px",fontSize:"16px"},lg:{padding:"10px 16px",fontSize:"18px"}},Cf={default:{backgroundColor:"transparent",color:"color-gray-800"},filled:{backgroundColor:"color-gray-100",color:"color-gray-800"},outline:{backgroundColor:"transparent",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"}},wf={horizontal:{flexDirection:"row"},vertical:{flexDirection:"column"}},Pr={active:{backgroundColor:"color-gray-200",fontWeight:"bold"},hover:{backgroundColor:"color-gray-100"},disabled:{opacity:.5,cursor:"not-allowed"}},Gl=h.createContext({activeMenuId:null,setActiveMenuId:()=>{},openMenuId:null,setOpenMenuId:()=>{},isMenuOpen:()=>!1,toggleMenu:()=>{},orientation:"horizontal",size:"md",variant:"default",triggerRefs:{current:{}}}),Hr=()=>h.useContext(Gl),Sf=({value:e,children:o})=>r.jsx(Gl.Provider,{value:e,children:o}),Yl=({children:e,orientation:o="horizontal",size:t="md",variant:n="default",views:a,...l})=>{const c=o==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(c,{role:"menubar","aria-orientation":o,...wf[o],...Cf[n],...a==null?void 0:a.container,...l,children:e})},Xl=({children:e,id:o,disabled:t=!1,views:n})=>{const{orientation:a}=Hr(),l=a==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(l,{role:"none",position:"relative",opacity:t?.5:1,pointerEvents:t?"none":"auto",...n==null?void 0:n.menu,children:h.Children.map(e,c=>h.isValidElement(c)?h.cloneElement(c,{...c.props,menuId:o}):c)})},Kl=({children:e,menuId:o,disabled:t=!1,views:n})=>{const{activeMenuId:a,setActiveMenuId:l,toggleMenu:c,isMenuOpen:d,size:g,triggerRefs:s}=Hr(),m=h.useRef(null),f=a===o,p=d(o);h.useEffect(()=>(m.current&&o&&(s.current[o]=m.current),()=>{o&&delete s.current[o]}),[o,s]);const u=()=>{t||(l(o),c(o))};return r.jsx(i.View,{ref:m,id:"menubar-trigger",role:"menuitem","aria-haspopup":"true","aria-expanded":p,userSelect:"none",display:"flex",alignItems:"center",justifyContent:"space-between",...Ul[g],...f?Pr.active:{},...t?Pr.disabled:{},_hover:t?{}:Pr.hover,onClick:u,...n==null?void 0:n.trigger,children:e})},Jl=({children:e,menuId:o,views:t})=>{const{isMenuOpen:n,orientation:a,triggerRefs:l}=Hr(),c=h.useRef(null),[d,g]=h.useState({x:0,y:0,placement:a==="horizontal"?"bottom":"right"}),s=n(o);if(h.useEffect(()=>{if(s&&c.current&&o&&l.current[o]){const f=c.current.getBoundingClientRect(),p=l.current[o].getBoundingClientRect(),u=Math.max(f.width||200,200),y=Math.max(f.height||150,150),b=window.innerWidth,x=window.innerHeight,k={top:p.top,right:b-p.right,bottom:x-p.bottom,left:p.left},S=a==="horizontal"?[{placement:"bottom",space:k.bottom,fits:k.bottom>=y+8,x:p.left,y:p.bottom+8},{placement:"top",space:k.top,fits:k.top>=y+8,x:p.left,y:p.top-y-8},{placement:"right",space:k.right,fits:k.right>=u+8,x:p.right+8,y:p.top},{placement:"left",space:k.left,fits:k.left>=u+8,x:p.left-u-8,y:p.top}]:[{placement:"right",space:k.right,fits:k.right>=u+8,x:p.right+8,y:p.top},{placement:"left",space:k.left,fits:k.left>=u+8,x:p.left-u-8,y:p.top},{placement:"bottom",space:k.bottom,fits:k.bottom>=y+8,x:p.left,y:p.bottom+8},{placement:"top",space:k.top,fits:k.top>=y+8,x:p.left,y:p.top-y-8}],v=S.find(z=>z.fits);if(v){g({x:v.x,y:v.y,placement:v.placement});return}const C=S.reduce((z,M)=>M.space>z.space?M:z);let w=C.x,T=C.y;w+u>b&&(w=b-u-8),w<8&&(w=8),T+y>x&&(T=x-y-8),T<8&&(T=8),g({x:w,y:T,placement:C.placement})}},[s,a,o,l]),!s)return null;const m={position:"fixed",left:d.x,top:d.y,zIndex:1e3};return r.jsx(i.View,{ref:c,id:"menubar-content",role:"menu",minWidth:"200px",backgroundColor:"color-white",borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",overflow:"hidden",style:m,...t==null?void 0:t.content,children:e})},Ql=({children:e,icon:o,disabled:t=!1,onClick:n,views:a})=>{const{size:l}=Hr(),c=()=>{t||!n||n()};return r.jsxs(i.View,{role:"menuitem",cursor:t?"not-allowed":"pointer",userSelect:"none",display:"flex",alignItems:"center",opacity:t?.5:1,...Ul[l],_hover:t?{}:Pr.hover,onClick:c,...a==null?void 0:a.item,children:[o&&r.jsx(i.View,{marginRight:8,...a==null?void 0:a.icon,children:o}),e]})},Zl=({views:e})=>r.jsx(i.View,{role:"separator",height:"1px",backgroundColor:"color-gray-200",margin:"4px 0",...e==null?void 0:e.separator}),vf=({items:e,orientation:o,size:t,variant:n,views:a,themeMode:l})=>r.jsx(Yl,{orientation:o,size:t,variant:n,views:a,children:e.map(c=>r.jsxs(Xl,{id:c.id,disabled:c.disabled,views:a,children:[r.jsxs(Kl,{menuId:c.id,views:a,children:[c.icon&&r.jsx(i.View,{marginRight:8,...a==null?void 0:a.icon,children:c.icon}),c.label]}),c.items&&c.items.length>0&&r.jsx(Jl,{menuId:c.id,views:a,children:c.items.map((d,g)=>d.separator?r.jsx(Zl,{views:a},`separator-${g}`):r.jsx(Ql,{id:d.id,icon:d.icon,disabled:d.disabled,onClick:d.onClick,views:a,children:d.label},d.id))})]},c.id))}),co=({items:e,orientation:o="horizontal",size:t="md",variant:n="default",defaultActiveMenuId:a=null,defaultOpenMenuId:l=null,views:c,...d})=>{const{activeMenuId:g,setActiveMenuId:s,openMenuId:m,setOpenMenuId:f,isMenuOpen:p,toggleMenu:u}=kf(a,l),y=h.useRef({});return r.jsx(Sf,{value:{activeMenuId:g,setActiveMenuId:s,openMenuId:m,setOpenMenuId:f,isMenuOpen:p,toggleMenu:u,orientation:o,size:t,variant:n,triggerRefs:y},children:r.jsx(vf,{items:e,orientation:o,size:t,variant:n,views:c,...d})})};co.Root=Yl,co.Menu=Xl,co.Trigger=Kl,co.Content=Jl,co.Item=Ql,co.Separator=Zl;const Tf=(e,o,t)=>{const[n,a]=h.useState([]);return h.useEffect(()=>{a((()=>{const c=[];if(o<=t)for(let d=1;d<=o;d++)c.push(d);else{c.push(1);let d=Math.max(2,e-Math.floor((t-2)/2)),g=Math.min(o-1,d+t-3);g>=o-1&&(g=o-1,d=Math.max(2,g-(t-3))),d>2&&c.push("...");for(let s=d;s<=g;s++)c.push(s);g<o-1&&c.push("..."),c.push(o)}return c})())},[e,o,t]),{visiblePageNumbers:n}},Io={sm:{fontSize:"12px",padding:"4px 8px",minWidth:"28px",height:"28px",media:{mobile:{fontSize:"11px",padding:"3px 6px",minWidth:"24px",height:"24px"}}},md:{fontSize:"14px",padding:"6px 10px",minWidth:"32px",height:"32px",media:{mobile:{fontSize:"12px",padding:"4px 8px",minWidth:"28px",height:"28px"}}},lg:{fontSize:"14px",padding:"8px 12px",minWidth:"36px",height:"36px",media:{mobile:{fontSize:"12px",padding:"4px 8px",minWidth:"28px",height:"28px"}}}},Ko={default:{backgroundColor:"transparent",color:"color-gray-800",borderWidth:"0px",borderStyle:"none",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"color-gray-100"}},filled:{backgroundColor:"color-gray-100",color:"color-gray-800",borderWidth:"0px",borderStyle:"none",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"color-gray-200"}},outline:{backgroundColor:"transparent",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"color-gray-100"}}},Jo={rounded:{borderRadius:8},square:{borderRadius:"0px"},circular:{borderRadius:"50%"}},If={backgroundColor:"theme-primary",color:"color-white",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"theme-primary",opacity:.9}},jr={opacity:.5,cursor:"not-allowed",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"transparent"}},Ff=({currentPage:e,totalPages:o,onPageChange:t,pageSize:n=10,pageSizeOptions:a=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"100 / page",value:100}],onPageSizeChange:l,showPageSizeSelector:c=!1,showPageInfo:d=!0,maxPageButtons:g=5,showFirstLastButtons:s=!1,size:m="md",variant:f="default",shape:p="rounded",visiblePageNumbers:u=[],views:y,...b})=>{const x=v=>{v<1||v>o||v===e||t(v)},k=v=>{l&&l(Number(v.target.value))},S=(v,C)=>{if(v==="...")return r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",...Io[m],...y==null?void 0:y.ellipsis,children:"..."},`ellipsis-${C}`);const w=v===e;return r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:w?"default":"pointer",...Io[m],...Ko[f],...Jo[p],...w?If:{},onClick:()=>x(v),"aria-label":`Page ${v}`,"aria-current":w?"page":void 0,...w?y==null?void 0:y.activePageButton:y==null?void 0:y.pageButton,children:v},`page-${v}`)};return r.jsxs(i.Horizontal,{alignItems:"center",gap:8,...y==null?void 0:y.container,...b,children:[s&&r.jsxs(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===1?"not-allowed":"pointer",...Io[m],...Ko[f],...Jo[p],...e===1?jr:{},onClick:()=>x(1),"aria-label":"First page",disabled:e===1,...y==null?void 0:y.navigationButton,children:[r.jsx(se,{orientation:"left",widthHeight:16}),r.jsx(se,{orientation:"left",widthHeight:16,marginLeft:"-8px"})]}),r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===1?"not-allowed":"pointer",...Io[m],...Ko[f],...Jo[p],...e===1?jr:{},onClick:()=>x(e-1),"aria-label":"Previous page",disabled:e===1,...y==null?void 0:y.navigationButton,children:r.jsx(se,{orientation:"left",widthHeight:16})}),u.map((v,C)=>S(v,C)),r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===o?"not-allowed":"pointer",...Io[m],...Ko[f],...Jo[p],...e===o?jr:{},onClick:()=>x(e+1),"aria-label":"Next page",disabled:e===o,...y==null?void 0:y.navigationButton,children:r.jsx(se,{orientation:"right",widthHeight:16})}),s&&r.jsxs(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===o?"not-allowed":"pointer",...Io[m],...Ko[f],...Jo[p],...e===o?jr:{},onClick:()=>x(o),"aria-label":"Last page",disabled:e===o,...y==null?void 0:y.navigationButton,children:[r.jsx(se,{orientation:"right",widthHeight:16}),r.jsx(se,{orientation:"right",widthHeight:16,marginLeft:"-8px"})]}),d&&r.jsxs(i.Text,{marginLeft:16,color:"color-gray-600",...y==null?void 0:y.pageInfo,children:["Page ",e," of ",o]}),c&&l&&r.jsx(i.View,{as:"select",marginLeft:16,padding:"4px 8px",borderRadius:"4px",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",backgroundColor:"color-white",cursor:"pointer",value:n,onChange:k,...y==null?void 0:y.pageSizeSelector,children:a.map(v=>r.jsx("option",{value:v.value,children:v.label},v.value))})]})},Rl=({currentPage:e,totalPages:o,onPageChange:t,pageSize:n=10,pageSizeOptions:a,onPageSizeChange:l,showPageSizeSelector:c=!1,showPageInfo:d=!0,maxPageButtons:g=5,showFirstLastButtons:s=!1,size:m="md",variant:f="default",shape:p="rounded",views:u,...y})=>{const{visiblePageNumbers:b}=Tf(e,o,g);return r.jsx(Ff,{currentPage:e,totalPages:o,onPageChange:t,pageSize:n,pageSizeOptions:a,onPageSizeChange:l,showPageSizeSelector:c,showPageInfo:d,maxPageButtons:g,showFirstLastButtons:s,size:m,variant:f,shape:p,visiblePageNumbers:b,views:u,...y})},zf=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),Mf=h.memo(({shape:e="linear",value:o=0,max:t=100,color:n="theme-primary",backgroundColor:a="color-gray-200",height:l,size:c,radius:d=4,strokeWidth:g=10,showLabel:s=!1,labelColor:m="color-black-primary",animated:f=!0,animationDuration:p="0.5s",views:u,themeMode:y,...b})=>{var $;const{getColor:x,themeMode:k}=i.useTheme(),S=y||k,C=Math.min(t,Math.max(0,o))/t*100,w=F=>zf(F)?F:x(F,{themeMode:S}),T=h.useMemo(()=>w(a),[x,a,S]),z=h.useMemo(()=>w(n),[x,n,S]);if(e==="circle"){const F=c||(typeof l=="number"?l:100),E=(F-g)/2,V=2*Math.PI*E,P=V-C/100*V;return r.jsxs(i.View,{width:F,height:F,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...u==null?void 0:u.container,...b,children:[r.jsxs("svg",{width:F,height:F,viewBox:`0 0 ${F} ${F}`,style:{transform:"rotate(-90deg)"},children:[r.jsx("circle",{cx:F/2,cy:F/2,r:E,stroke:T,strokeWidth:g,fill:"transparent",...u==null?void 0:u.track}),r.jsx("circle",{cx:F/2,cy:F/2,r:E,stroke:z,strokeWidth:g,strokeDasharray:V,strokeDashoffset:P,strokeLinecap:"round",fill:"transparent",style:{transition:f?`stroke-dashoffset ${p} ease-in-out`:"none"},...u==null?void 0:u.indicator})]}),s&&r.jsx(i.View,{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none",children:r.jsxs(i.Text,{color:m,fontSize:`${F*.2}px`,fontWeight:"bold",...u==null?void 0:u.text,children:[Math.round(C),"%"]})})]})}const M=l||8,j={backgroundColor:T,...(($=u==null?void 0:u.container)==null?void 0:$.style)||{},...b.style||{}};return r.jsxs(i.View,{role:"progressbar","aria-valuenow":o,"aria-valuemin":0,"aria-valuemax":t,width:"100%",height:M,borderRadius:d,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...u==null?void 0:u.container,...b,style:j,children:[r.jsx("div",{style:{height:"100%",backgroundColor:z,borderRadius:typeof d=="number"?`${d}px`:d,position:"absolute",left:0,top:0,bottom:0,width:`${C}%`,transition:f?`width ${p} ease-in-out`:"none",...u==null?void 0:u.bar}}),s&&r.jsxs(i.Text,{color:m,fontSize:typeof M=="number"&&M>16?`${M*.6}px`:"10px",fontWeight:"bold",position:"relative",zIndex:1,...u==null?void 0:u.text,children:[Math.round(C),"%"]})]})}),ei=e=>{const o=me("progress",e);return r.jsx(Mf,{...o})},Wf=(e=>({solid:"solid",dashed:"dashed",dotted:"dotted"}))(),Pf={thin:"1px",medium:"2px",thick:"4px"},Qo={container:{transition:"opacity 0.15s ease"},label:{fontSize:"14px",fontWeight:"500",color:"color-gray-600",paddingHorizontal:"8px",backgroundColor:"color-white",transition:"color 0.15s ease"}},Hf=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),jf=({orientation:e="horizontal",variant:o="solid",thickness:t="thin",color:n,spacing:a="0px",label:l,decorative:c=!1,views:d,themeMode:g,...s})=>{const{themeMode:m}=i.useTheme(),f=n||"color-gray-200",p=Wf[o],u=Pf[t],y=c?{"aria-hidden":!0}:{role:"separator","aria-orientation":e},b=Hf(f)?{style:{borderColor:f}}:{borderColor:f};return l&&e==="horizontal"?r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"center",width:"100%",padding:a,...y,...s,children:[r.jsx(i.View,{height:"0px",flexGrow:1,borderTop:`${u} ${p}`,...b,...Qo.container,...d==null?void 0:d.container}),r.jsx(i.Text,{...Qo.label,...d==null?void 0:d.label,children:l}),r.jsx(i.View,{height:"0px",flexGrow:1,borderTop:`${u} ${p}`,...b,...Qo.container,...d==null?void 0:d.container})]}):e==="horizontal"?r.jsx(i.View,{height:"0px",width:"100%",borderTop:`${u} ${p}`,padding:a,...b,...Qo.container,...y,...d==null?void 0:d.container,...s}):r.jsx(i.View,{width:"0px",height:"100%",borderLeft:`${u} ${p}`,padding:a,...b,...Qo.container,...y,...d==null?void 0:d.container,...s})},oi=e=>{const o=me("separator",e);return r.jsx(jf,{...o})},Ar=oi,Af=oi,Vf={xs:12,sm:14,md:16,lg:18,xl:20},Ef=({isSupported:e,isSharing:o,onShare:t,label:n,children:a,icon:l,size:c,isDisabled:d,isLoading:g,iconPosition:s,disableWhenUnsupported:m=!0,...f})=>{const p=c??"md",u=l??r.jsx(In,{widthHeight:Vf[p],strokeWidth:1.5,filled:!1}),y=!!d||!e&&m,b=!!g||o;return r.jsx(ie,{...f,size:p,icon:u,iconPosition:s??"left",isDisabled:y,isLoading:b,onClick:t,children:a??n??"Share"})},ri=()=>typeof navigator>"u"?void 0:navigator,Df=(e,o)=>{if(!e||typeof e.share!="function")return!1;if(typeof e.canShare=="function")try{return e.canShare(o)}catch{return!1}return!0},$f=e=>{if(typeof e=="object"&&e!==null&&"name"in e)return String(e.name)},Lf=e=>{const{shareData:o,onClick:t,onUnsupported:n,onShareStart:a,onShareSuccess:l,onShareCancel:c,onShareError:d}=e,[g,s]=h.useState(!1),m=h.useMemo(()=>Df(ri(),o),[o]),f=h.useCallback((...p)=>{t==null||t(...p);const u=ri();if(!u||typeof u.share!="function"){n==null||n();return}if(!g){if(typeof u.canShare=="function")try{if(!u.canShare(o)){n==null||n();return}}catch(y){d==null||d(y);return}s(!0),a==null||a();try{u.share(o).then(()=>{l==null||l()}).catch(y=>{if($f(y)==="AbortError"){c==null||c();return}d==null||d(y)}).finally(()=>{s(!1)})}catch(y){s(!1),d==null||d(y)}}},[g,t,c,d,a,l,n,o]);return{isSupported:m,isSharing:g,handleShare:f}},ti=e=>{const{isSupported:o,isSharing:t,handleShare:n}=Lf(e),{shareData:a,onShareStart:l,onShareSuccess:c,onShareCancel:d,onShareError:g,onUnsupported:s,onClick:m,...f}=e;return r.jsx(Ef,{...f,isSupported:o,isSharing:t,onShare:n})},Bf=({label:e,status:o="default",views:t,themeMode:n,...a})=>{const{themeMode:l}=i.useTheme(),c=Dn();return r.jsxs(i.Horizontal,{alignItems:"center",gap:8,role:"status-indicator",...t==null?void 0:t.container,...a,children:[r.jsx(i.View,{role:"status-dot",width:"8px",height:"8px",borderRadius:"50%",...c[o].indicator,...t==null?void 0:t.indicator}),e&&r.jsx(i.Text,{role:"status-label",fontSize:"14px",lineHeight:"20px",...c[o].label,...t==null?void 0:t.label,children:e})]})},Vr=e=>{const o=me("status",e);return r.jsx(Bf,{...o})},_f=(e=!0,o,t,n)=>{const{on:a}=i.useResponsive(),l=a("mobile"),[c,d]=h.useState(o!==void 0?o:e);return h.useEffect(()=>{o!==void 0&&d(o)},[o]),{isExpanded:c,toggleExpanded:()=>{const f=!c;d(f),t&&t(f)},expand:()=>{c||(d(!0),t&&t(!0))},collapse:()=>{c&&(d(!1),t&&t(!1))},isMobile:l}},Of={sm:{expandedWidth:"240px",collapsedWidth:"64px"},md:{expandedWidth:"280px",collapsedWidth:"72px"},lg:{expandedWidth:"320px",collapsedWidth:"80px"},xl:{expandedWidth:"360px",collapsedWidth:"88px"}},Nf=(e=>({default:{backgroundColor:"color-white",color:"color-gray-800",transition:"background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease"},filled:{backgroundColor:"color-gray-100",color:"color-gray-800",transition:"background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease"},outline:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800",transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"},subtle:{backgroundColor:"color-gray-50",color:"color-gray-800",transition:"background-color 0.2s ease, color 0.2s ease"},elevated:{backgroundColor:"color-white",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",color:"color-gray-800",transition:"all 0.2s ease-in-out"}}))(),qf={left:{left:0,borderRightWidth:"1px",borderRightStyle:"solid",borderRightColor:"color-gray-200"},right:{right:0,borderLeftWidth:"1px",borderLeftStyle:"solid",borderLeftColor:"color-gray-200"}},Uf={none:{},low:{boxShadow:"0 1px 3px rgba(0, 0, 0, 0.1)"},medium:{boxShadow:"0 4px 12px rgba(0, 0, 0, 0.12)"},high:{boxShadow:"0 10px 30px rgba(0, 0, 0, 0.15)"}},Gf={fast:"all 0.2s ease-in-out",normal:"all 0.3s ease-in-out",slow:"all 0.5s ease-in-out",bounce:"all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55)"},ni=h.createContext({isExpanded:!0,toggleExpanded:()=>{},expand:()=>{},collapse:()=>{},position:"left",size:"md",variant:"default"}),Er=()=>h.useContext(ni),Yf=({value:e,children:o})=>r.jsx(ni.Provider,{value:e,children:o}),Xf=({children:e,showToggleButton:o=!0,views:t,...n})=>{const{isExpanded:a,toggleExpanded:l,position:c}=Er();return r.jsx(i.Horizontal,{width:"100%",padding:"16px",borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-200",alignItems:"center",justifyContent:"space-between",...t==null?void 0:t.header,...n,children:a?r.jsxs(i.Horizontal,{width:"100%",alignItems:"center",justifyContent:"space-between",children:[e,o&&r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",width:"32px",height:"32px",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",borderRadius:"4px",backgroundColor:"transparent",cursor:"pointer",_hover:{backgroundColor:"color-gray-100"},onClick:l,"aria-label":a?"Collapse sidebar":"Expand sidebar",...t==null?void 0:t.toggleButton,children:r.jsx(se,{orientation:c==="left"?"left":"right",widthHeight:16,...t==null?void 0:t.toggleButtonIcon})})]}):r.jsx(i.View,{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",children:o&&r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",width:"32px",height:"32px",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",borderRadius:"4px",backgroundColor:"transparent",cursor:"pointer",_hover:{backgroundColor:"color-gray-100"},onClick:l,"aria-label":a?"Collapse sidebar":"Expand sidebar",...t==null?void 0:t.toggleButton,children:r.jsx(se,{orientation:c==="left"?"right":"left",widthHeight:16,...t==null?void 0:t.toggleButtonIcon})})})})},Kf=({children:e,views:o,...t})=>{const{isExpanded:n}=Er();return r.jsx(i.View,{flex:"1",width:"100%",overflowY:"auto",overflowX:"hidden",padding:n?"16px":"8px",...o==null?void 0:o.content,...t,children:e})},Jf=({children:e,views:o,...t})=>{const{isExpanded:n}=Er();return r.jsx(i.View,{width:"100%",padding:"16px",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"color-gray-200",...o==null?void 0:o.footer,...t,children:n?e:null})},Qf=({children:e,position:o="left",size:t="md",variant:n="default",fixed:a=!1,hasBackdrop:l=!0,expandedWidth:c,collapsedWidth:d,breakpoint:g,breakpointBehavior:s="overlay",elevation:m="none",transitionPreset:f="normal",ariaLabel:p="Sidebar navigation",showToggleButton:u,toggleExpanded:y,expand:b,isExpanded:x,isMobile:k,collapse:S,views:v,themeMode:C,...w})=>{const T=Of[t],z=x?c||T.expandedWidth:d||T.collapsedWidth,M=!k||k&&s!=="hide",j=a||k&&s==="overlay"?"fixed":"relative",$=l&&k&&x&&s==="overlay";return r.jsxs(r.Fragment,{children:[$&&r.jsx(i.View,{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",backgroundColor:"color-blackAlpha-500",zIndex:998,onClick:S,...v==null?void 0:v.backdrop}),M&&r.jsx(i.Vertical,{position:j,top:0,height:"100vh",width:z,zIndex:999,transition:Gf[f],transform:k&&s==="overlay"&&!x?`translateX(${o==="left"?"-100%":"100%"})`:"translateX(0)",role:"navigation","aria-label":p,...Nf[n],...qf[o],...Uf[m],...v==null?void 0:v.container,...w,children:h.Children.map(e,F=>F)})]})},Zo=({children:e,position:o="left",size:t="md",variant:n="default",defaultExpanded:a=!0,expanded:l,onExpandedChange:c,fixed:d=!1,hasBackdrop:g=!0,showToggleButton:s=!0,expandedWidth:m,collapsedWidth:f,breakpoint:p=768,breakpointBehavior:u="overlay",views:y,...b})=>{const{isExpanded:x,toggleExpanded:k,expand:S,collapse:v,isMobile:C}=_f(a,l,c);return r.jsx(Yf,{value:{isExpanded:x,toggleExpanded:k,expand:S,collapse:v,position:o,size:t,variant:n,views:y},children:r.jsx(Qf,{position:o,size:t,variant:n,fixed:d,hasBackdrop:g,showToggleButton:s,expandedWidth:m,collapsedWidth:f,breakpoint:p,breakpointBehavior:u,isExpanded:x,isMobile:C,toggleExpanded:k,expand:S,collapse:v,views:y,...b,children:e})})};Zo.Header=Xf,Zo.Content=Kf,Zo.Footer=Jf,Zo.useContext=Er;const Zf=()=>({getItem:e=>{try{return localStorage.getItem(`resizable-${e}`)}catch(o){return console.warn("Failed to access localStorage:",o),null}},setItem:(e,o)=>{try{localStorage.setItem(`resizable-${e}`,o)}catch(t){console.warn("Failed to write to localStorage:",t)}}}),Rf=(e,o,t,n=50,a=1/0,l=!1,c,d,g=10)=>{const[s,m]=h.useState(!1),[f,p]=h.useState([]),u=h.useRef(null),y=h.useRef(null),b=h.useRef(0),x=h.useRef([]),k=h.useRef(d||(typeof window<"u"?Zf():null)),S=h.useCallback(()=>u.current?e==="horizontal"?u.current.offsetWidth:u.current.offsetHeight:0,[e]),v=h.useCallback(()=>{if(!c||!k.current)return null;const W=k.current.getItem(c);if(!W)return null;try{const A=JSON.parse(W);return Array.isArray(A.sizes)?A.sizes:null}catch(A){return console.warn("Failed to parse saved panel sizes:",A),null}},[c]),C=h.useCallback(()=>{if(!c||!k.current||f.length===0)return;const W=f.map(A=>({id:A.id,size:A.size,collapsed:A.collapsed||!1}));k.current.setItem(c,JSON.stringify({sizes:W}))},[c,f]),w=h.useCallback((W,A,H,L,_)=>{p(D=>D.some(q=>q.id===W)?D:[...D,{id:W,size:A,minSize:H??n,maxSize:L??a,collapsible:_??l,collapsed:!1}])},[n,a,l]),T=h.useCallback(W=>{p(A=>A.filter(H=>H.id!==W))},[]),z=h.useCallback(W=>{const A=f.find(H=>H.id===W);return A?A.size:0},[f]),M=h.useCallback((W,A)=>{p(H=>H.map(L=>L.id===W?{...L,size:A}:L))},[]),j=h.useCallback(W=>{const A=f.find(H=>H.id===W);return A?!!A.collapsed:!1},[f]),$=h.useCallback(W=>{p(A=>{const H=A.findIndex(q=>q.id===W);if(H===-1)return A;const L=A[H];if(!L.collapsible)return A;const _={...L,collapsed:!L.collapsed},D=[...A];return D[H]=_,D})},[]),F=h.useCallback((W,A)=>{y.current=W,b.current=A,x.current=f.map(H=>H.size),m(!0)},[f]),E=h.useCallback(W=>{if(!s||!y.current)return;const A=y.current,H=W-b.current;let L=-1;const _=A.match(/\d+$/);if(_&&(L=parseInt(_[0],10)-1),L===-1&&f.length>=2&&(L=0),L<0||L>=f.length-1)return;const D=f[L],q=f[L+1];if(D.collapsed||q.collapsed)return;let O=x.current[L]+H,G=x.current[L+1]-H;O=Math.max(D.minSize??n,Math.min(D.maxSize??a,O)),G=Math.max(q.minSize??n,Math.min(q.maxSize??a,G)),p(N=>N.map((J,B)=>B===L?{...J,size:O}:B===L+1?{...J,size:G}:J))},[s,f,e,n,a]),V=h.useCallback(()=>{s&&t&&t(f.map(W=>W.size)),y.current=null,m(!1),c&&C()},[s,f,t,c,C]),P=h.useCallback(W=>{if(!s||!y.current)return;const A=y.current;let H=-1;const L=A.match(/\d+$/);if(L&&(H=parseInt(L[0],10)-1),H===-1&&f.length>=2&&(H=0),H<0||H>=f.length-1)return;let _=0;e==="horizontal"?(W.key==="ArrowLeft"&&(_=-g),W.key==="ArrowRight"&&(_=g),W.key==="Home"&&(_=-100),W.key==="End"&&(_=100)):(W.key==="ArrowUp"&&(_=-g),W.key==="ArrowDown"&&(_=g),W.key==="Home"&&(_=-100),W.key==="End"&&(_=100)),_!==0&&(W.preventDefault(),E(b.current+_)),W.key==="Escape"&&(p(D=>D.map((q,O)=>({...q,size:x.current[O]}))),V())},[s,f,e,E,V,g]);return h.useEffect(()=>{const W=L=>{if(!s)return;const _=e==="horizontal"?L.clientX:L.clientY;E(_)},A=L=>{if(!s||L.touches.length===0)return;const _=L.touches[0],D=e==="horizontal"?_.clientX:_.clientY;E(D)},H=()=>{s&&V()};return s&&(document.addEventListener("mousemove",W),document.addEventListener("touchmove",A),document.addEventListener("mouseup",H),document.addEventListener("touchend",H),document.addEventListener("keydown",P),document.body.style.cursor=e==="horizontal"?"col-resize":"row-resize",document.body.style.userSelect="none"),()=>{document.removeEventListener("mousemove",W),document.removeEventListener("touchmove",A),document.removeEventListener("mouseup",H),document.removeEventListener("touchend",H),document.removeEventListener("keydown",P),document.body.style.cursor="",document.body.style.userSelect=""}},[s,e,E,V,P]),h.useEffect(()=>{if(f.length!==0){if(c){const W=v();if(W){p(A=>A.map(H=>{const L=W.find(_=>_.id===H.id);return L?{...H,size:L.size,collapsed:L.collapsed||!1}:H}));return}}if(!o){const A=S()/f.length;p(H=>H.map(L=>({...L,size:A})))}}},[f.length,o,S,c,v]),h.useEffect(()=>{if(!o||o.length===0||f.length===0)return;const W=S(),A=o.map(H=>typeof H=="string"&&H.endsWith("%")?parseFloat(H)/100*W:typeof H=="number"?H:parseFloat(H));p(H=>H.map((L,_)=>({...L,size:_<A.length?A[_]:L.size})))},[o,f.length,S]),h.useEffect(()=>{f.length>0&&c&&!s&&C()},[f,c,s,C]),{isResizing:s,setIsResizing:m,containerRef:u,panels:f,registerPanel:w,unregisterPanel:T,getPanelSize:z,setPanelSize:M,isPanelCollapsed:j,togglePanelCollapse:$,startResize:F,onResize:E,endResize:V}},ep={horizontal:{flexDirection:"row"},vertical:{flexDirection:"column"}},op=(e,o)=>({sm:{width:o==="horizontal"?"4px":"100%",height:o==="vertical"?"4px":"100%"},md:{width:o==="horizontal"?"6px":"100%",height:o==="vertical"?"6px":"100%"},lg:{width:o==="horizontal"?"8px":"100%",height:o==="vertical"?"8px":"100%"}})[e],rp=(e=>({default:{backgroundColor:"transparent",_hover:{backgroundColor:"color-gray-200"},_active:{backgroundColor:"color-gray-300"}},subtle:{backgroundColor:"transparent",_hover:{backgroundColor:"color-gray-100"},_active:{backgroundColor:"color-gray-200"}},prominent:{backgroundColor:"color-gray-100",_hover:{backgroundColor:"color-gray-200"},_active:{backgroundColor:"color-gray-300"}}}))(),Dr={horizontal:{width:"2px",height:"20px",backgroundColor:"color-gray-400",margin:"0 1px"},vertical:{width:"20px",height:"2px",backgroundColor:"color-gray-400",margin:"1px 0"}},ai=h.createContext({orientation:"horizontal",size:"md",variant:"default",isResizing:!1,setIsResizing:()=>{},registerPanel:()=>{},unregisterPanel:()=>{},getPanelSize:()=>0,setPanelSize:()=>{},isPanelCollapsed:()=>!1,togglePanelCollapse:()=>{},startResize:()=>{},onResize:()=>{},endResize:()=>{}}),li=()=>h.useContext(ai),tp=({value:e,children:o})=>r.jsx(ai.Provider,{value:e,children:o}),np=({children:e,id:o,defaultSize:t,minSize:n,maxSize:a,collapsible:l,defaultCollapsed:c,onCollapseChange:d,views:g,...s})=>{const{orientation:m,registerPanel:f,unregisterPanel:p,getPanelSize:u,isPanelCollapsed:y,togglePanelCollapse:b}=li(),x=typeof t=="string"&&t.endsWith("%")?0:typeof t=="number"?t:0;h.useEffect(()=>(f(o,x,n,a,l),()=>p(o)),[o,x,n,a,l,f,p]);const k=u(o),S=y(o);return h.useEffect(()=>{d&&S!==void 0&&d(S)},[S,d]),h.useEffect(()=>{l&&c&&!S&&b(o)},[o,l,c,S,b]),S?r.jsx(i.View,{flex:"0 0 auto",width:m==="horizontal"?"10px":"100%",height:m==="vertical"?"10px":"100%",backgroundColor:"color-gray-200",cursor:"pointer",onClick:()=>b(o),"aria-label":`Expand panel ${o}`,role:"button",tabIndex:0,...g==null?void 0:g.collapsedPanel,...s}):r.jsx(i.View,{flex:k>0?"0 0 auto":"1",width:m==="horizontal"?`${k}px`:"100%",height:m==="vertical"?`${k}px`:"100%",overflow:"auto",...g==null?void 0:g.panel,...s,children:e})},ap=({id:e,position:o="both",disabled:t=!1,withVisualIndicator:n=!0,withCollapseButton:a=!1,collapseTarget:l,views:c,...d})=>{const{orientation:g,size:s,variant:m,startResize:f,isPanelCollapsed:p,togglePanelCollapse:u}=li(),b=(()=>{if(l)return l;const w=e.match(/\d+$/);if(!w)return"";const T=parseInt(w[0],10);return isNaN(T)?"":`panel${T}`})(),x=p(b),k=w=>{if(t)return;w.preventDefault();const T=g==="horizontal"?w.clientX:w.clientY;f(e,T)},S=w=>{if(t||w.touches.length===0)return;w.preventDefault();const T=w.touches[0],z=g==="horizontal"?T.clientX:T.clientY;f(e,z)},v=w=>{t||(w.key==="Enter"||w.key===" ")&&(w.preventDefault(),f(e,0))},C=w=>{w.stopPropagation(),b&&u(b)};return r.jsxs(i.View,{role:"separator","aria-orientation":g,"aria-valuemin":0,"aria-valuemax":100,tabIndex:t?-1:0,cursor:g==="horizontal"?"col-resize":"row-resize",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",...op(s,g),...rp[m],onMouseDown:k,onTouchStart:S,onKeyDown:v,opacity:t?.5:1,pointerEvents:t?"none":"auto",...c==null?void 0:c.handle,...d,children:[n&&r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",width:g==="horizontal"?"100%":"auto",height:g==="vertical"?"100%":"auto",pointerEvents:"none",...c==null?void 0:c.handleIcon,children:g==="horizontal"?r.jsxs(i.Horizontal,{gap:1,children:[r.jsx(i.View,{...Dr.horizontal}),r.jsx(i.View,{...Dr.horizontal})]}):r.jsxs(i.Vertical,{gap:1,children:[r.jsx(i.View,{...Dr.vertical}),r.jsx(i.View,{...Dr.vertical})]})}),a&&b&&r.jsx(i.View,{position:"absolute",top:g==="horizontal"?"-20px":"50%",left:g==="horizontal"?"50%":"-20px",transform:g==="horizontal"?"translateX(-50%)":"translateY(-50%)",width:"16px",height:"16px",borderRadius:"full",backgroundColor:"color-gray-100",border:"1px solid",borderColor:"color-gray-300",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:1,onClick:C,"aria-label":x?`Expand panel ${b}`:`Collapse panel ${b}`,role:"button",tabIndex:0,pointerEvents:"auto",_hover:{backgroundColor:"color-gray-200"},...c==null?void 0:c.collapseIcon,children:r.jsx(i.View,{width:"8px",height:"8px",display:"flex",alignItems:"center",justifyContent:"center",children:x?r.jsxs(i.Horizontal,{children:[r.jsx(i.View,{width:"6px",height:"2px",backgroundColor:"color-gray-600"}),r.jsx(i.View,{width:"2px",height:"6px",backgroundColor:"color-gray-600",position:"absolute"})]}):r.jsx(i.View,{width:"6px",height:"2px",backgroundColor:"color-gray-600"})})})]})},lp=({children:e,orientation:o="horizontal",size:t="md",variant:n="default",defaultSizes:a,minSize:l,maxSize:c,collapsible:d=!1,containerRef:g,autoSaveId:s,keyboardResizeBy:m,onLayout:f,views:p,...u})=>{const y=o==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(y,{ref:g,width:"100%",height:"100%",position:"relative",overflow:"hidden",...ep[o],...p==null?void 0:p.container,...u,children:e})},Ut=({children:e,orientation:o="horizontal",size:t="md",variant:n="default",defaultSizes:a,onSizesChange:l,minSize:c=50,maxSize:d,collapsible:g=!1,autoSaveId:s,storage:m,keyboardResizeBy:f=10,views:p,...u})=>{const{isResizing:y,setIsResizing:b,containerRef:x,registerPanel:k,unregisterPanel:S,getPanelSize:v,setPanelSize:C,isPanelCollapsed:w,togglePanelCollapse:T,startResize:z,onResize:M,endResize:j}=Rf(o,a,l,c,d,g,s,m,f);return r.jsx(tp,{value:{orientation:o,size:t,variant:n,isResizing:y,setIsResizing:b,registerPanel:k,unregisterPanel:S,getPanelSize:v,setPanelSize:C,isPanelCollapsed:w,togglePanelCollapse:T,startResize:z,onResize:M,endResize:j},children:r.jsx(lp,{orientation:o,size:t,variant:n,defaultSizes:a,minSize:c,maxSize:d,collapsible:g,autoSaveId:s,keyboardResizeBy:f,containerRef:x,views:p,...u,children:e})})};Ut.Panel=np,Ut.Handle=ap;const $r={info:{container:{backgroundColor:"color-blue-50",border:"color-blue-300"},content:{color:"color-blue-700"},icon:{color:"color-blue-500"}},success:{container:{backgroundColor:"color-green-50",border:"color-green-300"},content:{color:"color-green-700"},icon:{color:"color-green-500"}},warning:{container:{backgroundColor:"color-orange-50",border:"color-orange-300"},content:{color:"color-orange-700"},icon:{color:"color-orange-500"}},error:{container:{backgroundColor:"color-red-50",border:"color-red-300"},content:{color:"color-red-700"},icon:{color:"color-red-500"}}},ip={top:{top:"16px",left:"50%",transform:"translateX(-50%)"},"top-right":{top:"16px",right:"16px"},"top-left":{top:"16px",left:"16px"},bottom:{bottom:"16px",left:"50%",transform:"translateX(-50%)"},"bottom-right":{bottom:"16px",right:"16px"},"bottom-left":{bottom:"16px",left:"16px"}},cp=()=>Math.random().toString(36).substring(2,9);let Fo=new Map;const Ro=ar.create(e=>({toasts:[],add:(o,t,n,a={})=>{const l=a.id||cp(),c={id:l,variant:o,title:t,description:n,createdAt:Date.now(),isVisible:!0,...a};if(e(d=>({toasts:[...d.toasts,c]})),a.duration!==0){const d=a.duration||5e3,g=setTimeout(()=>{Ro.getState().remove(l)},d);Fo.set(l,g)}return l},remove:o=>{e(t=>({toasts:t.toasts.map(n=>n.id===o?{...n,isVisible:!1}:n)})),Fo.has(o)&&(clearTimeout(Fo.get(o)),Fo.delete(o)),setTimeout(()=>{e(t=>({toasts:t.toasts.filter(n=>n.id!==o)}))},300)},removeAll:()=>{Fo.forEach(clearTimeout),Fo.clear(),e(o=>({toasts:o.toasts.map(t=>({...t,isVisible:!1}))})),setTimeout(()=>{e({toasts:[]})},300)}})),so=(e,o,t,n)=>Ro.getState().add(e,o,t,n),ii=(e,o,t)=>so("info",e,o,t),ci=(e,o,t)=>so("success",e,o,t),si=(e,o,t)=>so("warning",e,o,t),di=(e,o,t)=>so("error",e,o,t),gi=e=>{Ro.getState().remove(e)},hi=()=>{Ro.getState().removeAll()},mi=({variant:e,title:o,description:t,onClose:n,isClosable:a=!0,action:l,actionText:c,showIcon:d=!0,theme:g,views:s,render:m,icon:f,id:p,isVisible:u=!0,themeMode:y})=>{const b=g??$r,x=()=>{var C,w;if(f!==void 0)return f;const v=e?(w=(C=$r[e])==null?void 0:C.icon)==null?void 0:w.color:$r.info.icon.color;switch(e){case"info":return r.jsx(Ge,{widthHeight:20,color:v});case"success":return r.jsx(vn,{widthHeight:20,color:v});case"warning":return r.jsx(Ge,{widthHeight:20,color:v,orientation:"down"});case"error":return r.jsx(cr,{widthHeight:20,color:v});default:return r.jsx(Ge,{widthHeight:20,color:$r.info.icon.color})}};if(m)return r.jsx(r.Fragment,{children:m({id:p||"",onClose:n})});const k=e==="error"?"alert":"status",S=e==="error"||e==="warning"?"assertive":"polite";return r.jsxs(i.Horizontal,{role:k,"aria-live":S,"aria-atomic":"true","data-state":u?"open":"closed",gap:12,width:"100%",maxWidth:"380px",borderWidth:"1px",borderStyle:"solid",borderRadius:"12px",padding:"12px 14px",alignItems:"flex-start",position:"relative",backgroundColor:b[e].container.backgroundColor,borderColor:b[e].container.border,boxShadow:"0 12px 32px rgba(15, 23, 42, 0.12)",opacity:u?1:0,transform:u?"translateY(0)":"translateY(4px)",transition:"opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease",...s==null?void 0:s.container,children:[d&&r.jsx(i.View,{marginTop:"2px",...s==null?void 0:s.icon,children:x()}),r.jsxs(i.Vertical,{gap:4,flex:"1",children:[r.jsx(i.Text,{size:"sm",lineHeight:"20px",fontWeight:"600",color:b[e].content.color,backgroundColor:b[e].container.backgroundColor,...s==null?void 0:s.title,children:o}),t&&r.jsx(i.Text,{size:"xs",lineHeight:"18px",color:b[e].content.color,fontWeight:"400",backgroundColor:b[e].container.backgroundColor,...s==null?void 0:s.description,children:t}),l&&c&&r.jsx(i.Text,{size:"sm",fontWeight:"600",marginTop:"6px",cursor:"pointer",color:b[e].content.color,backgroundColor:b[e].container.backgroundColor,onClick:v=>{v.stopPropagation(),l()},_hover:{textDecoration:"underline"},transition:"opacity 0.2s ease, color 0.2s ease",...s==null?void 0:s.actionButton,children:c})]}),a&&r.jsx(i.View,{as:"button","aria-label":"Close toast",backgroundColor:"transparent",border:"none",cursor:"pointer",padding:"4px",marginLeft:"8px",marginTop:"-2px",marginRight:"-4px",borderRadius:"9999px",onClick:v=>{v.stopPropagation(),n()},_hover:{backgroundColor:"color-blackAlpha-100"},transition:"background-color 0.2s ease, opacity 0.2s ease",...s==null?void 0:s.closeButton,children:r.jsx(Te,{widthHeight:16,color:b[e].content.color})})]})},sp=({position:e="top-right",gap:o=8,limit:t=5,containerStyle:n})=>{const{toasts:a,remove:l}=Ro(),d=h.useMemo(()=>{const g={top:[],"top-right":[],"top-left":[],bottom:[],"bottom-right":[],"bottom-left":[]};return a.forEach(s=>{const m=s.position||e;g[m].push(s)}),Object.keys(g).forEach(s=>{g[s]=g[s].slice(-t)}),g},[a,e,t])[e];return r.jsx(i.View,{position:"fixed",zIndex:9999,display:"flex",flexDirection:e.includes("bottom")?"column-reverse":"column",gap:`${o}px`,width:"fit-content",maxWidth:"100%",pointerEvents:"none",...ip[e],style:n,children:d.map(g=>r.jsx(i.View,{pointerEvents:"auto",animation:e.includes("right")?"slideInRight 0.3s ease-out, fadeIn 0.3s ease-out":e.includes("left")?"slideInLeft 0.3s ease-out, fadeIn 0.3s ease-out":e.includes("top")?"slideInDown 0.3s ease-out, fadeIn 0.3s ease-out":"slideInUp 0.3s ease-out, fadeIn 0.3s ease-out",children:r.jsx(mi,{id:g.id,variant:g.variant,title:g.title,description:g.description,onClose:()=>l(g.id),isClosable:g.isClosable,action:g.action,actionText:g.actionText,showIcon:g.showIcon,views:g.views,render:g.render,icon:g.icon,isVisible:g.isVisible})},g.id))})},dp=()=>({toast:(e,o,t,n)=>so(e,o,t,n),info:(e,o,t)=>ii(e,o,t),success:(e,o,t)=>ci(e,o,t),warning:(e,o,t)=>si(e,o,t),error:(e,o,t)=>di(e,o,t),remove:e=>gi(e),removeAll:()=>hi()}),gp=Object.assign(e=>r.jsx(mi,{...e}),{Container:e=>r.jsx(sp,{...e}),show:so,info:ii,success:ci,warning:si,error:di,remove:gi,removeAll:hi}),hp=dp,fi=(e,o)=>{var c,d;if(!e)return!0;const t=e.toLowerCase(),n=o.name.toLowerCase().includes(t),a=((c=o.description)==null?void 0:c.toLowerCase().includes(t))||!1,l=((d=o.keywords)==null?void 0:d.some(g=>g.toLowerCase().includes(t)))||!1;return n||a||l},mp=({open:e,onOpenChange:o,groups:t=[],commands:n=[],filter:a})=>{const[l,c]=h.useState(""),[d,g]=h.useState(0),s=h.useRef(null),m=h.useMemo(()=>a||fi,[a]),f=h.useMemo(()=>[...t.flatMap(x=>x.commands),...n],[t,n]),p=h.useMemo(()=>l.trim()?f.filter(b=>m(l,b)):f,[f,l,m]),u=h.useMemo(()=>{if(!l)return t;const b=a||fi;return t.map(x=>({...x,commands:x.commands.filter(k=>b(l,k))})).filter(x=>x.commands.length)},[t,l,a]);h.useEffect(()=>{g(0)},[p.length]);const y=h.useCallback(b=>{if(e)switch(b.key){case"ArrowDown":b.preventDefault(),g(x=>x<p.length-1?x+1:x);break;case"ArrowUp":b.preventDefault(),g(x=>x>0?x-1:x);break;case"Enter":b.preventDefault(),p[d]&&(p[d].onSelect(),o(!1),c(""));break;case"Escape":b.preventDefault(),o(!1),c("");break}},[e,p,d,o]);return h.useEffect(()=>(document.addEventListener("keydown",y),()=>{document.removeEventListener("keydown",y)}),[y]),h.useEffect(()=>{if(s.current&&e){const b=s.current.querySelector(`[data-index="${d}"]`);b&&b.scrollIntoView({block:"nearest"})}},[d,e]),h.useEffect(()=>{e?g(0):c("")},[e]),{search:l,setSearch:c,selectedIndex:d,setSelectedIndex:g,filteredCommands:p,filteredGroups:u,listRef:s}},fp={sm:{width:"400px",maxHeight:"300px"},md:{width:"500px",maxHeight:"400px"},lg:{width:"600px",maxHeight:"500px"}},pp=(e=>({default:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)"},filled:{backgroundColor:"color-gray-50",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)"},outline:{backgroundColor:"color-white",borderWidth:"2px",borderStyle:"solid",borderColor:"color-gray-300",boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)"}}))(),up={display:"flex",alignItems:"center",padding:"12px 16px",borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-200"},yp={overflow:"auto",padding:"8px 0"},bp={marginBottom:"8px"},xp={padding:"8px 16px",fontSize:"12px",fontWeight:"bold",color:"color-gray-500",textTransform:"uppercase"},kp={display:"flex",alignItems:"center",padding:"8px 16px",cursor:"pointer",userSelect:"none",borderRadius:"4px",margin:"0 8px",_hover:{backgroundColor:"color-gray-100"}},Cp={backgroundColor:"color-blue-50",_hover:{backgroundColor:"color-blue-100"}},wp={opacity:.5,cursor:"not-allowed",_hover:{backgroundColor:"transparent"}},Sp={display:"flex",alignItems:"center",justifyContent:"center",marginRight:"12px",color:"color-gray-500"},vp={display:"flex",flexDirection:"column",flex:1},Tp={fontSize:"14px",fontWeight:"medium"},Ip={fontSize:"12px",color:"color-gray-500",marginTop:"2px"},Fp={display:"flex",alignItems:"center",marginLeft:"12px",fontSize:"12px",color:"color-gray-500"},zp={display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",color:"color-gray-500",textAlign:"center"},Mp={display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 16px",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"color-gray-200",fontSize:"12px",color:"color-gray-500"},Wp=h.createContext({search:"",setSearch:()=>{},selectedIndex:0,setSelectedIndex:()=>{},filteredCommands:[],onSelect:()=>{}}),Pp=({value:e,children:o})=>r.jsx(Wp.Provider,{value:e,children:o}),pi=({value:e,onValueChange:o,placeholder:t="Type a command or search...",views:n,...a})=>{const l=h.useRef(null);return h.useEffect(()=>{l.current&&l.current.focus()},[]),r.jsxs(i.View,{...up,...n==null?void 0:n.container,...a,children:[r.jsx(dr,{widthHeight:16,color:"color-gray-400",marginRight:"8px"}),r.jsx(i.View,{as:"input",type:"text",value:e,onChange:c=>o(c.target.value),placeholder:t,width:"100%",border:"none",outline:"none",backgroundColor:"transparent",fontSize:"14px",ref:l,...n==null?void 0:n.input})]})},Hp=({children:e,views:o,...t})=>r.jsx(i.View,{...yp,...o==null?void 0:o.container,...t,children:e}),ui=({heading:e,children:o,views:t,...n})=>r.jsxs(i.View,{...bp,...t==null?void 0:t.container,...n,children:[r.jsx(i.Text,{...xp,...t==null?void 0:t.heading,children:e}),o]}),Gt=({item:e,selected:o=!1,onSelect:t,views:n,...a})=>{const l=()=>{!e.disabled&&t&&t()};return r.jsxs(i.Horizontal,{...kp,...o?Cp:{},...e.disabled?wp:{},onClick:l,...n==null?void 0:n.container,...a,children:[e.icon&&r.jsx(i.View,{...Sp,...n==null?void 0:n.icon,children:e.icon}),r.jsxs(i.Vertical,{...vp,...n==null?void 0:n.content,children:[r.jsx(i.Text,{...Tp,...n==null?void 0:n.name,children:e.name}),e.description&&r.jsx(i.Text,{...Ip,...n==null?void 0:n.description,children:e.description})]}),e.shortcut&&r.jsx(i.Text,{...Fp,...n==null?void 0:n.shortcut,children:e.shortcut})]})},yi=({children:e="No results found.",views:o,...t})=>r.jsx(i.View,{...zp,...o==null?void 0:o.container,...t,children:e}),jp=({open:e,onOpenChange:o,groups:t=[],commands:n=[],placeholder:a,size:l="md",variant:c="default",emptyState:d,footer:g,search:s,setSearch:m,selectedIndex:f,setSelectedIndex:p,filteredCommands:u,filteredGroups:y,listRef:b,views:x,filter:k,...S})=>{if(!e)return null;const v=h.useCallback(M=>{M.disabled||(M.onSelect(),o(!1),m(""))},[o,m]),C=h.useCallback(M=>M.target===M.currentTarget&&o(!1),[o]),w=h.useMemo(()=>({search:s,setSearch:m,selectedIndex:f,setSelectedIndex:p,filteredCommands:u,onSelect:v}),[s,f,u,v,m,p]),T=t.length>0,z=u.length===0;return r.jsx(i.View,{position:"fixed",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"color-blackAlpha-400",zIndex:9999,onClick:C,...S,children:r.jsx(Pp,{value:w,children:r.jsxs(i.View,{borderRadius:"8px",overflow:"hidden",display:"flex",flexDirection:"column",...fp[l],...pp[c],...x==null?void 0:x.container,onClick:M=>M.stopPropagation(),children:[r.jsx(pi,{value:s,onValueChange:m,placeholder:a,views:x==null?void 0:x.searchInput}),r.jsx(i.View,{ref:b,flex:1,overflow:"auto",...x==null?void 0:x.list,children:z?d||r.jsx(yi,{views:x==null?void 0:x.empty}):T?y.map(M=>r.jsx(ui,{heading:M.name,views:x==null?void 0:x.groupHeading,children:M.commands.map(j=>{const $=u.findIndex(F=>F.id===j.id);return r.jsx(Gt,{item:j,selected:$===f,onSelect:()=>v(j),"data-index":$,views:{container:x==null?void 0:x.item,icon:x==null?void 0:x.icon,content:x==null?void 0:x.content,name:x==null?void 0:x.name,description:x==null?void 0:x.description,shortcut:x==null?void 0:x.shortcut}},j.id)})},M.id)):u.map((M,j)=>r.jsx(Gt,{item:M,selected:j===f,onSelect:()=>v(M),"data-index":j,views:{container:x==null?void 0:x.item,icon:x==null?void 0:x.icon,content:x==null?void 0:x.content,name:x==null?void 0:x.name,description:x==null?void 0:x.description,shortcut:x==null?void 0:x.shortcut}},M.id))}),g&&r.jsx(i.View,{...Mp,...x==null?void 0:x.footer,children:g})]})})})},zo=({open:e,onOpenChange:o,groups:t=[],commands:n=[],placeholder:a,size:l="md",variant:c="default",filter:d,emptyState:g,footer:s,views:m,...f})=>{const{search:p,setSearch:u,selectedIndex:y,setSelectedIndex:b,filteredCommands:x,filteredGroups:k,listRef:S}=mp({open:e,onOpenChange:o,groups:t,commands:n,filter:d});return r.jsx(jp,{open:e,onOpenChange:o,groups:t,commands:n,placeholder:a,size:l,variant:c,emptyState:g,footer:s,search:p,setSearch:u,selectedIndex:y,setSelectedIndex:b,filteredCommands:x,filteredGroups:k,listRef:S,views:m,...f})};zo.Input=pi,zo.List=Hp,zo.Group=ui,zo.Item=Gt,zo.Empty=yi;const bi=()=>Math.random().toString(36).substring(2,11),Ap=({defaultOpen:e=!1,openDelay:o=200,closeDelay:t=200,isDisabled:n=!1}={})=>{const[a,l]=h.useState(e),c=h.useRef(null),d=h.useRef(null),g=h.useRef(null),s=h.useRef(null),m=h.useRef(`tooltip-trigger-${bi()}`).current,f=h.useRef(`tooltip-content-${bi()}`).current,p=h.useCallback(()=>{n||(s.current&&(clearTimeout(s.current),s.current=null),!a&&!g.current&&(g.current=setTimeout(()=>{l(!0),g.current=null},o)))},[a,o,n]),u=h.useCallback(()=>{g.current&&(clearTimeout(g.current),g.current=null),a&&!s.current&&(s.current=setTimeout(()=>{l(!1),s.current=null},t))},[a,t]),y=h.useCallback(()=>{s.current&&(clearTimeout(s.current),s.current=null)},[]);return h.useEffect(()=>()=>{g.current&&clearTimeout(g.current),s.current&&clearTimeout(s.current)},[]),h.useEffect(()=>{const b=x=>{x.key==="Escape"&&a&&l(!1)};return document.addEventListener("keydown",b),()=>{document.removeEventListener("keydown",b)}},[a]),{isOpen:a,openTooltip:p,closeTooltip:u,cancelCloseTimer:y,triggerRef:c,contentRef:d,triggerId:m,contentId:f}},Vp={sm:{padding:"4px 8px",fontSize:"12px",maxWidth:"200px"},md:{padding:"6px 10px",fontSize:"14px",maxWidth:"250px"},lg:{padding:"8px 12px",fontSize:"16px",maxWidth:"300px"}},Ep=(e=>({default:{backgroundColor:"color-gray-900",color:"color-white",borderRadius:"8px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)",transition:"opacity 0.15s ease"},light:{backgroundColor:"color-white",color:"color-gray-800",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",borderRadius:"8px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.04)",transition:"opacity 0.15s ease"},dark:{backgroundColor:"color-gray-950",color:"color-white",borderRadius:"8px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.2), 0px 2px 4px rgba(0, 0, 0, 0.12)",transition:"opacity 0.15s ease"}}))(),Dp=e=>{const o={position:"absolute",width:"8px",height:"8px",backgroundColor:"inherit",borderStyle:"inherit",borderWidth:"inherit",borderColor:"inherit",transform:"rotate(45deg)"};switch(e){case"top":return{...o,bottom:"-4px",left:"50%",marginLeft:"-4px",borderTop:"none",borderLeft:"none"};case"right":return{...o,left:"-4px",top:"50%",marginTop:"-4px",borderRight:"none",borderTop:"none"};case"bottom":return{...o,top:"-4px",left:"50%",marginLeft:"-4px",borderBottom:"none",borderRight:"none"};case"left":return{...o,right:"-4px",top:"50%",marginTop:"-4px",borderLeft:"none",borderBottom:"none"};default:return o}},xi=h.createContext({isOpen:!1,openTooltip:()=>{},closeTooltip:()=>{},triggerRef:{current:null},contentRef:{current:null},contentId:"",triggerId:""}),Yt=()=>h.useContext(xi),$p=({value:e,children:o})=>r.jsx(xi.Provider,{value:e,children:o}),ki=h.memo(({children:e,views:o,asChild:t=!1,...n})=>{const{openTooltip:a,closeTooltip:l,triggerRef:c,contentId:d,triggerId:g}=Yt(),s=h.useCallback(()=>a(),[a]),m=h.useCallback(()=>l(),[l]),f=h.useCallback(()=>a(),[a]),p=h.useCallback(()=>l(),[l]),u={ref:c,onMouseEnter:s,onMouseLeave:m,onFocus:f,onBlur:p,id:g,"aria-describedby":d,...o==null?void 0:o.container,...n};return t&&h.isValidElement(e)?h.cloneElement(e,u):r.jsx(i.View,{display:"inline-block",...u,children:e})}),Lp=h.memo(({children:e,views:o,...t})=>{const{isOpen:n,contentRef:a,contentId:l,triggerId:c}=Yt();return n?r.jsx(i.View,{ref:a,id:l,role:"tooltip","aria-labelledby":c,...o==null?void 0:o.container,...t,children:e}):null}),Bp=({content:e,children:o,position:t="top",align:n="center",size:a="md",variant:l="default",showArrow:c=!0,views:d,themeMode:g,...s})=>{const{isOpen:m,triggerRef:f,contentRef:p,contentId:u,triggerId:y}=Yt(),{ref:b,relation:x}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),[k,S]=h.useState({x:0,y:0,placement:t});h.useEffect(()=>{f!=null&&f.current&&b&&(b.current=f.current)},[f,b,m]),h.useEffect(()=>{if(m&&(p!=null&&p.current)&&(f!=null&&f.current)){const w=f.current.getBoundingClientRect();let T=t;x&&(t==="top"&&x.space.vertical==="bottom"?T="bottom":t==="bottom"&&x.space.vertical==="top"?T="top":t==="right"&&x.space.horizontal==="left"?T="left":t==="left"&&x.space.horizontal==="right"&&(T="right"));let z=0,M=0;switch(T){case"top":z=n==="start"?w.left:n==="end"?w.right-120:w.left+w.width/2-60,M=w.top-8;break;case"bottom":z=n==="start"?w.left:n==="end"?w.right-120:w.left+w.width/2-60,M=w.bottom+8;break;case"right":z=w.right+8,M=n==="start"?w.top:n==="end"?w.bottom-32:w.top+w.height/2-16;break;case"left":z=w.left-8,M=n==="start"?w.top:n==="end"?w.bottom-32:w.top+w.height/2-16;break}S({x:z,y:M,placement:T})}},[m,t,n,f,p,x]);const v=h.useMemo(()=>c?Dp(k.placement):{},[c,k.placement]),C=h.useMemo(()=>{const w={position:"fixed",left:k.x,top:k.y,zIndex:1e3};switch(k.placement){case"top":return{...w,transform:"translateY(-100%)"};case"left":return{...w,transform:"translateX(-100%)"};case"bottom":case"right":default:return w}},[k.x,k.y,k.placement]);return r.jsxs(i.View,{position:"relative",display:"inline-block",...d==null?void 0:d.container,...s,children:[r.jsx(ki,{children:o}),m&&r.jsxs(i.View,{ref:p,id:u,role:"tooltip","aria-labelledby":y,borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",style:C,...Vp[a],...Ep[l],...d==null?void 0:d.content,children:[typeof e=="string"?r.jsx(i.Text,{...d==null?void 0:d.text,children:e}):e,c&&r.jsx(i.View,{...v,...d==null?void 0:d.arrow})]})]})},Lr=({content:e,children:o,position:t="top",align:n="center",size:a="md",variant:l="default",openDelay:c=200,closeDelay:d=200,showArrow:g=!0,defaultOpen:s=!1,isDisabled:m=!1,views:f,...p})=>{const u=Ap({defaultOpen:s,openDelay:c,closeDelay:d,isDisabled:m});return r.jsx($p,{value:u,children:r.jsx(Bp,{content:e,position:t,align:n,size:a,variant:l,showArrow:g,views:f,...p,children:o})})};Lr.Trigger=ki,Lr.Content=Lp;const Ci=h.forwardRef((e,o)=>{const t=Ua(e);return r.jsx(Qa,{...e,...t})});Ci.displayName="ChatInput";const _p={container:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}},wi={container:{position:"relative",display:"flex",flexDirection:"column",height:"100vh",alignItems:"center",justifyContent:"center"},gradient:{position:"absolute",inset:"-10px",opacity:.5,pointerEvents:"none",filter:"blur(10px)",backgroundSize:"300% 200%",backgroundPosition:"50% 50%, 50% 50%"}},Xt={container:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",overflow:"hidden"},image:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundAttachment:"scroll"},content:{position:"relative",width:"100%",height:"100%",zIndex:2}},Kt={container:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",overflow:"hidden"},video:{position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover"},content:{position:"relative",zIndex:2}},Op=h.createContext({}),Np=({children:e,showRadialGradient:o=!0,views:t,themeMode:n,...a})=>{const l={white:"rgba(255,255,255,1)",transparent:"rgba(255,255,255,0)"},c=["rgb(59, 130, 246)","rgb(196, 181, 253)","rgb(147, 197, 253)","rgb(221, 214, 254)","rgb(96, 165, 250)"],d={...wi.gradient,backgroundImage:`
26
+ ${fe}`:fe}let se=H,le=!1;H.endsWith("-thinking")&&(se=H.replace(/-thinking$/,""),le=!0),n==null||n(oe,{model_name:se,enable_thinking:le}),y||k(""),v([]),b([])},D=J=>{v(oe=>oe.filter((se,le)=>le!==J)),!d&&w.length>J&&b(oe=>oe.filter((se,le)=>le!==J))},X=J=>{J.preventDefault(),J.stopPropagation(),W(!0)},Q=J=>{J.preventDefault(),J.stopPropagation(),W(!1)},R=h.useCallback(J=>{!J||J.length===0||(b(oe=>[...oe,...J]),v(oe=>[...oe,...J]),z(oe=>[...oe,...J]),F(!0))},[b,v]),Z=h.useCallback(()=>{if($.length>0&&!V&&u){A(!0);const J=$[0];P.current=J,E(0);try{u(J)}catch(oe){z(se=>se.slice(1)),A(!1),P.current=null,E(0),F(se=>$.length-1>0||!1),p==null||p(oe)}}else $.length===0&&T&&(F(!1),E(0))},[$,V,u,T,p]);h.useEffect(()=>{Z()},[$,V,Z]);const re="active",ne=J=>!0,te=()=>{G(!1),e.onGuideClose&&e.onGuideClose()},Y=J=>{y&&t?t(J.text):k(J.text),e.onPromptExampleSelect&&e.onPromptExampleSelect(J),L.current&&L.current.focus()},ee=h.useCallback(()=>w,[w]),ce=h.useCallback(()=>b([]),[]);return{onSubmit:n,getPendingFiles:ee,clearPendingFiles:ce,value:C,handleChange:q,handleSubmit:K,editableRef:L,fileInputRef:O,isUploading:T,uploadProgress:M,isDraggingOver:j,uploadedFiles:S,pendingFiles:w,removeUploadedFile:D,setPendingFiles:b,setUploadedFiles:v,setIsUploading:F,startUpload:R,selectedModel:H,handleModelChange:B,modelOptions:_,subscriptionStatus:re,canAccessModel:ne,handleDragOver:X,handleDragLeave:Q,isGuideTipShown:N,hideGuideTip:te,handlePromptExampleSelect:Y}},_h={attachmentRemove:{position:"absolute",top:"2px",right:"2px",width:"20px",height:"20px",borderRadius:"50%",backgroundColor:"color-black-900",color:"white",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"12px",zIndex:1}},nl={container:{width:"100%",maxWidth:"100%",borderRadius:"12px",backgroundColor:"color-white",transition:"background-color 0.2s ease, box-shadow 0.2s ease"},content:{width:"100%",padding:"12px",borderRadius:"12px",backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease"}},Oh={default:{borderRadius:"8px"},square:{borderRadius:"0px"},rounded:{borderRadius:"8px"}},Nh={xs:{fontSize:"10px",padding:"4px 8px"},sm:{fontSize:"12px",padding:"6px 10px"},md:{fontSize:"14px",padding:"8px 12px"},lg:{fontSize:"16px",padding:"10px 14px"},xl:{fontSize:"20px",padding:"12px 16px"}},qh={default:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200"},outline:{backgroundColor:"transparent",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-300"},none:{backgroundColor:"transparent",border:"none"}},al=e=>`${e}-${Math.random().toString(36).substring(2,9)}`,Uh=({openDelay:e=200,closeDelay:o=300}={})=>{const[t,n]=h.useState(!1),a=h.useRef(null),l=h.useRef(null),c=h.useRef(null),g=h.useRef(null),s=h.useMemo(()=>al("hovercard-content"),[]),d=h.useMemo(()=>al("hovercard-trigger"),[]),f=h.useCallback(()=>{a.current&&(clearTimeout(a.current),a.current=null),l.current&&(clearTimeout(l.current),l.current=null)},[]),m=h.useCallback(()=>{f(),t||(a.current=setTimeout(()=>{n(!0)},e))},[t,e,f]),p=h.useCallback(()=>{f(),t&&(l.current=setTimeout(()=>{n(!1)},o))},[t,o,f]),u=h.useCallback(()=>{l.current&&(clearTimeout(l.current),l.current=null)},[]);return h.useEffect(()=>()=>f(),[f]),{isOpen:t,openCard:m,closeCard:p,cancelCloseTimer:u,triggerRef:c,contentRef:g,contentId:s,triggerId:d}},ll=h.createContext({isOpen:!1,openCard:()=>{},closeCard:()=>{},cancelCloseTimer:()=>{},triggerRef:{current:null},contentRef:{current:null},contentId:"",triggerId:""}),Gh=({children:e,value:o})=>r.jsx(ll.Provider,{value:o,children:e}),il=()=>{const e=h.useContext(ll);if(!e)throw new Error("useHoverCardContext must be used within a HoverCardProvider");return e},Yh=({children:e,views:o,asChild:t=!1,...n})=>{const{openCard:a,closeCard:l,triggerRef:c,contentId:g,triggerId:s}=il(),u={ref:c,onMouseEnter:()=>a(),onMouseLeave:()=>l(),onFocus:()=>a(),onBlur:()=>l(),id:s,"aria-describedby":g,...o==null?void 0:o.container,...n};if(t&&h.isValidElement(e)){const y=h.Children.only(e);return h.cloneElement(y,{...u,...y.props})}return r.jsx(i.View,{position:"relative",display:"inline-block",...u,children:e})},Xh=({children:e,views:o,side:t="bottom",align:n="center",sideOffset:a=8,style:l,backgroundColor:c="color-white",borderRadius:g="4px",boxShadow:s="0px 2px 8px rgba(0, 0, 0, 0.15)",padding:d="12px",minWidth:f="50px",maxWidth:m="300px",...p})=>{const{isOpen:u,cancelCloseTimer:y,closeCard:x,contentRef:k,triggerRef:C,contentId:S,triggerId:v}=il(),{ref:w,relation:b}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0});h.useEffect(()=>{C!=null&&C.current&&(w==null?void 0:w.current)!==C.current&&w&&(w.current=C.current)},[C,w,u]);const T=()=>y(),F=()=>x();if(!u)return null;const M=()=>{if(!b||!(C!=null&&C.current))return{position:"absolute",top:0,left:0,zIndex:1e3};const z=C.current.getBoundingClientRect();let V=t;t==="bottom"&&b.space.vertical==="top"?V="top":t==="top"&&b.space.vertical==="bottom"?V="bottom":t==="right"&&b.space.horizontal==="left"?V="left":t==="left"&&b.space.horizontal==="right"&&(V="right");let A=0,P=0;switch(V){case"bottom":A=z.left+z.width/2,P=z.bottom+a;break;case"top":A=z.left+z.width/2,P=z.top-a;break;case"right":A=z.right+a,P=z.top+z.height/2;break;case"left":A=z.left-a,P=z.top+z.height/2;break}return{position:"fixed",left:A,top:P,zIndex:1e3,transform:E(V)}},E=z=>{switch(z){case"bottom":return"translate(-50%, 0)";case"top":return"translate(-50%, -100%)";case"right":return"translate(0, -50%)";case"left":return"translate(-100%, -50%)";default:return"translate(-50%, 0)"}},$=M();return r.jsx(i.View,{ref:k,id:S,role:"tooltip","aria-labelledby":v,onMouseEnter:T,onMouseLeave:F,backgroundColor:c,borderRadius:g,boxShadow:s,padding:d,minWidth:f,maxWidth:m,style:{...$,...l},...o==null?void 0:o.container,...p,children:e})},ve=({children:e,views:o,openDelay:t,closeDelay:n,...a})=>{const l=Uh({openDelay:t,closeDelay:n});return r.jsx(Gh,{value:l,children:r.jsx(i.View,{position:"relative",display:"inline-block",...o==null?void 0:o.container,...a,children:e})})};ve.Trigger=Yh,ve.Content=Xh;const Kh=({files:e,sandboxId:o,onRemove:t,layout:n="inline",maxHeight:a="120px",showPreviews:l=!1,views:c={}})=>{if(e.length===0)return null;const g=h.useCallback(d=>d<1024?`${d} B`:d<1024*1024?`${(d/1024).toFixed(1)} KB`:`${(d/(1024*1024)).toFixed(1)} MB`,[]),s=h.useCallback(d=>d.type.startsWith("image/")?{backgroundColor:"#DBEAFE",color:"#2563EB"}:d.type.startsWith("video/")?{backgroundColor:"#EDE9FE",color:"#7C3AED"}:d.type.startsWith("audio/")?{backgroundColor:"#DCFCE7",color:"#16A34A"}:{backgroundColor:"#E2E8F0",color:"#475569"},[]);return r.jsx(i.View,{display:"flex",flexWrap:"wrap",gap:"8px",padding:"8px 0",maxHeight:a,overflowY:"auto",...c==null?void 0:c.container,children:e.map((d,f)=>{const m=(d==null?void 0:d.path)||(d==null?void 0:d.url)||(l?URL.createObjectURL(d):""),p=d.type.startsWith("image/"),u=d.type.startsWith("video/"),y=d.type.startsWith("audio/"),x=s(d);return l?r.jsx(i.Vertical,{alignItems:"center",gap:"6px",padding:"6px 10px",borderRadius:"8px",border:"1px solid #E2E8F0",backgroundColor:"color-white",animate:{from:{opacity:0,scale:.9},to:{opacity:1,scale:1}},animationDuration:.2,...c==null?void 0:c.item,children:l&&r.jsxs(ve,{children:[r.jsxs(ve.Trigger,{children:[p&&r.jsx(i.Image,{src:m,alt:d.name,width:"60px",height:"60px",borderRadius:"8px",objectFit:"cover"}),u&&r.jsx(i.View,{as:"video",src:m,alt:d.name,controls:!1,muted:!0,width:"60px",height:"60px",borderRadius:"8px",objectFit:"cover"}),y&&r.jsx(i.Center,{width:"60px",height:"60px",borderRadius:"8px",backgroundColor:"color-gray-100",children:r.jsx(yo,{widthHeight:24,color:"color-black"})}),!p&&!u&&!y&&r.jsx(i.Center,{width:"60px",height:"60px",borderRadius:"8px",backgroundColor:"color-gray-100",children:r.jsx(ro,{widthHeight:24,color:"color-black"})}),t&&r.jsx(i.Button,{..._h.attachmentRemove,onClick:k=>{k.stopPropagation(),t(f)},"aria-label":`Remove ${d.name}`,children:"×"})]}),r.jsxs(ve.Content,{children:[p&&r.jsx(i.Image,{src:m,alt:d.name,maxWidth:"100%"}),u&&r.jsx(i.View,{as:"video",src:m,controls:!0,maxWidth:"100%"}),y&&r.jsx(i.View,{as:"audio",src:m,controls:!0,width:"100%"}),r.jsxs(i.Text,{marginTop:"4px",maxLines:1,width:"100%",...c==null?void 0:c.name,children:[d.name," (",g(d.size),")"]})]})]})},f):r.jsxs(i.Horizontal,{alignItems:"center",gap:"8px",padding:"6px 10px 6px 8px",borderRadius:"9999px",border:"1px solid #E2E8F0",backgroundColor:"color-white",maxWidth:"100%",animate:{from:{opacity:0,scale:.96},to:{opacity:1,scale:1}},animationDuration:.2,...c==null?void 0:c.item,children:[r.jsx(i.Center,{width:"22px",height:"22px",minWidth:"22px",borderRadius:"9999px",backgroundColor:x.backgroundColor,color:x.color,children:y?r.jsx(yo,{widthHeight:12,color:"currentColor"}):r.jsx(ro,{widthHeight:12,color:"currentColor"})}),r.jsxs(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-600",maxLines:1,maxWidth:"220px",...c==null?void 0:c.name,children:[d.name," · ",g(d.size)]}),t&&r.jsx(i.View,{as:"button",type:"button",onClick:()=>t(f),"aria-label":`Remove ${d.name}`,display:"flex",alignItems:"center",justifyContent:"center",width:"16px",height:"16px",minWidth:"16px",border:"none",backgroundColor:"transparent",color:"color-gray-400",padding:0,cursor:"pointer",transition:"color 0.2s ease, opacity 0.2s ease",_hover:{color:"color-gray-600"},children:"×"})]},f)})})},cl=h.forwardRef(({value:e,onChange:o,placeholder:t="Type your message...",disabled:n=!1,autoFocus:a=!0,suggestions:l=[],onSuggestionSelect:c,showSuggestions:g=!1,mentionData:s=[],mentionTrigger:d="@",onMentionSelect:f,maxHeight:m="200px",minHeight:p="40px",views:u={}},y)=>{var ne,te;const x=h.useRef(e),[k,C]=h.useState(-1),[S,v]=h.useState(!e),w=h.useRef(null),[b,T]=h.useState(!1),[F,M]=h.useState(!1),[E,$]=h.useState(""),[z,V]=h.useState(-1),[A,P]=h.useState(-1),[j,W]=h.useState([]),{ref:H,relation:B}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),[_,L]=h.useState({x:0,y:0}),[O,N]=h.useState({x:0,y:0});h.useEffect(()=>{const Y=y;Y.current&&e!==x.current&&(Y.current.textContent=e,x.current=e,v(!e))},[e,y]),h.useEffect(()=>{a&&y&&typeof y=="object"&&y.current&&y.current.focus()},[a,y]);const G=()=>{const Y=window.getSelection();if(!Y||Y.rangeCount===0)return-1;const ee=Y.getRangeAt(0),ce=ee.cloneRange();return ce.selectNodeContents(y&&typeof y=="object"&&y.current?y.current:document.body),ce.setEnd(ee.endContainer,ee.endOffset),ce.toString().length},q=h.useCallback((Y,ee)=>{const ce=Y.substring(0,ee),J=ce.lastIndexOf(d);if(J!==-1){const oe=ce.substring(J+1);if(!oe.includes(" ")){const le=oe.toLowerCase(),fe=s.filter(Be=>Be.name.toLowerCase().includes(le));$(le),V(J),W(fe),M(fe.length>0),P(0);const Ve=K();L(Ve);return}}M(!1),$(""),V(-1),P(-1)},[s,d]);h.useEffect(()=>{w.current&&H&&(H.current=w.current)},[w,H]);const K=h.useCallback((Y=200)=>{if(!w.current)return{x:0,y:0};const ee=w.current.getBoundingClientRect();if(B){const se=B.space.vertical==="top";return{x:ee.left,y:se?ee.top-Y-8:ee.bottom+8}}const ce=window.innerHeight,J={top:ee.top,bottom:ce-ee.bottom},oe=J.bottom<Y+8&&J.top>J.bottom;return{x:ee.left,y:oe?ee.top-Y-8:ee.bottom+8}},[B]),D=h.useCallback(()=>{T(!0);const Y=K();N(Y)},[K]),X=h.useCallback(()=>{setTimeout(()=>{T(!1),C(-1)},150)},[]),Q=Y=>{const ee=Y.currentTarget.textContent||"";if(ee!==x.current){o(ee),x.current=ee,v(!ee);const ce=G();q(ee,ce)}},R=h.useCallback(Y=>{if(y&&typeof y=="object"&&y.current){const ee=y.current.textContent||"",ce=ee.substring(0,z),J=ee.substring(z+d.length+E.length),oe=ce+d+Y.name+" "+J;o(oe),x.current=oe,y.current.textContent=oe;const se=ce.length+d.length+Y.name.length+1;setTimeout(()=>{var le;if(y.current){const fe=document.createRange(),Ve=window.getSelection(),Be=y.current.firstChild;Be&&Ve&&(fe.setStart(Be,Math.min(se,((le=Be.textContent)==null?void 0:le.length)||0)),fe.collapse(!0),Ve.removeAllRanges(),Ve.addRange(fe))}},0)}M(!1),$(""),V(-1),P(-1),f&&f(Y)},[z,d,E,o,f,y]),Z=h.useCallback(Y=>{c&&c(Y),C(-1)},[c]),re=Y=>{if(F&&j.length>0){if(Y.key==="ArrowDown"){Y.preventDefault(),P(ee=>ee<j.length-1?ee+1:0);return}if(Y.key==="ArrowUp"){Y.preventDefault(),P(ee=>ee>0?ee-1:j.length-1);return}if((Y.key==="Tab"||Y.key==="Enter")&&A>=0){Y.preventDefault(),R(j[A]);return}if(Y.key==="Escape"){M(!1),P(-1);return}}if(g&&l.length>0){if(Y.key==="ArrowDown"){Y.preventDefault(),C(ee=>ee<l.length-1?ee+1:0);return}if(Y.key==="ArrowUp"){Y.preventDefault(),C(ee=>ee>0?ee-1:l.length-1);return}if(Y.key==="Tab"&&k>=0){Y.preventDefault(),Z(l[k]);return}if(Y.key==="Escape"){C(-1);return}}};return r.jsxs(i.View,{ref:w,width:"100%",position:"relative",...u==null?void 0:u.container,children:[r.jsxs(i.View,{width:"100%",minHeight:p,maxHeight:m,overflowY:"auto",position:"relative",children:[S&&r.jsx(i.Text,{position:"absolute",top:"8px",left:"8px",color:"color-gray-400",pointerEvents:"none",fontSize:"14px",zIndex:1,...u==null?void 0:u.placeholder,children:t}),r.jsx(i.View,{as:"div",ref:y,contentEditable:!n,suppressContentEditableWarning:!0,onInput:Q,onKeyDown:re,onFocus:D,onBlur:X,role:"textbox","aria-multiline":"true","aria-placeholder":t,width:"100%",minHeight:"24px",padding:"8px",outline:"none",whiteSpace:"pre-wrap",wordBreak:"break-word",fontSize:"14px",color:"color-gray-900",backgroundColor:"transparent",...u==null?void 0:u.input})]}),F&&j.length>0&&r.jsx(i.View,{position:"fixed",left:_.x,top:_.y,width:((ne=w.current)==null?void 0:ne.offsetWidth)||300,backgroundColor:"color-white",border:"2px solid",borderColor:"color-blue-300",borderRadius:"8px",boxShadow:"0 8px 24px rgba(0, 0, 0, 0.15)",zIndex:9999,maxHeight:"200px",overflowY:"auto",...u==null?void 0:u.mentionContainer,children:r.jsxs(i.Vertical,{gap:0,children:[j.map((Y,ee)=>r.jsx(i.View,{as:"button",type:"button",width:"100%",padding:"12px 16px",backgroundColor:ee===A?"color-blue-50":"transparent",border:"none",cursor:"pointer",textAlign:"left",transition:"background-color 0.2s ease",onClick:()=>R(Y),onMouseEnter:()=>P(ee),_hover:{backgroundColor:"color-blue-50"},...u==null?void 0:u.mentionItem,children:r.jsxs(i.Vertical,{gap:4,children:[r.jsxs(i.Text,{fontSize:"14px",color:"color-gray-900",fontWeight:"medium",children:[d,Y.name]}),Y.description&&r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",children:Y.description})]})},Y.id)),process.env.NODE_ENV==="development"&&r.jsxs("div",{style:{fontSize:"8px",opacity:.7,padding:"4px"},children:["Mentions (Trigger: ",d,")",B&&r.jsxs(r.Fragment,{children:[r.jsx("br",{}),"Space: ",B.space.vertical,"-",B.space.horizontal]})]})]})}),g&&l.length>0&&!F&&b&&!e&&r.jsx(i.View,{position:"fixed",left:O.x,top:O.y,width:((te=w.current)==null?void 0:te.offsetWidth)||300,backgroundColor:"color-white",border:"2px solid",borderColor:"color-green-300",borderRadius:"8px",boxShadow:"0 8px 24px rgba(0, 0, 0, 0.15)",zIndex:9998,maxHeight:"200px",overflowY:"auto",...u==null?void 0:u.suggestionsContainer,children:r.jsxs(i.Vertical,{gap:0,children:[l.map((Y,ee)=>r.jsx(i.View,{as:"button",type:"button",width:"100%",padding:"12px 16px",backgroundColor:ee===k?"color-blue-50":"transparent",border:"none",cursor:"pointer",textAlign:"left",transition:"background-color 0.2s ease",onClick:()=>Z(Y),onMouseEnter:()=>C(ee),_hover:{backgroundColor:"color-blue-50"},...u==null?void 0:u.suggestionItem,children:r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontSize:"14px",color:"color-gray-900",fontWeight:"medium",children:Y.text}),Y.description&&r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",children:Y.description})]})},Y.id)),process.env.NODE_ENV==="development"&&r.jsxs("div",{style:{fontSize:"8px",opacity:.7,padding:"4px"},children:["Suggestions (Focus-triggered)",B&&r.jsxs(r.Fragment,{children:[r.jsx("br",{}),"Space: ",B.space.vertical,"-",B.space.horizontal]})]})]})})]})});cl.displayName="EditableInput";const Jh=({examples:e,onSelect:o,views:t={}})=>{const{getColor:n}=i.useTheme();return!e||e.length===0?null:r.jsx(i.Horizontal,{gap:8,overflowX:"auto",padding:"8px 0",width:"100%",...t==null?void 0:t.container,children:e.map(a=>r.jsx(i.View,{as:"button",type:"button",padding:"8px 12px",borderRadius:"9999px",backgroundColor:"color-white",border:"1px solid #E2E8F0",cursor:"pointer",transition:"background-color 0.2s ease, border-color 0.2s ease",onClick:()=>o(a),_hover:{backgroundColor:"#F8FAFC",borderColor:"#CBD5E1"},...t==null?void 0:t.item,children:r.jsx(i.Text,{fontSize:"14px",color:"color-gray-700",...t==null?void 0:t.text,children:a.text})},a.id))})},Qh=({onRecordingComplete:e,onRecordingStart:o,views:t={}})=>{const{recording:n,paused:a,audioBlob:l,analyserNode:c,startRecording:g,stopRecording:s}=Gn();h.useEffect(()=>{if(l){const f=new File([l],`recording-${Date.now()}.webm`,{type:l.type||"audio/webm;codecs=opus"});e(f)}},[l]);const d=h.useCallback(()=>{g(),o==null||o()},[]);return r.jsxs(i.Horizontal,{alignItems:"center",gap:4,children:[r.jsx(i.View,{minWidth:90,children:n&&c&&r.jsx(mt,{analyserNode:c,isPaused:a})}),r.jsx(i.View,{as:"button",type:"button",onClick:n?s:d,height:"40px",width:"40px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:n?"theme-error":"color-gray-100",color:n?"color-white":"color-gray-600",borderRadius:"50%",border:"none",cursor:"pointer",_hover:{backgroundColor:n?"color-red-600":"color-gray-200"},...t.button,children:n?r.jsx(pr,{widthHeight:16,color:"currentColor",filled:!1}):r.jsx(lt,{widthHeight:16,color:"currentColor",filled:!1})})]})},sl=h.memo(({onSubmit:e,placeholder:o="Type your message… use @ to mention",loading:t=!1,disabled:n=!1,isAgentRunning:a=!1,enableAudioRecording:l=!1,leftButtons:c,rightButtons:g,onStopAgent:s,loadingText:d="Agent is working...",autoFocus:f=!0,sandboxId:m,hideAttachments:p=!1,attachmentText:u="",promptExamples:y=[],suggestions:x=[],errorMessage:k,size:C="md",shape:S="rounded",variant:v="default",views:w={},mentionData:b=[],mentionTrigger:T="@",onMentionSelect:F,onAudioRecordingStart:M,onAudioRecordingStop:E,showGuideTip:$,guideVideoUrl:z,onGuideClose:V,onFileBrowse:A,onUploadProgress:P,onUploadSuccess:j,onUploadError:W,onFileUpload:H,onPromptExampleSelect:B,value:_,handleChange:L,handleSubmit:O,editableRef:N,fileInputRef:G,isUploading:q,uploadProgress:K,isDraggingOver:D,uploadedFiles:X,pendingFiles:Q,getPendingFiles:R,clearPendingFiles:Z,removeUploadedFile:re,setPendingFiles:ne,setUploadedFiles:te,setIsUploading:Y,startUpload:ee,selectedModel:ce,handleModelChange:J,modelOptions:oe,subscriptionStatus:se,canAccessModel:le,isGuideTipShown:fe,hideGuideTip:Ve,handlePromptExampleSelect:Be,handleDragOver:wn,handleDragLeave:dr,onChange:bc,...Ue})=>{i.useTheme();const Do=h.useMemo(()=>({...nl.container,...Oh[S],...w==null?void 0:w.container}),[S,w==null?void 0:w.container]),Sn=h.useMemo(()=>({...nl.content,...Nh[C],...qh[v],...w==null?void 0:w.content}),[C,v,w==null?void 0:w.content]),gr=((_==null?void 0:_.trim().length)??0)>0||X.length>0,Xy=h.useCallback(Ce=>{ee([Ce]),E==null||E(Ce)},[ee,E]),vn=h.useCallback(Ce=>{const $o=Ce.filter(xc=>xc.size>52428800?(console.error(`File size exceeds 50MB limit: ${xc.name}`),!1):!0);$o.length>0&&ee($o)},[ee]),Ky=h.useCallback(Ce=>{if(Ce.preventDefault(),Ce.stopPropagation(),dr(Ce),Ce.dataTransfer.files.length>0){const $o=Array.from(Ce.dataTransfer.files);vn($o)}},[dr,vn]),Jy=h.useMemo(()=>[...b||[],...X.map((Ce,$o)=>({id:`file-${$o}`,name:Ce.name}))],[b,X]);return r.jsxs(i.View,{display:"flex",flexDirection:"column",boxSizing:"border-box",...Do,...Ue,onDragOver:wn,onDragLeave:dr,onDrop:Ky,children:[y.length>0&&r.jsx(Jh,{examples:y,onSelect:Be,views:{container:w==null?void 0:w.promptExamples,item:w==null?void 0:w.promptExampleItem}}),a&&r.jsxs(i.Horizontal,{justifyContent:"center",alignItems:"center",gap:8,padding:"8px 0",animate:{from:{opacity:0,y:-10},to:{opacity:1,y:0},duration:"0.3s"},...w==null?void 0:w.loadingIndicator,children:[r.jsx(ct,{widthHeight:12,color:"currentColor",filled:!1,style:{animation:"spin 1s linear infinite"}}),r.jsx(i.Text,{color:"color-gray-500",children:d})]}),r.jsx(i.View,{position:"relative",width:"100%",overflow:"visible",children:r.jsxs(i.View,{as:"form",onSubmit:O,overflow:"visible",display:"flex",flexDirection:"column",position:"relative",...Sn,...Do,paddingHorizontal:16,paddingVertical:10,backgroundColor:D?"color-blue-50":void 0,children:[r.jsx(Kh,{files:X,sandboxId:m,onRemove:re,showPreviews:!0,views:{container:w==null?void 0:w.attachments,item:w==null?void 0:w.attachmentItem,name:w==null?void 0:w.attachmentName,size:w==null?void 0:w.attachmentSize,removeButton:w==null?void 0:w.attachmentRemove}}),r.jsx(cl,{ref:N,value:_||"",onChange:L,placeholder:o,disabled:n&&!a,autoFocus:f,suggestions:x||[],showSuggestions:x&&x.length>0&&!_,onSuggestionSelect:Ce=>{L(Ce.text)},mentionData:Jy,mentionTrigger:T,onMentionSelect:F,views:{container:{},input:w==null?void 0:w.editableInput}}),r.jsxs(i.Horizontal,{justifyContent:"space-between",alignItems:"center",marginTop:"8px",children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[!p&&r.jsx(xr,{accept:"*/*",icon:r.jsx(Bo,{widthHeight:16}),maxSize:50*1024*1024,multiple:!0,onMultipleFileSelect:vn,isLoading:q,progress:K||0,text:u,fileType:"file",renderError:({errorMessage:Ce})=>null,views:{container:{height:"36px",cursor:"pointer",_hover:{backgroundColor:"color-gray-100"},...w==null?void 0:w.fileButton}},containerProps:{display:"flex",alignItems:"center",justifyContent:"center",gap:4,borderRadius:S==="rounded"?"50%":4,padding:10},textProps:{fontSize:"14px",color:"color-gray-600"},validateFile:Ce=>Ce.size>50*1024*1024?"File size exceeds 50MB limit":null}),c]}),r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[l&&r.jsx(Qh,{onRecordingStart:M,onRecordingComplete:Xy,views:{button:w==null?void 0:w.recordButton}}),r.jsx(i.View,{as:"button",type:"button",onClick:O,height:"40px",width:"40px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:a?"theme-error":gr?"theme-primary":"color-gray-300",color:"color-white",borderRadius:S==="rounded"?"50%":4,border:"none",cursor:gr?"pointer":"not-allowed",disabled:!gr||t||n&&!a,transition:"background-color 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease",_hover:{opacity:gr||a?.9:1},_active:{opacity:gr||a?.95:1},_focusVisible:{outline:"none",boxShadow:"0 0 0 2px white, 0 0 0 4px theme-primary"},...w==null?void 0:w.submitButton,children:a?r.jsx(pr,{widthHeight:16,color:"currentColor",filled:!1}):t?r.jsx(Xe,{type:"quarter",size:16,color:"color-white"}):r.jsx(it,{widthHeight:16,color:"currentColor",filled:!1})}),g]})]})]})}),k&&r.jsx(i.Text,{color:"theme-error",marginTop:"4px",...w==null?void 0:w.bottomTip,children:k})]})}),Zh=e=>{const{name:o,onSubmit:t,...n}=e,[a,l]=h.useState([]),c=ue({name:o,type:"text"}),g=p=>{c.onChangeText&&c.onChangeText(p)},s=(p,u)=>{t?t(p,u):g(p)},d=()=>a,f=()=>l([]),m=tl({...n,value:c.value||"",onChange:g,onSubmit:s});return r.jsx(sl,{...n,...m,value:c.value||"",onChange:g,onSubmit:s,error:c.error,getPendingFiles:d,clearPendingFiles:f})},Rh=e=>{const o=ue(e),t=Ma(o);return r.jsx(Wa,{...t,...o})},ef=e=>{const o=ue(e),t=_a();return r.jsx(Oa,{...t,...o})},of=e=>{const o=ue(e),t=Pa(e);return r.jsx(ja,{...t,...o})},rf=e=>{let o=ue(e);o.selected=o.value;const t=ma(e);return r.jsx(ya,{...t,...o})},tf=e=>{const o=ue(e),t=ba(e);return r.jsx(Ca,{...t,...o})},nf=e=>{const{name:o,...t}=e,{values:n,errors:a,touched:l,submitCount:c,setFieldValue:g,setFieldTouched:s}=We.useFormikContext(),d=We.getIn(n,o)||[],f=We.getIn(l,o)||c>0?We.getIn(a,o):void 0,m=h.useCallback(k=>{var S;const C=Array.isArray(k)?k.filter(v=>typeof v=="string"):[];g(o,C),(S=e.onTagsChange)==null||S.call(e,C)},[o,g,e.onTagsChange]),p=h.useCallback(()=>{var k;s(o,!0),(k=e.onBlur)==null||k.call(e)},[o,s,e.onBlur]),u=Xa({...t,tags:d,onTagsChange:m,onBlur:p}),{tags:y,...x}=u;return r.jsx(Ka,{...x,...t,tags:y,error:f})},af=e=>{const o=ue(e),t=va(e);return r.jsx(Ta,{...t,...o})},lf=e=>{const o=ue(e,{focusable:!0}),{value:t,...n}=Mt(e);return r.jsx(Yo,{...n,...o})},cf=({visibleIcon:e=r.jsx(dt,{widthHeight:14}),hiddenIcon:o=r.jsx(st,{widthHeight:14}),...t})=>{const n=ue(t,{focusable:!0}),{isVisible:a,setIsVisible:l,...c}=Na(n);return r.jsx(Yo,{...c,type:a?"text":"password",isClearable:!1,right:r.jsx(i.View,{onClick:()=>{t.isDisabled||l(!a)},children:a?e:o})})},sf=({items:e,placeholder:o,searchPlaceholder:t,isMulti:n=!1,...a})=>{const l=ue(a),c=qa(e,o,t);h.useEffect(()=>{if(n&&Array.isArray(l.value))c.setSelectedItems(l.value);else if(!n&&l.value){const s=typeof l.value=="object"?l.value:e.find(d=>d.value===l.value);s&&c.setSelectedItem(s)}},[l.value,n,e]);const g=s=>{l.onChange(s)};return r.jsx(Ya,{...c,...l,items:e,placeholder:o,isMulti:n,onSelect:g})},vo=(e,o,t)=>Math.min(Math.max(e,o),t),df=(e,o,t,n,a,l,c)=>{const g=n-t;let s;if(l==="horizontal"){const d=o.width,f=e-o.left;s=vo(f/d,0,1)}else{const d=o.height,f=o.bottom-e;s=vo(f/d,0,1)}if(c&&c.length>0){const d=t+s*g;let f=c[0],m=Math.abs(d-f);for(let p=1;p<c.length;p++){const u=Math.abs(d-c[p]);u<m&&(m=u,f=c[p])}return f}else{const d=t+s*g,f=Math.round(d/a)*a;return vo(f,t,n)}},dl=({min:e=0,max:o=100,step:t=1,value:n=0,defaultValue:a,onChange:l,onDrag:c,orientation:g="horizontal",isDisabled:s=!1,stepValues:d})=>{const f=vo(n??a??e,e,o),[m,p]=h.useState(f),[u,y]=h.useState(!1),[x,k]=h.useState(!1),C=h.useRef(null),S=h.useRef(null),v=n!==void 0,w=v?n:m;h.useEffect(()=>{v&&p(vo(n,e,o))},[n,v,e,o]);const b=h.useCallback(V=>{const A=vo(V,e,o);v||p(A),l&&A!==w&&l(A),u&&c&&c(A)},[v,e,o,l,w,u,c]),T=h.useCallback(V=>{if(s||!C.current)return;const A=C.current;if(typeof A.getBoundingClientRect!="function")return;const P=A.getBoundingClientRect();let j;"touches"in V?j=g==="horizontal"?V.touches[0].clientX:V.touches[0].clientY:j=g==="horizontal"?V.clientX:V.clientY;const W=df(j,P,e,o,t,g,d);b(W)},[e,o,t,g,b,s,d]),F=h.useCallback(V=>{if(s)return;V.preventDefault(),y(!0),T(V);const A=j=>{T(j)},P=()=>{y(!1),document.removeEventListener("mousemove",A),document.removeEventListener("mouseup",P),document.removeEventListener("touchmove",A),document.removeEventListener("touchend",P)};typeof(document==null?void 0:document.addEventListener)=="function"&&(document.addEventListener("mousemove",A),document.addEventListener("mouseup",P),document.addEventListener("touchmove",A),document.addEventListener("touchend",P))},[T,s]),M=h.useCallback(V=>{const A=S.current;A&&typeof A.contains=="function"&&A.contains(V.target)||F(V)},[F]),E=h.useCallback(V=>{if(s)return;let A=w;switch(V.key){case"ArrowLeft":case"ArrowDown":A=w-t;break;case"ArrowRight":case"ArrowUp":A=w+t;break;case"Home":A=e;break;case"End":A=o;break;default:return}V.preventDefault(),b(A)},[w,e,o,t,b,s]),$=o-e,z=$===0?0:(w-e)/$*100;return{currentValue:w,isDragging:u,isHovered:x,setIsHovered:k,trackRef:C,thumbRef:S,handleThumbMouseDown:F,handleTrackMouseDown:M,handleKeyDown:E,thumbPositionPercent:z}},gl={xs:{height:4,width:"100%"},sm:{height:6,width:"100%"},md:{height:8,width:"100%"},lg:{height:10,width:"100%"},xl:{height:12,width:"100%"}},hl={xs:{width:12,height:12},sm:{width:16,height:16},md:{width:20,height:20},lg:{width:24,height:24},xl:{width:28,height:28}},fl={square:0,rounded:4,pill:24},ml=(e=>({default:{backgroundColor:"color-gray-200",transition:"background-color 0.15s ease"},outline:{borderWidth:1,borderStyle:"solid",borderColor:"color-gray-300",style:{backgroundColor:"transparent"},transition:"border-color 0.15s ease"}}))(),gf={xs:{trackCrossAxisSize:4,thumbSize:12},sm:{trackCrossAxisSize:6,thumbSize:16},md:{trackCrossAxisSize:8,thumbSize:20},lg:{trackCrossAxisSize:10,thumbSize:24},xl:{trackCrossAxisSize:12,thumbSize:28}},hf={horizontal:{width:"100%",minWidth:"120px",height:"auto",flexDirection:"row",paddingVertical:8},vertical:{height:"100%",minHeight:"120px",width:"auto",flexDirection:"column-reverse",paddingHorizontal:8}},ff=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),Zo=(e,o)=>ff(o)?{style:{[e]:o}}:{[e]:o},pl=h.memo(({min:e=0,max:o=100,step:t=1,currentValue:n,stepValues:a,shape:l="rounded",size:c="md",variant:g="default",orientation:s="horizontal",isDisabled:d=!1,showValue:f=!1,showTooltip:m=!1,backgroundColor:p="theme-primary",label:u,helperText:y,themeMode:x,shadow:k={},isDragging:C,isHovered:S,setIsHovered:v,trackRef:w,thumbRef:b,handleThumbMouseDown:T,handleTrackMouseDown:F,handleKeyDown:M,thumbPositionPercent:E,ariaLabel:$="Slider",views:z={container:{},track:{},progress:{},filledTrack:{},thumb:{},label:{},valueLabel:{},stepMarks:{},tooltip:{}},onChange:V,onDrag:A,value:P,defaultValue:j,...W})=>{var D,X;const H=p,B="theme-disabled",_=ml[g].backgroundColor,L=d?B:H,O=s==="vertical",{trackCrossAxisSize:N,thumbSize:G}=gf[c]||{trackCrossAxisSize:gl[c].height,thumbSize:hl[c].width||16},q=r.jsxs(i.Vertical,{width:"100%",gap:8,...z.container,...W,children:[u&&r.jsxs(i.Horizontal,{justifyContent:"space-between",alignItems:"center",children:[r.jsx(i.Text,{fontSize:14,fontWeight:500,...z.label,children:u}),f&&r.jsx(i.Text,{fontSize:14,color:"color-gray-500",...z.valueLabel,children:n})]}),r.jsxs(i.View,{ref:w,position:"relative",cursor:d?"not-allowed":"pointer",opacity:d?.6:1,onMouseDown:F,onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),...gl[c],borderRadius:fl[l],backgroundColor:_,...ml[g],...k,...z.track,children:[a&&a.length>0&&r.jsx(r.Fragment,{children:a.map(Q=>{const R=(Q-e)/(o-e)*100;return r.jsx(i.View,{position:"absolute",top:"50%",left:`${R}%`,transform:"translate(-50%, -50%)",width:4,height:4,borderRadius:"50%",zIndex:1,...Zo("backgroundColor",L),...z.stepMarks},Q)})}),r.jsx(i.View,{position:"absolute",top:0,left:0,height:"100%",width:`${E}%`,borderRadius:fl[l],transition:"width 0.1s ease-in-out",...Zo("backgroundColor",L),...z.progress,...z.filledTrack}),r.jsx(i.View,{ref:b,role:"slider",tabIndex:d?-1:0,"aria-valuemin":e,"aria-valuemax":o,"aria-valuenow":n,"aria-orientation":s,"aria-disabled":d,"aria-label":$,position:"absolute",top:"50%",left:`${E}%`,borderRadius:"50%",backgroundColor:"color-white",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.2)",borderWidth:2,borderStyle:"solid",transition:C?"none":"transform 0.1s ease-in-out",...Zo("borderColor",L),transform:S?"translate(-50%, -50%) scale(1.1)":"translate(-50%, -50%)",zIndex:2,onMouseDown:T,onTouchStart:T,onKeyDown:M,...hl[c],...z.thumb,children:m&&(S||C)&&r.jsx(i.View,{position:"absolute",bottom:"100%",left:"50%",transform:"translateX(-50%)",marginBottom:8,padding:"4px 8px",backgroundColor:"color-black",color:"color-white",borderRadius:4,fontSize:12,whiteSpace:"nowrap",zIndex:3,...z.tooltip,children:r.jsx(i.Text,{...(D=z.tooltip)==null?void 0:D.text,children:n==null?void 0:n.toFixed(t<1?1:0)})})})]}),y&&r.jsx(Tt,{children:y})]}),K=r.jsxs(i.Center,{...hf[s],position:"relative",onMouseEnter:()=>!d&&v(!0),onMouseLeave:()=>!d&&v(!1),...W,...z==null?void 0:z.container,children:[u&&r.jsxs(i.Horizontal,{justifyContent:"space-between",alignItems:"center",marginBottom:8,width:"100%",children:[r.jsx(i.Text,{fontSize:14,fontWeight:500,...z.label,children:u}),f&&r.jsx(i.Text,{fontSize:14,color:"color-gray-500",...z.valueLabel,children:n})]}),r.jsxs(i.View,{ref:w,position:"relative",borderRadius:N/2,backgroundColor:d?B:_,cursor:d?"not-allowed":"pointer",width:O?`${N}px`:"100%",height:O?"100%":`${N}px`,onMouseDown:F,onTouchStart:F,...z==null?void 0:z.track,children:[a&&a.length>0&&r.jsx(r.Fragment,{children:a.map(Q=>{const R=(Q-e)/(o-e)*100;return r.jsx(i.View,{position:"absolute",width:4,height:4,borderRadius:"50%",backgroundColor:L,zIndex:1,...O?{bottom:`${R}%`,left:"50%",transform:"translate(-50%, 50%)"}:{left:`${R}%`,top:"50%",transform:"translate(-50%, -50%)"},...z.stepMarks},Q)})}),r.jsx(i.View,{position:"absolute",borderRadius:N/2,...O?{bottom:0,left:0,width:"100%",height:`${E}%`}:{top:0,left:0,height:"100%",width:`${E}%`},...Zo("backgroundColor",L),...z==null?void 0:z.filledTrack,...z==null?void 0:z.progress}),r.jsx(i.View,{ref:b,role:"slider",tabIndex:d?-1:0,"aria-valuemin":e,"aria-valuemax":o,"aria-valuenow":n,"aria-orientation":s,"aria-disabled":d,"aria-label":$,position:"absolute",width:`${G}px`,height:`${G}px`,borderRadius:"50%",borderWidth:2,borderStyle:"solid",borderColor:"color-white",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.2)",cursor:d?"not-allowed":"grab",transform:O?"translateX(-50%)":"translateY(-50%)",zIndex:2,transition:C?"none":"left 0.1s, bottom 0.1s",...Zo("backgroundColor",L),...O?{left:"50%",bottom:`${E}%`}:{top:"50%",left:`${E}%`},onMouseDown:T,onTouchStart:T,onKeyDown:M,...z==null?void 0:z.thumb,children:m&&(S||C)&&r.jsx(i.View,{position:"absolute",padding:"4px 8px",backgroundColor:"color-black",color:"color-white",borderRadius:"4px",whiteSpace:"nowrap",zIndex:3,...O?{left:"100%",marginLeft:"8px",bottom:"0",transform:"translateY(50%)"}:{bottom:"100%",left:"50%",marginBottom:"8px",transform:"translateX(-50%)"},...z==null?void 0:z.tooltip,children:r.jsx(i.Text,{...(X=z==null?void 0:z.tooltip)==null?void 0:X.text,children:n==null?void 0:n.toFixed(t<1?1:0)})})})]}),y&&r.jsx(Tt,{marginTop:8,children:y})]});return O||m?K:q}),mf=e=>{const o=ue(e),t=dl({...e,value:o.value!==void 0?Number(o.value):void 0,onChange:n=>{var a;o.onChange(n),(a=e.onChange)==null||a.call(e,n)}});return r.jsx(pl,{...e,...t,...o})},ul=e=>{if(e==null)return"";if(typeof e=="string"||typeof e=="number"){const o=String(e);return o==="[object Object]"?"":o}return""},Et=(e,o)=>{console.log(`[FormikOTPInput] ${e}`,o)},pf=e=>e==null||typeof e=="string"||typeof e=="number"||typeof e=="boolean"?e:Object.prototype.toString.call(e),uf=e=>{const o=ue(e),t=ul(o.value).slice(0,e.length||6);Et("render",{name:e.name,type:e.type,formValue:pf(o.value),displayValue:t,length:e.length||6,hasFormikOnChange:!!o.onChange,hasFormikOnChangeText:!!o.onChangeText});const{isFocused:n,setIsFocused:a,isHovered:l,setIsHovered:c,inputRef:g,containerRef:s,mirrorSelectionStart:d,mirrorSelectionEnd:f,setMirrorSelectionStart:m,setMirrorSelectionEnd:p,setInputRef:u,handleFocus:y,handleBlur:x,handleKeyDown:k,handlePaste:C}=Ja(e),S=h.useCallback(w=>{const b=ul(w).slice(0,e.length||6);Et("setValue",{name:e.name,incomingValue:w,nextValue:b,hasFormikOnChange:!!o.onChange,hasFormikOnChangeText:!!o.onChangeText}),o.onChange&&o.onChange(b),o.onChangeText&&o.onChangeText(b),e.onComplete&&b.length===(e.length||6)&&e.onComplete(b),g.current&&(g.current.value=b)},[o,e,g]),v=h.useCallback(w=>{var F,M,E;const b=typeof w=="string"?w:((F=w==null?void 0:w.currentTarget)==null?void 0:F.value)??((M=w==null?void 0:w.target)==null?void 0:M.value)??((E=w==null?void 0:w.nativeEvent)==null?void 0:E.text)??"",T=String(b).slice(0,e.length||6);Et("handleChange normalized",{name:e.name,raw:b,newValue:T}),S(T),g.current&&(g.current.value=T)},[e.length,S,g]);return r.jsx(Qa,{...e,...o,value:t,setValue:S,isFocused:n,setIsFocused:a,isHovered:l,setIsHovered:c,inputRef:g,containerRef:s,mirrorSelectionStart:d,mirrorSelectionEnd:f,setMirrorSelectionStart:m,setMirrorSelectionEnd:p,setInputRef:u,handleChange:v,handleFocus:y,handleBlur:x,handleKeyDown:k,handlePaste:C,stepValues:e.stepValues})},yf=e=>Array.isArray(e)?e:e==null?[]:[e],yl=({name:e,uploadFile:o,onUploadSuccess:t,onUploadError:n,transformResponse:a,onMultipleFileSelect:l,onFileSelect:c,multiple:g=!0,...s})=>{const{setFieldValue:d,setFieldTouched:f,values:m}=We.useFormikContext(),[p,u]=h.useState(!1),[y,x]=h.useState(0),k=h.useCallback(async v=>{if(!v||v.length===0)return;f(e,!0,!0),u(!0);const w=[];for(const b of v){x(0);try{const T=await o(b,M=>{x(M??0)}),F=a?a(T,b):T;w.push(F),t==null||t(b,F)}catch(T){n==null||n(b,T)}}if(w.length>0){const b=yf(We.getIn(m,e));d(e,[...b,...w],!0),x(100)}else x(0);u(!1)},[e,n,t,f,d,a,o,m]),C=h.useCallback(async v=>{l==null||l(v),await k(v)},[k,l]),S=h.useCallback(async v=>{c==null||c(v),await k([v])},[k,c]);return r.jsx(xr,{...s,multiple:g,onMultipleFileSelect:g?C:void 0,onFileSelect:g?void 0:S,isLoading:p,progress:y})};yl.displayName="FormikUploader";const bf=e=>{let o=ue(e);o.selected=o.value;const t=wa(e);return r.jsx(Sa,{...t,...o})},bl=e=>{const[o,t]=h.useState(!1),[n,a]=h.useState(e);return{isHovered:o,setIsHovered:t,isToggle:n,setIsToggled:a}},xf={square:0,rounded:8,pill:999},kf=(e,o)=>({outline:{backgroundColor:"color-white",color:e,borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",_hover:{backgroundColor:"color-gray-50",borderColor:"color-gray-300"},_active:{backgroundColor:"color-gray-100"},transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"},ghost:{backgroundColor:"transparent",color:e,borderWidth:0,borderStyle:"none",borderColor:"transparent",_hover:{backgroundColor:"color-gray-50"},_active:{backgroundColor:"color-gray-100"},transition:"background-color 0.2s ease, color 0.2s ease"},link:{backgroundColor:"transparent",color:e,borderWidth:1,borderStyle:"solid",borderColor:"transparent",textDecoration:"underline",textUnderlineOffset:"1px",textDecorationThickness:"1px",_hover:{opacity:.8},_active:{opacity:.9},transition:"opacity 0.2s ease"}}),xl=h.memo(({children:e,shape:o="rounded",variant:t="ghost",isHovered:n,setIsHovered:a,isDisabled:l,isToggle:c,setIsToggled:g,onToggle:s,views:d,backgroundColor:f,color:m,themeMode:p,...u})=>{const{getColor:y,themeMode:x}=i.useTheme(),k=p??x,S=y(l?"theme-disabled":f??m??"theme-primary",{themeMode:k}),w=h.useMemo(()=>kf(S),[S,k])[t],b=!!c,T=h.useCallback(()=>a(!0),[a]),F=h.useCallback(()=>{l||g(M=>{const E=!M;return s&&s(E),E})},[l,g,s]);return r.jsx(i.Center,{role:"Toggle",padding:o==="pill"?"8px 12px":"8px",width:"fit-content",cursor:l?"not-allowed":"pointer",borderRadius:xf[o],onClick:F,onMouseEnter:T,onMouseLeave:()=>a(!1),...w,...b&&{...t==="link"?{backgroundColor:"transparent"}:{backgroundColor:"color-blue-50",borderWidth:1,borderStyle:"solid",borderColor:"color-blue-200"},color:S},...u,...d==null?void 0:d.container,children:e})}),Cf=({children:e,shape:o,variant:t,isDisabled:n,isToggled:a=!1,onToggle:l,...c})=>{const g=ue(c),{isHovered:s,setIsHovered:d,isToggle:f,setIsToggled:m}=bl(g.value??a);h.useEffect(()=>{m(g.value??a)},[g.value,a]);const p=u=>{m(u),g.onChange(u),l==null||l(u)};return r.jsx(xl,{shape:o,variant:t,isDisabled:n,isHovered:s,setIsHovered:d,isToggle:f,setIsToggled:m,onToggle:p,...c,children:e})},kl=()=>{const[e,o]=h.useState([]);return{activeToggles:e,setActiveToggles:o}},Dt=({children:e,shape:o,variant:t,isDisabled:n,isToggled:a=!1,onToggle:l,...c})=>{const{isHovered:g,setIsHovered:s,isToggle:d,setIsToggled:f}=bl(a);return h.useEffect(()=>{f(a)},[a]),r.jsx(xl,{shape:o,variant:t,isDisabled:n,isHovered:g,setIsHovered:s,isToggle:d,setIsToggled:f,onToggle:l,...c,children:e})},Cl=({items:e,onToggleChange:o,activeToggles:t,setActiveToggles:n,shape:a="rounded",variant:l="ghost",views:c})=>{const g=h.useCallback((s,d)=>{n(f=>{let m;return d?m=f.includes(s)?f:[...f,s]:m=f.filter(p=>p!==s),o==null||o(m),m})},[o,n]);return r.jsx(i.Horizontal,{role:"ToggleGroup",display:"flex",gap:8,flexWrap:"wrap",...c==null?void 0:c.container,children:e.map(s=>r.jsx(Dt,{role:`toggle-${s.id}`,shape:a,variant:l,isToggled:t.includes(s.id)||s.isActive,onToggle:d=>g(s.id,d),isDisabled:s.isDisabled,views:c==null?void 0:c.toggle,children:s.value},s.id))})},wf=({items:e,shape:o,variant:t,onToggleChange:n,...a})=>{const l=ue(a),{activeToggles:c,setActiveToggles:g}=kl();h.useEffect(()=>{Array.isArray(l.value)&&g(l.value)},[l.value]);const s=d=>{g(d),l.onChange(d),n==null||n(d)};return r.jsx(Cl,{items:e,shape:o,variant:t,activeToggles:c,setActiveToggles:g,onToggleChange:s,...a})},wl=["zoom-out","zoom-in","zap","zap-off","youtube","x","wrench","worm","workflow","wine","wine-off","wind","wind-arrow-down","wifi","wifi-zero","wifi-sync","wifi-pen","wifi-off","wifi-low","wifi-high","wifi-cog","whole-word","wheat","wheat-off","weight","weight-tilde","webhook","webhook-off","webcam","waypoints","waves","waves-ladder","waves-arrow-up","waves-arrow-down","watch","washing-machine","warehouse","wand","wand-sparkles","wallpaper","wallet","wallet-minimal","wallet-cards","vote","volume","volume-x","volume-off","volume-2","volume-1","volleyball","voicemail","view","videotape","video","video-off","vibrate","vibrate-off","venus","venus-and-mars","venetian-mask","vegan","vector-square","vault","variable","van","utility-pole","utensils","utensils-crossed","users","users-round","user","user-x","user-star","user-search","user-round","user-round-x","user-round-search","user-round-plus","user-round-pen","user-round-minus","user-round-cog","user-round-check","user-plus","user-pen","user-minus","user-lock","user-cog","user-check","usb","upload","unplug","unlink","unlink-2","university","ungroup","unfold-vertical","unfold-horizontal","undo","undo-dot","undo-2","underline","umbrella","umbrella-off","type","type-outline","twitter","twitch","tv","tv-minimal","tv-minimal-play","turtle","turntable","turkish-lira","truck","truck-electric","trophy","triangle","triangle-right","triangle-dashed","triangle-alert","trending-up","trending-up-down","trending-down","trello","trees","tree-pine","tree-palm","tree-deciduous","trash","trash-2","transgender","tram-front","train-track","train-front","train-front-tunnel","traffic-cone","tractor","toy-brick","tower-control","touchpad","touchpad-off","torus","tornado","toolbox","tool-case","toilet","toggle-right","toggle-left","timer","timer-reset","timer-off","tickets","tickets-plane","ticket","ticket-x","ticket-slash","ticket-plus","ticket-percent","ticket-minus","ticket-check","thumbs-up","thumbs-down","thermometer","thermometer-sun","thermometer-snowflake","theater","text-wrap","text-select","text-search","text-quote","text-initial","text-cursor","text-cursor-input","text-align-start","text-align-justify","text-align-end","text-align-center","test-tubes","test-tube","test-tube-diagonal","terminal","tent","tent-tree","telescope","target","tangent","tally-5","tally-4","tally-3","tally-2","tally-1","tags","tag","tablets","tablet","tablet-smartphone","table","table-rows-split","table-properties","table-of-contents","table-columns-split","table-cells-split","table-cells-merge","table-2","syringe","swords","sword","switch-camera","swiss-franc","swatch-book","superscript","sunset","sunrise","sun","sun-snow","sun-moon","sun-medium","sun-dim","subscript","strikethrough","stretch-vertical","stretch-horizontal","store","stone","sticky-note","sticker","stethoscope","step-forward","step-back","star","star-off","star-half","stamp","squirrel","squircle","squircle-dashed","squares-unite","squares-subtract","squares-intersect","squares-exclude","square","square-x","square-user","square-user-round","square-terminal","square-stop","square-star","square-stack","square-square","square-split-vertical","square-split-horizontal","square-slash","square-sigma","square-scissors","square-round-corner","square-radical","square-power","square-plus","square-play","square-pilcrow","square-pi","square-percent","square-pen","square-pause","square-parking","square-parking-off","square-mouse-pointer","square-minus","square-menu","square-m","square-library","square-kanban","square-function","square-equal","square-dot","square-divide","square-dashed","square-dashed-top-solid","square-dashed-mouse-pointer","square-dashed-kanban","square-dashed-bottom","square-dashed-bottom-code","square-code","square-chevron-up","square-chevron-right","square-chevron-left","square-chevron-down","square-check","square-check-big","square-chart-gantt","square-bottom-dashed-scissors","square-asterisk","square-arrow-up","square-arrow-up-right","square-arrow-up-left","square-arrow-right","square-arrow-out-up-right","square-arrow-out-up-left","square-arrow-out-down-right","square-arrow-out-down-left","square-arrow-left","square-arrow-down","square-arrow-down-right","square-arrow-down-left","square-activity","sprout","spray-can","spotlight","spool","split","spline","spline-pointer","spell-check","spell-check-2","speech","speaker","sparkles","sparkle","spade","space","soup","solar-panel","sofa","soap-dispenser-droplet","snowflake","snail","smile","smile-plus","smartphone","smartphone-nfc","smartphone-charging","sliders-vertical","sliders-horizontal","slice","slash","slack","skull","skip-forward","skip-back","siren","signpost","signpost-big","signature","signal","signal-zero","signal-medium","signal-low","signal-high","sigma","shuffle","shrub","shrink","shrimp","shredder","shower-head","shovel","shopping-cart","shopping-basket","shopping-bag","shirt","ship","ship-wheel","shield","shield-x","shield-user","shield-question-mark","shield-plus","shield-off","shield-minus","shield-half","shield-ellipsis","shield-check","shield-ban","shield-alert","shell","sheet","share","share-2","shapes","settings","settings-2","server","server-off","server-crash","server-cog","separator-vertical","separator-horizontal","send","send-to-back","send-horizontal","section","search","search-x","search-slash","search-code","search-check","search-alert","scroll","scroll-text","screen-share","screen-share-off","scooter","scissors","scissors-line-dashed","school","scan","scan-text","scan-search","scan-qr-code","scan-line","scan-heart","scan-face","scan-eye","scan-barcode","scaling","scale","scale-3d","save","save-off","save-all","saudi-riyal","satellite","satellite-dish","sandwich","salad","sailboat","russian-ruble","ruler","ruler-dimension-line","rss","rows-4","rows-3","rows-2","router","route","route-off","rotate-cw","rotate-cw-square","rotate-ccw","rotate-ccw-square","rotate-ccw-key","rotate-3d","rose","roller-coaster","rocking-chair","rocket","ribbon","rewind","reply","reply-all","replace","replace-all","repeat","repeat-2","repeat-1","remove-formatting","regex","refrigerator","refresh-cw","refresh-cw-off","refresh-ccw","refresh-ccw-dot","redo","redo-dot","redo-2","recycle","rectangle-vertical","rectangle-horizontal","rectangle-goggles","rectangle-ellipsis","rectangle-circle","receipt","receipt-turkish-lira","receipt-text","receipt-swiss-franc","receipt-russian-ruble","receipt-pound-sterling","receipt-japanese-yen","receipt-indian-rupee","receipt-euro","receipt-cent","ratio","rat","rainbow","rail-symbol","radius","radio","radio-tower","radio-receiver","radical","radiation","radar","rabbit","quote","qr-code","pyramid","puzzle","proportions","projector","printer","printer-check","presentation","power","power-off","pound-sterling","popsicle","popcorn","pointer","pointer-off","podcast","pocket","pocket-knife","plus","plug","plug-zap","plug-2","play","plane","plane-takeoff","plane-landing","pizza","pipette","pin","pin-off","pill","pill-bottle","pilcrow","pilcrow-right","pilcrow-left","piggy-bank","picture-in-picture","picture-in-picture-2","pickaxe","piano","pi","phone","phone-outgoing","phone-off","phone-missed","phone-incoming","phone-forwarded","phone-call","philippine-peso","person-standing","percent","pentagon","pencil","pencil-ruler","pencil-off","pencil-line","pen","pen-tool","pen-off","pen-line","pc-case","paw-print","pause","party-popper","parking-meter","parentheses","paperclip","panels-top-left","panels-right-bottom","panels-left-bottom","panel-top","panel-top-open","panel-top-dashed","panel-top-close","panel-top-bottom-dashed","panel-right","panel-right-open","panel-right-dashed","panel-right-close","panel-left","panel-left-right-dashed","panel-left-open","panel-left-dashed","panel-left-close","panel-bottom","panel-bottom-open","panel-bottom-dashed","panel-bottom-close","panda","palette","paintbrush","paintbrush-vertical","paint-roller","paint-bucket","package","package-x","package-search","package-plus","package-open","package-minus","package-check","package-2","origami","orbit","option","omega","octagon","octagon-x","octagon-pause","octagon-minus","octagon-alert","nut","nut-off","notepad-text","notepad-text-dashed","notebook","notebook-text","notebook-tabs","notebook-pen","non-binary","nfc","newspaper","network","navigation","navigation-off","navigation-2","navigation-2-off","music","music-4","music-3","music-2","move","move-vertical","move-up","move-up-right","move-up-left","move-right","move-left","move-horizontal","move-down","move-down-right","move-down-left","move-diagonal","move-diagonal-2","move-3d","mouse","mouse-pointer","mouse-pointer-click","mouse-pointer-ban","mouse-pointer-2","mouse-pointer-2-off","mouse-off","mountain","mountain-snow","motorbike","moon","moon-star","monitor","monitor-x","monitor-up","monitor-stop","monitor-speaker","monitor-smartphone","monitor-play","monitor-pause","monitor-off","monitor-down","monitor-dot","monitor-cog","monitor-cloud","monitor-check","minus","minimize","minimize-2","milk","milk-off","milestone","microwave","microscope","microchip","mic","mic-vocal","mic-off","messages-square","message-square","message-square-x","message-square-warning","message-square-text","message-square-share","message-square-reply","message-square-quote","message-square-plus","message-square-off","message-square-more","message-square-lock","message-square-heart","message-square-dot","message-square-diff","message-square-dashed","message-square-code","message-circle","message-circle-x","message-circle-warning","message-circle-reply","message-circle-question-mark","message-circle-plus","message-circle-off","message-circle-more","message-circle-heart","message-circle-dashed","message-circle-code","merge","menu","memory-stick","meh","megaphone","megaphone-off","medal","maximize","maximize-2","martini","mars","mars-stroke","map","map-plus","map-pinned","map-pin","map-pin-x","map-pin-x-inside","map-pin-plus","map-pin-plus-inside","map-pin-pen","map-pin-off","map-pin-minus","map-pin-minus-inside","map-pin-house","map-pin-check","map-pin-check-inside","map-minus","mails","mailbox","mail","mail-x","mail-warning","mail-search","mail-question-mark","mail-plus","mail-open","mail-minus","mail-check","magnet","luggage","lollipop","logs","log-out","log-in","lock","lock-open","lock-keyhole","lock-keyhole-open","locate","locate-off","locate-fixed","loader","loader-pinwheel","loader-circle","list","list-x","list-video","list-tree","list-todo","list-start","list-restart","list-plus","list-ordered","list-music","list-minus","list-indent-increase","list-indent-decrease","list-filter","list-filter-plus","list-end","list-collapse","list-chevrons-up-down","list-chevrons-down-up","list-checks","list-check","linkedin","link","link-2","link-2-off","line-squiggle","lightbulb","lightbulb-off","ligature","life-buoy","library","library-big","lectern","leafy-green","leaf","layout-template","layout-panel-top","layout-panel-left","layout-list","layout-grid","layout-dashboard","layers","layers-plus","layers-2","laugh","lasso","lasso-select","laptop","laptop-minimal","laptop-minimal-check","languages","landmark","land-plot","lamp","lamp-wall-up","lamp-wall-down","lamp-floor","lamp-desk","lamp-ceiling","keyboard","keyboard-off","keyboard-music","key","key-square","key-round","kayak","kanban","joystick","japanese-yen","iteration-cw","iteration-ccw","italic","instagram","inspection-panel","info","infinity","indian-rupee","inbox","import","images","image","image-upscale","image-up","image-plus","image-play","image-off","image-minus","image-down","id-card","id-card-lanyard","ice-cream-cone","ice-cream-bowl","house","house-wifi","house-plus","house-plug","house-heart","hourglass","hotel","hospital","hop","hop-off","history","highlighter","hexagon","helicopter","heater","heart","heart-pulse","heart-plus","heart-off","heart-minus","heart-handshake","heart-crack","headset","headphones","headphone-off","heading","heading-6","heading-5","heading-4","heading-3","heading-2","heading-1","hdmi-port","hd","haze","hat-glasses","hash","hard-hat","hard-drive","hard-drive-upload","hard-drive-download","handshake","handbag","hand","hand-platter","hand-metal","hand-helping","hand-heart","hand-grab","hand-fist","hand-coins","hammer","hamburger","ham","guitar","group","grip","grip-vertical","grip-horizontal","grid-3x3","grid-3x2","grid-2x2","grid-2x2-x","grid-2x2-plus","grid-2x2-check","grape","graduation-cap","gpu","goal","globe","globe-lock","glasses","glass-water","gitlab","github","git-pull-request","git-pull-request-draft","git-pull-request-create","git-pull-request-create-arrow","git-pull-request-closed","git-pull-request-arrow","git-merge","git-graph","git-fork","git-compare","git-compare-arrows","git-commit-vertical","git-commit-horizontal","git-branch","git-branch-plus","git-branch-minus","gift","ghost","georgian-lari","gem","gavel","gauge","gamepad","gamepad-directional","gamepad-2","gallery-vertical","gallery-vertical-end","gallery-thumbnails","gallery-horizontal","gallery-horizontal-end","funnel","funnel-x","funnel-plus","fullscreen","fuel","frown","framer","frame","forward","form","forklift","footprints","folders","folder","folder-x","folder-up","folder-tree","folder-sync","folder-symlink","folder-search","folder-search-2","folder-root","folder-plus","folder-pen","folder-output","folder-open","folder-open-dot","folder-minus","folder-lock","folder-key","folder-kanban","folder-input","folder-heart","folder-git","folder-git-2","folder-down","folder-dot","folder-cog","folder-code","folder-closed","folder-clock","folder-check","folder-archive","fold-vertical","fold-horizontal","focus","flower","flower-2","flip-vertical","flip-vertical-2","flip-horizontal","flip-horizontal-2","flask-round","flask-conical","flask-conical-off","flashlight","flashlight-off","flame","flame-kindling","flag","flag-triangle-right","flag-triangle-left","flag-off","fishing-hook","fish","fish-symbol","fish-off","fire-extinguisher","fingerprint-pattern","film","files","file","file-x","file-x-corner","file-volume","file-video-camera","file-user","file-up","file-type","file-type-corner","file-text","file-terminal","file-symlink","file-stack","file-spreadsheet","file-sliders","file-signal","file-search","file-search-corner","file-scan","file-question-mark","file-plus","file-plus-corner","file-play","file-pen","file-pen-line","file-output","file-music","file-minus","file-minus-corner","file-lock","file-key","file-input","file-image","file-heart","file-headphone","file-exclamation-point","file-down","file-digit","file-diff","file-cog","file-code","file-code-corner","file-clock","file-check","file-check-corner","file-chart-pie","file-chart-line","file-chart-column","file-chart-column-increasing","file-braces","file-braces-corner","file-box","file-badge","file-axis-3d","file-archive","figma","ferris-wheel","fence","feather","fast-forward","fan","factory","facebook","eye","eye-off","eye-closed","external-link","expand","ev-charger","euro","ethernet-port","eraser","equal","equal-not","equal-approximately","ellipsis","ellipsis-vertical","egg","egg-off","egg-fried","eclipse","earth","earth-lock","ear","ear-off","dumbbell","drumstick","drum","droplets","droplet","droplet-off","drone","drill","dribbble","drama","drafting-compass","download","dot","door-open","door-closed","door-closed-locked","donut","dollar-sign","dog","dock","dna","dna-off","divide","disc","disc-album","disc-3","disc-2","diff","dices","dice-6","dice-5","dice-4","dice-3","dice-2","dice-1","diamond","diamond-plus","diamond-percent","diamond-minus","diameter","dessert","delete","decimals-arrow-right","decimals-arrow-left","database","database-zap","database-backup","dam","cylinder","currency","cup-soda","cuboid","crown","crosshair","cross","crop","croissant","credit-card","creative-commons","cpu","corner-up-right","corner-up-left","corner-right-up","corner-right-down","corner-left-up","corner-left-down","corner-down-right","corner-down-left","copyright","copyleft","copy","copy-x","copy-slash","copy-plus","copy-minus","copy-check","cooking-pot","cookie","contrast","container","contact","contact-round","construction","cone","concierge-bell","computer","component","compass","command","combine","columns-4","columns-3","columns-3-cog","columns-2","coins","cog","coffee","codesandbox","codepen","code","code-xml","club","clover","cloudy","cloud","cloud-upload","cloud-sync","cloud-sun","cloud-sun-rain","cloud-snow","cloud-rain","cloud-rain-wind","cloud-off","cloud-moon","cloud-moon-rain","cloud-lightning","cloud-hail","cloud-fog","cloud-drizzle","cloud-download","cloud-cog","cloud-check","cloud-backup","cloud-alert","closed-caption","clock","clock-plus","clock-fading","clock-check","clock-arrow-up","clock-arrow-down","clock-alert","clock-9","clock-8","clock-7","clock-6","clock-5","clock-4","clock-3","clock-2","clock-12","clock-11","clock-10","clock-1","clipboard","clipboard-x","clipboard-type","clipboard-plus","clipboard-pen","clipboard-pen-line","clipboard-paste","clipboard-minus","clipboard-list","clipboard-copy","clipboard-clock","clipboard-check","clapperboard","citrus","circuit-board","circle","circle-x","circle-user","circle-user-round","circle-stop","circle-star","circle-small","circle-slash","circle-slash-2","circle-question-mark","circle-power","circle-pound-sterling","circle-plus","circle-play","circle-pile","circle-percent","circle-pause","circle-parking","circle-parking-off","circle-off","circle-minus","circle-gauge","circle-fading-plus","circle-fading-arrow-up","circle-equal","circle-ellipsis","circle-dot","circle-dot-dashed","circle-dollar-sign","circle-divide","circle-dashed","circle-chevron-up","circle-chevron-right","circle-chevron-left","circle-chevron-down","circle-check","circle-check-big","circle-arrow-up","circle-arrow-right","circle-arrow-out-up-right","circle-arrow-out-up-left","circle-arrow-out-down-right","circle-arrow-out-down-left","circle-arrow-left","circle-arrow-down","circle-alert","cigarette","cigarette-off","church","chromium","chevrons-up","chevrons-up-down","chevrons-right","chevrons-right-left","chevrons-left","chevrons-left-right","chevrons-left-right-ellipsis","chevrons-down","chevrons-down-up","chevron-up","chevron-right","chevron-left","chevron-last","chevron-first","chevron-down","chess-rook","chess-queen","chess-pawn","chess-knight","chess-king","chess-bishop","cherry","chef-hat","check","check-line","check-check","chart-spline","chart-scatter","chart-pie","chart-no-axes-gantt","chart-no-axes-combined","chart-no-axes-column","chart-no-axes-column-increasing","chart-no-axes-column-decreasing","chart-network","chart-line","chart-gantt","chart-column","chart-column-stacked","chart-column-increasing","chart-column-decreasing","chart-column-big","chart-candlestick","chart-bar","chart-bar-stacked","chart-bar-increasing","chart-bar-decreasing","chart-bar-big","chart-area","cctv","cat","castle","cast","cassette-tape","case-upper","case-sensitive","case-lower","carrot","card-sim","caravan","car","car-taxi-front","car-front","captions","captions-off","cannabis","cannabis-off","candy","candy-off","candy-cane","camera","camera-off","calendars","calendar","calendar-x","calendar-x-2","calendar-sync","calendar-search","calendar-range","calendar-plus","calendar-plus-2","calendar-off","calendar-minus","calendar-minus-2","calendar-heart","calendar-fold","calendar-days","calendar-cog","calendar-clock","calendar-check","calendar-check-2","calendar-arrow-up","calendar-arrow-down","calendar-1","calculator","cake","cake-slice","cable","cable-car","bus","bus-front","building","building-2","bug","bug-play","bug-off","bubbles","brush","brush-cleaning","bring-to-front","briefcase","briefcase-medical","briefcase-conveyor-belt","briefcase-business","brick-wall","brick-wall-shield","brick-wall-fire","brain","brain-cog","brain-circuit","brackets","braces","boxes","box","bow-arrow","bottle-wine","bot","bot-off","bot-message-square","boom-box","bookmark","bookmark-x","bookmark-plus","bookmark-minus","bookmark-check","book","book-x","book-user","book-up","book-up-2","book-type","book-text","book-search","book-plus","book-open","book-open-text","book-open-check","book-minus","book-marked","book-lock","book-key","book-image","book-heart","book-headphones","book-down","book-dashed","book-copy","book-check","book-audio","book-alert","book-a","bone","bomb","bolt","bold","bluetooth","bluetooth-searching","bluetooth-off","bluetooth-connected","blocks","blinds","blend","bitcoin","birdhouse","bird","biohazard","binoculars","binary","bike","biceps-flexed","between-vertical-start","between-vertical-end","between-horizontal-start","between-horizontal-end","bell","bell-ring","bell-plus","bell-off","bell-minus","bell-electric","bell-dot","beer","beer-off","beef","bed","bed-single","bed-double","bean","bean-off","beaker","battery","battery-warning","battery-plus","battery-medium","battery-low","battery-full","battery-charging","bath","baseline","barrel","barcode","banknote","banknote-x","banknote-arrow-up","banknote-arrow-down","bandage","banana","ban","balloon","baggage-claim","badge","badge-x","badge-turkish-lira","badge-swiss-franc","badge-russian-ruble","badge-question-mark","badge-pound-sterling","badge-plus","badge-percent","badge-minus","badge-japanese-yen","badge-info","badge-indian-rupee","badge-euro","badge-dollar-sign","badge-check","badge-cent","badge-alert","backpack","baby","axis-3d","axe","award","audio-waveform","audio-lines","atom","at-sign","asterisk","arrows-up-from-line","arrow-up","arrow-up-z-a","arrow-up-wide-narrow","arrow-up-to-line","arrow-up-right","arrow-up-narrow-wide","arrow-up-left","arrow-up-from-line","arrow-up-from-dot","arrow-up-down","arrow-up-a-z","arrow-up-1-0","arrow-up-0-1","arrow-right","arrow-right-to-line","arrow-right-left","arrow-right-from-line","arrow-left","arrow-left-to-line","arrow-left-right","arrow-left-from-line","arrow-down","arrow-down-z-a","arrow-down-wide-narrow","arrow-down-up","arrow-down-to-line","arrow-down-to-dot","arrow-down-right","arrow-down-narrow-wide","arrow-down-left","arrow-down-from-line","arrow-down-a-z","arrow-down-1-0","arrow-down-0-1","arrow-big-up","arrow-big-up-dash","arrow-big-right","arrow-big-right-dash","arrow-big-left","arrow-big-left-dash","arrow-big-down","arrow-big-down-dash","armchair","archive","archive-x","archive-restore","apple","app-window","app-window-mac","aperture","anvil","antenna","annoyed","angry","anchor","amphora","ampersands","ampersand","ambulance","align-vertical-space-between","align-vertical-space-around","align-vertical-justify-start","align-vertical-justify-end","align-vertical-justify-center","align-vertical-distribute-start","align-vertical-distribute-end","align-vertical-distribute-center","align-start-vertical","align-start-horizontal","align-horizontal-space-between","align-horizontal-space-around","align-horizontal-justify-start","align-horizontal-justify-end","align-horizontal-justify-center","align-horizontal-distribute-start","align-horizontal-distribute-end","align-horizontal-distribute-center","align-end-vertical","align-end-horizontal","align-center-vertical","align-center-horizontal","album","alarm-smoke","alarm-clock","alarm-clock-plus","alarm-clock-off","alarm-clock-minus","alarm-clock-check","airplay","air-vent","activity","accessibility","a-large-small","a-arrow-up","a-arrow-down"],Sl=e=>{const{value:o,defaultValue:t,onChange:n,isOpen:a,onOpen:l,onClose:c,closeOnSelect:g=!0}=e,[s,d]=h.useState(a??!1),[f,m]=h.useState(o??t),[p,u]=h.useState(""),y=h.useRef(null),x=h.useRef(null);h.useEffect(()=>{o!==void 0&&m(o)},[o]),h.useEffect(()=>{a!==void 0&&d(a)},[a]);const k=h.useMemo(()=>p?wl.filter(b=>b.toLowerCase().includes(p.toLowerCase())).slice(0,100):wl.slice(0,100),[p]);h.useEffect(()=>{const b=T=>{s&&y.current&&x.current&&!y.current.contains(T.target)&&!x.current.contains(T.target)&&C()};if(typeof(document==null?void 0:document.addEventListener)=="function")return document.addEventListener("mousedown",b),()=>document.removeEventListener("mousedown",b)},[s]);const C=h.useCallback(()=>{a===void 0&&d(!1),c&&c()},[c,a]),S=h.useCallback(()=>{const b=!s;a===void 0&&d(b),b?(l&&l(),u("")):c&&c()},[s,l,c,a]),v=h.useCallback(b=>{o===void 0&&m(b),n&&n(b),g&&C()},[n,g,C,o]),w=h.useCallback(b=>{u(b)},[]);return{isOpen:s,selectedIcon:f,searchQuery:p,filteredIcons:k,handleToggle:S,handleIconSelect:v,handleSearchChange:w,handleClose:C,triggerRef:y,dropdownRef:x}},To={container:{position:"relative",display:"inline-block",width:"100%"},trigger:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",transition:"all 0.2s ease-in-out"},dropdown:{position:"absolute",mixBlendMode:"normal",top:"calc(100% + 4px)",left:0,right:0,zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",padding:"16px",minWidth:"280px",maxHeight:"320px",overflow:"hidden",display:"flex",flexDirection:"column"},searchInput:{marginBottom:"12px",flexShrink:0},iconGrid:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)",flexDirection:"row",flexWrap:"wrap",justifyContent:"flex-start",gap:"8px",overflowY:"auto",padding:"4px",color:"color-black",flexGrow:1},iconItem:{width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",borderRadius:8,transition:"all 0.2s ease-in-out"}},Sf={xs:{height:"28px",fontSize:"12px",padding:"4px 8px"},sm:{height:"32px",fontSize:"12px",padding:"6px 10px"},md:{height:"40px",fontSize:"14px",padding:"8px 12px"},lg:{height:"48px",fontSize:"14px",padding:"10px 14px"},xl:{height:"56px",fontSize:"16px",padding:"12px 16px"}},vf={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},Tf={default:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"},outline:{backgroundColor:"transparent",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"},filled:{backgroundColor:"color-gray-50",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"}},vl=({label:e,placeholder:o="Select an icon",helperText:t,views:n={},size:a="md",shape:l="default",variant:c="default",error:g=!1,isDisabled:s=!1,isReadOnly:d=!1,showSearch:f=!0,isOpen:m,selectedIcon:p,searchQuery:u,filteredIcons:y,handleToggle:x,handleIconSelect:k,handleSearchChange:C,triggerRef:S,dropdownRef:v,handleClose:w,onChange:b,value:T,defaultValue:F,onOpen:M,onClose:E,closeOnSelect:$,...z})=>{const{getColor:V}=i.useTheme(),A={...To.container,...n==null?void 0:n.container},P={...To.trigger,...Sf[a],...vf[l],...Tf[c],...g&&{borderColor:"color-red-500"},...s&&{opacity:.6,cursor:"not-allowed"},...!s&&!d&&{_hover:{borderColor:"color-gray-300"}},...n==null?void 0:n.trigger},j={...To.dropdown,...n==null?void 0:n.dropdown},W={...To.iconGrid,...n==null?void 0:n.iconGrid};return r.jsxs(i.View,{...A,...z,children:[e&&r.jsx(i.Text,{fontSize:a==="xs"?"12px":a==="sm"?"14px":"16px",fontWeight:"500",color:"color-gray-700",marginBottom:"4px",...n==null?void 0:n.label,children:e}),r.jsxs(i.View,{ref:S,onClick:s||d?void 0:x,...P,children:[r.jsx(i.Horizontal,{alignItems:"center",gap:8,width:"100%",children:p?r.jsxs(i.Horizontal,{alignItems:"center",gap:8,width:"100%",children:[r.jsx(fr,{name:p,widthHeight:16}),r.jsx(i.Text,{color:"color-gray-800",fontSize:"inherit",style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:p})]}):r.jsx(i.Text,{color:"color-gray-500",fontSize:"inherit",children:o})}),!d&&!s&&r.jsx(de,{widthHeight:16,color:"color-gray-500",orientation:m?"up":"down"})]}),m&&r.jsxs(i.View,{ref:v,...j,children:[f&&r.jsx(i.View,{...To.searchInput,...n==null?void 0:n.searchInput,children:r.jsx(Ie,{placeholder:"Search icons...",value:u,onChange:H=>C(H),size:"sm",autoFocus:!0})}),r.jsx(i.View,{...W,children:y.length>0?y.map(H=>r.jsx(i.View,{...To.iconItem,onClick:()=>k(H),title:H,_hover:{backgroundColor:"color-gray-50",transform:"scale(1.05)"},backgroundColor:p===H?"#EFF6FF":"transparent",borderWidth:p===H?"1px":"0px",borderStyle:"solid",borderColor:p===H?"#BFDBFE":"transparent",...n==null?void 0:n.iconItem,children:r.jsx(fr,{name:H,widthHeight:20})},H)):r.jsx(i.View,{gridColumn:"1 / -1",padding:"20px",textAlign:"center",color:"color-gray-500",children:r.jsx(i.Text,{fontSize:"14px",children:"No icons found"})})})]}),t&&r.jsx(i.Text,{color:g?"color-red-500":"color-gray-600",marginTop:"4px",...n==null?void 0:n.helperText,children:t})]})},If=e=>{const o=ue(e),t={...e,value:o.value??e.value??e.defaultValue},n=Sl(t),a=l=>{n.handleIconSelect(l),o.onChange(l)};return r.jsx(vl,{...n,...t,handleIconSelect:a})},Qe={container:{position:"relative",display:"inline-block",width:"100%"},trigger:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",transition:"all 0.2s ease-in-out"},dropdown:{position:"absolute",mixBlendMode:"normal",top:"calc(100% + 4px)",left:0,right:0,zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",padding:"16px",minWidth:"320px",maxHeight:"400px",overflow:"hidden"},searchInput:{marginBottom:"12px"},categoryTabs:{display:"flex",flexDirection:"row",flexWrap:"wrap",borderBottom:"1px solid color-gray-100",marginBottom:"12px",overflowX:"auto"},categoryTab:{padding:"8px 12px",cursor:"pointer",borderBottom:"2px solid transparent",transition:"all 0.2s ease-in-out",fontSize:"14px",fontWeight:"500",color:"color-gray-600",whiteSpace:"nowrap",borderRadius:"8px 8px 0 0"},emojiGrid:{display:"grid",gridTemplateColumns:"repeat(8, 1fr)",flexDirection:"row",flexWrap:"wrap",justifyContent:"flex-start",gap:"4px",maxHeight:"240px",overflowY:"auto",padding:"4px",color:"color-black"},emoji:{width:"32px",height:"32px",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",borderRadius:6,fontSize:"20px",transition:"all 0.2s ease-in-out"}},Ff={xs:{height:"28px",fontSize:"12px",padding:"4px 8px"},sm:{height:"32px",fontSize:"12px",padding:"6px 10px"},md:{height:"40px",fontSize:"14px",padding:"8px 12px"},lg:{height:"48px",fontSize:"14px",padding:"10px 14px"},xl:{height:"56px",fontSize:"16px",padding:"12px 16px"}},zf={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},Mf={default:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"},outline:{backgroundColor:"transparent",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"},filled:{backgroundColor:"color-gray-50",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"}},Wf={recent:"🕒",smileys:"😀",people:"👤",animals:"🐶",food:"🍎",activities:"⚽",travel:"🚗",objects:"💡",symbols:"❤️",flags:"🏁"},Pf=[{emoji:"😀",name:"grinning face",category:"smileys",keywords:["happy","smile","grin"]},{emoji:"😃",name:"grinning face with big eyes",category:"smileys",keywords:["happy","smile","joy"]},{emoji:"😄",name:"grinning face with smiling eyes",category:"smileys",keywords:["happy","smile","joy"]},{emoji:"😁",name:"beaming face with smiling eyes",category:"smileys",keywords:["happy","smile","grin"]},{emoji:"😆",name:"grinning squinting face",category:"smileys",keywords:["happy","laugh","smile"]},{emoji:"😅",name:"grinning face with sweat",category:"smileys",keywords:["happy","sweat","relief"]},{emoji:"🤣",name:"rolling on the floor laughing",category:"smileys",keywords:["laugh","funny","rofl"]},{emoji:"😂",name:"face with tears of joy",category:"smileys",keywords:["laugh","cry","joy"]},{emoji:"🙂",name:"slightly smiling face",category:"smileys",keywords:["smile","happy"]},{emoji:"🙃",name:"upside-down face",category:"smileys",keywords:["silly","upside down"]},{emoji:"😉",name:"winking face",category:"smileys",keywords:["wink","flirt"]},{emoji:"😊",name:"smiling face with smiling eyes",category:"smileys",keywords:["happy","smile","blush"]},{emoji:"😇",name:"smiling face with halo",category:"smileys",keywords:["angel","innocent"]},{emoji:"🥰",name:"smiling face with hearts",category:"smileys",keywords:["love","hearts","adore"]},{emoji:"😍",name:"smiling face with heart-eyes",category:"smileys",keywords:["love","heart","eyes"]},{emoji:"🤩",name:"star-struck",category:"smileys",keywords:["star","struck","amazed"]},{emoji:"😘",name:"face blowing a kiss",category:"smileys",keywords:["kiss","love","flirt"]},{emoji:"😗",name:"kissing face",category:"smileys",keywords:["kiss","love"]},{emoji:"☺️",name:"smiling face",category:"smileys",keywords:["smile","happy","content"]},{emoji:"😚",name:"kissing face with closed eyes",category:"smileys",keywords:["kiss","love","closed eyes"]},{emoji:"😙",name:"kissing face with smiling eyes",category:"smileys",keywords:["kiss","love","smile"]},{emoji:"🥲",name:"smiling face with tear",category:"smileys",keywords:["happy","cry","tear","bittersweet"]},{emoji:"😋",name:"face savoring food",category:"smileys",keywords:["yum","delicious","food"]},{emoji:"😛",name:"face with tongue",category:"smileys",keywords:["tongue","silly","playful"]},{emoji:"😜",name:"winking face with tongue",category:"smileys",keywords:["wink","tongue","silly"]},{emoji:"🤪",name:"zany face",category:"smileys",keywords:["crazy","silly","wild"]},{emoji:"😝",name:"squinting face with tongue",category:"smileys",keywords:["tongue","silly","playful"]},{emoji:"🤑",name:"money-mouth face",category:"smileys",keywords:["money","rich","greedy"]},{emoji:"🤗",name:"hugging face",category:"smileys",keywords:["hug","love","care"]},{emoji:"🤭",name:"face with hand over mouth",category:"smileys",keywords:["oops","secret","quiet"]},{emoji:"🫢",name:"face with open eyes and hand over mouth",category:"smileys",keywords:["surprise","shock","oops"]},{emoji:"🫣",name:"face with peeking eye",category:"smileys",keywords:["peek","shy","embarrassed"]},{emoji:"🤫",name:"shushing face",category:"smileys",keywords:["quiet","secret","shh"]},{emoji:"🤔",name:"thinking face",category:"smileys",keywords:["think","consider","hmm"]},{emoji:"🫡",name:"saluting face",category:"smileys",keywords:["salute","respect","military"]},{emoji:"🤐",name:"zipper-mouth face",category:"smileys",keywords:["quiet","secret","zip"]},{emoji:"🤨",name:"face with raised eyebrow",category:"smileys",keywords:["suspicious","doubt","skeptical"]},{emoji:"😐",name:"neutral face",category:"smileys",keywords:["neutral","meh","blank"]},{emoji:"😑",name:"expressionless face",category:"smileys",keywords:["blank","deadpan","meh"]},{emoji:"😶",name:"face without mouth",category:"smileys",keywords:["quiet","speechless","silent"]},{emoji:"🫥",name:"dotted line face",category:"smileys",keywords:["invisible","depressed","disappear"]},{emoji:"😏",name:"smirking face",category:"smileys",keywords:["smirk","smug","confident"]},{emoji:"😒",name:"unamused face",category:"smileys",keywords:["unamused","bored","annoyed"]},{emoji:"🙄",name:"face with rolling eyes",category:"smileys",keywords:["eye roll","annoyed","whatever"]},{emoji:"😬",name:"grimacing face",category:"smileys",keywords:["grimace","awkward","oops"]},{emoji:"😮‍💨",name:"face exhaling",category:"smileys",keywords:["sigh","relief","tired"]},{emoji:"🤥",name:"lying face",category:"smileys",keywords:["lie","pinocchio","dishonest"]},{emoji:"😌",name:"relieved face",category:"smileys",keywords:["relief","calm","peaceful"]},{emoji:"😔",name:"pensive face",category:"smileys",keywords:["sad","thoughtful","pensive"]},{emoji:"😪",name:"sleepy face",category:"smileys",keywords:["sleepy","tired","drowsy"]},{emoji:"🤤",name:"drooling face",category:"smileys",keywords:["drool","desire","sleep"]},{emoji:"😴",name:"sleeping face",category:"smileys",keywords:["sleep","tired","zzz"]},{emoji:"😷",name:"face with medical mask",category:"smileys",keywords:["mask","sick","doctor"]},{emoji:"🤒",name:"face with thermometer",category:"smileys",keywords:["sick","fever","ill"]},{emoji:"🤕",name:"face with head-bandage",category:"smileys",keywords:["hurt","injured","bandage"]},{emoji:"🤢",name:"nauseated face",category:"smileys",keywords:["sick","nausea","disgusted"]},{emoji:"🤮",name:"face vomiting",category:"smileys",keywords:["vomit","sick","disgusted"]},{emoji:"🤧",name:"sneezing face",category:"smileys",keywords:["sneeze","sick","gesundheit"]},{emoji:"🥵",name:"hot face",category:"smileys",keywords:["hot","heat","sweat"]},{emoji:"🥶",name:"cold face",category:"smileys",keywords:["cold","freeze","blue"]},{emoji:"🥴",name:"woozy face",category:"smileys",keywords:["dizzy","drunk","confused"]},{emoji:"😵",name:"dizzy face",category:"smileys",keywords:["dizzy","confused","knocked out"]},{emoji:"😵‍💫",name:"face with spiral eyes",category:"smileys",keywords:["dizzy","hypnotized","confused"]},{emoji:"🤯",name:"exploding head",category:"smileys",keywords:["mind blown","shocked","amazed"]},{emoji:"🤠",name:"cowboy hat face",category:"smileys",keywords:["cowboy","hat","western"]},{emoji:"🥳",name:"partying face",category:"smileys",keywords:["party","celebration","birthday"]},{emoji:"🥸",name:"disguised face",category:"smileys",keywords:["disguise","glasses","incognito"]},{emoji:"😎",name:"smiling face with sunglasses",category:"smileys",keywords:["cool","sunglasses","awesome"]},{emoji:"🤓",name:"nerd face",category:"smileys",keywords:["nerd","geek","smart"]},{emoji:"🧐",name:"face with monocle",category:"smileys",keywords:["monocle","fancy","inspection"]},{emoji:"👋",name:"waving hand",category:"people",keywords:["wave","hello","goodbye"]},{emoji:"🤚",name:"raised back of hand",category:"people",keywords:["hand","stop"]},{emoji:"🖐️",name:"hand with fingers splayed",category:"people",keywords:["hand","five"]},{emoji:"✋",name:"raised hand",category:"people",keywords:["hand","stop","high five"]},{emoji:"🖖",name:"vulcan salute",category:"people",keywords:["spock","vulcan"]},{emoji:"👌",name:"OK hand",category:"people",keywords:["ok","perfect"]},{emoji:"🤌",name:"pinched fingers",category:"people",keywords:["italian","chef kiss"]},{emoji:"🤏",name:"pinching hand",category:"people",keywords:["small","tiny"]},{emoji:"✌️",name:"victory hand",category:"people",keywords:["peace","victory"]},{emoji:"🤞",name:"crossed fingers",category:"people",keywords:["luck","hope"]},{emoji:"🤟",name:"love-you gesture",category:"people",keywords:["love","you"]},{emoji:"🤘",name:"sign of the horns",category:"people",keywords:["rock","metal"]},{emoji:"🤙",name:"call me hand",category:"people",keywords:["call","phone"]},{emoji:"👈",name:"backhand index pointing left",category:"people",keywords:["point","left"]},{emoji:"👉",name:"backhand index pointing right",category:"people",keywords:["point","right"]},{emoji:"👆",name:"backhand index pointing up",category:"people",keywords:["point","up"]},{emoji:"🖕",name:"middle finger",category:"people",keywords:["middle finger","rude"]},{emoji:"👇",name:"backhand index pointing down",category:"people",keywords:["point","down"]},{emoji:"☝️",name:"index pointing up",category:"people",keywords:["point","up","one"]},{emoji:"👍",name:"thumbs up",category:"people",keywords:["thumbs up","good","yes"]},{emoji:"👎",name:"thumbs down",category:"people",keywords:["thumbs down","bad","no"]},{emoji:"✊",name:"raised fist",category:"people",keywords:["fist","power","solidarity"]},{emoji:"👊",name:"oncoming fist",category:"people",keywords:["fist","punch","bump"]},{emoji:"🤛",name:"left-facing fist",category:"people",keywords:["fist","bump","left"]},{emoji:"🤜",name:"right-facing fist",category:"people",keywords:["fist","bump","right"]},{emoji:"👏",name:"clapping hands",category:"people",keywords:["clap","applause","bravo"]},{emoji:"🙌",name:"raising hands",category:"people",keywords:["celebration","hooray","praise"]},{emoji:"👐",name:"open hands",category:"people",keywords:["open","hug","jazz hands"]},{emoji:"🤲",name:"palms up together",category:"people",keywords:["prayer","please","hope"]},{emoji:"🤝",name:"handshake",category:"people",keywords:["handshake","deal","agreement"]},{emoji:"🙏",name:"folded hands",category:"people",keywords:["prayer","thanks","please"]},{emoji:"✍️",name:"writing hand",category:"people",keywords:["write","author","signature"]},{emoji:"💅",name:"nail polish",category:"people",keywords:["nails","beauty","manicure"]},{emoji:"🤳",name:"selfie",category:"people",keywords:["selfie","camera","phone"]},{emoji:"💪",name:"flexed biceps",category:"people",keywords:["muscle","strong","flex"]},{emoji:"🦾",name:"mechanical arm",category:"people",keywords:["robot","prosthetic","cyborg"]},{emoji:"🦿",name:"mechanical leg",category:"people",keywords:["robot","prosthetic","cyborg"]},{emoji:"🦵",name:"leg",category:"people",keywords:["leg","limb","kick"]},{emoji:"🦶",name:"foot",category:"people",keywords:["foot","kick","stomp"]},{emoji:"👂",name:"ear",category:"people",keywords:["ear","hear","listen"]},{emoji:"🦻",name:"ear with hearing aid",category:"people",keywords:["hearing aid","deaf","accessibility"]},{emoji:"👃",name:"nose",category:"people",keywords:["nose","smell","sniff"]},{emoji:"🧠",name:"brain",category:"people",keywords:["brain","smart","think"]},{emoji:"🫀",name:"anatomical heart",category:"people",keywords:["heart","organ","love"]},{emoji:"🫁",name:"lungs",category:"people",keywords:["lungs","breathe","organ"]},{emoji:"🦷",name:"tooth",category:"people",keywords:["tooth","dental","smile"]},{emoji:"🦴",name:"bone",category:"people",keywords:["bone","skeleton","dog"]},{emoji:"👀",name:"eyes",category:"people",keywords:["eyes","look","see"]},{emoji:"👁️",name:"eye",category:"people",keywords:["eye","see","watch"]},{emoji:"👅",name:"tongue",category:"people",keywords:["tongue","taste","lick"]},{emoji:"👄",name:"mouth",category:"people",keywords:["mouth","lips","kiss"]},{emoji:"🫦",name:"biting lip",category:"people",keywords:["lip","bite","nervous"]},{emoji:"👶",name:"baby",category:"people",keywords:["baby","infant","child"]},{emoji:"🧒",name:"child",category:"people",keywords:["child","kid","young"]},{emoji:"👦",name:"boy",category:"people",keywords:["boy","child","male"]},{emoji:"👧",name:"girl",category:"people",keywords:["girl","child","female"]},{emoji:"🧑",name:"person",category:"people",keywords:["person","adult","human"]},{emoji:"👱",name:"person: blond hair",category:"people",keywords:["blond","hair","person"]},{emoji:"👨",name:"man",category:"people",keywords:["man","male","adult"]},{emoji:"🧔",name:"person: beard",category:"people",keywords:["beard","man","facial hair"]},{emoji:"👩",name:"woman",category:"people",keywords:["woman","female","adult"]},{emoji:"🧓",name:"older person",category:"people",keywords:["old","elderly","senior"]},{emoji:"👴",name:"old man",category:"people",keywords:["old","man","elderly"]},{emoji:"👵",name:"old woman",category:"people",keywords:["old","woman","elderly"]},{emoji:"🐶",name:"dog face",category:"animals",keywords:["dog","pet","animal"]},{emoji:"🐱",name:"cat face",category:"animals",keywords:["cat","pet","animal"]},{emoji:"🐭",name:"mouse face",category:"animals",keywords:["mouse","animal"]},{emoji:"🐹",name:"hamster",category:"animals",keywords:["hamster","pet"]},{emoji:"🐰",name:"rabbit face",category:"animals",keywords:["rabbit","bunny"]},{emoji:"🦊",name:"fox",category:"animals",keywords:["fox","animal"]},{emoji:"🐻",name:"bear",category:"animals",keywords:["bear","animal"]},{emoji:"🐼",name:"panda",category:"animals",keywords:["panda","bear"]},{emoji:"🐨",name:"koala",category:"animals",keywords:["koala","australia","marsupial"]},{emoji:"🐯",name:"tiger face",category:"animals",keywords:["tiger","cat","wild"]},{emoji:"🦁",name:"lion",category:"animals",keywords:["lion","king","cat"]},{emoji:"🐮",name:"cow face",category:"animals",keywords:["cow","moo","farm"]},{emoji:"🐷",name:"pig face",category:"animals",keywords:["pig","oink","farm"]},{emoji:"🐽",name:"pig nose",category:"animals",keywords:["pig","nose","snout"]},{emoji:"🐸",name:"frog",category:"animals",keywords:["frog","amphibian","green"]},{emoji:"🐵",name:"monkey face",category:"animals",keywords:["monkey","primate","banana"]},{emoji:"🙈",name:"see-no-evil monkey",category:"animals",keywords:["monkey","see no evil","eyes"]},{emoji:"🙉",name:"hear-no-evil monkey",category:"animals",keywords:["monkey","hear no evil","ears"]},{emoji:"🙊",name:"speak-no-evil monkey",category:"animals",keywords:["monkey","speak no evil","mouth"]},{emoji:"🐒",name:"monkey",category:"animals",keywords:["monkey","primate","zoo"]},{emoji:"🦍",name:"gorilla",category:"animals",keywords:["gorilla","ape","strong"]},{emoji:"🦧",name:"orangutan",category:"animals",keywords:["orangutan","ape","orange"]},{emoji:"🐺",name:"wolf",category:"animals",keywords:["wolf","howl","wild"]},{emoji:"🐗",name:"boar",category:"animals",keywords:["boar","pig","wild"]},{emoji:"🐴",name:"horse face",category:"animals",keywords:["horse","neigh","ride"]},{emoji:"🐎",name:"horse",category:"animals",keywords:["horse","racing","gallop"]},{emoji:"🦄",name:"unicorn",category:"animals",keywords:["unicorn","magical","horn"]},{emoji:"🦓",name:"zebra",category:"animals",keywords:["zebra","stripes","africa"]},{emoji:"🦌",name:"deer",category:"animals",keywords:["deer","antlers","forest"]},{emoji:"🦏",name:"rhinoceros",category:"animals",keywords:["rhino","horn","africa"]},{emoji:"🦛",name:"hippopotamus",category:"animals",keywords:["hippo","water","africa"]},{emoji:"🐘",name:"elephant",category:"animals",keywords:["elephant","trunk","memory"]},{emoji:"🦒",name:"giraffe",category:"animals",keywords:["giraffe","tall","neck"]},{emoji:"🦘",name:"kangaroo",category:"animals",keywords:["kangaroo","hop","australia"]},{emoji:"🦥",name:"sloth",category:"animals",keywords:["sloth","slow","lazy"]},{emoji:"🦦",name:"otter",category:"animals",keywords:["otter","water","cute"]},{emoji:"🦨",name:"skunk",category:"animals",keywords:["skunk","smell","stripe"]},{emoji:"🦡",name:"badger",category:"animals",keywords:["badger","honey","dig"]},{emoji:"🐾",name:"paw prints",category:"animals",keywords:["paw","prints","tracks"]},{emoji:"🐔",name:"chicken",category:"animals",keywords:["chicken","rooster","farm"]},{emoji:"🐓",name:"rooster",category:"animals",keywords:["rooster","cock","morning"]},{emoji:"🐣",name:"hatching chick",category:"animals",keywords:["chick","hatching","egg"]},{emoji:"🐤",name:"baby chick",category:"animals",keywords:["chick","baby","yellow"]},{emoji:"🐥",name:"front-facing baby chick",category:"animals",keywords:["chick","baby","cute"]},{emoji:"🦆",name:"duck",category:"animals",keywords:["duck","quack","water"]},{emoji:"🦅",name:"eagle",category:"animals",keywords:["eagle","bird","freedom"]},{emoji:"🦉",name:"owl",category:"animals",keywords:["owl","wise","night"]},{emoji:"🦇",name:"bat",category:"animals",keywords:["bat","vampire","night"]},{emoji:"",name:"bug",category:"animals",keywords:["bug","insect","crawl"]},{emoji:"🦋",name:"butterfly",category:"animals",keywords:["butterfly","beautiful","fly"]},{emoji:"🐌",name:"snail",category:"animals",keywords:["snail","slow","shell"]},{emoji:"🐞",name:"lady beetle",category:"animals",keywords:["ladybug","beetle","red"]},{emoji:"🐜",name:"ant",category:"animals",keywords:["ant","work","colony"]},{emoji:"🦟",name:"mosquito",category:"animals",keywords:["mosquito","bite","buzz"]},{emoji:"🕷️",name:"spider",category:"animals",keywords:["spider","web","eight legs"]},{emoji:"🦂",name:"scorpion",category:"animals",keywords:["scorpion","sting","desert"]},{emoji:"🐢",name:"turtle",category:"animals",keywords:["turtle","slow","shell"]},{emoji:"🐍",name:"snake",category:"animals",keywords:["snake","slither","reptile"]},{emoji:"🦎",name:"lizard",category:"animals",keywords:["lizard","gecko","reptile"]},{emoji:"🐙",name:"octopus",category:"animals",keywords:["octopus","tentacles","sea"]},{emoji:"🦑",name:"squid",category:"animals",keywords:["squid","tentacles","ocean"]},{emoji:"🦐",name:"shrimp",category:"animals",keywords:["shrimp","seafood","small"]},{emoji:"🦞",name:"lobster",category:"animals",keywords:["lobster","claws","red"]},{emoji:"🦀",name:"crab",category:"animals",keywords:["crab","claws","beach"]},{emoji:"🐡",name:"blowfish",category:"animals",keywords:["blowfish","puffer","spiky"]},{emoji:"🐠",name:"tropical fish",category:"animals",keywords:["fish","tropical","colorful"]},{emoji:"🐟",name:"fish",category:"animals",keywords:["fish","swim","water"]},{emoji:"🐬",name:"dolphin",category:"animals",keywords:["dolphin","smart","ocean"]},{emoji:"🐳",name:"spouting whale",category:"animals",keywords:["whale","spout","big"]},{emoji:"🐋",name:"whale",category:"animals",keywords:["whale","ocean","huge"]},{emoji:"🦈",name:"shark",category:"animals",keywords:["shark","teeth","dangerous"]},{emoji:"🐊",name:"crocodile",category:"animals",keywords:["crocodile","teeth","swamp"]},{emoji:"🌸",name:"cherry blossom",category:"animals",keywords:["flower","spring","pink"]},{emoji:"💐",name:"bouquet",category:"animals",keywords:["flowers","bouquet","gift"]},{emoji:"🌺",name:"hibiscus",category:"animals",keywords:["flower","tropical","red"]},{emoji:"🌻",name:"sunflower",category:"animals",keywords:["sunflower","yellow","big"]},{emoji:"🌹",name:"rose",category:"animals",keywords:["rose","love","red"]},{emoji:"🥀",name:"wilted flower",category:"animals",keywords:["flower","wilted","sad"]},{emoji:"🌷",name:"tulip",category:"animals",keywords:["tulip","spring","netherlands"]},{emoji:"🌼",name:"daisy",category:"animals",keywords:["daisy","white","simple"]},{emoji:"🌱",name:"seedling",category:"animals",keywords:["plant","grow","green"]},{emoji:"🌿",name:"herb",category:"animals",keywords:["herb","green","leaf"]},{emoji:"🍀",name:"four leaf clover",category:"animals",keywords:["clover","luck","green"]},{emoji:"🌳",name:"deciduous tree",category:"animals",keywords:["tree","nature","green"]},{emoji:"🌲",name:"evergreen tree",category:"animals",keywords:["tree","pine","christmas"]},{emoji:"🌴",name:"palm tree",category:"animals",keywords:["palm","tropical","beach"]},{emoji:"🌵",name:"cactus",category:"animals",keywords:["cactus","desert","spiky"]},{emoji:"🍎",name:"red apple",category:"food",keywords:["apple","fruit"]},{emoji:"🍊",name:"tangerine",category:"food",keywords:["orange","fruit"]},{emoji:"🍋",name:"lemon",category:"food",keywords:["lemon","fruit"]},{emoji:"🍌",name:"banana",category:"food",keywords:["banana","fruit"]},{emoji:"🍉",name:"watermelon",category:"food",keywords:["watermelon","fruit"]},{emoji:"🍇",name:"grapes",category:"food",keywords:["grapes","fruit"]},{emoji:"🍓",name:"strawberry",category:"food",keywords:["strawberry","fruit"]},{emoji:"🫐",name:"blueberries",category:"food",keywords:["blueberry","fruit"]},{emoji:"🥝",name:"kiwi fruit",category:"food",keywords:["kiwi","fruit","green"]},{emoji:"🍅",name:"tomato",category:"food",keywords:["tomato","red","vegetable"]},{emoji:"🫒",name:"olive",category:"food",keywords:["olive","green","oil"]},{emoji:"🥥",name:"coconut",category:"food",keywords:["coconut","tropical","milk"]},{emoji:"🥑",name:"avocado",category:"food",keywords:["avocado","green","healthy"]},{emoji:"🍆",name:"eggplant",category:"food",keywords:["eggplant","purple","vegetable"]},{emoji:"🥔",name:"potato",category:"food",keywords:["potato","vegetable","starch"]},{emoji:"🥕",name:"carrot",category:"food",keywords:["carrot","orange","vegetable"]},{emoji:"🌽",name:"ear of corn",category:"food",keywords:["corn","yellow","vegetable"]},{emoji:"🌶️",name:"hot pepper",category:"food",keywords:["pepper","hot","spicy"]},{emoji:"🫑",name:"bell pepper",category:"food",keywords:["pepper","bell","vegetable"]},{emoji:"🥒",name:"cucumber",category:"food",keywords:["cucumber","green","vegetable"]},{emoji:"🥬",name:"leafy greens",category:"food",keywords:["lettuce","greens","salad"]},{emoji:"🥦",name:"broccoli",category:"food",keywords:["broccoli","green","vegetable"]},{emoji:"🧄",name:"garlic",category:"food",keywords:["garlic","flavor","cooking"]},{emoji:"🧅",name:"onion",category:"food",keywords:["onion","cry","cooking"]},{emoji:"🍄",name:"mushroom",category:"food",keywords:["mushroom","fungi","cooking"]},{emoji:"🥜",name:"peanuts",category:"food",keywords:["peanuts","nuts","snack"]},{emoji:"🌰",name:"chestnut",category:"food",keywords:["chestnut","nut","autumn"]},{emoji:"🍞",name:"bread",category:"food",keywords:["bread","loaf","carbs"]},{emoji:"🥐",name:"croissant",category:"food",keywords:["croissant","french","pastry"]},{emoji:"🥖",name:"baguette bread",category:"food",keywords:["baguette","french","bread"]},{emoji:"🫓",name:"flatbread",category:"food",keywords:["flatbread","bread","thin"]},{emoji:"🥨",name:"pretzel",category:"food",keywords:["pretzel","twisted","snack"]},{emoji:"🥯",name:"bagel",category:"food",keywords:["bagel","round","breakfast"]},{emoji:"🥞",name:"pancakes",category:"food",keywords:["pancakes","breakfast","syrup"]},{emoji:"🧇",name:"waffle",category:"food",keywords:["waffle","breakfast","squares"]},{emoji:"🧀",name:"cheese wedge",category:"food",keywords:["cheese","dairy","yellow"]},{emoji:"🍖",name:"meat on bone",category:"food",keywords:["meat","bone","protein"]},{emoji:"🍗",name:"poultry leg",category:"food",keywords:["chicken","leg","meat"]},{emoji:"🥩",name:"cut of meat",category:"food",keywords:["steak","meat","red"]},{emoji:"🥓",name:"bacon",category:"food",keywords:["bacon","pork","breakfast"]},{emoji:"🍔",name:"hamburger",category:"food",keywords:["burger","hamburger","fast food"]},{emoji:"🍟",name:"french fries",category:"food",keywords:["fries","potato","fast food"]},{emoji:"🍕",name:"pizza",category:"food",keywords:["pizza","slice","italian"]},{emoji:"🌭",name:"hot dog",category:"food",keywords:["hot dog","sausage","fast food"]},{emoji:"🥪",name:"sandwich",category:"food",keywords:["sandwich","bread","lunch"]},{emoji:"🌮",name:"taco",category:"food",keywords:["taco","mexican","shell"]},{emoji:"🌯",name:"burrito",category:"food",keywords:["burrito","wrap","mexican"]},{emoji:"🫔",name:"tamale",category:"food",keywords:["tamale","mexican","corn"]},{emoji:"🥙",name:"stuffed flatbread",category:"food",keywords:["pita","flatbread","stuffed"]},{emoji:"🧆",name:"falafel",category:"food",keywords:["falafel","middle eastern","chickpea"]},{emoji:"🥚",name:"egg",category:"food",keywords:["egg","protein","breakfast"]},{emoji:"🍳",name:"cooking",category:"food",keywords:["cooking","frying pan","egg"]},{emoji:"🥘",name:"shallow pan of food",category:"food",keywords:["paella","pan","cooking"]},{emoji:"🍲",name:"pot of food",category:"food",keywords:["stew","pot","cooking"]},{emoji:"🫕",name:"fondue",category:"food",keywords:["fondue","cheese","pot"]},{emoji:"🥣",name:"bowl with spoon",category:"food",keywords:["bowl","cereal","soup"]},{emoji:"🥗",name:"green salad",category:"food",keywords:["salad","healthy","greens"]},{emoji:"🍿",name:"popcorn",category:"food",keywords:["popcorn","movie","snack"]},{emoji:"🧈",name:"butter",category:"food",keywords:["butter","dairy","spread"]},{emoji:"🧂",name:"salt",category:"food",keywords:["salt","seasoning","white"]},{emoji:"🥫",name:"canned food",category:"food",keywords:["can","canned","preserved"]},{emoji:"🍱",name:"bento box",category:"food",keywords:["bento","japanese","lunch box"]},{emoji:"🍘",name:"rice cracker",category:"food",keywords:["rice","cracker","japanese"]},{emoji:"🍙",name:"rice ball",category:"food",keywords:["rice ball","onigiri","japanese"]},{emoji:"🍚",name:"cooked rice",category:"food",keywords:["rice","cooked","bowl"]},{emoji:"🍛",name:"curry rice",category:"food",keywords:["curry","rice","spicy"]},{emoji:"🍜",name:"steaming bowl",category:"food",keywords:["ramen","noodles","soup"]},{emoji:"🍝",name:"spaghetti",category:"food",keywords:["spaghetti","pasta","italian"]},{emoji:"🍠",name:"roasted sweet potato",category:"food",keywords:["sweet potato","roasted","orange"]},{emoji:"🍢",name:"oden",category:"food",keywords:["oden","japanese","skewer"]},{emoji:"🍣",name:"sushi",category:"food",keywords:["sushi","japanese","fish"]},{emoji:"🍤",name:"fried shrimp",category:"food",keywords:["shrimp","fried","tempura"]},{emoji:"🍥",name:"fish cake with swirl",category:"food",keywords:["fish cake","japanese","swirl"]},{emoji:"🥮",name:"moon cake",category:"food",keywords:["moon cake","chinese","festival"]},{emoji:"🍡",name:"dango",category:"food",keywords:["dango","japanese","sweet"]},{emoji:"🥟",name:"dumpling",category:"food",keywords:["dumpling","chinese","steamed"]},{emoji:"🥠",name:"fortune cookie",category:"food",keywords:["fortune cookie","chinese","luck"]},{emoji:"🥡",name:"takeout box",category:"food",keywords:["takeout","chinese","box"]},{emoji:"🦀",name:"crab",category:"food",keywords:["crab","seafood","claws"]},{emoji:"🦞",name:"lobster",category:"food",keywords:["lobster","seafood","red"]},{emoji:"🦐",name:"shrimp",category:"food",keywords:["shrimp","seafood","small"]},{emoji:"🦑",name:"squid",category:"food",keywords:["squid","seafood","tentacles"]},{emoji:"🦪",name:"oyster",category:"food",keywords:["oyster","seafood","shell"]},{emoji:"🍦",name:"soft ice cream",category:"food",keywords:["ice cream","soft serve","cone"]},{emoji:"🍧",name:"shaved ice",category:"food",keywords:["shaved ice","snow cone","cold"]},{emoji:"🍨",name:"ice cream",category:"food",keywords:["ice cream","dessert","cold"]},{emoji:"🍩",name:"doughnut",category:"food",keywords:["donut","doughnut","sweet"]},{emoji:"🍪",name:"cookie",category:"food",keywords:["cookie","sweet","baked"]},{emoji:"🎂",name:"birthday cake",category:"food",keywords:["cake","birthday","celebration"]},{emoji:"🍰",name:"shortcake",category:"food",keywords:["cake","slice","dessert"]},{emoji:"🧁",name:"cupcake",category:"food",keywords:["cupcake","muffin","sweet"]},{emoji:"🥧",name:"pie",category:"food",keywords:["pie","dessert","slice"]},{emoji:"🍫",name:"chocolate bar",category:"food",keywords:["chocolate","bar","sweet"]},{emoji:"🍬",name:"candy",category:"food",keywords:["candy","sweet","wrapper"]},{emoji:"🍭",name:"lollipop",category:"food",keywords:["lollipop","candy","stick"]},{emoji:"🍮",name:"custard",category:"food",keywords:["custard","pudding","dessert"]},{emoji:"🍯",name:"honey pot",category:"food",keywords:["honey","sweet","bee"]},{emoji:"🍼",name:"baby bottle",category:"food",keywords:["bottle","baby","milk"]},{emoji:"🥛",name:"glass of milk",category:"food",keywords:["milk","glass","dairy"]},{emoji:"☕",name:"hot beverage",category:"food",keywords:["coffee","tea","hot"]},{emoji:"🫖",name:"teapot",category:"food",keywords:["teapot","tea","hot"]},{emoji:"🍵",name:"teacup without handle",category:"food",keywords:["tea","green tea","cup"]},{emoji:"🍶",name:"sake",category:"food",keywords:["sake","japanese","alcohol"]},{emoji:"🍾",name:"bottle with popping cork",category:"food",keywords:["champagne","celebration","cork"]},{emoji:"🍷",name:"wine glass",category:"food",keywords:["wine","glass","alcohol"]},{emoji:"🍸",name:"cocktail glass",category:"food",keywords:["cocktail","martini","alcohol"]},{emoji:"🍹",name:"tropical drink",category:"food",keywords:["tropical","cocktail","umbrella"]},{emoji:"🍺",name:"beer mug",category:"food",keywords:["beer","mug","alcohol"]},{emoji:"🍻",name:"clinking beer mugs",category:"food",keywords:["beer","cheers","celebration"]},{emoji:"🥂",name:"clinking glasses",category:"food",keywords:["champagne","cheers","celebration"]},{emoji:"🥃",name:"tumbler glass",category:"food",keywords:["whiskey","tumbler","alcohol"]},{emoji:"🫗",name:"pouring liquid",category:"food",keywords:["pour","liquid","drink"]},{emoji:"🥤",name:"cup with straw",category:"food",keywords:["soda","straw","drink"]},{emoji:"🧋",name:"bubble tea",category:"food",keywords:["bubble tea","boba","drink"]},{emoji:"🧃",name:"beverage box",category:"food",keywords:["juice box","drink","straw"]},{emoji:"🧉",name:"mate",category:"food",keywords:["mate","tea","south american"]},{emoji:"🧊",name:"ice",category:"food",keywords:["ice","cold","cube"]},{emoji:"⚽",name:"soccer ball",category:"activities",keywords:["soccer","football","sport"]},{emoji:"🏀",name:"basketball",category:"activities",keywords:["basketball","sport"]},{emoji:"🏈",name:"american football",category:"activities",keywords:["football","sport"]},{emoji:"⚾",name:"baseball",category:"activities",keywords:["baseball","sport"]},{emoji:"🥎",name:"softball",category:"activities",keywords:["softball","sport"]},{emoji:"🎾",name:"tennis",category:"activities",keywords:["tennis","sport"]},{emoji:"🚗",name:"automobile",category:"travel",keywords:["car","vehicle"]},{emoji:"🚕",name:"taxi",category:"travel",keywords:["taxi","car"]},{emoji:"🚙",name:"sport utility vehicle",category:"travel",keywords:["suv","car"]},{emoji:"🚌",name:"bus",category:"travel",keywords:["bus","vehicle"]},{emoji:"🚎",name:"trolleybus",category:"travel",keywords:["trolley","bus"]},{emoji:"🏎️",name:"racing car",category:"travel",keywords:["race","car","fast"]},{emoji:"💡",name:"light bulb",category:"objects",keywords:["idea","light","bulb"]},{emoji:"🔋",name:"battery",category:"objects",keywords:["battery","power"]},{emoji:"🖥️",name:"desktop computer",category:"objects",keywords:["computer","desktop"]},{emoji:"💻",name:"laptop",category:"objects",keywords:["laptop","computer"]},{emoji:"📱",name:"mobile phone",category:"objects",keywords:["phone","mobile"]},{emoji:"☎️",name:"telephone",category:"objects",keywords:["phone","telephone"]},{emoji:"❤️",name:"red heart",category:"symbols",keywords:["love","heart"]},{emoji:"🧡",name:"orange heart",category:"symbols",keywords:["love","heart"]},{emoji:"💛",name:"yellow heart",category:"symbols",keywords:["love","heart"]},{emoji:"💚",name:"green heart",category:"symbols",keywords:["love","heart"]},{emoji:"💙",name:"blue heart",category:"symbols",keywords:["love","heart"]},{emoji:"💜",name:"purple heart",category:"symbols",keywords:["love","heart"]},{emoji:"🖤",name:"black heart",category:"symbols",keywords:["love","heart"]},{emoji:"🤍",name:"white heart",category:"symbols",keywords:["love","heart"]},{emoji:"🏁",name:"chequered flag",category:"flags",keywords:["flag","race","finish"]},{emoji:"🚩",name:"triangular flag",category:"flags",keywords:["flag","warning"]},{emoji:"🏳️",name:"white flag",category:"flags",keywords:["flag","surrender"]},{emoji:"🏴",name:"black flag",category:"flags",keywords:["flag","pirate"]},{emoji:"🏳️‍🌈",name:"rainbow flag",category:"flags",keywords:["flag","rainbow","pride"]}],Tl=e=>{const{value:o,defaultValue:t="",onChange:n,onEmojiSelect:a,isOpen:l,onOpen:c,onClose:g,closeOnSelect:s=!0,maxRecentEmojis:d=16,showRecentEmojis:f=!0,enabledCategories:m=["recent","smileys","people","animals","food","activities","travel","objects","symbols","flags"],customEmojis:p=[]}=e,[u,y]=h.useState(l??!1),[x,k]=h.useState(o??t),[C,S]=h.useState(""),[v,w]=h.useState("smileys"),[b,T]=h.useState([]),F=h.useRef(null),M=h.useRef(null),E=h.useMemo(()=>[...Pf,...p],[p]),$=h.useMemo(()=>{let H=E;if(v!=="recent"?H=H.filter(B=>B.category===v):H=b,C){const B=C.toLowerCase();H=H.filter(_=>_.name.toLowerCase().includes(B)||_.keywords.some(L=>L.toLowerCase().includes(B)))}return H},[E,v,b,C]);h.useEffect(()=>{o!==void 0&&k(o)},[o]),h.useEffect(()=>{l!==void 0&&y(l)},[l]),h.useEffect(()=>{if(f&&typeof localStorage<"u"){const H=localStorage.getItem("emojiPicker-recentEmojis");if(H)try{T(JSON.parse(H))}catch{}}},[f]),h.useEffect(()=>{if(typeof(document==null?void 0:document.addEventListener)!="function")return;const H=B=>{u&&F.current&&M.current&&!F.current.contains(B.target)&&!M.current.contains(B.target)&&W()};return document.addEventListener("mousedown",H),()=>document.removeEventListener("mousedown",H)},[u]);const z=h.useCallback(H=>{f&&T(B=>{const _=B.filter(O=>O.emoji!==H.emoji),L=[H,..._].slice(0,d);return typeof localStorage<"u"&&localStorage.setItem("emojiPicker-recentEmojis",JSON.stringify(L)),L})},[f,d]),V=h.useCallback(()=>{const H=!u;y(H),H?(c==null||c(),S(""),f&&b.length>0?w("recent"):w("smileys")):g==null||g()},[u,c,g,f,b.length]),A=h.useCallback(H=>{k(H.emoji),z(H),n==null||n(H.emoji),a==null||a(H),s&&(y(!1),g==null||g())},[n,a,s,g,z]),P=h.useCallback(H=>{S(H),H&&v==="recent"&&w("smileys")},[v]),j=h.useCallback(H=>{w(H),S("")},[]),W=h.useCallback(()=>{y(!1),g==null||g()},[g]);return{isOpen:u,selectedEmoji:x,recentEmojis:b,searchQuery:C,activeCategory:v,filteredEmojis:$,handleToggle:V,handleEmojiSelect:A,handleSearchChange:P,handleCategoryChange:j,handleClose:W,triggerRef:F,dropdownRef:M}},Il=({id:e,name:o,label:t,placeholder:n="Select an emoji",helperText:a,views:l={},size:c="md",shape:g="default",variant:s="default",error:d=!1,isDisabled:f=!1,isReadOnly:m=!1,showSearch:p=!0,showCategories:u=!0,showRecentEmojis:y=!0,enabledCategories:x=["recent","smileys","people","animals","food","activities","travel","objects","symbols","flags"],isOpen:k,selectedEmoji:C,recentEmojis:S,searchQuery:v,activeCategory:w,filteredEmojis:b,handleToggle:T,handleEmojiSelect:F,handleSearchChange:M,handleCategoryChange:E,handleClose:$,triggerRef:z,dropdownRef:V,onChange:A,onOpen:P,onClose:j,onEmojiSelect:W,customEmojis:H,closeOnSelect:B,maxRecentEmojis:_,value:L,defaultValue:O,...N})=>{const{getColor:G}=i.useTheme(),q={...Qe.container,...l==null?void 0:l.container},K={...Qe.trigger,...Ff[c],...zf[g],...Mf[s],...d&&{borderColor:"color-red-500"},...f&&{opacity:.6,cursor:"not-allowed"},...!f&&!m&&{_hover:{borderColor:"color-gray-300"}},...l==null?void 0:l.trigger},D={...Qe.dropdown,...l==null?void 0:l.dropdown},X={...Qe.categoryTabs,...l==null?void 0:l.categoryTabs},Q={...Qe.emojiGrid,...l==null?void 0:l.emojiGrid},R=x.filter(Z=>Z==="recent"?y&&S.length>0:!0);return r.jsxs(i.View,{...q,...N,children:[t&&r.jsx(i.Text,{fontSize:c==="xs"?"12px":c==="sm"?"14px":"16px",fontWeight:"500",color:"color-gray-700",marginBottom:"4px",...l==null?void 0:l.label,children:t}),r.jsxs(i.View,{ref:z,onClick:f||m?void 0:T,...K,children:[r.jsx(i.Horizontal,{alignItems:"center",gap:8,children:r.jsx(i.Text,{color:C?"color-gray-800":"color-gray-500",fontSize:"inherit",children:C||n})}),!m&&!f&&r.jsx(de,{widthHeight:16,color:"color-gray-500",orientation:k?"up":"down"})]}),k&&r.jsxs(i.View,{ref:V,...D,children:[p&&r.jsx(i.View,{...Qe.searchInput,...l==null?void 0:l.searchInput,children:r.jsx(Ie,{placeholder:"Search emojis...",value:v,onChange:Z=>M(Z.target.value),size:"sm"})}),u&&r.jsx(i.View,{...X,children:R.map(Z=>r.jsx(i.View,{...Qe.categoryTab,...w===Z&&{borderBottomColor:"theme-primary",color:"theme-primary",backgroundColor:"color-blue-50"},onClick:()=>E(Z),title:Z.charAt(0).toUpperCase()+Z.slice(1),...l==null?void 0:l.categoryTab,children:Wf[Z]},Z))}),r.jsx(i.View,{...Q,children:b.length>0?b.map((Z,re)=>r.jsx(i.View,{...Qe.emoji,onClick:()=>F(Z),title:Z.name,_hover:{backgroundColor:"color-gray-50",transform:"scale(1.05)"},color:"color-gray-800",...l==null?void 0:l.emoji,children:Z.emoji},`${Z.emoji}-${re}`)):r.jsx(i.View,{gridColumn:"1 / -1",padding:"20px",textAlign:"center",color:"color-gray-500",children:r.jsx(i.Text,{fontSize:"14px",children:v?"No emojis found":"No emojis in this category"})})})]}),a&&r.jsx(i.Text,{color:d?"color-red-500":"color-gray-600",marginTop:"4px",...l==null?void 0:l.helperText,children:a})]})},Hf=e=>{const o=ue(e),t={...e,value:o.value??e.value??e.defaultValue},n=Tl(t),a=l=>{var c;n.handleEmojiSelect(l),o.onChange(l.emoji),(c=e.onEmojiSelect)==null||c.call(e,l)};return r.jsx(Il,{...n,...t,handleEmojiSelect:a})},jf=({files:e,onRemove:o,maxHeight:t="120px",views:n={}})=>{if(e.length===0)return null;const a=h.useCallback(l=>l<1024?`${l} B`:l<1024*1024?`${(l/1024).toFixed(1)} KB`:`${(l/(1024*1024)).toFixed(1)} MB`,[]);return r.jsx(i.View,{display:"flex",flexWrap:"wrap",gap:"8px",padding:"8px 0",maxHeight:t,overflowY:"auto",...n==null?void 0:n.container,children:e.map((l,c)=>{const g=l.url||"",s=l.type.startsWith("image/"),d=l.type.startsWith("video/"),f=l.type.startsWith("audio/");return r.jsx(i.Vertical,{alignItems:"center",gap:"6px",padding:"6px 10px",borderRadius:"8px",border:"1px solid #E2E8F0",backgroundColor:"color-white",position:"relative",animate:{from:{opacity:0,scale:.9},to:{opacity:1,scale:1}},animationDuration:.2,...n==null?void 0:n.item,children:r.jsxs(ve,{children:[r.jsx(ve.Trigger,{children:r.jsxs(i.View,{position:"relative",children:[s&&g&&r.jsx(i.Image,{src:g,alt:l.name,width:"60px",height:"60px",objectFit:"cover",borderRadius:"8px"}),d&&g&&r.jsx(i.View,{as:"video",src:g,alt:l.name,controls:!1,muted:!0,width:"60px",height:"60px",objectFit:"cover",borderRadius:"8px"}),f&&r.jsx(i.Center,{width:"60px",height:"60px",backgroundColor:"color-gray-100",borderRadius:"8px",children:r.jsx(yo,{widthHeight:24,color:"color-black"})}),!s&&!d&&!f&&r.jsx(i.Center,{width:"60px",height:"60px",backgroundColor:"color-gray-100",borderRadius:"8px",children:r.jsx(ro,{widthHeight:24,color:"color-black"})}),o&&r.jsx(i.Button,{position:"absolute",top:"-4px",right:"-4px",width:"20px",height:"20px",minWidth:"20px",minHeight:"20px",borderRadius:"50%",backgroundColor:"color-red-500",color:"white",fontSize:14,fontWeight:"bold",padding:0,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",border:"2px solid white",transition:"background-color 0.2s ease, opacity 0.2s ease",_hover:{backgroundColor:"#DC2626"},onClick:m=>{m.stopPropagation(),o(c)},"aria-label":`Remove ${l.name}`,children:"×"})]})}),r.jsxs(ve.Content,{children:[s&&g&&r.jsx(i.Image,{src:g,alt:l.name,maxWidth:"300px"}),d&&g&&r.jsx(i.View,{as:"video",src:g,controls:!0,maxWidth:"300px"}),f&&g&&r.jsx(i.View,{as:"audio",src:g,controls:!0,width:"100%"}),r.jsxs(i.Text,{marginTop:"4px",maxLines:1,width:"100%",fontSize:12,...n==null?void 0:n.name,children:[l.name," (",a(l.size),")"]})]})]})},c)})})},Fl=e=>{const o=me("slider",e),t=dl(o);return r.jsx(pl,{...o,...t})},Af=({url:e,type:o,name:t,onOpen:n})=>{const a=o.toLowerCase(),l=a.startsWith("image"),c=a.startsWith("video"),g=a.startsWith("audio"),s=()=>{n&&n()};return r.jsxs(i.View,{width:"60px",height:"60px",flexShrink:0,borderRadius:"4px",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"color-gray-200",cursor:"pointer",onClick:s,children:[l&&r.jsx(i.Image,{src:e,alt:t,width:"100%",height:"100%",objectFit:"cover"}),c&&r.jsx(i.View,{as:"video",src:e,controls:!0,width:"100%",height:"100%",style:{objectFit:"cover"},onClick:d=>d.stopPropagation()}),g&&r.jsx(i.View,{as:"audio",controls:!0,src:e,width:"100%",onClick:d=>d.stopPropagation()}),!l&&!c&&!g&&r.jsx(ro,{widthHeight:24,color:"color-gray-600"})]})},Ze=po.create(e=>({modals:[],onHide:o=>o,onShow:(o,t)=>({name:o,props:t}),show:(o,t={},n={})=>{e(a=>({...a,modals:[...a.modals,{name:o,props:{...t,isVisible:!0},overlayProps:n}]}))},hide:o=>{e(t=>o?{...t,modals:t.modals.filter(n=>n.name!==o)}:{modals:[]})},setOnHide:o=>{e(t=>({...t,onHide:o}))},setOnShow:o=>{e(t=>({...t,onShow:o}))}})),Vf=(e,o={},t={})=>{Ze.getState().show(e,o,t),Ze.getState().onShow(e,o)},$t=e=>{Ze.getState().onHide(e),Ze.getState().hide(typeof e=="string"?e:void 0)},Ef={square:{borderRadius:0},rounded:{borderRadius:8}},Df={center:{justifyContent:"center",alignItems:"center"},top:{justifyContent:"center",alignItems:"flex-start"},right:{justifyContent:"flex-end",alignItems:"center"},bottom:{justifyContent:"center",alignItems:"flex-end"},left:{justifyContent:"flex-start",alignItems:"center"}},$f={xs:12,sm:16,md:20,lg:24,xl:28},Lt={body:{fontSize:"16px",fontWeight:"400",color:"color-gray-700"}},zl=h.memo(({children:e,blur:o,isOpen:t=!1,isClosePrevented:n=!1,onClose:a=()=>{},position:l="center",views:c,...g})=>{const s=h.useCallback(()=>{n||a()},[n,a]);return r.jsx(i.Center,{position:"fixed",top:0,left:0,width:"100%",height:"100%",zIndex:1e3,onClick:s,visibility:t?"visible":"hidden",opacity:t?1:0,transition:"opacity 0.2s ease, visibility 0.2s ease",...c==null?void 0:c.container,children:r.jsx(i.View,{position:"absolute",top:0,left:0,zIndex:1e3,width:"100vw",height:"100vh",display:"flex",backgroundColor:"color-blackAlpha-500",backdropFilter:o?`blur(${o}px)`:void 0,transition:"background-color 0.2s ease, backdrop-filter 0.2s ease",onClick:s,...Df[l],...g,...c==null?void 0:c.view,children:e})})}),Lf={boxShadow:"0px 4px 16px rgba(0, 0, 0, 0.15)"},Bf={elevation:5,shadowColor:"rgba(0, 0, 0, 0.15)",shadowOffset:{width:0,height:4},shadowOpacity:1,shadowRadius:16},_f=h.memo(({children:e,shadow:o,isFullScreen:t=!1,shape:n="rounded",views:a,isOpen:l=!0,position:c,...g})=>{const s=typeof document!==void 0?Lf:Bf,d=h.useCallback(f=>{f&&f.stopPropagation&&f.stopPropagation()},[]);return r.jsx(i.Vertical,{cursor:"default",backgroundColor:"color-white",width:t?"100%":600,height:t?"100%":"fit-content",onClick:d,transition:"opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease",opacity:l?1:0,transform:l?"translateY(0)":"translateY(8px)",...o||s,...Ef[n],media:{mobile:{width:"90%",maxWidth:"100%",margin:"16px"}},...g,...a==null?void 0:a.container,children:e})}),Of=h.memo(({children:e,buttonColor:o="theme-primary",iconSize:t="md",buttonPosition:n="right",views:a,onClose:l,...c})=>{const g=l||$t,s=r.jsx(i.View,{onClick:g,children:r.jsx(Te,{widthHeight:$f[t],color:o})});return r.jsxs(i.Horizontal,{justifyContent:n==="none"?"center":"space-between",alignItems:"center",paddingVertical:16,paddingHorizontal:24,borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-200",media:{mobile:{paddingVertical:12,paddingHorizontal:16}},...c,...a==null?void 0:a.header,children:[n==="left"&&s,e,n==="right"&&s]})}),Nf=h.memo(({children:e,views:o,...t})=>r.jsx(i.View,{paddingVertical:16,paddingHorizontal:24,fontSize:Lt.body.fontSize,fontWeight:Lt.body.fontWeight,color:Lt.body.color,media:{mobile:{paddingVertical:12,paddingHorizontal:16,fontSize:"14px"}},...t,...o==null?void 0:o.view,children:e})),qf=h.memo(({children:e,views:o,...t})=>r.jsx(i.Horizontal,{marginTop:"auto",alignItems:"center",justifyContent:"flex-end",paddingVertical:16,paddingHorizontal:24,borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"color-gray-200",gap:12,media:{mobile:{paddingVertical:12,paddingHorizontal:16,gap:8}},...t,...o==null?void 0:o.container,children:e})),Bt=({modals:e,onShow:o,onHide:t})=>{const n=Ze(a=>a.modals);return h.useEffect(()=>{o&&Ze.getState().setOnShow(o)},[o]),h.useEffect(()=>{t&&Ze.getState().setOnHide(t)},[t]),n.length===0?null:r.jsx(h.Fragment,{children:n.map((a,l)=>{const c=e[a.name];return c?r.jsx(zl,{isOpen:a.props.isVisible,onClose:()=>$t(a.name),blur:5,...a.overlayProps,style:{zIndex:1e3+l},children:r.jsx(c,{...a.props})},l):(console.error(`${a.name} modal doesn't exist`),null)})})},io=({children:e})=>r.jsx(r.Fragment,{children:e});io.Overlay=zl,io.Container=_f,io.Header=Of,io.Body=Nf,io.Footer=qf,io.Layout=Bt;const Ml={xs:"320px",sm:"380px",md:"480px",lg:"640px",xl:"768px",full:"100%"},Uf={left:{top:0,left:0,bottom:0,height:"100vh",borderRightWidth:"1px",borderRightStyle:"solid",borderRightColor:"color-gray-200"},right:{top:0,right:0,bottom:0,height:"100vh",borderLeftWidth:"1px",borderLeftStyle:"solid",borderLeftColor:"color-gray-200"},top:{top:0,left:0,right:0,width:"100vw",borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-200"},bottom:{bottom:0,left:0,right:0,width:"100vw",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"color-gray-200"}},_t=({isOpen:e,onClose:o,isClosePrevented:t,blur:n,children:a,...l})=>{const c=()=>{t||o()};return h.useEffect(()=>{const g=s=>{s.key==="Escape"&&e&&!t&&o()};return e&&document.addEventListener("keydown",g),()=>{document.removeEventListener("keydown",g)}},[e,t,o]),r.jsx(i.View,{"data-testid":"drawer-overlay",role:"dialog","aria-modal":"true",position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:1e3,visibility:e?"visible":"hidden",onClick:c,opacity:e?1:0,transition:"opacity 0.2s ease, visibility 0.2s ease, background-color 0.2s ease",backgroundColor:e?"color-blackAlpha-500":"transparent",backdropFilter:n?`blur(${n}px)`:void 0,pointerEvents:e?"auto":"none",...l,children:a})},Ot=({placement:e="right",size:o="md",isOpen:t=!1,children:n,...a})=>{const l=f=>{f.stopPropagation()},g=e==="top"||e==="bottom"?{height:o==="full"?"100vh":Ml[o]||o,maxHeight:"100vh"}:{width:o==="full"?"100vw":Ml[o]||o,maxWidth:"100vw"},s=e==="left"?"0 12px 12px 0":e==="right"?"12px 0 0 12px":e==="top"?"0 0 12px 12px":"12px 12px 0 0",d=t?"translate3d(0, 0, 0)":e==="left"?"translate3d(-100%, 0, 0)":e==="right"?"translate3d(100%, 0, 0)":e==="top"?"translate3d(0, -100%, 0)":"translate3d(0, 100%, 0)";return r.jsx(i.Vertical,{position:"absolute",backgroundColor:"color-white",borderRadius:s,...Uf[e],...g,onClick:l,transform:d,willChange:"transform",transition:"transform 0.24s ease, box-shadow 0.2s ease",boxShadow:"0 12px 32px rgba(15, 23, 42, 0.12)",...a,children:n})},Gf=({children:e,onClose:o,buttonPosition:t="right",...n})=>{const a=o&&r.jsx(i.View,{onClick:o,cursor:"pointer",padding:8,children:r.jsx(Te,{widthHeight:20,color:"color-gray-500"})});return r.jsxs(i.Horizontal,{paddingHorizontal:24,paddingVertical:16,borderBottomWidth:"1px",borderBottomColor:"color-gray-200",alignItems:"center",justifyContent:t==="none"?"center":"space-between",...n,children:[t==="left"&&a,e,t==="right"&&a]})},Yf=({children:e,...o})=>r.jsx(i.Vertical,{padding:24,flex:1,overflowY:"auto",...o,children:e}),Xf=({children:e,...o})=>r.jsx(i.Horizontal,{paddingHorizontal:24,paddingVertical:16,borderTopWidth:"1px",borderTopColor:"color-gray-200",alignItems:"center",justifyContent:"flex-end",gap:12,...o,children:e}),Re=po.create(e=>({drawers:[],onHide:o=>o,onShow:(o,t)=>({name:o,props:t}),show:(o,t={},n={})=>{e(a=>({...a,drawers:[...a.drawers,{name:o,props:{...t,isOpen:!1},overlayProps:n}]}))},hide:o=>{e(t=>o?{...t,drawers:t.drawers.filter(n=>n.name!==o)}:{drawers:[]})},setOnHide:o=>{e(t=>({...t,onHide:o}))},setOnShow:o=>{e(t=>({...t,onShow:o}))}})),Kf=(e,o={},t={})=>{const n=Re.getState();n.hide(e),n.show(e,o,t),n.onShow(e,o),queueMicrotask(()=>{Re.setState(a=>({drawers:a.drawers.map(l=>l.name===e?{...l,props:{...l.props,isOpen:!0}}:l)}))})},Wl=e=>{Re.getState().onHide(e),Re.getState().hide(typeof e=="string"?e:void 0)},Jf=({drawers:e,onShow:o,onHide:t})=>{const n=Re(a=>a.drawers);return h.useEffect(()=>{o&&Re.getState().setOnShow(o)},[o]),h.useEffect(()=>{t&&Re.getState().setOnHide(t)},[t]),n.length===0?null:r.jsx(h.Fragment,{children:n.map((a,l)=>{var u;const c=e[a.name];if(!c)return console.error(`${a.name} drawer doesn't exist`),null;const{placement:g,size:s,isClosePrevented:d,blur:f,containerProps:m,...p}=a.props||{};return r.jsx(_t,{isOpen:a.props.isOpen,onClose:()=>Wl(a.name),isClosePrevented:d,blur:f,...a.overlayProps,style:{zIndex:1e3+l,...((u=a.overlayProps)==null?void 0:u.style)||{}},children:r.jsx(Ot,{placement:g,size:s,isOpen:a.props.isOpen,...m||{},children:r.jsx(h.Suspense,{fallback:null,children:r.jsx(c,{...p})})})},l)})})},co=({isOpen:e,onClose:o,placement:t="right",size:n="md",isClosePrevented:a,children:l,...c})=>r.jsx(_t,{isOpen:e,onClose:o,isClosePrevented:a,...c,children:r.jsx(Ot,{placement:t,size:n,isOpen:e,children:l})});co.Overlay=_t,co.Container=Ot,co.Header=Gf,co.Body=Yf,co.Footer=Xf,co.Layout=Jf;const Pl=({behavior:e,keyboardVerticalOffset:o,dismissOnTap:t,enabled:n,children:a,...l})=>r.jsx(i.View,{flex:1,width:"100%",...l,children:a}),Qf=({header:e,footer:o,children:t,isLoading:n=!1,safe:a=!0,scrollable:l=!0,dismissKeyboardOnTap:c=!0,keyboardVerticalOffset:g=0,views:s={},backgroundColor:d="color-white",...f})=>{const m=a?i.SafeArea:i.View,p=i.isBrowser()?{}:{keyboardShouldPersistTaps:"handled",showsVerticalScrollIndicator:!1,contentContainerStyle:{flexGrow:1}},u=n?r.jsx(i.Center,{flex:1,width:"100%",...s.content,children:r.jsx(Xe,{})}):l?r.jsx(i.Scroll,{flex:1,width:"100%",...p,...s.content,children:t}):r.jsx(i.View,{flex:1,width:"100%",...s.content,children:t});return r.jsxs(m,{flex:1,height:"100%",width:"100%",flexDirection:"column",backgroundColor:d,...f,...s.container,children:[e!=null&&r.jsx(i.View,{width:"100%",flexShrink:0,...s.header,children:e}),r.jsxs(Pl,{flexDirection:"column",dismissOnTap:c,keyboardVerticalOffset:g,children:[u,o!=null&&r.jsx(i.View,{width:"100%",flexShrink:0,...s.footer,children:o})]})]})},Ar=po.create(e=>({started:!1,loaded:!1,setStarted:(o=!0)=>e({started:o}),setLoaded:(o=!0)=>e({loaded:o}),reset:()=>e({started:!1,loaded:!1})})),Zf=(e=!0)=>Ar.getState().setLoaded(e),Rf=(e=!0)=>Ar.getState().setStarted(e),em=({logo:e,logoSrc:o,loader:t,showLoader:n=!0,duration:a=600,isLoaded:l,onHidden:c,backgroundColor:g="color-white",children:s,...d})=>{const f=Ar(v=>v.loaded),m=l!==void 0?l:f,[p,u]=h.useState(!0),[y,x]=h.useState(!1);if(h.useEffect(()=>{if(!m||y)return;x(!0);const v=setTimeout(()=>{u(!1),c==null||c()},a);return()=>clearTimeout(v)},[m,y,a,c]),!p)return null;const k=i.isBrowser()?"fixed":"absolute",C=y?i.Animation.fadeOut({duration:`${a}ms`}):void 0,S=e??(o?r.jsx(i.Image,{src:o,width:120,height:120,alt:"logo"}):null);return r.jsxs(i.Center,{position:k,top:0,left:0,right:0,bottom:0,zIndex:9999,backgroundColor:g,animate:C,...d,children:[r.jsxs(i.Vertical,{alignItems:"center",gap:24,children:[S,n&&(t??r.jsx(Xe,{}))]}),s]})},Le=po.create((e,o)=>({stack:[{path:"/",params:{}}],index:0,push:(t,n={})=>e(a=>{const l=a.stack.slice(0,a.index+1);return l.push({path:t,params:n}),{stack:l,index:l.length-1}}),replace:(t,n={})=>e(a=>{const l=a.stack.slice();return l[a.index]={path:t,params:n},{stack:l}}),back:()=>{const{index:t}=o();return t<=0?!1:(e({index:t-1}),!0)},go:t=>e(n=>({index:Math.min(Math.max(n.index+t,0),n.stack.length-1)})),reset:(t,n={})=>e({stack:[{path:t,params:n}],index:0})})),om=(e,o)=>Le.getState().push(e,o),rm=()=>Le.getState().back(),Nt=()=>{const e=Le(s=>s.stack),o=Le(s=>s.index),t=Le(s=>s.push),n=Le(s=>s.replace),a=Le(s=>s.back),l=Le(s=>s.go),c=Le(s=>s.reset),g=e[o]||{path:"/",params:{}};return{path:g.path,params:g.params,stack:e,index:o,canGoBack:o>0,push:t,replace:n,back:a,go:l,reset:c,navigate:t}},Hl=(e,o)=>{const t=e.split("/").filter(Boolean),n=o.split("/").filter(Boolean);if(t.length!==n.length)return null;const a={};for(let l=0;l<t.length;l+=1){const c=t[l];if(c.startsWith(":"))a[c.slice(1)]=decodeURIComponent(n[l]);else if(c!==n[l])return null}return a},tm=e=>Array.isArray(e)?e:Object.entries(e).map(([o,t])=>({path:o,component:t})),nm=({routes:e,notFound:o})=>{const{path:t,params:n}=Nt();for(const a of tm(e)){const l=Hl(a.path,t);if(l){const c=a.component;return r.jsx(c,{...n,...l})}}return o?r.jsx(o,{}):null},am=({routes:e,notFound:o,initialPath:t,syncBrowserHistory:n=!1})=>{const{path:a,push:l,back:c,reset:g}=Nt(),s=h.useRef(!1);return i.useMount(()=>{t&&g(t)}),h.useEffect(()=>{if(!(!n||typeof window>"u")){if(s.current){s.current=!1;return}try{window.history.pushState({path:a},"",a)}catch{}}},[a,n]),h.useEffect(()=>{if(!n||typeof window>"u")return;const d=()=>{s.current=!0,c()||(s.current=!1)};return window.addEventListener("popstate",d),()=>window.removeEventListener("popstate",d)},[n,c,l]),r.jsx(nm,{routes:e,notFound:o})},lm=(e=null,o=[])=>{const[t,n]=h.useState(e),[a,l]=h.useState(o),c=h.useRef({});return{activeItemId:t,setActiveItemId:n,expandedItemIds:a,toggleExpandedItem:d=>{l(f=>f.includes(d)?f.filter(p=>p!==d):[...f,d])},isItemExpanded:d=>a.includes(d),triggerRefs:c}},qt={sm:{padding:"8px 12px",fontSize:"12px",fontWeight:"500",media:{mobile:{padding:"6px 10px",fontSize:"11px"}}},md:{padding:"10px 14px",fontSize:"14px",fontWeight:"500",media:{mobile:{padding:"8px 12px",fontSize:"12px"}}},lg:{padding:"12px 16px",fontSize:"14px",fontWeight:"600",media:{mobile:{padding:"10px 14px",fontSize:"12px"}}}},Ut={default:{color:"color-gray-800",style:{backgroundColor:"transparent"},transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"},filled:{backgroundColor:"color-gray-100",color:"color-gray-800",transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"},outline:{borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800",style:{backgroundColor:"transparent"},transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"}},jl={horizontal:{flexDirection:"row",gap:"8px",media:{mobile:{flexDirection:"column",gap:"4px"}}},vertical:{flexDirection:"column",gap:"4px"}},Io={active:{backgroundColor:"color-blue-50",color:"color-blue-700",fontWeight:"600",borderLeft:"3px solid",borderColor:"color-blue-600"},hover:{backgroundColor:"color-gray-100",transition:"background-color 0.2s ease"}},Al=h.createContext({activeItemId:null,setActiveItemId:()=>{},expandedItemIds:[],toggleExpandedItem:()=>{},isItemExpanded:()=>!1,orientation:"vertical",size:"md",variant:"default",triggerRefs:{current:{}}}),im=({children:e,value:o})=>r.jsx(Al.Provider,{value:o,children:e}),Ro=()=>{const e=h.useContext(Al);if(!e)throw new Error("useNavigationMenuContext must be used within a NavigationMenuProvider");return e},Gt=({children:e,views:o})=>{const{orientation:t}=Ro(),n=t==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(n,{width:"100%",...jl[t],transition:"background-color 0.2s ease, border-color 0.2s ease",borderRadius:"8px",...o==null?void 0:o.container,children:e})},Vl=h.createContext({itemValue:null,isDisabled:!1}),cm=()=>{const e=h.useContext(Vl);if(!e)throw new Error("useNavigationMenuItemContext must be used within a NavigationMenuItem");return e},Yt=({item:e,value:o,isDisabled:t=!1,children:n,views:a})=>{var C;const{activeItemId:l,setActiveItemId:c,orientation:g,size:s,variant:d,onItemActivate:f}=Ro(),m=(e==null?void 0:e.id)||o,p=l===m,u=(e==null?void 0:e.items)&&e.items.length>0,y=(e==null?void 0:e.disabled)||t,x=()=>{y||m&&(c(m),f&&f(m))},k=g==="horizontal"?i.Horizontal:i.Vertical;return n?r.jsx(Vl.Provider,{value:{itemValue:m||null,isDisabled:y},children:r.jsx(i.View,{width:"100%",cursor:y?"not-allowed":"pointer",opacity:y?.6:1,borderRadius:"8px",transition:"background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease",...qt[s],...Ut[d],...p?Io.active:{},_hover:y?{}:Io.hover,...a==null?void 0:a.item,children:n})}):u&&e?r.jsxs(k,{width:"100%",flexDirection:"column",position:"relative",...a==null?void 0:a.item,children:[r.jsxs(El,{itemId:e.id,disabled:e.disabled,views:a,children:[e.icon&&r.jsx(i.View,{marginRight:8,...a==null?void 0:a.icon,children:e.icon}),e.label]}),r.jsx(Dl,{itemId:e.id,children:r.jsx(Gt,{children:(C=e.items)==null?void 0:C.map(S=>r.jsx(Yt,{item:S},S.id))})})]}):e?r.jsxs(i.View,{as:e.href?"a":"div",href:e.href,onClick:x,cursor:e.disabled?"not-allowed":"pointer",opacity:e.disabled?.6:1,width:"100%",display:"flex",alignItems:"center",borderRadius:"8px",transition:"background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease",gap:"8px",...qt[s],...Ut[d],...p?Io.active:{},_hover:e.disabled?{}:Io.hover,...a==null?void 0:a.item,children:[e.icon&&r.jsx(i.View,{marginRight:8,...a==null?void 0:a.icon,children:e.icon}),e.label]}):null},El=({children:e,itemId:o,disabled:t,views:n})=>{const{activeItemId:a,toggleExpandedItem:l,isItemExpanded:c,size:g,variant:s,triggerRefs:d}=Ro(),f=h.useRef(null),m=a===o,p=c(o);h.useEffect(()=>(f.current&&o&&(d.current[o]=f.current),()=>{o&&delete d.current[o]}),[o,d]);const u=y=>{y.preventDefault(),!t&&l(o)};return r.jsxs(i.View,{ref:f,onClick:u,cursor:t?"not-allowed":"pointer",opacity:t?.5:1,width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",borderRadius:8,transition:"background-color 0.2s ease",...qt[g],...Ut[s],...m?Io.active:{},_hover:t?{}:Io.hover,...n==null?void 0:n.trigger,children:[r.jsx(i.View,{display:"flex",alignItems:"center",children:e}),r.jsx(i.View,{transition:"transform 0.2s ease",transform:p?"rotate(180deg)":"rotate(0deg)",...n==null?void 0:n.indicator,children:r.jsx(de,{orientation:"down",widthHeight:16,color:"currentColor",filled:!0})})]})},Dl=({children:e,itemId:o,views:t})=>{const{isItemExpanded:n,orientation:a,triggerRefs:l}=Ro(),c=h.useRef(null),[g,s]=h.useState({x:0,y:0,placement:a==="horizontal"?"bottom":"right"}),d=n(o);if(h.useEffect(()=>{if(d&&c.current&&o&&l.current[o]&&a==="horizontal"){const m=c.current.getBoundingClientRect(),p=l.current[o].getBoundingClientRect(),u=Math.max(m.width||200,200),y=Math.max(m.height||150,150),x=window.innerWidth,k=window.innerHeight,C={top:p.top,right:x-p.right,bottom:k-p.bottom,left:p.left},S=a==="horizontal"?[{placement:"bottom",space:C.bottom,fits:C.bottom>=y+8,x:p.left,y:p.bottom+8},{placement:"top",space:C.top,fits:C.top>=y+8,x:p.left,y:p.top-y-8},{placement:"right",space:C.right,fits:C.right>=u+8,x:p.right+8,y:p.top},{placement:"left",space:C.left,fits:C.left>=u+8,x:p.left-u-8,y:p.top}]:[{placement:"right",space:C.right,fits:C.right>=u+8,x:p.right+8,y:p.top},{placement:"left",space:C.left,fits:C.left>=u+8,x:p.left-u-8,y:p.top},{placement:"bottom",space:C.bottom,fits:C.bottom>=y+8,x:p.left,y:p.bottom+8},{placement:"top",space:C.top,fits:C.top>=y+8,x:p.left,y:p.top-y-8}],v=S.find(F=>F.fits);if(v){s({x:v.x,y:v.y,placement:v.placement});return}const w=S.reduce((F,M)=>M.space>F.space?M:F);let b=w.x,T=w.y;b+u>x&&(b=x-u-8),b<8&&(b=8),T+y>k&&(T=k-y-8),T<8&&(T=8),s({x:b,y:T,placement:w.placement})}},[d,a,o,l]),!d)return null;if(a==="vertical")return r.jsx(i.View,{paddingLeft:16,width:"100%",position:"relative",backgroundColor:"transparent",...t==null?void 0:t.container,children:e});const f={position:"fixed",left:g.x,top:g.y,zIndex:1e3};return r.jsx(i.View,{ref:c,role:"menu",minWidth:"200px",backgroundColor:"color-white",borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",overflow:"hidden",style:f,...t==null?void 0:t.container,children:e})},sm=({href:e,children:o,views:t,underline:n,isExternal:a,iconSize:l,...c})=>{const{itemValue:g,isDisabled:s}=cm(),{activeItemId:d,setActiveItemId:f,onItemActivate:m}=Ro(),p=d===g,u=y=>{if(s){y.preventDefault();return}g&&(f(g),m&&m(g)),c.onClick&&c.onClick(y)};return r.jsx(i.View,{as:"a",href:s?void 0:e,onClick:u,cursor:s?"not-allowed":"pointer",opacity:s?.5:1,width:"100%",display:"flex",alignItems:"center","aria-current":p?"page":void 0,"aria-disabled":s,"data-active":p?"":void 0,"data-disabled":s?"":void 0,...p?{fontWeight:"bold"}:{},...t==null?void 0:t.container,...c,children:o})},dm=({items:e,orientation:o,views:t,themeMode:n})=>{const a=o==="horizontal"?i.Horizontal:i.Vertical;return!e||e.length===0?null:r.jsx(a,{width:"100%",...jl[o],...t==null?void 0:t.container,children:r.jsx(Gt,{views:t,children:e.map(l=>r.jsx(Yt,{item:l,views:t},l.id))})})},so=e=>{const o=me("navigation",e),{items:t,children:n,orientation:a="vertical",size:l="md",variant:c="default",defaultActiveItemId:g=null,defaultExpandedItemIds:s=[],onItemActivate:d,views:f,...m}=o,{activeItemId:p,setActiveItemId:u,expandedItemIds:y,toggleExpandedItem:x,isItemExpanded:k,triggerRefs:C}=lm(g,s);return r.jsx(im,{value:{activeItemId:p,setActiveItemId:u,expandedItemIds:y,toggleExpandedItem:x,isItemExpanded:k,orientation:a,size:l,variant:c,onItemActivate:d,triggerRefs:C},children:t?r.jsx(dm,{items:t,orientation:a,size:l,variant:c,views:f,...m}):n})};so.List=Gt,so.Item=Yt,so.Trigger=El,so.Content=Dl,so.Link=sm;const $l={},Ll=h.createContext({views:$l,onRowClick:()=>{}}),gm=({children:e,views:o=$l,onRowClick:t})=>r.jsx(Ll.Provider,{value:{views:o,onRowClick:t},children:e}),eo=()=>h.useContext(Ll),ye={table:{width:"100%",color:"inherit",borderRadius:"8px",overflow:"hidden",boxShadow:"0px 1px 3px rgba(0, 0, 0, 0.06), 0px 1px 2px rgba(0, 0, 0, 0.04)",border:"1px solid",borderColor:"color-gray-200",transition:"box-shadow 0.2s ease",media:{mobile:{overflowX:"auto",display:"block",borderRadius:"4px"}}},thead:{backgroundColor:"color-gray-50",borderBottom:"1px solid",borderColor:"color-gray-200"},th:{padding:"12px 16px",fontWeight:"600",fontSize:"14px",color:"inherit",opacity:.72,textAlign:"left",flex:1,media:{mobile:{padding:"8px 12px",fontSize:"12px"}}},td:{padding:"12px 16px",fontSize:"14px",borderBottom:"1px solid",borderColor:"color-gray-100",color:"inherit",flex:1,media:{mobile:{padding:"8px 12px",fontSize:"12px"}}},tr:{flexDirection:"row",alignItems:"stretch",width:"100%",transition:"background-color 0.15s ease",_hover:{backgroundColor:"color-gray-50"},_focus:{outline:"none",backgroundColor:"color-gray-100"}},tfoot:{backgroundColor:"color-gray-50",fontWeight:"600",borderTop:"2px solid",borderColor:"color-gray-200"},caption:{margin:"8px 0",color:"inherit",opacity:.62,fontSize:"14px",fontStyle:"italic",media:{mobile:{fontSize:"12px"}}}};({...ye.th},{...ye.td}),{...ye.tr},{...ye.td},{...ye.th},{...ye.table},{...ye.th},{...ye.td},{...ye.tr},{...ye.tfoot},{...ye.caption};const hm=({children:e})=>r.jsx(i.View,{width:"100%",style:{overflowX:"auto"},children:e}),Bl=e=>{const{views:o}=eo();return r.jsx(i.Element,{as:"table",...ye.table,...o==null?void 0:o.table,...e,style:{borderCollapse:"collapse",...e.style||{}}})},_l=e=>{const{views:o}=eo();return r.jsx(i.Element,{as:"thead",textAlign:"left",...ye.thead,...o==null?void 0:o.thead,...e})},Ol=e=>{const{views:o}=eo();return r.jsx(i.Element,{as:"th",whiteSpace:"nowrap",...ye.th,...o==null?void 0:o.th,...e})},Vr=e=>{const{views:o,onRowClick:t}=eo();return r.jsx(i.Element,{as:"tr",...ye.tr,...o==null?void 0:o.tr,onClick:t,...e})},Xt=({isFirstColumn:e,...o})=>{const{views:t}=eo();return r.jsx(i.Element,{as:"td",whiteSpace:"nowrap",fontWeight:e?"500":"400",...ye.td,...t==null?void 0:t.td,...o})},Nl=e=>{const{views:o}=eo();return r.jsx(i.Element,{as:"tbody",...ye.tbody,...o==null?void 0:o.tbody,...e})},ql=e=>{const{views:o}=eo();return r.jsx(i.Element,{as:"tfoot",...ye.tfoot,...o==null?void 0:o.tfoot,...e})},Ul=e=>{const{views:o}=eo();return r.jsx(i.Element,{as:"caption",...ye.caption,...o==null?void 0:o.caption,...e})},fm=({data:e,columns:o,footer:t,caption:n,themeMode:a})=>{const l=Math.max(o.length*140,320);return r.jsx(hm,{children:r.jsxs(Bl,{role:"Table",minWidth:l,children:[n&&r.jsx(Ul,{children:n}),r.jsx(_l,{children:r.jsx(Vr,{children:o.map(c=>r.jsx(Ol,{children:c.title},c.field))})}),r.jsx(Nl,{children:e.map((c,g)=>r.jsx(Vr,{children:o.map((s,d)=>r.jsx(Xt,{isFirstColumn:d===0,children:c[s.field]},s.field))},g))}),t&&r.jsx(ql,{children:r.jsx(Vr,{children:t.map((c,g)=>r.jsx(Xt,{...c.props,children:c.value},g))})})]})})},ze=({children:e,views:o,onClick:t})=>{const n=me("table",{views:o,onClick:t});return r.jsx(gm,{views:n.views,onRowClick:n.onClick,children:e})};ze.Head=_l,ze.HeadCell=Ol,ze.Body=Nl,ze.Row=Vr,ze.Cell=Xt,ze.Footer=ql,ze.Caption=Ul,ze.Container=Bl,ze.Template=fm;const mm=(e,o,t)=>{const n=d=>d.value!==void 0?d.value:d.title,a=()=>{if(!(!e||e.length===0)){if(o!==void 0){const d=e.find(f=>n(f)===o);if(d)return d}return e[0]}},[l,c]=h.useState(a()),g=t!==void 0?e.find(d=>n(d)===t):l,s=d=>{t===void 0&&c(d)};return h.useEffect(()=>{if(t!==void 0)return;const d=a(),f=l&&e.some(m=>n(m)===n(l));d&&(!f||o!==void 0&&l&&n(l)!==o)?c(d):!d&&l&&c(void 0)},[e,o]),{activeTab:g,setActiveTab:s}},pm=(e,o,t)=>{const[n,a]=h.useState(e||null);return{activeValue:o!==void 0?o:n,setActiveValue:g=>{o===void 0&&a(g),t&&t(g)}}},um=h.memo(({tab:e,isActive:o,onClick:t,iconPosition:n="left",tabStyles:a,textStyles:l})=>{const c=()=>{switch(n){case"top":return"column";case"bottom":return"column-reverse";case"right":return"row-reverse";case"left":default:return"row"}},g=()=>["top","bottom"].includes(n)?"4px":"8px",s=e.icon&&h.isValidElement(e.icon)?h.cloneElement(e.icon,{strokeWidth:o?2.5:2}):e.icon;return r.jsxs(i.Element,{as:"div",role:"tab","aria-selected":o,tabIndex:o?0:-1,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease",...a,flexDirection:c(),gap:g(),onClick:t,"data-state":o?"active":"inactive",children:[s&&r.jsx(i.Element,{children:s},o?"active-icon":"inactive-icon"),r.jsxs(i.Element,{display:"grid",alignItems:"center",justifyContent:"center",children:[r.jsx(i.Text,{...l,fontWeight:"600",visibility:"hidden",gridColumn:"1",gridRow:"1","aria-hidden":"true",children:e.title}),r.jsx(i.Text,{...l,fontWeight:o?"600":"500",gridColumn:"1",gridRow:"1",children:e.title})]})]})}),Kt=(e,o)=>{const t=o==="dark";return e==="segmented"?{header:{width:"fit-content",alignSelf:"flex-start",gap:6,padding:6,borderRadius:16,backgroundColor:"color-gray-100"},tab:{minHeight:44,padding:"0 22px",borderRadius:12,color:"color-gray-600",borderWidth:1,borderStyle:"solid",borderColor:"color-gray-100",style:{backgroundColor:"transparent"}},activeTab:{backgroundColor:"color-white",color:"color-gray-900",boxShadow:t?"0 1px 3px rgba(0, 0, 0, 0.35)":"0 1px 2px rgba(0, 0, 0, 0.06)"},text:{fontSize:14,lineHeight:"20px",letterSpacing:"-0.01em"},activeText:{},content:{width:"100%"}}:e==="pill"?{header:{width:"100%",flexWrap:"wrap",gap:12},tab:{minHeight:44,padding:"0 22px",borderRadius:"999px",backgroundColor:"color-white",color:"color-gray-600",borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200"},activeTab:{backgroundColor:"theme-primary",color:"color-white",borderColor:"theme-primary"},text:{fontSize:14,lineHeight:"20px",letterSpacing:"-0.01em",color:"inherit"},activeText:{color:"inherit"},content:{width:"100%"}}:{header:{width:"100%",gap:20,borderBottom:"none"},tab:{minHeight:44,padding:"0 4px",borderRadius:0,color:"color-gray-500",borderBottom:"3px solid",borderColor:"color-white",style:{backgroundColor:"transparent"}},activeTab:{color:"theme-primary",borderColor:"theme-primary"},text:{fontSize:14,lineHeight:"20px",letterSpacing:"-0.01em",color:"inherit"},activeText:{color:"inherit"},content:{width:"100%",paddingTop:12}}},ym=({tabs:e=[],activeTab:o,handleTabClick:t,views:n={},renderTab:a,renderContent:l,variant:c="underline",iconPosition:g="left"})=>{const{themeMode:s}=i.useTheme(),d=Kt(c,s);return o?r.jsxs(i.Vertical,{width:"100%",height:"100%",...n.container,children:[r.jsx(i.Horizontal,{alignItems:"center",...d.header,...n.headerTabs,children:e.map(f=>{const m=(f.value!==void 0?f.value:f.title)===(o.value!==void 0?o.value:o.title),p=()=>t(f);return a?a(f,m,p):r.jsx(um,{tab:f,isActive:m,onClick:p,iconPosition:g,tabStyles:{...d.tab,...n.tab,...m?d.activeTab:{},...m?n.activeTab:{}},textStyles:{...d.text,...n.title,...m?d.activeText:{},...m?n.activeText:{}}},f.title)})}),r.jsx(i.View,{height:"100%",...d.content,...n.content,children:l?l(o):o.content})]}):null},Gl=h.createContext(null),Jt=()=>{const e=h.useContext(Gl);if(!e)throw new Error("useTabsContext must be used within a Tabs component");return e},bm=h.memo(({children:e,views:o})=>{var g;const{themeMode:t}=i.useTheme(),{variant:n="underline"}=Jt(),a=Kt(n,t),l=uo("tabs"),c=Ee({container:(g=l.views)==null?void 0:g.headerTabs},o);return r.jsx(i.Horizontal,{alignItems:"center",...a.header,...c==null?void 0:c.container,children:e})}),xm=h.memo(({value:e,children:o,disabled:t=!1,views:n})=>{var u,y;const{themeMode:a}=i.useTheme(),{activeValue:l,setActiveValue:c,variant:g="underline"}=Jt(),s=l===e,d=Kt(g,a),f=uo("tabs"),m=Ee({trigger:(u=f.views)==null?void 0:u.tab,activeState:(y=f.views)==null?void 0:y.activeTab},n),p=h.useCallback(()=>{t||c(e)},[t,e,c]);return r.jsx(i.View,{cursor:t?"not-allowed":"pointer",opacity:t?.6:1,display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s ease-in-out",...d.tab,...s?d.activeTab:{},_hover:t?{}:g==="underline"?{color:"theme-primary"}:{opacity:.9},onClick:p,...m==null?void 0:m.trigger,...s?m==null?void 0:m.activeState:{},children:r.jsx(i.View,{...d.text,...s?d.activeText:{},children:o})})}),km=h.memo(({value:e,children:o,views:t})=>{const{activeValue:n}=Jt();return n!==e?null:r.jsx(i.View,{width:"100%",padding:"24px",...t==null?void 0:t.content,children:o})}),Cm=e=>{const o=me("tabs",e),{tabs:t,views:n,defaultValue:a,onTabChange:l,renderTab:c,renderContent:g,variant:s="underline",iconPosition:d="left",value:f,onValueChange:m,children:p}=o,u=pm(a,f,m),y=mm(t||[],a,f);if(p)return r.jsx(Gl.Provider,{value:{...u,variant:s},children:p});if(t){const x=k=>{const C=S=>S.value!==void 0?S.value:S.title;(!y.activeTab||C(y.activeTab)!==C(k))&&(y.setActiveTab(k),l&&l(k))};return r.jsx(ym,{tabs:t,views:n,activeTab:y.activeTab,handleTabClick:x,renderTab:c,renderContent:g,variant:s,iconPosition:d})}return null},Fo=h.memo(Cm);Fo.List=bm,Fo.Trigger=xm,Fo.Content=km;const wm=e=>{const{children:o,_isInView:t=!1,alternateHighlightText:n=[],alternateAnimation:a=!1,alternateDuration:l=3e3,highlightText:c,highlightTypewriter:g=!1,highlightSlide:s=!1,highlightSlideDuration:d=500,highlightSlideStagger:f=50,highlightSlideSequential:m=!0}=e,[p,u]=h.useState(o),[y,x]=h.useState(c);return h.useEffect(()=>{if(!a||n.length===0||!t||typeof o!="string"||typeof c!="string")return u(o),x(c),()=>{};const k=o,C=c;let S=0;const v=b=>{const T=n[b],F=C.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),M=new RegExp(F,"gi"),E=k.replace(M,T);u(E),x(T)};v(S);const w=setInterval(()=>{S=(S+1)%n.length,v(S)},l);return()=>clearInterval(w)},[a,n,l,c,o,t]),{finalDisplayedText:p,activeHighlightTarget:y,highlightTypewriter:g,highlightSlide:s,highlightSlideDuration:d,highlightSlideStagger:f,highlightSlideSequential:m}},Sm={xs:24,sm:32,md:48,lg:96,xl:110},vm={xl:{media:{mobile:{fontSize:48},tablet:{fontSize:96},desktop:{fontSize:110}}},lg:{media:{mobile:{fontSize:48},tablet:{fontSize:48},desktop:{fontSize:70}}},md:{media:{mobile:{fontSize:32},tablet:{fontSize:40},desktop:{fontSize:56}}},sm:{media:{mobile:{fontSize:20},tablet:{fontSize:24},desktop:{fontSize:32}}},xs:{media:{mobile:{fontSize:14},tablet:{fontSize:18},desktop:{fontSize:20}}}},Tm={underline:e=>({textDecoration:"underline",textDecorationColor:e,textDecorationThickness:"4px",textUnderlineOffset:"4px"}),background:e=>({backgroundColor:e,color:"color-white",padding:"0 8px",borderRadius:"4px"}),gradient:(e,o)=>({background:`linear-gradient(135deg, ${e}, ${o||e})`,backgroundClip:"text",WebkitBackgroundClip:"text !important",WebkitTextFillColor:"transparent",color:"transparent",display:"inline-block",textShadow:"none"}),outline:e=>({WebkitTextStroke:`1px ${e}`,WebkitTextFillColor:"transparent !important",color:"transparent",textShadow:"none"}),glow:e=>({color:e,textShadow:`0 0 10px ${e}80, 0 0 20px ${e}40, 0 0 30px ${e}20`}),solid:e=>({color:e}),default:()=>({})},Im=({text:e,typingSpeed:o=50,pauseTime:t=500,onComplete:n,showCursor:a=!0,cursorColor:l="currentColor",textStyle:c,textComponent:g,as:s,...d})=>{const f=g||i.Text,m=Array.isArray(e)?e:[e],[p,u]=h.useState(m.map(()=>"")),[y,x]=h.useState(!1),[k,C]=h.useState(0),[S,v]=h.useState(0);h.useEffect(()=>{u(m.map(()=>"")),x(!1),C(0),v(0)},[e]),h.useEffect(()=>{if(y){n&&n();return}const b=m[k];if(S>=b.length){if(k>=m.length-1){x(!0);return}const F=setTimeout(()=>{C(M=>M+1),v(0)},t);return()=>clearTimeout(F)}const T=setTimeout(()=>{u(F=>{const M=[...F];return M[k]=b.substring(0,S+1),M}),v(F=>F+1)},o);return()=>clearTimeout(T)},[m,k,S,y,n,t,o]);const w=b=>{if(!b||typeof b!="string")return b;const T=b.split("|");return T.length===1?b:T.map((F,M)=>r.jsxs(h.Fragment,{children:[F,M<T.length-1&&r.jsx("br",{})]},M))};return r.jsx(r.Fragment,{children:p.map((b,T)=>r.jsxs(h.Fragment,{children:[w(b),a&&T===k&&!y&&r.jsx(f,{as:"span",display:"inline-block",width:"0.1em",height:"1em",backgroundColor:l,animation:"blink 1s step-end infinite",verticalAlign:"text-bottom",marginLeft:"1px",...c})]},T))})},Fm=({text:e,duration:o=500,direction:t="up",stagger:n=50,sequential:a=!1,textStyle:l,as:c,wordProps:g,textComponent:s,...d})=>{const[f,m]=h.useState(e),[p,u]=h.useState("entering"),[y,x]=h.useState(0),k=s||i.Text,C=h.useRef(null),S=h.useRef(null);h.useEffect(()=>{e===f&&p==="visible"||e!==f&&(p==="entering"||p==="visible"?(C.current=e,u("exiting")):p==="exiting"&&(C.current=e))},[e,f,p]);const{lines:v,totalWordCount:w}=h.useMemo(()=>{const W=f.split("|").map(B=>B.trim().split(/\s+/).filter(_=>_.length>0)),H=W.reduce((B,_)=>B+_.length,0);return{lines:W,totalWordCount:H}},[f]),b=h.useMemo(()=>a?w*(o+n):(w-1)*n+o,[w,o,n,a]),T=h.useMemo(()=>a?w*(o+n):(w-1)*n+o,[w,o,n,a]);h.useEffect(()=>(S.current&&clearTimeout(S.current),p==="entering"?S.current=setTimeout(()=>{u("visible")},b+50):p==="exiting"&&(S.current=setTimeout(()=>{C.current!==null&&(m(C.current),C.current=null),x(j=>j+1),u("entering")},T+50)),()=>{S.current&&clearTimeout(S.current)}),[p,b,T]);const{style:F,...M}=g||{},E=t==="up",$=j=>a?j*(o+n):j*n,z=h.useMemo(()=>({display:"inline-block",position:"relative",verticalAlign:"bottom",whiteSpace:"nowrap",...l}),[l]),V=h.useMemo(()=>({display:"inline-flex",flexDirection:"column",alignItems:"center"}),[]),A=h.useMemo(()=>({display:"block",whiteSpace:"nowrap"}),[]);let P=0;return r.jsx(i.Element,{as:"span",style:z,...d,children:r.jsx("span",{style:V,children:v.map((j,W)=>r.jsx("span",{style:A,children:j.map((H,B)=>{const _=P++,L=$(_),O=B===j.length-1;let N;const G=`${o}ms`,q=`${L}ms`;p==="entering"?N=E?i.Animation.slideInUp({duration:G,delay:q,timingFunction:"ease-out",fillMode:"both"}):i.Animation.slideInDown({duration:G,delay:q,timingFunction:"ease-out",fillMode:"both"}):p==="exiting"&&(N=E?{from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(-100%)",opacity:0},duration:G,delay:q,timingFunction:"ease-in",fillMode:"both"}:{from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(100%)",opacity:0},duration:G,delay:q,timingFunction:"ease-in",fillMode:"both"});const K={...F,display:"inline-block",marginRight:O?0:"0.25em",transform:p==="visible"?"translateY(0)":void 0,opacity:p==="visible"?1:void 0};return r.jsx(k,{as:"span",animate:N,...M,...K,children:H},`${y}-${W}-${B}`)})},`line-${W}`))})})};function Yl(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}const Qt=e=>{if(!e||typeof e!="string")return e;const o=e.split("|");return o.length===1?e:o.map((t,n)=>r.jsxs(h.Fragment,{children:[t,n<o.length-1&&r.jsx("br",{})]},n))},zm=({children:e,highlightText:o,highlightStyle:t="solid",highlightColor:n="theme-primary",highlightSecondaryColor:a,size:l="lg",views:c,highlightAnimate:g,animate:s,animationLoop:d=1,highlightAnimationLoop:f=1,highlightTypewriter:m=!1,highlightTypewriterDuration:p=3e3,highlightSlide:u=!1,highlightSlideDuration:y=500,highlightSlideStagger:x=50,highlightSlideSequential:k=!0,themeMode:C,responsive:S,alternateHighlightText:v,alternateAnimation:w,alternateDuration:b,_isInView:T,...F})=>{const{ref:M,inView:E}=i.useInView(),{finalDisplayedText:$,activeHighlightTarget:z,highlightTypewriter:V,highlightSlide:A,highlightSlideDuration:P,highlightSlideStagger:j,highlightSlideSequential:W}=wm({children:e,highlightText:o,_isInView:E,highlightTypewriter:m,highlightSlide:u,highlightSlideDuration:y,highlightSlideStagger:x,highlightSlideSequential:k,alternateHighlightText:v,alternateAnimation:w,alternateDuration:b,...F}),H=Sm[l],B={fontFamily:"Mulish, Inter, Geist, system-ui, sans-serif",fontWeight:l==="xl"?700:600,letterSpacing:l==="xl"?"-1.5px":"-0.01em"},_=Tm[t](n,a),L=(D,X)=>D&&(Array.isArray(D)?D.map(Q=>({...Q,iterationCount:X.toString()})):{...D,iterationCount:X.toString()}),O=L(s,d),N=L(g,f),G=typeof $=="string"?$:typeof e=="string"?e:"",q={ref:M,animate:E?O:void 0,as:"h1",fontSize:H,...S?vm[l]:{},...B},K=D=>!E&&(V||A)?r.jsx("span",{style:{opacity:0},children:D}):V?r.jsx(Im,{text:D,typingSpeed:Math.max(30,p/(D.length*10)),cursorColor:"currentColor",..._}):A?r.jsx(Fm,{text:D,duration:P,stagger:j,sequential:W,direction:"up",wordProps:_}):Qt(D);if(typeof G=="string"&&z){const D=Array.isArray(z)?new RegExp(`(${z.map(Z=>Yl(String(Z))).join("|")})`,"gi"):new RegExp(`(${Yl(String(z))})`,"gi"),X=[];let Q=0,R;for(;R=D.exec(G);)R.index>Q&&X.push(G.substring(Q,R.index)),X.push({highlight:!0,text:R[0]}),Q=R.index+R[0].length;return Q<G.length&&X.push(G.substring(Q)),r.jsx(i.Element,{...q,...c==null?void 0:c.container,...F,children:X.map((Z,re)=>typeof Z=="string"?r.jsx(i.Text,{as:"span",display:"inline",...c==null?void 0:c.text,children:Qt(Z)},`text-${re}`):r.jsx(i.Text,{as:"span",display:"inline",animate:E?N:void 0,...A?{}:_,...c==null?void 0:c.highlight,children:K(Z.text)},`highlight-${re}`))})}return t&&!z?r.jsx(i.Element,{...q,...F,...c==null?void 0:c.container,children:r.jsx(i.Text,{as:"span",display:"inline",animate:E?N:void 0,...A?{}:_,...c==null?void 0:c.highlight,children:K(G)})}):r.jsx(i.Text,{...q,...F,...c==null?void 0:c.container,...c==null?void 0:c.text,children:Qt(G)})},Xl=e=>r.jsx(zm,{...e}),Kl=({items:e,shape:o,variant:t,onToggleChange:n})=>{const{activeToggles:a,setActiveToggles:l}=kl();return r.jsx(Cl,{items:e,shape:o,variant:t,activeToggles:a,setActiveToggles:l,onToggleChange:n})},Mm=({items:e,onChange:o})=>{const[t,n]=h.useState(e),[a,l]=h.useState(null),[c,g]=h.useState(null),s=h.useRef({x:0,y:0}),d=h.useRef([]),f=h.useCallback((u,y)=>{u.preventDefault(),document.body.style.cursor="grabbing";const x="touches"in u?u.touches[0].clientX:u.clientX,k="touches"in u?u.touches[0].clientY:u.clientY;s.current={x,y:k},g(y),l(t[y])},[t]),m=h.useCallback(u=>{if(c===null)return;const y="touches"in u?u.touches[0].clientX:u.clientX,x="touches"in u?u.touches[0].clientY:u.clientY,k=d.current[c];if(!k)return;const C=y-s.current.x,S=x-s.current.y;k.style.transform=`translate(${C}px, ${S}px)`,k.style.zIndex="1000";const v=d.current.findIndex((w,b)=>{if(!w||b===c)return!1;const T=w.getBoundingClientRect();return x>=T.top&&x<=T.bottom});if(v!==-1&&v!==c){const w=[...t],[b]=w.splice(c,1);w.splice(v,0,b),n(w),g(v),o==null||o(w),s.current={x:y,y:x}}},[c,t,o]),p=h.useCallback(()=>{document.body.style.cursor="",d.current.forEach(u=>{u&&(u.style.transform="",u.style.zIndex="")}),g(null),l(null)},[c]);return h.useEffect(()=>{if(typeof(window==null?void 0:window.addEventListener)=="function")return c!==null&&(window.addEventListener("mousemove",m),window.addEventListener("touchmove",m),window.addEventListener("mouseup",p),window.addEventListener("touchend",p)),()=>{window.removeEventListener("mousemove",m),window.removeEventListener("touchmove",m),window.removeEventListener("mouseup",p),window.removeEventListener("touchend",p)}},[c,m,p]),{items:t,draggedItem:a,draggedIndex:c,itemRefs:d,handleDragStart:f}},Wm=({items:e,renderItem:o,containerProps:t,itemProps:n,draggedIndex:a,itemRefs:l,handleDragStart:c,views:g,themeMode:s})=>r.jsx(i.View,{overflow:"hidden",position:"relative",...t,...g==null?void 0:g.container,children:e.map((d,f)=>r.jsx(i.View,{ref:m=>{l.current[f]=m},onMouseDown:m=>c(m,f),onTouchStart:m=>c(m,f),position:"relative",cursor:"grab",transition:"transform 0.2s",...n,...g==null?void 0:g.item,children:o?o(d,f):d},f))}),Jl=e=>{const{items:o,draggedIndex:t,itemRefs:n,handleDragStart:a}=Mm(e);return r.jsx(Wm,{...e,items:o,draggedIndex:t,itemRefs:n,handleDragStart:a})},Pm=Jl,Hm=({onFileSelect:e,onMultipleFileSelect:o,validateFile:t,accept:n,multiple:a,disabled:l,previewUrl:c})=>{const[g,s]=h.useState(!1),[d,f]=h.useState(null),m=h.useRef(null),p=c!==void 0?c:d;h.useEffect(()=>()=>{d&&URL.revokeObjectURL(d)},[d]);const u=h.useCallback(w=>{w.preventDefault(),w.stopPropagation(),!l&&s(!0)},[l]),y=h.useCallback(w=>{w.preventDefault(),w.stopPropagation(),!l&&s(!1)},[l]),x=h.useCallback(w=>{w.preventDefault(),w.stopPropagation(),!l&&s(!0)},[l]),k=h.useCallback(w=>{if(!w||w.length===0)return;const b=Array.from(w);if(!a&&b.length>0){const T=b[0];if(T.type.startsWith("image/")){const F=URL.createObjectURL(T);f(M=>(M&&URL.revokeObjectURL(M),F))}else f(null)}a?o&&o(b):b.length>0&&e&&e(b[0])},[a,o,e]),C=h.useCallback(w=>{w.preventDefault(),w.stopPropagation(),s(!1),!l&&w.dataTransfer.files&&w.dataTransfer.files.length>0&&(k(w.dataTransfer.files),w.dataTransfer.clearData())},[l,k]),S=h.useCallback(()=>{var w;l||(w=m.current)==null||w.click()},[l]),v=h.useCallback(w=>{k(w.target.files),w.target.value&&(w.target.value="")},[k]);return{isDragActive:g,handleDragEnter:u,handleDragLeave:y,handleDragOver:x,handleDrop:C,handleClick:S,handleFileChange:v,inputRef:m,preview:p}},jm={position:"absolute",top:"-4px",right:"-4px",width:"16px",height:"16px",borderRadius:"50%",backgroundColor:"rgba(0, 0, 0, 0.5)",color:"white",border:"none",padding:0,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",fontSize:"12px",zIndex:10,_hover:{backgroundColor:"rgba(0, 0, 0, 0.7)"}},Ql=({files:e,sandboxId:o,onRemove:t,layout:n="inline",maxHeight:a="120px",showPreviews:l=!1,views:c={}})=>{if(e.length===0)return null;const g=h.useCallback(d=>d<1024?`${d} B`:d<1024*1024?`${(d/1024).toFixed(1)} KB`:`${(d/(1024*1024)).toFixed(1)} MB`,[]),s=h.useCallback(d=>d.type.startsWith("image/")?{backgroundColor:"#DBEAFE",color:"#2563EB"}:d.type.startsWith("video/")?{backgroundColor:"#EDE9FE",color:"#7C3AED"}:d.type.startsWith("audio/")?{backgroundColor:"#DCFCE7",color:"#16A34A"}:{backgroundColor:"#E2E8F0",color:"#475569"},[]);return r.jsx(i.View,{display:"flex",flexWrap:"wrap",gap:"8px",padding:"8px 0",maxHeight:a,overflowY:"auto",...c==null?void 0:c.container,children:e.map((d,f)=>{const m=typeof URL<"u"&&typeof URL.createObjectURL=="function"&&typeof Blob<"u"&&d instanceof Blob,p=(d==null?void 0:d.path)||(d==null?void 0:d.url)||(l&&m?URL.createObjectURL(d):""),u=d.type.startsWith("image/"),y=d.type.startsWith("video/"),x=d.type.startsWith("audio/"),k=s(d);return l?r.jsx(i.Vertical,{alignItems:"center",gap:"6px",padding:"6px 10px",borderRadius:"8px",border:"1px solid #E2E8F0",backgroundColor:"color-white",animate:{from:{opacity:0,scale:.9},to:{opacity:1,scale:1}},animationDuration:.2,...c==null?void 0:c.item,children:l&&r.jsxs(ve,{children:[r.jsxs(ve.Trigger,{children:[u&&r.jsx(i.Image,{src:p,alt:d.name,width:"60px",height:"60px",borderRadius:"8px",objectFit:"cover"}),y&&r.jsx(i.View,{as:"video",src:p,alt:d.name,controls:!1,muted:!0,width:"60px",height:"60px",borderRadius:"8px",objectFit:"cover"}),x&&r.jsx(i.Center,{width:"60px",height:"60px",borderRadius:"8px",backgroundColor:"color-gray-100",children:r.jsx(yo,{widthHeight:24,color:"color-black"})}),!u&&!y&&!x&&r.jsx(i.Center,{width:"60px",height:"60px",borderRadius:"8px",backgroundColor:"color-gray-100",children:r.jsx(ro,{widthHeight:24,color:"color-black"})}),t&&r.jsx(i.Button,{...jm,onClick:C=>{C.stopPropagation(),t(f)},"aria-label":`Remove ${d.name}`,children:"×"})]}),r.jsxs(ve.Content,{children:[u&&r.jsx(i.Image,{src:p,alt:d.name,maxWidth:"100%"}),y&&r.jsx(i.View,{as:"video",src:p,controls:!0,maxWidth:"100%"}),x&&r.jsx(i.View,{as:"audio",src:p,controls:!0,width:"100%"}),r.jsxs(i.Text,{marginTop:"4px",maxLines:1,width:"100%",...c==null?void 0:c.name,children:[d.name," (",g(d.size),")"]})]})]})},f):r.jsxs(i.Horizontal,{alignItems:"center",gap:"8px",padding:"6px 10px 6px 8px",borderRadius:"9999px",border:"1px solid #E2E8F0",backgroundColor:"color-white",maxWidth:"100%",animate:{from:{opacity:0,scale:.96},to:{opacity:1,scale:1}},animationDuration:.2,...c==null?void 0:c.item,children:[r.jsx(i.Center,{width:"22px",height:"22px",minWidth:"22px",borderRadius:"9999px",backgroundColor:k.backgroundColor,color:k.color,children:x?r.jsx(yo,{widthHeight:12,color:"currentColor"}):r.jsx(ro,{widthHeight:12,color:"currentColor"})}),r.jsxs(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-600",maxLines:1,maxWidth:"220px",...c==null?void 0:c.name,children:[d.name," · ",g(d.size)]}),t&&r.jsx(i.View,{as:"button",type:"button",onClick:()=>t(f),"aria-label":`Remove ${d.name}`,display:"flex",alignItems:"center",justifyContent:"center",width:"16px",height:"16px",minWidth:"16px",border:"none",backgroundColor:"transparent",color:"color-gray-400",padding:0,cursor:"pointer",transition:"color 0.2s ease, opacity 0.2s ease",_hover:{color:"color-gray-600"},children:"×"})]},f)})})},Am=({children:e,text:o="Drop files here or click to upload",textProps:t,containerProps:n,disabled:a,accept:l,multiple:c,isDragActive:g,handleDragEnter:s,handleDragLeave:d,handleDragOver:f,handleDrop:m,handleClick:p,handleFileChange:u,inputRef:y,preview:x,imageProps:k,selectedFiles:C,onRemove:S})=>r.jsxs(i.Center,{width:"100%",minHeight:"200px",height:C&&C.length>0?"auto":"200px",borderWidth:2,borderStyle:"dashed",borderColor:g?"theme-primary":"color-gray-300",borderRadius:12,backgroundColor:g?"#EFF6FF":"color-gray-50",flexDirection:"column",cursor:a?"not-allowed":"pointer",opacity:a?.6:1,onClick:p,onDragEnter:s,onDragLeave:d,onDragOver:f,onDrop:m,transition:"background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease",overflow:"hidden",position:"relative",padding:16,...n,children:[r.jsx("input",{type:"file",ref:y,onChange:u,accept:l,multiple:c,style:{display:"none"},disabled:a}),x&&!c?r.jsxs(i.View,{width:"100%",height:"200px",position:"relative",children:[r.jsx(i.Image,{src:x,alt:"Preview",width:"100%",height:"100%",objectFit:"contain",...k}),r.jsx(i.Center,{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0,0,0,0.3)",opacity:0,_hover:{opacity:1},transition:"opacity 0.2s",children:r.jsx(i.Text,{color:"white",fontWeight:600,children:"Click to replace"})})]}):r.jsxs(i.View,{flexDirection:"column",alignItems:"center",width:"100%",children:[e||r.jsxs(i.View,{flexDirection:"column",alignItems:"center",width:"100%",children:[r.jsx(ht,{widthHeight:40,color:g?"theme-primary":"color-gray-500"}),r.jsx(i.Text,{marginTop:16,color:g?"theme-primary":"color-gray-600",fontWeight:500,textAlign:"center",...t,children:o})]}),c&&C&&C.length>0&&r.jsx(i.View,{marginTop:16,width:"100%",children:r.jsx(Ql,{files:C,onRemove:S||(()=>{}),showPreviews:!0,layout:"inline",maxHeight:"160px"})})]})]}),Vm=e=>{const o=Hm(e);return r.jsx(Am,{...e,...o})},Em=(e=!1)=>{const[o,t]=h.useState(e),[n,a]=h.useState(null);return h.useEffect(()=>{const l=s=>{!s.composedPath().some(m=>(m==null?void 0:m.id)==="dropdown-menu"||(m==null?void 0:m.id)==="dropdown-trigger")&&o&&(t(!1),a(null))},c=()=>{o&&(t(!1),a(null))},g=s=>{s.key==="Escape"&&o&&(t(!1),a(null))};if(!(typeof(document==null?void 0:document.addEventListener)!="function"||typeof(window==null?void 0:window.addEventListener)!="function"))return document.addEventListener("mousedown",l),window.addEventListener("resize",c),document.addEventListener("keydown",g),()=>{document.removeEventListener("mousedown",l),window.removeEventListener("resize",c),document.removeEventListener("keydown",g)}},[o]),{isOpen:o,setIsOpen:t,activeSubmenuId:n,setActiveSubmenuId:a}},Dm={sm:{padding:"6px 8px",fontSize:"14px",minWidth:"160px"},md:{padding:"8px 12px",fontSize:"16px",minWidth:"180px"},lg:{padding:"10px 16px",fontSize:"18px",minWidth:"200px"}},$m={default:{backgroundColor:"color-white",color:"color-gray-800"},filled:{backgroundColor:"color-gray-100",color:"color-gray-800"},outline:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"}},Lm={hover:{backgroundColor:"color-gray-100"}},Zl=h.createContext({isOpen:!1,setIsOpen:()=>{},activeSubmenuId:null,setActiveSubmenuId:()=>{},size:"md",variant:"default",triggerRef:{current:null}}),Bm=({children:e,value:o})=>r.jsx(Zl.Provider,{value:o,children:e}),Zt=()=>{const e=h.useContext(Zl);if(!e)throw new Error("useDropdownMenuContext must be used within a DropdownMenuProvider");return e},Rl=({children:e,views:o,...t})=>{const{isOpen:n,setIsOpen:a,triggerRef:l}=Zt(),c=g=>{g.stopPropagation(),a(!n)};return r.jsx(i.View,{ref:l,id:"dropdown-trigger",onClick:c,cursor:"pointer",position:"relative",display:"inline-block",...o==null?void 0:o.container,...t,children:e})},Rt=({items:e,side:o="bottom",align:t="start",views:n,...a})=>{const{isOpen:l,variant:c,triggerRef:g}=Zt(),s=h.useRef(null),{ref:d,relation:f}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),[m,p]=h.useState({x:0,y:0,placement:o});if(h.useEffect(()=>{g.current&&d&&(d.current=g.current)},[g,d,l]),h.useEffect(()=>{if(l&&s.current&&g.current){const x=g.current.getBoundingClientRect();let k=o;f&&(o==="bottom"&&f.space.vertical==="top"?k="top":o==="top"&&f.space.vertical==="bottom"?k="bottom":o==="right"&&f.space.horizontal==="left"?k="left":o==="left"&&f.space.horizontal==="right"&&(k="right"));let C=0,S=0;switch(k){case"bottom":C=t==="start"?x.left:t==="end"?x.right-180:x.left+x.width/2-90,S=x.bottom+8;break;case"top":C=t==="start"?x.left:t==="end"?x.right-180:x.left+x.width/2-90,S=x.top-8;break;case"right":C=x.right+8,S=t==="start"?x.top:t==="end"?x.bottom-100:x.top+x.height/2-50;break;case"left":C=x.left-8,S=t==="start"?x.top:t==="end"?x.bottom-100:x.top+x.height/2-50;break}p({x:C,y:S,placement:k})}},[l,o,t,g,f]),!l)return null;const y=(()=>{const x={position:"fixed",left:m.x,top:m.y,zIndex:1e3};switch(m.placement){case"top":return{...x,transform:"translateY(-100%)"};case"left":return{...x,transform:"translateX(-100%)"};case"bottom":case"right":default:return x}})();return r.jsx(i.View,{ref:s,id:"dropdown-menu",borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",overflow:"hidden",style:y,...$m[c],...n==null?void 0:n.menu,...a,children:e.map((x,k)=>x.divider?r.jsx(oi,{views:n},`divider-${k}`):r.jsx(ei,{item:x,views:n},x.id))})},ei=({item:e,views:o,...t})=>{const{activeSubmenuId:n,setActiveSubmenuId:a,size:l}=Zt(),[c,g]=h.useState(!1),s=e.items&&e.items.length>0,d=n===e.id,f=h.useRef(null),m=()=>{g(!0),s&&a(e.id)},p=()=>{g(!1)},u=y=>{y.stopPropagation(),!e.disabled&&!s&&e.onClick&&e.onClick()};return r.jsxs(i.View,{ref:f,display:"flex",alignItems:"center",cursor:e.disabled?"not-allowed":"pointer",opacity:e.disabled?.5:1,position:"relative",...Dm[l],_hover:e.disabled?{}:Lm.hover,backgroundColor:c&&!e.disabled?"color-gray-100":"transparent",onMouseEnter:m,onMouseLeave:p,onClick:u,...o==null?void 0:o.item,...t,children:[e.icon&&r.jsx(i.View,{marginRight:8,...o==null?void 0:o.icon,children:e.icon}),r.jsx(i.View,{flexGrow:1,children:e.label}),s&&r.jsx(i.View,{marginLeft:8,...o==null?void 0:o.submenuIndicator,children:r.jsx(de,{orientation:"right",widthHeight:16,color:"currentColor",filled:!0})}),d&&s&&r.jsx(Rt,{items:e.items||[],side:"right",align:"start",views:o})]})},oi=({views:e,...o})=>r.jsx(i.View,{height:"1px",backgroundColor:"color-gray-200",margin:"4px 0",...e==null?void 0:e.divider,...o}),_m=({trigger:e,items:o,side:t="bottom",align:n="start",views:a,themeMode:l,...c})=>r.jsxs(i.View,{position:"relative",display:"inline-block",...a==null?void 0:a.container,...c,children:[r.jsx(Rl,{views:a,children:e}),r.jsx(Rt,{items:o,side:t,align:n,views:a})]}),er=({trigger:e,items:o,size:t="md",variant:n="default",side:a="bottom",align:l="start",defaultOpen:c=!1,views:g,...s})=>{const{isOpen:d,setIsOpen:f,activeSubmenuId:m,setActiveSubmenuId:p}=Em(c),u=h.useRef(null);return r.jsx(Bm,{value:{isOpen:d,setIsOpen:f,activeSubmenuId:m,setActiveSubmenuId:p,size:t,variant:n,triggerRef:u},children:r.jsx(_m,{trigger:e,items:o,side:a,align:l,views:g,...s})})};er.Trigger=Rl,er.Content=Rt,er.Item=ei,er.Divider=oi;const Om=e=>{const{value:o,defaultValue:t="",onChange:n,onChangeComplete:a,isOpen:l,onOpen:c,onClose:g,closeOnSelect:s=!0,maxRecentColors:d=8,showRecentColors:f=!0}=e,[m,p]=h.useState(l??!1),[u,y]=h.useState(o??t),[x,k]=h.useState(""),[C,S]=h.useState([]),v=h.useRef(null),w=h.useRef(null);h.useEffect(()=>{o!==void 0&&y(o)},[o]),h.useEffect(()=>{l!==void 0&&p(l)},[l]),h.useEffect(()=>{if(f&&typeof localStorage<"u"){const z=localStorage.getItem("colorPicker-recentColors");if(z)try{S(JSON.parse(z))}catch{}}},[f]),h.useEffect(()=>{if(typeof document>"u"||typeof document.addEventListener!="function")return;const z=V=>{m&&v.current&&w.current&&!v.current.contains(V.target)&&!w.current.contains(V.target)&&$()};return document.addEventListener("mousedown",z),()=>document.removeEventListener("mousedown",z)},[m]);const b=h.useCallback(z=>{f&&S(V=>{const A=V.filter(j=>j!==z),P=[z,...A].slice(0,d);return typeof localStorage<"u"&&localStorage.setItem("colorPicker-recentColors",JSON.stringify(P)),P})},[f,d]),T=h.useCallback(()=>{const z=!m;p(z),z?c==null||c():g==null||g()},[m,c,g]),F=h.useCallback(z=>{y(z),b(z),n==null||n(z),a==null||a(z),s&&(p(!1),g==null||g())},[n,a,s,g,b]),M=h.useCallback(z=>{k(z)},[]),E=h.useCallback(()=>{x&&(F(x),k(""))},[x,F]),$=h.useCallback(()=>{p(!1),g==null||g()},[g]);return{isOpen:m,selectedColor:u,recentColors:C,customColor:x,handleToggle:T,handleColorSelect:F,handleCustomColorChange:M,handleCustomColorSubmit:E,handleClose:$,triggerRef:v,dropdownRef:w}},zo={container:{position:"relative",display:"inline-block",width:"100%"},trigger:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease"},dropdown:{position:"absolute",top:"calc(100% + 8px)",left:0,right:0,zIndex:1e3,backgroundColor:"color-white",borderRadius:12,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0 12px 32px rgba(15, 23, 42, 0.14)",padding:"16px",minWidth:"320px"},colorGrid:{display:"grid",gridTemplateColumns:"repeat(6, 36px)",flexDirection:"row",flexWrap:"wrap",justifyContent:"flex-start",gap:"12px",marginBottom:"16px"},customInput:{marginBottom:"12px"},recentColors:{borderTop:"1px solid color-gray-100",paddingTop:"12px"}},Nm={xs:{height:"32px",fontSize:"12px",padding:"4px 8px"},sm:{height:"40px",fontSize:"12px",padding:"8px 10px"},md:{height:"44px",fontSize:"14px",padding:"10px 12px"},lg:{height:"48px",fontSize:"16px",padding:"12px 14px"},xl:{height:"56px",fontSize:"18px",padding:"14px 16px"}},qm={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},Um={default:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-900"},outline:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-900"},filled:{backgroundColor:"color-gray-50",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-900"}},Gm=[{name:"Blue",value:"#1D4ED8",category:"primary"},{name:"Purple",value:"#A855F7",category:"primary"},{name:"Green",value:"#22C55E",category:"primary"},{name:"Orange",value:"#F97316",category:"primary"},{name:"Red",value:"#EF4444",category:"primary"},{name:"Ink",value:"#111827",category:"neutral"}],Ym=typeof navigator<"u"&&navigator.product!=="ReactNative"&&typeof document<"u"&&typeof document.createElement=="function",Xm=({id:e,name:o,label:t,placeholder:n="Select a color",helperText:a,views:l={},size:c="md",shape:g="default",variant:s="default",error:d=!1,isDisabled:f=!1,isReadOnly:m=!1,predefinedColors:p=Gm,showCustomInput:u=!0,showRecentColors:y=!0,isOpen:x,selectedColor:k,recentColors:C,customColor:S,handleToggle:v,handleColorSelect:w,handleCustomColorChange:b,handleCustomColorSubmit:T,handleClose:F,triggerRef:M,dropdownRef:E,onChange:$,onChangeComplete:z,onOpen:V,onClose:A,colorFormat:P,maxRecentColors:j,closeOnSelect:W,defaultValue:H,value:B,..._})=>{const L={...zo.container,...l==null?void 0:l.container},O={...zo.trigger,...Nm[c],...qm[g],...Um[s],...d&&{borderColor:"color-red-500"},...f&&{opacity:.6,cursor:"not-allowed"},...!f&&!m&&{_hover:{borderColor:"color-gray-400"}},...l==null?void 0:l.trigger},N={...zo.dropdown,...l==null?void 0:l.dropdown},G={...zo.colorGrid,...l==null?void 0:l.colorGrid},q={...zo.recentColors,...l==null?void 0:l.recentColors},K=k||"color-gray-200";return r.jsxs(i.View,{...L,..._,children:[t&&r.jsx(i.Text,{fontSize:"12px",lineHeight:"16px",fontWeight:"500",color:"color-gray-600",marginBottom:"6px",...l==null?void 0:l.label,children:t}),r.jsxs(i.View,{ref:M,onClick:f||m?void 0:v,...O,children:[r.jsxs(i.Horizontal,{alignItems:"center",gap:8,children:[r.jsx(i.View,{width:"24px",height:"24px",borderRadius:"8px",backgroundColor:K,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200"}),r.jsx(i.Text,{color:k?"color-gray-900":"color-gray-500",fontSize:"inherit",children:k||n})]}),!m&&!f&&r.jsx(de,{widthHeight:16,color:"color-gray-500",orientation:x?"up":"down"})]}),x&&r.jsxs(i.View,{ref:E,...N,children:[r.jsx(i.View,{...G,children:p.map((D,X)=>r.jsx(i.View,{width:"36px",height:"36px",borderRadius:"8px",backgroundColor:D.value,borderWidth:"1px",borderStyle:"solid",borderColor:k===D.value?"theme-primary":"transparent",cursor:"pointer",onClick:()=>w(D.value),title:D.name,_hover:{transform:"scale(1.05)",borderColor:"color-gray-300"},...l==null?void 0:l.colorSwatch},X))}),u&&r.jsxs(i.View,{...zo.customInput,...l==null?void 0:l.customInput,children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"center",marginBottom:"10px",children:[Ym&&r.jsx("input",{type:"color",value:S||"#1D4ED8",onChange:D=>{const X=D.target.value;b(X),w(X)},style:{width:"36px",height:"36px",border:"1px solid #E5E7EB",borderRadius:"8px",cursor:"pointer",backgroundColor:"transparent"},title:"Pick a color"}),r.jsx(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-500",children:"HEX"})]}),r.jsx(Ie,{placeholder:"#1D4ED8",value:S,onChange:D=>{var X;return b(typeof D=="string"?D:((X=D==null?void 0:D.target)==null?void 0:X.value)??"")},onKeyPress:D=>{D.key==="Enter"&&T()},size:"sm",right:S&&r.jsx(i.View,{width:"18px",height:"18px",borderRadius:"6px",backgroundColor:S,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",cursor:"pointer",onClick:T})})]}),y&&C.length>0&&r.jsxs(i.View,{...q,children:[r.jsx(i.Text,{fontSize:"11px",lineHeight:"16px",fontWeight:"500",color:"color-gray-500",marginBottom:"8px",children:"Recent Colors"}),r.jsx(i.Horizontal,{gap:8,flexWrap:"wrap",children:C.map((D,X)=>r.jsx(i.View,{width:"24px",height:"24px",borderRadius:"8px",backgroundColor:D,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",cursor:"pointer",transition:"transform 0.2s ease, border-color 0.2s ease",onClick:()=>w(D),title:D,_hover:{transform:"scale(1.05)",borderColor:"color-gray-300"}},X))})]})]}),a&&r.jsx(i.Text,{fontSize:"11px",lineHeight:"16px",color:d?"color-red-500":"color-gray-500",marginTop:"4px",...l==null?void 0:l.helperText,children:a})]})},ri=e=>{const o=Om(e);return r.jsx(Xm,{...o,...e})},Km=e=>{const o=Tl(e);return r.jsx(Il,{...o,...e})},Jm=e=>{const o=Sl(e);return r.jsx(vl,{...o,...e})},ti={"to-right":"to right","to-left":"to left","to-bottom":"to bottom","to-top":"to top","to-top-right":"to top right","to-top-left":"to top left","to-bottom-right":"to bottom right","to-bottom-left":"to bottom left"},Er={center:"center",top:"top",right:"right",bottom:"bottom",left:"left","top-right":"top right","top-left":"top left","bottom-right":"bottom right","bottom-left":"bottom left"},Qm={linear:[{color:"color-blue-500",position:"0%"},{color:"color-purple-500",position:"100%"}],radial:[{color:"color-blue-500",position:"0%"},{color:"color-purple-500",position:"100%"}],conic:[{color:"color-red-500",position:"0deg"},{color:"color-yellow-500",position:"90deg"},{color:"color-green-500",position:"180deg"},{color:"color-blue-500",position:"270deg"},{color:"color-red-500",position:"360deg"}]},Zm=(e,o,t,n,a)=>{const l=o.map(c=>`${c.color} ${c.position||""}`).join(", ");switch(e){case"linear":return`linear-gradient(${t&&ti[t]?ti[t]:t||"to right"}, ${l})`;case"radial":const g=a&&Er[a]?Er[a]:a||"center";return`radial-gradient(${n||"circle"} at ${g}, ${l})`;case"conic":return`conic-gradient(from 0deg at ${a&&Er[a]?Er[a]:a||"center"}, ${l})`;default:return`linear-gradient(to right, ${l})`}},Rm={linear:{backgroundSize:"200% 200%",transition:"background-position 3s ease-in-out",animate:{from:{backgroundPosition:"0% 50%"},"50%":{backgroundPosition:"100% 50%"},to:{backgroundPosition:"0% 50%"}}},radial:{backgroundSize:"100% 100%",transition:"background-position 3s ease-in-out, background-size 3s ease-in-out",animate:{from:{backgroundPosition:"center",backgroundSize:"100% 100%"},"50%":{backgroundSize:"120% 120%"},to:{backgroundPosition:"center",backgroundSize:"100% 100%"}}},conic:{transition:"transform 3s linear",animate:{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}}}},ni={container:{position:"relative",overflow:"hidden",borderRadius:"8px",transition:"border-radius 0.2s ease, opacity 0.2s ease"},content:{position:"relative",zIndex:1,width:"100%",height:"100%",padding:"16px"}},ep=({type:e="linear",direction:o="to-right",shape:t="circle",position:n="center",from:a,to:l,colors:c,animate:g=!1,animationDuration:s=3,children:d,views:f,themeMode:m,...p})=>{const u=h.useMemo(()=>c&&c.length>0?c:a&&l?[{color:a,position:"0%"},{color:l,position:"100%"}]:Qm[e],[c,a,l,e]),y=h.useMemo(()=>{const k=u.map(C=>({...C,color:C.color}));return Zm(e,k,o,t,n)},[e,u,o,t,n]),x=h.useMemo(()=>{if(!g)return{};const k=Rm[e];return{...k,transition:k.transition.replace("3s",`${s}s`),animationDuration:`${s}s`,animationIterationCount:"infinite",animationTimingFunction:e==="conic"?"linear":"ease-in-out"}},[g,s,e]);return r.jsx(i.View,{background:y,...ni.container,...x,...f==null?void 0:f.container,...p,children:d&&r.jsx(i.View,{...ni.content,...f==null?void 0:f.content,children:d})})},ai=e=>r.jsx(ep,{...e}),op=(e=null,o=null)=>{const[t,n]=h.useState(e),[a,l]=h.useState(o),c=s=>a===s,g=s=>{l(d=>d===s?null:s)};return h.useEffect(()=>{const s=f=>{!f.composedPath().some(u=>(u==null?void 0:u.id)==="menubar-content"||(u==null?void 0:u.id)==="menubar-trigger")&&a!==null&&l(null)},d=f=>{f.key==="Escape"&&a!==null&&l(null)};if(typeof(document==null?void 0:document.addEventListener)=="function")return document.addEventListener("mousedown",s),document.addEventListener("keydown",d),()=>{document.removeEventListener("mousedown",s),document.removeEventListener("keydown",d)}},[a]),{activeMenuId:t,setActiveMenuId:n,openMenuId:a,setOpenMenuId:l,isMenuOpen:c,toggleMenu:g}},li={sm:{padding:"6px 10px",fontSize:"14px"},md:{padding:"8px 12px",fontSize:"16px"},lg:{padding:"10px 16px",fontSize:"18px"}},rp={default:{backgroundColor:"transparent",color:"color-gray-800"},filled:{backgroundColor:"color-gray-100",color:"color-gray-800"},outline:{backgroundColor:"transparent",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800"}},tp={horizontal:{flexDirection:"row"},vertical:{flexDirection:"column"}},Dr={active:{backgroundColor:"color-gray-200",fontWeight:"bold"},hover:{backgroundColor:"color-gray-100"},disabled:{opacity:.5,cursor:"not-allowed"}},ii=h.createContext({activeMenuId:null,setActiveMenuId:()=>{},openMenuId:null,setOpenMenuId:()=>{},isMenuOpen:()=>!1,toggleMenu:()=>{},orientation:"horizontal",size:"md",variant:"default",triggerRefs:{current:{}}}),$r=()=>h.useContext(ii),np=({value:e,children:o})=>r.jsx(ii.Provider,{value:e,children:o}),ci=({children:e,orientation:o="horizontal",size:t="md",variant:n="default",views:a,...l})=>{const c=o==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(c,{role:"menubar","aria-orientation":o,...tp[o],...rp[n],...a==null?void 0:a.container,...l,children:e})},si=({children:e,id:o,disabled:t=!1,views:n})=>{const{orientation:a}=$r(),l=a==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(l,{role:"none",position:"relative",opacity:t?.5:1,pointerEvents:t?"none":"auto",...n==null?void 0:n.menu,children:h.Children.map(e,c=>h.isValidElement(c)?h.cloneElement(c,{...c.props,menuId:o}):c)})},di=({children:e,menuId:o,disabled:t=!1,views:n})=>{const{activeMenuId:a,setActiveMenuId:l,toggleMenu:c,isMenuOpen:g,size:s,triggerRefs:d}=$r(),f=h.useRef(null),m=a===o,p=g(o);h.useEffect(()=>(f.current&&o&&(d.current[o]=f.current),()=>{o&&delete d.current[o]}),[o,d]);const u=()=>{t||(l(o),c(o))};return r.jsx(i.View,{ref:f,id:"menubar-trigger",role:"menuitem","aria-haspopup":"true","aria-expanded":p,userSelect:"none",display:"flex",alignItems:"center",justifyContent:"space-between",...li[s],...m?Dr.active:{},...t?Dr.disabled:{},_hover:t?{}:Dr.hover,onClick:u,...n==null?void 0:n.trigger,children:e})},gi=({children:e,menuId:o,views:t})=>{const{isMenuOpen:n,orientation:a,triggerRefs:l}=$r(),c=h.useRef(null),[g,s]=h.useState({x:0,y:0,placement:a==="horizontal"?"bottom":"right"}),d=n(o);if(h.useEffect(()=>{if(d&&c.current&&o&&l.current[o]){const m=c.current.getBoundingClientRect(),p=l.current[o].getBoundingClientRect(),u=Math.max(m.width||200,200),y=Math.max(m.height||150,150),x=window.innerWidth,k=window.innerHeight,C={top:p.top,right:x-p.right,bottom:k-p.bottom,left:p.left},S=a==="horizontal"?[{placement:"bottom",space:C.bottom,fits:C.bottom>=y+8,x:p.left,y:p.bottom+8},{placement:"top",space:C.top,fits:C.top>=y+8,x:p.left,y:p.top-y-8},{placement:"right",space:C.right,fits:C.right>=u+8,x:p.right+8,y:p.top},{placement:"left",space:C.left,fits:C.left>=u+8,x:p.left-u-8,y:p.top}]:[{placement:"right",space:C.right,fits:C.right>=u+8,x:p.right+8,y:p.top},{placement:"left",space:C.left,fits:C.left>=u+8,x:p.left-u-8,y:p.top},{placement:"bottom",space:C.bottom,fits:C.bottom>=y+8,x:p.left,y:p.bottom+8},{placement:"top",space:C.top,fits:C.top>=y+8,x:p.left,y:p.top-y-8}],v=S.find(F=>F.fits);if(v){s({x:v.x,y:v.y,placement:v.placement});return}const w=S.reduce((F,M)=>M.space>F.space?M:F);let b=w.x,T=w.y;b+u>x&&(b=x-u-8),b<8&&(b=8),T+y>k&&(T=k-y-8),T<8&&(T=8),s({x:b,y:T,placement:w.placement})}},[d,a,o,l]),!d)return null;const f={position:"fixed",left:g.x,top:g.y,zIndex:1e3};return r.jsx(i.View,{ref:c,id:"menubar-content",role:"menu",minWidth:"200px",backgroundColor:"color-white",borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",overflow:"hidden",style:f,...t==null?void 0:t.content,children:e})},hi=({children:e,icon:o,disabled:t=!1,onClick:n,views:a})=>{const{size:l}=$r(),c=()=>{t||!n||n()};return r.jsxs(i.View,{role:"menuitem",cursor:t?"not-allowed":"pointer",userSelect:"none",display:"flex",alignItems:"center",opacity:t?.5:1,...li[l],_hover:t?{}:Dr.hover,onClick:c,...a==null?void 0:a.item,children:[o&&r.jsx(i.View,{marginRight:8,...a==null?void 0:a.icon,children:o}),e]})},fi=({views:e})=>r.jsx(i.View,{role:"separator",height:"1px",backgroundColor:"color-gray-200",margin:"4px 0",...e==null?void 0:e.separator}),ap=({items:e,orientation:o,size:t,variant:n,views:a,themeMode:l})=>r.jsx(ci,{orientation:o,size:t,variant:n,views:a,children:e.map(c=>r.jsxs(si,{id:c.id,disabled:c.disabled,views:a,children:[r.jsxs(di,{menuId:c.id,views:a,children:[c.icon&&r.jsx(i.View,{marginRight:8,...a==null?void 0:a.icon,children:c.icon}),c.label]}),c.items&&c.items.length>0&&r.jsx(gi,{menuId:c.id,views:a,children:c.items.map((g,s)=>g.separator?r.jsx(fi,{views:a},`separator-${s}`):r.jsx(hi,{id:g.id,icon:g.icon,disabled:g.disabled,onClick:g.onClick,views:a,children:g.label},g.id))})]},c.id))}),go=({items:e,orientation:o="horizontal",size:t="md",variant:n="default",defaultActiveMenuId:a=null,defaultOpenMenuId:l=null,views:c,...g})=>{const{activeMenuId:s,setActiveMenuId:d,openMenuId:f,setOpenMenuId:m,isMenuOpen:p,toggleMenu:u}=op(a,l),y=h.useRef({});return r.jsx(np,{value:{activeMenuId:s,setActiveMenuId:d,openMenuId:f,setOpenMenuId:m,isMenuOpen:p,toggleMenu:u,orientation:o,size:t,variant:n,triggerRefs:y},children:r.jsx(ap,{items:e,orientation:o,size:t,variant:n,views:c,...g})})};go.Root=ci,go.Menu=si,go.Trigger=di,go.Content=gi,go.Item=hi,go.Separator=fi;const lp=(e,o,t)=>{const[n,a]=h.useState([]);return h.useEffect(()=>{a((()=>{const c=[];if(o<=t)for(let g=1;g<=o;g++)c.push(g);else{c.push(1);let g=Math.max(2,e-Math.floor((t-2)/2)),s=Math.min(o-1,g+t-3);s>=o-1&&(s=o-1,g=Math.max(2,s-(t-3))),g>2&&c.push("...");for(let d=g;d<=s;d++)c.push(d);s<o-1&&c.push("..."),c.push(o)}return c})())},[e,o,t]),{visiblePageNumbers:n}},Mo={sm:{fontSize:"12px",padding:"4px 8px",minWidth:"28px",height:"28px",media:{mobile:{fontSize:"11px",padding:"3px 6px",minWidth:"24px",height:"24px"}}},md:{fontSize:"14px",padding:"6px 10px",minWidth:"32px",height:"32px",media:{mobile:{fontSize:"12px",padding:"4px 8px",minWidth:"28px",height:"28px"}}},lg:{fontSize:"14px",padding:"8px 12px",minWidth:"36px",height:"36px",media:{mobile:{fontSize:"12px",padding:"4px 8px",minWidth:"28px",height:"28px"}}}},or={default:{backgroundColor:"transparent",color:"color-gray-800",borderWidth:"0px",borderStyle:"none",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"color-gray-100"}},filled:{backgroundColor:"color-gray-100",color:"color-gray-800",borderWidth:"0px",borderStyle:"none",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"color-gray-200"}},outline:{backgroundColor:"transparent",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"color-gray-100"}}},rr={rounded:{borderRadius:8},square:{borderRadius:"0px"},circular:{borderRadius:"50%"}},ip={backgroundColor:"theme-primary",color:"color-white",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"theme-primary",opacity:.9}},Lr={opacity:.5,cursor:"not-allowed",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"transparent"}},cp=({currentPage:e,totalPages:o,onPageChange:t,pageSize:n=10,pageSizeOptions:a=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"100 / page",value:100}],onPageSizeChange:l,showPageSizeSelector:c=!1,showPageInfo:g=!0,maxPageButtons:s=5,showFirstLastButtons:d=!1,size:f="md",variant:m="default",shape:p="rounded",visiblePageNumbers:u=[],views:y,...x})=>{const k=v=>{v<1||v>o||v===e||t(v)},C=v=>{l&&l(Number(v.target.value))},S=(v,w)=>{if(v==="...")return r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",...Mo[f],...y==null?void 0:y.ellipsis,children:"..."},`ellipsis-${w}`);const b=v===e;return r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:b?"default":"pointer",...Mo[f],...or[m],...rr[p],...b?ip:{},onClick:()=>k(v),"aria-label":`Page ${v}`,"aria-current":b?"page":void 0,...b?y==null?void 0:y.activePageButton:y==null?void 0:y.pageButton,children:v},`page-${v}`)};return r.jsxs(i.Horizontal,{alignItems:"center",gap:8,...y==null?void 0:y.container,...x,children:[d&&r.jsxs(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===1?"not-allowed":"pointer",...Mo[f],...or[m],...rr[p],...e===1?Lr:{},onClick:()=>k(1),"aria-label":"First page",disabled:e===1,...y==null?void 0:y.navigationButton,children:[r.jsx(de,{orientation:"left",widthHeight:16}),r.jsx(de,{orientation:"left",widthHeight:16,marginLeft:"-8px"})]}),r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===1?"not-allowed":"pointer",...Mo[f],...or[m],...rr[p],...e===1?Lr:{},onClick:()=>k(e-1),"aria-label":"Previous page",disabled:e===1,...y==null?void 0:y.navigationButton,children:r.jsx(de,{orientation:"left",widthHeight:16})}),u.map((v,w)=>S(v,w)),r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===o?"not-allowed":"pointer",...Mo[f],...or[m],...rr[p],...e===o?Lr:{},onClick:()=>k(e+1),"aria-label":"Next page",disabled:e===o,...y==null?void 0:y.navigationButton,children:r.jsx(de,{orientation:"right",widthHeight:16})}),d&&r.jsxs(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===o?"not-allowed":"pointer",...Mo[f],...or[m],...rr[p],...e===o?Lr:{},onClick:()=>k(o),"aria-label":"Last page",disabled:e===o,...y==null?void 0:y.navigationButton,children:[r.jsx(de,{orientation:"right",widthHeight:16}),r.jsx(de,{orientation:"right",widthHeight:16,marginLeft:"-8px"})]}),g&&r.jsxs(i.Text,{marginLeft:16,color:"color-gray-600",...y==null?void 0:y.pageInfo,children:["Page ",e," of ",o]}),c&&l&&r.jsx(i.View,{as:"select",marginLeft:16,padding:"4px 8px",borderRadius:"4px",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",backgroundColor:"color-white",cursor:"pointer",value:n,onChange:C,...y==null?void 0:y.pageSizeSelector,children:a.map(v=>r.jsx("option",{value:v.value,children:v.label},v.value))})]})},mi=({currentPage:e,totalPages:o,onPageChange:t,pageSize:n=10,pageSizeOptions:a,onPageSizeChange:l,showPageSizeSelector:c=!1,showPageInfo:g=!0,maxPageButtons:s=5,showFirstLastButtons:d=!1,size:f="md",variant:m="default",shape:p="rounded",views:u,...y})=>{const{visiblePageNumbers:x}=lp(e,o,s);return r.jsx(cp,{currentPage:e,totalPages:o,onPageChange:t,pageSize:n,pageSizeOptions:a,onPageSizeChange:l,showPageSizeSelector:c,showPageInfo:g,maxPageButtons:s,showFirstLastButtons:d,size:f,variant:m,shape:p,visiblePageNumbers:x,views:u,...y})},sp=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),dp=h.memo(({shape:e="linear",value:o=0,max:t=100,color:n="theme-primary",backgroundColor:a="color-gray-200",height:l,size:c,radius:g=4,strokeWidth:s=10,showLabel:d=!1,labelColor:f="color-black-primary",animated:m=!0,animationDuration:p="0.5s",views:u,themeMode:y,...x})=>{var $;const{getColor:k,themeMode:C}=i.useTheme(),S=y||C,w=Math.min(t,Math.max(0,o))/t*100,b=z=>sp(z)?z:k(z,{themeMode:S}),T=h.useMemo(()=>b(a),[k,a,S]),F=h.useMemo(()=>b(n),[k,n,S]);if(e==="circle"){const z=c||(typeof l=="number"?l:100),V=(z-s)/2,A=2*Math.PI*V,P=A-w/100*A;return r.jsxs(i.View,{width:z,height:z,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...u==null?void 0:u.container,...x,children:[r.jsxs("svg",{width:z,height:z,viewBox:`0 0 ${z} ${z}`,style:{transform:"rotate(-90deg)"},children:[r.jsx("circle",{cx:z/2,cy:z/2,r:V,stroke:T,strokeWidth:s,fill:"transparent",...u==null?void 0:u.track}),r.jsx("circle",{cx:z/2,cy:z/2,r:V,stroke:F,strokeWidth:s,strokeDasharray:A,strokeDashoffset:P,strokeLinecap:"round",fill:"transparent",style:{transition:m?`stroke-dashoffset ${p} ease-in-out`:"none"},...u==null?void 0:u.indicator})]}),d&&r.jsx(i.View,{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none",children:r.jsxs(i.Text,{color:f,fontSize:`${z*.2}px`,fontWeight:"bold",...u==null?void 0:u.text,children:[Math.round(w),"%"]})})]})}const M=l||8,E={backgroundColor:T,...(($=u==null?void 0:u.container)==null?void 0:$.style)||{},...x.style||{}};return r.jsxs(i.View,{role:"progressbar","aria-valuenow":o,"aria-valuemin":0,"aria-valuemax":t,width:"100%",height:M,borderRadius:g,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...u==null?void 0:u.container,...x,style:E,children:[r.jsx("div",{style:{height:"100%",backgroundColor:F,borderRadius:typeof g=="number"?`${g}px`:g,position:"absolute",left:0,top:0,bottom:0,width:`${w}%`,transition:m?`width ${p} ease-in-out`:"none",...u==null?void 0:u.bar}}),d&&r.jsxs(i.Text,{color:f,fontSize:typeof M=="number"&&M>16?`${M*.6}px`:"10px",fontWeight:"bold",position:"relative",zIndex:1,...u==null?void 0:u.text,children:[Math.round(w),"%"]})]})}),pi=e=>{const o=me("progress",e);return r.jsx(dp,{...o})},gp=(e=>({solid:"solid",dashed:"dashed",dotted:"dotted"}))(),hp={thin:"1px",medium:"2px",thick:"4px"},tr={container:{transition:"opacity 0.15s ease"},label:{fontSize:"14px",fontWeight:"500",color:"color-gray-600",paddingHorizontal:"8px",backgroundColor:"color-white",transition:"color 0.15s ease"}},fp=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),mp=({orientation:e="horizontal",variant:o="solid",thickness:t="thin",color:n,spacing:a="0px",label:l,decorative:c=!1,views:g,themeMode:s,...d})=>{const{themeMode:f}=i.useTheme(),m=n||"color-gray-200",p=gp[o],u=hp[t],y=c?{"aria-hidden":!0}:{role:"separator","aria-orientation":e},x=fp(m)?{style:{borderColor:m}}:{borderColor:m};return l&&e==="horizontal"?r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"center",width:"100%",padding:a,...y,...d,children:[r.jsx(i.View,{height:"0px",flexGrow:1,borderTop:`${u} ${p}`,...x,...tr.container,...g==null?void 0:g.container}),r.jsx(i.Text,{...tr.label,...g==null?void 0:g.label,children:l}),r.jsx(i.View,{height:"0px",flexGrow:1,borderTop:`${u} ${p}`,...x,...tr.container,...g==null?void 0:g.container})]}):e==="horizontal"?r.jsx(i.View,{height:"0px",width:"100%",borderTop:`${u} ${p}`,padding:a,...x,...tr.container,...y,...g==null?void 0:g.container,...d}):r.jsx(i.View,{width:"0px",height:"100%",borderLeft:`${u} ${p}`,padding:a,...x,...tr.container,...y,...g==null?void 0:g.container,...d})},ui=e=>{const o=me("separator",e);return r.jsx(mp,{...o})},Br=ui,pp=ui,up={xs:12,sm:14,md:16,lg:18,xl:20},yp=({isSupported:e,isSharing:o,onShare:t,label:n,children:a,icon:l,size:c,isDisabled:g,isLoading:s,iconPosition:d,disableWhenUnsupported:f=!0,...m})=>{const p=c??"md",u=l??r.jsx(Vn,{widthHeight:up[p],strokeWidth:1.5,filled:!1}),y=!!g||!e&&f,x=!!s||o;return r.jsx(ie,{...m,size:p,icon:u,iconPosition:d??"left",isDisabled:y,isLoading:x,onClick:t,children:a??n??"Share"})},yi=()=>typeof navigator>"u"?void 0:navigator,bp=(e,o)=>{if(!e||typeof e.share!="function")return!1;if(typeof e.canShare=="function")try{return e.canShare(o)}catch{return!1}return!0},xp=e=>{if(typeof e=="object"&&e!==null&&"name"in e)return String(e.name)},kp=e=>{const{shareData:o,onClick:t,onUnsupported:n,onShareStart:a,onShareSuccess:l,onShareCancel:c,onShareError:g}=e,[s,d]=h.useState(!1),f=h.useMemo(()=>bp(yi(),o),[o]),m=h.useCallback((...p)=>{t==null||t(...p);const u=yi();if(!u||typeof u.share!="function"){n==null||n();return}if(!s){if(typeof u.canShare=="function")try{if(!u.canShare(o)){n==null||n();return}}catch(y){g==null||g(y);return}d(!0),a==null||a();try{u.share(o).then(()=>{l==null||l()}).catch(y=>{if(xp(y)==="AbortError"){c==null||c();return}g==null||g(y)}).finally(()=>{d(!1)})}catch(y){d(!1),g==null||g(y)}}},[s,t,c,g,a,l,n,o]);return{isSupported:f,isSharing:s,handleShare:m}},bi=e=>{const{isSupported:o,isSharing:t,handleShare:n}=kp(e),{shareData:a,onShareStart:l,onShareSuccess:c,onShareCancel:g,onShareError:s,onUnsupported:d,onClick:f,...m}=e;return r.jsx(yp,{...m,isSupported:o,isSharing:t,onShare:n})},Cp=({label:e,status:o="default",views:t,themeMode:n,...a})=>{const{themeMode:l}=i.useTheme(),c=Kn();return r.jsxs(i.Horizontal,{alignItems:"center",gap:8,role:"status-indicator",...t==null?void 0:t.container,...a,children:[r.jsx(i.View,{role:"status-dot",width:"8px",height:"8px",borderRadius:"50%",...c[o].indicator,...t==null?void 0:t.indicator}),e&&r.jsx(i.Text,{role:"status-label",fontSize:"14px",lineHeight:"20px",...c[o].label,...t==null?void 0:t.label,children:e})]})},_r=e=>{const o=me("status",e);return r.jsx(Cp,{...o})},wp=(e=!0,o,t,n)=>{const{on:a}=i.useResponsive(),l=a("mobile"),[c,g]=h.useState(o!==void 0?o:e);return h.useEffect(()=>{o!==void 0&&g(o)},[o]),{isExpanded:c,toggleExpanded:()=>{const m=!c;g(m),t&&t(m)},expand:()=>{c||(g(!0),t&&t(!0))},collapse:()=>{c&&(g(!1),t&&t(!1))},isMobile:l}},Sp={sm:{expandedWidth:"240px",collapsedWidth:"64px"},md:{expandedWidth:"280px",collapsedWidth:"72px"},lg:{expandedWidth:"320px",collapsedWidth:"80px"},xl:{expandedWidth:"360px",collapsedWidth:"88px"}},vp=(e=>({default:{backgroundColor:"color-white",color:"color-gray-800",transition:"background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease"},filled:{backgroundColor:"color-gray-100",color:"color-gray-800",transition:"background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease"},outline:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",color:"color-gray-800",transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"},subtle:{backgroundColor:"color-gray-50",color:"color-gray-800",transition:"background-color 0.2s ease, color 0.2s ease"},elevated:{backgroundColor:"color-white",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",color:"color-gray-800",transition:"all 0.2s ease-in-out"}}))(),Tp={left:{left:0,borderRightWidth:"1px",borderRightStyle:"solid",borderRightColor:"color-gray-200"},right:{right:0,borderLeftWidth:"1px",borderLeftStyle:"solid",borderLeftColor:"color-gray-200"}},Ip={none:{},low:{boxShadow:"0 1px 3px rgba(0, 0, 0, 0.1)"},medium:{boxShadow:"0 4px 12px rgba(0, 0, 0, 0.12)"},high:{boxShadow:"0 10px 30px rgba(0, 0, 0, 0.15)"}},Fp={fast:"all 0.2s ease-in-out",normal:"all 0.3s ease-in-out",slow:"all 0.5s ease-in-out",bounce:"all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55)"},xi=h.createContext({isExpanded:!0,toggleExpanded:()=>{},expand:()=>{},collapse:()=>{},position:"left",size:"md",variant:"default"}),Or=()=>h.useContext(xi),zp=({value:e,children:o})=>r.jsx(xi.Provider,{value:e,children:o}),Mp=({children:e,showToggleButton:o=!0,views:t,...n})=>{const{isExpanded:a,toggleExpanded:l,position:c}=Or();return r.jsx(i.Horizontal,{width:"100%",padding:"16px",borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-200",alignItems:"center",justifyContent:"space-between",...t==null?void 0:t.header,...n,children:a?r.jsxs(i.Horizontal,{width:"100%",alignItems:"center",justifyContent:"space-between",children:[e,o&&r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",width:"32px",height:"32px",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",borderRadius:"4px",backgroundColor:"transparent",cursor:"pointer",_hover:{backgroundColor:"color-gray-100"},onClick:l,"aria-label":a?"Collapse sidebar":"Expand sidebar",...t==null?void 0:t.toggleButton,children:r.jsx(de,{orientation:c==="left"?"left":"right",widthHeight:16,...t==null?void 0:t.toggleButtonIcon})})]}):r.jsx(i.View,{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",children:o&&r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",width:"32px",height:"32px",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",borderRadius:"4px",backgroundColor:"transparent",cursor:"pointer",_hover:{backgroundColor:"color-gray-100"},onClick:l,"aria-label":a?"Collapse sidebar":"Expand sidebar",...t==null?void 0:t.toggleButton,children:r.jsx(de,{orientation:c==="left"?"right":"left",widthHeight:16,...t==null?void 0:t.toggleButtonIcon})})})})},Wp=({children:e,views:o,...t})=>{const{isExpanded:n}=Or();return r.jsx(i.View,{flex:"1",width:"100%",overflowY:"auto",overflowX:"hidden",padding:n?"16px":"8px",...o==null?void 0:o.content,...t,children:e})},Pp=({children:e,views:o,...t})=>{const{isExpanded:n}=Or();return r.jsx(i.View,{width:"100%",padding:"16px",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"color-gray-200",...o==null?void 0:o.footer,...t,children:n?e:null})},Hp=({children:e,position:o="left",size:t="md",variant:n="default",fixed:a=!1,hasBackdrop:l=!0,expandedWidth:c,collapsedWidth:g,breakpoint:s,breakpointBehavior:d="overlay",elevation:f="none",transitionPreset:m="normal",ariaLabel:p="Sidebar navigation",showToggleButton:u,toggleExpanded:y,expand:x,isExpanded:k,isMobile:C,collapse:S,views:v,themeMode:w,...b})=>{const T=Sp[t],F=k?c||T.expandedWidth:g||T.collapsedWidth,M=!C||C&&d!=="hide",E=a||C&&d==="overlay"?"fixed":"relative",$=l&&C&&k&&d==="overlay";return r.jsxs(r.Fragment,{children:[$&&r.jsx(i.View,{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",backgroundColor:"color-blackAlpha-500",zIndex:998,onClick:S,...v==null?void 0:v.backdrop}),M&&r.jsx(i.Vertical,{position:E,top:0,height:"100vh",width:F,zIndex:999,transition:Fp[m],transform:C&&d==="overlay"&&!k?`translateX(${o==="left"?"-100%":"100%"})`:"translateX(0)",role:"navigation","aria-label":p,...vp[n],...Tp[o],...Ip[f],...v==null?void 0:v.container,...b,children:h.Children.map(e,z=>z)})]})},nr=({children:e,position:o="left",size:t="md",variant:n="default",defaultExpanded:a=!0,expanded:l,onExpandedChange:c,fixed:g=!1,hasBackdrop:s=!0,showToggleButton:d=!0,expandedWidth:f,collapsedWidth:m,breakpoint:p=768,breakpointBehavior:u="overlay",views:y,...x})=>{const{isExpanded:k,toggleExpanded:C,expand:S,collapse:v,isMobile:w}=wp(a,l,c);return r.jsx(zp,{value:{isExpanded:k,toggleExpanded:C,expand:S,collapse:v,position:o,size:t,variant:n,views:y},children:r.jsx(Hp,{position:o,size:t,variant:n,fixed:g,hasBackdrop:s,showToggleButton:d,expandedWidth:f,collapsedWidth:m,breakpoint:p,breakpointBehavior:u,isExpanded:k,isMobile:w,toggleExpanded:C,expand:S,collapse:v,views:y,...x,children:e})})};nr.Header=Mp,nr.Content=Wp,nr.Footer=Pp,nr.useContext=Or;const jp=()=>({getItem:e=>{try{return typeof localStorage>"u"?null:localStorage.getItem(`resizable-${e}`)}catch(o){return console.warn("Failed to access localStorage:",o),null}},setItem:(e,o)=>{try{if(typeof localStorage>"u")return;localStorage.setItem(`resizable-${e}`,o)}catch(t){console.warn("Failed to write to localStorage:",t)}}}),Ap=(e,o,t,n=50,a=1/0,l=!1,c,g,s=10)=>{const[d,f]=h.useState(!1),[m,p]=h.useState([]),u=h.useRef(null),y=h.useRef(null),x=h.useRef(0),k=h.useRef([]),C=h.useRef(g||(typeof window<"u"?jp():null)),S=h.useCallback(()=>u.current?e==="horizontal"?u.current.offsetWidth:u.current.offsetHeight:0,[e]),v=h.useCallback(()=>{if(!c||!C.current)return null;const j=C.current.getItem(c);if(!j)return null;try{const W=JSON.parse(j);return Array.isArray(W.sizes)?W.sizes:null}catch(W){return console.warn("Failed to parse saved panel sizes:",W),null}},[c]),w=h.useCallback(()=>{if(!c||!C.current||m.length===0)return;const j=m.map(W=>({id:W.id,size:W.size,collapsed:W.collapsed||!1}));C.current.setItem(c,JSON.stringify({sizes:j}))},[c,m]),b=h.useCallback((j,W,H,B,_)=>{p(L=>L.some(O=>O.id===j)?L:[...L,{id:j,size:W,minSize:H??n,maxSize:B??a,collapsible:_??l,collapsed:!1}])},[n,a,l]),T=h.useCallback(j=>{p(W=>W.filter(H=>H.id!==j))},[]),F=h.useCallback(j=>{const W=m.find(H=>H.id===j);return W?W.size:0},[m]),M=h.useCallback((j,W)=>{p(H=>H.map(B=>B.id===j?{...B,size:W}:B))},[]),E=h.useCallback(j=>{const W=m.find(H=>H.id===j);return W?!!W.collapsed:!1},[m]),$=h.useCallback(j=>{p(W=>{const H=W.findIndex(O=>O.id===j);if(H===-1)return W;const B=W[H];if(!B.collapsible)return W;const _={...B,collapsed:!B.collapsed},L=[...W];return L[H]=_,L})},[]),z=h.useCallback((j,W)=>{y.current=j,x.current=W,k.current=m.map(H=>H.size),f(!0)},[m]),V=h.useCallback(j=>{if(!d||!y.current)return;const W=y.current,H=j-x.current;let B=-1;const _=W.match(/\d+$/);if(_&&(B=parseInt(_[0],10)-1),B===-1&&m.length>=2&&(B=0),B<0||B>=m.length-1)return;const L=m[B],O=m[B+1];if(L.collapsed||O.collapsed)return;let N=k.current[B]+H,G=k.current[B+1]-H;N=Math.max(L.minSize??n,Math.min(L.maxSize??a,N)),G=Math.max(O.minSize??n,Math.min(O.maxSize??a,G)),p(q=>q.map((K,D)=>D===B?{...K,size:N}:D===B+1?{...K,size:G}:K))},[d,m,e,n,a]),A=h.useCallback(()=>{d&&t&&t(m.map(j=>j.size)),y.current=null,f(!1),c&&w()},[d,m,t,c,w]),P=h.useCallback(j=>{if(!d||!y.current)return;const W=y.current;let H=-1;const B=W.match(/\d+$/);if(B&&(H=parseInt(B[0],10)-1),H===-1&&m.length>=2&&(H=0),H<0||H>=m.length-1)return;let _=0;e==="horizontal"?(j.key==="ArrowLeft"&&(_=-s),j.key==="ArrowRight"&&(_=s),j.key==="Home"&&(_=-100),j.key==="End"&&(_=100)):(j.key==="ArrowUp"&&(_=-s),j.key==="ArrowDown"&&(_=s),j.key==="Home"&&(_=-100),j.key==="End"&&(_=100)),_!==0&&(j.preventDefault(),V(x.current+_)),j.key==="Escape"&&(p(L=>L.map((O,N)=>({...O,size:k.current[N]}))),A())},[d,m,e,V,A,s]);return h.useEffect(()=>{if(typeof(document==null?void 0:document.addEventListener)!="function")return;const j=B=>{if(!d)return;const _=e==="horizontal"?B.clientX:B.clientY;V(_)},W=B=>{if(!d||B.touches.length===0)return;const _=B.touches[0],L=e==="horizontal"?_.clientX:_.clientY;V(L)},H=()=>{d&&A()};return d&&(document.addEventListener("mousemove",j),document.addEventListener("touchmove",W),document.addEventListener("mouseup",H),document.addEventListener("touchend",H),document.addEventListener("keydown",P),document.body.style.cursor=e==="horizontal"?"col-resize":"row-resize",document.body.style.userSelect="none"),()=>{document.removeEventListener("mousemove",j),document.removeEventListener("touchmove",W),document.removeEventListener("mouseup",H),document.removeEventListener("touchend",H),document.removeEventListener("keydown",P),document.body.style.cursor="",document.body.style.userSelect=""}},[d,e,V,A,P]),h.useEffect(()=>{if(m.length!==0){if(c){const j=v();if(j){p(W=>W.map(H=>{const B=j.find(_=>_.id===H.id);return B?{...H,size:B.size,collapsed:B.collapsed||!1}:H}));return}}if(!o){const W=S()/m.length;p(H=>H.map(B=>({...B,size:W})))}}},[m.length,o,S,c,v]),h.useEffect(()=>{if(!o||o.length===0||m.length===0)return;const j=S(),W=o.map(H=>typeof H=="string"&&H.endsWith("%")?parseFloat(H)/100*j:typeof H=="number"?H:parseFloat(H));p(H=>H.map((B,_)=>({...B,size:_<W.length?W[_]:B.size})))},[o,m.length,S]),h.useEffect(()=>{m.length>0&&c&&!d&&w()},[m,c,d,w]),{isResizing:d,setIsResizing:f,containerRef:u,panels:m,registerPanel:b,unregisterPanel:T,getPanelSize:F,setPanelSize:M,isPanelCollapsed:E,togglePanelCollapse:$,startResize:z,onResize:V,endResize:A}},Vp={horizontal:{flexDirection:"row"},vertical:{flexDirection:"column"}},Ep=(e,o)=>({sm:{width:o==="horizontal"?"4px":"100%",height:o==="vertical"?"4px":"100%"},md:{width:o==="horizontal"?"6px":"100%",height:o==="vertical"?"6px":"100%"},lg:{width:o==="horizontal"?"8px":"100%",height:o==="vertical"?"8px":"100%"}})[e],Dp=(e=>({default:{backgroundColor:"transparent",_hover:{backgroundColor:"color-gray-200"},_active:{backgroundColor:"color-gray-300"}},subtle:{backgroundColor:"transparent",_hover:{backgroundColor:"color-gray-100"},_active:{backgroundColor:"color-gray-200"}},prominent:{backgroundColor:"color-gray-100",_hover:{backgroundColor:"color-gray-200"},_active:{backgroundColor:"color-gray-300"}}}))(),Nr={horizontal:{width:"2px",height:"20px",backgroundColor:"color-gray-400",margin:"0 1px"},vertical:{width:"20px",height:"2px",backgroundColor:"color-gray-400",margin:"1px 0"}},ki=h.createContext({orientation:"horizontal",size:"md",variant:"default",isResizing:!1,setIsResizing:()=>{},registerPanel:()=>{},unregisterPanel:()=>{},getPanelSize:()=>0,setPanelSize:()=>{},isPanelCollapsed:()=>!1,togglePanelCollapse:()=>{},startResize:()=>{},onResize:()=>{},endResize:()=>{}}),Ci=()=>h.useContext(ki),$p=({value:e,children:o})=>r.jsx(ki.Provider,{value:e,children:o}),Lp=({children:e,id:o,defaultSize:t,minSize:n,maxSize:a,collapsible:l,defaultCollapsed:c,onCollapseChange:g,views:s,...d})=>{const{orientation:f,registerPanel:m,unregisterPanel:p,getPanelSize:u,isPanelCollapsed:y,togglePanelCollapse:x}=Ci(),k=typeof t=="string"&&t.endsWith("%")?0:typeof t=="number"?t:0;h.useEffect(()=>(m(o,k,n,a,l),()=>p(o)),[o,k,n,a,l,m,p]);const C=u(o),S=y(o);return h.useEffect(()=>{g&&S!==void 0&&g(S)},[S,g]),h.useEffect(()=>{l&&c&&!S&&x(o)},[o,l,c,S,x]),S?r.jsx(i.View,{flex:"0 0 auto",width:f==="horizontal"?"10px":"100%",height:f==="vertical"?"10px":"100%",backgroundColor:"color-gray-200",cursor:"pointer",onClick:()=>x(o),"aria-label":`Expand panel ${o}`,role:"button",tabIndex:0,...s==null?void 0:s.collapsedPanel,...d}):r.jsx(i.View,{flex:C>0?"0 0 auto":"1",width:f==="horizontal"?`${C}px`:"100%",height:f==="vertical"?`${C}px`:"100%",overflow:"auto",...s==null?void 0:s.panel,...d,children:e})},Bp=({id:e,position:o="both",disabled:t=!1,withVisualIndicator:n=!0,withCollapseButton:a=!1,collapseTarget:l,views:c,...g})=>{const{orientation:s,size:d,variant:f,startResize:m,isPanelCollapsed:p,togglePanelCollapse:u}=Ci(),x=(()=>{if(l)return l;const b=e.match(/\d+$/);if(!b)return"";const T=parseInt(b[0],10);return isNaN(T)?"":`panel${T}`})(),k=p(x),C=b=>{if(t)return;b.preventDefault();const T=s==="horizontal"?b.clientX:b.clientY;m(e,T)},S=b=>{if(t||b.touches.length===0)return;b.preventDefault();const T=b.touches[0],F=s==="horizontal"?T.clientX:T.clientY;m(e,F)},v=b=>{t||(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),m(e,0))},w=b=>{b.stopPropagation(),x&&u(x)};return r.jsxs(i.View,{role:"separator","aria-orientation":s,"aria-valuemin":0,"aria-valuemax":100,tabIndex:t?-1:0,cursor:s==="horizontal"?"col-resize":"row-resize",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",...Ep(d,s),...Dp[f],onMouseDown:C,onTouchStart:S,onKeyDown:v,opacity:t?.5:1,pointerEvents:t?"none":"auto",...c==null?void 0:c.handle,...g,children:[n&&r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",width:s==="horizontal"?"100%":"auto",height:s==="vertical"?"100%":"auto",pointerEvents:"none",...c==null?void 0:c.handleIcon,children:s==="horizontal"?r.jsxs(i.Horizontal,{gap:1,children:[r.jsx(i.View,{...Nr.horizontal}),r.jsx(i.View,{...Nr.horizontal})]}):r.jsxs(i.Vertical,{gap:1,children:[r.jsx(i.View,{...Nr.vertical}),r.jsx(i.View,{...Nr.vertical})]})}),a&&x&&r.jsx(i.View,{position:"absolute",top:s==="horizontal"?"-20px":"50%",left:s==="horizontal"?"50%":"-20px",transform:s==="horizontal"?"translateX(-50%)":"translateY(-50%)",width:"16px",height:"16px",borderRadius:"full",backgroundColor:"color-gray-100",border:"1px solid",borderColor:"color-gray-300",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:1,onClick:w,"aria-label":k?`Expand panel ${x}`:`Collapse panel ${x}`,role:"button",tabIndex:0,pointerEvents:"auto",_hover:{backgroundColor:"color-gray-200"},...c==null?void 0:c.collapseIcon,children:r.jsx(i.View,{width:"8px",height:"8px",display:"flex",alignItems:"center",justifyContent:"center",children:k?r.jsxs(i.Horizontal,{children:[r.jsx(i.View,{width:"6px",height:"2px",backgroundColor:"color-gray-600"}),r.jsx(i.View,{width:"2px",height:"6px",backgroundColor:"color-gray-600",position:"absolute"})]}):r.jsx(i.View,{width:"6px",height:"2px",backgroundColor:"color-gray-600"})})})]})},_p=({children:e,orientation:o="horizontal",size:t="md",variant:n="default",defaultSizes:a,minSize:l,maxSize:c,collapsible:g=!1,containerRef:s,autoSaveId:d,keyboardResizeBy:f,onLayout:m,views:p,...u})=>{const y=o==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(y,{ref:s,width:"100%",height:"100%",position:"relative",overflow:"hidden",...Vp[o],...p==null?void 0:p.container,...u,children:e})},en=({children:e,orientation:o="horizontal",size:t="md",variant:n="default",defaultSizes:a,onSizesChange:l,minSize:c=50,maxSize:g,collapsible:s=!1,autoSaveId:d,storage:f,keyboardResizeBy:m=10,views:p,...u})=>{const{isResizing:y,setIsResizing:x,containerRef:k,registerPanel:C,unregisterPanel:S,getPanelSize:v,setPanelSize:w,isPanelCollapsed:b,togglePanelCollapse:T,startResize:F,onResize:M,endResize:E}=Ap(o,a,l,c,g,s,d,f,m);return r.jsx($p,{value:{orientation:o,size:t,variant:n,isResizing:y,setIsResizing:x,registerPanel:C,unregisterPanel:S,getPanelSize:v,setPanelSize:w,isPanelCollapsed:b,togglePanelCollapse:T,startResize:F,onResize:M,endResize:E},children:r.jsx(_p,{orientation:o,size:t,variant:n,defaultSizes:a,minSize:c,maxSize:g,collapsible:s,autoSaveId:d,keyboardResizeBy:m,containerRef:k,views:p,...u,children:e})})};en.Panel=Lp,en.Handle=Bp;const qr={info:{container:{backgroundColor:"color-blue-50",border:"color-blue-300"},content:{color:"color-blue-700"},icon:{color:"color-blue-500"}},success:{container:{backgroundColor:"color-green-50",border:"color-green-300"},content:{color:"color-green-700"},icon:{color:"color-green-500"}},warning:{container:{backgroundColor:"color-orange-50",border:"color-orange-300"},content:{color:"color-orange-700"},icon:{color:"color-orange-500"}},error:{container:{backgroundColor:"color-red-50",border:"color-red-300"},content:{color:"color-red-700"},icon:{color:"color-red-500"}}},Op={top:{top:"16px",left:"50%",transform:"translateX(-50%)"},"top-right":{top:"16px",right:"16px"},"top-left":{top:"16px",left:"16px"},bottom:{bottom:"16px",left:"50%",transform:"translateX(-50%)"},"bottom-right":{bottom:"16px",right:"16px"},"bottom-left":{bottom:"16px",left:"16px"}},Np=()=>Math.random().toString(36).substring(2,9);let Wo=new Map;const ar=po.create(e=>({toasts:[],add:(o,t,n,a={})=>{const l=a.id||Np(),c={id:l,variant:o,title:t,description:n,createdAt:Date.now(),isVisible:!0,...a};if(e(g=>({toasts:[...g.toasts,c]})),a.duration!==0){const g=a.duration||5e3,s=setTimeout(()=>{ar.getState().remove(l)},g);Wo.set(l,s)}return l},remove:o=>{e(t=>({toasts:t.toasts.map(n=>n.id===o?{...n,isVisible:!1}:n)})),Wo.has(o)&&(clearTimeout(Wo.get(o)),Wo.delete(o)),setTimeout(()=>{e(t=>({toasts:t.toasts.filter(n=>n.id!==o)}))},300)},removeAll:()=>{Wo.forEach(clearTimeout),Wo.clear(),e(o=>({toasts:o.toasts.map(t=>({...t,isVisible:!1}))})),setTimeout(()=>{e({toasts:[]})},300)}})),ho=(e,o,t,n)=>ar.getState().add(e,o,t,n),wi=(e,o,t)=>ho("info",e,o,t),Si=(e,o,t)=>ho("success",e,o,t),vi=(e,o,t)=>ho("warning",e,o,t),Ti=(e,o,t)=>ho("error",e,o,t),Ii=e=>{ar.getState().remove(e)},Fi=()=>{ar.getState().removeAll()},zi=({variant:e,title:o,description:t,onClose:n,isClosable:a=!0,action:l,actionText:c,showIcon:g=!0,theme:s,views:d,render:f,icon:m,id:p,isVisible:u=!0,themeMode:y})=>{const x=s??qr,k=()=>{var w,b;if(m!==void 0)return m;const v=e?(b=(w=qr[e])==null?void 0:w.icon)==null?void 0:b.color:qr.info.icon.color;switch(e){case"info":return r.jsx(Ye,{widthHeight:20,color:v});case"success":return r.jsx(jn,{widthHeight:20,color:v});case"warning":return r.jsx(Ye,{widthHeight:20,color:v,orientation:"down"});case"error":return r.jsx(mr,{widthHeight:20,color:v});default:return r.jsx(Ye,{widthHeight:20,color:qr.info.icon.color})}};if(f)return r.jsx(r.Fragment,{children:f({id:p||"",onClose:n})});const C=e==="error"?"alert":"status",S=e==="error"||e==="warning"?"assertive":"polite";return r.jsxs(i.Horizontal,{role:C,"aria-live":S,"aria-atomic":"true","data-state":u?"open":"closed",gap:12,width:"100%",maxWidth:"380px",borderWidth:"1px",borderStyle:"solid",borderRadius:"12px",padding:"12px 14px",alignItems:"flex-start",position:"relative",backgroundColor:x[e].container.backgroundColor,borderColor:x[e].container.border,boxShadow:"0 12px 32px rgba(15, 23, 42, 0.12)",opacity:u?1:0,transform:u?"translateY(0)":"translateY(4px)",transition:"opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease",...d==null?void 0:d.container,children:[g&&r.jsx(i.View,{marginTop:"2px",...d==null?void 0:d.icon,children:k()}),r.jsxs(i.Vertical,{gap:4,flex:"1",children:[r.jsx(i.Text,{size:"sm",lineHeight:"20px",fontWeight:"600",color:x[e].content.color,backgroundColor:x[e].container.backgroundColor,...d==null?void 0:d.title,children:o}),t&&r.jsx(i.Text,{size:"xs",lineHeight:"18px",color:x[e].content.color,fontWeight:"400",backgroundColor:x[e].container.backgroundColor,...d==null?void 0:d.description,children:t}),l&&c&&r.jsx(i.Text,{size:"sm",fontWeight:"600",marginTop:"6px",cursor:"pointer",color:x[e].content.color,backgroundColor:x[e].container.backgroundColor,onClick:v=>{v.stopPropagation(),l()},_hover:{textDecoration:"underline"},transition:"opacity 0.2s ease, color 0.2s ease",...d==null?void 0:d.actionButton,children:c})]}),a&&r.jsx(i.View,{as:"button","aria-label":"Close toast",backgroundColor:"transparent",border:"none",cursor:"pointer",padding:"4px",marginLeft:"8px",marginTop:"-2px",marginRight:"-4px",borderRadius:"9999px",onClick:v=>{v.stopPropagation(),n()},_hover:{backgroundColor:"color-blackAlpha-100"},transition:"background-color 0.2s ease, opacity 0.2s ease",...d==null?void 0:d.closeButton,children:r.jsx(Te,{widthHeight:16,color:x[e].content.color})})]})},qp=({position:e="top-right",gap:o=8,limit:t=5,containerStyle:n})=>{const{toasts:a,remove:l}=ar(),g=h.useMemo(()=>{const s={top:[],"top-right":[],"top-left":[],bottom:[],"bottom-right":[],"bottom-left":[]};return a.forEach(d=>{const f=d.position||e;s[f].push(d)}),Object.keys(s).forEach(d=>{s[d]=s[d].slice(-t)}),s},[a,e,t])[e];return r.jsx(i.View,{position:"fixed",zIndex:9999,display:"flex",flexDirection:e.includes("bottom")?"column-reverse":"column",gap:`${o}px`,width:"fit-content",maxWidth:"100%",pointerEvents:"none",...Op[e],style:n,children:g.map(s=>r.jsx(i.View,{pointerEvents:"auto",animation:e.includes("right")?"slideInRight 0.3s ease-out, fadeIn 0.3s ease-out":e.includes("left")?"slideInLeft 0.3s ease-out, fadeIn 0.3s ease-out":e.includes("top")?"slideInDown 0.3s ease-out, fadeIn 0.3s ease-out":"slideInUp 0.3s ease-out, fadeIn 0.3s ease-out",children:r.jsx(zi,{id:s.id,variant:s.variant,title:s.title,description:s.description,onClose:()=>l(s.id),isClosable:s.isClosable,action:s.action,actionText:s.actionText,showIcon:s.showIcon,views:s.views,render:s.render,icon:s.icon,isVisible:s.isVisible})},s.id))})},Up=()=>({toast:(e,o,t,n)=>ho(e,o,t,n),info:(e,o,t)=>wi(e,o,t),success:(e,o,t)=>Si(e,o,t),warning:(e,o,t)=>vi(e,o,t),error:(e,o,t)=>Ti(e,o,t),remove:e=>Ii(e),removeAll:()=>Fi()}),Gp=Object.assign(e=>r.jsx(zi,{...e}),{Container:e=>r.jsx(qp,{...e}),show:ho,info:wi,success:Si,warning:vi,error:Ti,remove:Ii,removeAll:Fi}),Yp=Up,Mi=(e,o)=>{var c,g;if(!e)return!0;const t=e.toLowerCase(),n=o.name.toLowerCase().includes(t),a=((c=o.description)==null?void 0:c.toLowerCase().includes(t))||!1,l=((g=o.keywords)==null?void 0:g.some(s=>s.toLowerCase().includes(t)))||!1;return n||a||l},Xp=({open:e,onOpenChange:o,groups:t=[],commands:n=[],filter:a})=>{const[l,c]=h.useState(""),[g,s]=h.useState(0),d=h.useRef(null),f=h.useMemo(()=>a||Mi,[a]),m=h.useMemo(()=>[...t.flatMap(k=>k.commands),...n],[t,n]),p=h.useMemo(()=>l.trim()?m.filter(x=>f(l,x)):m,[m,l,f]),u=h.useMemo(()=>{if(!l)return t;const x=a||Mi;return t.map(k=>({...k,commands:k.commands.filter(C=>x(l,C))})).filter(k=>k.commands.length)},[t,l,a]);h.useEffect(()=>{s(0)},[p.length]);const y=h.useCallback(x=>{if(e)switch(x.key){case"ArrowDown":x.preventDefault(),s(k=>k<p.length-1?k+1:k);break;case"ArrowUp":x.preventDefault(),s(k=>k>0?k-1:k);break;case"Enter":x.preventDefault(),p[g]&&(p[g].onSelect(),o(!1),c(""));break;case"Escape":x.preventDefault(),o(!1),c("");break}},[e,p,g,o]);return h.useEffect(()=>{if(typeof(document==null?void 0:document.addEventListener)=="function")return document.addEventListener("keydown",y),()=>{document.removeEventListener("keydown",y)}},[y]),h.useEffect(()=>{const x=d.current;if(x&&typeof x.querySelector=="function"&&e){const k=x.querySelector(`[data-index="${g}"]`);k&&typeof k.scrollIntoView=="function"&&k.scrollIntoView({block:"nearest"})}},[g,e]),h.useEffect(()=>{e?s(0):c("")},[e]),{search:l,setSearch:c,selectedIndex:g,setSelectedIndex:s,filteredCommands:p,filteredGroups:u,listRef:d}},Kp=({onClose:e,children:o,...t})=>r.jsx(i.View,{position:"fixed",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"color-blackAlpha-400",zIndex:9999,onClick:n=>{n.target===n.currentTarget&&(e==null||e())},...t,children:o}),Wi=h.forwardRef(({value:e,onValueChange:o,...t},n)=>r.jsx(i.Input,{value:e,onChange:a=>{var l,c;return o(typeof a=="string"?a:((l=a==null?void 0:a.target)==null?void 0:l.value)??((c=a==null?void 0:a.nativeEvent)==null?void 0:c.text)??"")},ref:n,...t}));Wi.displayName="CommandTextInput";const Jp={sm:{width:"400px",maxHeight:"300px"},md:{width:"500px",maxHeight:"400px"},lg:{width:"600px",maxHeight:"500px"}},Qp=(e=>({default:{backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)"},filled:{backgroundColor:"color-gray-50",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)"},outline:{backgroundColor:"color-white",borderWidth:"2px",borderStyle:"solid",borderColor:"color-gray-300",boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)"}}))(),Zp={display:"flex",alignItems:"center",padding:"12px 16px",borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-200"},Rp={overflow:"auto",padding:"8px 0"},eu={marginBottom:"8px"},ou={padding:"8px 16px",fontSize:"12px",fontWeight:"bold",color:"color-gray-500",textTransform:"uppercase"},ru={display:"flex",alignItems:"center",padding:"8px 16px",cursor:"pointer",userSelect:"none",borderRadius:"4px",margin:"0 8px",_hover:{backgroundColor:"color-gray-100"}},tu={backgroundColor:"color-blue-50",_hover:{backgroundColor:"color-blue-100"}},nu={opacity:.5,cursor:"not-allowed",_hover:{backgroundColor:"transparent"}},au={display:"flex",alignItems:"center",justifyContent:"center",marginRight:"12px",color:"color-gray-500"},lu={display:"flex",flexDirection:"column",flex:1},iu={fontSize:"14px",fontWeight:"medium"},cu={fontSize:"12px",color:"color-gray-500",marginTop:"2px"},su={display:"flex",alignItems:"center",marginLeft:"12px",fontSize:"12px",color:"color-gray-500"},du={display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",color:"color-gray-500",textAlign:"center"},gu={display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 16px",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"color-gray-200",fontSize:"12px",color:"color-gray-500"},hu=h.createContext({search:"",setSearch:()=>{},selectedIndex:0,setSelectedIndex:()=>{},filteredCommands:[],onSelect:()=>{}}),fu=({value:e,children:o})=>r.jsx(hu.Provider,{value:e,children:o}),Pi=({value:e,onValueChange:o,placeholder:t="Type a command or search...",views:n,...a})=>{const l=h.useRef(null);return h.useEffect(()=>{l.current&&l.current.focus()},[]),r.jsxs(i.View,{...Zp,...n==null?void 0:n.container,...a,children:[r.jsx(ur,{widthHeight:16,color:"color-gray-400",marginRight:"8px"}),r.jsx(Wi,{width:"100%",border:"none",outline:"none",backgroundColor:"transparent",fontSize:"14px",...n==null?void 0:n.input,value:e,onValueChange:o,placeholder:t,ref:l})]})},mu=({children:e,views:o,...t})=>r.jsx(i.View,{...Rp,...o==null?void 0:o.container,...t,children:e}),Hi=({heading:e,children:o,views:t,...n})=>r.jsxs(i.View,{...eu,...t==null?void 0:t.container,...n,children:[r.jsx(i.Text,{...ou,...t==null?void 0:t.heading,children:e}),o]}),on=({item:e,selected:o=!1,onSelect:t,views:n,...a})=>{const l=()=>{!e.disabled&&t&&t()};return r.jsxs(i.Horizontal,{...ru,...o?tu:{},...e.disabled?nu:{},onPress:l,onClick:l,...n==null?void 0:n.container,...a,children:[e.icon&&r.jsx(i.View,{...au,...n==null?void 0:n.icon,children:e.icon}),r.jsxs(i.Vertical,{...lu,...n==null?void 0:n.content,children:[r.jsx(i.Text,{...iu,...n==null?void 0:n.name,children:e.name}),e.description&&r.jsx(i.Text,{...cu,...n==null?void 0:n.description,children:e.description})]}),e.shortcut&&r.jsx(i.Text,{...su,...n==null?void 0:n.shortcut,children:e.shortcut})]})},ji=({children:e="No results found.",views:o,...t})=>r.jsx(i.View,{...du,...o==null?void 0:o.container,...t,children:e}),pu=({open:e,onOpenChange:o,groups:t=[],commands:n=[],placeholder:a,size:l="md",variant:c="default",emptyState:g,footer:s,search:d,setSearch:f,selectedIndex:m,setSelectedIndex:p,filteredCommands:u,filteredGroups:y,listRef:x,views:k,filter:C,...S})=>{if(!e)return null;const v=h.useCallback(F=>{F.disabled||(F.onSelect(),o(!1),f(""))},[o,f]);h.useCallback(F=>F.target===F.currentTarget&&o(!1),[o]);const w=h.useMemo(()=>({search:d,setSearch:f,selectedIndex:m,setSelectedIndex:p,filteredCommands:u,onSelect:v}),[d,m,u,v,f,p]),b=t.length>0,T=u.length===0;return r.jsx(Kp,{onClose:()=>o(!1),...S,children:r.jsx(fu,{value:w,children:r.jsxs(i.View,{borderRadius:"8px",overflow:"hidden",display:"flex",flexDirection:"column",...Jp[l],...Qp[c],...k==null?void 0:k.container,onClick:F=>F.stopPropagation(),children:[r.jsx(Pi,{value:d,onValueChange:f,placeholder:a,views:k==null?void 0:k.searchInput}),r.jsx(i.View,{ref:x,flex:1,overflow:"auto",...k==null?void 0:k.list,children:T?g||r.jsx(ji,{views:k==null?void 0:k.empty}):b?y.map(F=>r.jsx(Hi,{heading:F.name,views:k==null?void 0:k.groupHeading,children:F.commands.map(M=>{const E=u.findIndex($=>$.id===M.id);return r.jsx(on,{item:M,selected:E===m,onSelect:()=>v(M),"data-index":E,views:{container:k==null?void 0:k.item,icon:k==null?void 0:k.icon,content:k==null?void 0:k.content,name:k==null?void 0:k.name,description:k==null?void 0:k.description,shortcut:k==null?void 0:k.shortcut}},M.id)})},F.id)):u.map((F,M)=>r.jsx(on,{item:F,selected:M===m,onSelect:()=>v(F),"data-index":M,views:{container:k==null?void 0:k.item,icon:k==null?void 0:k.icon,content:k==null?void 0:k.content,name:k==null?void 0:k.name,description:k==null?void 0:k.description,shortcut:k==null?void 0:k.shortcut}},F.id))}),s&&r.jsx(i.View,{...gu,...k==null?void 0:k.footer,children:s})]})})})},Po=({open:e,onOpenChange:o,groups:t=[],commands:n=[],placeholder:a,size:l="md",variant:c="default",filter:g,emptyState:s,footer:d,views:f,...m})=>{const{search:p,setSearch:u,selectedIndex:y,setSelectedIndex:x,filteredCommands:k,filteredGroups:C,listRef:S}=Xp({open:e,onOpenChange:o,groups:t,commands:n,filter:g});return r.jsx(pu,{open:e,onOpenChange:o,groups:t,commands:n,placeholder:a,size:l,variant:c,emptyState:s,footer:d,search:p,setSearch:u,selectedIndex:y,setSelectedIndex:x,filteredCommands:k,filteredGroups:C,listRef:S,views:f,...m})};Po.Input=Pi,Po.List=mu,Po.Group=Hi,Po.Item=on,Po.Empty=ji;const Ai=()=>Math.random().toString(36).substring(2,11),uu=({defaultOpen:e=!1,openDelay:o=200,closeDelay:t=200,isDisabled:n=!1}={})=>{const[a,l]=h.useState(e),c=h.useRef(null),g=h.useRef(null),s=h.useRef(null),d=h.useRef(null),f=h.useRef(`tooltip-trigger-${Ai()}`).current,m=h.useRef(`tooltip-content-${Ai()}`).current,p=h.useCallback(()=>{n||(d.current&&(clearTimeout(d.current),d.current=null),!a&&!s.current&&(s.current=setTimeout(()=>{l(!0),s.current=null},o)))},[a,o,n]),u=h.useCallback(()=>{s.current&&(clearTimeout(s.current),s.current=null),a&&!d.current&&(d.current=setTimeout(()=>{l(!1),d.current=null},t))},[a,t]),y=h.useCallback(()=>{d.current&&(clearTimeout(d.current),d.current=null)},[]);return h.useEffect(()=>()=>{s.current&&clearTimeout(s.current),d.current&&clearTimeout(d.current)},[]),h.useEffect(()=>{if(typeof(document==null?void 0:document.addEventListener)!="function")return;const x=k=>{k.key==="Escape"&&a&&l(!1)};return document.addEventListener("keydown",x),()=>{document.removeEventListener("keydown",x)}},[a]),{isOpen:a,openTooltip:p,closeTooltip:u,cancelCloseTimer:y,triggerRef:c,contentRef:g,triggerId:f,contentId:m}},yu={sm:{padding:"4px 8px",fontSize:"12px",maxWidth:"200px"},md:{padding:"6px 10px",fontSize:"14px",maxWidth:"250px"},lg:{padding:"8px 12px",fontSize:"16px",maxWidth:"300px"}},bu=(e=>({default:{backgroundColor:"color-gray-900",color:"color-white",borderRadius:"8px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)",transition:"opacity 0.15s ease"},light:{backgroundColor:"color-white",color:"color-gray-800",borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",borderRadius:"8px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.04)",transition:"opacity 0.15s ease"},dark:{backgroundColor:"color-gray-950",color:"color-white",borderRadius:"8px",boxShadow:"0px 4px 6px rgba(0, 0, 0, 0.2), 0px 2px 4px rgba(0, 0, 0, 0.12)",transition:"opacity 0.15s ease"}}))(),xu=e=>{const o={position:"absolute",width:"8px",height:"8px",backgroundColor:"inherit",borderStyle:"inherit",borderWidth:"inherit",borderColor:"inherit",transform:"rotate(45deg)"};switch(e){case"top":return{...o,bottom:"-4px",left:"50%",marginLeft:"-4px",borderTop:"none",borderLeft:"none"};case"right":return{...o,left:"-4px",top:"50%",marginTop:"-4px",borderRight:"none",borderTop:"none"};case"bottom":return{...o,top:"-4px",left:"50%",marginLeft:"-4px",borderBottom:"none",borderRight:"none"};case"left":return{...o,right:"-4px",top:"50%",marginTop:"-4px",borderLeft:"none",borderBottom:"none"};default:return o}},Vi=h.createContext({isOpen:!1,openTooltip:()=>{},closeTooltip:()=>{},triggerRef:{current:null},contentRef:{current:null},contentId:"",triggerId:""}),rn=()=>h.useContext(Vi),ku=({value:e,children:o})=>r.jsx(Vi.Provider,{value:e,children:o}),Ei=h.memo(({children:e,views:o,asChild:t=!1,...n})=>{const{openTooltip:a,closeTooltip:l,triggerRef:c,contentId:g,triggerId:s}=rn(),d=h.useCallback(()=>a(),[a]),f=h.useCallback(()=>l(),[l]),m=h.useCallback(()=>a(),[a]),p=h.useCallback(()=>l(),[l]),u={ref:c,onMouseEnter:d,onMouseLeave:f,onFocus:m,onBlur:p,id:s,"aria-describedby":g,...o==null?void 0:o.container,...n};return t&&h.isValidElement(e)?h.cloneElement(e,u):r.jsx(i.View,{display:"inline-block",...u,children:e})}),Cu=h.memo(({children:e,views:o,...t})=>{const{isOpen:n,contentRef:a,contentId:l,triggerId:c}=rn();return n?r.jsx(i.View,{ref:a,id:l,role:"tooltip","aria-labelledby":c,...o==null?void 0:o.container,...t,children:e}):null}),wu=({content:e,children:o,position:t="top",align:n="center",size:a="md",variant:l="default",showArrow:c=!0,views:g,themeMode:s,...d})=>{const{isOpen:f,triggerRef:m,contentRef:p,contentId:u,triggerId:y}=rn(),{ref:x,relation:k}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),[C,S]=h.useState({x:0,y:0,placement:t});h.useEffect(()=>{m!=null&&m.current&&x&&(x.current=m.current)},[m,x,f]),h.useEffect(()=>{if(f&&(p!=null&&p.current)&&(m!=null&&m.current)){const b=m.current.getBoundingClientRect();let T=t;k&&(t==="top"&&k.space.vertical==="bottom"?T="bottom":t==="bottom"&&k.space.vertical==="top"?T="top":t==="right"&&k.space.horizontal==="left"?T="left":t==="left"&&k.space.horizontal==="right"&&(T="right"));let F=0,M=0;switch(T){case"top":F=n==="start"?b.left:n==="end"?b.right-120:b.left+b.width/2-60,M=b.top-8;break;case"bottom":F=n==="start"?b.left:n==="end"?b.right-120:b.left+b.width/2-60,M=b.bottom+8;break;case"right":F=b.right+8,M=n==="start"?b.top:n==="end"?b.bottom-32:b.top+b.height/2-16;break;case"left":F=b.left-8,M=n==="start"?b.top:n==="end"?b.bottom-32:b.top+b.height/2-16;break}S({x:F,y:M,placement:T})}},[f,t,n,m,p,k]);const v=h.useMemo(()=>c?xu(C.placement):{},[c,C.placement]),w=h.useMemo(()=>{const b={position:"fixed",left:C.x,top:C.y,zIndex:1e3};switch(C.placement){case"top":return{...b,transform:"translateY(-100%)"};case"left":return{...b,transform:"translateX(-100%)"};case"bottom":case"right":default:return b}},[C.x,C.y,C.placement]);return r.jsxs(i.View,{position:"relative",display:"inline-block",...g==null?void 0:g.container,...d,children:[r.jsx(Ei,{children:o}),f&&r.jsxs(i.View,{ref:p,id:u,role:"tooltip","aria-labelledby":y,borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",style:w,...yu[a],...bu[l],...g==null?void 0:g.content,children:[typeof e=="string"?r.jsx(i.Text,{...g==null?void 0:g.text,children:e}):e,c&&r.jsx(i.View,{...v,...g==null?void 0:g.arrow})]})]})},Ur=({content:e,children:o,position:t="top",align:n="center",size:a="md",variant:l="default",openDelay:c=200,closeDelay:g=200,showArrow:s=!0,defaultOpen:d=!1,isDisabled:f=!1,views:m,...p})=>{const u=uu({defaultOpen:d,openDelay:c,closeDelay:g,isDisabled:f});return r.jsx(ku,{value:u,children:r.jsx(wu,{content:e,position:t,align:n,size:a,variant:l,showArrow:s,views:m,...p,children:o})})};Ur.Trigger=Ei,Ur.Content=Cu;const Di=h.forwardRef((e,o)=>{const t=tl(e);return r.jsx(sl,{...e,...t})});Di.displayName="ChatInput";const Su={container:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}},$i={container:{position:"relative",display:"flex",flexDirection:"column",height:"100vh",alignItems:"center",justifyContent:"center"},gradient:{position:"absolute",inset:"-10px",opacity:.5,pointerEvents:"none",filter:"blur(10px)",backgroundSize:"300% 200%",backgroundPosition:"50% 50%, 50% 50%"}},tn={container:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",overflow:"hidden"},image:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundAttachment:"scroll"},content:{position:"relative",width:"100%",height:"100%",zIndex:2}},nn={container:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",overflow:"hidden"},video:{position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover"},content:{position:"relative",zIndex:2}},vu=h.createContext({}),Tu=({children:e,showRadialGradient:o=!0,views:t,themeMode:n,...a})=>{const l={white:"rgba(255,255,255,1)",transparent:"rgba(255,255,255,0)"},c=["rgb(59, 130, 246)","rgb(196, 181, 253)","rgb(147, 197, 253)","rgb(221, 214, 254)","rgb(96, 165, 250)"],g={...$i.gradient,backgroundImage:`
27
27
  repeating-linear-gradient(100deg, ${c.join(", ")}),
28
28
  repeating-linear-gradient(100deg, ${l.white} 0%, ${l.white} 7%, ${l.transparent} 10%, ${l.transparent} 12%, ${l.white} 16%)
29
- `,animation:"aurora 4s ease infinite",...o?{maskImage:"radial-gradient(ellipse at 100% 0%, black 10%, transparent 70%)"}:{}};return r.jsxs(i.View,{...wi.container,...t==null?void 0:t.container,...a,children:[r.jsx(i.View,{style:d}),e,r.jsx("style",{children:`
29
+ `,animation:"aurora 4s ease infinite",...o?{maskImage:"radial-gradient(ellipse at 100% 0%, black 10%, transparent 70%)"}:{}};return r.jsxs(i.View,{...$i.container,...t==null?void 0:t.container,...a,children:[r.jsx(i.View,{style:g}),e,r.jsx("style",{children:`
30
30
  @keyframes aurora {
31
31
  0% { background-position: 0% 50%; }
32
32
  50% { background-position: 100% 50%; }
33
33
  100% { background-position: 0% 50%; }
34
34
  }
35
- `})]})},qp=({number:e=20,children:o,...t})=>{const n=Array.from({length:e},(a,l)=>l);return r.jsxs(i.View,{width:"100%",height:"100%",backgroundColor:"black",position:"relative",overflow:"hidden",...t,children:[n.map(a=>{const l=a*37%200-100+"px",c=.2+a*13%6*.1+"s",d=(1+a*7%9)/2+"s",g=300+a*17%100+"px";return r.jsx(i.View,{position:"absolute",top:"0px",left:l,width:"2px",height:"2px",borderRadius:"9999px",backgroundColor:"white",boxShadow:"0 0 0 1px rgba(255, 255, 255, 0.1)",transform:"rotate(215deg)",zIndex:0,animate:{from:{transform:"translateX(-100%) translateY(-100%)"},to:{transform:`translateX(${g}) translateY(${g})`},iterationCount:"infinite",timingFunction:"linear",fillMode:"forwards",duration:d,delay:c},children:r.jsx(i.View,{position:"absolute",top:"-1px",left:"-1px",width:"1px",height:"1px",borderRadius:"9999px",backgroundColor:"white",boxShadow:"0 10px 0 1px rgba(255, 255, 255, 0.1)"})},a)}),o&&r.jsx(i.View,{position:"relative",zIndex:1,width:"100%",height:"100%",children:o})]})},Si=["rgb(186, 230, 253)","rgb(249, 168, 212)","rgb(134, 239, 172)","rgb(253, 224, 71)","rgb(252, 165, 165)","rgb(216, 180, 254)","rgb(147, 197, 253)","rgb(165, 180, 252)","rgb(196, 181, 253)"],Up=()=>Si[Math.floor(Math.random()*Si.length)],Gp=({rows:e=15,cols:o=10,squareSize:t=40,...n})=>{const a=Array(e).fill(1),l=Array(o).fill(1);return r.jsx(i.View,{padding:16,width:400,height:300,position:"relative",overflow:"hidden",backgroundColor:"color-gray-50",zIndex:0,transform:"skewX(-48deg) skewY(14deg) scale(0.675) rotate(0deg) translateZ(0)",...n,children:a.map((c,d)=>r.jsx(i.Horizontal,{gap:0,children:l.map((g,s)=>r.jsx(i.View,{height:t/3,width:t,borderStyle:"solid",borderColor:"color-gray-200",borderWidth:.5,backgroundColor:"transparent",cursor:"pointer",on:{hover:{backgroundColor:Up(),transition:"background-color 0.2s ease"}}},`col-${s}`))},`row-${d}`))})},Yp=["rgb(59, 130, 246)","rgb(147, 51, 234)","rgb(236, 72, 153)","rgb(34, 197, 94)","rgb(251, 146, 60)","rgb(168, 85, 247)"],Xp=({count:e=50,colors:o=Yp,speed:t="medium",shapes:n=["circle"],...a})=>{const l=Array.from({length:e},(s,m)=>m),c=()=>{switch(t){case"slow":return .5;case"fast":return 2;default:return 1}},d=()=>n[Math.floor(Math.random()*n.length)],g=()=>o[Math.floor(Math.random()*o.length)];return r.jsx(i.View,{width:400,height:300,position:"relative",overflow:"hidden",backgroundColor:"color-gray-900",...a,children:l.map(s=>{const m=Math.random()*8+4,f=Math.random()*400,p=Math.random()*300,u=Math.random()*400,y=Math.random()*300,b=(Math.random()*10+5)/c(),x=Math.random()*5,k=d(),S=g(),v={circle:{borderRadius:"50%"},square:{borderRadius:"2px"},triangle:{borderRadius:"0",clipPath:"polygon(50% 0%, 0% 100%, 100% 100%)"}};return r.jsx(i.View,{position:"absolute",width:m,height:m,backgroundColor:S,opacity:.7,style:{left:f,top:p,...v[k]},animate:{from:{transform:"translate(0px, 0px) scale(0.5)",opacity:0},to:{transform:`translate(${u-f}px, ${y-p}px) scale(1)`,opacity:.7},iterationCount:"infinite",direction:"alternate",timingFunction:"ease-in-out",duration:`${b}s`,delay:`${x}s`}},s)})})},Kp=({gridSize:e=30,lineColor:o="rgba(59, 130, 246, 0.3)",pulseColor:t="rgba(59, 130, 246, 0.8)",animationSpeed:n="medium",...a})=>{const l=()=>{switch(n){case"slow":return 4;case"fast":return 1;default:return 2}},c=Math.floor(400/e),d=Math.floor(300/e),g=c*d,s=Array.from({length:g},(m,f)=>f);return r.jsxs(i.View,{width:400,height:300,position:"relative",overflow:"hidden",backgroundColor:"color-gray-900",...a,children:[Array.from({length:c+1},(m,f)=>r.jsx(i.View,{position:"absolute",left:f*e,top:0,width:1,height:"100%",backgroundColor:o},`v-line-${f}`)),Array.from({length:d+1},(m,f)=>r.jsx(i.View,{position:"absolute",left:0,top:f*e,width:"100%",height:1,backgroundColor:o},`h-line-${f}`)),s.map(m=>{const f=m%c,p=Math.floor(m/c),u=(f+p)*.1;return r.jsx(i.View,{position:"absolute",left:f*e+1,top:p*e+1,width:e-2,height:e-2,backgroundColor:"transparent",animate:{from:{backgroundColor:"transparent"},to:{backgroundColor:t},iterationCount:"infinite",direction:"alternate",timingFunction:"ease-in-out",duration:`${l()}s`,delay:`${u}s`}},m)})]})},Jp=["rgba(59, 130, 246, 0.6)","rgba(147, 51, 234, 0.6)","rgba(236, 72, 153, 0.6)","rgba(34, 197, 94, 0.6)"],Qp=({rippleCount:e=5,colors:o=Jp,maxSize:t=200,frequency:n=3,...a})=>{const l=Array.from({length:e},(c,d)=>({id:d,x:Math.random()*400,y:Math.random()*300,color:o[d%o.length],delay:d*(n/e),duration:3+Math.random()*2}));return r.jsxs(i.View,{width:400,height:300,position:"relative",overflow:"hidden",backgroundColor:"color-gray-100",...a,children:[l.map(c=>r.jsx(i.View,{position:"absolute",width:20,height:20,borderRadius:"50%",style:{left:c.x-10,top:c.y-10,border:`2px solid ${c.color}`,backgroundColor:"transparent"},animate:{from:{transform:"scale(0)",opacity:1},to:{transform:`scale(${t/20})`,opacity:0},iterationCount:"infinite",timingFunction:"ease-out",duration:`${c.duration}s`,delay:`${c.delay}s`}},c.id)),l.map(c=>r.jsx(i.View,{position:"absolute",width:10,height:10,borderRadius:"50%",style:{left:c.x-5,top:c.y-5,backgroundColor:c.color},animate:{from:{transform:"scale(1)",opacity:.8},to:{transform:`scale(${t/40})`,opacity:0},iterationCount:"infinite",timingFunction:"ease-out",duration:`${c.duration*1.2}s`,delay:`${c.delay+.5}s`}},`secondary-${c.id}`))]})},Zp=({children:e,src:o,backgroundSize:t="cover",backgroundPosition:n="center",backgroundRepeat:a="no-repeat",backgroundAttachment:l="scroll",imageOpacity:c=1,overlay:d=null,blendMode:g="normal",views:s,themeMode:m,...f})=>{const p={...Xt.image,backgroundImage:`url(${o})`,backgroundSize:t,backgroundPosition:n,backgroundRepeat:a,backgroundAttachment:l,opacity:c};return r.jsxs(i.View,{...Xt.container,...s==null?void 0:s.container,...f,children:[r.jsx(i.View,{style:p,...s==null?void 0:s.image}),d,e&&r.jsx(i.View,{...Xt.content,...s==null?void 0:s.content,children:e})]})},Rp=({children:e,src:o,autoPlay:t=!0,loop:n=!0,muted:a=!0,playsInline:l=!0,overlay:c=null,blendMode:d="normal",views:g,themeMode:s,...m})=>r.jsxs(i.View,{...Kt.container,...g==null?void 0:g.container,...m,children:[r.jsx(i.View,{as:"video",src:o,autoPlay:t,loop:n,muted:a,playsInline:l,style:Kt.video,...g==null?void 0:g.video}),c,e&&r.jsx(i.View,{...Kt.content,...g==null?void 0:g.content,children:e})]}),eu=({children:e,...o})=>r.jsx(ql,{...o,children:e}),ou=({contentPosition:e,backgroundColor:o="color-black-900",...t})=>{const a=(()=>{let l=`${o}-100`,c=`${o}-900`,d=`${o}-600`,g=`${o}-400`;switch(o.indexOf("-")===-1&&(l=`color-mix(in srgb, ${o} 10%, transparent)`,c=`color-mix(in srgb, ${o} 90%, transparent)`,d=`color-mix(in srgb, ${o} 70%, transparent)`,g=`color-mix(in srgb, ${o} 50%, transparent)`),e){case"left":return`radial-gradient(circle at 70% 50%, ${l} 0%, ${l} 100%), linear-gradient(to right, ${c} 0%, ${d} 65%, ${l} 100%)`;case"right":return`radial-gradient(circle at 30% 50%, ${l} 0%, ${l} 100%), linear-gradient(to left, ${c} 0%, ${d} 65%, ${l} 100%)`;case"top":return`radial-gradient(circle at 50% 40%, ${l} 0%, ${l} 100%), linear-gradient(to bottom, ${c} 0%, ${d} 60%, ${l} 100%)`;case"bottom":return`radial-gradient(circle at 50% 60%, ${l} 0%, ${l} 100%), linear-gradient(to top, ${c} 0%, ${d} 60%, ${l} 100%)`;case"center":return`radial-gradient(circle at 50% 70%, ${c} 0%, ${l} 100%)`;default:return g}})();return r.jsx(i.View,{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:a,pointerEvents:"none",zIndex:1,...t})},ru=({children:e,views:o,...t})=>r.jsx(Op.Provider,{value:{},children:r.jsx(i.View,{..._p.container,...o==null?void 0:o.container,...t,children:e})}),vi=h.forwardRef(({children:e,designProps:o,shape:t="rounded",decorationRotation:n=5,decorationScale:a=1,decorationOpacity:l=.8,views:c,...d},g)=>{const m=(x=>{switch(x){case"square":return"0px";case"pill":return"9999px";case"rounded":default:return"16px"}})(t),f=Math.abs(n)*(Math.PI/180),p=Math.sin(f)*100,u=(a-1)*100/2,y=Math.ceil(p+u),b=d.backgroundColor??"theme-primary";return r.jsx(i.View,{...d,ref:g,backgroundColor:"transparent",position:"relative",overflow:"visible",...c==null?void 0:c.container,children:r.jsxs(i.View,{padding:d.padding??`${96+y}px ${y}px`,position:"relative",overflow:"visible",children:[r.jsx(i.View,{position:"absolute",top:y,left:y,right:y,bottom:y,backgroundColor:b,borderRadius:m,opacity:l/1.5,transform:`scale(${a})`,pointerEvents:"none",zIndex:1,...c==null?void 0:c.back}),r.jsx(i.View,{position:"absolute",top:y,left:y,right:y,bottom:y,transform:`rotate(${n}deg) scale(${a})`,opacity:l/1.2,backgroundColor:b,borderRadius:m,pointerEvents:"none",zIndex:2,...c==null?void 0:c.front}),r.jsx(i.View,{margin:"0 auto",position:"relative",zIndex:3,...c==null?void 0:c.content,children:e})]})})});vi.displayName="Background.Layout";const de=ru;de.Aurora=Np,de.Meteors=qp,de.Wall=Gp,de.Particles=Xp,de.Grid=Kp,de.Ripples=Qp,de.Image=Zp,de.Video=Rp,de.Gradient=eu,de.Overlay=ou,de.Layout=vi;const Ti=h.forwardRef((e,o)=>r.jsx(de,{...e,ref:o}));Ti.displayName="Background";const Ii=Object.assign(Ti,{Layout:de.Layout,Aurora:de.Aurora,Meteors:de.Meteors,Wall:de.Wall,Particles:de.Particles,Grid:de.Grid,Ripples:de.Ripples,Image:de.Image,Video:de.Video,Gradient:de.Gradient,Overlay:de.Overlay});Ii.displayName="Background";function tu(e){const{inputValue:o,onInputChange:t,onSubmit:n,messages:a=[]}=e,[l,c]=h.useState(""),d=h.useRef(null),g=h.useRef(null),s=o!==void 0,m=o!==void 0?o:l,f=h.useCallback(u=>{s?t==null||t(u):c(u)},[s,t]),p=h.useCallback(u=>{u&&u.preventDefault();const y=m.trim();y&&n&&(n(y),s||c(""),d.current&&(d.current.style.height="auto"))},[m,n,s]);return h.useEffect(()=>{g.current&&(g.current.scrollTop=g.current.scrollHeight)},[a.length]),{internalInputValue:m,handleInputChange:f,handleSubmit:p,inputRef:d,messagesRef:g}}const nu={sm:{fontSize:"12px",padding:"8px"},md:{fontSize:"14px",padding:"10px"},lg:{fontSize:"14px",padding:"12px"}},au={default:{backgroundColor:"color-white",border:"1px solid color-gray-200",borderRadius:"12px",boxShadow:"0 12px 32px rgba(15, 23, 42, 0.08)"},glassy:{backgroundColor:"color-white-900",backdropFilter:"blur(10px)",border:"1px solid rgba(226, 232, 240, 0.9)",borderRadius:"12px",boxShadow:"0 12px 32px rgba(15, 23, 42, 0.08)"},minimal:{backgroundColor:"color-white",border:"1px solid color-gray-200",borderRadius:"12px"}},lu={sm:{fontSize:"12px",padding:"8px 10px",borderRadius:"12px"},md:{fontSize:"14px",padding:"10px 12px",borderRadius:"12px"},lg:{fontSize:"14px",padding:"12px 14px",borderRadius:"14px"}},iu={backgroundColor:"theme-primary",color:"color-white",alignSelf:"flex-end",borderBottomRightRadius:"4px"},cu={backgroundColor:"color-white",color:"color-gray-900",alignSelf:"flex-start",borderBottomLeftRadius:"4px",border:"1px solid color-gray-200"},_e={container:{display:"flex",flexDirection:"column",width:"100%",height:"100%",overflow:"hidden"},messagesContainer:{flex:1,overflowY:"auto",display:"flex",flexDirection:"column",gap:"12px",padding:"16px",backgroundColor:"color-gray-50"},inputContainer:{position:"relative",backgroundColor:"color-white",borderTop:"1px solid color-gray-200",padding:"12px",display:"flex",alignItems:"flex-end",gap:"8px",transition:"background-color 0.2s ease, border-color 0.2s ease"},bubble:{maxWidth:"80%",position:"relative",wordWrap:"break-word",animation:"chatBubbleAppear 0.25s ease-out"},timestamp:{position:"absolute",top:"-24px",fontSize:"12px",color:"color-gray-500",backgroundColor:"color-white-900",padding:"2px 8px",borderRadius:"9999px",opacity:0,transition:"opacity 0.15s ease-out",border:"1px solid color-gray-200"},input:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",resize:"none",fontFamily:"inherit",fontSize:"14px",minHeight:"24px",maxHeight:"120px"},sendButton:{width:"36px",height:"36px",borderRadius:"10px",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.2s ease, opacity 0.2s ease",flexShrink:0},attachmentButton:{width:"36px",height:"36px",borderRadius:"10px",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"transparent",transition:"background-color 0.2s ease",flexShrink:0}},su=({messages:e=[],inputPlaceholder:o="Type a message...",disableInput:t=!1,variant:n="default",size:a="md",showTimestamps:l=!0,enableAttachments:c=!1,enableContextPicker:d=!1,selectedContextElements:g=[],onContextPickerClick:s,onRemoveContextElement:m,isLoading:f=!1,loadingText:p="Loading...",styles:u={},maxHeight:y="600px",internalInputValue:b,handleInputChange:x,handleSubmit:k,inputRef:S,messagesRef:v,inputValue:C,onInputChange:w,...T})=>{var A;const z={..._e.container,...au[n],...u.container},M={..._e.messagesContainer,maxHeight:y,...u.messagesContainer},j={..._e.inputContainer,...u.inputContainer},$={..._e.input,...nu[a],...u.input},F=h.useCallback(H=>{x(H.target.value),H.target.style.height="auto",H.target.style.height=`${H.target.scrollHeight}px`},[x]),E=h.useCallback(H=>{H.key==="Enter"&&!H.shiftKey&&(H.preventDefault(),k())},[k]),V=b.trim().length>0,{onSubmit:P,...W}=T;return r.jsxs(i.View,{...z,...W,children:[r.jsxs(i.View,{ref:v,...M,children:[e.length===0?r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",flex:1,color:"color-gray-500",children:r.jsx(i.Text,{fontSize:"14px",children:"No messages yet. Start a conversation."})}):e.map(H=>r.jsx(du,{message:H,size:a,showTimestamp:l,styles:{bubble:u.bubble,userBubble:u.userBubble,assistantBubble:u.assistantBubble,timestamp:u.timestamp,reasoningContainer:u.reasoningContainer,reasoningContent:u.reasoningContent,errorMessage:u.errorMessage,systemMessage:u.systemMessage,toolMessage:u.toolMessage}},H.id)),f&&r.jsxs(i.Horizontal,{justifyContent:"flex-start",alignItems:"center",gap:8,marginTop:"8px",...u.loadingIndicator,children:[r.jsx(rt,{widthHeight:12,color:"currentColor",filled:!1,style:{animation:"spin 1s linear infinite"}}),r.jsx(i.Text,{color:"color-gray-500",fontSize:"14px",children:p})]})]}),r.jsxs(i.View,{children:[g.length>0&&r.jsx(i.Horizontal,{gap:8,marginBottom:"8px",flexWrap:"wrap",padding:"0 12px 8px",...u.contextChipsContainer,children:g.map(H=>r.jsxs(i.Horizontal,{backgroundColor:"color-blue-50",borderWidth:1,borderStyle:"solid",borderColor:"color-blue-200",borderRadius:"9999px",padding:"6px 10px",alignItems:"center",gap:6,children:[r.jsx(i.Text,{fontSize:"12px",color:"color-blue-700",fontWeight:"500",children:H.name}),r.jsx(i.View,{as:"button",type:"button",onClick:()=>m==null?void 0:m(H.id),cursor:"pointer",border:"none",backgroundColor:"transparent",display:"flex",alignItems:"center",children:r.jsx(Te,{widthHeight:12,color:"color-blue-700"})})]},H.id))}),r.jsxs(i.View,{as:"form",onSubmit:k,...j,children:[c&&r.jsx(i.View,{as:"button",type:"button",..._e.attachmentButton,...u.attachmentButton,_hover:{backgroundColor:"color-gray-100"},children:r.jsx(Eo,{widthHeight:16,color:"color-gray-600"})}),r.jsx(i.View,{as:"textarea",ref:S,value:b,onChange:F,onKeyDown:E,placeholder:o,disabled:t||f,...$,style:{...$,opacity:t||f?.5:1}}),r.jsxs(i.Vertical,{gap:4,alignItems:"center",children:[d&&r.jsx(i.View,{as:"button",type:"button",onClick:s,..._e.attachmentButton,...u.contextPickerButton,_hover:{backgroundColor:"color-gray-100",...(A=u.contextPickerButton)==null?void 0:A._hover},title:"Select element from page",children:r.jsx(Mn,{widthHeight:16,color:"color-gray-600"})}),r.jsx(i.View,{as:"button",type:"submit",disabled:!V||t||f,..._e.sendButton,backgroundColor:V?"theme-primary":"color-gray-300",_hover:{backgroundColor:V?"theme-primary":"color-gray-300"},...u.sendButton,style:{cursor:V?"pointer":"not-allowed",opacity:!V||t||f?.6:1},children:r.jsx(ot,{widthHeight:16,color:"color-white",filled:!1})})]})]})]})]})},du=({message:e,size:o,showTimestamp:t,styles:n})=>{const[a,l]=h.useState(!1),[c,d]=h.useState(!1),g=e.role==="user",s=e.messageType==="system",m=e.messageType==="error",f=e.messageType==="tool";if(s)return r.jsx(i.View,{display:"flex",justifyContent:"center",padding:"8px",width:"100%",...n.systemMessage,children:r.jsxs(i.Horizontal,{gap:6,alignItems:"center",opacity:.7,children:[r.jsx(Ge,{widthHeight:12,color:"color-gray-600"}),r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",fontStyle:"italic",children:e.content})]})});if(f)return r.jsx(i.View,{display:"flex",justifyContent:"flex-start",padding:"8px 16px",width:"100%",...n.toolMessage,children:r.jsxs(i.Horizontal,{gap:8,alignItems:"center",backgroundColor:"color-gray-50",padding:"8px 10px",borderRadius:"8px",width:"100%",borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",children:[r.jsx(Tn,{widthHeight:14,color:"color-gray-600"}),r.jsxs(i.Vertical,{gap:2,children:[r.jsx(i.Text,{fontSize:"11px",fontWeight:"600",color:"color-gray-700",children:"Tool Usage"}),r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",fontFamily:"monospace",children:e.content})]})]})});const p={..._e.bubble,...lu[o],...g?iu:cu,...m?{backgroundColor:"color-red-50",borderWidth:1,borderStyle:"solid",borderColor:"color-red-200",color:"color-red-700"}:{},...n.bubble,...g?n.userBubble:n.assistantBubble,...m?n.errorMessage:{}},u={..._e.timestamp,[g?"right":"left"]:"8px",opacity:a?1:0,...n.timestamp};return r.jsx(i.View,{position:"relative",onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),display:"flex",justifyContent:g?"flex-end":"flex-start",children:r.jsxs(i.View,{...p,children:[t&&r.jsx(i.View,{...u,children:e.timestamp.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}),m&&r.jsxs(i.Horizontal,{gap:6,marginBottom:"4px",alignItems:"center",children:[r.jsx(hr,{widthHeight:14,color:"color-red-700"}),r.jsx(i.Text,{fontWeight:"600",fontSize:"12px",children:"Error"})]}),e.reasoning&&r.jsxs(i.View,{marginBottom:"8px",borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"color-gray-200",paddingBottom:"8px",...n.reasoningContainer,children:[r.jsxs(i.Horizontal,{as:"button",onClick:()=>d(!c),cursor:"pointer",gap:4,alignItems:"center",backgroundColor:"transparent",border:"none",padding:0,children:[r.jsx(i.Text,{fontSize:"11px",color:"color-gray-500",fontWeight:"600",children:"Thinking Process"}),r.jsx(se,{orientation:c?"down":"right",widthHeight:10,color:"color-gray-500"})]}),c&&r.jsx(i.View,{padding:"8px",backgroundColor:"color-gray-50",borderRadius:"8px",marginTop:"4px",borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",...n.reasoningContent,children:r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",fontStyle:"italic",children:e.reasoning})})]}),r.jsx(i.View,{whiteSpace:"pre-wrap",wordBreak:"break-word",children:e.content}),e.attachments&&e.attachments.length>0&&r.jsx(i.Vertical,{gap:4,marginTop:"8px",children:e.attachments.map(y=>r.jsxs(i.Horizontal,{gap:6,padding:"6px 8px",backgroundColor:"color-gray-50",borderRadius:"8px",fontSize:"12px",borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",children:[r.jsx(Eo,{widthHeight:14}),r.jsx(i.Text,{children:y.name})]},y.id))}),e.contextElements&&e.contextElements.length>0&&r.jsxs(i.Vertical,{gap:4,marginTop:"8px",children:[r.jsx(i.Text,{fontSize:"11px",color:"color-black-500",fontWeight:"600",children:"Context:"}),e.contextElements.map(y=>r.jsx(i.Horizontal,{gap:6,padding:"6px 10px",backgroundColor:"color-blue-50",borderRadius:"9999px",fontSize:"11px",borderWidth:1,borderStyle:"solid",borderColor:"color-blue-200",children:r.jsx(i.Text,{color:"color-blue-700",fontWeight:"500",children:y.name})},y.id))]})]})})},Jt=e=>{const o=tu(e);return r.jsx(su,{...e,...o})};Jt.displayName="ChatWidget";const Fi=Jt;function gu({onSelect:e,onCancel:o,active:t}){const[n,a]=h.useState(null);h.useRef(null);const l=h.useCallback(g=>{var u;if(!t)return;const s=document.elementFromPoint(g.clientX,g.clientY);if(!s||s===document.body||s.closest('[data-chatwidget-ignore="true"]')||s.closest("#chatwidget-overlay")){a(null);return}const m=s.getBoundingClientRect();let f=s.tagName.toLowerCase();if(s.id)f+=`#${s.id}`;else if(s.className&&typeof s.className=="string"){const y=s.className.split(" ")[0];y&&(f+=`.${y}`)}const p=(u=s.innerText)==null?void 0:u.slice(0,20);p&&(f+=` ("${p}...")`),a({id:s.id||`el-${Date.now()}`,name:f,tagName:s.tagName.toLowerCase(),rect:m})},[t]),c=h.useCallback(g=>{!t||g.target.closest('[data-chatwidget-ignore="true"]')||(g.preventDefault(),g.stopPropagation(),n&&e(n))},[t,n,e]),d=h.useCallback(g=>{t&&g.key==="Escape"&&o()},[t,o]);return h.useEffect(()=>(t?(document.addEventListener("mousemove",l),document.addEventListener("click",c,!0),document.addEventListener("keydown",d),document.body.style.cursor="crosshair"):(a(null),document.removeEventListener("mousemove",l),document.removeEventListener("click",c,!0),document.removeEventListener("keydown",d),document.body.style.cursor=""),()=>{document.removeEventListener("mousemove",l),document.removeEventListener("click",c,!0),document.removeEventListener("keydown",d),document.body.style.cursor=""}),[t,l,c,d]),{highlightedElement:n}}function hu({element:e}){return e?r.jsx("div",{id:"chatwidget-overlay",style:{position:"fixed",top:e.rect.top,left:e.rect.left,width:e.rect.width,height:e.rect.height,border:"2px solid #1D4ED8",backgroundColor:"rgba(29, 78, 216, 0.08)",pointerEvents:"none",zIndex:99999,transition:"top 0.1s ease-out, left 0.1s ease-out, width 0.1s ease-out, height 0.1s ease-out",borderRadius:"8px"},children:r.jsx("div",{style:{position:"absolute",top:"-24px",left:"0",backgroundColor:"#1D4ED8",color:"white",padding:"2px 8px",borderRadius:"9999px",fontSize:"12px",fontWeight:"bold",whiteSpace:"nowrap"},children:e.name})}):null}const mu=({initialMessages:e=[],onSendMessage:o,bubbleSize:t="md"})=>{const[n,a]=h.useState(!1),[l,c]=h.useState(!1),[d,g]=h.useState(e),[s,m]=h.useState([]),{highlightedElement:f}=gu({active:l,onSelect:x=>{m(k=>[...k,x]),c(!1),a(!0)},onCancel:()=>{c(!1),a(!0)}}),p=()=>a(!n),u=()=>{c(!0),a(!1)},y=x=>{m(k=>k.filter(S=>S.id!==x))},b=x=>{const k={id:Date.now().toString(),role:"user",content:x,timestamp:new Date,contextElements:[...s]};g(S=>[...S,k]),o==null||o(x,s),m([]),setTimeout(()=>{var w;const S=Math.random()>.7,v=Math.random()>.4,C={id:(Date.now()+1).toString(),role:"assistant",timestamp:new Date,content:S?"I will highlight the selected element.":`I received your message regarding: ${((w=k.contextElements)==null?void 0:w.map(T=>T.name).join(", "))||"general context"}. How can I assist you further?`,messageType:S?"tool":"text",reasoning:v?"Analyzing the user input and context... The user seems to be asking about specific elements. I should tailor my response to the selected context.":void 0};g(T=>[...T,C]),S&&setTimeout(()=>{g(T=>[...T,{id:(Date.now()+2).toString(),role:"assistant",messageType:"system",content:'Tool "highlightElement" executed successfully.',timestamp:new Date}])},800)},1e3)};return r.jsxs(i.View,{position:"fixed",bottom:24,right:24,zIndex:9999,children:[r.jsx(hu,{element:f}),l&&r.jsx(i.View,{position:"fixed",top:24,left:"50%",transform:"translateX(-50%)",backgroundColor:"rgba(0,0,0,0.8)",color:"white",padding:"8px 16px",borderRadius:"24px",zIndex:1e4,boxShadow:"0 4px 6px rgba(0,0,0,0.1)",children:r.jsx(i.Text,{fontWeight:"600",fontSize:"14px",children:"Click an element to select it. Press ESC to cancel."})}),n&&r.jsxs(i.View,{position:"absolute",bottom:60,right:0,width:"400px",height:"600px",marginBottom:"16px",backgroundColor:"rgba(255, 255, 255, 0.8)",backdropFilter:"blur(20px)",borderRadius:"24px",border:"1px solid rgba(255, 255, 255, 0.4)",boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",overflow:"hidden",animation:"slideUp 0.3s ease-out",style:{animation:"fadeIn 0.2s ease-out",transformOrigin:"bottom right"},children:[r.jsxs(i.View,{padding:"16px",borderBottom:"1px solid rgba(0,0,0,0.05)",display:"flex",justifyContent:"space-between",alignItems:"center",children:[r.jsx(i.Text,{fontWeight:"bold",color:"color-gray-800",children:"ChatWidget Assistant"}),r.jsx(i.View,{as:"button",onClick:()=>a(!1),cursor:"pointer",padding:"4px",borderRadius:"50%",border:"none",backgroundColor:"transparent",_hover:{backgroundColor:"rgba(0,0,0,0.05)"},children:r.jsx(Te,{widthHeight:16,color:"color-gray-500"})})]}),r.jsx(Fi,{messages:d,onSubmit:b,size:t,variant:"minimal",enableContextPicker:!0,selectedContextElements:s,onContextPickerClick:u,onRemoveContextElement:y,styles:{container:{height:"calc(100% - 60px)",backgroundColor:"transparent"},inputContainer:{backgroundColor:"white",margin:"0 16px 16px 16px",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1)"}}})]}),!l&&r.jsx(i.View,{as:"button",onClick:p,width:"56px",height:"56px",borderRadius:"50%",backgroundColor:"theme-primary",border:"none",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.2s ease",_hover:{transform:"scale(1.05)"},_active:{transform:"scale(0.95)"},"data-chatwidget-ignore":"true",children:n?r.jsx(Te,{widthHeight:24,color:"white"}):r.jsx(zn,{widthHeight:24,color:"white"})})]})},zi=e=>{const o=me("radio",e),t=Na(o);return r.jsx(qa,{...t,...o})};function Qt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var fu=typeof Element<"u",pu=typeof Map=="function",uu=typeof Set=="function",yu=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function Br(e,o){if(e===o)return!0;if(e&&o&&typeof e=="object"&&typeof o=="object"){if(e.constructor!==o.constructor)return!1;var t,n,a;if(Array.isArray(e)){if(t=e.length,t!=o.length)return!1;for(n=t;n--!==0;)if(!Br(e[n],o[n]))return!1;return!0}var l;if(pu&&e instanceof Map&&o instanceof Map){if(e.size!==o.size)return!1;for(l=e.entries();!(n=l.next()).done;)if(!o.has(n.value[0]))return!1;for(l=e.entries();!(n=l.next()).done;)if(!Br(n.value[1],o.get(n.value[0])))return!1;return!0}if(uu&&e instanceof Set&&o instanceof Set){if(e.size!==o.size)return!1;for(l=e.entries();!(n=l.next()).done;)if(!o.has(n.value[0]))return!1;return!0}if(yu&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(o)){if(t=e.length,t!=o.length)return!1;for(n=t;n--!==0;)if(e[n]!==o[n])return!1;return!0}if(e.constructor===RegExp)return e.source===o.source&&e.flags===o.flags;if(e.valueOf!==Object.prototype.valueOf&&typeof e.valueOf=="function"&&typeof o.valueOf=="function")return e.valueOf()===o.valueOf();if(e.toString!==Object.prototype.toString&&typeof e.toString=="function"&&typeof o.toString=="function")return e.toString()===o.toString();if(a=Object.keys(e),t=a.length,t!==Object.keys(o).length)return!1;for(n=t;n--!==0;)if(!Object.prototype.hasOwnProperty.call(o,a[n]))return!1;if(fu&&e instanceof Element)return!1;for(n=t;n--!==0;)if(!((a[n]==="_owner"||a[n]==="__v"||a[n]==="__o")&&e.$$typeof)&&!Br(e[a[n]],o[a[n]]))return!1;return!0}return e!==e&&o!==o}var bu=function(o,t){try{return Br(o,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}};const xu=Qt(bu);var ku=function(e,o,t,n,a,l,c,d){if(process.env.NODE_ENV!=="production"&&o===void 0)throw new Error("invariant requires an error message argument");if(!e){var g;if(o===void 0)g=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var s=[t,n,a,l,c,d],m=0;g=new Error(o.replace(/%s/g,function(){return s[m++]})),g.name="Invariant Violation"}throw g.framesToPop=1,g}},Cu=ku;const Mi=Qt(Cu);var wu=function(o,t,n,a){var l=n?n.call(a,o,t):void 0;if(l!==void 0)return!!l;if(o===t)return!0;if(typeof o!="object"||!o||typeof t!="object"||!t)return!1;var c=Object.keys(o),d=Object.keys(t);if(c.length!==d.length)return!1;for(var g=Object.prototype.hasOwnProperty.bind(t),s=0;s<c.length;s++){var m=c[s];if(!g(m))return!1;var f=o[m],p=t[m];if(l=n?n.call(a,f,p,m):void 0,l===!1||l===void 0&&f!==p)return!1}return!0};const Su=Qt(wu);var Wi=(e=>(e.BASE="base",e.BODY="body",e.HEAD="head",e.HTML="html",e.LINK="link",e.META="meta",e.NOSCRIPT="noscript",e.SCRIPT="script",e.STYLE="style",e.TITLE="title",e.FRAGMENT="Symbol(react.fragment)",e))(Wi||{}),Zt={link:{rel:["amphtml","canonical","alternate"]},script:{type:["application/ld+json"]},meta:{charset:"",name:["generator","robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]}},Pi=Object.values(Wi),_r={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},Hi=Object.entries(_r).reduce((e,[o,t])=>(e[t]=o,e),{}),Ae="data-rh",Mo={DEFAULT_TITLE:"defaultTitle",DEFER:"defer",ENCODE_SPECIAL_CHARACTERS:"encodeSpecialCharacters",ON_CHANGE_CLIENT_STATE:"onChangeClientState",TITLE_TEMPLATE:"titleTemplate",PRIORITIZE_SEO_TAGS:"prioritizeSeoTags"},Wo=(e,o)=>{for(let t=e.length-1;t>=0;t-=1){const n=e[t];if(Object.prototype.hasOwnProperty.call(n,o))return n[o]}return null},vu=e=>{let o=Wo(e,"title");const t=Wo(e,Mo.TITLE_TEMPLATE);if(Array.isArray(o)&&(o=o.join("")),t&&o)return t.replace(/%s/g,()=>o);const n=Wo(e,Mo.DEFAULT_TITLE);return o||n||void 0},Tu=e=>Wo(e,Mo.ON_CHANGE_CLIENT_STATE)||(()=>{}),Rt=(e,o)=>o.filter(t=>typeof t[e]<"u").map(t=>t[e]).reduce((t,n)=>({...t,...n}),{}),Iu=(e,o)=>o.filter(t=>typeof t.base<"u").map(t=>t.base).reverse().reduce((t,n)=>{if(!t.length){const a=Object.keys(n);for(let l=0;l<a.length;l+=1){const d=a[l].toLowerCase();if(e.indexOf(d)!==-1&&n[d])return t.concat(n)}}return t},[]),Fu=e=>console&&typeof console.warn=="function"&&console.warn(e),er=(e,o,t)=>{const n={};return t.filter(a=>Array.isArray(a[e])?!0:(typeof a[e]<"u"&&Fu(`Helmet: ${e} should be of type "Array". Instead found type "${typeof a[e]}"`),!1)).map(a=>a[e]).reverse().reduce((a,l)=>{const c={};l.filter(g=>{let s;const m=Object.keys(g);for(let p=0;p<m.length;p+=1){const u=m[p],y=u.toLowerCase();o.indexOf(y)!==-1&&!(s==="rel"&&g[s].toLowerCase()==="canonical")&&!(y==="rel"&&g[y].toLowerCase()==="stylesheet")&&(s=y),o.indexOf(u)!==-1&&(u==="innerHTML"||u==="cssText"||u==="itemprop")&&(s=u)}if(!s||!g[s])return!1;const f=g[s].toLowerCase();return n[s]||(n[s]={}),c[s]||(c[s]={}),n[s][f]?!1:(c[s][f]=!0,!0)}).reverse().forEach(g=>a.push(g));const d=Object.keys(c);for(let g=0;g<d.length;g+=1){const s=d[g],m={...n[s],...c[s]};n[s]=m}return a},[]).reverse()},zu=(e,o)=>{if(Array.isArray(e)&&e.length){for(let t=0;t<e.length;t+=1)if(e[t][o])return!0}return!1},Mu=e=>({baseTag:Iu(["href"],e),bodyAttributes:Rt("bodyAttributes",e),defer:Wo(e,Mo.DEFER),encode:Wo(e,Mo.ENCODE_SPECIAL_CHARACTERS),htmlAttributes:Rt("htmlAttributes",e),linkTags:er("link",["rel","href"],e),metaTags:er("meta",["name","charset","http-equiv","property","itemprop"],e),noscriptTags:er("noscript",["innerHTML"],e),onChangeClientState:Tu(e),scriptTags:er("script",["src","innerHTML"],e),styleTags:er("style",["cssText"],e),title:vu(e),titleAttributes:Rt("titleAttributes",e),prioritizeSeoTags:zu(e,Mo.PRIORITIZE_SEO_TAGS)}),ji=e=>Array.isArray(e)?e.join(""):e,Wu=(e,o)=>{const t=Object.keys(e);for(let n=0;n<t.length;n+=1)if(o[t[n]]&&o[t[n]].includes(e[t[n]]))return!0;return!1},en=(e,o)=>Array.isArray(e)?e.reduce((t,n)=>(Wu(n,o)?t.priority.push(n):t.default.push(n),t),{priority:[],default:[]}):{default:e,priority:[]},Ai=(e,o)=>({...e,[o]:void 0}),Pu=["noscript","script","style"],on=(e,o=!0)=>o===!1?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;"),Vi=e=>Object.keys(e).reduce((o,t)=>{const n=typeof e[t]<"u"?`${t}="${e[t]}"`:`${t}`;return o?`${o} ${n}`:n},""),Hu=(e,o,t,n)=>{const a=Vi(t),l=ji(o);return a?`<${e} ${Ae}="true" ${a}>${on(l,n)}</${e}>`:`<${e} ${Ae}="true">${on(l,n)}</${e}>`},ju=(e,o,t=!0)=>o.reduce((n,a)=>{const l=a,c=Object.keys(l).filter(s=>!(s==="innerHTML"||s==="cssText")).reduce((s,m)=>{const f=typeof l[m]>"u"?m:`${m}="${on(l[m],t)}"`;return s?`${s} ${f}`:f},""),d=l.innerHTML||l.cssText||"",g=Pu.indexOf(e)===-1;return`${n}<${e} ${Ae}="true" ${c}${g?"/>":`>${d}</${e}>`}`},""),Ei=(e,o={})=>Object.keys(e).reduce((t,n)=>{const a=_r[n];return t[a||n]=e[n],t},o),Au=(e,o,t)=>{const n={key:o,[Ae]:!0},a=Ei(t,n);return[h.createElement("title",a,o)]},Or=(e,o)=>o.map((t,n)=>{const a={key:n,[Ae]:!0};return Object.keys(t).forEach(l=>{const d=_r[l]||l;if(d==="innerHTML"||d==="cssText"){const g=t.innerHTML||t.cssText;a.dangerouslySetInnerHTML={__html:g}}else a[d]=t[l]}),h.createElement(e,a)}),Me=(e,o,t=!0)=>{switch(e){case"title":return{toComponent:()=>Au(e,o.title,o.titleAttributes),toString:()=>Hu(e,o.title,o.titleAttributes,t)};case"bodyAttributes":case"htmlAttributes":return{toComponent:()=>Ei(o),toString:()=>Vi(o)};default:return{toComponent:()=>Or(e,o),toString:()=>ju(e,o,t)}}},Vu=({metaTags:e,linkTags:o,scriptTags:t,encode:n})=>{const a=en(e,Zt.meta),l=en(o,Zt.link),c=en(t,Zt.script);return{priorityMethods:{toComponent:()=>[...Or("meta",a.priority),...Or("link",l.priority),...Or("script",c.priority)],toString:()=>`${Me("meta",a.priority,n)} ${Me("link",l.priority,n)} ${Me("script",c.priority,n)}`},metaTags:a.default,linkTags:l.default,scriptTags:c.default}},Eu=e=>{const{baseTag:o,bodyAttributes:t,encode:n=!0,htmlAttributes:a,noscriptTags:l,styleTags:c,title:d="",titleAttributes:g,prioritizeSeoTags:s}=e;let{linkTags:m,metaTags:f,scriptTags:p}=e,u={toComponent:()=>[],toString:()=>""};return s&&({priorityMethods:u,linkTags:m,metaTags:f,scriptTags:p}=Vu(e)),{priority:u,base:Me("base",o,n),bodyAttributes:Me("bodyAttributes",t,n),htmlAttributes:Me("htmlAttributes",a,n),link:Me("link",m,n),meta:Me("meta",f,n),noscript:Me("noscript",l,n),script:Me("script",p,n),style:Me("style",c,n),title:Me("title",{title:d,titleAttributes:g},n)}},rn=Eu,Nr=[],tn=!!(typeof window<"u"&&window.document&&window.document.createElement),nn=class{constructor(e,o){Ue(this,"instances",[]);Ue(this,"canUseDOM",tn);Ue(this,"context");Ue(this,"value",{setHelmet:e=>{this.context.helmet=e},helmetInstances:{get:()=>this.canUseDOM?Nr:this.instances,add:e=>{(this.canUseDOM?Nr:this.instances).push(e)},remove:e=>{const o=(this.canUseDOM?Nr:this.instances).indexOf(e);(this.canUseDOM?Nr:this.instances).splice(o,1)}}});this.context=e,this.canUseDOM=o||!1,o||(e.helmet=rn({baseTag:[],bodyAttributes:{},htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))}},Du=parseInt(h.version.split(".")[0],10),an=Du>=19,$u={},Di=h.createContext($u),Lu=(ho=class extends h.Component{constructor(t){super(t);Ue(this,"helmetData");an?this.helmetData=null:this.helmetData=new nn(this.props.context||{},ho.canUseDOM)}render(){return an?h.createElement(h.Fragment,null,this.props.children):h.createElement(Di.Provider,{value:this.helmetData.value},this.props.children)}},Ue(ho,"canUseDOM",tn),ho),Po=(e,o)=>{const t=document.head||document.querySelector("head"),n=t.querySelectorAll(`${e}[${Ae}]`),a=[].slice.call(n),l=[];let c;return o&&o.length&&o.forEach(d=>{const g=document.createElement(e);for(const s in d)if(Object.prototype.hasOwnProperty.call(d,s))if(s==="innerHTML")g.innerHTML=d.innerHTML;else if(s==="cssText"){const m=d.cssText;g.appendChild(document.createTextNode(m))}else{const m=s,f=typeof d[m]>"u"?"":d[m];g.setAttribute(s,f)}g.setAttribute(Ae,"true"),a.some((s,m)=>(c=m,g.isEqualNode(s)))?a.splice(c,1):l.push(g)}),a.forEach(d=>{var g;return(g=d.parentNode)==null?void 0:g.removeChild(d)}),l.forEach(d=>t.appendChild(d)),{oldTags:a,newTags:l}},ln=(e,o)=>{const t=document.getElementsByTagName(e)[0];if(!t)return;const n=t.getAttribute(Ae),a=n?n.split(","):[],l=[...a],c=Object.keys(o);for(const d of c){const g=o[d]||"";t.getAttribute(d)!==g&&t.setAttribute(d,g),a.indexOf(d)===-1&&a.push(d);const s=l.indexOf(d);s!==-1&&l.splice(s,1)}for(let d=l.length-1;d>=0;d-=1)t.removeAttribute(l[d]);a.length===l.length?t.removeAttribute(Ae):t.getAttribute(Ae)!==c.join(",")&&t.setAttribute(Ae,c.join(","))},Bu=(e,o)=>{typeof e<"u"&&document.title!==e&&(document.title=ji(e)),ln("title",o)},$i=(e,o)=>{const{baseTag:t,bodyAttributes:n,htmlAttributes:a,linkTags:l,metaTags:c,noscriptTags:d,onChangeClientState:g,scriptTags:s,styleTags:m,title:f,titleAttributes:p}=e;ln("body",n),ln("html",a),Bu(f,p);const u={baseTag:Po("base",t),linkTags:Po("link",l),metaTags:Po("meta",c),noscriptTags:Po("noscript",d),scriptTags:Po("script",s),styleTags:Po("style",m)},y={},b={};Object.keys(u).forEach(x=>{const{newTags:k,oldTags:S}=u[x];k.length&&(y[x]=k),S.length&&(b[x]=u[x].oldTags)}),o&&o(),g(e,y,b)},or=null,_u=e=>{or&&cancelAnimationFrame(or),e.defer?or=requestAnimationFrame(()=>{$i(e,()=>{or=null})}):($i(e),or=null)},Ou=_u,Li=class extends h.Component{constructor(){super(...arguments);Ue(this,"rendered",!1)}shouldComponentUpdate(o){return!Su(o,this.props)}componentDidUpdate(){this.emitChange()}componentWillUnmount(){const{helmetInstances:o}=this.props.context;o.remove(this),this.emitChange()}emitChange(){const{helmetInstances:o,setHelmet:t}=this.props.context;let n=null;const a=Mu(o.get().map(l=>{const{context:c,...d}=l.props;return d}));Lu.canUseDOM?Ou(a):rn&&(n=rn(a)),t(n)}init(){if(this.rendered)return;this.rendered=!0;const{helmetInstances:o}=this.props.context;o.add(this),this.emitChange()}render(){return this.init(),null}},qr=[],Bi=e=>{const o={};for(const t of Object.keys(e))o[Hi[t]||t]=e[t];return o},go=e=>{const o={};for(const t of Object.keys(e)){const n=_r[t];o[n||t]=e[t]}return o},_i=(e,o)=>{if(!tn)return;const t=document.getElementsByTagName(e)[0];if(!t)return;const n="data-rh-managed",a=t.getAttribute(n),l=a?a.split(","):[],c=Object.keys(o);for(const d of l)c.includes(d)||t.removeAttribute(d);for(const d of c){const g=o[d];g==null||g===!1?t.removeAttribute(d):g===!0?t.setAttribute(d,""):t.setAttribute(d,String(g))}c.length>0?t.setAttribute(n,c.join(",")):t.removeAttribute(n)},cn=()=>{const e={},o={};for(const t of qr){const{htmlAttributes:n,bodyAttributes:a}=t.props;n&&Object.assign(e,Bi(n)),a&&Object.assign(o,Bi(a))}_i("html",e),_i("body",o)},Nu=class extends h.Component{componentDidMount(){qr.push(this),cn()}componentDidUpdate(){cn()}componentWillUnmount(){const e=qr.indexOf(this);e!==-1&&qr.splice(e,1),cn()}resolveTitle(){const{title:e,titleTemplate:o,defaultTitle:t}=this.props;return e&&o?o.replace(/%s/g,()=>Array.isArray(e)?e.join(""):e):e||t||void 0}renderTitle(){const e=this.resolveTitle();if(e===void 0)return null;const o=this.props.titleAttributes||{};return h.createElement("title",go(o),e)}renderBase(){const{base:e}=this.props;return e?h.createElement("base",go(e)):null}renderMeta(){const{meta:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>h.createElement("meta",{key:t,...go(o)}))}renderLink(){const{link:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>h.createElement("link",{key:t,...go(o)}))}renderScript(){const{script:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>{const{innerHTML:n,...a}=o,l=go(a);return n&&(l.dangerouslySetInnerHTML={__html:n}),h.createElement("script",{key:t,...l})})}renderStyle(){const{style:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>{const{cssText:n,...a}=o,l=go(a);return n&&(l.dangerouslySetInnerHTML={__html:n}),h.createElement("style",{key:t,...l})})}renderNoscript(){const{noscript:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>{const{innerHTML:n,...a}=o,l=go(a);return n&&(l.dangerouslySetInnerHTML={__html:n}),h.createElement("noscript",{key:t,...l})})}render(){return h.createElement(h.Fragment,null,this.renderTitle(),this.renderBase(),this.renderMeta(),this.renderLink(),this.renderScript(),this.renderStyle(),this.renderNoscript())}},qu=(hn=class extends h.Component{shouldComponentUpdate(e){return!xu(Ai(this.props,"helmetData"),Ai(e,"helmetData"))}mapNestedChildrenToProps(e,o){if(!o)return null;switch(e.type){case"script":case"noscript":return{innerHTML:o};case"style":return{cssText:o};default:throw new Error(`<${e.type} /> elements are self-closing and can not contain children. Refer to our API for more information.`)}}flattenArrayTypeChildren(e,o,t,n){return{...o,[e.type]:[...o[e.type]||[],{...t,...this.mapNestedChildrenToProps(e,n)}]}}mapObjectTypeChildren(e,o,t,n){switch(e.type){case"title":return{...o,[e.type]:n,titleAttributes:{...t}};case"body":return{...o,bodyAttributes:{...t}};case"html":return{...o,htmlAttributes:{...t}};default:return{...o,[e.type]:{...t}}}}mapArrayTypeChildrenToProps(e,o){let t={...o};return Object.keys(e).forEach(n=>{t={...t,[n]:e[n]}}),t}warnOnInvalidChildren(e,o){return Mi(Pi.some(t=>e.type===t),typeof e.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":`Only elements types ${Pi.join(", ")} are allowed. Helmet does not support rendering <${e.type}> elements. Refer to our API for more information.`),Mi(!o||typeof o=="string"||Array.isArray(o)&&!o.some(t=>typeof t!="string"),`Helmet expects a string as a child of <${e.type}>. Did you forget to wrap your children in braces? ( <${e.type}>{\`\`}</${e.type}> ) Refer to our API for more information.`),!0}mapChildrenToProps(e,o){let t={};return h.Children.forEach(e,n=>{if(!n||!n.props)return;const{children:a,...l}=n.props,c=Object.keys(l).reduce((g,s)=>(g[Hi[s]||s]=l[s],g),{});let{type:d}=n;switch(typeof d=="symbol"?d=d.toString():this.warnOnInvalidChildren(n,a),d){case"Symbol(react.fragment)":o=this.mapChildrenToProps(a,o);break;case"link":case"meta":case"noscript":case"script":case"style":t=this.flattenArrayTypeChildren(n,t,c,a);break;default:o=this.mapObjectTypeChildren(n,o,c,a);break}}),this.mapArrayTypeChildrenToProps(t,o)}render(){const{children:e,...o}=this.props;let t={...o},{helmetData:n}=o;if(e&&(t=this.mapChildrenToProps(e,t)),n&&!(n instanceof nn)){const a=n;n=new nn(a.context,!0),delete t.helmetData}return an?h.createElement(Nu,{...t}):n?h.createElement(Li,{...t,context:n.value}):h.createElement(Di.Consumer,null,a=>h.createElement(Li,{...t,context:a}))}},Ue(hn,"defaultProps",{defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1}),hn);const Uu={airbnb:{highlightStyle:"background",fontWeight:700,letterSpacing:"-0.02em"},apple:{highlightStyle:"solid",fontWeight:600,letterSpacing:"-0.03em"},coinbase:{highlightStyle:"solid",fontWeight:600,letterSpacing:"-0.02em"},figma:{highlightStyle:"underline",fontWeight:600,letterSpacing:"-0.01em",highlightFontWeight:700},linear:{highlightStyle:"gradient",fontWeight:600,letterSpacing:"-0.03em"},nike:{highlightStyle:"underline",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",highlightFontStyle:"italic",highlightFontWeight:900},notion:{highlightStyle:"underline",fontWeight:600,letterSpacing:"-0.01em",highlightFontStyle:"italic"},revolut:{highlightStyle:"gradient",fontWeight:700,letterSpacing:"-0.03em"},shopify:{highlightStyle:"background",fontWeight:700,letterSpacing:"-0.02em"},spacex:{highlightStyle:"glow",fontWeight:700,letterSpacing:"0.04em",textTransform:"uppercase",highlightLetterSpacing:"0.06em"},spotify:{highlightStyle:"background",fontWeight:800,letterSpacing:"-0.03em"},stripe:{highlightStyle:"gradient",fontWeight:700,letterSpacing:"-0.03em"},tesla:{highlightStyle:"solid",fontWeight:500,letterSpacing:"-0.01em",textTransform:"uppercase"},uber:{highlightStyle:"underline",fontWeight:700,letterSpacing:"-0.02em"},vercel:{highlightStyle:"outline",fontWeight:700,letterSpacing:"-0.04em"}},Gu={highlightStyle:"background",fontWeight:700,letterSpacing:"-0.02em"},Yu=e=>Uu[e.metadata.id]??Gu,Oi=(e,o)=>{const t=e.theme;return{canvas:xe(t.canvas),surface:xe(t.surface),text:xe(t.text),muted:xe(t.muted),border:xe(t.border),primary:xe(t.primary),secondary:xe(t.secondary),success:xe(t.success),warning:xe(t.warning),error:xe(t.error),onPrimary:xe(t.onPrimary),appearance:o}},Xu=e=>Oi(e,"light"),Ku=e=>Oi(e,"dark"),ge=({palette:e,label:o,config:t,children:n})=>r.jsxs(i.Vertical,{gap:10,flex:"1 1 320px",minWidth:0,children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[r.jsx(i.View,{width:10,height:10,borderRadius:9999,backgroundColor:e.appearance==="dark"?"#111111":"#ffffff",borderWidth:1,borderStyle:"solid",borderColor:"rgba(0,0,0,0.15)"}),r.jsx(i.Text,{fontSize:11,fontWeight:"700",letterSpacing:"0.08em",textTransform:"uppercase",children:o})]}),r.jsx(Qr,{config:t,mode:e.appearance,children:r.jsx(i.View,{padding:20,borderRadius:16,borderWidth:1,borderStyle:"solid",backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",children:n})})]}),xe=e=>!e||typeof e!="string"?e:/^(color|theme|light|dark)-/.test(e)?`var(--${e})`:e,Oe=(e,o)=>`color-mix(in srgb, ${xe(e)} ${o}%, transparent)`,Ju=e=>e&&e.startsWith("var(--")?e.slice(6,-1):e,Qu={cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"●",density:"comfortable",surfaceTone:"paper",cardRadius:12,pillRadius:9999,badgeRadius:6,voice:"neutral"},Zu=e=>e.personality||Qu,Ne=(e,o="normal")=>{let n={light:300,regular:400,bold:700,black:800}[e.typeWeight];return o==="light"&&(n=Math.max(300,n-200)),o==="heavy"&&(n=Math.min(900,n+100)),n},rr=e=>{switch(e.density){case"tight":return{padding:16,gap:10,large:20};case"spacious":return{padding:28,gap:18,large:36};case"comfortable":default:return{padding:22,gap:14,large:28}}},Ru=e=>e.typeCase==="uppercase"?"uppercase":"none",Ur=(e,o)=>{switch(e.surfaceTone){case"glass":return{backgroundColor:o.appearance==="dark"?"rgba(255,255,255,0.04)":"rgba(255,255,255,0.65)",backdropFilter:"blur(14px)"};case"mono":return{backgroundColor:o.appearance==="dark"?"#0a0a0a":xe(o.surface)};case"matte":return{backgroundColor:o.appearance==="dark"?"#181818":"#f4f4f4"};case"paper":default:return{backgroundColor:xe(o.surface)}}},Ho=(e,o)=>{const t=xe(o.primary),n=xe(o.secondary||o.primary);switch(e.accentTreatment){case"gradient":return`linear-gradient(135deg, ${t} 0%, ${n} 100%)`;case"glow":return t;case"stripe":return`repeating-linear-gradient(45deg, ${t} 0 8px, ${n} 8px 16px)`;case"halftone":return`radial-gradient(circle at 30% 30%, ${t} 0%, ${n} 70%)`;case"flat":default:return t}},jo=(e,o)=>{if(e.accentTreatment==="glow")return`0 0 24px ${Oe(o.primary,40)}, 0 0 4px ${xe(o.primary)}`},Re=e=>({letterSpacing:e.letterSpacing,textTransform:Ru(e),fontStyle:e.typeStyle,fontWeight:Ne(e,"heavy")}),be=e=>({letterSpacing:e.typeCase==="uppercase"?"0.12em":"0.06em",textTransform:"uppercase",fontStyle:e.typeStyle,fontWeight:Ne(e,"normal")}),ey=(e,o)=>{var n,a,l;const t=(n=e.components)==null?void 0:n[o];return(l=(a=t==null?void 0:t.views)==null?void 0:a.container)==null?void 0:l.borderRadius},oy=e=>{const o=e.tokens.rawCssVars||{},t=e.theme.border,n=e.theme.surface,a=e.theme.primary,l=o["shadow-ring"]||"rgba(0,0,0,0.08) 0px 0px 0px 1px",c=o["shadow-ring-light"]||`${t} 0px 0px 0px 1px`,d=o["shadow-card"]||`rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, ${n} 0px 0px 0px 1px`,g=o["shadow-card-full"]||`rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgba(0,0,0,0.04) 0px 8px 8px -8px, ${n} 0px 0px 0px 1px`;return[{name:"Level 0",label:"Flat",description:"No shadow",shadow:"none"},{name:"Level 1",label:"Ring",description:"Shadow-as-border",shadow:l},{name:"Level 1b",label:"Light Ring",description:"Lighter ring",shadow:c},{name:"Level 2",label:"Card",description:"Ring + subtle lift",shadow:d},{name:"Level 3",label:"Full Card",description:"Ring + lift + ambient + glow",shadow:g},{name:"Focus",label:"Accessibility ring",description:"Focus state — 2px ring",shadow:`0 0 0 2px ${a}`}]},tr=(e,o)=>{const n={accordion:["accordion","card","alert"],tabs:["tabs","button"],panel:["card","alert"]}[o]??[o];for(const a of n){const l=ey(e,a);if(l!==void 0)return l}return"12px"},sn=({glyph:e,badge:o})=>r.jsxs(i.View,{position:"relative",display:"inline-flex",children:[r.jsx(i.View,{width:32,height:32,borderRadius:"50%",display:"inline-flex",alignItems:"center",justifyContent:"center",style:{backgroundColor:"rgba(0,0,0,0.06)",fontSize:18,lineHeight:"20px"},children:e}),o?r.jsx(i.View,{position:"absolute",top:-10,right:-18,paddingHorizontal:6,paddingVertical:2,borderRadius:9999,style:{backgroundColor:"#ffffff",color:"#222222",fontSize:9,fontWeight:700,letterSpacing:"0.04em",boxShadow:"0 1px 3px rgba(0,0,0,0.18)"},children:o}):null]}),ry=[{title:"Homes",value:"homes",icon:r.jsx(sn,{glyph:"🏠"}),content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Tokens, inputs, and feedback components share the active config."})},{title:"Experiences",value:"experiences",icon:r.jsx(sn,{glyph:"🎈",badge:"NEW"}),content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Explicit props still override the config defaults."})},{title:"Services",value:"services",icon:r.jsx(sn,{glyph:"🛎️",badge:"NEW"}),content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Each tab carries an icon. Active tab uses the theme primary underline."})}],ty=[{title:"Token",field:"token"},{title:"Value",field:"value"},{title:"Role",field:"role"}],ny=[{id:"overview",label:"Overview",href:"#"},{id:"components",label:"Components",href:"#"},{id:"tokens",label:"Tokens",href:"#"}],ay=({color:e,name:o,role:t,border:n})=>r.jsxs(i.View,{borderWidth:1,borderStyle:"solid",borderRadius:8,overflow:"hidden",minWidth:0,borderColor:n,children:[r.jsx(i.View,{height:76,backgroundColor:e}),r.jsxs(i.Vertical,{gap:4,padding:12,children:[r.jsx(i.Text,{fontSize:13,lineHeight:"18px",fontWeight:"700",children:o}),r.jsx(i.Text,{fontSize:12,lineHeight:"16px",opacity:.7,children:e}),r.jsx(i.Text,{fontSize:12,lineHeight:"16px",opacity:.72,children:t})]})]}),fe=({title:e,children:o,config:t})=>r.jsxs(i.Vertical,{gap:18,padding:24,borderWidth:1,borderStyle:"solid",borderRadius:12,backgroundColor:t.theme.canvas,borderColor:t.theme.border,children:[r.jsx(i.Text,{fontSize:18,lineHeight:"24px",fontWeight:"700",color:t.theme.text,children:e}),o]}),ly=({config:e})=>{const o=Yu(e),t=o.highlightStyle==="background"?e.theme.onPrimary:e.theme.primary;return r.jsx(i.View,{width:"100%",borderRadius:20,overflow:"hidden",borderWidth:1,borderStyle:"solid",borderColor:e.theme.border,backgroundColor:e.theme.surface,children:r.jsxs(i.Horizontal,{width:"100%",flexWrap:"wrap",alignItems:"stretch",gap:0,children:[r.jsxs(i.Vertical,{flex:"1 1 360px",minWidth:0,padding:36,gap:20,justifyContent:"center",children:[r.jsx(we,{variant:"outline",content:`${e.metadata.label} hero`}),r.jsx(jl,{size:"xl",responsive:!0,highlightText:"design system",highlightStyle:o.highlightStyle,highlightColor:e.theme.primary,highlightSecondaryColor:o.highlightStyle==="gradient"?e.theme.secondary:e.theme.onPrimary,views:{container:{color:e.theme.text},text:{color:e.theme.text,fontFamily:e.tokens.typography.fontFamily,fontWeight:o.fontWeight,style:{letterSpacing:o.letterSpacing,fontStyle:o.fontStyle??"normal",textTransform:o.textTransform??"none"}},highlight:{color:t,fontWeight:o.highlightFontWeight??o.fontWeight,style:{fontStyle:o.highlightFontStyle??o.fontStyle??"normal",letterSpacing:o.highlightLetterSpacing??o.letterSpacing,textTransform:o.textTransform??"none"}}},children:"Build a beautiful design system in minutes"},`${e.metadata.id}-${o.highlightStyle}`),r.jsxs(i.Text,{color:e.theme.muted,fontFamily:e.tokens.typography.fontFamily,style:{fontSize:16,lineHeight:"24px",maxWidth:520},children:["Each brand defines its own highlight treatment —"," ",r.jsx(i.Text,{as:"span",color:e.theme.primary,fontWeight:"700",children:o.highlightStyle})," ","with weight"," ",r.jsx(i.Text,{as:"span",fontWeight:"700",children:o.fontWeight}),o.highlightFontStyle==="italic"||o.fontStyle==="italic"?", italic":"",o.textTransform==="uppercase"?", uppercase":"","."]}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",children:[r.jsx(ie,{colorScheme:"primary",size:"md",children:"Get started"}),r.jsx(ie,{variant:"outline",colorScheme:"primary",size:"md",children:"View docs"})]})]}),r.jsxs(i.View,{flex:"1 1 320px",minWidth:0,minHeight:260,position:"relative",overflow:"hidden",style:{backgroundImage:`linear-gradient(135deg, ${e.theme.primary}, ${e.theme.secondary||e.theme.primary})`},children:[r.jsx(i.View,{position:"absolute",top:"50%",left:"50%",width:180,height:180,borderRadius:9999,style:{transform:"translate(-50%, -50%)",backgroundColor:"rgba(255,255,255,0.18)",filter:"blur(40px)"}}),r.jsxs(i.Vertical,{width:"100%",height:"100%",minHeight:260,padding:32,justifyContent:"flex-end",alignItems:"flex-start",gap:12,children:[r.jsx(i.Text,{fontWeight:"700",fontFamily:e.tokens.typography.fontFamily,style:{color:e.theme.onPrimary,fontSize:13,letterSpacing:"0.08em",textTransform:"uppercase"},children:e.metadata.label}),r.jsx(i.Text,{fontWeight:"700",fontFamily:e.tokens.typography.fontFamily,style:{color:e.theme.onPrimary,fontSize:28,lineHeight:"32px",letterSpacing:"-0.02em"},children:e.theme.primary})]})]})]})})},iy=({config:e})=>{var t,n;const o=e.tokens.colors.slice(0,5).map(a=>({token:a.name,value:a.value,role:a.role}));return r.jsxs(i.Vertical,{gap:24,children:[r.jsx(fe,{title:"Color",config:e,children:r.jsx(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(150px, 1fr))",gap:12,children:e.tokens.colors.slice(0,12).map(a=>r.jsx(ay,{color:a.value,name:a.name,role:a.role,text:e.theme.text,border:e.theme.border},a.name))})}),r.jsx(fe,{title:"Typography",config:e,children:r.jsxs(i.Vertical,{gap:24,children:[r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontFamily:e.tokens.typography.fontFamily,fontSize:48,lineHeight:"1.0",fontWeight:"700",letterSpacing:"0.96px",textTransform:"uppercase",children:"Making Life Multiplanetary"}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,children:"Display — 48px / Bold / 1.00 / Uppercase"})]}),r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontFamily:e.tokens.typography.fontFamily,fontSize:16,lineHeight:"1.7",fontWeight:"400",children:"SpaceX designs, manufactures and launches advanced rockets and spacecraft. The company was founded to revolutionize space technology."}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,children:"Body — 16px / 400 / 1.70"})]}),r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontFamily:e.tokens.typography.fontFamily,fontSize:13,lineHeight:"0.94",fontWeight:"700",letterSpacing:"1.17px",textTransform:"uppercase",children:"Falcon 9 · Starship · Dragon"}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,children:"Nav Bold — 13px / 700 / 0.94 / Uppercase"})]}),r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontFamily:e.tokens.typography.fontFamily,fontSize:12,lineHeight:"1.0",fontWeight:"400",letterSpacing:"1px",textTransform:"uppercase",children:"Mission Overview"}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,children:"Caption — 12px / 400 / 1.00 / Uppercase"})]}),r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontFamily:e.tokens.typography.fontFamily,fontSize:10,lineHeight:"0.94",fontWeight:"400",letterSpacing:"1px",textTransform:"uppercase",children:"Launch Date: 2026-04-15"}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,children:"Micro — 10px / 400 / 0.94 / Uppercase"})]}),r.jsx(i.Horizontal,{gap:10,flexWrap:"wrap",marginTop:12,children:e.tokens.typography.fontSizes.map(a=>r.jsx(we,{variant:"outline",content:a},a))})]})}),r.jsx(fe,{title:"Spacing, Radius, Shadow",config:e,children:r.jsxs(i.Vertical,{gap:18,children:[r.jsx(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"flex-end",children:e.tokens.spacing.slice(0,10).map(a=>r.jsxs(i.Vertical,{gap:8,alignItems:"center",children:[r.jsx(i.View,{width:a,minWidth:4,height:24,borderRadius:2,backgroundColor:e.theme.primary}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:a})]},a))}),r.jsx(i.Horizontal,{gap:12,flexWrap:"wrap",children:e.tokens.radii.slice(0,6).map(a=>r.jsxs(i.Vertical,{gap:8,alignItems:"center",children:[r.jsx(i.View,{width:64,height:64,borderRadius:a,borderWidth:1,borderStyle:"solid",backgroundColor:e.theme.surface,borderColor:e.theme.border}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:a})]},a))}),r.jsx(i.View,{width:"100%",maxWidth:"100%",overflowX:"auto",style:{WebkitOverflowScrolling:"touch",color:e.theme.text},children:r.jsx(ze,{views:(n=(t=e.components)==null?void 0:t.table)==null?void 0:n.views,children:r.jsx(ze.Template,{caption:"First extracted color tokens",columns:ty,data:o})})})]})})]})},Ni=({palette:e})=>r.jsxs(ye,{width:"min(100%, 420px)",views:{container:{backgroundColor:e.surface,color:e.text,borderWidth:1,borderStyle:"solid",borderColor:e.border},header:{color:e.text,borderColor:e.border},content:{color:e.text},footer:{borderColor:e.border}},children:[r.jsx(ye.Header,{children:r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",gap:12,flexWrap:"wrap",children:[r.jsxs(i.Horizontal,{alignItems:"baseline",gap:6,children:[r.jsx(i.Text,{fontSize:24,fontWeight:"800",color:e.text,children:"$182"}),r.jsx(i.Text,{fontSize:14,color:e.muted,children:"night"})]}),r.jsx(we,{variant:"filled",content:"Best value"})]})}),r.jsx(ye.Content,{children:r.jsxs(i.Vertical,{gap:12,children:[r.jsxs(i.Horizontal,{gap:0,borderRadius:10,borderWidth:1,borderStyle:"solid",borderColor:e.border,overflow:"hidden",children:[r.jsxs(i.Vertical,{flex:1,padding:10,gap:2,borderRightWidth:1,borderRightStyle:"solid",borderColor:e.border,children:[r.jsx(i.Text,{fontSize:10,fontWeight:"700",letterSpacing:"0.06em",color:e.text,children:"CHECK-IN"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"Mar 12, 2026"})]}),r.jsxs(i.Vertical,{flex:1,padding:10,gap:2,children:[r.jsx(i.Text,{fontSize:10,fontWeight:"700",letterSpacing:"0.06em",color:e.text,children:"CHECKOUT"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"Mar 18, 2026"})]})]}),r.jsxs(i.Vertical,{padding:10,gap:2,borderRadius:10,borderWidth:1,borderStyle:"solid",borderColor:e.border,children:[r.jsx(i.Text,{fontSize:10,fontWeight:"700",letterSpacing:"0.06em",color:e.text,children:"GUESTS"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"2 adults"})]}),r.jsx(ie,{isFilled:!0,size:"lg",children:"Reserve"}),r.jsx(Ar,{}),r.jsxs(i.Vertical,{gap:6,children:[r.jsxs(i.Horizontal,{justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:14,color:e.text,children:"$182 × 6 nights"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"$1,092"})]}),r.jsxs(i.Horizontal,{justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:14,color:e.text,children:"Cleaning fee"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"$48"})]}),r.jsxs(i.Horizontal,{justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:14,color:e.text,children:"Service fee"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"$165"})]})]}),r.jsx(Ar,{}),r.jsxs(i.Horizontal,{justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:15,fontWeight:"700",color:e.text,children:"Total before taxes"}),r.jsx(i.Text,{fontSize:15,fontWeight:"700",color:e.text,children:"$1,305"})]})]})})]}),qi=[{name:"Starter",tagline:"For solo makers shipping their first project.",price:"$0",period:"/ month",features:["1 workspace","Up to 3 projects","Community support"],ctaLabel:"Get started"},{name:"Pro",tagline:"For growing teams that need more room to build.",price:"$24",period:"/ month",features:["Unlimited projects","Advanced analytics","Priority email support","Custom domains"],ctaLabel:"Start free trial",featured:!0},{name:"Enterprise",tagline:"For organizations with security and scale needs.",price:"Custom",period:"",features:["SSO & SCIM","Audit logs","Dedicated success manager","99.99% uptime SLA"],ctaLabel:"Contact sales"}],Ui=({palette:e,tier:o,personality:t})=>{const n=rr(t),a=Ur(t,e),l=Ho(t,e),c=jo(t,e);return r.jsx(i.View,{width:"min(100%, 280px)",borderRadius:t.cardRadius,overflow:"hidden",borderWidth:o.featured?0:1,borderStyle:"solid",style:{...o.featured?{background:l,boxShadow:c}:a,borderColor:e.border,color:o.featured?e.onPrimary:e.text},children:r.jsxs(i.Vertical,{gap:n.gap,padding:n.padding,children:[r.jsxs(i.Vertical,{gap:6,children:[r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:13,color:o.featured?e.onPrimary:e.text,style:be(t),children:o.name}),o.featured?r.jsx(i.View,{paddingHorizontal:10,paddingVertical:4,borderRadius:t.badgeRadius,backgroundColor:Oe(e.onPrimary,22),children:r.jsxs(i.Horizontal,{gap:4,alignItems:"center",children:[r.jsx(i.Text,{fontSize:11,color:e.onPrimary,style:{lineHeight:1},children:t.signatureMotif}),r.jsx(i.Text,{fontSize:10,color:e.onPrimary,style:be(t),children:t.voice.includes("mission")?"PRIORITY":"POPULAR"})]})}):null]}),r.jsx(i.Text,{fontSize:13,lineHeight:"18px",color:o.featured?Oe(e.onPrimary,85):e.muted,style:{fontStyle:t.typeStyle},children:o.tagline})]}),r.jsxs(i.Horizontal,{alignItems:"baseline",gap:4,children:[r.jsx(i.Text,{fontSize:n.large+8,color:o.featured?e.onPrimary:e.text,style:Re(t),children:o.price}),o.period?r.jsx(i.Text,{fontSize:14,color:o.featured?Oe(e.onPrimary,85):e.muted,style:{fontStyle:t.typeStyle},children:o.period}):null]}),r.jsx(i.Vertical,{gap:8,children:o.features.map(d=>r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[r.jsx(i.View,{width:18,height:18,borderRadius:t.cornerStyle==="sharp"?2:9999,backgroundColor:o.featured?Oe(e.onPrimary,22):e.primary,alignItems:"center",justifyContent:"center",style:{display:"flex",flexShrink:0},children:r.jsx(i.Text,{fontSize:11,color:e.onPrimary,style:{lineHeight:1,fontWeight:Ne(t,"heavy")},children:t.cornerStyle==="sharp"?"+":"✓"})}),r.jsx(i.Text,{fontSize:13,color:o.featured?e.onPrimary:e.text,style:{textTransform:t.typeCase==="uppercase"?"uppercase":"none",letterSpacing:t.typeCase==="uppercase"?"0.04em":"normal",fontStyle:t.typeStyle},children:d})]},d))}),r.jsx(i.View,{alignSelf:"stretch",paddingHorizontal:20,paddingVertical:12,borderRadius:t.pillRadius,alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",backgroundColor:o.featured?e.onPrimary:e.text},children:r.jsx(i.Text,{fontSize:14,color:o.featured?e.primary:e.canvas,style:{...be(t),letterSpacing:t.typeCase==="uppercase"?"0.08em":"0.02em"},children:o.ctaLabel})})]})})},Gi=({palette:e,personality:o})=>{const t=rr(o),n=Ur(o,e),a=o.voice.includes("athletic")||o.voice.includes("motion")?"Aero Runner GT":o.voice.includes("mission")||o.voice.includes("futurist")?"Module-04 Insulated Jacket":"Linen Throw Pillow",l=o.voice.includes("athletic")||o.voice.includes("motion")?"Court Black · Mens":o.voice.includes("mission")||o.voice.includes("futurist")?"Carbon · Standard fit":"Stonewashed · Sand";return r.jsx(i.View,{width:"min(100%, 320px)",borderRadius:o.cardRadius,overflow:"hidden",borderWidth:1,borderStyle:"solid",style:{...n,borderColor:e.border,color:e.text},children:r.jsxs(i.Vertical,{gap:t.gap,padding:t.padding,children:[r.jsx(i.View,{height:120,borderRadius:o.cardRadius,style:{background:o.accentTreatment==="gradient"?`linear-gradient(135deg, ${Oe(e.primary,20)} 0%, ${Oe(e.secondary||e.primary,20)} 100%)`:e.appearance==="dark"?"rgba(255,255,255,0.06)":"rgba(0,0,0,0.04)"}}),r.jsxs(i.Vertical,{gap:4,children:[r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:15,color:e.text,style:Re(o),children:a}),r.jsx(i.View,{paddingHorizontal:10,paddingVertical:3,borderRadius:o.badgeRadius,style:{backgroundColor:e.appearance==="dark"?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.06)"},children:r.jsx(i.Text,{fontSize:10,color:e.text,style:be(o),children:"IN STOCK"})})]}),r.jsx(i.Text,{fontSize:12,color:e.muted,style:{fontStyle:o.typeStyle,textTransform:o.typeCase==="uppercase"?"uppercase":"none",letterSpacing:o.typeCase==="uppercase"?"0.04em":"normal"},children:l})]}),r.jsxs(i.Horizontal,{alignItems:"baseline",justifyContent:"space-between",children:[r.jsxs(i.Horizontal,{alignItems:"baseline",gap:6,children:[r.jsx(i.Text,{fontSize:24,color:e.text,style:Re(o),children:"$42"}),r.jsx(i.Text,{fontSize:13,color:e.muted,style:{textDecoration:"line-through"},children:"$56"})]}),r.jsx(i.Text,{fontSize:12,color:e.success||e.muted,style:be(o),children:"FREE SHIPPING"})]}),r.jsx(i.View,{alignSelf:"stretch",paddingHorizontal:20,paddingVertical:12,borderRadius:o.pillRadius,alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",background:Ho(o,e),boxShadow:jo(o,e)},children:r.jsx(i.Text,{fontSize:14,color:e.onPrimary,style:{...be(o),letterSpacing:o.typeCase==="uppercase"?"0.08em":"0.02em"},children:"Add to cart"})})]})})},Yi=({palette:e,personality:o})=>{const t=rr(o),n=Ur(o,e),a=o.signatureMotif,l=o.voice.includes("athletic")?"★":o.voice.includes("mission")||o.voice.includes("futurist")?"◉":"♥",c=o.voice.includes("athletic")?"Velocity AirFlow 7":o.voice.includes("mission")||o.voice.includes("futurist")?"Sentinel Pro Headset":o.voice.includes("refined")?"Pulse Studio Monitor":"Aurora Wireless Headphones",d=o.voice.includes("athletic")?"Lightweight knit · 280g":o.voice.includes("mission")||o.voice.includes("futurist")?"Mil-spec audio · 60h endurance":"Active noise cancelling · 40h battery",g=o.voice.includes("mission")?"MISSION PICK":o.voice.includes("athletic")?"TEAM PICK":o.voice.includes("futurist")?"SIGNATURE":"BEST SELLER";return r.jsxs(i.View,{position:"relative",width:"min(100%, 320px)",children:[r.jsx(i.View,{position:"absolute",top:-10,left:16,paddingHorizontal:12,paddingVertical:6,borderRadius:o.badgeRadius,zIndex:2,style:{background:Ho(o,e),boxShadow:jo(o,e)||(e.appearance==="dark"?"0 6px 14px rgba(0,0,0,0.5)":"0 6px 14px rgba(0,0,0,0.12)")},children:r.jsxs(i.Horizontal,{gap:6,alignItems:"center",children:[r.jsx(i.Text,{fontSize:11,color:e.onPrimary,style:{lineHeight:1,fontWeight:Ne(o,"heavy")},children:a}),r.jsx(i.Text,{fontSize:10,color:e.onPrimary,style:be(o),children:g})]})}),r.jsx(i.View,{position:"absolute",top:12,right:12,width:36,height:36,borderRadius:o.cornerStyle==="sharp"?4:9999,borderWidth:1,borderStyle:"solid",zIndex:2,alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",backgroundColor:e.appearance==="dark"?"rgba(0,0,0,0.45)":"rgba(255,255,255,0.92)",borderColor:e.border,backdropFilter:"blur(6px)"},children:r.jsx(i.Text,{fontSize:16,color:l==="♥"&&e.error||e.primary,style:{lineHeight:1},children:l})}),r.jsx(i.View,{width:"100%",borderRadius:o.cardRadius,overflow:"hidden",borderWidth:1,borderStyle:"solid",style:{...n,borderColor:e.border,color:e.text},children:r.jsxs(i.Vertical,{gap:t.gap,padding:t.padding,children:[r.jsx(i.View,{height:140,borderRadius:o.cardRadius,style:{background:o.accentTreatment==="gradient"?`linear-gradient(135deg, ${Oe(e.primary,20)} 0%, ${Oe(e.secondary||e.primary,20)} 100%)`:e.appearance==="dark"?"rgba(255,255,255,0.06)":"rgba(0,0,0,0.04)"}}),r.jsxs(i.Vertical,{gap:6,children:[r.jsxs(i.Horizontal,{gap:6,alignItems:"center",children:[r.jsx(i.Text,{fontSize:13,color:e.warning||e.primary,style:{lineHeight:1},children:"★★★★★"}),r.jsx(i.Text,{fontSize:12,color:e.muted,children:"4.9 · 1,284 reviews"})]}),r.jsx(i.Text,{fontSize:18,color:e.text,style:Re(o),children:c}),r.jsx(i.Text,{fontSize:12,color:e.muted,style:{fontStyle:o.typeStyle,textTransform:o.typeCase==="uppercase"?"uppercase":"none",letterSpacing:o.typeCase==="uppercase"?"0.04em":"normal"},children:d})]}),r.jsxs(i.Horizontal,{alignItems:"baseline",justifyContent:"space-between",children:[r.jsxs(i.Horizontal,{alignItems:"baseline",gap:6,children:[r.jsx(i.Text,{fontSize:26,color:e.text,style:Re(o),children:"$189"}),r.jsx(i.Text,{fontSize:13,color:e.muted,style:{textDecoration:"line-through"},children:"$249"})]}),r.jsx(i.View,{paddingHorizontal:8,paddingVertical:3,borderRadius:o.badgeRadius,style:{backgroundColor:e.appearance==="dark"?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.06)"},children:r.jsx(i.Text,{fontSize:10,color:e.text,style:be(o),children:"–24%"})})]}),r.jsxs(i.Horizontal,{gap:8,children:[r.jsx(i.View,{flex:1,paddingHorizontal:16,paddingVertical:12,borderRadius:o.pillRadius,alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",background:Ho(o,e),boxShadow:jo(o,e)},children:r.jsx(i.Text,{fontSize:13,color:e.onPrimary,style:{...be(o),letterSpacing:o.typeCase==="uppercase"?"0.08em":"0.02em"},children:"Buy now"})}),r.jsx(i.View,{paddingHorizontal:16,paddingVertical:12,borderRadius:o.pillRadius,borderWidth:1,borderStyle:"solid",alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",borderColor:e.border},children:r.jsx(i.Text,{fontSize:13,color:e.text,style:{...be(o),letterSpacing:o.typeCase==="uppercase"?"0.08em":"0.02em"},children:"Add to cart"})})]})]})})]})},cy=[{slug:"PRIMARY-TINT",source:"primary",intensity:"tint",heading:"Bring everyone together with systems that scale",body:"Signature primary ground for systems, FAQ, and the contact form.",cta:"Get started"},{slug:"SECONDARY-TINT",source:"secondary",intensity:"tint",heading:"A faster, more efficient way of working",body:"Secondary ground for hero moments and supporting narrative.",cta:"Explore"},{slug:"WARNING-TINT",source:"warning",intensity:"tint",heading:"Designed for the way ideas actually move",body:"Warm tint for product storytelling and brand moments.",cta:"See the story"},{slug:"SUCCESS-TINT",source:"success",intensity:"tint",heading:"Ship with confidence, every single release",body:"Cool tint for changelogs, releases, and reliability notes.",cta:"Read changelog"},{slug:"ERROR-TINT",source:"error",intensity:"tint",heading:"Built for teams who care about the details",body:"Saturated tint for community stories and testimonials.",cta:"Meet the makers"},{slug:"INK-INVERTED",source:"ink",intensity:"inverted",heading:"Go deeper. Go further. Go all-in.",body:"Inverted ground for premium tiers and developer surfaces.",cta:"Open the docs"}],dn=(e,o)=>{const t=e.replace("#","").padEnd(6,"0").slice(0,6),n=parseInt(t.slice(0,2),16),a=parseInt(t.slice(2,4),16),l=parseInt(t.slice(4,6),16);return[n,a,l].some(Number.isNaN)?e:`rgba(${n}, ${a}, ${l}, ${o})`},gn=e=>typeof e=="string"&&/^#([0-9a-f]{3}){1,2}$/i.test(e),Fe=(e,o,t)=>gn(e)?dn(e,o):e.startsWith("rgba")||e.startsWith("rgb")?e.replace(/rgba?\(([^)]+)\)/,(n,a)=>`rgba(${a.split(",").slice(0,3).map(c=>c.trim()).join(", ")}, ${o})`):t==="dark"?`rgba(255,255,255,${o})`:`rgba(0,0,0,${o})`,sy=({block:e,palette:o,personality:t})=>{const n=rr(t);let a,l;if(e.source==="ink")a=o.text,l=o.canvas;else{const m=o[e.source]||o.primary;e.intensity==="solid"?(a=m,l=o.onPrimary):(a=Fe(m,.32,o.appearance),l=(o.appearance==="dark",o.text))}if(t.accentTreatment==="gradient"&&e.intensity==="tint"){const m=o[e.source],f=o.secondary;gn(m)&&gn(f)&&(a=`linear-gradient(135deg, ${dn(m,.32)} 0%, ${dn(f,.32)} 100%)`)}if(t.accentTreatment==="stripe"&&e.intensity==="tint"){const m=Fe(o[e.source],.32,o.appearance),f=Fe(o.secondary,.18,o.appearance);a=`repeating-linear-gradient(135deg, ${m} 0 18px, ${f} 18px 36px)`}const c=Fe(l,.72,o.appearance),d=Fe(l,.55,o.appearance),g=l,s=l===o.canvas?o.text:o.canvas;return r.jsx(i.View,{width:"min(100%, 460px)",borderRadius:t.cardRadius*2,padding:n.large,style:{background:a},children:r.jsxs(i.Vertical,{gap:n.gap+6,children:[r.jsxs(i.Text,{fontSize:11,color:d,style:{...be(t),letterSpacing:"0.12em",fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace"},children:[t.signatureMotif," ",e.slug]}),r.jsxs(i.Vertical,{gap:14,children:[r.jsx(i.Text,{fontSize:32,lineHeight:"36px",color:l,style:Re(t),children:e.heading}),r.jsx(i.Text,{fontSize:16,lineHeight:"22px",color:c,style:{fontStyle:t.typeStyle},children:e.body})]}),r.jsx(i.View,{alignSelf:"flex-start",paddingHorizontal:28,paddingVertical:14,borderRadius:t.pillRadius,style:{backgroundColor:g,cursor:"pointer"},children:r.jsx(i.Text,{fontSize:15,color:s,style:{...be(t),letterSpacing:t.typeCase==="uppercase"?"0.08em":"0.01em",textTransform:t.typeCase==="uppercase"?"uppercase":"none"},children:e.cta})})]})})},Xi=[{id:"design-tokens",badge:"NEW",badgeTone:"success",favorite:"♥",category:"Design systems",title:"Design tokens that survive a redesign",excerpt:"Why semantic naming beats raw values — and how to migrate a token set without breaking every consumer.",author:"Léa Martin",meta:"6 min read · Mar 10",imageTone:"warm"},{id:"shipping-faster",badge:"FEATURED",badgeTone:"primary",favorite:"★",category:"Engineering",title:"Shipping faster without skipping review",excerpt:"Three async patterns we use to keep PR cycle time under 24h while still catching the regressions that matter.",author:"Jordan Reyes",meta:"9 min read · Mar 04",imageTone:"cool"},{id:"a11y-audit",badge:"TRENDING",badgeTone:"warning",favorite:"⛉",category:"Accessibility",title:"The accessibility audit nobody asked for",excerpt:"A walkthrough of the 12 issues we found on our own marketing site — and the four-week fix plan that followed.",author:"Ines Okafor",meta:"12 min read · Feb 27",imageTone:"mono"}],Ki=({palette:e,article:o,personality:t})=>{const n=rr(t),a=Ur(t,e),l=e[o.badgeTone]||e.primary,c=e.secondary||e.primary,d=t.accentTreatment==="gradient"?`linear-gradient(135deg, ${Fe(l,.55,e.appearance)} 0%, ${Fe(c,.55,e.appearance)} 100%)`:t.accentTreatment==="stripe"?`repeating-linear-gradient(45deg, ${Fe(l,.45,e.appearance)} 0 16px, ${Fe(c,.25,e.appearance)} 16px 32px)`:t.accentTreatment==="halftone"?`radial-gradient(circle at 30% 30%, ${Fe(l,.55,e.appearance)} 0%, ${Fe(c,.35,e.appearance)} 70%)`:t.accentTreatment==="glow"?`radial-gradient(circle at 50% 60%, ${Fe(l,.45,e.appearance)} 0%, ${e.appearance==="dark"?"#050505":"#0a0a0a"} 100%)`:Fe(l,.32,e.appearance),g=t.voice.includes("mission")||t.voice.includes("futurist")?"◉":o.favorite,s=g==="♥"?e.error||e.primary:g==="★"&&e.warning||e.primary;return r.jsx(i.View,{width:"min(100%, 320px)",borderRadius:t.cardRadius,overflow:"hidden",borderWidth:1,borderStyle:"solid",style:{...a,borderColor:e.border,color:e.text},children:r.jsxs(i.Vertical,{gap:n.gap,padding:n.padding,children:[r.jsxs(i.View,{position:"relative",height:160,borderRadius:t.cardRadius,overflow:"hidden",style:{background:d},children:[r.jsx(i.View,{position:"absolute",top:12,left:12,paddingHorizontal:10,paddingVertical:4,borderRadius:t.badgeRadius,style:{background:Ho(t,{...e,primary:l}),boxShadow:jo(t,e)},children:r.jsxs(i.Horizontal,{gap:4,alignItems:"center",children:[r.jsx(i.Text,{fontSize:10,color:e.onPrimary,style:{lineHeight:1,fontWeight:Ne(t,"heavy")},children:t.signatureMotif}),r.jsx(i.Text,{fontSize:10,color:e.onPrimary,style:be(t),children:o.badge})]})}),r.jsx(i.View,{position:"absolute",top:10,right:10,width:36,height:36,borderRadius:t.cornerStyle==="sharp"?4:9999,borderWidth:1,borderStyle:"solid",alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",backgroundColor:e.appearance==="dark"?"rgba(0,0,0,0.45)":"rgba(255,255,255,0.92)",borderColor:e.border,backdropFilter:"blur(6px)"},children:r.jsx(i.Text,{fontSize:16,color:s,style:{lineHeight:1},children:g})})]}),r.jsxs(i.Vertical,{gap:8,children:[r.jsx(i.Text,{fontSize:11,color:e.muted,style:be(t),children:o.category}),r.jsx(i.Text,{fontSize:18,lineHeight:"24px",color:e.text,style:Re(t),children:o.title}),r.jsx(i.Text,{fontSize:13,lineHeight:"18px",color:e.muted,style:{fontStyle:t.typeStyle},children:o.excerpt})]}),r.jsxs(i.Horizontal,{gap:10,alignItems:"center",children:[r.jsx(i.View,{width:28,height:28,borderRadius:t.cornerStyle==="sharp"?4:9999,style:{backgroundColor:e.appearance==="dark"?"rgba(255,255,255,0.12)":"rgba(0,0,0,0.08)"}}),r.jsxs(i.Vertical,{gap:0,children:[r.jsx(i.Text,{fontSize:12,color:e.text,style:{fontWeight:Ne(t,"normal"),fontStyle:t.typeStyle},children:o.author}),r.jsx(i.Text,{fontSize:11,color:e.muted,children:o.meta})]})]})]})})},Ji=({palette:e,personality:o,config:t})=>{var f,p,u,y;const n=o.signatureMotif,a=e.primary,l=Ho(o,e),c=jo(o,e),d=((p=(f=t.tokens)==null?void 0:f.typography)==null?void 0:p.fontFamily)||((y=(u=t.tokens)==null?void 0:u.rawCssVars)==null?void 0:y.display)||"inherit",g=o.voice.includes("mission")?"MAKING LIFE MULTIPLANETARY":o.voice.includes("athletic")?"JUST DO IT":o.voice.includes("refined")?"A new standard in payments":o.voice.includes("speed")?"Built for the makers":o.voice.includes("rhythmic")?"Music for everyone":o.voice.includes("thoughtful")?"The connected workspace":o.voice.includes("warm")?"Belong anywhere":o.voice.includes("minimal")?"Think different":o.voice.includes("commerce")?"The platform commerce is built on":o.voice.includes("bold-fintech")?"Money for the next generation":o.voice.includes("trustworthy")?"The future of money":o.voice.includes("playful")?"Nothing great is made alone":o.voice.includes("motion")?"Get there":o.voice.includes("deploy")?"Develop. Preview. Ship.":o.voice.includes("futurist")?"Accelerating the world to sustainable energy":`${t.metadata.label}`,s=o.typeCase==="uppercase"?"EXPLORE":"Get started",m=o.typeCase==="uppercase"?"LEARN MORE":"Learn more";return r.jsxs(i.View,{width:"100%",borderRadius:o.cardRadius*2,padding:o.density==="spacious"?56:o.density==="tight"?28:40,style:{backgroundColor:e.canvas,color:e.text,fontFamily:d,position:"relative",overflow:"hidden"},children:[o.accentTreatment==="glow"&&r.jsx(i.View,{position:"absolute",top:-120,right:-80,width:360,height:360,borderRadius:9999,style:{background:`radial-gradient(circle, ${a}40 0%, transparent 70%)`,pointerEvents:"none"}}),o.accentTreatment==="halftone"&&r.jsx(i.View,{position:"absolute",top:0,right:0,width:300,height:300,style:{background:`radial-gradient(circle at 70% 30%, ${a}30 0%, transparent 60%)`,pointerEvents:"none"}}),r.jsxs(i.Vertical,{gap:24,style:{position:"relative"},children:[r.jsxs(i.Horizontal,{gap:10,alignItems:"center",children:[r.jsx(i.View,{width:32,height:32,borderRadius:o.cornerStyle==="pill"?9999:o.cornerStyle==="sharp"?0:8,alignItems:"center",justifyContent:"center",style:{display:"flex",background:l,boxShadow:c},children:r.jsx(i.Text,{fontSize:16,color:e.onPrimary,style:{lineHeight:1,fontWeight:Ne(o,"heavy")},children:n})}),r.jsx(i.Text,{fontSize:13,color:e.muted,style:{...be(o),letterSpacing:o.typeCase==="uppercase"?"0.18em":"0.06em"},children:t.metadata.label})]}),r.jsx(i.Text,{fontSize:o.density==="spacious"?56:o.density==="tight"?40:48,lineHeight:o.density==="spacious"?"60px":o.density==="tight"?"44px":"52px",color:e.text,style:{...Re(o),letterSpacing:o.typeCase==="uppercase"?"0.06em":o.letterSpacing,maxWidth:580,fontFamily:d},children:g}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(i.View,{paddingHorizontal:o.density==="spacious"?32:24,paddingVertical:o.density==="spacious"?16:14,borderRadius:o.pillRadius,style:{display:"flex",cursor:"pointer",background:l,boxShadow:c},children:r.jsx(i.Text,{fontSize:15,color:e.onPrimary,style:{...be(o),letterSpacing:o.typeCase==="uppercase"?"0.14em":"0.02em",fontWeight:Ne(o,"heavy"),fontFamily:d},children:s})}),r.jsx(i.View,{paddingHorizontal:24,paddingVertical:14,borderRadius:o.pillRadius,borderWidth:1,borderStyle:"solid",style:{display:"flex",cursor:"pointer",borderColor:e.text},children:r.jsx(i.Text,{fontSize:15,color:e.text,style:{...be(o),letterSpacing:o.typeCase==="uppercase"?"0.14em":"0.02em",fontWeight:Ne(o,"heavy"),fontFamily:d},children:m})})]}),r.jsx(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"center",marginTop:8,children:[{label:"Primary",value:e.primary},{label:"Surface",value:e.surface},{label:"Text",value:e.text},{label:"Success",value:e.success}].map(b=>r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[r.jsx(i.View,{width:20,height:20,borderRadius:o.cornerStyle==="sharp"?0:o.cornerStyle==="pill"?9999:4,borderWidth:1,borderStyle:"solid",style:{backgroundColor:b.value,borderColor:e.border}}),r.jsxs(i.Vertical,{gap:0,children:[r.jsx(i.Text,{fontSize:11,color:e.muted,style:be(o),children:b.label}),r.jsx(i.Text,{fontSize:11,color:e.text,style:{fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace"},children:Ju(b.value)})]})]},b.label))})]})]})},Qi=({palette:e,config:o})=>r.jsxs(i.Vertical,{gap:20,padding:36,alignItems:"center",borderRadius:16,style:{backgroundColor:e.surface},children:[r.jsx(we,{variant:"outline",content:"New release"}),r.jsxs(i.Vertical,{gap:8,alignItems:"center",children:[r.jsxs(i.Text,{fontSize:36,lineHeight:"40px",fontWeight:"800",textAlign:"center",color:e.text,children:[o.metadata.label," Pro"]}),r.jsx(i.Text,{fontSize:18,lineHeight:"24px",color:e.muted,textAlign:"center",children:"Pro. Beyond."})]}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",justifyContent:"center",children:[r.jsx(ie,{shape:"pill",size:"md",children:"Learn more"}),r.jsx(ie,{shape:"pill",size:"md",variant:"outline",children:"Buy"})]}),r.jsx(i.View,{width:220,height:140,borderRadius:20,backgroundColor:e.appearance==="dark"?e.canvas:e.text,opacity:.85})]}),Zi=({palette:e,config:o})=>r.jsxs(ye,{width:"min(100%, 320px)",views:{container:{backgroundColor:e.surface,color:e.text,borderWidth:1,borderStyle:"solid",borderColor:e.border},header:{color:e.text,borderColor:e.border},content:{color:e.text},footer:{borderColor:e.border}},children:[r.jsx(ye.Header,{children:r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",gap:12,flexWrap:"wrap",children:[r.jsx(i.Text,{color:e.text,fontWeight:"700",children:o.metadata.id==="spacex"?"Falcon 9":"Product Card"}),r.jsx(we,{variant:"filled",content:"New"})]})}),r.jsx(ye.Content,{children:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",color:e.text,children:o.metadata.id==="spacex"?"The world's first orbital-class reusable rocket. Designed for reliable and safe transport of people and payloads.":"Card surfaces, borders, typography, and shadows come from the active JSON config."})}),r.jsx(ye.Footer,{children:r.jsx(ie,{size:"sm",children:o.metadata.id==="spacex"?"Explore":"Review"})})]}),Ri=({palette:e})=>r.jsxs(i.Vertical,{gap:14,children:[r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(ie,{colorScheme:"primary",children:"Primary"}),r.jsx(ie,{colorScheme:"secondary",children:"Secondary"}),r.jsx(ie,{colorScheme:"black",children:"Black"}),r.jsx(ie,{colorScheme:"white",children:"White"})]}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(ie,{variant:"outline",colorScheme:"primary",children:"Primary"}),r.jsx(ie,{variant:"outline",colorScheme:"secondary",children:"Secondary"}),r.jsx(ie,{variant:"outline",colorScheme:"black",children:"Black"}),r.jsx(ie,{variant:"outline",colorScheme:"white",children:"White"})]}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(ie,{variant:"ghost",views:{container:{color:e.text}},children:"Ghost"}),r.jsx(ie,{variant:"link",views:{container:{color:e.primary}},children:"Link"}),r.jsx(ie,{isDisabled:!0,children:"Disabled"}),r.jsx(ie,{isLoading:!0,children:"Loading"})]})]}),ec=({palette:e,config:o})=>r.jsx(i.View,{style:{color:e.text},children:r.jsxs(i.Vertical,{gap:14,children:[r.jsxs(i.Horizontal,{gap:10,flexWrap:"wrap",alignItems:"center",children:[r.jsx(we,{content:"Badge"}),r.jsx(we,{variant:"outline",content:"Outline"}),r.jsx(we,{content:"Primary",views:{container:{backgroundColor:e.primary,color:e.onPrimary,borderColor:e.primary}}}),r.jsx(we,{content:"Success",views:{container:{backgroundColor:e.success,color:e.onPrimary,borderColor:e.success}}}),r.jsx(we,{content:"Warning",views:{container:{backgroundColor:e.warning,color:e.onPrimary,borderColor:e.warning}}}),r.jsx(we,{content:"Error",views:{container:{backgroundColor:e.error,color:e.onPrimary,borderColor:e.error}}})]}),r.jsxs(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:[r.jsx(Vr,{status:"success",label:"Operational"}),r.jsx(Vr,{status:"warning",label:"Degraded"}),r.jsx(Vr,{status:"error",label:"Outage"}),r.jsx(po,{size:"sm",loaderColor:o.theme.primary})]}),r.jsx(it,{title:"Heads up",description:"Brand styling cascades through every alert.",variant:"info",views:{container:{backgroundColor:e.surface,borderColor:e.border,color:e.text},title:{color:e.text},description:{color:e.muted}}}),r.jsx(ei,{value:64,height:10,showLabel:!0,color:e.primary,backgroundColor:e.border,views:{container:{backgroundColor:e.border},bar:{backgroundColor:e.primary}}})]})}),oc=({palette:e,config:o,mode:t})=>{const n={container:{backgroundColor:e.surface,borderColor:e.border,color:e.text},field:{color:e.text}};return r.jsx(i.View,{style:{color:e.text},children:r.jsxs(i.Vertical,{gap:16,children:[r.jsxs(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(220px, 1fr))",gap:16,alignItems:"start",children:[r.jsx(Ie,{size:"md",label:"Name",placeholder:"Ada Lovelace",views:n}),r.jsx(_o,{id:`forms-${o.metadata.id}-${t}`,size:"md",label:"Plan",placeholder:"Select plan",options:[{label:"Starter",value:"starter"},{label:"Team",value:"team"},{label:"Enterprise",value:"enterprise"}],views:{container:n.container,field:{fontSize:14,lineHeight:"20px",color:e.text},text:{fontSize:14,lineHeight:"20px",color:e.text}}}),r.jsx(wt,{label:"Notes",placeholder:"Add implementation notes",views:n})]}),r.jsxs(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:[r.jsx(Tt,{label:"Email updates",defaultIsSelected:!0}),r.jsx(zi,{label:"Standard",value:"standard",defaultIsSelected:!0}),r.jsx(Ct,{label:"Enabled",isChecked:!0})]})]})})},dy=({config:e})=>{const[o,t]=h.useState(1),n=Xu(e),a=Ku(e),l=Zu(e);return r.jsxs(i.Vertical,{gap:24,children:[r.jsx(fe,{title:"Brand Snapshot (Light & Dark)",config:e,children:r.jsxs(i.Vertical,{gap:20,children:[r.jsx(ge,{config:e,palette:n,label:"On light surface",children:r.jsx(Ji,{palette:n,personality:l,config:e})}),r.jsx(ge,{config:e,palette:a,label:"On dark surface",children:r.jsx(Ji,{palette:a,personality:l,config:e})})]})}),r.jsx(fe,{title:"Buttons — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(ge,{config:e,palette:n,label:"On light surface",children:r.jsx(Ri,{palette:n})}),r.jsx(ge,{config:e,palette:a,label:"On dark surface",children:r.jsx(Ri,{palette:a})})]})}),r.jsx(fe,{title:"Status & Feedback — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(ge,{config:e,palette:n,label:"On light surface",children:r.jsx(ec,{palette:n,config:e})}),r.jsx(ge,{config:e,palette:a,label:"On dark surface",children:r.jsx(ec,{palette:a,config:e})})]})}),r.jsx(fe,{title:"Forms — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(ge,{config:e,palette:n,label:"On light surface",children:r.jsx(oc,{palette:n,config:e,mode:"light"})}),r.jsx(ge,{config:e,palette:a,label:"On dark surface",children:r.jsx(oc,{palette:a,config:e,mode:"dark"})})]})}),r.jsx(fe,{title:"Forms (legacy preview)",config:e,children:r.jsxs(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(220px, 1fr))",alignItems:"start",gap:16,children:[r.jsx(Ie,{size:"md",label:"Name",placeholder:"Ada Lovelace"}),r.jsx(_o,{id:`design-system-select-${e.metadata.id}`,size:"md",label:"Plan",placeholder:"Select plan",options:[{label:"Starter",value:"starter"},{label:"Team",value:"team"},{label:"Enterprise",value:"enterprise"}],views:{field:{fontSize:14,lineHeight:"20px"},text:{fontSize:14,lineHeight:"20px"}}}),r.jsx(wt,{label:"Notes",placeholder:"Add implementation notes"}),r.jsxs(i.Vertical,{gap:12,children:[r.jsx(Tt,{label:"Email updates",defaultIsSelected:!0}),r.jsx(zi,{label:"Standard",value:"standard",defaultIsSelected:!0}),r.jsx(Ct,{label:"Enabled",isChecked:!0}),r.jsx(fl,{defaultValue:58,showValue:!0}),r.jsx(_a,{length:6,label:"Verification Code"})]})]})}),r.jsx(fe,{title:"Form States",config:e,children:r.jsxs(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(220px, 1fr))",gap:16,alignItems:"start",children:[r.jsx(Ie,{size:"md",label:"Default",placeholder:"Type here",helperText:"Resting state"}),r.jsx(Ie,{size:"md",label:"Filled",defaultValue:"Ada Lovelace",helperText:"Has value"}),r.jsx(Ie,{size:"md",label:"With helper",placeholder:"user@example.com",helperText:"We'll never share your email"}),r.jsx(Ie,{size:"md",label:"Error",defaultValue:"invalid@",error:"Please enter a valid email"}),r.jsx(Ie,{size:"md",label:"Disabled",isDisabled:!0,defaultValue:"Cannot edit",helperText:"Field locked"}),r.jsx(Ie,{size:"md",label:"Read only",defaultValue:"Read-only value",isReadOnly:!0,helperText:"View only"}),r.jsx(_o,{id:`design-system-select-error-${e.metadata.id}`,size:"md",label:"Select error",placeholder:"Pick one",error:!0,helperText:"Selection required",options:[{label:"Option A",value:"a"},{label:"Option B",value:"b"}],views:{field:{fontSize:14,lineHeight:"20px"},text:{fontSize:14,lineHeight:"20px"}}}),r.jsx(_o,{id:`design-system-select-disabled-${e.metadata.id}`,size:"md",label:"Select disabled",placeholder:"Disabled",isDisabled:!0,options:[{label:"Option A",value:"a"},{label:"Option B",value:"b"}],views:{field:{fontSize:14,lineHeight:"20px"},text:{fontSize:14,lineHeight:"20px"}}})]})}),r.jsx(fe,{title:"Elevation & Depth",config:e,children:r.jsx(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(200px, 1fr))",gap:20,children:oy(e).map(c=>r.jsxs(i.Vertical,{gap:12,children:[r.jsx(i.View,{height:120,borderRadius:12,backgroundColor:e.theme.canvas,style:{boxShadow:c.shadow}}),r.jsxs(i.Vertical,{gap:4,children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"baseline",flexWrap:"wrap",children:[r.jsx(i.Text,{fontSize:12,fontWeight:"700",children:c.name}),r.jsx(i.Text,{fontSize:11,fontWeight:"600",color:e.theme.primary,children:c.label})]}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:c.description}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,style:{wordBreak:"break-word",opacity:.8},children:c.shadow})]})]},c.name))})}),r.jsx(fe,{title:"Color Blocks",config:e,children:r.jsx(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(160px, 1fr))",gap:12,children:[["primary","Primary",e.theme.onPrimary],["secondary","Secondary",e.theme.onPrimary],["success","Success","#ffffff"],["warning","Warning","#ffffff"],["error","Error","#ffffff"],["canvas","Canvas",e.theme.text],["surface","Surface",e.theme.text],["text","Text",e.theme.canvas],["muted","Muted",e.theme.canvas],["border","Border",e.theme.text],["onPrimary","On primary",e.theme.text]].map(([c,d,g])=>{const s=e.theme[c];return r.jsxs(i.Vertical,{gap:0,borderRadius:12,overflow:"hidden",borderWidth:1,borderStyle:"solid",borderColor:e.theme.border,children:[r.jsx(i.View,{height:88,backgroundColor:s}),r.jsxs(i.Vertical,{gap:4,padding:12,backgroundColor:e.theme.surface,children:[r.jsx(i.Text,{fontSize:13,fontWeight:"700",children:d}),r.jsxs(i.Text,{fontSize:11,color:e.theme.muted,children:["theme.",c]}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:s})]})]},c)})})}),r.jsx(fe,{title:"Pricing — Booking (Light & Dark)",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(ge,{config:e,palette:n,label:"On light surface",children:r.jsx(Ni,{palette:n})}),r.jsx(ge,{config:e,palette:a,label:"On dark surface",children:r.jsx(Ni,{palette:a})})]})}),r.jsx(fe,{title:"Pricing — SaaS Tiers (Light & Dark)",config:e,children:r.jsxs(i.Vertical,{gap:20,children:[r.jsx(ge,{config:e,palette:n,label:"On light surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:qi.map(c=>r.jsx(Ui,{palette:n,tier:c,personality:l},c.name))})}),r.jsx(ge,{config:e,palette:a,label:"On dark surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:qi.map(c=>r.jsx(Ui,{palette:a,tier:c,personality:l},c.name))})})]})}),r.jsx(fe,{title:"Pricing — Product (Light & Dark)",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(ge,{config:e,palette:n,label:"On light surface",children:r.jsx(Gi,{palette:n,personality:l})}),r.jsx(ge,{config:e,palette:a,label:"On dark surface",children:r.jsx(Gi,{palette:a,personality:l})})]})}),r.jsx(fe,{title:"Pricing — Featured w/ Badge & Favorite (Light & Dark)",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(ge,{config:e,palette:n,label:"On light surface",children:r.jsx(Yi,{palette:n,personality:l})}),r.jsx(ge,{config:e,palette:a,label:"On dark surface",children:r.jsx(Yi,{palette:a,personality:l})})]})}),r.jsx(fe,{title:"Content — Color Block Cards",config:e,children:r.jsx(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:cy.map(c=>r.jsx(sy,{block:c,palette:n,personality:l},c.slug))})}),r.jsx(fe,{title:"Content — Article Cards w/ Badge & Favorite (Light & Dark)",config:e,children:r.jsxs(i.Vertical,{gap:20,children:[r.jsx(ge,{config:e,palette:n,label:"On light surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:Xi.map(c=>r.jsx(Ki,{palette:n,article:c,personality:l},c.id))})}),r.jsx(ge,{config:e,palette:a,label:"On dark surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:Xi.map(c=>r.jsx(Ki,{palette:a,article:c,personality:l},c.id))})})]})}),r.jsx(fe,{title:"CTA Card — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(ge,{config:e,palette:n,label:"On light surface",children:r.jsx(Qi,{palette:n,config:e})}),r.jsx(ge,{config:e,palette:a,label:"On dark surface",children:r.jsx(Qi,{palette:a,config:e})})]})}),r.jsx(fe,{title:"Product Card — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(ge,{config:e,palette:n,label:"On light surface",children:r.jsx(Zi,{palette:n,config:e})}),r.jsx(ge,{config:e,palette:a,label:"On dark surface",children:r.jsx(Zi,{palette:a,config:e})})]})}),r.jsx(fe,{title:"Content & Layout",config:e,children:r.jsxs(i.Vertical,{gap:24,children:[r.jsxs(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:[r.jsxs(ye,{width:"min(100%, 320px)",children:[r.jsx(ye.Header,{children:r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",gap:12,flexWrap:"wrap",children:[r.jsx(i.Text,{fontWeight:"700",children:e.metadata.id==="spacex"?"Falcon 9":"Product Card"}),r.jsx(we,{variant:"filled",content:"New"})]})}),r.jsx(ye.Content,{children:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:e.metadata.id==="spacex"?"The world's first orbital-class reusable rocket. Designed for reliable and safe transport of people and payloads.":"Card surfaces, borders, typography, and shadows come from the active JSON config."})}),r.jsx(ye.Footer,{children:r.jsx(ie,{size:"sm",children:e.metadata.id==="spacex"?"Explore":"Review"})})]}),r.jsxs(ye,{width:"min(100%, 320px)",children:[r.jsx(ye.Header,{children:r.jsxs(i.Horizontal,{gap:12,alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",children:[r.jsxs(i.Horizontal,{gap:12,alignItems:"center",children:[r.jsx(Vn,{fallback:e.metadata.label.slice(0,2)}),r.jsxs(i.Vertical,{gap:2,children:[r.jsx(i.Text,{fontWeight:"700",children:e.metadata.id==="spacex"?"Starship":e.metadata.label}),r.jsx(i.Text,{fontSize:12,color:e.theme.muted,children:e.metadata.id==="spacex"?"Multiplanetary mission":"Config-driven preview"})]})]}),r.jsx(we,{variant:"outline",content:"Active"})]})}),r.jsx(ye.Content,{children:e.metadata.id==="spacex"?r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"The most powerful launch vehicle ever developed. Designed to carry crew and cargo to Mars and beyond."}):r.jsx(it,{variant:"info",title:"Config active",description:"This alert is rendered by the shared component."})})]})]}),r.jsx(ly,{config:e}),r.jsx(Wn,{ratio:16/9,borderRadius:12,overflow:"hidden",children:r.jsx(i.View,{width:"100%",height:"100%",backgroundColor:e.theme.primary,children:r.jsxs(i.Vertical,{height:"100%",alignItems:"center",justifyContent:"center",gap:8,children:[r.jsx(i.Text,{fontWeight:"700",color:e.theme.onPrimary,children:"16:9 Aspect Ratio"}),r.jsx(we,{content:"Config primary color"})]})})}),r.jsxs(He,{children:[r.jsx(He.Content,{children:[1,2,3].map(c=>r.jsx(He.Item,{children:r.jsx(i.View,{height:200,borderRadius:12,alignItems:"center",justifyContent:"center",backgroundColor:e.theme.surface,borderColor:e.theme.border,borderWidth:1,borderStyle:"solid",children:r.jsxs(i.Text,{fontSize:24,fontWeight:"700",children:["Slide ",c]})})},c))}),r.jsxs(i.Horizontal,{gap:12,marginTop:12,justifyContent:"center",children:[r.jsx(He.Previous,{}),r.jsx(He.Next,{})]})]})]})}),r.jsx(fe,{title:"Navigation & Interactive",config:e,children:r.jsxs(i.Vertical,{gap:18,children:[r.jsxs(i.Vertical,{gap:20,children:[r.jsxs(i.Vertical,{gap:8,children:[r.jsx(i.Text,{fontSize:12,fontWeight:"700",color:e.theme.muted,children:"With icons"}),r.jsx(vo,{tabs:ry,defaultValue:"homes",views:{tab:{borderRadius:tr(e,"tabs")},activeTab:{borderRadius:tr(e,"tabs")}}})]}),r.jsxs(i.Vertical,{gap:8,children:[r.jsx(i.Text,{fontSize:12,fontWeight:"700",color:e.theme.muted,children:"Without icons"}),r.jsx(vo,{defaultValue:"overview",views:{tab:{borderRadius:tr(e,"tabs")},activeTab:{borderRadius:tr(e,"tabs")}},tabs:[{title:"Overview",value:"overview",content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Tokens and components share the active config."})},{title:"Usage",value:"usage",content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Explicit props still override the config defaults."})},{title:"Audit",value:"audit",content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Plain text tabs without icons."})}]})]})]}),r.jsx(io,{items:ny,orientation:"horizontal",defaultActiveItemId:"components"}),(()=>{const c=tr(e,"accordion"),d={borderWidth:0,borderTopWidth:0,borderBottomWidth:0,borderLeftWidth:0,borderRightWidth:0,marginBottom:0,borderRadius:0},g={...d,borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.theme.border};return r.jsxs(Pe,{defaultValue:"tokens",collapsible:!0,shape:"rounded",views:{container:{borderRadius:c,overflow:"hidden",borderWidth:1,borderStyle:"solid",borderColor:e.theme.border}},children:[r.jsxs(Pe.Item,{value:"tokens",...d,views:{item:d,trigger:{borderRadius:0}},children:[r.jsx(Pe.Trigger,{children:"Token extraction"}),r.jsx(Pe.Content,{children:r.jsxs(i.Text,{color:e.theme.muted,children:[Object.keys(e.tokens.rawCssVars).length," raw CSS variables were extracted from ",e.metadata.sourcePath,"."]})})]}),r.jsxs(Pe.Item,{value:"overrides",...g,views:{item:g,trigger:{borderRadius:0}},children:[r.jsx(Pe.Trigger,{children:"Override behavior"}),r.jsx(Pe.Content,{children:r.jsx(i.Text,{color:e.theme.muted,children:"Props passed directly to components override the design-system defaults."})})]})]})})(),r.jsx(Ar,{label:"advanced tools"}),r.jsxs(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:[r.jsx(Wt,{color:e.theme.primary,children:"Toggle Button"}),r.jsx(Al,{color:e.theme.primary,items:[{id:"left",value:"Left"},{id:"center",value:"Center"},{id:"right",value:"Right"}]}),r.jsx(Lr,{content:"Tooltip message",children:r.jsx(ie,{variant:"outline",children:"Hover for Tooltip"})}),r.jsxs(ve,{children:[r.jsx(ve.Trigger,{children:r.jsx(ie,{variant:"ghost",children:"Hover Card"})}),r.jsx(ve.Content,{children:r.jsxs(i.Vertical,{gap:4,padding:12,children:[r.jsx(i.Text,{fontWeight:"700",children:"Detailed Info"}),r.jsx(i.Text,{fontSize:12,opacity:.8,children:"Hover cards provide more context."})]})})]}),r.jsx(_l,{value:e.theme.primary}),r.jsx(ti,{shareData:{url:"https://example.com",title:"Example"}}),r.jsx(dt,{to:"#",children:"Inline Link component"})]}),r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:r.jsx(Rl,{currentPage:o,totalPages:10,onPageChange:t})})]})})]})},gy=({config:e})=>{var o;return r.jsxs(Qr,{config:e,children:[r.jsx(qu,{children:(o=e.metadata.googleFontLinks)==null?void 0:o.map(t=>r.jsx("link",{rel:"stylesheet",href:t},t))}),r.jsx(i.View,{minHeight:"100vh",padding:28,fontFamily:e.tokens.typography.fontFamily,backgroundColor:e.theme.canvas,color:e.theme.text,style:{textTransform:e.metadata.id==="spacex"?"uppercase":"none"},children:r.jsxs(i.Vertical,{gap:28,children:[r.jsxs(i.Vertical,{gap:12,maxWidth:900,children:[r.jsxs(i.Text,{as:"h1",fontSize:44,lineHeight:"48px",fontWeight:"800",fontFamily:e.tokens.typography.fontFamily,children:[e.metadata.label," Design System"]}),r.jsxs(i.Text,{fontSize:16,lineHeight:"24px",color:e.theme.muted,fontFamily:e.tokens.typography.fontFamily,children:["Live App Studio components rendered with the"," ",e.metadata.label," config defaults."]})]}),r.jsxs(i.Vertical,{gap:28,children:[r.jsx(iy,{config:e}),r.jsx(dy,{config:e})]})]})})]})};I.Accordion=Pe,I.Alert=it,I.ArrowIcon=Fs,I.AspectRatio=Wn,I.AttachmentGroup=El,I.AttachmentIcon=Eo,I.AttachmentPreview=im,I.AudioIcon=fo,I.AudioInput=Gs,I.AudioWaveform=ct,I.Avatar=Vn,I.BackIcon=Qc,I.Background=Ii,I.Badge=we,I.BatteryIcon=Vc,I.BluetoothIcon=Ss,I.BoldArrowIcon=Is,I.BookmarkIcon=Ec,I.Button=ie,I.CHART_COLORS=je,I.CalendarIcon=ms,I.CameraIcon=ws,I.Card=ye,I.Carousel=He,I.Chart=Ud,I.ChartIcon=Xc,I.ChatInput=Ci,I.ChatWidget=Fi,I.ChatWidgetComponent=Jt,I.ChatWidgetWidget=mu,I.CheckIcon=Jc,I.Checkbox=Tt,I.ChevronIcon=se,I.ClockIcon=fs,I.CloseEyeIcon=tt,I.CloseIcon=Te,I.CloudIcon=Dc,I.ColorInput=A0,I.ColorPicker=_l,I.ComboBox=rh,I.Command=zo,I.ContextMenu=yo,I.CookieConsent=Kd,I.CopyIcon=$c,I.CountryPicker=B0,I.CreditCardIcon=ss,I.CropIcon=Ws,I.DEFAULT_CHART_COLORS=Xn,I.DatePicker=Kg,I.DeleteIcon=Lc,I.DesignSystem=gy,I.DesignSystemProvider=Qr,I.Divider=Af,I.DocumentIcon=Yc,I.DownloadIcon=Oc,I.DragAndDrop=Jm,I.DragAndDropComponent=Vl,I.DragHandleIcon=kc,I.DragHandleLinesIcon=Hs,I.Drawer=lo,I.DropZone=ef,I.DropdownMenu=Xo,I.DustBinIcon=cr,I.EditIcon=Bc,I.EmojiPicker=ff,I.ErrorIcon=hr,I.ExternalLinkIcon=Fn,I.FacebookIcon=zc,I.FileIcon=eo,I.FileImage=r0,I.FileSVG=o0,I.FilterIcon=hs,I.FolderIcon=xc,I.FormikChatInput=zh,I.FormikCheckbox=gh,I.FormikColorInput=Mh,I.FormikComboBox=$h,I.FormikCountryPicker=Ph,I.FormikDatePicker=Wh,I.FormikEmojiPicker=lm,I.FormikForm=sh,I.FormikIconPicker=em,I.FormikOTPInput=qh,I.FormikPassword=Dh,I.FormikRadio=uh,I.FormikSelect=Hh,I.FormikSelector=Gh,I.FormikSlider=Nh,I.FormikSwitch=jh,I.FormikTagInput=Ah,I.FormikTextArea=Vh,I.FormikTextField=Eh,I.FormikToggle=Kh,I.FormikToggleGroup=Jh,I.FormikUploader=nl,I.GiftIcon=rs,I.Gradient=ql,I.HeartIcon=Hc,I.HelpIcon=bc,I.HomeIcon=_c,I.HoverCard=ve,I.Icon=ir,I.IconPicker=pf,I.ImageIcon=wc,I.InfoIcon=Ge,I.InstagramIcon=Ic,I.LayoutIcon=is,I.LikeIcon=Cs,I.Link=dt,I.LinkIcon=ls,I.LinkedinIcon=Mc,I.Loader=po,I.LoadingSpinnerIcon=rt,I.LockIcon=qc,I.LogoutIcon=ns,I.MagicWandIcon=xs,I.MapPinIcon=ps,I.MediaPreview=cm,I.MenuIcon=us,I.Menubar=co,I.MessageLayout=Ls,I.MessageView=jn,I.MicrophoneIcon=et,I.MinusIcon=Sn,I.Modal=ao,I.MoonIcon=Kc,I.MoreIcon=ds,I.MousePointerIcon=Mn,I.NavigationMenu=io,I.NotificationIcon=Gc,I.OTPInput=_a,I.OpenEyeIcon=nt,I.Pagination=Rl,I.PanelIcon=zn,I.Password=Jg,I.PauseIcon=Pc,I.PlayIcon=vn,I.PlusIcon=Nc,I.PowerOffIcon=as,I.PrintIcon=bs,I.ProfileIcon=Uc,I.ProgressBar=ei,I.RefreshIcon=ys,I.Resizable=Ut,I.RotateIcon=os,I.SaveIcon=Ac,I.SearchIcon=dr,I.Select=_o,I.Selector=T0,I.SendIcon=ot,I.Separator=Ar,I.SettingsIcon=Tn,I.ShapeIcon=es,I.ShareButton=ti,I.ShareIcon=In,I.ShieldIcon=ts,I.Sidebar=Zo,I.Slider=fl,I.SliderIcon=Ms,I.SpinnerIcon=zs,I.StarIcon=jc,I.StatusIndicator=Vr,I.StopIcon=sr,I.SuccessIcon=at,I.Switch=Ct,I.Table=ze,I.Tabs=vo,I.TagInput=nh,I.TextArea=wt,I.TextField=Ie,I.TextIcon=Rc,I.ThreadsIcon=Wc,I.TickIcon=gr,I.Title=jl,I.Toast=gp,I.Toggle=Wt,I.ToggleGroup=Al,I.Tooltip=Lr,I.TrashIcon=gs,I.TwitchIcon=Tc,I.TwitterIcon=Sc,I.UnLikeIcon=ks,I.UnlockIcon=vs,I.UploadIcon=lt,I.Uploader=fr,I.UserIcon=yc,I.VideoIcon=Cc,I.WarningIcon=Rr,I.WifiIcon=Ts,I.XIcon=vc,I.YoutubeIcon=Fc,I.ZapIcon=cs,I.ZoomInIcon=Ps,I.ZoomOutIcon=Zc,I.deepMerge=Ee,I.defaultDesignSystemConfig=un,I.designSystemConfigList=dc,I.designSystemConfigs=Xr,I.getDesignSystemComponentProps=Jr,I.hideDrawer=yl,I.hideMessage=Hn,I.hideModal=Pt,I.mergeDesignSystemComponentProps=bn,I.normalizeDesignSystemComponentProps=Kr,I.showDrawer=vm,I.showMessage=Pn,I.showModal=sm,I.showToast=so,I.useDesignSystem=lr,I.useDesignSystemComponentProps=mo,I.useDrawerStore=Qe,I.useMergedDesignSystemComponentProps=me,I.useMessageStore=mr,I.useModalStore=Je,I.useToast=hp,Object.defineProperty(I,Symbol.toStringTag,{value:"Module"})});
35
+ `})]})},Iu=({number:e=20,children:o,...t})=>{const n=Array.from({length:e},(a,l)=>l);return r.jsxs(i.View,{width:"100%",height:"100%",backgroundColor:"black",position:"relative",overflow:"hidden",...t,children:[n.map(a=>{const l=a*37%200-100+"px",c=.2+a*13%6*.1+"s",g=(1+a*7%9)/2+"s",s=300+a*17%100+"px";return r.jsx(i.View,{position:"absolute",top:"0px",left:l,width:"2px",height:"2px",borderRadius:"9999px",backgroundColor:"white",boxShadow:"0 0 0 1px rgba(255, 255, 255, 0.1)",transform:"rotate(215deg)",zIndex:0,animate:{from:{transform:"translateX(-100%) translateY(-100%)"},to:{transform:`translateX(${s}) translateY(${s})`},iterationCount:"infinite",timingFunction:"linear",fillMode:"forwards",duration:g,delay:c},children:r.jsx(i.View,{position:"absolute",top:"-1px",left:"-1px",width:"1px",height:"1px",borderRadius:"9999px",backgroundColor:"white",boxShadow:"0 10px 0 1px rgba(255, 255, 255, 0.1)"})},a)}),o&&r.jsx(i.View,{position:"relative",zIndex:1,width:"100%",height:"100%",children:o})]})},Li=["rgb(186, 230, 253)","rgb(249, 168, 212)","rgb(134, 239, 172)","rgb(253, 224, 71)","rgb(252, 165, 165)","rgb(216, 180, 254)","rgb(147, 197, 253)","rgb(165, 180, 252)","rgb(196, 181, 253)"],Fu=()=>Li[Math.floor(Math.random()*Li.length)],zu=({rows:e=15,cols:o=10,squareSize:t=40,...n})=>{const a=Array(e).fill(1),l=Array(o).fill(1);return r.jsx(i.View,{padding:16,width:400,height:300,position:"relative",overflow:"hidden",backgroundColor:"color-gray-50",zIndex:0,transform:"skewX(-48deg) skewY(14deg) scale(0.675) rotate(0deg) translateZ(0)",...n,children:a.map((c,g)=>r.jsx(i.Horizontal,{gap:0,children:l.map((s,d)=>r.jsx(i.View,{height:t/3,width:t,borderStyle:"solid",borderColor:"color-gray-200",borderWidth:.5,backgroundColor:"transparent",cursor:"pointer",on:{hover:{backgroundColor:Fu(),transition:"background-color 0.2s ease"}}},`col-${d}`))},`row-${g}`))})},Mu=["rgb(59, 130, 246)","rgb(147, 51, 234)","rgb(236, 72, 153)","rgb(34, 197, 94)","rgb(251, 146, 60)","rgb(168, 85, 247)"],Wu=({count:e=50,colors:o=Mu,speed:t="medium",shapes:n=["circle"],...a})=>{const l=Array.from({length:e},(d,f)=>f),c=()=>{switch(t){case"slow":return .5;case"fast":return 2;default:return 1}},g=()=>n[Math.floor(Math.random()*n.length)],s=()=>o[Math.floor(Math.random()*o.length)];return r.jsx(i.View,{width:400,height:300,position:"relative",overflow:"hidden",backgroundColor:"color-gray-900",...a,children:l.map(d=>{const f=Math.random()*8+4,m=Math.random()*400,p=Math.random()*300,u=Math.random()*400,y=Math.random()*300,x=(Math.random()*10+5)/c(),k=Math.random()*5,C=g(),S=s(),v={circle:{borderRadius:"50%"},square:{borderRadius:"2px"},triangle:{borderRadius:"0",clipPath:"polygon(50% 0%, 0% 100%, 100% 100%)"}};return r.jsx(i.View,{position:"absolute",width:f,height:f,backgroundColor:S,opacity:.7,style:{left:m,top:p,...v[C]},animate:{from:{transform:"translate(0px, 0px) scale(0.5)",opacity:0},to:{transform:`translate(${u-m}px, ${y-p}px) scale(1)`,opacity:.7},iterationCount:"infinite",direction:"alternate",timingFunction:"ease-in-out",duration:`${x}s`,delay:`${k}s`}},d)})})},Pu=({gridSize:e=30,lineColor:o="rgba(59, 130, 246, 0.3)",pulseColor:t="rgba(59, 130, 246, 0.8)",animationSpeed:n="medium",...a})=>{const l=()=>{switch(n){case"slow":return 4;case"fast":return 1;default:return 2}},c=Math.floor(400/e),g=Math.floor(300/e),s=c*g,d=Array.from({length:s},(f,m)=>m);return r.jsxs(i.View,{width:400,height:300,position:"relative",overflow:"hidden",backgroundColor:"color-gray-900",...a,children:[Array.from({length:c+1},(f,m)=>r.jsx(i.View,{position:"absolute",left:m*e,top:0,width:1,height:"100%",backgroundColor:o},`v-line-${m}`)),Array.from({length:g+1},(f,m)=>r.jsx(i.View,{position:"absolute",left:0,top:m*e,width:"100%",height:1,backgroundColor:o},`h-line-${m}`)),d.map(f=>{const m=f%c,p=Math.floor(f/c),u=(m+p)*.1;return r.jsx(i.View,{position:"absolute",left:m*e+1,top:p*e+1,width:e-2,height:e-2,backgroundColor:"transparent",animate:{from:{backgroundColor:"transparent"},to:{backgroundColor:t},iterationCount:"infinite",direction:"alternate",timingFunction:"ease-in-out",duration:`${l()}s`,delay:`${u}s`}},f)})]})},Hu=["rgba(59, 130, 246, 0.6)","rgba(147, 51, 234, 0.6)","rgba(236, 72, 153, 0.6)","rgba(34, 197, 94, 0.6)"],ju=({rippleCount:e=5,colors:o=Hu,maxSize:t=200,frequency:n=3,...a})=>{const l=Array.from({length:e},(c,g)=>({id:g,x:Math.random()*400,y:Math.random()*300,color:o[g%o.length],delay:g*(n/e),duration:3+Math.random()*2}));return r.jsxs(i.View,{width:400,height:300,position:"relative",overflow:"hidden",backgroundColor:"color-gray-100",...a,children:[l.map(c=>r.jsx(i.View,{position:"absolute",width:20,height:20,borderRadius:"50%",style:{left:c.x-10,top:c.y-10,border:`2px solid ${c.color}`,backgroundColor:"transparent"},animate:{from:{transform:"scale(0)",opacity:1},to:{transform:`scale(${t/20})`,opacity:0},iterationCount:"infinite",timingFunction:"ease-out",duration:`${c.duration}s`,delay:`${c.delay}s`}},c.id)),l.map(c=>r.jsx(i.View,{position:"absolute",width:10,height:10,borderRadius:"50%",style:{left:c.x-5,top:c.y-5,backgroundColor:c.color},animate:{from:{transform:"scale(1)",opacity:.8},to:{transform:`scale(${t/40})`,opacity:0},iterationCount:"infinite",timingFunction:"ease-out",duration:`${c.duration*1.2}s`,delay:`${c.delay+.5}s`}},`secondary-${c.id}`))]})},Au=({children:e,src:o,backgroundSize:t="cover",backgroundPosition:n="center",backgroundRepeat:a="no-repeat",backgroundAttachment:l="scroll",imageOpacity:c=1,overlay:g=null,blendMode:s="normal",views:d,themeMode:f,...m})=>{const p={...tn.image,backgroundImage:`url(${o})`,backgroundSize:t,backgroundPosition:n,backgroundRepeat:a,backgroundAttachment:l,opacity:c};return r.jsxs(i.View,{...tn.container,...d==null?void 0:d.container,...m,children:[r.jsx(i.View,{style:p,...d==null?void 0:d.image}),g,e&&r.jsx(i.View,{...tn.content,...d==null?void 0:d.content,children:e})]})},Vu=({children:e,src:o,autoPlay:t=!0,loop:n=!0,muted:a=!0,playsInline:l=!0,overlay:c=null,blendMode:g="normal",views:s,themeMode:d,...f})=>r.jsxs(i.View,{...nn.container,...s==null?void 0:s.container,...f,children:[r.jsx(i.View,{as:"video",src:o,autoPlay:t,loop:n,muted:a,playsInline:l,style:nn.video,...s==null?void 0:s.video}),c,e&&r.jsx(i.View,{...nn.content,...s==null?void 0:s.content,children:e})]}),Eu=({children:e,...o})=>r.jsx(ai,{...o,children:e}),Du=({contentPosition:e,backgroundColor:o="color-black-900",...t})=>{const a=(()=>{let l=`${o}-100`,c=`${o}-900`,g=`${o}-600`,s=`${o}-400`;switch(o.indexOf("-")===-1&&(l=`color-mix(in srgb, ${o} 10%, transparent)`,c=`color-mix(in srgb, ${o} 90%, transparent)`,g=`color-mix(in srgb, ${o} 70%, transparent)`,s=`color-mix(in srgb, ${o} 50%, transparent)`),e){case"left":return`radial-gradient(circle at 70% 50%, ${l} 0%, ${l} 100%), linear-gradient(to right, ${c} 0%, ${g} 65%, ${l} 100%)`;case"right":return`radial-gradient(circle at 30% 50%, ${l} 0%, ${l} 100%), linear-gradient(to left, ${c} 0%, ${g} 65%, ${l} 100%)`;case"top":return`radial-gradient(circle at 50% 40%, ${l} 0%, ${l} 100%), linear-gradient(to bottom, ${c} 0%, ${g} 60%, ${l} 100%)`;case"bottom":return`radial-gradient(circle at 50% 60%, ${l} 0%, ${l} 100%), linear-gradient(to top, ${c} 0%, ${g} 60%, ${l} 100%)`;case"center":return`radial-gradient(circle at 50% 70%, ${c} 0%, ${l} 100%)`;default:return s}})();return r.jsx(i.View,{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:a,pointerEvents:"none",zIndex:1,...t})},$u=({children:e,views:o,...t})=>r.jsx(vu.Provider,{value:{},children:r.jsx(i.View,{...Su.container,...o==null?void 0:o.container,...t,children:e})}),Bi=h.forwardRef(({children:e,designProps:o,shape:t="rounded",decorationRotation:n=5,decorationScale:a=1,decorationOpacity:l=.8,views:c,...g},s)=>{const f=(k=>{switch(k){case"square":return"0px";case"pill":return"9999px";case"rounded":default:return"16px"}})(t),m=Math.abs(n)*(Math.PI/180),p=Math.sin(m)*100,u=(a-1)*100/2,y=Math.ceil(p+u),x=g.backgroundColor??"theme-primary";return r.jsx(i.View,{...g,ref:s,backgroundColor:"transparent",position:"relative",overflow:"visible",...c==null?void 0:c.container,children:r.jsxs(i.View,{padding:g.padding??`${96+y}px ${y}px`,position:"relative",overflow:"visible",children:[r.jsx(i.View,{position:"absolute",top:y,left:y,right:y,bottom:y,backgroundColor:x,borderRadius:f,opacity:l/1.5,transform:`scale(${a})`,pointerEvents:"none",zIndex:1,...c==null?void 0:c.back}),r.jsx(i.View,{position:"absolute",top:y,left:y,right:y,bottom:y,transform:`rotate(${n}deg) scale(${a})`,opacity:l/1.2,backgroundColor:x,borderRadius:f,pointerEvents:"none",zIndex:2,...c==null?void 0:c.front}),r.jsx(i.View,{margin:"0 auto",position:"relative",zIndex:3,...c==null?void 0:c.content,children:e})]})})});Bi.displayName="Background.Layout";const ge=$u;ge.Aurora=Tu,ge.Meteors=Iu,ge.Wall=zu,ge.Particles=Wu,ge.Grid=Pu,ge.Ripples=ju,ge.Image=Au,ge.Video=Vu,ge.Gradient=Eu,ge.Overlay=Du,ge.Layout=Bi;const _i=h.forwardRef((e,o)=>r.jsx(ge,{...e,ref:o}));_i.displayName="Background";const Oi=Object.assign(_i,{Layout:ge.Layout,Aurora:ge.Aurora,Meteors:ge.Meteors,Wall:ge.Wall,Particles:ge.Particles,Grid:ge.Grid,Ripples:ge.Ripples,Image:ge.Image,Video:ge.Video,Gradient:ge.Gradient,Overlay:ge.Overlay});Oi.displayName="Background";function Lu(e){const{inputValue:o,onInputChange:t,onSubmit:n,messages:a=[]}=e,[l,c]=h.useState(""),g=h.useRef(null),s=h.useRef(null),d=o!==void 0,f=o!==void 0?o:l,m=h.useCallback(u=>{d?t==null||t(u):c(u)},[d,t]),p=h.useCallback(u=>{u&&u.preventDefault();const y=f.trim();y&&n&&(n(y),d||c(""),g.current&&(g.current.style.height="auto"))},[f,n,d]);return h.useEffect(()=>{s.current&&(s.current.scrollTop=s.current.scrollHeight)},[a.length]),{internalInputValue:f,handleInputChange:m,handleSubmit:p,inputRef:g,messagesRef:s}}const Bu={sm:{fontSize:"12px",padding:"8px"},md:{fontSize:"14px",padding:"10px"},lg:{fontSize:"14px",padding:"12px"}},_u={default:{backgroundColor:"color-white",border:"1px solid color-gray-200",borderRadius:"12px",boxShadow:"0 12px 32px rgba(15, 23, 42, 0.08)"},glassy:{backgroundColor:"color-white-900",backdropFilter:"blur(10px)",border:"1px solid rgba(226, 232, 240, 0.9)",borderRadius:"12px",boxShadow:"0 12px 32px rgba(15, 23, 42, 0.08)"},minimal:{backgroundColor:"color-white",border:"1px solid color-gray-200",borderRadius:"12px"}},Ou={sm:{fontSize:"12px",padding:"8px 10px",borderRadius:"12px"},md:{fontSize:"14px",padding:"10px 12px",borderRadius:"12px"},lg:{fontSize:"14px",padding:"12px 14px",borderRadius:"14px"}},Nu={backgroundColor:"theme-primary",color:"color-white",alignSelf:"flex-end",borderBottomRightRadius:"4px"},qu={backgroundColor:"color-white",color:"color-gray-900",alignSelf:"flex-start",borderBottomLeftRadius:"4px",border:"1px solid color-gray-200"},Oe={container:{display:"flex",flexDirection:"column",width:"100%",height:"100%",overflow:"hidden"},messagesContainer:{flex:1,overflowY:"auto",display:"flex",flexDirection:"column",gap:"12px",padding:"16px",backgroundColor:"color-gray-50"},inputContainer:{position:"relative",backgroundColor:"color-white",borderTop:"1px solid color-gray-200",padding:"12px",display:"flex",alignItems:"flex-end",gap:"8px",transition:"background-color 0.2s ease, border-color 0.2s ease"},bubble:{maxWidth:"80%",position:"relative",wordWrap:"break-word",animation:"chatBubbleAppear 0.25s ease-out"},timestamp:{position:"absolute",top:"-24px",fontSize:"12px",color:"color-gray-500",backgroundColor:"color-white-900",padding:"2px 8px",borderRadius:"9999px",opacity:0,transition:"opacity 0.15s ease-out",border:"1px solid color-gray-200"},input:{flex:1,border:"none",outline:"none",backgroundColor:"transparent",resize:"none",fontFamily:"inherit",fontSize:"14px",minHeight:"24px",maxHeight:"120px"},sendButton:{width:"36px",height:"36px",borderRadius:"10px",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"background-color 0.2s ease, opacity 0.2s ease",flexShrink:0},attachmentButton:{width:"36px",height:"36px",borderRadius:"10px",border:"none",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"transparent",transition:"background-color 0.2s ease",flexShrink:0}},Uu=({messages:e=[],inputPlaceholder:o="Type a message...",disableInput:t=!1,variant:n="default",size:a="md",showTimestamps:l=!0,enableAttachments:c=!1,enableContextPicker:g=!1,selectedContextElements:s=[],onContextPickerClick:d,onRemoveContextElement:f,isLoading:m=!1,loadingText:p="Loading...",styles:u={},maxHeight:y="600px",internalInputValue:x,handleInputChange:k,handleSubmit:C,inputRef:S,messagesRef:v,inputValue:w,onInputChange:b,...T})=>{var W;const F={...Oe.container,..._u[n],...u.container},M={...Oe.messagesContainer,maxHeight:y,...u.messagesContainer},E={...Oe.inputContainer,...u.inputContainer},$={...Oe.input,...Bu[a],...u.input},z=h.useCallback(H=>{k(H.target.value),H.target.style.height="auto",H.target.style.height=`${H.target.scrollHeight}px`},[k]),V=h.useCallback(H=>{H.key==="Enter"&&!H.shiftKey&&(H.preventDefault(),C())},[C]),A=x.trim().length>0,{onSubmit:P,...j}=T;return r.jsxs(i.View,{...F,...j,children:[r.jsxs(i.View,{ref:v,...M,children:[e.length===0?r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",flex:1,color:"color-gray-500",children:r.jsx(i.Text,{fontSize:"14px",children:"No messages yet. Start a conversation."})}):e.map(H=>r.jsx(Gu,{message:H,size:a,showTimestamp:l,styles:{bubble:u.bubble,userBubble:u.userBubble,assistantBubble:u.assistantBubble,timestamp:u.timestamp,reasoningContainer:u.reasoningContainer,reasoningContent:u.reasoningContent,errorMessage:u.errorMessage,systemMessage:u.systemMessage,toolMessage:u.toolMessage}},H.id)),m&&r.jsxs(i.Horizontal,{justifyContent:"flex-start",alignItems:"center",gap:8,marginTop:"8px",...u.loadingIndicator,children:[r.jsx(ct,{widthHeight:12,color:"currentColor",filled:!1,style:{animation:"spin 1s linear infinite"}}),r.jsx(i.Text,{color:"color-gray-500",fontSize:"14px",children:p})]})]}),r.jsxs(i.View,{children:[s.length>0&&r.jsx(i.Horizontal,{gap:8,marginBottom:"8px",flexWrap:"wrap",padding:"0 12px 8px",...u.contextChipsContainer,children:s.map(H=>r.jsxs(i.Horizontal,{backgroundColor:"color-blue-50",borderWidth:1,borderStyle:"solid",borderColor:"color-blue-200",borderRadius:"9999px",padding:"6px 10px",alignItems:"center",gap:6,children:[r.jsx(i.Text,{fontSize:"12px",color:"color-blue-700",fontWeight:"500",children:H.name}),r.jsx(i.View,{as:"button",type:"button",onClick:()=>f==null?void 0:f(H.id),cursor:"pointer",border:"none",backgroundColor:"transparent",display:"flex",alignItems:"center",children:r.jsx(Te,{widthHeight:12,color:"color-blue-700"})})]},H.id))}),r.jsxs(i.View,{as:"form",onSubmit:C,...E,children:[c&&r.jsx(i.View,{as:"button",type:"button",...Oe.attachmentButton,...u.attachmentButton,_hover:{backgroundColor:"color-gray-100"},children:r.jsx(Bo,{widthHeight:16,color:"color-gray-600"})}),r.jsx(i.View,{as:"textarea",ref:S,value:x,onChange:z,onKeyDown:V,placeholder:o,disabled:t||m,...$,style:{...$,opacity:t||m?.5:1}}),r.jsxs(i.Vertical,{gap:4,alignItems:"center",children:[g&&r.jsx(i.View,{as:"button",type:"button",onClick:d,...Oe.attachmentButton,...u.contextPickerButton,_hover:{backgroundColor:"color-gray-100",...(W=u.contextPickerButton)==null?void 0:W._hover},title:"Select element from page",children:r.jsx($n,{widthHeight:16,color:"color-gray-600"})}),r.jsx(i.View,{as:"button",type:"submit",disabled:!A||t||m,...Oe.sendButton,backgroundColor:A?"theme-primary":"color-gray-300",_hover:{backgroundColor:A?"theme-primary":"color-gray-300"},...u.sendButton,style:{cursor:A?"pointer":"not-allowed",opacity:!A||t||m?.6:1},children:r.jsx(it,{widthHeight:16,color:"color-white",filled:!1})})]})]})]})]})},Gu=({message:e,size:o,showTimestamp:t,styles:n})=>{const[a,l]=h.useState(!1),[c,g]=h.useState(!1),s=e.role==="user",d=e.messageType==="system",f=e.messageType==="error",m=e.messageType==="tool";if(d)return r.jsx(i.View,{display:"flex",justifyContent:"center",padding:"8px",width:"100%",...n.systemMessage,children:r.jsxs(i.Horizontal,{gap:6,alignItems:"center",opacity:.7,children:[r.jsx(Ye,{widthHeight:12,color:"color-gray-600"}),r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",fontStyle:"italic",children:e.content})]})});if(m)return r.jsx(i.View,{display:"flex",justifyContent:"flex-start",padding:"8px 16px",width:"100%",...n.toolMessage,children:r.jsxs(i.Horizontal,{gap:8,alignItems:"center",backgroundColor:"color-gray-50",padding:"8px 10px",borderRadius:"8px",width:"100%",borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",children:[r.jsx(An,{widthHeight:14,color:"color-gray-600"}),r.jsxs(i.Vertical,{gap:2,children:[r.jsx(i.Text,{fontSize:"11px",fontWeight:"600",color:"color-gray-700",children:"Tool Usage"}),r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",fontFamily:"monospace",children:e.content})]})]})});const p={...Oe.bubble,...Ou[o],...s?Nu:qu,...f?{backgroundColor:"color-red-50",borderWidth:1,borderStyle:"solid",borderColor:"color-red-200",color:"color-red-700"}:{},...n.bubble,...s?n.userBubble:n.assistantBubble,...f?n.errorMessage:{}},u={...Oe.timestamp,[s?"right":"left"]:"8px",opacity:a?1:0,...n.timestamp};return r.jsx(i.View,{position:"relative",onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),display:"flex",justifyContent:s?"flex-end":"flex-start",children:r.jsxs(i.View,{...p,children:[t&&r.jsx(i.View,{...u,children:e.timestamp.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}),f&&r.jsxs(i.Horizontal,{gap:6,marginBottom:"4px",alignItems:"center",children:[r.jsx(yr,{widthHeight:14,color:"color-red-700"}),r.jsx(i.Text,{fontWeight:"600",fontSize:"12px",children:"Error"})]}),e.reasoning&&r.jsxs(i.View,{marginBottom:"8px",borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:"color-gray-200",paddingBottom:"8px",...n.reasoningContainer,children:[r.jsxs(i.Horizontal,{as:"button",onClick:()=>g(!c),cursor:"pointer",gap:4,alignItems:"center",backgroundColor:"transparent",border:"none",padding:0,children:[r.jsx(i.Text,{fontSize:"11px",color:"color-gray-500",fontWeight:"600",children:"Thinking Process"}),r.jsx(de,{orientation:c?"down":"right",widthHeight:10,color:"color-gray-500"})]}),c&&r.jsx(i.View,{padding:"8px",backgroundColor:"color-gray-50",borderRadius:"8px",marginTop:"4px",borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",...n.reasoningContent,children:r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",fontStyle:"italic",children:e.reasoning})})]}),r.jsx(i.View,{whiteSpace:"pre-wrap",wordBreak:"break-word",children:e.content}),e.attachments&&e.attachments.length>0&&r.jsx(i.Vertical,{gap:4,marginTop:"8px",children:e.attachments.map(y=>r.jsxs(i.Horizontal,{gap:6,padding:"6px 8px",backgroundColor:"color-gray-50",borderRadius:"8px",fontSize:"12px",borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",children:[r.jsx(Bo,{widthHeight:14}),r.jsx(i.Text,{children:y.name})]},y.id))}),e.contextElements&&e.contextElements.length>0&&r.jsxs(i.Vertical,{gap:4,marginTop:"8px",children:[r.jsx(i.Text,{fontSize:"11px",color:"color-black-500",fontWeight:"600",children:"Context:"}),e.contextElements.map(y=>r.jsx(i.Horizontal,{gap:6,padding:"6px 10px",backgroundColor:"color-blue-50",borderRadius:"9999px",fontSize:"11px",borderWidth:1,borderStyle:"solid",borderColor:"color-blue-200",children:r.jsx(i.Text,{color:"color-blue-700",fontWeight:"500",children:y.name})},y.id))]})]})})},an=e=>{const o=Lu(e);return r.jsx(Uu,{...e,...o})};an.displayName="ChatWidget";const Ni=an;function Yu({onSelect:e,onCancel:o,active:t}){const[n,a]=h.useState(null);h.useRef(null);const l=h.useCallback(s=>{var u;if(!t)return;const d=document.elementFromPoint(s.clientX,s.clientY);if(!d||d===document.body||d.closest('[data-chatwidget-ignore="true"]')||d.closest("#chatwidget-overlay")){a(null);return}const f=d.getBoundingClientRect();let m=d.tagName.toLowerCase();if(d.id)m+=`#${d.id}`;else if(d.className&&typeof d.className=="string"){const y=d.className.split(" ")[0];y&&(m+=`.${y}`)}const p=(u=d.innerText)==null?void 0:u.slice(0,20);p&&(m+=` ("${p}...")`),a({id:d.id||`el-${Date.now()}`,name:m,tagName:d.tagName.toLowerCase(),rect:f})},[t]),c=h.useCallback(s=>{!t||s.target.closest('[data-chatwidget-ignore="true"]')||(s.preventDefault(),s.stopPropagation(),n&&e(n))},[t,n,e]),g=h.useCallback(s=>{t&&s.key==="Escape"&&o()},[t,o]);return h.useEffect(()=>{if(!(typeof document>"u"))return t?(document.addEventListener("mousemove",l),document.addEventListener("click",c,!0),document.addEventListener("keydown",g),document.body.style.cursor="crosshair"):(a(null),document.removeEventListener("mousemove",l),document.removeEventListener("click",c,!0),document.removeEventListener("keydown",g),document.body.style.cursor=""),()=>{document.removeEventListener("mousemove",l),document.removeEventListener("click",c,!0),document.removeEventListener("keydown",g),document.body.style.cursor=""}},[t,l,c,g]),{highlightedElement:n}}function Xu({element:e}){return e?r.jsx("div",{id:"chatwidget-overlay",style:{position:"fixed",top:e.rect.top,left:e.rect.left,width:e.rect.width,height:e.rect.height,border:"2px solid #1D4ED8",backgroundColor:"rgba(29, 78, 216, 0.08)",pointerEvents:"none",zIndex:99999,transition:"top 0.1s ease-out, left 0.1s ease-out, width 0.1s ease-out, height 0.1s ease-out",borderRadius:"8px"},children:r.jsx("div",{style:{position:"absolute",top:"-24px",left:"0",backgroundColor:"#1D4ED8",color:"white",padding:"2px 8px",borderRadius:"9999px",fontSize:"12px",fontWeight:"bold",whiteSpace:"nowrap"},children:e.name})}):null}const Ku=({initialMessages:e=[],onSendMessage:o,bubbleSize:t="md"})=>{const[n,a]=h.useState(!1),[l,c]=h.useState(!1),[g,s]=h.useState(e),[d,f]=h.useState([]),{highlightedElement:m}=Yu({active:l,onSelect:k=>{f(C=>[...C,k]),c(!1),a(!0)},onCancel:()=>{c(!1),a(!0)}}),p=()=>a(!n),u=()=>{c(!0),a(!1)},y=k=>{f(C=>C.filter(S=>S.id!==k))},x=k=>{const C={id:Date.now().toString(),role:"user",content:k,timestamp:new Date,contextElements:[...d]};s(S=>[...S,C]),o==null||o(k,d),f([]),setTimeout(()=>{var b;const S=Math.random()>.7,v=Math.random()>.4,w={id:(Date.now()+1).toString(),role:"assistant",timestamp:new Date,content:S?"I will highlight the selected element.":`I received your message regarding: ${((b=C.contextElements)==null?void 0:b.map(T=>T.name).join(", "))||"general context"}. How can I assist you further?`,messageType:S?"tool":"text",reasoning:v?"Analyzing the user input and context... The user seems to be asking about specific elements. I should tailor my response to the selected context.":void 0};s(T=>[...T,w]),S&&setTimeout(()=>{s(T=>[...T,{id:(Date.now()+2).toString(),role:"assistant",messageType:"system",content:'Tool "highlightElement" executed successfully.',timestamp:new Date}])},800)},1e3)};return r.jsxs(i.View,{position:"fixed",bottom:24,right:24,zIndex:9999,children:[r.jsx(Xu,{element:m}),l&&r.jsx(i.View,{position:"fixed",top:24,left:"50%",transform:"translateX(-50%)",backgroundColor:"rgba(0,0,0,0.8)",color:"white",padding:"8px 16px",borderRadius:"24px",zIndex:1e4,boxShadow:"0 4px 6px rgba(0,0,0,0.1)",children:r.jsx(i.Text,{fontWeight:"600",fontSize:"14px",children:"Click an element to select it. Press ESC to cancel."})}),n&&r.jsxs(i.View,{position:"absolute",bottom:60,right:0,width:"400px",height:"600px",marginBottom:"16px",backgroundColor:"rgba(255, 255, 255, 0.8)",backdropFilter:"blur(20px)",borderRadius:"24px",border:"1px solid rgba(255, 255, 255, 0.4)",boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",overflow:"hidden",animation:"slideUp 0.3s ease-out",style:{animation:"fadeIn 0.2s ease-out",transformOrigin:"bottom right"},children:[r.jsxs(i.View,{padding:"16px",borderBottom:"1px solid rgba(0,0,0,0.05)",display:"flex",justifyContent:"space-between",alignItems:"center",children:[r.jsx(i.Text,{fontWeight:"bold",color:"color-gray-800",children:"ChatWidget Assistant"}),r.jsx(i.View,{as:"button",onClick:()=>a(!1),cursor:"pointer",padding:"4px",borderRadius:"50%",border:"none",backgroundColor:"transparent",_hover:{backgroundColor:"rgba(0,0,0,0.05)"},children:r.jsx(Te,{widthHeight:16,color:"color-gray-500"})})]}),r.jsx(Ni,{messages:g,onSubmit:x,size:t,variant:"minimal",enableContextPicker:!0,selectedContextElements:d,onContextPickerClick:u,onRemoveContextElement:y,styles:{container:{height:"calc(100% - 60px)",backgroundColor:"transparent"},inputContainer:{backgroundColor:"white",margin:"0 16px 16px 16px",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1)"}}})]}),!l&&r.jsx(i.View,{as:"button",onClick:p,width:"56px",height:"56px",borderRadius:"50%",backgroundColor:"theme-primary",border:"none",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.2s ease",_hover:{transform:"scale(1.05)"},_active:{transform:"scale(0.95)"},"data-chatwidget-ignore":"true",children:n?r.jsx(Te,{widthHeight:24,color:"white"}):r.jsx(Dn,{widthHeight:24,color:"white"})})]})},qi=e=>{const o=me("radio",e),t=ol(o);return r.jsx(rl,{...t,...o})};function ln(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ju=typeof Element<"u",Qu=typeof Map=="function",Zu=typeof Set=="function",Ru=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function Gr(e,o){if(e===o)return!0;if(e&&o&&typeof e=="object"&&typeof o=="object"){if(e.constructor!==o.constructor)return!1;var t,n,a;if(Array.isArray(e)){if(t=e.length,t!=o.length)return!1;for(n=t;n--!==0;)if(!Gr(e[n],o[n]))return!1;return!0}var l;if(Qu&&e instanceof Map&&o instanceof Map){if(e.size!==o.size)return!1;for(l=e.entries();!(n=l.next()).done;)if(!o.has(n.value[0]))return!1;for(l=e.entries();!(n=l.next()).done;)if(!Gr(n.value[1],o.get(n.value[0])))return!1;return!0}if(Zu&&e instanceof Set&&o instanceof Set){if(e.size!==o.size)return!1;for(l=e.entries();!(n=l.next()).done;)if(!o.has(n.value[0]))return!1;return!0}if(Ru&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(o)){if(t=e.length,t!=o.length)return!1;for(n=t;n--!==0;)if(e[n]!==o[n])return!1;return!0}if(e.constructor===RegExp)return e.source===o.source&&e.flags===o.flags;if(e.valueOf!==Object.prototype.valueOf&&typeof e.valueOf=="function"&&typeof o.valueOf=="function")return e.valueOf()===o.valueOf();if(e.toString!==Object.prototype.toString&&typeof e.toString=="function"&&typeof o.toString=="function")return e.toString()===o.toString();if(a=Object.keys(e),t=a.length,t!==Object.keys(o).length)return!1;for(n=t;n--!==0;)if(!Object.prototype.hasOwnProperty.call(o,a[n]))return!1;if(Ju&&e instanceof Element)return!1;for(n=t;n--!==0;)if(!((a[n]==="_owner"||a[n]==="__v"||a[n]==="__o")&&e.$$typeof)&&!Gr(e[a[n]],o[a[n]]))return!1;return!0}return e!==e&&o!==o}var ey=function(o,t){try{return Gr(o,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}};const oy=ln(ey);var ry=function(e,o,t,n,a,l,c,g){if(process.env.NODE_ENV!=="production"&&o===void 0)throw new Error("invariant requires an error message argument");if(!e){var s;if(o===void 0)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var d=[t,n,a,l,c,g],f=0;s=new Error(o.replace(/%s/g,function(){return d[f++]})),s.name="Invariant Violation"}throw s.framesToPop=1,s}},ty=ry;const Ui=ln(ty);var ny=function(o,t,n,a){var l=n?n.call(a,o,t):void 0;if(l!==void 0)return!!l;if(o===t)return!0;if(typeof o!="object"||!o||typeof t!="object"||!t)return!1;var c=Object.keys(o),g=Object.keys(t);if(c.length!==g.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),d=0;d<c.length;d++){var f=c[d];if(!s(f))return!1;var m=o[f],p=t[f];if(l=n?n.call(a,m,p,f):void 0,l===!1||l===void 0&&m!==p)return!1}return!0};const ay=ln(ny);var Gi=(e=>(e.BASE="base",e.BODY="body",e.HEAD="head",e.HTML="html",e.LINK="link",e.META="meta",e.NOSCRIPT="noscript",e.SCRIPT="script",e.STYLE="style",e.TITLE="title",e.FRAGMENT="Symbol(react.fragment)",e))(Gi||{}),cn={link:{rel:["amphtml","canonical","alternate"]},script:{type:["application/ld+json"]},meta:{charset:"",name:["generator","robots","description"],property:["og:type","og:title","og:url","og:image","og:image:alt","og:description","twitter:url","twitter:title","twitter:description","twitter:image","twitter:image:alt","twitter:card","twitter:site"]}},Yi=Object.values(Gi),Yr={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},Xi=Object.entries(Yr).reduce((e,[o,t])=>(e[t]=o,e),{}),Ae="data-rh",Ho={DEFAULT_TITLE:"defaultTitle",DEFER:"defer",ENCODE_SPECIAL_CHARACTERS:"encodeSpecialCharacters",ON_CHANGE_CLIENT_STATE:"onChangeClientState",TITLE_TEMPLATE:"titleTemplate",PRIORITIZE_SEO_TAGS:"prioritizeSeoTags"},jo=(e,o)=>{for(let t=e.length-1;t>=0;t-=1){const n=e[t];if(Object.prototype.hasOwnProperty.call(n,o))return n[o]}return null},ly=e=>{let o=jo(e,"title");const t=jo(e,Ho.TITLE_TEMPLATE);if(Array.isArray(o)&&(o=o.join("")),t&&o)return t.replace(/%s/g,()=>o);const n=jo(e,Ho.DEFAULT_TITLE);return o||n||void 0},iy=e=>jo(e,Ho.ON_CHANGE_CLIENT_STATE)||(()=>{}),sn=(e,o)=>o.filter(t=>typeof t[e]<"u").map(t=>t[e]).reduce((t,n)=>({...t,...n}),{}),cy=(e,o)=>o.filter(t=>typeof t.base<"u").map(t=>t.base).reverse().reduce((t,n)=>{if(!t.length){const a=Object.keys(n);for(let l=0;l<a.length;l+=1){const g=a[l].toLowerCase();if(e.indexOf(g)!==-1&&n[g])return t.concat(n)}}return t},[]),sy=e=>console&&typeof console.warn=="function"&&console.warn(e),lr=(e,o,t)=>{const n={};return t.filter(a=>Array.isArray(a[e])?!0:(typeof a[e]<"u"&&sy(`Helmet: ${e} should be of type "Array". Instead found type "${typeof a[e]}"`),!1)).map(a=>a[e]).reverse().reduce((a,l)=>{const c={};l.filter(s=>{let d;const f=Object.keys(s);for(let p=0;p<f.length;p+=1){const u=f[p],y=u.toLowerCase();o.indexOf(y)!==-1&&!(d==="rel"&&s[d].toLowerCase()==="canonical")&&!(y==="rel"&&s[y].toLowerCase()==="stylesheet")&&(d=y),o.indexOf(u)!==-1&&(u==="innerHTML"||u==="cssText"||u==="itemprop")&&(d=u)}if(!d||!s[d])return!1;const m=s[d].toLowerCase();return n[d]||(n[d]={}),c[d]||(c[d]={}),n[d][m]?!1:(c[d][m]=!0,!0)}).reverse().forEach(s=>a.push(s));const g=Object.keys(c);for(let s=0;s<g.length;s+=1){const d=g[s],f={...n[d],...c[d]};n[d]=f}return a},[]).reverse()},dy=(e,o)=>{if(Array.isArray(e)&&e.length){for(let t=0;t<e.length;t+=1)if(e[t][o])return!0}return!1},gy=e=>({baseTag:cy(["href"],e),bodyAttributes:sn("bodyAttributes",e),defer:jo(e,Ho.DEFER),encode:jo(e,Ho.ENCODE_SPECIAL_CHARACTERS),htmlAttributes:sn("htmlAttributes",e),linkTags:lr("link",["rel","href"],e),metaTags:lr("meta",["name","charset","http-equiv","property","itemprop"],e),noscriptTags:lr("noscript",["innerHTML"],e),onChangeClientState:iy(e),scriptTags:lr("script",["src","innerHTML"],e),styleTags:lr("style",["cssText"],e),title:ly(e),titleAttributes:sn("titleAttributes",e),prioritizeSeoTags:dy(e,Ho.PRIORITIZE_SEO_TAGS)}),Ki=e=>Array.isArray(e)?e.join(""):e,hy=(e,o)=>{const t=Object.keys(e);for(let n=0;n<t.length;n+=1)if(o[t[n]]&&o[t[n]].includes(e[t[n]]))return!0;return!1},dn=(e,o)=>Array.isArray(e)?e.reduce((t,n)=>(hy(n,o)?t.priority.push(n):t.default.push(n),t),{priority:[],default:[]}):{default:e,priority:[]},Ji=(e,o)=>({...e,[o]:void 0}),fy=["noscript","script","style"],gn=(e,o=!0)=>o===!1?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;"),Qi=e=>Object.keys(e).reduce((o,t)=>{const n=typeof e[t]<"u"?`${t}="${e[t]}"`:`${t}`;return o?`${o} ${n}`:n},""),my=(e,o,t,n)=>{const a=Qi(t),l=Ki(o);return a?`<${e} ${Ae}="true" ${a}>${gn(l,n)}</${e}>`:`<${e} ${Ae}="true">${gn(l,n)}</${e}>`},py=(e,o,t=!0)=>o.reduce((n,a)=>{const l=a,c=Object.keys(l).filter(d=>!(d==="innerHTML"||d==="cssText")).reduce((d,f)=>{const m=typeof l[f]>"u"?f:`${f}="${gn(l[f],t)}"`;return d?`${d} ${m}`:m},""),g=l.innerHTML||l.cssText||"",s=fy.indexOf(e)===-1;return`${n}<${e} ${Ae}="true" ${c}${s?"/>":`>${g}</${e}>`}`},""),Zi=(e,o={})=>Object.keys(e).reduce((t,n)=>{const a=Yr[n];return t[a||n]=e[n],t},o),uy=(e,o,t)=>{const n={key:o,[Ae]:!0},a=Zi(t,n);return[h.createElement("title",a,o)]},Xr=(e,o)=>o.map((t,n)=>{const a={key:n,[Ae]:!0};return Object.keys(t).forEach(l=>{const g=Yr[l]||l;if(g==="innerHTML"||g==="cssText"){const s=t.innerHTML||t.cssText;a.dangerouslySetInnerHTML={__html:s}}else a[g]=t[l]}),h.createElement(e,a)}),Me=(e,o,t=!0)=>{switch(e){case"title":return{toComponent:()=>uy(e,o.title,o.titleAttributes),toString:()=>my(e,o.title,o.titleAttributes,t)};case"bodyAttributes":case"htmlAttributes":return{toComponent:()=>Zi(o),toString:()=>Qi(o)};default:return{toComponent:()=>Xr(e,o),toString:()=>py(e,o,t)}}},yy=({metaTags:e,linkTags:o,scriptTags:t,encode:n})=>{const a=dn(e,cn.meta),l=dn(o,cn.link),c=dn(t,cn.script);return{priorityMethods:{toComponent:()=>[...Xr("meta",a.priority),...Xr("link",l.priority),...Xr("script",c.priority)],toString:()=>`${Me("meta",a.priority,n)} ${Me("link",l.priority,n)} ${Me("script",c.priority,n)}`},metaTags:a.default,linkTags:l.default,scriptTags:c.default}},by=e=>{const{baseTag:o,bodyAttributes:t,encode:n=!0,htmlAttributes:a,noscriptTags:l,styleTags:c,title:g="",titleAttributes:s,prioritizeSeoTags:d}=e;let{linkTags:f,metaTags:m,scriptTags:p}=e,u={toComponent:()=>[],toString:()=>""};return d&&({priorityMethods:u,linkTags:f,metaTags:m,scriptTags:p}=yy(e)),{priority:u,base:Me("base",o,n),bodyAttributes:Me("bodyAttributes",t,n),htmlAttributes:Me("htmlAttributes",a,n),link:Me("link",f,n),meta:Me("meta",m,n),noscript:Me("noscript",l,n),script:Me("script",p,n),style:Me("style",c,n),title:Me("title",{title:g,titleAttributes:s},n)}},hn=by,Kr=[],fn=!!(typeof window<"u"&&window.document&&window.document.createElement),mn=class{constructor(e,o){Ge(this,"instances",[]);Ge(this,"canUseDOM",fn);Ge(this,"context");Ge(this,"value",{setHelmet:e=>{this.context.helmet=e},helmetInstances:{get:()=>this.canUseDOM?Kr:this.instances,add:e=>{(this.canUseDOM?Kr:this.instances).push(e)},remove:e=>{const o=(this.canUseDOM?Kr:this.instances).indexOf(e);(this.canUseDOM?Kr:this.instances).splice(o,1)}}});this.context=e,this.canUseDOM=o||!1,o||(e.helmet=hn({baseTag:[],bodyAttributes:{},htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))}},xy=parseInt(h.version.split(".")[0],10),pn=xy>=19,ky={},Ri=h.createContext(ky),Cy=(mo=class extends h.Component{constructor(t){super(t);Ge(this,"helmetData");pn?this.helmetData=null:this.helmetData=new mn(this.props.context||{},mo.canUseDOM)}render(){return pn?h.createElement(h.Fragment,null,this.props.children):h.createElement(Ri.Provider,{value:this.helmetData.value},this.props.children)}},Ge(mo,"canUseDOM",fn),mo),Ao=(e,o)=>{const t=document.head||document.querySelector("head"),n=t.querySelectorAll(`${e}[${Ae}]`),a=[].slice.call(n),l=[];let c;return o&&o.length&&o.forEach(g=>{const s=document.createElement(e);for(const d in g)if(Object.prototype.hasOwnProperty.call(g,d))if(d==="innerHTML")s.innerHTML=g.innerHTML;else if(d==="cssText"){const f=g.cssText;s.appendChild(document.createTextNode(f))}else{const f=d,m=typeof g[f]>"u"?"":g[f];s.setAttribute(d,m)}s.setAttribute(Ae,"true"),a.some((d,f)=>(c=f,s.isEqualNode(d)))?a.splice(c,1):l.push(s)}),a.forEach(g=>{var s;return(s=g.parentNode)==null?void 0:s.removeChild(g)}),l.forEach(g=>t.appendChild(g)),{oldTags:a,newTags:l}},un=(e,o)=>{const t=document.getElementsByTagName(e)[0];if(!t)return;const n=t.getAttribute(Ae),a=n?n.split(","):[],l=[...a],c=Object.keys(o);for(const g of c){const s=o[g]||"";t.getAttribute(g)!==s&&t.setAttribute(g,s),a.indexOf(g)===-1&&a.push(g);const d=l.indexOf(g);d!==-1&&l.splice(d,1)}for(let g=l.length-1;g>=0;g-=1)t.removeAttribute(l[g]);a.length===l.length?t.removeAttribute(Ae):t.getAttribute(Ae)!==c.join(",")&&t.setAttribute(Ae,c.join(","))},wy=(e,o)=>{typeof e<"u"&&document.title!==e&&(document.title=Ki(e)),un("title",o)},ec=(e,o)=>{const{baseTag:t,bodyAttributes:n,htmlAttributes:a,linkTags:l,metaTags:c,noscriptTags:g,onChangeClientState:s,scriptTags:d,styleTags:f,title:m,titleAttributes:p}=e;un("body",n),un("html",a),wy(m,p);const u={baseTag:Ao("base",t),linkTags:Ao("link",l),metaTags:Ao("meta",c),noscriptTags:Ao("noscript",g),scriptTags:Ao("script",d),styleTags:Ao("style",f)},y={},x={};Object.keys(u).forEach(k=>{const{newTags:C,oldTags:S}=u[k];C.length&&(y[k]=C),S.length&&(x[k]=u[k].oldTags)}),o&&o(),s(e,y,x)},ir=null,Sy=e=>{ir&&cancelAnimationFrame(ir),e.defer?ir=requestAnimationFrame(()=>{ec(e,()=>{ir=null})}):(ec(e),ir=null)},vy=Sy,oc=class extends h.Component{constructor(){super(...arguments);Ge(this,"rendered",!1)}shouldComponentUpdate(o){return!ay(o,this.props)}componentDidUpdate(){this.emitChange()}componentWillUnmount(){const{helmetInstances:o}=this.props.context;o.remove(this),this.emitChange()}emitChange(){const{helmetInstances:o,setHelmet:t}=this.props.context;let n=null;const a=gy(o.get().map(l=>{const{context:c,...g}=l.props;return g}));Cy.canUseDOM?vy(a):hn&&(n=hn(a)),t(n)}init(){if(this.rendered)return;this.rendered=!0;const{helmetInstances:o}=this.props.context;o.add(this),this.emitChange()}render(){return this.init(),null}},Jr=[],rc=e=>{const o={};for(const t of Object.keys(e))o[Xi[t]||t]=e[t];return o},fo=e=>{const o={};for(const t of Object.keys(e)){const n=Yr[t];o[n||t]=e[t]}return o},tc=(e,o)=>{if(!fn)return;const t=document.getElementsByTagName(e)[0];if(!t)return;const n="data-rh-managed",a=t.getAttribute(n),l=a?a.split(","):[],c=Object.keys(o);for(const g of l)c.includes(g)||t.removeAttribute(g);for(const g of c){const s=o[g];s==null||s===!1?t.removeAttribute(g):s===!0?t.setAttribute(g,""):t.setAttribute(g,String(s))}c.length>0?t.setAttribute(n,c.join(",")):t.removeAttribute(n)},yn=()=>{const e={},o={};for(const t of Jr){const{htmlAttributes:n,bodyAttributes:a}=t.props;n&&Object.assign(e,rc(n)),a&&Object.assign(o,rc(a))}tc("html",e),tc("body",o)},Ty=class extends h.Component{componentDidMount(){Jr.push(this),yn()}componentDidUpdate(){yn()}componentWillUnmount(){const e=Jr.indexOf(this);e!==-1&&Jr.splice(e,1),yn()}resolveTitle(){const{title:e,titleTemplate:o,defaultTitle:t}=this.props;return e&&o?o.replace(/%s/g,()=>Array.isArray(e)?e.join(""):e):e||t||void 0}renderTitle(){const e=this.resolveTitle();if(e===void 0)return null;const o=this.props.titleAttributes||{};return h.createElement("title",fo(o),e)}renderBase(){const{base:e}=this.props;return e?h.createElement("base",fo(e)):null}renderMeta(){const{meta:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>h.createElement("meta",{key:t,...fo(o)}))}renderLink(){const{link:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>h.createElement("link",{key:t,...fo(o)}))}renderScript(){const{script:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>{const{innerHTML:n,...a}=o,l=fo(a);return n&&(l.dangerouslySetInnerHTML={__html:n}),h.createElement("script",{key:t,...l})})}renderStyle(){const{style:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>{const{cssText:n,...a}=o,l=fo(a);return n&&(l.dangerouslySetInnerHTML={__html:n}),h.createElement("style",{key:t,...l})})}renderNoscript(){const{noscript:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>{const{innerHTML:n,...a}=o,l=fo(a);return n&&(l.dangerouslySetInnerHTML={__html:n}),h.createElement("noscript",{key:t,...l})})}render(){return h.createElement(h.Fragment,null,this.renderTitle(),this.renderBase(),this.renderMeta(),this.renderLink(),this.renderScript(),this.renderStyle(),this.renderNoscript())}},Iy=(Cn=class extends h.Component{shouldComponentUpdate(e){return!oy(Ji(this.props,"helmetData"),Ji(e,"helmetData"))}mapNestedChildrenToProps(e,o){if(!o)return null;switch(e.type){case"script":case"noscript":return{innerHTML:o};case"style":return{cssText:o};default:throw new Error(`<${e.type} /> elements are self-closing and can not contain children. Refer to our API for more information.`)}}flattenArrayTypeChildren(e,o,t,n){return{...o,[e.type]:[...o[e.type]||[],{...t,...this.mapNestedChildrenToProps(e,n)}]}}mapObjectTypeChildren(e,o,t,n){switch(e.type){case"title":return{...o,[e.type]:n,titleAttributes:{...t}};case"body":return{...o,bodyAttributes:{...t}};case"html":return{...o,htmlAttributes:{...t}};default:return{...o,[e.type]:{...t}}}}mapArrayTypeChildrenToProps(e,o){let t={...o};return Object.keys(e).forEach(n=>{t={...t,[n]:e[n]}}),t}warnOnInvalidChildren(e,o){return Ui(Yi.some(t=>e.type===t),typeof e.type=="function"?"You may be attempting to nest <Helmet> components within each other, which is not allowed. Refer to our API for more information.":`Only elements types ${Yi.join(", ")} are allowed. Helmet does not support rendering <${e.type}> elements. Refer to our API for more information.`),Ui(!o||typeof o=="string"||Array.isArray(o)&&!o.some(t=>typeof t!="string"),`Helmet expects a string as a child of <${e.type}>. Did you forget to wrap your children in braces? ( <${e.type}>{\`\`}</${e.type}> ) Refer to our API for more information.`),!0}mapChildrenToProps(e,o){let t={};return h.Children.forEach(e,n=>{if(!n||!n.props)return;const{children:a,...l}=n.props,c=Object.keys(l).reduce((s,d)=>(s[Xi[d]||d]=l[d],s),{});let{type:g}=n;switch(typeof g=="symbol"?g=g.toString():this.warnOnInvalidChildren(n,a),g){case"Symbol(react.fragment)":o=this.mapChildrenToProps(a,o);break;case"link":case"meta":case"noscript":case"script":case"style":t=this.flattenArrayTypeChildren(n,t,c,a);break;default:o=this.mapObjectTypeChildren(n,o,c,a);break}}),this.mapArrayTypeChildrenToProps(t,o)}render(){const{children:e,...o}=this.props;let t={...o},{helmetData:n}=o;if(e&&(t=this.mapChildrenToProps(e,t)),n&&!(n instanceof mn)){const a=n;n=new mn(a.context,!0),delete t.helmetData}return pn?h.createElement(Ty,{...t}):n?h.createElement(oc,{...t,context:n.value}):h.createElement(Ri.Consumer,null,a=>h.createElement(oc,{...t,context:a}))}},Ge(Cn,"defaultProps",{defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1}),Cn);const Fy={airbnb:{highlightStyle:"background",fontWeight:700,letterSpacing:"-0.02em"},apple:{highlightStyle:"solid",fontWeight:600,letterSpacing:"-0.03em"},coinbase:{highlightStyle:"solid",fontWeight:600,letterSpacing:"-0.02em"},figma:{highlightStyle:"underline",fontWeight:600,letterSpacing:"-0.01em",highlightFontWeight:700},linear:{highlightStyle:"gradient",fontWeight:600,letterSpacing:"-0.03em"},nike:{highlightStyle:"underline",fontWeight:800,letterSpacing:"0.02em",textTransform:"uppercase",highlightFontStyle:"italic",highlightFontWeight:900},notion:{highlightStyle:"underline",fontWeight:600,letterSpacing:"-0.01em",highlightFontStyle:"italic"},revolut:{highlightStyle:"gradient",fontWeight:700,letterSpacing:"-0.03em"},shopify:{highlightStyle:"background",fontWeight:700,letterSpacing:"-0.02em"},spacex:{highlightStyle:"glow",fontWeight:700,letterSpacing:"0.04em",textTransform:"uppercase",highlightLetterSpacing:"0.06em"},spotify:{highlightStyle:"background",fontWeight:800,letterSpacing:"-0.03em"},stripe:{highlightStyle:"gradient",fontWeight:700,letterSpacing:"-0.03em"},tesla:{highlightStyle:"solid",fontWeight:500,letterSpacing:"-0.01em",textTransform:"uppercase"},uber:{highlightStyle:"underline",fontWeight:700,letterSpacing:"-0.02em"},vercel:{highlightStyle:"outline",fontWeight:700,letterSpacing:"-0.04em"}},zy={highlightStyle:"background",fontWeight:700,letterSpacing:"-0.02em"},My=e=>Fy[e.metadata.id]??zy,nc=(e,o)=>{const t=e.theme;return{canvas:ke(t.canvas),surface:ke(t.surface),text:ke(t.text),muted:ke(t.muted),border:ke(t.border),primary:ke(t.primary),secondary:ke(t.secondary),success:ke(t.success),warning:ke(t.warning),error:ke(t.error),onPrimary:ke(t.onPrimary),appearance:o}},Wy=e=>nc(e,"light"),Py=e=>nc(e,"dark"),he=({palette:e,label:o,config:t,children:n})=>r.jsxs(i.Vertical,{gap:10,flex:"1 1 320px",minWidth:0,children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[r.jsx(i.View,{width:10,height:10,borderRadius:9999,backgroundColor:e.appearance==="dark"?"#111111":"#ffffff",borderWidth:1,borderStyle:"solid",borderColor:"rgba(0,0,0,0.15)"}),r.jsx(i.Text,{fontSize:11,fontWeight:"700",letterSpacing:"0.08em",textTransform:"uppercase",children:o})]}),r.jsx(rt,{config:t,mode:e.appearance,children:r.jsx(i.View,{padding:20,borderRadius:16,borderWidth:1,borderStyle:"solid",backgroundColor:"color-white",borderColor:"color-gray-200",color:"color-black",children:n})})]}),ke=e=>!e||typeof e!="string"?e:/^(color|theme|light|dark)-/.test(e)?`var(--${e})`:e,Ne=(e,o)=>`color-mix(in srgb, ${ke(e)} ${o}%, transparent)`,Hy=e=>e&&e.startsWith("var(--")?e.slice(6,-1):e,jy={cornerStyle:"soft",typeWeight:"bold",typeCase:"normal",typeStyle:"normal",letterSpacing:"-0.01em",accentTreatment:"flat",signatureMotif:"●",density:"comfortable",surfaceTone:"paper",cardRadius:12,pillRadius:9999,badgeRadius:6,voice:"neutral"},Ay=e=>e.personality||jy,qe=(e,o="normal")=>{let n={light:300,regular:400,bold:700,black:800}[e.typeWeight];return o==="light"&&(n=Math.max(300,n-200)),o==="heavy"&&(n=Math.min(900,n+100)),n},cr=e=>{switch(e.density){case"tight":return{padding:16,gap:10,large:20};case"spacious":return{padding:28,gap:18,large:36};case"comfortable":default:return{padding:22,gap:14,large:28}}},Vy=e=>e.typeCase==="uppercase"?"uppercase":"none",Qr=(e,o)=>{switch(e.surfaceTone){case"glass":return{backgroundColor:o.appearance==="dark"?"rgba(255,255,255,0.04)":"rgba(255,255,255,0.65)",backdropFilter:"blur(14px)"};case"mono":return{backgroundColor:o.appearance==="dark"?"#0a0a0a":ke(o.surface)};case"matte":return{backgroundColor:o.appearance==="dark"?"#181818":"#f4f4f4"};case"paper":default:return{backgroundColor:ke(o.surface)}}},Vo=(e,o)=>{const t=ke(o.primary),n=ke(o.secondary||o.primary);switch(e.accentTreatment){case"gradient":return`linear-gradient(135deg, ${t} 0%, ${n} 100%)`;case"glow":return t;case"stripe":return`repeating-linear-gradient(45deg, ${t} 0 8px, ${n} 8px 16px)`;case"halftone":return`radial-gradient(circle at 30% 30%, ${t} 0%, ${n} 70%)`;case"flat":default:return t}},Eo=(e,o)=>{if(e.accentTreatment==="glow")return`0 0 24px ${Ne(o.primary,40)}, 0 0 4px ${ke(o.primary)}`},oo=e=>({letterSpacing:e.letterSpacing,textTransform:Vy(e),fontStyle:e.typeStyle,fontWeight:qe(e,"heavy")}),xe=e=>({letterSpacing:e.typeCase==="uppercase"?"0.12em":"0.06em",textTransform:"uppercase",fontStyle:e.typeStyle,fontWeight:qe(e,"normal")}),Ey=(e,o)=>{var n,a,l;const t=(n=e.components)==null?void 0:n[o];return(l=(a=t==null?void 0:t.views)==null?void 0:a.container)==null?void 0:l.borderRadius},Dy=e=>{const o=e.tokens.rawCssVars||{},t=e.theme.border,n=e.theme.surface,a=e.theme.primary,l=o["shadow-ring"]||"rgba(0,0,0,0.08) 0px 0px 0px 1px",c=o["shadow-ring-light"]||`${t} 0px 0px 0px 1px`,g=o["shadow-card"]||`rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, ${n} 0px 0px 0px 1px`,s=o["shadow-card-full"]||`rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px 0px, rgba(0,0,0,0.04) 0px 8px 8px -8px, ${n} 0px 0px 0px 1px`;return[{name:"Level 0",label:"Flat",description:"No shadow",shadow:"none"},{name:"Level 1",label:"Ring",description:"Shadow-as-border",shadow:l},{name:"Level 1b",label:"Light Ring",description:"Lighter ring",shadow:c},{name:"Level 2",label:"Card",description:"Ring + subtle lift",shadow:g},{name:"Level 3",label:"Full Card",description:"Ring + lift + ambient + glow",shadow:s},{name:"Focus",label:"Accessibility ring",description:"Focus state — 2px ring",shadow:`0 0 0 2px ${a}`}]},sr=(e,o)=>{const n={accordion:["accordion","card","alert"],tabs:["tabs","button"],panel:["card","alert"]}[o]??[o];for(const a of n){const l=Ey(e,a);if(l!==void 0)return l}return"12px"},bn=({glyph:e,badge:o})=>r.jsxs(i.View,{position:"relative",display:"inline-flex",children:[r.jsx(i.View,{width:32,height:32,borderRadius:"50%",display:"inline-flex",alignItems:"center",justifyContent:"center",style:{backgroundColor:"rgba(0,0,0,0.06)",fontSize:18,lineHeight:"20px"},children:e}),o?r.jsx(i.View,{position:"absolute",top:-10,right:-18,paddingHorizontal:6,paddingVertical:2,borderRadius:9999,style:{backgroundColor:"#ffffff",color:"#222222",fontSize:9,fontWeight:700,letterSpacing:"0.04em",boxShadow:"0 1px 3px rgba(0,0,0,0.18)"},children:o}):null]}),$y=[{title:"Homes",value:"homes",icon:r.jsx(bn,{glyph:"🏠"}),content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Tokens, inputs, and feedback components share the active config."})},{title:"Experiences",value:"experiences",icon:r.jsx(bn,{glyph:"🎈",badge:"NEW"}),content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Explicit props still override the config defaults."})},{title:"Services",value:"services",icon:r.jsx(bn,{glyph:"🛎️",badge:"NEW"}),content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Each tab carries an icon. Active tab uses the theme primary underline."})}],Ly=[{title:"Token",field:"token"},{title:"Value",field:"value"},{title:"Role",field:"role"}],By=[{id:"overview",label:"Overview",href:"#"},{id:"components",label:"Components",href:"#"},{id:"tokens",label:"Tokens",href:"#"}],_y=({color:e,name:o,role:t,border:n})=>r.jsxs(i.View,{borderWidth:1,borderStyle:"solid",borderRadius:8,overflow:"hidden",minWidth:0,borderColor:n,children:[r.jsx(i.View,{height:76,backgroundColor:e}),r.jsxs(i.Vertical,{gap:4,padding:12,children:[r.jsx(i.Text,{fontSize:13,lineHeight:"18px",fontWeight:"700",children:o}),r.jsx(i.Text,{fontSize:12,lineHeight:"16px",opacity:.7,children:e}),r.jsx(i.Text,{fontSize:12,lineHeight:"16px",opacity:.72,children:t})]})]}),pe=({title:e,children:o,config:t})=>r.jsxs(i.Vertical,{gap:18,padding:24,borderWidth:1,borderStyle:"solid",borderRadius:12,backgroundColor:t.theme.canvas,borderColor:t.theme.border,children:[r.jsx(i.Text,{fontSize:18,lineHeight:"24px",fontWeight:"700",color:t.theme.text,children:e}),o]}),Oy=({config:e})=>{const o=My(e),t=o.highlightStyle==="background"?e.theme.onPrimary:e.theme.primary;return r.jsx(i.View,{width:"100%",borderRadius:20,overflow:"hidden",borderWidth:1,borderStyle:"solid",borderColor:e.theme.border,backgroundColor:e.theme.surface,children:r.jsxs(i.Horizontal,{width:"100%",flexWrap:"wrap",alignItems:"stretch",gap:0,children:[r.jsxs(i.Vertical,{flex:"1 1 360px",minWidth:0,padding:36,gap:20,justifyContent:"center",children:[r.jsx(we,{variant:"outline",content:`${e.metadata.label} hero`}),r.jsx(Xl,{size:"xl",responsive:!0,highlightText:"design system",highlightStyle:o.highlightStyle,highlightColor:e.theme.primary,highlightSecondaryColor:o.highlightStyle==="gradient"?e.theme.secondary:e.theme.onPrimary,views:{container:{color:e.theme.text},text:{color:e.theme.text,fontFamily:e.tokens.typography.fontFamily,fontWeight:o.fontWeight,style:{letterSpacing:o.letterSpacing,fontStyle:o.fontStyle??"normal",textTransform:o.textTransform??"none"}},highlight:{color:t,fontWeight:o.highlightFontWeight??o.fontWeight,style:{fontStyle:o.highlightFontStyle??o.fontStyle??"normal",letterSpacing:o.highlightLetterSpacing??o.letterSpacing,textTransform:o.textTransform??"none"}}},children:"Build a beautiful design system in minutes"},`${e.metadata.id}-${o.highlightStyle}`),r.jsxs(i.Text,{color:e.theme.muted,fontFamily:e.tokens.typography.fontFamily,style:{fontSize:16,lineHeight:"24px",maxWidth:520},children:["Each brand defines its own highlight treatment —"," ",r.jsx(i.Text,{as:"span",color:e.theme.primary,fontWeight:"700",children:o.highlightStyle})," ","with weight"," ",r.jsx(i.Text,{as:"span",fontWeight:"700",children:o.fontWeight}),o.highlightFontStyle==="italic"||o.fontStyle==="italic"?", italic":"",o.textTransform==="uppercase"?", uppercase":"","."]}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",children:[r.jsx(ie,{colorScheme:"primary",size:"md",children:"Get started"}),r.jsx(ie,{variant:"outline",colorScheme:"primary",size:"md",children:"View docs"})]})]}),r.jsxs(i.View,{flex:"1 1 320px",minWidth:0,minHeight:260,position:"relative",overflow:"hidden",style:{backgroundImage:`linear-gradient(135deg, ${e.theme.primary}, ${e.theme.secondary||e.theme.primary})`},children:[r.jsx(i.View,{position:"absolute",top:"50%",left:"50%",width:180,height:180,borderRadius:9999,style:{transform:"translate(-50%, -50%)",backgroundColor:"rgba(255,255,255,0.18)",filter:"blur(40px)"}}),r.jsxs(i.Vertical,{width:"100%",height:"100%",minHeight:260,padding:32,justifyContent:"flex-end",alignItems:"flex-start",gap:12,children:[r.jsx(i.Text,{fontWeight:"700",fontFamily:e.tokens.typography.fontFamily,style:{color:e.theme.onPrimary,fontSize:13,letterSpacing:"0.08em",textTransform:"uppercase"},children:e.metadata.label}),r.jsx(i.Text,{fontWeight:"700",fontFamily:e.tokens.typography.fontFamily,style:{color:e.theme.onPrimary,fontSize:28,lineHeight:"32px",letterSpacing:"-0.02em"},children:e.theme.primary})]})]})]})})},Ny=({config:e})=>{var t,n;const o=e.tokens.colors.slice(0,5).map(a=>({token:a.name,value:a.value,role:a.role}));return r.jsxs(i.Vertical,{gap:24,children:[r.jsx(pe,{title:"Color",config:e,children:r.jsx(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(150px, 1fr))",gap:12,children:e.tokens.colors.slice(0,12).map(a=>r.jsx(_y,{color:a.value,name:a.name,role:a.role,text:e.theme.text,border:e.theme.border},a.name))})}),r.jsx(pe,{title:"Typography",config:e,children:r.jsxs(i.Vertical,{gap:24,children:[r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontFamily:e.tokens.typography.fontFamily,fontSize:48,lineHeight:"1.0",fontWeight:"700",letterSpacing:"0.96px",textTransform:"uppercase",children:"Making Life Multiplanetary"}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,children:"Display — 48px / Bold / 1.00 / Uppercase"})]}),r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontFamily:e.tokens.typography.fontFamily,fontSize:16,lineHeight:"1.7",fontWeight:"400",children:"SpaceX designs, manufactures and launches advanced rockets and spacecraft. The company was founded to revolutionize space technology."}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,children:"Body — 16px / 400 / 1.70"})]}),r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontFamily:e.tokens.typography.fontFamily,fontSize:13,lineHeight:"0.94",fontWeight:"700",letterSpacing:"1.17px",textTransform:"uppercase",children:"Falcon 9 · Starship · Dragon"}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,children:"Nav Bold — 13px / 700 / 0.94 / Uppercase"})]}),r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontFamily:e.tokens.typography.fontFamily,fontSize:12,lineHeight:"1.0",fontWeight:"400",letterSpacing:"1px",textTransform:"uppercase",children:"Mission Overview"}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,children:"Caption — 12px / 400 / 1.00 / Uppercase"})]}),r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontFamily:e.tokens.typography.fontFamily,fontSize:10,lineHeight:"0.94",fontWeight:"400",letterSpacing:"1px",textTransform:"uppercase",children:"Launch Date: 2026-04-15"}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,children:"Micro — 10px / 400 / 0.94 / Uppercase"})]}),r.jsx(i.Horizontal,{gap:10,flexWrap:"wrap",marginTop:12,children:e.tokens.typography.fontSizes.map(a=>r.jsx(we,{variant:"outline",content:a},a))})]})}),r.jsx(pe,{title:"Spacing, Radius, Shadow",config:e,children:r.jsxs(i.Vertical,{gap:18,children:[r.jsx(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"flex-end",children:e.tokens.spacing.slice(0,10).map(a=>r.jsxs(i.Vertical,{gap:8,alignItems:"center",children:[r.jsx(i.View,{width:a,minWidth:4,height:24,borderRadius:2,backgroundColor:e.theme.primary}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:a})]},a))}),r.jsx(i.Horizontal,{gap:12,flexWrap:"wrap",children:e.tokens.radii.slice(0,6).map(a=>r.jsxs(i.Vertical,{gap:8,alignItems:"center",children:[r.jsx(i.View,{width:64,height:64,borderRadius:a,borderWidth:1,borderStyle:"solid",backgroundColor:e.theme.surface,borderColor:e.theme.border}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:a})]},a))}),r.jsx(i.View,{width:"100%",maxWidth:"100%",overflowX:"auto",style:{WebkitOverflowScrolling:"touch",color:e.theme.text},children:r.jsx(ze,{views:(n=(t=e.components)==null?void 0:t.table)==null?void 0:n.views,children:r.jsx(ze.Template,{caption:"First extracted color tokens",columns:Ly,data:o})})})]})})]})},ac=({palette:e})=>r.jsxs(be,{width:"min(100%, 420px)",views:{container:{backgroundColor:e.surface,color:e.text,borderWidth:1,borderStyle:"solid",borderColor:e.border},header:{color:e.text,borderColor:e.border},content:{color:e.text},footer:{borderColor:e.border}},children:[r.jsx(be.Header,{children:r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",gap:12,flexWrap:"wrap",children:[r.jsxs(i.Horizontal,{alignItems:"baseline",gap:6,children:[r.jsx(i.Text,{fontSize:24,fontWeight:"800",color:e.text,children:"$182"}),r.jsx(i.Text,{fontSize:14,color:e.muted,children:"night"})]}),r.jsx(we,{variant:"filled",content:"Best value"})]})}),r.jsx(be.Content,{children:r.jsxs(i.Vertical,{gap:12,children:[r.jsxs(i.Horizontal,{gap:0,borderRadius:10,borderWidth:1,borderStyle:"solid",borderColor:e.border,overflow:"hidden",children:[r.jsxs(i.Vertical,{flex:1,padding:10,gap:2,borderRightWidth:1,borderRightStyle:"solid",borderColor:e.border,children:[r.jsx(i.Text,{fontSize:10,fontWeight:"700",letterSpacing:"0.06em",color:e.text,children:"CHECK-IN"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"Mar 12, 2026"})]}),r.jsxs(i.Vertical,{flex:1,padding:10,gap:2,children:[r.jsx(i.Text,{fontSize:10,fontWeight:"700",letterSpacing:"0.06em",color:e.text,children:"CHECKOUT"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"Mar 18, 2026"})]})]}),r.jsxs(i.Vertical,{padding:10,gap:2,borderRadius:10,borderWidth:1,borderStyle:"solid",borderColor:e.border,children:[r.jsx(i.Text,{fontSize:10,fontWeight:"700",letterSpacing:"0.06em",color:e.text,children:"GUESTS"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"2 adults"})]}),r.jsx(ie,{isFilled:!0,size:"lg",children:"Reserve"}),r.jsx(Br,{}),r.jsxs(i.Vertical,{gap:6,children:[r.jsxs(i.Horizontal,{justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:14,color:e.text,children:"$182 × 6 nights"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"$1,092"})]}),r.jsxs(i.Horizontal,{justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:14,color:e.text,children:"Cleaning fee"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"$48"})]}),r.jsxs(i.Horizontal,{justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:14,color:e.text,children:"Service fee"}),r.jsx(i.Text,{fontSize:14,color:e.text,children:"$165"})]})]}),r.jsx(Br,{}),r.jsxs(i.Horizontal,{justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:15,fontWeight:"700",color:e.text,children:"Total before taxes"}),r.jsx(i.Text,{fontSize:15,fontWeight:"700",color:e.text,children:"$1,305"})]})]})})]}),lc=[{name:"Starter",tagline:"For solo makers shipping their first project.",price:"$0",period:"/ month",features:["1 workspace","Up to 3 projects","Community support"],ctaLabel:"Get started"},{name:"Pro",tagline:"For growing teams that need more room to build.",price:"$24",period:"/ month",features:["Unlimited projects","Advanced analytics","Priority email support","Custom domains"],ctaLabel:"Start free trial",featured:!0},{name:"Enterprise",tagline:"For organizations with security and scale needs.",price:"Custom",period:"",features:["SSO & SCIM","Audit logs","Dedicated success manager","99.99% uptime SLA"],ctaLabel:"Contact sales"}],ic=({palette:e,tier:o,personality:t})=>{const n=cr(t),a=Qr(t,e),l=Vo(t,e),c=Eo(t,e);return r.jsx(i.View,{width:"min(100%, 280px)",borderRadius:t.cardRadius,overflow:"hidden",borderWidth:o.featured?0:1,borderStyle:"solid",style:{...o.featured?{background:l,boxShadow:c}:a,borderColor:e.border,color:o.featured?e.onPrimary:e.text},children:r.jsxs(i.Vertical,{gap:n.gap,padding:n.padding,children:[r.jsxs(i.Vertical,{gap:6,children:[r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:13,color:o.featured?e.onPrimary:e.text,style:xe(t),children:o.name}),o.featured?r.jsx(i.View,{paddingHorizontal:10,paddingVertical:4,borderRadius:t.badgeRadius,backgroundColor:Ne(e.onPrimary,22),children:r.jsxs(i.Horizontal,{gap:4,alignItems:"center",children:[r.jsx(i.Text,{fontSize:11,color:e.onPrimary,style:{lineHeight:1},children:t.signatureMotif}),r.jsx(i.Text,{fontSize:10,color:e.onPrimary,style:xe(t),children:t.voice.includes("mission")?"PRIORITY":"POPULAR"})]})}):null]}),r.jsx(i.Text,{fontSize:13,lineHeight:"18px",color:o.featured?Ne(e.onPrimary,85):e.muted,style:{fontStyle:t.typeStyle},children:o.tagline})]}),r.jsxs(i.Horizontal,{alignItems:"baseline",gap:4,children:[r.jsx(i.Text,{fontSize:n.large+8,color:o.featured?e.onPrimary:e.text,style:oo(t),children:o.price}),o.period?r.jsx(i.Text,{fontSize:14,color:o.featured?Ne(e.onPrimary,85):e.muted,style:{fontStyle:t.typeStyle},children:o.period}):null]}),r.jsx(i.Vertical,{gap:8,children:o.features.map(g=>r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[r.jsx(i.View,{width:18,height:18,borderRadius:t.cornerStyle==="sharp"?2:9999,backgroundColor:o.featured?Ne(e.onPrimary,22):e.primary,alignItems:"center",justifyContent:"center",style:{display:"flex",flexShrink:0},children:r.jsx(i.Text,{fontSize:11,color:e.onPrimary,style:{lineHeight:1,fontWeight:qe(t,"heavy")},children:t.cornerStyle==="sharp"?"+":"✓"})}),r.jsx(i.Text,{fontSize:13,color:o.featured?e.onPrimary:e.text,style:{textTransform:t.typeCase==="uppercase"?"uppercase":"none",letterSpacing:t.typeCase==="uppercase"?"0.04em":"normal",fontStyle:t.typeStyle},children:g})]},g))}),r.jsx(i.View,{alignSelf:"stretch",paddingHorizontal:20,paddingVertical:12,borderRadius:t.pillRadius,alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",backgroundColor:o.featured?e.onPrimary:e.text},children:r.jsx(i.Text,{fontSize:14,color:o.featured?e.primary:e.canvas,style:{...xe(t),letterSpacing:t.typeCase==="uppercase"?"0.08em":"0.02em"},children:o.ctaLabel})})]})})},cc=({palette:e,personality:o})=>{const t=cr(o),n=Qr(o,e),a=o.voice.includes("athletic")||o.voice.includes("motion")?"Aero Runner GT":o.voice.includes("mission")||o.voice.includes("futurist")?"Module-04 Insulated Jacket":"Linen Throw Pillow",l=o.voice.includes("athletic")||o.voice.includes("motion")?"Court Black · Mens":o.voice.includes("mission")||o.voice.includes("futurist")?"Carbon · Standard fit":"Stonewashed · Sand";return r.jsx(i.View,{width:"min(100%, 320px)",borderRadius:o.cardRadius,overflow:"hidden",borderWidth:1,borderStyle:"solid",style:{...n,borderColor:e.border,color:e.text},children:r.jsxs(i.Vertical,{gap:t.gap,padding:t.padding,children:[r.jsx(i.View,{height:120,borderRadius:o.cardRadius,style:{background:o.accentTreatment==="gradient"?`linear-gradient(135deg, ${Ne(e.primary,20)} 0%, ${Ne(e.secondary||e.primary,20)} 100%)`:e.appearance==="dark"?"rgba(255,255,255,0.06)":"rgba(0,0,0,0.04)"}}),r.jsxs(i.Vertical,{gap:4,children:[r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",children:[r.jsx(i.Text,{fontSize:15,color:e.text,style:oo(o),children:a}),r.jsx(i.View,{paddingHorizontal:10,paddingVertical:3,borderRadius:o.badgeRadius,style:{backgroundColor:e.appearance==="dark"?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.06)"},children:r.jsx(i.Text,{fontSize:10,color:e.text,style:xe(o),children:"IN STOCK"})})]}),r.jsx(i.Text,{fontSize:12,color:e.muted,style:{fontStyle:o.typeStyle,textTransform:o.typeCase==="uppercase"?"uppercase":"none",letterSpacing:o.typeCase==="uppercase"?"0.04em":"normal"},children:l})]}),r.jsxs(i.Horizontal,{alignItems:"baseline",justifyContent:"space-between",children:[r.jsxs(i.Horizontal,{alignItems:"baseline",gap:6,children:[r.jsx(i.Text,{fontSize:24,color:e.text,style:oo(o),children:"$42"}),r.jsx(i.Text,{fontSize:13,color:e.muted,style:{textDecoration:"line-through"},children:"$56"})]}),r.jsx(i.Text,{fontSize:12,color:e.success||e.muted,style:xe(o),children:"FREE SHIPPING"})]}),r.jsx(i.View,{alignSelf:"stretch",paddingHorizontal:20,paddingVertical:12,borderRadius:o.pillRadius,alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",background:Vo(o,e),boxShadow:Eo(o,e)},children:r.jsx(i.Text,{fontSize:14,color:e.onPrimary,style:{...xe(o),letterSpacing:o.typeCase==="uppercase"?"0.08em":"0.02em"},children:"Add to cart"})})]})})},sc=({palette:e,personality:o})=>{const t=cr(o),n=Qr(o,e),a=o.signatureMotif,l=o.voice.includes("athletic")?"★":o.voice.includes("mission")||o.voice.includes("futurist")?"◉":"♥",c=o.voice.includes("athletic")?"Velocity AirFlow 7":o.voice.includes("mission")||o.voice.includes("futurist")?"Sentinel Pro Headset":o.voice.includes("refined")?"Pulse Studio Monitor":"Aurora Wireless Headphones",g=o.voice.includes("athletic")?"Lightweight knit · 280g":o.voice.includes("mission")||o.voice.includes("futurist")?"Mil-spec audio · 60h endurance":"Active noise cancelling · 40h battery",s=o.voice.includes("mission")?"MISSION PICK":o.voice.includes("athletic")?"TEAM PICK":o.voice.includes("futurist")?"SIGNATURE":"BEST SELLER";return r.jsxs(i.View,{position:"relative",width:"min(100%, 320px)",children:[r.jsx(i.View,{position:"absolute",top:-10,left:16,paddingHorizontal:12,paddingVertical:6,borderRadius:o.badgeRadius,zIndex:2,style:{background:Vo(o,e),boxShadow:Eo(o,e)||(e.appearance==="dark"?"0 6px 14px rgba(0,0,0,0.5)":"0 6px 14px rgba(0,0,0,0.12)")},children:r.jsxs(i.Horizontal,{gap:6,alignItems:"center",children:[r.jsx(i.Text,{fontSize:11,color:e.onPrimary,style:{lineHeight:1,fontWeight:qe(o,"heavy")},children:a}),r.jsx(i.Text,{fontSize:10,color:e.onPrimary,style:xe(o),children:s})]})}),r.jsx(i.View,{position:"absolute",top:12,right:12,width:36,height:36,borderRadius:o.cornerStyle==="sharp"?4:9999,borderWidth:1,borderStyle:"solid",zIndex:2,alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",backgroundColor:e.appearance==="dark"?"rgba(0,0,0,0.45)":"rgba(255,255,255,0.92)",borderColor:e.border,backdropFilter:"blur(6px)"},children:r.jsx(i.Text,{fontSize:16,color:l==="♥"&&e.error||e.primary,style:{lineHeight:1},children:l})}),r.jsx(i.View,{width:"100%",borderRadius:o.cardRadius,overflow:"hidden",borderWidth:1,borderStyle:"solid",style:{...n,borderColor:e.border,color:e.text},children:r.jsxs(i.Vertical,{gap:t.gap,padding:t.padding,children:[r.jsx(i.View,{height:140,borderRadius:o.cardRadius,style:{background:o.accentTreatment==="gradient"?`linear-gradient(135deg, ${Ne(e.primary,20)} 0%, ${Ne(e.secondary||e.primary,20)} 100%)`:e.appearance==="dark"?"rgba(255,255,255,0.06)":"rgba(0,0,0,0.04)"}}),r.jsxs(i.Vertical,{gap:6,children:[r.jsxs(i.Horizontal,{gap:6,alignItems:"center",children:[r.jsx(i.Text,{fontSize:13,color:e.warning||e.primary,style:{lineHeight:1},children:"★★★★★"}),r.jsx(i.Text,{fontSize:12,color:e.muted,children:"4.9 · 1,284 reviews"})]}),r.jsx(i.Text,{fontSize:18,color:e.text,style:oo(o),children:c}),r.jsx(i.Text,{fontSize:12,color:e.muted,style:{fontStyle:o.typeStyle,textTransform:o.typeCase==="uppercase"?"uppercase":"none",letterSpacing:o.typeCase==="uppercase"?"0.04em":"normal"},children:g})]}),r.jsxs(i.Horizontal,{alignItems:"baseline",justifyContent:"space-between",children:[r.jsxs(i.Horizontal,{alignItems:"baseline",gap:6,children:[r.jsx(i.Text,{fontSize:26,color:e.text,style:oo(o),children:"$189"}),r.jsx(i.Text,{fontSize:13,color:e.muted,style:{textDecoration:"line-through"},children:"$249"})]}),r.jsx(i.View,{paddingHorizontal:8,paddingVertical:3,borderRadius:o.badgeRadius,style:{backgroundColor:e.appearance==="dark"?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.06)"},children:r.jsx(i.Text,{fontSize:10,color:e.text,style:xe(o),children:"–24%"})})]}),r.jsxs(i.Horizontal,{gap:8,children:[r.jsx(i.View,{flex:1,paddingHorizontal:16,paddingVertical:12,borderRadius:o.pillRadius,alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",background:Vo(o,e),boxShadow:Eo(o,e)},children:r.jsx(i.Text,{fontSize:13,color:e.onPrimary,style:{...xe(o),letterSpacing:o.typeCase==="uppercase"?"0.08em":"0.02em"},children:"Buy now"})}),r.jsx(i.View,{paddingHorizontal:16,paddingVertical:12,borderRadius:o.pillRadius,borderWidth:1,borderStyle:"solid",alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",borderColor:e.border},children:r.jsx(i.Text,{fontSize:13,color:e.text,style:{...xe(o),letterSpacing:o.typeCase==="uppercase"?"0.08em":"0.02em"},children:"Add to cart"})})]})]})})]})},qy=[{slug:"PRIMARY-TINT",source:"primary",intensity:"tint",heading:"Bring everyone together with systems that scale",body:"Signature primary ground for systems, FAQ, and the contact form.",cta:"Get started"},{slug:"SECONDARY-TINT",source:"secondary",intensity:"tint",heading:"A faster, more efficient way of working",body:"Secondary ground for hero moments and supporting narrative.",cta:"Explore"},{slug:"WARNING-TINT",source:"warning",intensity:"tint",heading:"Designed for the way ideas actually move",body:"Warm tint for product storytelling and brand moments.",cta:"See the story"},{slug:"SUCCESS-TINT",source:"success",intensity:"tint",heading:"Ship with confidence, every single release",body:"Cool tint for changelogs, releases, and reliability notes.",cta:"Read changelog"},{slug:"ERROR-TINT",source:"error",intensity:"tint",heading:"Built for teams who care about the details",body:"Saturated tint for community stories and testimonials.",cta:"Meet the makers"},{slug:"INK-INVERTED",source:"ink",intensity:"inverted",heading:"Go deeper. Go further. Go all-in.",body:"Inverted ground for premium tiers and developer surfaces.",cta:"Open the docs"}],xn=(e,o)=>{const t=e.replace("#","").padEnd(6,"0").slice(0,6),n=parseInt(t.slice(0,2),16),a=parseInt(t.slice(2,4),16),l=parseInt(t.slice(4,6),16);return[n,a,l].some(Number.isNaN)?e:`rgba(${n}, ${a}, ${l}, ${o})`},kn=e=>typeof e=="string"&&/^#([0-9a-f]{3}){1,2}$/i.test(e),Fe=(e,o,t)=>kn(e)?xn(e,o):e.startsWith("rgba")||e.startsWith("rgb")?e.replace(/rgba?\(([^)]+)\)/,(n,a)=>`rgba(${a.split(",").slice(0,3).map(c=>c.trim()).join(", ")}, ${o})`):t==="dark"?`rgba(255,255,255,${o})`:`rgba(0,0,0,${o})`,Uy=({block:e,palette:o,personality:t})=>{const n=cr(t);let a,l;if(e.source==="ink")a=o.text,l=o.canvas;else{const f=o[e.source]||o.primary;e.intensity==="solid"?(a=f,l=o.onPrimary):(a=Fe(f,.32,o.appearance),l=(o.appearance==="dark",o.text))}if(t.accentTreatment==="gradient"&&e.intensity==="tint"){const f=o[e.source],m=o.secondary;kn(f)&&kn(m)&&(a=`linear-gradient(135deg, ${xn(f,.32)} 0%, ${xn(m,.32)} 100%)`)}if(t.accentTreatment==="stripe"&&e.intensity==="tint"){const f=Fe(o[e.source],.32,o.appearance),m=Fe(o.secondary,.18,o.appearance);a=`repeating-linear-gradient(135deg, ${f} 0 18px, ${m} 18px 36px)`}const c=Fe(l,.72,o.appearance),g=Fe(l,.55,o.appearance),s=l,d=l===o.canvas?o.text:o.canvas;return r.jsx(i.View,{width:"min(100%, 460px)",borderRadius:t.cardRadius*2,padding:n.large,style:{background:a},children:r.jsxs(i.Vertical,{gap:n.gap+6,children:[r.jsxs(i.Text,{fontSize:11,color:g,style:{...xe(t),letterSpacing:"0.12em",fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace"},children:[t.signatureMotif," ",e.slug]}),r.jsxs(i.Vertical,{gap:14,children:[r.jsx(i.Text,{fontSize:32,lineHeight:"36px",color:l,style:oo(t),children:e.heading}),r.jsx(i.Text,{fontSize:16,lineHeight:"22px",color:c,style:{fontStyle:t.typeStyle},children:e.body})]}),r.jsx(i.View,{alignSelf:"flex-start",paddingHorizontal:28,paddingVertical:14,borderRadius:t.pillRadius,style:{backgroundColor:s,cursor:"pointer"},children:r.jsx(i.Text,{fontSize:15,color:d,style:{...xe(t),letterSpacing:t.typeCase==="uppercase"?"0.08em":"0.01em",textTransform:t.typeCase==="uppercase"?"uppercase":"none"},children:e.cta})})]})})},dc=[{id:"design-tokens",badge:"NEW",badgeTone:"success",favorite:"♥",category:"Design systems",title:"Design tokens that survive a redesign",excerpt:"Why semantic naming beats raw values — and how to migrate a token set without breaking every consumer.",author:"Léa Martin",meta:"6 min read · Mar 10",imageTone:"warm"},{id:"shipping-faster",badge:"FEATURED",badgeTone:"primary",favorite:"★",category:"Engineering",title:"Shipping faster without skipping review",excerpt:"Three async patterns we use to keep PR cycle time under 24h while still catching the regressions that matter.",author:"Jordan Reyes",meta:"9 min read · Mar 04",imageTone:"cool"},{id:"a11y-audit",badge:"TRENDING",badgeTone:"warning",favorite:"⛉",category:"Accessibility",title:"The accessibility audit nobody asked for",excerpt:"A walkthrough of the 12 issues we found on our own marketing site — and the four-week fix plan that followed.",author:"Ines Okafor",meta:"12 min read · Feb 27",imageTone:"mono"}],gc=({palette:e,article:o,personality:t})=>{const n=cr(t),a=Qr(t,e),l=e[o.badgeTone]||e.primary,c=e.secondary||e.primary,g=t.accentTreatment==="gradient"?`linear-gradient(135deg, ${Fe(l,.55,e.appearance)} 0%, ${Fe(c,.55,e.appearance)} 100%)`:t.accentTreatment==="stripe"?`repeating-linear-gradient(45deg, ${Fe(l,.45,e.appearance)} 0 16px, ${Fe(c,.25,e.appearance)} 16px 32px)`:t.accentTreatment==="halftone"?`radial-gradient(circle at 30% 30%, ${Fe(l,.55,e.appearance)} 0%, ${Fe(c,.35,e.appearance)} 70%)`:t.accentTreatment==="glow"?`radial-gradient(circle at 50% 60%, ${Fe(l,.45,e.appearance)} 0%, ${e.appearance==="dark"?"#050505":"#0a0a0a"} 100%)`:Fe(l,.32,e.appearance),s=t.voice.includes("mission")||t.voice.includes("futurist")?"◉":o.favorite,d=s==="♥"?e.error||e.primary:s==="★"&&e.warning||e.primary;return r.jsx(i.View,{width:"min(100%, 320px)",borderRadius:t.cardRadius,overflow:"hidden",borderWidth:1,borderStyle:"solid",style:{...a,borderColor:e.border,color:e.text},children:r.jsxs(i.Vertical,{gap:n.gap,padding:n.padding,children:[r.jsxs(i.View,{position:"relative",height:160,borderRadius:t.cardRadius,overflow:"hidden",style:{background:g},children:[r.jsx(i.View,{position:"absolute",top:12,left:12,paddingHorizontal:10,paddingVertical:4,borderRadius:t.badgeRadius,style:{background:Vo(t,{...e,primary:l}),boxShadow:Eo(t,e)},children:r.jsxs(i.Horizontal,{gap:4,alignItems:"center",children:[r.jsx(i.Text,{fontSize:10,color:e.onPrimary,style:{lineHeight:1,fontWeight:qe(t,"heavy")},children:t.signatureMotif}),r.jsx(i.Text,{fontSize:10,color:e.onPrimary,style:xe(t),children:o.badge})]})}),r.jsx(i.View,{position:"absolute",top:10,right:10,width:36,height:36,borderRadius:t.cornerStyle==="sharp"?4:9999,borderWidth:1,borderStyle:"solid",alignItems:"center",justifyContent:"center",style:{display:"flex",cursor:"pointer",backgroundColor:e.appearance==="dark"?"rgba(0,0,0,0.45)":"rgba(255,255,255,0.92)",borderColor:e.border,backdropFilter:"blur(6px)"},children:r.jsx(i.Text,{fontSize:16,color:d,style:{lineHeight:1},children:s})})]}),r.jsxs(i.Vertical,{gap:8,children:[r.jsx(i.Text,{fontSize:11,color:e.muted,style:xe(t),children:o.category}),r.jsx(i.Text,{fontSize:18,lineHeight:"24px",color:e.text,style:oo(t),children:o.title}),r.jsx(i.Text,{fontSize:13,lineHeight:"18px",color:e.muted,style:{fontStyle:t.typeStyle},children:o.excerpt})]}),r.jsxs(i.Horizontal,{gap:10,alignItems:"center",children:[r.jsx(i.View,{width:28,height:28,borderRadius:t.cornerStyle==="sharp"?4:9999,style:{backgroundColor:e.appearance==="dark"?"rgba(255,255,255,0.12)":"rgba(0,0,0,0.08)"}}),r.jsxs(i.Vertical,{gap:0,children:[r.jsx(i.Text,{fontSize:12,color:e.text,style:{fontWeight:qe(t,"normal"),fontStyle:t.typeStyle},children:o.author}),r.jsx(i.Text,{fontSize:11,color:e.muted,children:o.meta})]})]})]})})},hc=({palette:e,personality:o,config:t})=>{var m,p,u,y;const n=o.signatureMotif,a=e.primary,l=Vo(o,e),c=Eo(o,e),g=((p=(m=t.tokens)==null?void 0:m.typography)==null?void 0:p.fontFamily)||((y=(u=t.tokens)==null?void 0:u.rawCssVars)==null?void 0:y.display)||"inherit",s=o.voice.includes("mission")?"MAKING LIFE MULTIPLANETARY":o.voice.includes("athletic")?"JUST DO IT":o.voice.includes("refined")?"A new standard in payments":o.voice.includes("speed")?"Built for the makers":o.voice.includes("rhythmic")?"Music for everyone":o.voice.includes("thoughtful")?"The connected workspace":o.voice.includes("warm")?"Belong anywhere":o.voice.includes("minimal")?"Think different":o.voice.includes("commerce")?"The platform commerce is built on":o.voice.includes("bold-fintech")?"Money for the next generation":o.voice.includes("trustworthy")?"The future of money":o.voice.includes("playful")?"Nothing great is made alone":o.voice.includes("motion")?"Get there":o.voice.includes("deploy")?"Develop. Preview. Ship.":o.voice.includes("futurist")?"Accelerating the world to sustainable energy":`${t.metadata.label}`,d=o.typeCase==="uppercase"?"EXPLORE":"Get started",f=o.typeCase==="uppercase"?"LEARN MORE":"Learn more";return r.jsxs(i.View,{width:"100%",borderRadius:o.cardRadius*2,padding:o.density==="spacious"?56:o.density==="tight"?28:40,style:{backgroundColor:e.canvas,color:e.text,fontFamily:g,position:"relative",overflow:"hidden"},children:[o.accentTreatment==="glow"&&r.jsx(i.View,{position:"absolute",top:-120,right:-80,width:360,height:360,borderRadius:9999,style:{background:`radial-gradient(circle, ${a}40 0%, transparent 70%)`,pointerEvents:"none"}}),o.accentTreatment==="halftone"&&r.jsx(i.View,{position:"absolute",top:0,right:0,width:300,height:300,style:{background:`radial-gradient(circle at 70% 30%, ${a}30 0%, transparent 60%)`,pointerEvents:"none"}}),r.jsxs(i.Vertical,{gap:24,style:{position:"relative"},children:[r.jsxs(i.Horizontal,{gap:10,alignItems:"center",children:[r.jsx(i.View,{width:32,height:32,borderRadius:o.cornerStyle==="pill"?9999:o.cornerStyle==="sharp"?0:8,alignItems:"center",justifyContent:"center",style:{display:"flex",background:l,boxShadow:c},children:r.jsx(i.Text,{fontSize:16,color:e.onPrimary,style:{lineHeight:1,fontWeight:qe(o,"heavy")},children:n})}),r.jsx(i.Text,{fontSize:13,color:e.muted,style:{...xe(o),letterSpacing:o.typeCase==="uppercase"?"0.18em":"0.06em"},children:t.metadata.label})]}),r.jsx(i.Text,{fontSize:o.density==="spacious"?56:o.density==="tight"?40:48,lineHeight:o.density==="spacious"?"60px":o.density==="tight"?"44px":"52px",color:e.text,style:{...oo(o),letterSpacing:o.typeCase==="uppercase"?"0.06em":o.letterSpacing,maxWidth:580,fontFamily:g},children:s}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(i.View,{paddingHorizontal:o.density==="spacious"?32:24,paddingVertical:o.density==="spacious"?16:14,borderRadius:o.pillRadius,style:{display:"flex",cursor:"pointer",background:l,boxShadow:c},children:r.jsx(i.Text,{fontSize:15,color:e.onPrimary,style:{...xe(o),letterSpacing:o.typeCase==="uppercase"?"0.14em":"0.02em",fontWeight:qe(o,"heavy"),fontFamily:g},children:d})}),r.jsx(i.View,{paddingHorizontal:24,paddingVertical:14,borderRadius:o.pillRadius,borderWidth:1,borderStyle:"solid",style:{display:"flex",cursor:"pointer",borderColor:e.text},children:r.jsx(i.Text,{fontSize:15,color:e.text,style:{...xe(o),letterSpacing:o.typeCase==="uppercase"?"0.14em":"0.02em",fontWeight:qe(o,"heavy"),fontFamily:g},children:f})})]}),r.jsx(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"center",marginTop:8,children:[{label:"Primary",value:e.primary},{label:"Surface",value:e.surface},{label:"Text",value:e.text},{label:"Success",value:e.success}].map(x=>r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[r.jsx(i.View,{width:20,height:20,borderRadius:o.cornerStyle==="sharp"?0:o.cornerStyle==="pill"?9999:4,borderWidth:1,borderStyle:"solid",style:{backgroundColor:x.value,borderColor:e.border}}),r.jsxs(i.Vertical,{gap:0,children:[r.jsx(i.Text,{fontSize:11,color:e.muted,style:xe(o),children:x.label}),r.jsx(i.Text,{fontSize:11,color:e.text,style:{fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace"},children:Hy(x.value)})]})]},x.label))})]})]})},fc=({palette:e,config:o})=>r.jsxs(i.Vertical,{gap:20,padding:36,alignItems:"center",borderRadius:16,style:{backgroundColor:e.surface},children:[r.jsx(we,{variant:"outline",content:"New release"}),r.jsxs(i.Vertical,{gap:8,alignItems:"center",children:[r.jsxs(i.Text,{fontSize:36,lineHeight:"40px",fontWeight:"800",textAlign:"center",color:e.text,children:[o.metadata.label," Pro"]}),r.jsx(i.Text,{fontSize:18,lineHeight:"24px",color:e.muted,textAlign:"center",children:"Pro. Beyond."})]}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",justifyContent:"center",children:[r.jsx(ie,{shape:"pill",size:"md",children:"Learn more"}),r.jsx(ie,{shape:"pill",size:"md",variant:"outline",children:"Buy"})]}),r.jsx(i.View,{width:220,height:140,borderRadius:20,backgroundColor:e.appearance==="dark"?e.canvas:e.text,opacity:.85})]}),mc=({palette:e,config:o})=>r.jsxs(be,{width:"min(100%, 320px)",views:{container:{backgroundColor:e.surface,color:e.text,borderWidth:1,borderStyle:"solid",borderColor:e.border},header:{color:e.text,borderColor:e.border},content:{color:e.text},footer:{borderColor:e.border}},children:[r.jsx(be.Header,{children:r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",gap:12,flexWrap:"wrap",children:[r.jsx(i.Text,{color:e.text,fontWeight:"700",children:o.metadata.id==="spacex"?"Falcon 9":"Product Card"}),r.jsx(we,{variant:"filled",content:"New"})]})}),r.jsx(be.Content,{children:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",color:e.text,children:o.metadata.id==="spacex"?"The world's first orbital-class reusable rocket. Designed for reliable and safe transport of people and payloads.":"Card surfaces, borders, typography, and shadows come from the active JSON config."})}),r.jsx(be.Footer,{children:r.jsx(ie,{size:"sm",children:o.metadata.id==="spacex"?"Explore":"Review"})})]}),pc=({palette:e})=>r.jsxs(i.Vertical,{gap:14,children:[r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(ie,{colorScheme:"primary",children:"Primary"}),r.jsx(ie,{colorScheme:"secondary",children:"Secondary"}),r.jsx(ie,{colorScheme:"black",children:"Black"}),r.jsx(ie,{colorScheme:"white",children:"White"})]}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(ie,{variant:"outline",colorScheme:"primary",children:"Primary"}),r.jsx(ie,{variant:"outline",colorScheme:"secondary",children:"Secondary"}),r.jsx(ie,{variant:"outline",colorScheme:"black",children:"Black"}),r.jsx(ie,{variant:"outline",colorScheme:"white",children:"White"})]}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(ie,{variant:"ghost",views:{container:{color:e.text}},children:"Ghost"}),r.jsx(ie,{variant:"link",views:{container:{color:e.primary}},children:"Link"}),r.jsx(ie,{isDisabled:!0,children:"Disabled"}),r.jsx(ie,{isLoading:!0,children:"Loading"})]})]}),uc=({palette:e,config:o})=>r.jsx(i.View,{style:{color:e.text},children:r.jsxs(i.Vertical,{gap:14,children:[r.jsxs(i.Horizontal,{gap:10,flexWrap:"wrap",alignItems:"center",children:[r.jsx(we,{content:"Badge"}),r.jsx(we,{variant:"outline",content:"Outline"}),r.jsx(we,{content:"Primary",views:{container:{backgroundColor:e.primary,color:e.onPrimary,borderColor:e.primary}}}),r.jsx(we,{content:"Success",views:{container:{backgroundColor:e.success,color:e.onPrimary,borderColor:e.success}}}),r.jsx(we,{content:"Warning",views:{container:{backgroundColor:e.warning,color:e.onPrimary,borderColor:e.warning}}}),r.jsx(we,{content:"Error",views:{container:{backgroundColor:e.error,color:e.onPrimary,borderColor:e.error}}})]}),r.jsxs(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:[r.jsx(_r,{status:"success",label:"Operational"}),r.jsx(_r,{status:"warning",label:"Degraded"}),r.jsx(_r,{status:"error",label:"Outage"}),r.jsx(Xe,{size:"sm",loaderColor:o.theme.primary})]}),r.jsx(ft,{title:"Heads up",description:"Brand styling cascades through every alert.",variant:"info",views:{container:{backgroundColor:e.surface,borderColor:e.border,color:e.text},title:{color:e.text},description:{color:e.muted}}}),r.jsx(pi,{value:64,height:10,showLabel:!0,color:e.primary,backgroundColor:e.border,views:{container:{backgroundColor:e.border},bar:{backgroundColor:e.primary}}})]})}),yc=({palette:e,config:o,mode:t})=>{const n={container:{backgroundColor:e.surface,borderColor:e.border,color:e.text},field:{color:e.text}};return r.jsx(i.View,{style:{color:e.text},children:r.jsxs(i.Vertical,{gap:16,children:[r.jsxs(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(220px, 1fr))",gap:16,alignItems:"start",children:[r.jsx(Ie,{size:"md",label:"Name",placeholder:"Ada Lovelace",views:n}),r.jsx(Go,{id:`forms-${o.metadata.id}-${t}`,size:"md",label:"Plan",placeholder:"Select plan",options:[{label:"Starter",value:"starter"},{label:"Team",value:"team"},{label:"Enterprise",value:"enterprise"}],views:{container:n.container,field:{fontSize:14,lineHeight:"20px",color:e.text},text:{fontSize:14,lineHeight:"20px",color:e.text}}}),r.jsx(zt,{label:"Notes",placeholder:"Add implementation notes",views:n})]}),r.jsxs(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:[r.jsx(Pt,{label:"Email updates",defaultIsSelected:!0}),r.jsx(qi,{label:"Standard",value:"standard",defaultIsSelected:!0}),r.jsx(Ft,{label:"Enabled",isChecked:!0})]})]})})},Gy=({config:e})=>{const[o,t]=h.useState(1),n=Wy(e),a=Py(e),l=Ay(e);return r.jsxs(i.Vertical,{gap:24,children:[r.jsx(pe,{title:"Brand Snapshot (Light & Dark)",config:e,children:r.jsxs(i.Vertical,{gap:20,children:[r.jsx(he,{config:e,palette:n,label:"On light surface",children:r.jsx(hc,{palette:n,personality:l,config:e})}),r.jsx(he,{config:e,palette:a,label:"On dark surface",children:r.jsx(hc,{palette:a,personality:l,config:e})})]})}),r.jsx(pe,{title:"Buttons — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(he,{config:e,palette:n,label:"On light surface",children:r.jsx(pc,{palette:n})}),r.jsx(he,{config:e,palette:a,label:"On dark surface",children:r.jsx(pc,{palette:a})})]})}),r.jsx(pe,{title:"Status & Feedback — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(he,{config:e,palette:n,label:"On light surface",children:r.jsx(uc,{palette:n,config:e})}),r.jsx(he,{config:e,palette:a,label:"On dark surface",children:r.jsx(uc,{palette:a,config:e})})]})}),r.jsx(pe,{title:"Forms — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(he,{config:e,palette:n,label:"On light surface",children:r.jsx(yc,{palette:n,config:e,mode:"light"})}),r.jsx(he,{config:e,palette:a,label:"On dark surface",children:r.jsx(yc,{palette:a,config:e,mode:"dark"})})]})}),r.jsx(pe,{title:"Forms (legacy preview)",config:e,children:r.jsxs(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(220px, 1fr))",alignItems:"start",gap:16,children:[r.jsx(Ie,{size:"md",label:"Name",placeholder:"Ada Lovelace"}),r.jsx(Go,{id:`design-system-select-${e.metadata.id}`,size:"md",label:"Plan",placeholder:"Select plan",options:[{label:"Starter",value:"starter"},{label:"Team",value:"team"},{label:"Enterprise",value:"enterprise"}],views:{field:{fontSize:14,lineHeight:"20px"},text:{fontSize:14,lineHeight:"20px"}}}),r.jsx(zt,{label:"Notes",placeholder:"Add implementation notes"}),r.jsxs(i.Vertical,{gap:12,children:[r.jsx(Pt,{label:"Email updates",defaultIsSelected:!0}),r.jsx(qi,{label:"Standard",value:"standard",defaultIsSelected:!0}),r.jsx(Ft,{label:"Enabled",isChecked:!0}),r.jsx(Fl,{defaultValue:58,showValue:!0}),r.jsx(Ra,{length:6,label:"Verification Code"})]})]})}),r.jsx(pe,{title:"Form States",config:e,children:r.jsxs(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(220px, 1fr))",gap:16,alignItems:"start",children:[r.jsx(Ie,{size:"md",label:"Default",placeholder:"Type here",helperText:"Resting state"}),r.jsx(Ie,{size:"md",label:"Filled",defaultValue:"Ada Lovelace",helperText:"Has value"}),r.jsx(Ie,{size:"md",label:"With helper",placeholder:"user@example.com",helperText:"We'll never share your email"}),r.jsx(Ie,{size:"md",label:"Error",defaultValue:"invalid@",error:"Please enter a valid email"}),r.jsx(Ie,{size:"md",label:"Disabled",isDisabled:!0,defaultValue:"Cannot edit",helperText:"Field locked"}),r.jsx(Ie,{size:"md",label:"Read only",defaultValue:"Read-only value",isReadOnly:!0,helperText:"View only"}),r.jsx(Go,{id:`design-system-select-error-${e.metadata.id}`,size:"md",label:"Select error",placeholder:"Pick one",error:!0,helperText:"Selection required",options:[{label:"Option A",value:"a"},{label:"Option B",value:"b"}],views:{field:{fontSize:14,lineHeight:"20px"},text:{fontSize:14,lineHeight:"20px"}}}),r.jsx(Go,{id:`design-system-select-disabled-${e.metadata.id}`,size:"md",label:"Select disabled",placeholder:"Disabled",isDisabled:!0,options:[{label:"Option A",value:"a"},{label:"Option B",value:"b"}],views:{field:{fontSize:14,lineHeight:"20px"},text:{fontSize:14,lineHeight:"20px"}}})]})}),r.jsx(pe,{title:"Elevation & Depth",config:e,children:r.jsx(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(200px, 1fr))",gap:20,children:Dy(e).map(c=>r.jsxs(i.Vertical,{gap:12,children:[r.jsx(i.View,{height:120,borderRadius:12,backgroundColor:e.theme.canvas,style:{boxShadow:c.shadow}}),r.jsxs(i.Vertical,{gap:4,children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"baseline",flexWrap:"wrap",children:[r.jsx(i.Text,{fontSize:12,fontWeight:"700",children:c.name}),r.jsx(i.Text,{fontSize:11,fontWeight:"600",color:e.theme.primary,children:c.label})]}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:c.description}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,style:{wordBreak:"break-word",opacity:.8},children:c.shadow})]})]},c.name))})}),r.jsx(pe,{title:"Color Blocks",config:e,children:r.jsx(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(160px, 1fr))",gap:12,children:[["primary","Primary",e.theme.onPrimary],["secondary","Secondary",e.theme.onPrimary],["success","Success","#ffffff"],["warning","Warning","#ffffff"],["error","Error","#ffffff"],["canvas","Canvas",e.theme.text],["surface","Surface",e.theme.text],["text","Text",e.theme.canvas],["muted","Muted",e.theme.canvas],["border","Border",e.theme.text],["onPrimary","On primary",e.theme.text]].map(([c,g,s])=>{const d=e.theme[c];return r.jsxs(i.Vertical,{gap:0,borderRadius:12,overflow:"hidden",borderWidth:1,borderStyle:"solid",borderColor:e.theme.border,children:[r.jsx(i.View,{height:88,backgroundColor:d}),r.jsxs(i.Vertical,{gap:4,padding:12,backgroundColor:e.theme.surface,children:[r.jsx(i.Text,{fontSize:13,fontWeight:"700",children:g}),r.jsxs(i.Text,{fontSize:11,color:e.theme.muted,children:["theme.",c]}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:d})]})]},c)})})}),r.jsx(pe,{title:"Pricing — Booking (Light & Dark)",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(he,{config:e,palette:n,label:"On light surface",children:r.jsx(ac,{palette:n})}),r.jsx(he,{config:e,palette:a,label:"On dark surface",children:r.jsx(ac,{palette:a})})]})}),r.jsx(pe,{title:"Pricing — SaaS Tiers (Light & Dark)",config:e,children:r.jsxs(i.Vertical,{gap:20,children:[r.jsx(he,{config:e,palette:n,label:"On light surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:lc.map(c=>r.jsx(ic,{palette:n,tier:c,personality:l},c.name))})}),r.jsx(he,{config:e,palette:a,label:"On dark surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:lc.map(c=>r.jsx(ic,{palette:a,tier:c,personality:l},c.name))})})]})}),r.jsx(pe,{title:"Pricing — Product (Light & Dark)",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(he,{config:e,palette:n,label:"On light surface",children:r.jsx(cc,{palette:n,personality:l})}),r.jsx(he,{config:e,palette:a,label:"On dark surface",children:r.jsx(cc,{palette:a,personality:l})})]})}),r.jsx(pe,{title:"Pricing — Featured w/ Badge & Favorite (Light & Dark)",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(he,{config:e,palette:n,label:"On light surface",children:r.jsx(sc,{palette:n,personality:l})}),r.jsx(he,{config:e,palette:a,label:"On dark surface",children:r.jsx(sc,{palette:a,personality:l})})]})}),r.jsx(pe,{title:"Content — Color Block Cards",config:e,children:r.jsx(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:qy.map(c=>r.jsx(Uy,{block:c,palette:n,personality:l},c.slug))})}),r.jsx(pe,{title:"Content — Article Cards w/ Badge & Favorite (Light & Dark)",config:e,children:r.jsxs(i.Vertical,{gap:20,children:[r.jsx(he,{config:e,palette:n,label:"On light surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:dc.map(c=>r.jsx(gc,{palette:n,article:c,personality:l},c.id))})}),r.jsx(he,{config:e,palette:a,label:"On dark surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:dc.map(c=>r.jsx(gc,{palette:a,article:c,personality:l},c.id))})})]})}),r.jsx(pe,{title:"CTA Card — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(he,{config:e,palette:n,label:"On light surface",children:r.jsx(fc,{palette:n,config:e})}),r.jsx(he,{config:e,palette:a,label:"On dark surface",children:r.jsx(fc,{palette:a,config:e})})]})}),r.jsx(pe,{title:"Product Card — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(he,{config:e,palette:n,label:"On light surface",children:r.jsx(mc,{palette:n,config:e})}),r.jsx(he,{config:e,palette:a,label:"On dark surface",children:r.jsx(mc,{palette:a,config:e})})]})}),r.jsx(pe,{title:"Content & Layout",config:e,children:r.jsxs(i.Vertical,{gap:24,children:[r.jsxs(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:[r.jsxs(be,{width:"min(100%, 320px)",children:[r.jsx(be.Header,{children:r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"space-between",gap:12,flexWrap:"wrap",children:[r.jsx(i.Text,{fontWeight:"700",children:e.metadata.id==="spacex"?"Falcon 9":"Product Card"}),r.jsx(we,{variant:"filled",content:"New"})]})}),r.jsx(be.Content,{children:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:e.metadata.id==="spacex"?"The world's first orbital-class reusable rocket. Designed for reliable and safe transport of people and payloads.":"Card surfaces, borders, typography, and shadows come from the active JSON config."})}),r.jsx(be.Footer,{children:r.jsx(ie,{size:"sm",children:e.metadata.id==="spacex"?"Explore":"Review"})})]}),r.jsxs(be,{width:"min(100%, 320px)",children:[r.jsx(be.Header,{children:r.jsxs(i.Horizontal,{gap:12,alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",children:[r.jsxs(i.Horizontal,{gap:12,alignItems:"center",children:[r.jsx(Yn,{fallback:e.metadata.label.slice(0,2)}),r.jsxs(i.Vertical,{gap:2,children:[r.jsx(i.Text,{fontWeight:"700",children:e.metadata.id==="spacex"?"Starship":e.metadata.label}),r.jsx(i.Text,{fontSize:12,color:e.theme.muted,children:e.metadata.id==="spacex"?"Multiplanetary mission":"Config-driven preview"})]})]}),r.jsx(we,{variant:"outline",content:"Active"})]})}),r.jsx(be.Content,{children:e.metadata.id==="spacex"?r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"The most powerful launch vehicle ever developed. Designed to carry crew and cargo to Mars and beyond."}):r.jsx(ft,{variant:"info",title:"Config active",description:"This alert is rendered by the shared component."})})]})]}),r.jsx(Oy,{config:e}),r.jsx(On,{ratio:16/9,borderRadius:12,overflow:"hidden",children:r.jsx(i.View,{width:"100%",height:"100%",backgroundColor:e.theme.primary,children:r.jsxs(i.Vertical,{height:"100%",alignItems:"center",justifyContent:"center",gap:8,children:[r.jsx(i.Text,{fontWeight:"700",color:e.theme.onPrimary,children:"16:9 Aspect Ratio"}),r.jsx(we,{content:"Config primary color"})]})})}),r.jsxs(He,{children:[r.jsx(He.Content,{children:[1,2,3].map(c=>r.jsx(He.Item,{children:r.jsx(i.View,{height:200,borderRadius:12,alignItems:"center",justifyContent:"center",backgroundColor:e.theme.surface,borderColor:e.theme.border,borderWidth:1,borderStyle:"solid",children:r.jsxs(i.Text,{fontSize:24,fontWeight:"700",children:["Slide ",c]})})},c))}),r.jsxs(i.Horizontal,{gap:12,marginTop:12,justifyContent:"center",children:[r.jsx(He.Previous,{}),r.jsx(He.Next,{})]})]})]})}),r.jsx(pe,{title:"Navigation & Interactive",config:e,children:r.jsxs(i.Vertical,{gap:18,children:[r.jsxs(i.Vertical,{gap:20,children:[r.jsxs(i.Vertical,{gap:8,children:[r.jsx(i.Text,{fontSize:12,fontWeight:"700",color:e.theme.muted,children:"With icons"}),r.jsx(Fo,{tabs:$y,defaultValue:"homes",views:{tab:{borderRadius:sr(e,"tabs")},activeTab:{borderRadius:sr(e,"tabs")}}})]}),r.jsxs(i.Vertical,{gap:8,children:[r.jsx(i.Text,{fontSize:12,fontWeight:"700",color:e.theme.muted,children:"Without icons"}),r.jsx(Fo,{defaultValue:"overview",views:{tab:{borderRadius:sr(e,"tabs")},activeTab:{borderRadius:sr(e,"tabs")}},tabs:[{title:"Overview",value:"overview",content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Tokens and components share the active config."})},{title:"Usage",value:"usage",content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Explicit props still override the config defaults."})},{title:"Audit",value:"audit",content:r.jsx(i.Text,{fontSize:14,lineHeight:"20px",children:"Plain text tabs without icons."})}]})]})]}),r.jsx(so,{items:By,orientation:"horizontal",defaultActiveItemId:"components"}),(()=>{const c=sr(e,"accordion"),g={borderWidth:0,borderTopWidth:0,borderBottomWidth:0,borderLeftWidth:0,borderRightWidth:0,marginBottom:0,borderRadius:0},s={...g,borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.theme.border};return r.jsxs(Pe,{defaultValue:"tokens",collapsible:!0,shape:"rounded",views:{container:{borderRadius:c,overflow:"hidden",borderWidth:1,borderStyle:"solid",borderColor:e.theme.border}},children:[r.jsxs(Pe.Item,{value:"tokens",...g,views:{item:g,trigger:{borderRadius:0}},children:[r.jsx(Pe.Trigger,{children:"Token extraction"}),r.jsx(Pe.Content,{children:r.jsxs(i.Text,{color:e.theme.muted,children:[Object.keys(e.tokens.rawCssVars).length," raw CSS variables were extracted from ",e.metadata.sourcePath,"."]})})]}),r.jsxs(Pe.Item,{value:"overrides",...s,views:{item:s,trigger:{borderRadius:0}},children:[r.jsx(Pe.Trigger,{children:"Override behavior"}),r.jsx(Pe.Content,{children:r.jsx(i.Text,{color:e.theme.muted,children:"Props passed directly to components override the design-system defaults."})})]})]})})(),r.jsx(Br,{label:"advanced tools"}),r.jsxs(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:[r.jsx(Dt,{color:e.theme.primary,children:"Toggle Button"}),r.jsx(Kl,{color:e.theme.primary,items:[{id:"left",value:"Left"},{id:"center",value:"Center"},{id:"right",value:"Right"}]}),r.jsx(Ur,{content:"Tooltip message",children:r.jsx(ie,{variant:"outline",children:"Hover for Tooltip"})}),r.jsxs(ve,{children:[r.jsx(ve.Trigger,{children:r.jsx(ie,{variant:"ghost",children:"Hover Card"})}),r.jsx(ve.Content,{children:r.jsxs(i.Vertical,{gap:4,padding:12,children:[r.jsx(i.Text,{fontWeight:"700",children:"Detailed Info"}),r.jsx(i.Text,{fontSize:12,opacity:.8,children:"Hover cards provide more context."})]})})]}),r.jsx(ri,{value:e.theme.primary}),r.jsx(bi,{shareData:{url:"https://example.com",title:"Example"}}),r.jsx(ut,{to:"#",children:"Inline Link component"})]}),r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:r.jsx(mi,{currentPage:o,totalPages:10,onPageChange:t})})]})})]})},Yy=({config:e})=>{var o;return r.jsxs(rt,{config:e,children:[r.jsx(Iy,{children:(o=e.metadata.googleFontLinks)==null?void 0:o.map(t=>r.jsx("link",{rel:"stylesheet",href:t},t))}),r.jsx(i.View,{minHeight:"100vh",padding:28,fontFamily:e.tokens.typography.fontFamily,backgroundColor:e.theme.canvas,color:e.theme.text,style:{textTransform:e.metadata.id==="spacex"?"uppercase":"none"},children:r.jsxs(i.Vertical,{gap:28,children:[r.jsxs(i.Vertical,{gap:12,maxWidth:900,children:[r.jsxs(i.Text,{as:"h1",fontSize:44,lineHeight:"48px",fontWeight:"800",fontFamily:e.tokens.typography.fontFamily,children:[e.metadata.label," Design System"]}),r.jsxs(i.Text,{fontSize:16,lineHeight:"24px",color:e.theme.muted,fontFamily:e.tokens.typography.fontFamily,children:["Live App Studio components rendered with the"," ",e.metadata.label," config defaults."]})]}),r.jsxs(i.Vertical,{gap:28,children:[r.jsx(Ny,{config:e}),r.jsx(Gy,{config:e})]})]})})]})};I.Accordion=Pe,I.ActionSheet=Rs,I.Alert=ft,I.ArrowIcon=qs,I.AspectRatio=On,I.AttachmentGroup=Ql,I.AttachmentIcon=Bo,I.AttachmentPreview=jf,I.AudioIcon=yo,I.AudioInput=fd,I.AudioWaveform=mt,I.Avatar=Yn,I.BackIcon=ms,I.Background=Oi,I.Badge=we,I.BatteryIcon=Zc,I.BluetoothIcon=Bs,I.BoldArrowIcon=Ns,I.BookmarkIcon=Rc,I.Button=ie,I.CHART_COLORS=je,I.CalendarIcon=Ws,I.CameraIcon=Ls,I.Card=be,I.Carousel=He,I.Chart=h0,I.ChartIcon=gs,I.ChatInput=Di,I.ChatWidget=Ni,I.ChatWidgetComponent=an,I.ChatWidgetWidget=Ku,I.CheckIcon=fs,I.Checkbox=Pt,I.ChevronIcon=de,I.ClockIcon=Ps,I.CloseEyeIcon=st,I.CloseIcon=Te,I.CloudIcon=es,I.ColorInput=og,I.ColorPicker=ri,I.ComboBox=Sh,I.Command=Po,I.ContextMenu=ko,I.CookieConsent=u0,I.CopyIcon=os,I.CountryPicker=ig,I.CreditCardIcon=Is,I.CropIcon=Ys,I.DEFAULT_CHART_COLORS=la,I.DatePicker=uh,I.DeleteIcon=rs,I.DesignSystem=Yy,I.DesignSystemProvider=rt,I.Divider=pp,I.DocumentIcon=ds,I.DownloadIcon=as,I.DragAndDrop=Pm,I.DragAndDropComponent=Jl,I.DragHandleIcon=Dc,I.DragHandleLinesIcon=Ks,I.Drawer=co,I.DropZone=Vm,I.DropdownMenu=er,I.DustBinIcon=mr,I.EditIcon=ts,I.EmojiPicker=Km,I.ErrorIcon=yr,I.ExternalLinkIcon=En,I.FacebookIcon=Uc,I.FileIcon=ro,I.FileImage=S0,I.FileSVG=w0,I.FilterIcon=Ms,I.FolderIcon=Ec,I.FormikChatInput=Zh,I.FormikCheckbox=Vh,I.FormikColorInput=Rh,I.FormikComboBox=sf,I.FormikCountryPicker=of,I.FormikDatePicker=ef,I.FormikEmojiPicker=Hf,I.FormikForm=jh,I.FormikIconPicker=If,I.FormikOTPInput=uf,I.FormikPassword=cf,I.FormikRadio=Bh,I.FormikSelect=rf,I.FormikSelector=bf,I.FormikSlider=mf,I.FormikSwitch=tf,I.FormikTagInput=nf,I.FormikTextArea=af,I.FormikTextField=lf,I.FormikToggle=Cf,I.FormikToggleGroup=wf,I.FormikUploader=yl,I.GiftIcon=xs,I.Gradient=ai,I.HeartIcon=Kc,I.HelpIcon=Vc,I.HomeIcon=ns,I.HoverCard=ve,I.Icon=fr,I.IconPicker=Jm,I.ImageIcon=Lc,I.InfoIcon=Ye,I.InstagramIcon=Nc,I.KeyboardAvoidingView=Pl,I.LayoutIcon=vs,I.LikeIcon=$s,I.Link=ut,I.LinkIcon=Ss,I.LinkedinIcon=Gc,I.Loader=Xe,I.LoadingSpinnerIcon=ct,I.LockIcon=is,I.LogoutIcon=Cs,I.MagicWandIcon=Es,I.MapPinIcon=Hs,I.MediaPreview=Af,I.MenuIcon=js,I.Menubar=go,I.MessageLayout=ld,I.MessageView=Un,I.MicrophoneIcon=lt,I.MinusIcon=Hn,I.Modal=io,I.ModalLayout=Bt,I.ModalRouter=Bt,I.MoonIcon=hs,I.MoreIcon=Fs,I.MousePointerIcon=$n,I.NavigationMenu=so,I.NotificationIcon=ss,I.OTPInput=Ra,I.OpenEyeIcon=dt,I.PageLayout=Qf,I.Pagination=mi,I.PanelIcon=Dn,I.Password=yh,I.PauseIcon=Xc,I.PlayIcon=jn,I.PlusIcon=ls,I.PowerOffIcon=ws,I.PrintIcon=Vs,I.ProfileIcon=cs,I.ProgressBar=pi,I.RefreshIcon=As,I.Resizable=en,I.RotateIcon=bs,I.Router=am,I.SaveIcon=Qc,I.SearchIcon=ur,I.Select=Go,I.Selector=G0,I.SendIcon=it,I.Separator=Br,I.SettingsIcon=An,I.ShapeIcon=ys,I.ShareButton=bi,I.ShareIcon=Vn,I.ShieldIcon=ks,I.Sidebar=nr,I.Slider=Fl,I.SliderIcon=Gs,I.SpinnerIcon=Us,I.SplashScreen=em,I.StarIcon=Jc,I.StatusIndicator=_r,I.StopIcon=pr,I.SuccessIcon=gt,I.Switch=Ft,I.Table=ze,I.Tabs=Fo,I.TagInput=Th,I.TextArea=zt,I.TextField=Ie,I.TextIcon=us,I.ThreadsIcon=Yc,I.TickIcon=_o,I.Title=Xl,I.Toast=Gp,I.Toggle=Dt,I.ToggleGroup=Kl,I.Tooltip=Ur,I.TrashIcon=zs,I.TwitchIcon=Oc,I.TwitterIcon=Bc,I.UnLikeIcon=Ds,I.UnlockIcon=_s,I.UploadIcon=ht,I.Uploader=xr,I.UserIcon=Ac,I.VideoIcon=$c,I.WarningIcon=at,I.WifiIcon=Os,I.XIcon=_c,I.YoutubeIcon=qc,I.ZapIcon=Ts,I.ZoomInIcon=Xs,I.ZoomOutIcon=ps,I.deepMerge=Ee,I.defaultDesignSystemConfig=Tn,I.designSystemConfigList=Ic,I.designSystemConfigs=Rr,I.getDesignSystemComponentProps=ot,I.goBack=rm,I.hideDrawer=Wl,I.hideMessage=qn,I.hideModal=$t,I.matchPath=Hl,I.mergeDesignSystemComponentProps=Fn,I.navigate=om,I.normalizeDesignSystemComponentProps=et,I.setSplashLoaded=Zf,I.setSplashStarted=Rf,I.showDrawer=Kf,I.showMessage=Nn,I.showModal=Vf,I.showToast=ho,I.useDesignSystem=hr,I.useDesignSystemComponentProps=uo,I.useDrawerStore=Re,I.useHistory=Nt,I.useMergedDesignSystemComponentProps=me,I.useMessageStore=br,I.useModalStore=Ze,I.useRouterStore=Le,I.useSplashStore=Ar,I.useToast=Yp,Object.defineProperty(I,Symbol.toStringTag,{value:"Module"})});
36
36
  //# sourceMappingURL=web.umd.js.map