@app-studio/components 0.10.18 → 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.cjs.js CHANGED
@@ -1,9 +1,9 @@
1
- "use strict";var ss=Object.create;var Xr=Object.defineProperty;var cs=Object.getOwnPropertyDescriptor;var ds=Object.getOwnPropertyNames;var us=Object.getPrototypeOf,ps=Object.prototype.hasOwnProperty;var ms=(e,o,t)=>o in e?Xr(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t;var gs=(e,o,t,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of ds(o))!ps.call(e,n)&&n!==t&&Xr(e,n,{get:()=>o[n],enumerable:!(a=cs(o,n))||a.enumerable});return e};var hs=(e,o,t)=>(t=e!=null?ss(us(e)):{},gs(o||!e||!e.__esModule?Xr(t,"default",{value:e,enumerable:!0}):t,e));var Le=(e,o,t)=>ms(e,typeof o!="symbol"?o+"":o,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),p=require("react"),i=require("app-studio"),zr=require("zustand"),fs=require("react-router-dom"),ys=require("react-dom"),He=require("formik"),Ft=(e="id")=>`${e}-${Math.random().toString(36).substring(2,9)}`,xs=({type:e="single",value:o,defaultValue:t,onValueChange:a,collapsible:n=!1})=>{const l=o!==void 0,s=o??t,d=()=>e==="multiple"?Array.isArray(s)?s:s?[s]:[]:Array.isArray(s)?s[0]:s,[u,c]=p.useState(d()),m=p.useMemo(()=>Ft("accordion"),[]),g=l?o:u,h=p.useMemo(()=>g===void 0?[]:Array.isArray(g)?g:[g],[g]);p.useEffect(()=>{l&&(e==="multiple"&&!Array.isArray(o)?(console.warn('Accordion with type="multiple" received non-array value:',o),c(o?[String(o)]:[])):e==="single"&&Array.isArray(o)?(console.warn('Accordion with type="single" received array value:',o),c(o.length>0?o[0]:void 0)):c(o))},[o,l,e]);const f=p.useCallback(x=>{let b;if(e==="single")g===x&&n?b=void 0:g!==x?b=x:b=g;else{const k=Array.isArray(g)?g:[];k.includes(x)?b=k.filter(j=>j!==x):b=[...k,x],Array.isArray(b)&&b.length===0&&(b=[])}l||c(b),a&&a(b)},[e,g,n,l,a]),y=p.useCallback(x=>h.includes(x),[h]);return{expandedItems:h,toggleItem:f,isItemExpanded:y,type:e,collapsible:n,baseId:m}},bs={square:{borderRadius:0},rounded:{borderRadius:8}},ks={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"}}},Cs={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"]},Ss={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"},js={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)"]},ws={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"}}}},vs={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"},Ts={metadata:Cs,theme:Ss,tokens:js,components:ws,personality:vs},Is={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"]},Fs={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"},Rs={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)"]},zs={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"}}}},Ms={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"},Ws={metadata:Is,theme:Fs,tokens:Rs,components:zs,personality:Ms},Hs={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"]},Ps={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"},As={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)"]},Vs={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"}}}},Es={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"},Ds={metadata:Hs,theme:Ps,tokens:As,components:Vs,personality:Es},$s={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"]},Ls={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"},_s={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)"]},Bs={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"}}}},Os={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"},Ns={metadata:$s,theme:Ls,tokens:_s,components:Bs,personality:Os},qs={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"]},Us={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"},Gs={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)"]},Ys={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"}}}},Xs={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"},Ks={metadata:qs,theme:Us,tokens:Gs,components:Ys,personality:Xs},Js={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"]},Qs={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"},Zs={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)"]},ec={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"}}}},oc={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"},rc={metadata:Js,theme:Qs,tokens:Zs,components:ec,personality:oc},tc={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"]},ac={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"},nc={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)"]},lc={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"}}}},ic={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"},sc={metadata:tc,theme:ac,tokens:nc,components:lc,personality:ic},cc={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"]},dc={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"},uc={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"]},pc={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"}}}},mc={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"},gc={metadata:cc,theme:dc,tokens:uc,components:pc,personality:mc},hc={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"]},fc={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"},yc={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:[]},xc={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"}}}},bc={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"},kc={metadata:hc,theme:fc,tokens:yc,components:xc,personality:bc},Cc={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"]},Sc={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"},jc={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"]},wc={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"}}}},vc={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"},Tc={metadata:Cc,theme:Sc,tokens:jc,components:wc,personality:vc},Ic={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"]},Fc={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"},Rc={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:[]},zc={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"}}}},Mc={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"},Wc={metadata:Ic,theme:Fc,tokens:Rc,components:zc,personality:Mc},Hc={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"]},Pc={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"},Ac={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"]},Vc={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"}}}},Ec={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"},Dc={metadata:Hc,theme:Pc,tokens:Ac,components:Vc,personality:Ec},$c={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"]},Lc={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"},_c={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)"]},Bc={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"}}}},Oc={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"},Nc={metadata:$c,theme:Lc,tokens:_c,components:Bc,personality:Oc},qc={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"]},Uc={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"},Gc={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)"]},Yc={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"}}}},Xc={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"},Kc={metadata:qc,theme:Uc,tokens:Gc,components:Yc,personality:Xc},Jc={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"]},Qc={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"},Zc={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"]},ed={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"}}}},od={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"},rd={metadata:Jc,theme:Qc,tokens:Zc,components:ed,personality:od},td={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"]},ad={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"},nd={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)"]},ld={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"}}}},id={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"},sd={metadata:td,theme:ad,tokens:nd,components:ld,personality:id},Rt={airbnb:Ws,apple:Ds,coinbase:Ns,figma:Ks,linear:rc,nike:sc,notion:gc,revolut:kc,shopify:Tc,spacex:Wc,spotify:Dc,stripe:Nc,tesla:Kc,uber:rd,vercel:sd},cd=Object.values(Rt),hn=Ts,Uo=e=>!!e&&typeof e=="object"&&!Array.isArray(e)&&Object.prototype.toString.call(e)==="[object Object]",zt=e=>e,Ee=(...e)=>{const o={};return e.forEach(t=>{Uo(t)&&Object.entries(t).forEach(([a,n])=>{if(n!=null){if(Uo(n)&&Uo(o[a])){o[a]=Ee(o[a],n);return}o[a]=n}})}),o},fn=e=>{if(Array.isArray(e)||!Uo(e))return e;const o={};for(const[t,a]of Object.entries(e))a!==null&&(o[t]=Uo(a)?fn(a):a);return o},Mt=(e,o)=>{if(!o)return{};const t=o.components[e]||{};return zt(fn(t))},yn=(e,o,t)=>{const{config:a,...n}=o,l=Mt(e,t),s=Ee(l,a||{});return zt(Ee(s,n))},xn=p.createContext({isEnabled:!1}),Wt=({children:e,config:o,configId:t,mode:a})=>{const n=o||(t?Rt[t]:null)||hn,{themeMode:l}=i.useTheme(),s=a??l??n.metadata.defaultAppearance,d=p.useMemo(()=>({config:n,configId:n.metadata.id,isEnabled:!0}),[n]);return r.jsx(xn.Provider,{value:d,children:r.jsx(i.ThemeProvider,{theme:n.theme,mode:s,transparentWrapper:!0,children:r.jsx("div",{"data-design-system":n.metadata.id,"data-appearance":s,style:{display:"contents"},children:e})})})},Mr=()=>p.useContext(xn),zo=e=>{const{config:o}=Mr();return Mt(e,o)},me=(e,o)=>{const{config:t}=Mr();return yn(e,o,t)},bn=p.createContext({expandedItems:[],toggleItem:()=>{},isItemExpanded:()=>!1,type:"single",collapsible:!1,baseId:""}),dd=({children:e,value:o})=>r.jsx(bn.Provider,{value:o,children:e}),kn=()=>{const e=p.useContext(bn);if(!e)throw new Error("useAccordionContext must be used within an AccordionProvider");return e},ud=({value:e,children:o,isDisabled:t=!1,views:a,...n})=>{var h;const{isItemExpanded:l,baseId:s}=kn(),d=zo("accordion"),u=Ee({item:(h=d.views)==null?void 0:h.container},a),c=l(e),m=`${s}-trigger-${e}`,g=`${s}-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":c?"open":"closed","data-disabled":t?"":void 0,...u==null?void 0:u.item,...n,children:p.Children.map(o,f=>p.isValidElement(f)?p.cloneElement(f,{...f.props,value:e,isExpanded:c,isDisabled:t,triggerId:m,contentId:g}):f)})},pd=({children:e,value:o,isExpanded:t,isDisabled:a,triggerId:n,contentId:l,views:s,asChild:d=!1,...u})=>{var y;const{toggleItem:c}=kn(),m=zo("accordion"),g=Ee({container:(y=m.views)==null?void 0:y.trigger},s),f={id:n,"aria-expanded":t,"aria-controls":l,"aria-disabled":a,"data-state":t?"open":"closed","data-disabled":a?"":void 0,onClick:()=>{o&&!a&&c(o)},padding:16,cursor:a?"not-allowed":"pointer",alignItems:"center",justifyContent:"space-between",width:"100%",style:{backgroundColor:"transparent"},...g==null?void 0:g.container,...u};if(d&&p.isValidElement(e)){const x=p.Children.only(e);return p.cloneElement(x,{...f,...x.props})}return r.jsxs(i.Horizontal,{...f,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)",...g==null?void 0:g.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"})})})]})},md=({children:e,isExpanded:o,isDisabled:t,triggerId:a,contentId:n,views:l,...s})=>{var j;const d=zo("accordion"),u=Ee({container:(j=d.views)==null?void 0:j.content},l),c=260,m=p.useRef(null),g=p.useRef(null),[h,f]=p.useState(!!o),[y,x]=p.useState(o?"none":"0px"),[b,k]=p.useState(o?1:0);return p.useEffect(()=>()=>{g.current&&clearTimeout(g.current)},[]),p.useEffect(()=>{var C;if(g.current&&(clearTimeout(g.current),g.current=null),o){f(!0),requestAnimationFrame(()=>{var v;const S=((v=m.current)==null?void 0:v.scrollHeight)??0;x(`${S}px`),k(1)});return}const w=((C=m.current)==null?void 0:C.scrollHeight)??0;x(`${w}px`),k(1),requestAnimationFrame(()=>{x("0px"),k(0)}),g.current=setTimeout(()=>{f(!1)},c)},[o,e]),p.useEffect(()=>{var C;if(!o||!h)return;const w=((C=m.current)==null?void 0:C.scrollHeight)??0;x(`${w}px`)},[e,o,h]),h?r.jsx(i.View,{id:n,role:"region","aria-labelledby":a,overflow:"hidden",maxHeight:y,opacity:b,transition:`max-height ${c}ms cubic-bezier(0.22, 1, 0.36, 1), opacity ${c}ms ease`,"data-state":o?"open":"closed","data-disabled":t?"":void 0,style:{backgroundColor:"transparent"},...u==null?void 0:u.container,...s,children:r.jsx(i.View,{ref:m,padding:16,children:e})}):null},gd=({children:e,shape:o="rounded",variant:t="default",views:a,baseId:n,type:l,collapsible:s,themeMode:d,...u})=>r.jsx(i.Vertical,{width:"100%","data-orientation":"vertical",...bs[o],...ks[t],...a==null?void 0:a.container,...u,children:e}),hd=e=>{const o=me("accordion",e),{children:t,type:a="single",value:n,defaultValue:l,onValueChange:s,collapsible:d=!1,shape:u="rounded",variant:c="default",views:m,...g}=o,h=Array.isArray(l)?l:l?[l]:void 0,f=xs({type:a,value:n,defaultValue:l??h,onValueChange:s,collapsible:d});return r.jsx(dd,{value:{expandedItems:f.expandedItems,toggleItem:f.toggleItem,isItemExpanded:f.isItemExpanded,type:f.type,collapsible:f.collapsible,baseId:f.baseId},children:r.jsx(gd,{shape:u,variant:c,views:m,baseId:f.baseId,type:f.type,collapsible:f.collapsible,...g,children:t})})},Me=hd;Me.Item=ud;Me.Trigger=pd;Me.Content=md;const Kr=new Map,fd=(e,o,t)=>(Kr.has(e)||Kr.set(e,p.lazy(()=>import("lucide-react/dynamicIconImports").then(a=>{const n=a.default[e];return n?n():{default:()=>r.jsx(r.Fragment,{children:o||t})}}))),Kr.get(e)),ya=p.memo(({widthHeight:e,color:o="currentColor",transform:t,orientation:a="up",children:n,...l})=>r.jsx(i.View,{widthHeight:e,color:o,display:"flex",alignItems:"center",justifyContent:"center",transform:t||(a==="left"?"rotate(-90deg)":a==="right"?"rotate(90deg)":a==="up"?"rotate(0deg)":a==="down"?"rotate(180deg)":"none"),...l,children:n})),kr=p.memo(({name:e="circle",widthHeight:o=24,color:t="currentColor",filled:a=!1,strokeWidth:n=1,size:l,children:s,fallback:d,...u})=>{const{getColor:c}=i.useTheme(),m=l||o,g=p.useMemo(()=>{const y=c(t);return{fill:a?y:"none",stroke:y,strokeWidth:n,strokeLinecap:"round",strokeLinejoin:"round"}},[a,t,n,c]);if(!e)return r.jsx(ya,{widthHeight:o,color:t,...u,children:s});const h=e.toLowerCase().replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),f=fd(h,d,s);return r.jsx(ya,{widthHeight:m,color:t,...u,children:r.jsx(p.Suspense,{fallback:d||null,children:r.jsx(f,{size:m,...g})})})}),N=(e,o={})=>{const t=a=>r.jsx(kr,{name:e,...o,...a});return t.displayName=`${e}Icon`,t},yd=N("user",{filled:!1}),xd=N("circle-help",{filled:!1}),bd=N("folder",{filled:!1}),se=N("chevron-up",{filled:!1}),kd=N("grip-vertical",{filled:!1}),to=N("file",{filled:!1}),Cd=N("video",{filled:!1}),Sd=N("image",{filled:!1}),vo=N("volume",{filled:!1}),jd=N("twitter",{filled:!1}),wd=N("x",{filled:!1}),vd=N("twitch",{filled:!1}),Te=N("x",{filled:!1,strokeWidth:2}),Td=N("instagram",{filled:!1}),Id=N("youtube",{filled:!1}),Fd=N("facebook",{filled:!1}),Rd=N("linkedin",{filled:!1}),zd=N("at-sign",{filled:!1}),Cn=N("minus",{filled:!1}),Ge=N("info",{filled:!1}),Sn=N("play",{filled:!1}),Md=N("pause",{filled:!1}),Wd=N("heart",{filled:!1}),Hd=N("star",{filled:!1}),Pd=N("save",{filled:!1}),Ht=N("triangle-alert",{filled:!1}),Ad=N("battery",{filled:!1}),Vd=N("bookmark",{filled:!1}),Ed=N("cloud",{filled:!1}),Dd=N("copy",{filled:!1}),Wr=N("trash",{filled:!1}),$d=Wr,Ld=N("edit",{filled:!1}),Pt=N("mic",{filled:!1}),Hr=N("square",{filled:!1}),At=N("send",{filled:!1}),Vt=N("loader",{filled:!1}),Xo=N("paperclip",{filled:!1}),Cr=N("search",{filled:!1}),_d=N("home",{filled:!1}),jn=N("settings",{filled:!1}),Bd=N("download",{filled:!1}),wn=N("share",{filled:!1}),Pr=N("check",{filled:!1}),Od=N("plus",{filled:!1}),Et=N("eye-off",{filled:!1}),Dt=N("eye",{filled:!1}),Nd=N("lock",{filled:!1}),qd=N("user",{filled:!1}),vn=N("external-link",{filled:!1}),$t=N("check-circle",{filled:!1}),Ar=N("alert-circle",{filled:!1}),Ud=N("bell",{filled:!1}),Gd=N("file-text",{filled:!1}),Yd=N("bar-chart",{filled:!1}),Xd=N("moon",{filled:!1}),Tn=N("panel-left",{filled:!1}),Lt=N("upload",{filled:!1}),Kd=Pr,Jd=e=>r.jsx(se,{orientation:"left",...e}),Qd=N("zoom-out",{filled:!1}),Zd=N("type",{filled:!1}),eu=N("shapes",{filled:!1}),ou=N("rotate-cw",{filled:!1}),ru=N("gift",{filled:!1}),tu=N("shield",{filled:!1}),au=N("log-out",{filled:!1}),nu=N("power",{filled:!1}),lu=N("link",{filled:!1}),iu=N("layout",{filled:!1}),su=N("zap",{filled:!1}),cu=N("credit-card",{filled:!1}),du=N("more-horizontal",{filled:!1}),uu=Wr,pu=N("filter",{filled:!1}),mu=N("calendar",{filled:!1}),gu=N("clock",{filled:!1}),hu=N("map-pin",{filled:!1}),fu=N("menu",{filled:!1}),yu=N("refresh-cw",{filled:!1}),xu=N("printer",{filled:!1}),bu=N("wand",{filled:!1}),ku=N("thumbs-down",{filled:!1}),Cu=N("thumbs-up",{filled:!1}),Su=N("camera",{filled:!1}),ju=N("bluetooth",{filled:!1}),wu=N("unlock",{filled:!1}),vu=N("wifi",{filled:!1}),Tu=N("arrow-right",{filled:!1}),Iu=N("arrow-up",{filled:!1}),Fu=N("loader",{filled:!1}),Ru=N("sliders-horizontal",{filled:!1}),zu=N("crop",{filled:!1}),Mu=N("zoom-in",{filled:!1}),Wu=N("grip-horizontal",{filled:!1}),In=N("mouse-pointer-2",{filled:!1}),Hu=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"}}}},Pu=p.memo(({icon:e,title:o="",views:t,description:a="",variant:n="default",themeMode:l,children:s,...d})=>{const{themeMode:u}=i.useTheme(),c=l||u,m=p.useMemo(()=>Hu(c),[c]),g=()=>{var y;if(e)return e;const f={size:20,color:((y=t==null?void 0:t.icon)==null?void 0:y.color)??m[n].icon.color};switch(n){case"info":return r.jsx(Ge,{...f});case"success":return r.jsx($t,{...f});case"error":return r.jsx(Ar,{...f});case"warning":default:return r.jsx(Ht,{...f})}};return r.jsxs(i.Horizontal,{gap:12,padding:"12px 16px",flexWrap:"nowrap",alignItems:"flex-start",borderRadius:"8px",borderWidth:"1px",borderStyle:"solid",borderColor:m[n].container.borderColor,backgroundColor:m[n].container.backgroundColor,boxShadow:m[n].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:g()}),r.jsxs(i.Vertical,{gap:4,children:[o?r.jsx(i.Text,{fontSize:"14px",fontWeight:"600",lineHeight:"20px",color:m[n].content.color,...t==null?void 0:t.title,children:o}):null,r.jsx(i.Text,{fontSize:"12px",fontWeight:"400",lineHeight:"16px",color:m[n].content.color,...t==null?void 0:t.description,children:a||s})]})]})}),Au=e=>{const o=me("alert",e);return r.jsx(Pu,{...o})},_t=Au,Vu=({ratio:e=16/9,children:o,views:t,...a})=>r.jsx(i.View,{width:"100%",position:"relative",overflow:"hidden",paddingTop:`${1/e*100}%`,borderRadius:8,...a,...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})}),Eu=({ratio:e,children:o,...t})=>r.jsx(Vu,{ratio:e,...t,children:o}),Fn=Eu;function Du(e,o,t){return Math.min(Math.max(e,o),t)}const $u=({bars:e,isPaused:o,...t})=>{const n=[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,s)=>r.jsx(i.View,{width:3,borderRadius:2,backgroundColor:o?"color-gray-300":l>=0?"theme-primary":"color-gray-300",style:{height:`${l>=0?Du(l*300,6,24):n[s%n.length]}px`}},s))})},Bt=({analyserNode:e,isPaused:o,...t})=>{const a=p.useRef(null),n=60,l=32,[s,d]=p.useState([]);return p.useEffect(()=>{if(!e){d(Array(n).fill(-1));return}const u=e.frequencyBinCount,c=new Uint8Array(u),m=()=>{e.getByteTimeDomainData(c);let g=0;for(let f=0;f<u;f++){const y=(c[f]-128)/128;g+=y*y}const h=Math.sqrt(g/u);p.startTransition(()=>{d(f=>{const x=[...f,h].slice(-n);return x.length<n?[...Array(n-x.length).fill(-1),...x]:x})})};return a.current=setInterval(m,l),()=>{a.current&&clearInterval(a.current)}},[e]),r.jsx($u,{bars:s,isPaused:o,...t})},Vr=zr.create(e=>({visible:!1,title:"",subtitle:"",variant:"info",isClosable:!1,views:{},action:()=>{},actionText:"",showIcon:!1,timeout:3e3,show:(o,t="",a="",n,l,s,d,u,c)=>e({visible:!0,variant:o,title:t,subtitle:a,isClosable:n,views:l,action:s,actionText:d,showIcon:u,timeout:c}),hide:()=>e({visible:!1})})),Rn=(e,o,t,a)=>{Vr.getState().show(e,o,t,a==null?void 0:a.isClosable,a==null?void 0:a.views,a==null?void 0:a.action,a==null?void 0:a.actionText,a==null?void 0:a.showIcon,a==null?void 0:a.timeout)},zn=()=>{Vr.getState().hide()},Lu={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"}}},Mn=({variant:e,hide:o,title:t,subtitle:a,theme:n,action:l,actionText:s,showIcon:d=!1,isClosable:u=!1,timeout:c=3e3,views:m})=>{var k,j;p.useEffect(()=>{if(c&&!u){const w=setTimeout(()=>{o()},c);return()=>{clearTimeout(w)}}},[]);const g=n??Lu,h=!!(l&&s),f={borderWidth:1,borderStyle:"solid",borderRadius:12,borderColor:`${g[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(Ge,{widthHeight:24,color:y,...m==null?void 0:m.icon}),success:r.jsx($t,{widthHeight:24,color:y,...m==null?void 0:m.icon}),warning:r.jsx(Ht,{widthHeight:24,color:y,...m==null?void 0:m.icon}),error:r.jsx(Ar,{widthHeight:24,color:y,...m==null?void 0:m.icon})}[e],b=d&&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:`${g[e].content.color}`,backgroundColor:`${g[e].container.backgroundColor}`,onClick:u?()=>{}:()=>{o()},...f,transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",...m==null?void 0:m.container,children:[b&&x,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}),a&&r.jsx(i.Text,{size:"sm",lineHeight:"20px",color:g[e].content.color,...m==null?void 0:m.subtitle,children:a})]}),h&&r.jsx(i.View,{as:"button",type:"button",onClick:l,backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:g[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:g[e].content.color,children:s})}),u&&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:g[e].close.color,...(j=m==null?void 0:m.closingIcon)==null?void 0:j.icon})})]})},_u=({container:e,theme:o,position:t="topRight"})=>{const{visible:a,title:n,variant:l,subtitle:s,isClosable:d,views:u,action:c,actionText:m,showIcon:g,timeout:h}=Vr(),f={topLeft:{top:6,left:8},topRight:{top:6,right:8},bottomLeft:{bottom:8,left:6},bottomRight:{bottom:8,right:6}}[t],y=()=>r.jsx(Mn,{variant:l,subtitle:s,show:a,title:n,theme:o,isClosable:d,views:u,action:c,actionText:m,showIcon:g,timeout:h,hide:()=>zn()}),x=e?p.cloneElement(e,{},y()):r.jsx(i.View,{position:"absolute",zIndex:1e4,...f,children:y()});return a?x:null},Bu=(e,o)=>{const t=document.createElement("video");t.preload="metadata",t.onloadedmetadata=()=>{t.currentTime=1},t.oncanplay=()=>{const a=document.createElement("canvas");a.width=t.videoWidth,a.height=t.videoHeight;const n=a.getContext("2d");if(n){n.drawImage(t,0,0,a.width,a.height);const l=a.toDataURL("image/jpeg");o(l)}URL.revokeObjectURL(t.src)},t.src=URL.createObjectURL(e)},Ou=({maxSize:e=100*1024*1024,onFileSelect:o,onMultipleFileSelect:t,validateFile:a,thumbnail:n,multiple:l=!1,onError:s=d=>{Rn("error","Error",d)}})=>{const d=p.useRef(null),u=p.useRef(null),[c,m]=p.useState(null),[g,h]=p.useState([]),[f,y]=p.useState(null),[x,b]=p.useState(null),[k,j]=p.useState(n||null),w=p.useCallback(S=>{const v=S.target.files;if(y(null),!v||v.length===0){s("No file selected"),y("No file selected");return}if(l){const I=Array.from(v),F=[];for(const W of I){if(W.size>e){s(`File ${W.name} exceeds ${Math.round(e/(1024*1024))}MB.`),y(`File ${W.name} exceeds ${Math.round(e/(1024*1024))}MB.`);continue}if(a){const E=a(W);if(E){s(`${W.name}: ${E}`),y(`${W.name}: ${E}`);continue}}F.push(W)}F.length>0&&(h(F),t&&t(F))}else{const I=v[0];if(I.size>e){s(`File exceeds ${Math.round(e/(1024*1024))}MB.`),y(`File exceeds ${Math.round(e/(1024*1024))}MB.`);return}if(a){const F=a(I);if(F){s(F),y(F);return}}b(URL.createObjectURL(I)),I.type.startsWith("video/")&&Bu(I,j),o&&(m(I),o(I))}},[e,o,t,a,l]),C=()=>{var S;return(S=d.current)==null?void 0:S.click()};return p.useEffect(()=>()=>{x&&URL.revokeObjectURL(x),k&&URL.revokeObjectURL(k)},[x,k]),{previewUrl:x,thumbnailUrl:k,errorMessage:f,fileInputRef:d,videoRef:u,selectedFile:c,selectedFiles:g,handleFileChange:w,handleClick:C}},Nu=({accept:e,isLoading:o=!1,progress:t=0,icon:a,text:n,previewUrl:l,thumbnailUrl:s,errorMessage:d,fileInputRef:u,videoRef:c,selectedFile:m,selectedFiles:g,handleFileChange:h,handleClick:f,multiple:y=!1,containerProps:x,errorMessageProps:b,progressProps:k,videoProps:j,imageProps:w,iconProps:C,textProps:S,fileType:v,previewUrl:I,renderError:F=({errorMessage:R,errorMessageProps:H,themeMode:M})=>r.jsx(i.Text,{color:"red",fontSize:12,marginTop:8,...H,...z==null?void 0:z.text,children:R}),renderText:W=({text:R,textProps:H})=>r.jsx(i.Text,{marginTop:8,...H,...z==null?void 0:z.text,children:R}),renderFile:E=({selectedFile:R,textProps:H})=>R?r.jsxs(i.Center,{marginTop:8,gap:10,flexDirection:"column",...z==null?void 0:z.container,children:[r.jsx(i.Text,{maxLines:2,...H,...z==null?void 0:z.text,children:R.name}),r.jsxs(i.Text,{...H,...z==null?void 0:z.text,children:["(",Math.round(R.size/1024)," KB)"]})]}):null,renderVideo:T=({selectedFile:R,videoRef:H,videoProps:M})=>r.jsx(i.View,{width:"100%",height:"100%",position:"relative",...z==null?void 0:z.view,children:r.jsx(i.View,{as:"video",width:"100%",height:"100%",src:R?URL.createObjectURL(R):void 0,style:{objectFit:"cover"},ref:H,...M,...z==null?void 0:z.view})}),renderImage:A=({previewUrl:R,imageProps:H})=>(console.log("Rendering image with URL:",R),r.jsx(i.View,{width:"100%",height:"100%",position:"relative",...z==null?void 0:z.view,children:r.jsx(i.Image,{src:R,alt:"Preview",width:"100%",height:"100%",objectFit:"cover",style:{maxHeight:"100%",maxWidth:"100%"},...H,...z==null?void 0:z.image})})),renderProgress:P=({progress:R,progressProps:H})=>r.jsxs(i.Horizontal,{gap:8,alignItems:"center",...H,...z==null?void 0:z.horizontal,children:[r.jsx(i.View,{height:4,backgroundColor:"color-black-100",width:"100%",borderRadius:2,...z==null?void 0:z.view,children:r.jsx(i.View,{height:4,width:`${R}%`,borderRadius:2,backgroundColor:"color-dark-50",...z==null?void 0:z.view})}),r.jsxs(i.Text,{fontSize:12,...z==null?void 0:z.text,children:[R,"%"]})]}),views:z={}})=>{const R=I||l;return r.jsxs(i.Center,{onClick:f,cursor:"pointer",border:"1px solid color-black-100",borderRadius:8,padding:16,flexDirection:"column",overflow:"hidden",position:"relative",height:m&&t===100?"200px":"auto",...x,...z==null?void 0:z.container,children:[t===100&&v==="image"&&R&&A({previewUrl:R,imageProps:w}),t===100&&v==="video"&&s&&T({selectedFile:m,thumbnailUrl:s,videoRef:c,videoProps:j,imageProps:w}),t===100&&v==="file"&&m&&E({selectedFile:m,textProps:S}),t<100&&(a||r.jsx(Lt,{widthHeight:32,...C})),!o&&!m&&n&&W({text:n,textProps:S}),o&&P({progress:t,progressProps:k}),!o&&d&&F({errorMessage:d,errorMessageProps:b}),r.jsx(i.Input,{type:"file",ref:u,onChange:h,accept:e,multiple:y,style:{display:"none"},...z==null?void 0:z.view})]})},Er=({accept:e="*/*",icon:o,text:t,maxSize:a,onFileSelect:n,onMultipleFileSelect:l,validateFile:s,isLoading:d=!1,progress:u=0,fileType:c,multiple:m=!1,...g})=>{const{previewUrl:h,thumbnailUrl:f,errorMessage:y,videoRef:x,fileInputRef:b,selectedFile:k,selectedFiles:j,handleFileChange:w,handleClick:C}=Ou({maxSize:a,onFileSelect:n,onMultipleFileSelect:l,validateFile:s,multiple:m}),v=(()=>{if(c)return c;if(k)return k.type.startsWith("image/")?"image":k.type.startsWith("video/")?"video":"file"})();return r.jsx(Nu,{handleClick:C,accept:e,isLoading:d,progress:u,icon:o,text:t,maxSize:a,onFileSelect:n,validateFile:s,errorMessage:y,handleFileChange:w,selectedFile:k,selectedFiles:j,videoRef:x,fileInputRef:b,previewUrl:h,thumbnailUrl:f,fileType:v,multiple:m,...g})};function qu(e){const o=Math.floor(e/60),t=e%60;return`${o}:${t.toString().padStart(2,"0")}`}function Uu({onAudio:e,recording:o,paused:t,audioBlob:a,analyserNode:n,duration:l,error:s,startRecording:d,stopRecording:u,pauseRecording:c,resumeRecording:m,resetRecording:g,handleFileChange:h,...f}){const[y,x]=p.useState(null);p.useEffect(()=>{if(a){const j=URL.createObjectURL(a);return x({url:j,label:`recording-${Date.now()}.webm`}),()=>{URL.revokeObjectURL(j)}}return()=>{}},[a]);const b=()=>{y!=null&&y.url&&URL.revokeObjectURL(y.url),x(null),g()},k=j=>{e(j),y!=null&&y.url&&URL.revokeObjectURL(y.url),x({url:URL.createObjectURL(j),label:j.name})};return r.jsxs(i.Vertical,{gap:"10px",width:"100%",...f,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(Er,{accept:"audio/*",icon:r.jsx(Xo,{widthHeight:16}),maxSize:100*1024*1024,onFileSelect:k,fileType:"file",multiple:!1,renderError:({errorMessage:j})=>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:j=>j.size>100*1024*1024?"File size exceeds 100MB limit":j.type.startsWith("audio/")?null:"Only audio files are allowed"}),r.jsx(i.View,{as:"button",type:"button",onClick:o?u: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(Hr,{widthHeight:14,color:"currentColor",filled:!1}):r.jsx(Pt,{widthHeight:18,color:"currentColor",filled:!1})}),r.jsx(i.View,{flex:1,minWidth:120,children:r.jsx(Bt,{analyserNode:o?n:null,isPaused:!o||t})}),r.jsx(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-500",whiteSpace:"nowrap",children:qu(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:b,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%"})]}),s&&r.jsx(i.Text,{fontSize:"11px",lineHeight:"16px",color:"color-red-500",children:s})]})}function Wn(){const[e,o]=p.useState(!1),[t,a]=p.useState(!1),[n,l]=p.useState(0),[s,d]=p.useState(null),[u,c]=p.useState(null),[m,g]=p.useState(null),h=p.useRef(null),f=p.useRef(null),y=p.useRef(null),x=p.useRef(null),b=p.useRef([]),k=p.useRef(null),j=typeof MediaRecorder<"u"&&MediaRecorder.isTypeSupported("audio/webm;codecs=opus")?"audio/webm;codecs=opus":"audio/webm",w=p.useCallback(()=>{h.current&&(h.current.state!=="inactive"&&h.current.stop(),h.current=null),x.current&&(x.current.getTracks().forEach(W=>W.stop()),x.current=null),f.current&&(f.current.close(),f.current=null),y.current&&(y.current.disconnect(),y.current=null),c(null),k.current&&(clearInterval(k.current),k.current=null)},[]),C=p.useCallback(async()=>{w(),d(null),l(0),b.current=[];try{const W=await navigator.mediaDevices.getUserMedia({audio:!0});x.current=W;const E=MediaRecorder.isTypeSupported(j)?j:void 0,T=new MediaRecorder(W,E?{mimeType:E}:void 0);h.current=T;const A=new(window.AudioContext||window.webkitAudioContext);f.current=A;const P=A.createMediaStreamSource(W),z=A.createAnalyser();z.fftSize=256,z.smoothingTimeConstant=.8,P.connect(z),y.current=z,c(z),T.ondataavailable=R=>{R.data.size>0&&b.current.push(R.data)},T.onstop=()=>{const R=new Blob(b.current,{type:T.mimeType||j});g(R),w()},T.start(),o(!0),a(!1),k.current=setInterval(()=>{l(R=>R+1)},1e3)}catch{d("Microphone access denied or unavailable."),w()}},[w]),S=p.useCallback(()=>{h.current&&h.current.state!=="inactive"&&h.current.stop(),o(!1),a(!1),k.current&&(clearInterval(k.current),k.current=null)},[]),v=p.useCallback(()=>{h.current&&h.current.state==="recording"&&(h.current.pause(),a(!0),k.current&&(clearInterval(k.current),k.current=null))},[]),I=p.useCallback(()=>{h.current&&h.current.state==="paused"&&(h.current.resume(),a(!1),k.current||(k.current=setInterval(()=>{l(W=>W+1)},1e3)))},[]),F=p.useCallback(()=>{w(),o(!1),a(!1),g(null),l(0),d(null),b.current=[]},[w]);return p.useEffect(()=>()=>w(),[w]),{recording:e,paused:t,audioBlob:m,analyserNode:u,duration:n,error:s,startRecording:C,stopRecording:S,pauseRecording:v,resumeRecording:I,resetRecording:F}}function Gu(e){const{onAudio:o}=e,{recording:t,paused:a,audioBlob:n,analyserNode:l,duration:s,error:d,startRecording:u,stopRecording:c,pauseRecording:m,resumeRecording:g,resetRecording:h}=Wn();return p.useEffect(()=>{if(n&&o){const y=new File([n],"recording.webm",{type:n.type||"audio/webm;codecs=opus"});o(y)}},[n,o]),{recording:t,paused:a,audioBlob:n,analyserNode:l,duration:s,error:d,startRecording:u,stopRecording:c,pauseRecording:m,resumeRecording:g,resetRecording:h,handleFileChange:y=>{var b;const x=(b=y.target.files)==null?void 0:b[0];x&&o&&o(x)}}}function Yu(e){const o=Gu(e);return r.jsx(Uu,{...e,...o})}const Xu=()=>{const[e,o]=p.useState(!1);return{imageError:e,setImageError:o}},Ku={xs:24,sm:32,md:44,lg:56,xl:72},Jr={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"}},Ju=({src:e,size:o="md",fallback:t="IM",views:a,imageError:n,setImageError:l,onClick:s=()=>{},children:d})=>{const u=Ku[o],c={...Jr.image,...(a==null?void 0:a.image)||{}};return r.jsxs(i.Center,{role:"avatar",width:u,height:u,...Jr.container,borderColor:n?"color-gray-400":"transparent",onClick:s,...a==null?void 0:a.container,children:[!n&&e?r.jsx(i.Image,{alt:"IM",src:e,style:c,width:u,height:u,onError:()=>l(!0)}):r.jsx(i.Text,{size:o,...Jr.fallback,...a==null?void 0:a.fallback,children:t}),d]})},Qu=e=>{const o=me("avatar",e),{src:t,size:a,views:n,fallback:l,onClick:s,children:d}=o,{imageError:u,setImageError:c}=Xu();return r.jsx(Ju,{src:t,size:a,views:n,fallback:l,imageError:u,setImageError:c,onClick:s,children:d})},Hn=Qu,Zu={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"}},ep={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"}},op={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"}},xa={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"}},rp={square:0,rounded:"8px",pill:"9999px"},tp={"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"}},ap=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)"}}),np=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"}}}),Pn=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"}}}),lp=p.memo(({content:e,children:o,icon:t,pastil:a,pastilContent:n,action:l,position:s,shape:d="pill",variant:u="filled",size:c="md",views:m,themeMode:g,...h})=>{const{themeMode:f}=i.useTheme(),y=g||f,x=p.useMemo(()=>np()[u],[y,u]),b=p.useMemo(()=>ap(),[y]),k=p.useMemo(()=>Pn(),[y]),j=n!=null,w=l!=null,C=j||w,S=o??e,v=S!=null,I=p.useMemo(()=>{const W={width:"fit-content",display:"flex",alignItems:"center",justifyContent:"center",gap:"6px",borderRadius:rp[d],...Zu[c],...x,...C?ep[c]:{},...C?b:{},...s?tp[s]:{},...m==null?void 0:m.container};return u!=="filled"&&!C&&(x.color!==void 0&&(W.color=x.color),x.borderColor!==void 0&&(W.borderColor=x.borderColor),x.backgroundColor!==void 0&&(W.backgroundColor=x.backgroundColor),x&&x.style&&(W.style={...W.style||{},...x.style})),W},[d,c,u,x,C,b,s,m==null?void 0:m.container]);let F="currentColor";return typeof a=="string"?a in k?F=k[a].indicator.backgroundColor:F=a:a===!0&&(F="color-green-500",u==="filled"&&(F="color-white")),r.jsxs(i.Center,{role:"badge",...I,...h,children:[t&&r.jsx(i.View,{role:"badge-icon",...m==null?void 0:m.icon,children:t}),j&&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",...op[c],...m==null?void 0:m.pastilContent,children:n}),a&&r.jsx(i.View,{role:"badge-pastil",width:"6px",height:"6px",borderRadius:"50%",backgroundColor:F,...m==null?void 0:m.pastil}),v&&r.jsx(i.Text,{role:"badgeText",color:C?"color-gray-900":I.color,fontWeight:C?"700":"600",textAlign:"center",letterSpacing:C?0:"0.02em",whiteSpace:C?"nowrap":void 0,...C?xa[c]:{},...m==null?void 0:m.text,children:S}),w&&r.jsx(i.Text,{role:"badge-action",color:"color-gray-400",fontWeight:"500",letterSpacing:0,whiteSpace:"nowrap",...xa[c],...m==null?void 0:m.action,children:l})]})}),Ce=e=>{const o=me("badge",e);return r.jsx(lp,{...o})},ip=()=>{const[e,o]=p.useState(!1);return{isHovered:e,setIsHovered:o}},sp={xs:12,sm:14,md:16,lg:18,xl:20},An=p.forwardRef(({children:e,to:o="/",iconSize:t="sm",underline:a="default",isHovered:n=!1,isExternal:l=!1,views:s={icon:{},text:{}},setIsHovered:d=()=>{},...u},c)=>{const m=()=>{a==="hover"&&d(!0)},g=()=>{a==="hover"&&d(!1)},h=()=>a==="underline"||a==="hover"&&n?"underline":"none";return r.jsx(fs.Link,{ref:c,to:o,target:l?"_blank":"_self",style:{textDecoration:"inherit",color:"inherit"},children:r.jsxs(i.Horizontal,{onMouseEnter:m,onMouseLeave:g,gap:3,alignItems:"center",flexWrap:"nowrap",textDecoration:h(),...s.text,...u,children:[e,l&&r.jsx(vn,{widthHeight:sp[t]})]})})});An.displayName="LinkView";const Vn=p.forwardRef((e,o)=>{const t=ip();return r.jsx(An,{ref:o,...t,...e})});Vn.displayName="Link";const Ot=Vn,Nt={xs:14,sm:18,md:22,lg:26,xl:30},qt={fast:50,normal:100,slow:300},cp=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),dp=({size:e="md",speed:o="normal",color:t="theme-loading",themeMode:a,...n})=>{const{getColor:l,themeMode:s}=i.useTheme(),d=l(t,{themeMode:a||s}),u=typeof e=="number"?e:Nt[e],[c,m]=p.useState(0);return p.useEffect(()=>{const g=setInterval(()=>{m(h=>h+45)},qt[o]);return()=>clearInterval(g)},[o]),r.jsxs(i.View,{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:`${u}px`,height:`${u}px`,viewBox:"0 0 24 24",fill:"none",stroke:d,strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round",style:{transform:`rotate(${c}deg)`},...n,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"})})]})},up=({size:e="md",speed:o="normal",color:t="theme-loading",themeMode:a,...n})=>{const{getColor:l,themeMode:s}=i.useTheme(),d=l(t,{themeMode:a||s}),u=typeof e=="number"?e:Nt[e],[c,m]=p.useState(0);return p.useEffect(()=>{const g=setInterval(()=>{m(h=>h+45)},qt[o]);return()=>clearInterval(g)},[o]),r.jsxs(i.View,{as:"svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 50 50",width:`${u}px`,height:`${u}px`,style:{transform:`rotate(${c}deg)`},...n,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})]})},pp=({size:e="md",speed:o="normal",color:t="theme-loading",themeMode:a,...n})=>{const{getColor:l,themeMode:s}=i.useTheme(),d=l(t,{themeMode:a||s}),u=typeof e=="number"?e:Nt[e],[c,m]=p.useState(0);return p.useEffect(()=>{const g=setInterval(()=>{m(h=>h+45)},qt[o]);return()=>clearInterval(g)},[o]),r.jsx(i.View,{as:"svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 50 50",width:`${u}px`,height:`${u}px`,style:{transform:`rotate(${c}deg)`},...n,children:r.jsx("circle",{cx:"25",cy:"25",r:"20",fill:"none",stroke:d,strokeWidth:"5",strokeDasharray:"1,10"})})},mp=({size:e,children:o,textColor:t,loaderColor:a,type:n="default",speed:l="normal",textPosition:s="right",views:d,...u})=>{const{getColor:c}=i.useTheme(),m=f=>cp(f)?f:c(f||"theme-loading");a=m(a||u.color||"theme-loading"),t=m(t||u.color||"theme-loading");const g={size:e,speed:l,color:a},h={default:r.jsx(dp,{...g}),dotted:r.jsx(up,{...g}),quarter:r.jsx(pp,{...g})};return r.jsxs(i.Center,{gap:10,flexDirection:s==="top"||s==="bottom"?"column":"row",...u,...d==null?void 0:d.container,children:[(s==="left"||s==="top")&&o&&r.jsx(i.View,{color:t,...d==null?void 0:d.text,children:o}),h[n],(s==="right"||s==="bottom")&&o&&r.jsx(i.View,{color:t,...d==null?void 0:d.text,children:o})]})},gp=e=>{const o=me("loader",e);return r.jsx(mp,{...o})},To=gp,En={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"}},Go={square:0,rounded:8,pill:999},hp={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}},Ve=e=>/^(color|theme|light|dark)-/.test(e)?`var(--${e})`:e,fp=(e,o,t=!1,a)=>{const n=t?o:e,l=t?e:o,s=t?o:e,u=(e==="theme-primary"||a&&e===a.primary)&&(a!=null&&a.onPrimary)?a.onPrimary:l,c=`0 0 0 2px ${Ve("color-white")}, 0 0 0 4px ${Ve(s)}`;return{filled:{backgroundColor:n,color:u,borderWidth:1,borderStyle:"solid",borderColor:n,_hover:{opacity:.92},_active:{opacity:.96},_focusVisible:{outline:"none",boxShadow:c},transition:"background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease"},empty:{color:s,borderWidth:1,borderStyle:"solid",borderColor:s,backgroundColor:"transparent",_hover:{opacity:.9},_active:{opacity:.95},_focusVisible:{outline:"none",boxShadow:c},transition:"background-color 0.2s ease, opacity 0.2s ease"},outline:{color:s,borderWidth:1,borderStyle:"solid",borderColor:s,backgroundColor:"transparent",_hover:{opacity:.9},_active:{opacity:.95},_focusVisible:{outline:"none",boxShadow:c},transition:"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease"},ghost:{color:s,borderWidth:0,borderStyle:"solid",borderColor:s,backgroundColor:"transparent",_hover:{opacity:.86},_active:{opacity:.94},_focusVisible:{outline:"none",boxShadow:c},transition:"background-color 0.2s ease, color 0.2s ease"},link:{color:s,borderWidth:0,borderStyle:"none",borderColor:s,minHeight:"auto",paddingHorizontal:"4px",paddingVertical:"10px",textDecoration:"underline",backgroundColor:"transparent",style:{textUnderlineOffset:"2px",textDecorationThickness:"1px",textDecorationColor:Ve(s)},_hover:{opacity:.8},_active:{opacity:.9},_focusVisible:{outline:"none",boxShadow:c},transition:"opacity 0.2s ease"},subtle:{backgroundColor:`${s}-${t?200:100}`,color:s,borderWidth:1,borderStyle:"solid",borderColor:`${s}-${t?400:250}`,_hover:{backgroundColor:`${s}-${t?300:180}`},_active:{backgroundColor:`${s}-${t?380:240}`},_focusVisible:{outline:"none",boxShadow:c},transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease"}}},yp=p.memo(({children:e,icon:o,isLoading:t,iconPosition:a="left",loaderPosition:n="left",size:l="md",resolvedTextColor:s,isIconRounded:d,views:u})=>{const c=["left","right"].includes(a)?i.Horizontal:i.Vertical,m=En[l];return r.jsxs(c,{gap:8,alignItems:"center",justifyContent:"center",fontSize:m.fontSize,fontWeight:m.fontWeight,lineHeight:m.lineHeight,letterSpacing:m.letterSpacing,whiteSpace:"nowrap",color:s,...u==null?void 0:u.content,children:[t&&n==="left"&&r.jsx(To,{size:l==="xs"||l==="sm"?"sm":"md",color:s,...u==null?void 0:u.loader}),o&&["left","top"].includes(a)&&!t&&r.jsx(i.View,{color:s,...u==null?void 0:u.icon,children:o}),e,o&&["right","bottom"].includes(a)&&!t&&r.jsx(i.View,{color:s,...u==null?void 0:u.icon,children:o}),t&&n==="right"&&r.jsx(To,{size:l==="xs"||l==="sm"?"sm":"md",color:s,...u==null?void 0:u.loader})]})}),xp=e=>{const o=Go[e];return typeof o=="number"?o:typeof o=="string"&&parseInt(o,10)||0},bp=({asComponent:e,isDisabled:o,isLoading:t,isWrapped:a=!1,borderRadius:n,width:l,height:s,baseStyles:d,sizeStyles:u,iconPad:c,mainTone:m,resolvedTextColor:g,children:h,borderWidth:f=0,...y})=>r.jsx(i.Element,{as:e,disabled:!!(o||t),display:a?"flex":"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:n,width:l,height:s,...d,...u,...c,backgroundColor:(d==null?void 0:d.backgroundColor)||(a?m:void 0),color:g,borderWidth:a?0:void 0,cursor:o?"default":"pointer",...y,children:h}),kp=({shape:e,isDisabled:o,onClick:t,shadow:a,borderWidth:n,isAuto:l,isFilled:s,views:d,children:u,...c})=>r.jsx(i.Element,{as:"div",position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:Go[e],cursor:o?"default":"pointer",onClick:t,boxShadow:a,padding:n,width:l?"fit-content":s?"100%":void 0,...d==null?void 0:d.container,...c,children:u}),Cp=({variant:e,animation:o,to:t,isDisabled:a,isLoading:n,isAuto:l,isFilled:s,isExternal:d,shape:u="rounded",shadow:c,onClick:m,views:g,baseStyles:h,sizeStyles:f,iconPad:y,containerRef:x,resolvedTextColor:b,content:k,size:j,mainTone:w,borderMovingDuration:C=2,borderMovingGradientColors:S=["#705CFF","#FF5C97","#FFC75C"],animatedStrokeAccentColor:v="#705CFF",animatedStrokeTextColor:I="color-gray-900",...F})=>{var A;const W=xp(u),E=t?r.jsx(Ot,{to:t,isExternal:d,color:"currentColor",textDecoration:"inherit",_hover:{color:"currentColor"},...g==null?void 0:g.link,children:k}):k,T={isDisabled:a,isLoading:n,baseStyles:h,sizeStyles:f,iconPad:y,resolvedTextColor:b,mainTone:w,children:E};if(o==="borderMoving"&&S){const z={from:{backgroundPosition:"0% 50%"},to:{backgroundPosition:"200% 50%"},duration:`${C}s`,timingFunction:"linear",iterationCount:"infinite"};return r.jsx(kp,{shape:u,isDisabled:a,onClick:m,shadow:c,borderWidth:3,isAuto:l,isFilled:s,views:g,background:`linear-gradient(90deg, ${Ve(S[0])}, ${Ve(S[1])}, ${Ve(S[2])}, ${Ve(S[0])})`,backgroundSize:"200% 100%",animate:z,...F,children:r.jsx(bp,{asComponent:t?"div":"button",isWrapped:!0,borderRadius:Math.max(0,W-3),width:"100%",height:"100%",...T})})}if(o==="animatedStroke"){const P=Ve(v),z=Ve(I),R=1e3,H={from:{strokeWidth:"8px",strokeDasharray:`0 ${R}`,strokeDashoffset:-Math.round(R*.63)},to:{strokeWidth:"3px",strokeDasharray:`${R}`,strokeDashoffset:0},duration:"0.9s",timingFunction:"ease-in",fillMode:"forwards"},M=["group",(A=g==null?void 0:g.container)==null?void 0:A.className,F==null?void 0:F.className].filter(Boolean).join(" ");return r.jsxs(i.Element,{ref:x,as:t?"div":"button",type:t?void 0:"button",disabled:!!(!t&&(a||n)),onClick:m,position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:l?"fit-content":s?"100%":void 0,borderRadius:Go[u],boxShadow:c,transition:"background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease",cursor:a?"default":"pointer",color:z,backgroundColor:"transparent",borderWidth:0,...g==null?void 0:g.container,...F,className:M,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:W,ry:W,fill:"transparent",stroke:P,strokeWidth:"8px",strokeDasharray:`0 ${R}`,strokeDashoffset:-Math.round(R*.63),pathLength:R,on:{groupHover:{animate:H}}})}),r.jsx(i.View,{position:"relative",zIndex:0,children:E})]})}if(o==="borderReveal"){const z=Ve((S==null?void 0:S[0])||w||"#000000"),H=C*.75/4,M=`linear-gradient(90deg, ${z} 50%, transparent 50%)`,D=`linear-gradient(180deg, ${z} 50%, transparent 50%)`,L=`linear-gradient(270deg, ${z} 50%, transparent 50%)`,V=`linear-gradient(0deg, ${z} 50%, transparent 50%)`,O="100% 0, 100% 100%, 0 100%, 0 0",_="0 0, 100% 0, 100% 100%, 0 100%",q=`0s, ${H}s, ${H*2}s, ${H*2}s`,B=`${H*2}s, ${H*2}s, ${H}s, 0s`,X=4;return r.jsx(i.Element,{ref:x,as:"div",position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:Go[u],cursor:a?"default":"pointer",onClick:m,boxShadow:c,padding:3,background:`
1
+ "use strict";var js=Object.create;var et=Object.defineProperty;var ws=Object.getOwnPropertyDescriptor;var vs=Object.getOwnPropertyNames;var Ts=Object.getPrototypeOf,Is=Object.prototype.hasOwnProperty;var Fs=(e,o,t)=>o in e?et(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t;var Rs=(e,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of vs(o))!Is.call(e,a)&&a!==t&&et(e,a,{get:()=>o[a],enumerable:!(n=ws(o,a))||n.enumerable});return e};var zs=(e,o,t)=>(t=e!=null?js(Ts(e)):{},Rs(o||!e||!e.__esModule?et(t,"default",{value:e,enumerable:!0}):t,e));var Be=(e,o,t)=>Fs(e,typeof o!="symbol"?o+"":o,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),p=require("react"),i=require("app-studio"),Ms=require("react-dom"),Po=require("zustand"),Ws=require("react-router-dom"),Pe=require("formik"),Ht=(e="id")=>`${e}-${Math.random().toString(36).substring(2,9)}`,Ps=({type:e="single",value:o,defaultValue:t,onValueChange:n,collapsible:a=!1})=>{const l=o!==void 0,s=o??t,u=()=>e==="multiple"?Array.isArray(s)?s:s?[s]:[]:Array.isArray(s)?s[0]:s,[c,d]=p.useState(u()),m=p.useMemo(()=>Ht("accordion"),[]),g=l?o:c,h=p.useMemo(()=>g===void 0?[]:Array.isArray(g)?g:[g],[g]);p.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 f=p.useCallback(b=>{let k;if(e==="single")g===b&&a?k=void 0:g!==b?k=b:k=g;else{const C=Array.isArray(g)?g:[];C.includes(b)?k=C.filter(j=>j!==b):k=[...C,b],Array.isArray(k)&&k.length===0&&(k=[])}l||d(k),n&&n(k)},[e,g,a,l,n]),y=p.useCallback(b=>h.includes(b),[h]);return{expandedItems:h,toggleItem:f,isItemExpanded:y,type:e,collapsible:a,baseId:m}},Hs={square:{borderRadius:0},rounded:{borderRadius:8}},Vs={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"}}},As={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"]},Es={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"},Ds={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)"]},$s={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"}}}},Ls={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"},Bs={metadata:As,theme:Es,tokens:Ds,components:$s,personality:Ls},_s={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"]},Os={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"},Ns={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)"]},qs={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"}}}},Us={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"},Gs={metadata:_s,theme:Os,tokens:Ns,components:qs,personality:Us},Ys={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"]},Xs={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"},Ks={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)"]},Js={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"}}}},Qs={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"},Zs={metadata:Ys,theme:Xs,tokens:Ks,components:Js,personality:Qs},ec={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"]},oc={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"},rc={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)"]},tc={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"}}}},nc={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"},ac={metadata:ec,theme:oc,tokens:rc,components:tc,personality:nc},lc={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"]},ic={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"},sc={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)"]},cc={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"}}}},dc={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"},uc={metadata:lc,theme:ic,tokens:sc,components:cc,personality:dc},pc={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"]},mc={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"},gc={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)"]},hc={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"}}}},fc={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"},yc={metadata:pc,theme:mc,tokens:gc,components:hc,personality:fc},xc={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"]},bc={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"},kc={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)"]},Cc={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"}}}},Sc={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"},jc={metadata:xc,theme:bc,tokens:kc,components:Cc,personality:Sc},wc={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"]},vc={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"},Tc={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"]},Ic={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"}}}},Fc={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"},Rc={metadata:wc,theme:vc,tokens:Tc,components:Ic,personality:Fc},zc={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"]},Mc={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"},Wc={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:[]},Pc={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"}}}},Hc={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"},Vc={metadata:zc,theme:Mc,tokens:Wc,components:Pc,personality:Hc},Ac={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"]},Ec={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"},Dc={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"]},$c={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"}}}},Lc={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"},Bc={metadata:Ac,theme:Ec,tokens:Dc,components:$c,personality:Lc},_c={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"]},Oc={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"},Nc={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:[]},qc={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"}}}},Uc={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"},Gc={metadata:_c,theme:Oc,tokens:Nc,components:qc,personality:Uc},Yc={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"]},Xc={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"},Kc={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"]},Jc={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"}}}},Qc={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"},Zc={metadata:Yc,theme:Xc,tokens:Kc,components:Jc,personality:Qc},ed={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"]},od={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"},rd={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)"]},td={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"}}}},nd={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"},ad={metadata:ed,theme:od,tokens:rd,components:td,personality:nd},ld={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"]},id={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"},sd={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)"]},cd={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"}}}},dd={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"},ud={metadata:ld,theme:id,tokens:sd,components:cd,personality:dd},pd={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"]},md={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"},gd={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"]},hd={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"}}}},fd={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"},yd={metadata:pd,theme:md,tokens:gd,components:hd,personality:fd},xd={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"]},bd={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"},kd={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)"]},Cd={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"}}}},Sd={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"},jd={metadata:xd,theme:bd,tokens:kd,components:Cd,personality:Sd},Vt={airbnb:Gs,apple:Zs,coinbase:ac,figma:uc,linear:yc,nike:jc,notion:Rc,revolut:Vc,shopify:Bc,spacex:Gc,spotify:Zc,stripe:ad,tesla:ud,uber:yd,vercel:jd},wd=Object.values(Vt),Fa=Bs,Qo=e=>!!e&&typeof e=="object"&&!Array.isArray(e)&&Object.prototype.toString.call(e)==="[object Object]",At=e=>e,De=(...e)=>{const o={};return e.forEach(t=>{Qo(t)&&Object.entries(t).forEach(([n,a])=>{if(a!=null){if(Qo(a)&&Qo(o[n])){o[n]=De(o[n],a);return}o[n]=a}})}),o},Ra=e=>{if(Array.isArray(e)||!Qo(e))return e;const o={};for(const[t,n]of Object.entries(e))n!==null&&(o[t]=Qo(n)?Ra(n):n);return o},Et=(e,o)=>{if(!o)return{};const t=o.components[e]||{};return At(Ra(t))},za=(e,o,t)=>{const{config:n,...a}=o,l=Et(e,t),s=De(l,n||{});return At(De(s,a))},Ma=p.createContext({isEnabled:!1}),Dt=({children:e,config:o,configId:t,mode:n})=>{const a=o||(t?Vt[t]:null)||Fa,{themeMode:l}=i.useTheme(),s=n??l??a.metadata.defaultAppearance,u=p.useMemo(()=>({config:a,configId:a.metadata.id,isEnabled:!0}),[a]);return r.jsx(Ma.Provider,{value:u,children:r.jsx(i.ThemeProvider,{theme:a.theme,mode:s,transparentWrapper:!0,children:r.jsx("div",{"data-design-system":a.metadata.id,"data-appearance":s,style:{display:"contents"},children:e})})})},Ar=()=>p.useContext(Ma),Ho=e=>{const{config:o}=Ar();return Et(e,o)},ge=(e,o)=>{const{config:t}=Ar();return za(e,o,t)},Wa=p.createContext({expandedItems:[],toggleItem:()=>{},isItemExpanded:()=>!1,type:"single",collapsible:!1,baseId:""}),vd=({children:e,value:o})=>r.jsx(Wa.Provider,{value:o,children:e}),Pa=()=>{const e=p.useContext(Wa);if(!e)throw new Error("useAccordionContext must be used within an AccordionProvider");return e},Td=({value:e,children:o,isDisabled:t=!1,views:n,...a})=>{var h;const{isItemExpanded:l,baseId:s}=Pa(),u=Ho("accordion"),c=De({item:(h=u.views)==null?void 0:h.container},n),d=l(e),m=`${s}-trigger-${e}`,g=`${s}-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,...c==null?void 0:c.item,...a,children:p.Children.map(o,f=>p.isValidElement(f)?p.cloneElement(f,{...f.props,value:e,isExpanded:d,isDisabled:t,triggerId:m,contentId:g}):f)})},Id=({children:e,value:o,isExpanded:t,isDisabled:n,triggerId:a,contentId:l,views:s,asChild:u=!1,...c})=>{var y;const{toggleItem:d}=Pa(),m=Ho("accordion"),g=De({container:(y=m.views)==null?void 0:y.trigger},s),f={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"},...g==null?void 0:g.container,...c};if(u&&p.isValidElement(e)){const b=p.Children.only(e);return p.cloneElement(b,{...f,...b.props})}return r.jsxs(i.Horizontal,{...f,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)",...g==null?void 0:g.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"})})})]})},Fd=({children:e,isExpanded:o,isDisabled:t,triggerId:n,contentId:a,views:l,...s})=>{var j;const u=Ho("accordion"),c=De({container:(j=u.views)==null?void 0:j.content},l),d=260,m=p.useRef(null),g=p.useRef(null),[h,f]=p.useState(!!o),[y,b]=p.useState(o?"none":"0px"),[k,C]=p.useState(o?1:0);return p.useEffect(()=>()=>{g.current&&clearTimeout(g.current)},[]),p.useEffect(()=>{var S;if(g.current&&(clearTimeout(g.current),g.current=null),o){f(!0),requestAnimationFrame(()=>{var v;const x=((v=m.current)==null?void 0:v.scrollHeight)??0;b(`${x}px`),C(1)});return}const w=((S=m.current)==null?void 0:S.scrollHeight)??0;b(`${w}px`),C(1),requestAnimationFrame(()=>{b("0px"),C(0)}),g.current=setTimeout(()=>{f(!1)},d)},[o,e]),p.useEffect(()=>{var S;if(!o||!h)return;const w=((S=m.current)==null?void 0:S.scrollHeight)??0;b(`${w}px`)},[e,o,h]),h?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"},...c==null?void 0:c.container,...s,children:r.jsx(i.View,{ref:m,padding:16,children:e})}):null},Rd=({children:e,shape:o="rounded",variant:t="default",views:n,baseId:a,type:l,collapsible:s,themeMode:u,...c})=>r.jsx(i.Vertical,{width:"100%","data-orientation":"vertical",...Hs[o],...Vs[t],...n==null?void 0:n.container,...c,children:e}),zd=e=>{const o=ge("accordion",e),{children:t,type:n="single",value:a,defaultValue:l,onValueChange:s,collapsible:u=!1,shape:c="rounded",variant:d="default",views:m,...g}=o,h=Array.isArray(l)?l:l?[l]:void 0,f=Ps({type:n,value:a,defaultValue:l??h,onValueChange:s,collapsible:u});return r.jsx(vd,{value:{expandedItems:f.expandedItems,toggleItem:f.toggleItem,isItemExpanded:f.isItemExpanded,type:f.type,collapsible:f.collapsible,baseId:f.baseId},children:r.jsx(Rd,{shape:c,variant:d,views:m,baseId:f.baseId,type:f.type,collapsible:f.collapsible,...g,children:t})})},Me=zd;Me.Item=Td;Me.Trigger=Id;Me.Content=Fd;const Md=({isOpen:e,defaultOpen:o=!1,value:t,defaultValue:n,isMulti:a=!1,onOpenChange:l,onClose:s})=>{const u=typeof e=="boolean",c=t!==void 0,d=n??(a?[]:""),[m,g]=p.useState(o),[h,f]=p.useState(d),y=u?!!e:m,b=c?t:h,k=p.useCallback(w=>{u||g(w),l==null||l(w),w||s==null||s()},[u,s,l]),C=p.useCallback(()=>{k(!1)},[k]),j=p.useCallback(w=>{c||f(w)},[c]);return{isSheetOpen:y,selectedValue:b,setSelectedValue:j,closeSheet:C}},$t=({children:e,containerId:o="portal-root"})=>{const[t,n]=p.useState(null);return p.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?Ms.createPortal(e,t):null},ot=new Map,Wd=(e,o,t)=>(ot.has(e)||ot.set(e,p.lazy(()=>import("lucide-react/dynamicIconImports").then(n=>{const a=n.default[e];return a?a():{default:()=>r.jsx(r.Fragment,{children:o||t})}}))),ot.get(e)),In=p.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})),Tr=p.memo(({name:e="circle",widthHeight:o=24,color:t="currentColor",filled:n=!1,strokeWidth:a=1,size:l,children:s,fallback:u,...c})=>{const{getColor:d}=i.useTheme(),m=l||o,g=p.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(In,{widthHeight:o,color:t,...c,children:s});const h=e.toLowerCase().replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),f=Wd(h,u,s);return r.jsx(In,{widthHeight:m,color:t,...c,children:r.jsx(p.Suspense,{fallback:u||null,children:r.jsx(f,{size:m,...g})})})}),q=(e,o={})=>{const t=n=>r.jsx(Tr,{name:e,...o,...n});return t.displayName=`${e}Icon`,t},Pd=q("user",{filled:!1}),Hd=q("circle-help",{filled:!1}),Vd=q("folder",{filled:!1}),ce=q("chevron-up",{filled:!1}),Ad=q("grip-vertical",{filled:!1}),ao=q("file",{filled:!1}),Ed=q("video",{filled:!1}),Dd=q("image",{filled:!1}),Ro=q("volume",{filled:!1}),$d=q("twitter",{filled:!1}),Ld=q("x",{filled:!1}),Bd=q("twitch",{filled:!1}),Te=q("x",{filled:!1,strokeWidth:2}),_d=q("instagram",{filled:!1}),Od=q("youtube",{filled:!1}),Nd=q("facebook",{filled:!1}),qd=q("linkedin",{filled:!1}),Ud=q("at-sign",{filled:!1}),Ha=q("minus",{filled:!1}),Ye=q("info",{filled:!1}),Va=q("play",{filled:!1}),Gd=q("pause",{filled:!1}),Yd=q("heart",{filled:!1}),Xd=q("star",{filled:!1}),Kd=q("save",{filled:!1}),Lt=q("triangle-alert",{filled:!1}),Jd=q("battery",{filled:!1}),Qd=q("bookmark",{filled:!1}),Zd=q("cloud",{filled:!1}),eu=q("copy",{filled:!1}),Er=q("trash",{filled:!1}),ou=Er,ru=q("edit",{filled:!1}),Bt=q("mic",{filled:!1}),Dr=q("square",{filled:!1}),_t=q("send",{filled:!1}),Ot=q("loader",{filled:!1}),or=q("paperclip",{filled:!1}),Ir=q("search",{filled:!1}),tu=q("home",{filled:!1}),Aa=q("settings",{filled:!1}),nu=q("download",{filled:!1}),Ea=q("share",{filled:!1}),rr=q("check",{filled:!1}),au=q("plus",{filled:!1}),Nt=q("eye-off",{filled:!1}),qt=q("eye",{filled:!1}),lu=q("lock",{filled:!1}),iu=q("user",{filled:!1}),Da=q("external-link",{filled:!1}),Ut=q("check-circle",{filled:!1}),$r=q("alert-circle",{filled:!1}),su=q("bell",{filled:!1}),cu=q("file-text",{filled:!1}),du=q("bar-chart",{filled:!1}),uu=q("moon",{filled:!1}),$a=q("panel-left",{filled:!1}),Gt=q("upload",{filled:!1}),pu=rr,mu=e=>r.jsx(ce,{orientation:"left",...e}),gu=q("zoom-out",{filled:!1}),hu=q("type",{filled:!1}),fu=q("shapes",{filled:!1}),yu=q("rotate-cw",{filled:!1}),xu=q("gift",{filled:!1}),bu=q("shield",{filled:!1}),ku=q("log-out",{filled:!1}),Cu=q("power",{filled:!1}),Su=q("link",{filled:!1}),ju=q("layout",{filled:!1}),wu=q("zap",{filled:!1}),vu=q("credit-card",{filled:!1}),Tu=q("more-horizontal",{filled:!1}),Iu=Er,Fu=q("filter",{filled:!1}),Ru=q("calendar",{filled:!1}),zu=q("clock",{filled:!1}),Mu=q("map-pin",{filled:!1}),Wu=q("menu",{filled:!1}),Pu=q("refresh-cw",{filled:!1}),Hu=q("printer",{filled:!1}),Vu=q("wand",{filled:!1}),Au=q("thumbs-down",{filled:!1}),Eu=q("thumbs-up",{filled:!1}),Du=q("camera",{filled:!1}),$u=q("bluetooth",{filled:!1}),Lu=q("unlock",{filled:!1}),Bu=q("wifi",{filled:!1}),_u=q("arrow-right",{filled:!1}),Ou=q("arrow-up",{filled:!1}),Nu=q("loader",{filled:!1}),qu=q("sliders-horizontal",{filled:!1}),Uu=q("crop",{filled:!1}),Gu=q("zoom-in",{filled:!1}),Yu=q("grip-horizontal",{filled:!1}),La=q("mouse-pointer-2",{filled:!1}),Xu={sm:{minHeight:44,paddingVertical:10,paddingHorizontal:16},md:{minHeight:52,paddingVertical:12,paddingHorizontal:18},lg:{minHeight:60,paddingVertical:14,paddingHorizontal:20}},fo={sm:{label:14,description:12},md:{label:16,description:13},lg:{label:18,description:14}},Fn=(e,o)=>e.id??e.value??`action-sheet-item-${o}`,Ba=e=>e.value??e.id,Rn=e=>e.disabled||e.isDisabled||e.divider,Ku=(e,o)=>{if(typeof e.selected=="boolean")return e.selected;const t=Ba(e);return t?Array.isArray(o)?o.includes(t):o===t:!1},Ju=({isSheetOpen:e,closeSheet:o,selectedValue:t,setSelectedValue:n,isClosePrevented:a=!1,dismissOnBackdropPress:l=!0,title:s,description:u,header:c,children:d,items:m=[],isMulti:g=!1,closeOnSelect:h,onSelect:f,onChange:y,showCancel:b=!1,cancelLabel:k="Cancel",onCancel:C,showHandle:j=!0,size:w="md",maxHeight:S="88vh",views:x,animationType:v,...T})=>{if(!e)return null;const F=()=>{a||o()},V=()=>{l&&F()},E=()=>{C==null||C(),F()},I=H=>{var R;if(Rn(H))return;const P=Ba(H);let z=t;if(P){if(g){const M=Array.isArray(t)?t:t?[t]:[];z=M.includes(P)?M.filter($=>$!==P):[...M,P]}else z=P;n(z),f==null||f(P,H),y==null||y(z,H)}(R=H.onPress)==null||R.call(H,H),(H.closeOnSelect??h??!g)&&F()};return r.jsx($t,{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:V,...x==null?void 0:x.overlay,children:r.jsxs(i.Vertical,{width:"100%",maxWidth:520,maxHeight:S,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:H=>H.stopPropagation(),...x==null?void 0:x.container,...x==null?void 0:x.sheet,...T,children:[j&&r.jsx(i.View,{width:36,height:4,borderRadius:999,backgroundColor:"color-gray-300",alignSelf:"center",marginTop:4,marginBottom:8,...x==null?void 0:x.handle}),(s||u)&&r.jsxs(i.Vertical,{paddingHorizontal:20,paddingTop:6,paddingBottom:12,gap:4,...x==null?void 0:x.header,children:[s&&r.jsx(i.Text,{fontSize:18,lineHeight:24,fontWeight:"600",color:"color-gray-900",...x==null?void 0:x.title,children:s}),u&&r.jsx(i.Text,{fontSize:13,lineHeight:18,color:"color-gray-500",...x==null?void 0:x.description,children:u})]}),c,r.jsxs(i.Vertical,{overflowY:"auto",paddingBottom:4,...x==null?void 0:x.content,children:[m.map((H,P)=>{if(H.divider)return r.jsx(i.View,{height:1,backgroundColor:"color-gray-200",marginVertical:6,...x==null?void 0:x.divider},Fn(H,P));const z=Ku(H,t),W=Rn(H),R=W?"color-gray-400":H.destructive?"color-red-600":z?"theme-primary":"color-gray-900";return r.jsxs(i.Horizontal,{alignItems:"center",gap:12,opacity:W?.5:1,cursor:W?"not-allowed":"pointer",onClick:()=>I(H),...Xu[w],...x==null?void 0:x.item,children:[H.icon&&r.jsx(i.View,{flexShrink:0,...x==null?void 0:x.itemIcon,children:H.icon}),r.jsxs(i.Vertical,{flex:1,gap:2,children:[typeof H.label=="string"?r.jsx(i.Text,{fontSize:fo[w].label,lineHeight:fo[w].label+6,fontWeight:z?"600":"400",color:R,...x==null?void 0:x.itemLabel,children:H.label}):H.label,H.description&&r.jsx(i.Text,{fontSize:fo[w].description,lineHeight:fo[w].description+5,color:"color-gray-500",...x==null?void 0:x.itemDescription,children:H.description})]}),z&&r.jsx(rr,{widthHeight:18,color:"theme-primary",...x==null?void 0:x.itemIndicator})]},Fn(H,P))}),d]}),b&&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:E,...x==null?void 0:x.cancelButton,children:r.jsx(i.Text,{fontSize:fo[w].label,lineHeight:fo[w].label+6,fontWeight:"600",color:"color-gray-900",...x==null?void 0:x.cancelLabel,children:k})})})]})})})},Qu=e=>{const o=Md(e);return r.jsx(Ju,{...e,...o})},Zu=Qu,ep=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"}}}},op=p.memo(({icon:e,title:o="",views:t,description:n="",variant:a="default",themeMode:l,children:s,...u})=>{const{themeMode:c}=i.useTheme(),d=l||c,m=p.useMemo(()=>ep(d),[d]),g=()=>{var y;if(e)return e;const f={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(Ye,{...f});case"success":return r.jsx(Ut,{...f});case"error":return r.jsx($r,{...f});case"warning":default:return r.jsx(Lt,{...f})}};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,...u,children:[r.jsx(i.View,{alignSelf:"flex-start",marginTop:"2px",...t==null?void 0:t.icon,children:g()}),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||s})]})]})}),rp=e=>{const o=ge("alert",e);return r.jsx(op,{...o})},Yt=rp,tp=({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})}),np=({ratio:e,children:o,...t})=>r.jsx(tp,{ratio:e,...t,children:o}),_a=np;function ap(e,o,t){return Math.min(Math.max(e,o),t)}const lp=({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,s)=>r.jsx(i.View,{width:3,borderRadius:2,backgroundColor:o?"color-gray-300":l>=0?"theme-primary":"color-gray-300",style:{height:`${l>=0?ap(l*300,6,24):a[s%a.length]}px`}},s))})},Xt=({analyserNode:e,isPaused:o,...t})=>{const n=p.useRef(null),a=60,l=32,[s,u]=p.useState([]);return p.useEffect(()=>{if(!e){u(Array(a).fill(-1));return}const c=e.frequencyBinCount,d=new Uint8Array(c),m=()=>{e.getByteTimeDomainData(d);let g=0;for(let f=0;f<c;f++){const y=(d[f]-128)/128;g+=y*y}const h=Math.sqrt(g/c);p.startTransition(()=>{u(f=>{const b=[...f,h].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(lp,{bars:s,isPaused:o,...t})},Lr=Po.create(e=>({visible:!1,title:"",subtitle:"",variant:"info",isClosable:!1,views:{},action:()=>{},actionText:"",showIcon:!1,timeout:3e3,show:(o,t="",n="",a,l,s,u,c,d)=>e({visible:!0,variant:o,title:t,subtitle:n,isClosable:a,views:l,action:s,actionText:u,showIcon:c,timeout:d}),hide:()=>e({visible:!1})})),Oa=(e,o,t,n)=>{Lr.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)},Na=()=>{Lr.getState().hide()},ip={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"}}},qa=({variant:e,hide:o,title:t,subtitle:n,theme:a,action:l,actionText:s,showIcon:u=!1,isClosable:c=!1,timeout:d=3e3,views:m})=>{var C,j;p.useEffect(()=>{if(d&&!c){const w=setTimeout(()=>{o()},d);return()=>{clearTimeout(w)}}},[]);const g=a??ip,h=!!(l&&s),f={borderWidth:1,borderStyle:"solid",borderRadius:12,borderColor:`${g[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(Ye,{widthHeight:24,color:y,...m==null?void 0:m.icon}),success:r.jsx(Ut,{widthHeight:24,color:y,...m==null?void 0:m.icon}),warning:r.jsx(Lt,{widthHeight:24,color:y,...m==null?void 0:m.icon}),error:r.jsx($r,{widthHeight:24,color:y,...m==null?void 0:m.icon})}[e],k=u&&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:`${g[e].content.color}`,backgroundColor:`${g[e].container.backgroundColor}`,onClick:c?()=>{}:()=>{o()},...f,transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",...m==null?void 0:m.container,children:[k&&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:g[e].content.color,...m==null?void 0:m.subtitle,children:n})]}),h&&r.jsx(i.View,{as:"button",type:"button",onClick:l,backgroundColor:"color-white",borderWidth:"1px",borderStyle:"solid",borderColor:g[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:g[e].content.color,children:s})}),c&&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=m==null?void 0:m.closingIcon)==null?void 0:C.container,children:r.jsx(Te,{widthHeight:16,color:g[e].close.color,...(j=m==null?void 0:m.closingIcon)==null?void 0:j.icon})})]})},sp=({container:e,theme:o,position:t="topRight"})=>{const{visible:n,title:a,variant:l,subtitle:s,isClosable:u,views:c,action:d,actionText:m,showIcon:g,timeout:h}=Lr(),f={topLeft:{top:6,left:8},topRight:{top:6,right:8},bottomLeft:{bottom:8,left:6},bottomRight:{bottom:8,right:6}}[t],y=()=>r.jsx(qa,{variant:l,subtitle:s,show:n,title:a,theme:o,isClosable:u,views:c,action:d,actionText:m,showIcon:g,timeout:h,hide:()=>Na()}),b=e?p.cloneElement(e,{},y()):r.jsx(i.View,{position:"absolute",zIndex:1e4,...f,children:y()});return n?b:null},cp=(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)},dp=({maxSize:e=100*1024*1024,onFileSelect:o,onMultipleFileSelect:t,validateFile:n,thumbnail:a,multiple:l=!1,onError:s=u=>{Oa("error","Error",u)}})=>{const u=p.useRef(null),c=p.useRef(null),[d,m]=p.useState(null),[g,h]=p.useState([]),[f,y]=p.useState(null),[b,k]=p.useState(null),[C,j]=p.useState(a||null),w=p.useCallback(x=>{const v=x.target.files;if(y(null),!v||v.length===0){s("No file selected"),y("No file selected");return}if(l){const T=Array.from(v),F=[];for(const V of T){if(V.size>e){s(`File ${V.name} exceeds ${Math.round(e/(1024*1024))}MB.`),y(`File ${V.name} exceeds ${Math.round(e/(1024*1024))}MB.`);continue}if(n){const E=n(V);if(E){s(`${V.name}: ${E}`),y(`${V.name}: ${E}`);continue}}F.push(V)}F.length>0&&(h(F),t&&t(F))}else{const T=v[0];if(T.size>e){s(`File exceeds ${Math.round(e/(1024*1024))}MB.`),y(`File exceeds ${Math.round(e/(1024*1024))}MB.`);return}if(n){const F=n(T);if(F){s(F),y(F);return}}k(URL.createObjectURL(T)),T.type.startsWith("video/")&&cp(T,j),o&&(m(T),o(T))}},[e,o,t,n,l]),S=()=>{const x=u.current;x&&typeof x.click=="function"&&x.click()};return p.useEffect(()=>()=>{typeof URL<"u"&&typeof URL.revokeObjectURL=="function"&&(b&&URL.revokeObjectURL(b),C&&URL.revokeObjectURL(C))},[b,C]),{previewUrl:b,thumbnailUrl:C,errorMessage:f,fileInputRef:u,videoRef:c,selectedFile:d,selectedFiles:g,handleFileChange:w,handleClick:S}},up=({accept:e,isLoading:o=!1,progress:t=0,icon:n,text:a,previewUrl:l,thumbnailUrl:s,errorMessage:u,fileInputRef:c,videoRef:d,selectedFile:m,selectedFiles:g,handleFileChange:h,handleClick:f,multiple:y=!1,containerProps:b,errorMessageProps:k,progressProps:C,videoProps:j,imageProps:w,iconProps:S,textProps:x,fileType:v,previewUrl:T,renderError:F=({errorMessage:W,errorMessageProps:R,themeMode:M})=>r.jsx(i.Text,{color:"red",fontSize:12,marginTop:8,...R,...z==null?void 0:z.text,children:W}),renderText:V=({text:W,textProps:R})=>r.jsx(i.Text,{marginTop:8,...R,...z==null?void 0:z.text,children:W}),renderFile:E=({selectedFile:W,textProps:R})=>W?r.jsxs(i.Center,{marginTop:8,gap:10,flexDirection:"column",...z==null?void 0:z.container,children:[r.jsx(i.Text,{maxLines:2,...R,...z==null?void 0:z.text,children:W.name}),r.jsxs(i.Text,{...R,...z==null?void 0:z.text,children:["(",Math.round(W.size/1024)," KB)"]})]}):null,renderVideo:I=({selectedFile:W,videoRef:R,videoProps:M})=>r.jsx(i.View,{width:"100%",height:"100%",position:"relative",...z==null?void 0:z.view,children:r.jsx(i.View,{as:"video",width:"100%",height:"100%",src:W?URL.createObjectURL(W):void 0,style:{objectFit:"cover"},ref:R,...M,...z==null?void 0:z.view})}),renderImage:H=({previewUrl:W,imageProps:R})=>(console.log("Rendering image with URL:",W),r.jsx(i.View,{width:"100%",height:"100%",position:"relative",...z==null?void 0:z.view,children:r.jsx(i.Image,{src:W,alt:"Preview",width:"100%",height:"100%",objectFit:"cover",style:{maxHeight:"100%",maxWidth:"100%"},...R,...z==null?void 0:z.image})})),renderProgress:P=({progress:W,progressProps:R})=>r.jsxs(i.Horizontal,{gap:8,alignItems:"center",...R,...z==null?void 0:z.horizontal,children:[r.jsx(i.View,{height:4,backgroundColor:"color-black-100",width:"100%",borderRadius:2,...z==null?void 0:z.view,children:r.jsx(i.View,{height:4,width:`${W}%`,borderRadius:2,backgroundColor:"color-dark-50",...z==null?void 0:z.view})}),r.jsxs(i.Text,{fontSize:12,...z==null?void 0:z.text,children:[W,"%"]})]}),views:z={}})=>{const W=T||l;return r.jsxs(i.Center,{onClick:f,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,...z==null?void 0:z.container,children:[t===100&&v==="image"&&W&&H({previewUrl:W,imageProps:w}),t===100&&v==="video"&&s&&I({selectedFile:m,thumbnailUrl:s,videoRef:d,videoProps:j,imageProps:w}),t===100&&v==="file"&&m&&E({selectedFile:m,textProps:x}),t<100&&(n||r.jsx(Gt,{widthHeight:32,...S})),!o&&!m&&a&&V({text:a,textProps:x}),o&&P({progress:t,progressProps:C}),!o&&u&&F({errorMessage:u,errorMessageProps:k}),r.jsx(i.Input,{type:"file",ref:c,onChange:h,accept:e,multiple:y,style:{display:"none"},...z==null?void 0:z.view})]})},Br=({accept:e="*/*",icon:o,text:t,maxSize:n,onFileSelect:a,onMultipleFileSelect:l,validateFile:s,isLoading:u=!1,progress:c=0,fileType:d,multiple:m=!1,...g})=>{const{previewUrl:h,thumbnailUrl:f,errorMessage:y,videoRef:b,fileInputRef:k,selectedFile:C,selectedFiles:j,handleFileChange:w,handleClick:S}=dp({maxSize:n,onFileSelect:a,onMultipleFileSelect:l,validateFile:s,multiple:m}),v=(()=>{if(d)return d;if(C)return C.type.startsWith("image/")?"image":C.type.startsWith("video/")?"video":"file"})();return r.jsx(up,{handleClick:S,accept:e,isLoading:u,progress:c,icon:o,text:t,maxSize:n,onFileSelect:a,validateFile:s,errorMessage:y,handleFileChange:w,selectedFile:C,selectedFiles:j,videoRef:b,fileInputRef:k,previewUrl:h,thumbnailUrl:f,fileType:v,multiple:m,...g})};function pp(e){const o=Math.floor(e/60),t=e%60;return`${o}:${t.toString().padStart(2,"0")}`}function mp({onAudio:e,recording:o,paused:t,audioBlob:n,analyserNode:a,duration:l,error:s,startRecording:u,stopRecording:c,pauseRecording:d,resumeRecording:m,resetRecording:g,handleFileChange:h,...f}){const[y,b]=p.useState(null);p.useEffect(()=>{if(n){const j=URL.createObjectURL(n);return b({url:j,label:`recording-${Date.now()}.webm`}),()=>{URL.revokeObjectURL(j)}}return()=>{}},[n]);const k=()=>{y!=null&&y.url&&URL.revokeObjectURL(y.url),b(null),g()},C=j=>{e(j),y!=null&&y.url&&URL.revokeObjectURL(y.url),b({url:URL.createObjectURL(j),label:j.name})};return r.jsxs(i.Vertical,{gap:"10px",width:"100%",...f,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(Br,{accept:"audio/*",icon:r.jsx(or,{widthHeight:16}),maxSize:100*1024*1024,onFileSelect:C,fileType:"file",multiple:!1,renderError:({errorMessage:j})=>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:j=>j.size>100*1024*1024?"File size exceeds 100MB limit":j.type.startsWith("audio/")?null:"Only audio files are allowed"}),r.jsx(i.View,{as:"button",type:"button",onClick:o?c:u,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(Dr,{widthHeight:14,color:"color-white",filled:!1}):r.jsx(Bt,{widthHeight:18,color:"color-white",filled:!1})}),r.jsx(i.View,{flex:1,minWidth:120,children:r.jsx(Xt,{analyserNode:o?a:null,isPaused:!o||t})}),r.jsx(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-500",whiteSpace:"nowrap",children:pp(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%"})]}),s&&r.jsx(i.Text,{fontSize:"11px",lineHeight:"16px",color:"color-red-500",children:s})]})}function Ua(){const[e,o]=p.useState(!1),[t,n]=p.useState(!1),[a,l]=p.useState(0),[s,u]=p.useState(null),[c,d]=p.useState(null),[m,g]=p.useState(null),h=p.useRef(null),f=p.useRef(null),y=p.useRef(null),b=p.useRef(null),k=p.useRef([]),C=p.useRef(null),j=typeof MediaRecorder<"u"&&MediaRecorder.isTypeSupported("audio/webm;codecs=opus")?"audio/webm;codecs=opus":"audio/webm",w=p.useCallback(()=>{h.current&&(h.current.state!=="inactive"&&h.current.stop(),h.current=null),b.current&&(b.current.getTracks().forEach(V=>V.stop()),b.current=null),f.current&&(f.current.close(),f.current=null),y.current&&(y.current.disconnect(),y.current=null),d(null),C.current&&(clearInterval(C.current),C.current=null)},[]),S=p.useCallback(async()=>{w(),u(null),l(0),k.current=[];try{const V=await navigator.mediaDevices.getUserMedia({audio:!0});b.current=V;const E=MediaRecorder.isTypeSupported(j)?j:void 0,I=new MediaRecorder(V,E?{mimeType:E}:void 0);h.current=I;const H=new(window.AudioContext||window.webkitAudioContext);f.current=H;const P=H.createMediaStreamSource(V),z=H.createAnalyser();z.fftSize=256,z.smoothingTimeConstant=.8,P.connect(z),y.current=z,d(z),I.ondataavailable=W=>{W.data.size>0&&k.current.push(W.data)},I.onstop=()=>{const W=new Blob(k.current,{type:I.mimeType||j});g(W),w()},I.start(),o(!0),n(!1),C.current=setInterval(()=>{l(W=>W+1)},1e3)}catch{u("Microphone access denied or unavailable."),w()}},[w]),x=p.useCallback(()=>{h.current&&h.current.state!=="inactive"&&h.current.stop(),o(!1),n(!1),C.current&&(clearInterval(C.current),C.current=null)},[]),v=p.useCallback(()=>{h.current&&h.current.state==="recording"&&(h.current.pause(),n(!0),C.current&&(clearInterval(C.current),C.current=null))},[]),T=p.useCallback(()=>{h.current&&h.current.state==="paused"&&(h.current.resume(),n(!1),C.current||(C.current=setInterval(()=>{l(V=>V+1)},1e3)))},[]),F=p.useCallback(()=>{w(),o(!1),n(!1),g(null),l(0),u(null),k.current=[]},[w]);return p.useEffect(()=>()=>w(),[w]),{recording:e,paused:t,audioBlob:m,analyserNode:c,duration:a,error:s,startRecording:S,stopRecording:x,pauseRecording:v,resumeRecording:T,resetRecording:F}}function gp(e){const{onAudio:o}=e,{recording:t,paused:n,audioBlob:a,analyserNode:l,duration:s,error:u,startRecording:c,stopRecording:d,pauseRecording:m,resumeRecording:g,resetRecording:h}=Ua();return p.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:s,error:u,startRecording:c,stopRecording:d,pauseRecording:m,resumeRecording:g,resetRecording:h,handleFileChange:y=>{var k;const b=(k=y.target.files)==null?void 0:k[0];b&&o&&o(b)}}}function hp(e){const o=gp(e);return r.jsx(mp,{...e,...o})}const fp=()=>{const[e,o]=p.useState(!1);return{imageError:e,setImageError:o}},yp={xs:24,sm:32,md:44,lg:56,xl:72},rt={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"}},xp=({src:e,size:o="md",fallback:t="IM",views:n,imageError:a,setImageError:l,onClick:s=()=>{},children:u})=>{const c=yp[o],d={...rt.image,...(n==null?void 0:n.image)||{}};return r.jsxs(i.Center,{role:"avatar",width:c,height:c,...rt.container,borderColor:a?"color-gray-400":"transparent",onClick:s,...n==null?void 0:n.container,children:[!a&&e?r.jsx(i.Image,{alt:"IM",src:e,style:d,width:c,height:c,onError:()=>l(!0)}):r.jsx(i.Text,{size:o,...rt.fallback,...n==null?void 0:n.fallback,children:t}),u]})},bp=e=>{const o=ge("avatar",e),{src:t,size:n,views:a,fallback:l,onClick:s,children:u}=o,{imageError:c,setImageError:d}=fp();return r.jsx(xp,{src:t,size:n,views:a,fallback:l,imageError:c,setImageError:d,onClick:s,children:u})},Ga=bp,kp={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"}},Cp={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"}},Sp={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"}},zn={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"}},jp={square:0,rounded:"8px",pill:"9999px"},wp={"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"}},vp=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)"}}),Tp=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"}}}),Ya=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"}}}),Ip=p.memo(({content:e,children:o,icon:t,pastil:n,pastilContent:a,action:l,position:s,shape:u="pill",variant:c="filled",size:d="md",views:m,themeMode:g,...h})=>{const{themeMode:f}=i.useTheme(),y=g||f,b=p.useMemo(()=>Tp()[c],[y,c]),k=p.useMemo(()=>vp(),[y]),C=p.useMemo(()=>Ya(),[y]),j=a!=null,w=l!=null,S=j||w,x=o??e,v=x!=null,T=p.useMemo(()=>{const V={width:"fit-content",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",gap:"6px",borderRadius:jp[u],...kp[d],...b,...S?Cp[d]:{},...S?k:{},...s?wp[s]:{},...m==null?void 0:m.container};return c!=="filled"&&!S&&(b.color!==void 0&&(V.color=b.color),b.borderColor!==void 0&&(V.borderColor=b.borderColor),b.backgroundColor!==void 0&&(V.backgroundColor=b.backgroundColor),b&&b.style&&(V.style={...V.style||{},...b.style})),V},[u,d,c,b,S,k,s,m==null?void 0:m.container]);let F="currentColor";return typeof n=="string"?n in C?F=C[n].indicator.backgroundColor:F=n:n===!0&&(F="color-green-500",c==="filled"&&(F="color-white")),r.jsxs(i.Center,{role:"badge",...T,...h,children:[t&&r.jsx(i.View,{role:"badge-icon",...m==null?void 0:m.icon,children:t}),j&&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",...Sp[d],...m==null?void 0:m.pastilContent,children:a}),n&&r.jsx(i.View,{role:"badge-pastil",width:"6px",height:"6px",borderRadius:"50%",backgroundColor:F,...m==null?void 0:m.pastil}),v&&r.jsx(i.Text,{role:"badgeText",color:S?"color-gray-900":T.color,fontWeight:S?"700":"600",textAlign:"center",letterSpacing:S?0:"0.02em",whiteSpace:S?"nowrap":void 0,...S?zn[d]:{},...m==null?void 0:m.text,children:x}),w&&r.jsx(i.Text,{role:"badge-action",color:"color-gray-400",fontWeight:"500",letterSpacing:0,whiteSpace:"nowrap",...zn[d],...m==null?void 0:m.action,children:l})]})}),Ce=e=>{const o=ge("badge",e);return r.jsx(Ip,{...o})},Fp=()=>{const[e,o]=p.useState(!1);return{isHovered:e,setIsHovered:o}},Rp={xs:12,sm:14,md:16,lg:18,xl:20},Xa=p.forwardRef(({children:e,to:o="/",iconSize:t="sm",underline:n="default",isHovered:a=!1,isExternal:l=!1,views:s={icon:{},text:{}},setIsHovered:u=()=>{},...c},d)=>{const m=()=>{n==="hover"&&u(!0)},g=()=>{n==="hover"&&u(!1)},h=()=>n==="underline"||n==="hover"&&a?"underline":"none";return r.jsx(Ws.Link,{ref:d,to:o,target:l?"_blank":"_self",style:{textDecoration:"inherit",color:"inherit"},children:r.jsxs(i.Horizontal,{onMouseEnter:m,onMouseLeave:g,gap:3,alignItems:"center",flexWrap:"nowrap",textDecoration:h(),...s.text,...c,children:[e,l&&r.jsx(Da,{widthHeight:Rp[t]})]})})});Xa.displayName="LinkView";const Ka=p.forwardRef((e,o)=>{const t=Fp();return r.jsx(Xa,{ref:o,...t,...e})});Ka.displayName="Link";const Kt=Ka,Jt={xs:14,sm:18,md:22,lg:26,xl:30},Qt={fast:50,normal:100,slow:300},zp=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),Mp=({size:e="md",speed:o="normal",color:t="theme-loading",themeMode:n,...a})=>{const{getColor:l,themeMode:s}=i.useTheme(),u=l(t,{themeMode:n||s}),c=typeof e=="number"?e:Jt[e],[d,m]=p.useState(0);return p.useEffect(()=>{const g=setInterval(()=>{m(h=>h+45)},Qt[o]);return()=>clearInterval(g)},[o]),r.jsxs(i.View,{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:`${c}px`,height:`${c}px`,viewBox:"0 0 24 24",fill:"none",stroke:u,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"})})]})},Wp=({size:e="md",speed:o="normal",color:t="theme-loading",themeMode:n,...a})=>{const{getColor:l,themeMode:s}=i.useTheme(),u=l(t,{themeMode:n||s}),c=typeof e=="number"?e:Jt[e],[d,m]=p.useState(0);return p.useEffect(()=>{const g=setInterval(()=>{m(h=>h+45)},Qt[o]);return()=>clearInterval(g)},[o]),r.jsxs(i.View,{as:"svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 50 50",width:`${c}px`,height:`${c}px`,style:{transform:`rotate(${d}deg)`},...a,children:[r.jsx("circle",{cx:"10",cy:"25",r:"4",fill:u}),r.jsx("circle",{cx:"25",cy:"25",r:"4",fill:u}),r.jsx("circle",{cx:"40",cy:"25",r:"4",fill:u})]})},Pp=({size:e="md",speed:o="normal",color:t="theme-loading",themeMode:n,...a})=>{const{getColor:l,themeMode:s}=i.useTheme(),u=l(t,{themeMode:n||s}),c=typeof e=="number"?e:Jt[e],[d,m]=p.useState(0);return p.useEffect(()=>{const g=setInterval(()=>{m(h=>h+45)},Qt[o]);return()=>clearInterval(g)},[o]),r.jsx(i.View,{as:"svg",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 50 50",width:`${c}px`,height:`${c}px`,style:{transform:`rotate(${d}deg)`},...a,children:r.jsx("circle",{cx:"25",cy:"25",r:"20",fill:"none",stroke:u,strokeWidth:"5",strokeDasharray:"1,10"})})},Hp=({size:e,children:o,textColor:t,loaderColor:n,type:a="default",speed:l="normal",textPosition:s="right",views:u,...c})=>{const{getColor:d}=i.useTheme(),m=f=>zp(f)?f:d(f||"theme-loading");n=m(n||c.color||"theme-loading"),t=m(t||c.color||"theme-loading");const g={size:e,speed:l,color:n},h={default:r.jsx(Mp,{...g}),dotted:r.jsx(Wp,{...g}),quarter:r.jsx(Pp,{...g})};return r.jsxs(i.Center,{gap:10,flexDirection:s==="top"||s==="bottom"?"column":"row",...c,...u==null?void 0:u.container,children:[(s==="left"||s==="top")&&o&&r.jsx(i.View,{color:t,...u==null?void 0:u.text,children:o}),h[a],(s==="right"||s==="bottom")&&o&&r.jsx(i.View,{color:t,...u==null?void 0:u.text,children:o})]})},Vp=e=>{const o=ge("loader",e);return r.jsx(Hp,{...o})},Je=Vp,Ja={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"}},Zo={square:0,rounded:8,pill:999},Ap={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}},Ae=e=>/^(color|theme|light|dark)-/.test(e)?`var(--${e})`:e,Ep=(e,o,t=!1,n)=>{const a=t?o:e,l=t?e:o,s=t?o:e,c=(e==="theme-primary"||n&&e===n.primary)&&(n!=null&&n.onPrimary)?n.onPrimary:l,d=`0 0 0 2px ${Ae("color-white")}, 0 0 0 4px ${Ae(s)}`;return{filled:{backgroundColor:a,color:c,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:s,borderWidth:1,borderStyle:"solid",borderColor:s,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:s,borderWidth:1,borderStyle:"solid",borderColor:s,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:s,borderWidth:0,borderStyle:"solid",borderColor:s,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:s,borderWidth:0,borderStyle:"none",borderColor:s,minHeight:"auto",paddingHorizontal:"4px",paddingVertical:"10px",textDecoration:"underline",backgroundColor:"transparent",style:{textUnderlineOffset:"2px",textDecorationThickness:"1px",textDecorationColor:Ae(s)},_hover:{opacity:.8},_active:{opacity:.9},_focusVisible:{outline:"none",boxShadow:d},transition:"opacity 0.2s ease"},subtle:{backgroundColor:`${s}-${t?200:100}`,color:s,borderWidth:1,borderStyle:"solid",borderColor:`${s}-${t?400:250}`,_hover:{backgroundColor:`${s}-${t?300:180}`},_active:{backgroundColor:`${s}-${t?380:240}`},_focusVisible:{outline:"none",boxShadow:d},transition:"background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease"}}},Dp=p.memo(({children:e,icon:o,isLoading:t,iconPosition:n="left",loaderPosition:a="left",size:l="md",resolvedTextColor:s,isIconRounded:u,views:c})=>{const d=["left","right"].includes(n)?i.Horizontal:i.Vertical,m=Ja[l];return r.jsxs(d,{gap:8,alignItems:"center",justifyContent:"center",fontSize:m.fontSize,fontWeight:m.fontWeight,lineHeight:m.lineHeight,letterSpacing:m.letterSpacing,whiteSpace:"nowrap",color:s,...c==null?void 0:c.content,children:[t&&a==="left"&&r.jsx(Je,{size:l==="xs"||l==="sm"?"sm":"md",color:s,...c==null?void 0:c.loader}),o&&["left","top"].includes(n)&&!t&&r.jsx(i.View,{color:s,...c==null?void 0:c.icon,children:o}),e,o&&["right","bottom"].includes(n)&&!t&&r.jsx(i.View,{color:s,...c==null?void 0:c.icon,children:o}),t&&a==="right"&&r.jsx(Je,{size:l==="xs"||l==="sm"?"sm":"md",color:s,...c==null?void 0:c.loader})]})}),$p=e=>{const o=Zo[e];return typeof o=="number"?o:typeof o=="string"&&parseInt(o,10)||0},Lp=({asComponent:e,isDisabled:o,isLoading:t,isWrapped:n=!1,borderRadius:a,width:l,height:s,baseStyles:u,sizeStyles:c,iconPad:d,mainTone:m,resolvedTextColor:g,children:h,borderWidth:f=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:s,...u,...c,...d,backgroundColor:(u==null?void 0:u.backgroundColor)||(n?m:void 0),color:g,borderWidth:n?0:void 0,cursor:o?"default":"pointer",...y,children:h}),Bp=({shape:e,isDisabled:o,onClick:t,shadow:n,borderWidth:a,isAuto:l,isFilled:s,views:u,children:c,...d})=>r.jsx(i.Element,{as:"div",position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:Zo[e],cursor:o?"default":"pointer",onClick:t,boxShadow:n,padding:a,width:l?"fit-content":s?"100%":void 0,...u==null?void 0:u.container,...d,children:c}),_p=({variant:e,animation:o,to:t,isDisabled:n,isLoading:a,isAuto:l,isFilled:s,isExternal:u,shape:c="rounded",shadow:d,onClick:m,views:g,baseStyles:h,sizeStyles:f,iconPad:y,containerRef:b,resolvedTextColor:k,content:C,size:j,mainTone:w,borderMovingDuration:S=2,borderMovingGradientColors:x=["#705CFF","#FF5C97","#FFC75C"],animatedStrokeAccentColor:v="#705CFF",animatedStrokeTextColor:T="color-gray-900",...F})=>{var H;const V=$p(c),E=t?r.jsx(Kt,{to:t,isExternal:u,color:"currentColor",textDecoration:"inherit",_hover:{color:"currentColor"},...g==null?void 0:g.link,children:C}):C,I={isDisabled:n,isLoading:a,baseStyles:h,sizeStyles:f,iconPad:y,resolvedTextColor:k,mainTone:w,children:E};if(o==="borderMoving"&&x){const z={from:{backgroundPosition:"0% 50%"},to:{backgroundPosition:"200% 50%"},duration:`${S}s`,timingFunction:"linear",iterationCount:"infinite"};return r.jsx(Bp,{shape:c,isDisabled:n,onClick:m,shadow:d,borderWidth:3,isAuto:l,isFilled:s,views:g,background:`linear-gradient(90deg, ${Ae(x[0])}, ${Ae(x[1])}, ${Ae(x[2])}, ${Ae(x[0])})`,backgroundSize:"200% 100%",animate:z,...F,children:r.jsx(Lp,{asComponent:t?"div":"button",isWrapped:!0,borderRadius:Math.max(0,V-3),width:"100%",height:"100%",...I})})}if(o==="animatedStroke"){const P=Ae(v),z=Ae(T),W=1e3,R={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"},M=["group",(H=g==null?void 0:g.container)==null?void 0:H.className,F==null?void 0:F.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":s?"100%":void 0,borderRadius:Zo[c],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:z,backgroundColor:"transparent",borderWidth:0,...g==null?void 0:g.container,...F,className:M,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:V,ry:V,fill:"transparent",stroke:P,strokeWidth:"8px",strokeDasharray:`0 ${W}`,strokeDashoffset:-Math.round(W*.63),pathLength:W,on:{groupHover:{animate:R}}})}),r.jsx(i.View,{position:"relative",zIndex:0,children:E})]})}if(o==="borderReveal"){const z=Ae((x==null?void 0:x[0])||w||"#000000"),R=S*.75/4,M=`linear-gradient(90deg, ${z} 50%, transparent 50%)`,$=`linear-gradient(180deg, ${z} 50%, transparent 50%)`,L=`linear-gradient(270deg, ${z} 50%, transparent 50%)`,D=`linear-gradient(0deg, ${z} 50%, transparent 50%)`,B="100% 0, 100% 100%, 0 100%, 0 0",_="0 0, 100% 0, 100% 100%, 0 100%",N=`0s, ${R}s, ${R*2}s, ${R*2}s`,O=`${R*2}s, ${R*2}s, ${R}s, 0s`,Y=4;return r.jsx(i.Element,{ref:b,as:"div",position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:Zo[c],cursor:n?"default":"pointer",onClick:m,boxShadow:d,padding:3,background:`
2
2
  ${M} no-repeat,
3
- ${D} no-repeat,
3
+ ${$} no-repeat,
4
4
  ${L} no-repeat,
5
- ${V} no-repeat
6
- `,backgroundSize:`200% ${X}px, ${X}px 200%, 200% ${X}px, ${X}px 200%`,backgroundPosition:O,transitionProperty:"background-position",transitionDuration:`${H}s`,transitionTimingFunction:"linear",transitionDelay:B,_hover:{backgroundPosition:_,transitionDelay:q},width:l?"fit-content":s?"100%":void 0,...g==null?void 0:g.container,...F,children:r.jsx(i.View,{as:t?"div":"button",disabled:!!(a||n),display:"flex",alignItems:"center",justifyContent:"center",borderRadius:Math.max(0,W-3),width:"100%",height:"100%",...h,...f,...y,backgroundColor:(h==null?void 0:h.backgroundColor)||w,color:b,borderWidth:0,cursor:a?"default":"pointer",children:E})})}return r.jsx(i.Element,{ref:x,as:e==="link"&&t?"div":"button",type:e==="link"&&t?void 0:"button",disabled:!!(a||n),...f,...y,display:"inline-flex",alignItems:"center",justifyContent:"center",width:l?"fit-content":s?"100%":void 0,borderRadius:Go[u],boxShadow:c,transition:"background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease",cursor:a?"default":"pointer",onClick:m,...h,...g==null?void 0:g.container,...F,children:E})},Sp=p.memo(p.forwardRef(({variant:e="filled",size:o="md",shape:t="rounded",iconPosition:a="left",loaderPosition:n="left",backgroundColor:l,color:s,textColor:d,reversed:u=!1,isAuto:c=!0,isFilled:m,isDisabled:g,isLoading:h,isIconRounded:f,isHovered:y,icon:x,children:b,to:k,isExternal:j,shadow:w,onClick:C,views:S={},animation:v,loaderProps:I,config:F,ariaLabel:W,borderMovingDuration:E=2,borderMovingGradientColors:T=["#705CFF","#FF5C97","#FFC75C"],animatedStrokeAccentColor:A="#705CFF",animatedStrokeTextColor:P="color-gray-900",...z},R)=>{const M=g?"theme-disabled":h?"theme-loading":l??s??"theme-primary",D=d??"color-white",{config:L}=Mr(),V=L==null?void 0:L.theme,_=p.useMemo(()=>{const U=fp(M,D,u,V);return F!=null&&F.variants&&Object.keys(F.variants).forEach(K=>{U[K]&&(U[K]=Ee(U[K],F.variants[K]))}),U},[M,D,u,V,F==null?void 0:F.variants])[e],q=(_==null?void 0:_.color)??D,B=r.jsx(yp,{icon:x,isLoading:h,iconPosition:a,loaderPosition:n,size:o,resolvedTextColor:q,isIconRounded:f,views:S,children:b}),X=En[o],$=f?hp[o]:{};return r.jsx(Cp,{variant:e,animation:v,to:k,isDisabled:g,isLoading:h,isAuto:c,isFilled:m,isExternal:j,shape:t,shadow:w,onClick:C,views:S,baseStyles:_,sizeStyles:X,iconPad:$,resolvedTextColor:q,content:B,size:o,mainTone:M,borderMovingDuration:E,borderMovingGradientColors:T,animatedStrokeAccentColor:A,animatedStrokeTextColor:P,containerRef:R,...z})})),jp=e=>{const[o,t]=i.useHover(),a=me("button",e);return r.jsx(Sp,{isHovered:t,...a})},le=jp,wp={sm:{padding:"12px"},md:{padding:"16px"},lg:{padding:"24px"}},vp={square:0,rounded:"8px",pill:"24px"},Tp=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)"}}}},Dr=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}}),Dn=p.createContext({}),Ut=()=>p.useContext(Dn),pt=({children:e,views:o,style:t,themeMode:a,...n})=>{var c;const l=i.useTheme(),{styles:s}=Ut(),d=Dr(l).header,u={...d,...s==null?void 0:s.header,...n,style:{...d==null?void 0:d.style,...(c=s==null?void 0:s.header)==null?void 0:c.style,...t}};return r.jsx(i.Vertical,{gap:8,...u,children:e})},mt=({children:e,views:o,style:t,themeMode:a,...n})=>{var c;const l=i.useTheme(),{styles:s}=Ut(),d=Dr(l).content,u={...d,...s==null?void 0:s.content,...n,style:{...d==null?void 0:d.style,...(c=s==null?void 0:s.content)==null?void 0:c.style,...t}};return r.jsx(i.Vertical,{gap:12,...u,children:e})},gt=({children:e,views:o,style:t,themeMode:a,...n})=>{var c;const l=i.useTheme(),{styles:s}=Ut(),d=Dr(l).footer,u={...d,...s==null?void 0:s.footer,...n,style:{...d==null?void 0:d.style,...(c=s==null?void 0:s.footer)==null?void 0:c.style,...t}};return r.jsx(i.Vertical,{gap:8,...u,children:e})},Ip=({variant:e="default",size:o="md",shape:t="rounded",children:a,header:n,footer:l,isFullWidth:s=!1,views:d,style:u,themeMode:c,config:m,...g})=>{var S,v;const h=i.useTheme(),f=Dr(h),y=((S=wp[o])==null?void 0:S.padding)||"16px",x=p.useMemo(()=>({styles:{container:{...f.container,borderRadius:vp[t],...d==null?void 0:d.container},header:{...f.header,padding:y,...d==null?void 0:d.header},content:{...f.content,padding:y,...d==null?void 0:d.content},footer:{...f.footer,padding:y,...d==null?void 0:d.footer}}}),[f,d,y,t]),b=p.Children.toArray(a).some(I=>p.isValidElement(I)&&(I.type===pt||I.type===mt||I.type===gt)),{themeMode:k}=h,w=Tp(c||k)[e],C={width:s?"100%":"auto",overflow:"hidden",...w,...x.styles.container,...g,style:{...(v=x.styles.container)==null?void 0:v.style,...u}};return r.jsx(Dn.Provider,{value:x,children:r.jsx(i.View,{...C,children:b?a:r.jsxs(i.Vertical,{width:"100%",children:[n&&r.jsx(pt,{children:n}),r.jsx(mt,{children:a}),l&&r.jsx(gt,{children:l})]})})})},Fp=e=>{const o=me("card",e);return r.jsx(Ip,{...o})},fe=Fp;fe.Header=pt;fe.Content=mt;fe.Footer=gt;const Rp=({defaultActiveIndex:e=0,activeIndex:o,onChange:t,autoPlay:a=!1,autoPlayInterval:n=3e3,pauseOnHover:l=!0,infinite:s=!0,totalSlides:d,stepIndices:u})=>{const c=p.useRef(d||0),[m,g]=p.useState(d||0),h=p.useRef(new Set),f=p.useRef(0),y=p.useMemo(()=>Ft("carousel-content"),[]),[x,b]=p.useState(o!==void 0?o:e),[k,j]=p.useState(!1),[w,C]=p.useState(!1),[S,v]=p.useState(0),[I,F]=p.useState(0),W=p.useRef(null);p.useEffect(()=>{o!==void 0&&b(o)},[o]);const E=p.useCallback(_=>{let q=_;s?_<0?q=m-1:_>=m&&(q=0):q=Math.max(0,Math.min(_,m-1)),u&&u.length>0&&(u.includes(q)||(q=u.reduce((X,$)=>Math.abs($-q)<Math.abs(X-q)?$:X))),o===void 0&&b(q),t&&t(q)},[o,s,t,m]),T=p.useCallback(()=>{E(x+1)},[x,E]),A=p.useCallback(()=>{E(x-1)},[x,E]);p.useEffect(()=>(a&&!k&&!w&&(W.current=setInterval(()=>{T()},n)),()=>{W.current&&clearInterval(W.current)}),[a,n,k,w,T,l]);const P=p.useCallback(()=>{l&&j(!0)},[l]),z=p.useCallback(()=>{j(!1)},[]),R=p.useCallback(_=>{C(!0),"touches"in _?(v(_.touches[0].clientX),F(_.touches[0].clientY)):(v(_.clientX),F(_.clientY))},[]),H=p.useCallback(_=>{if(!w)return;let q,B;"touches"in _?(q=_.touches[0].clientX,B=_.touches[0].clientY):(q=_.clientX,B=_.clientY);const X=q-S,$=B-I;Math.abs(X)>Math.abs($)&&Math.abs(X)>50&&(X>0?A():T(),C(!1))},[w,S,I,T,A]),M=p.useCallback(()=>{C(!1)},[]),D=p.useCallback(()=>{const _=f.current++;h.current.add(_);const q=h.current.size;return c.current=q,g(q),_},[]),L=p.useCallback(_=>{h.current.delete(_);const q=h.current.size;if(c.current=q,g(q),q>0&&x>=q){const B=Math.max(0,q-1);o===void 0&&b(B),t&&t(B)}},[x,o,t]),V=s||x>0,O=s||x<m-1;return{activeIndex:x,totalSlides:m,goToSlide:E,nextSlide:T,prevSlide:A,canGoNext:O,canGoPrevious:V,handleMouseEnter:P,handleMouseLeave:z,handleDragStart:R,handleDragMove:H,handleDragEnd:M,registerSlide:D,unregisterSlide:L,contentId:y,infinite:s}},zp={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"}},Mp={dot:{backgroundColor:"theme-primary"},line:{backgroundColor:"theme-primary"},number:{backgroundColor:"theme-primary",color:"color-white"}},Sr={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"}},Ko=()=>({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,...Sr},nextButton:{position:"absolute",top:"50%",right:"16px",transform:"translateY(-50%)",zIndex:10,...Sr}}),$n=p.createContext(null),$r=()=>{const e=p.useContext($n);if(!e)throw new Error("Carousel compound components must be used within <Carousel>");return e},Ln=({children:e,isActive:o,index:t,views:a,...n})=>r.jsx(i.View,{flexShrink:0,width:"100%",height:"100%",display:o?"block":"none",...a,...n,children:e}),_n=({views:e,children:o,...t})=>{const{goToPrevious:a,canGoPrevious:n,styles:l}=$r(),d={...Ko().prevButton,...l==null?void 0:l.prevButton,...e==null?void 0:e.prevButton};return r.jsx(le,{"aria-label":"Previous slide",onClick:()=>a(),isDisabled:!n,...d,...t,children:o??r.jsx(se,{orientation:"left",widthHeight:16})})},Bn=({views:e,children:o,...t})=>{const{goToNext:a,canGoNext:n,styles:l}=$r(),d={...Ko().nextButton,...l==null?void 0:l.nextButton,...e==null?void 0:e.nextButton};return r.jsx(le,{"aria-label":"Next slide",onClick:()=>a(),isDisabled:!n,...d,...t,children:o??r.jsx(se,{orientation:"right",widthHeight:16})})},On=({children:e,views:o,...t})=>{const{registerSlide:a,unregisterSlide:n,styles:l}=$r(),s=p.useRef(null);p.useEffect(()=>{const c=a();return s.current=c,()=>{s.current!==null&&n(s.current)}},[a,n]);const u={...Ko().item,...l==null?void 0:l.item,...o==null?void 0:o.item};return r.jsx(i.View,{role:"group","aria-roledescription":"slide",...u,...t,children:e})},Nn=({children:e,views:o,style:t,...a})=>{const{currentIndex:n,styles:l,contentId:s}=$r(),d=Ko(),u={...d.content,...l==null?void 0:l.content,...o==null?void 0:o.content},c={...d.innerContainer,...l==null?void 0:l.innerContainer,...o==null?void 0:o.innerContainer},m=`-${n*100}%`;return r.jsx(i.View,{...u,...a,style:{...u==null?void 0:u.style,...t},id:s,"aria-live":"polite",children:r.jsx(i.View,{...c,style:{...c==null?void 0:c.style,transform:`translateX(${m})`},children:e})})},Wp=({children:e,defaultActiveIndex:o=0,activeIndex:t,onChange:a,showNavigation:n=!0,navigationPosition:l="inside",prevButton:s,nextButton:d,showIndicators:u=!0,indicatorPosition:c="bottom",indicatorVariant:m="dot",autoPlay:g=!1,autoPlayInterval:h=3e3,pauseOnHover:f=!0,infinite:y=!0,direction:x="horizontal",transitionDuration:b=300,views:k,stepIndices:j,themeMode:w,...C})=>{const S=p.useMemo(()=>p.Children.toArray(e),[e]),v=Rp({defaultActiveIndex:o,activeIndex:t,onChange:a,autoPlay:g,autoPlayInterval:h,pauseOnHover:f,infinite:y,totalSlides:S.length}),{activeIndex:I,totalSlides:F,goToSlide:W,nextSlide:E,prevSlide:T,handleMouseEnter:A,handleMouseLeave:P,handleDragStart:z,handleDragMove:R,handleDragEnd:H}=v,M=()=>{if(!n)return null;const V=s||r.jsx(i.View,{as:"button","aria-label":"Previous slide",...Sr,...k==null?void 0:k.prevButton,children:"❮"}),O=d||r.jsx(i.View,{as:"button","aria-label":"Next slide",...Sr,...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:T,cursor:!y&&I===0?"not-allowed":"pointer",opacity:!y&&I===0?.5:1,children:V}),r.jsx(i.View,{position:"absolute",top:"50%",transform:"translateY(-50%)",right:l==="inside"?"10px":"-40px",onClick:E,cursor:!y&&I===S.length-1?"not-allowed":"pointer",opacity:!y&&I===S.length-1?.5:1,children:O})]})},D=()=>u?r.jsx(i.Horizontal,{position:"absolute",left:"0",right:"0",justifyContent:"center",...c==="top"?{top:"10px"}:{bottom:"10px"},...k==null?void 0:k.indicators,children:S.map((V,O)=>r.jsx(i.View,{onClick:()=>W(O),cursor:"pointer",...zp[m],...O===I?{...Mp[m]}:{},...k==null?void 0:k.indicator,...O===I?k==null?void 0:k.activeIndicator:{},children:m==="number"&&O+1},O))}):null;return p.useMemo(()=>p.Children.toArray(e).some(V=>p.isValidElement(V)&&(V.type===Nn||V.type===On||V.type===_n||V.type===Bn)),[e])?r.jsx($n.Provider,{value:{currentIndex:I,totalSlides:F,goToSlide:W,goToNext:E,goToPrevious:T,canGoNext:v.canGoNext,canGoPrevious:v.canGoPrevious,registerSlide:v.registerSlide,unregisterSlide:v.unregisterSlide,styles:{...Ko(),...k},contentId:v.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:A,onMouseLeave:P,onTouchStart:z,onTouchMove:R,onTouchEnd:H,onMouseDown:z,onMouseMove:R,onMouseUp:H,...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:S.map((V,O)=>r.jsx(Ln,{isActive:O===I,index:O,views:k==null?void 0:k.slide,children:V},O))}),M(),D()]})},Hp=e=>r.jsx(Wp,{...e}),We=Hp;We.Slide=Ln;We.Content=Nn;We.Item=On;We.Previous=_n;We.Next=Bn;const ze={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"},qn=[ze.blue,ze.green,ze.purple,ze.orange,ze.red,ze.teal,ze.pink,ze.indigo,ze.yellow,ze.cyan],ko=qn,Pp={width:"100%",height:"100%",position:"relative",display:"flex",flexDirection:"column"},Ap={fontSize:"18px",fontWeight:"700",marginBottom:"24px",textAlign:"center",color:"color-gray-900"},Vp={display:"flex",flexWrap:"wrap",justifyContent:"flex-start",marginTop:"16px",gap:"12px"},Ep={display:"flex",alignItems:"center",padding:"4px 8px",borderRadius:"6px",cursor:"pointer",transition:"background-color 0.2s ease",_hover:{backgroundColor:"color-gray-50"}},Dp={width:"10px",height:"10px",borderRadius:"50%",marginRight:"8px"},$p={fontSize:"13px",fontWeight:"500",color:"color-gray-600"},nr={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},Un={stroke:"color-gray-100",strokeWidth:"1px",strokeDasharray:"4 4"},jr={stroke:"color-gray-200",strokeWidth:"1px"},wr={fontSize:"12px",fill:"color-gray-500",fontWeight:"500"},Lp={rx:"4px",ry:"4px",cursor:"pointer",transition:"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",_hover:{filter:"brightness(1.1)"}},_p={strokeWidth:"3px",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",transition:"stroke-width 0.2s ease"},Bp={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"}},lr={strokeWidth:"2px",stroke:"color-white",cursor:"pointer",transition:"all 0.3s ease",_hover:{transform:"scale(1.02)"}},Gt={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"},Op={...Gt},Np={...Gt,backgroundColor:"rgba(254, 242, 242, 0.8)",color:"color-red-600"},qp={...Gt,backgroundColor:"rgba(249, 250, 251, 0.8)",color:"color-gray-500"},Up=({data:e,dataPoints:o,animated:t=!0,animationDuration:a=500,showTooltips:n=!0})=>{const[l,s]=p.useState(t?0:1),[d,u]=p.useState({visible:!1,x:0,y:0,content:null}),c=p.useRef(null),m=p.useRef(null);p.useEffect(()=>{if(!t){s(1);return}const j=Date.now(),w=()=>{const C=Date.now()-j,S=Math.min(C/a,1);s(S),S<1&&(c.current=requestAnimationFrame(w))};return c.current=requestAnimationFrame(w),()=>{c.current&&cancelAnimationFrame(c.current)}},[t,a]);const[g,h]=p.useState(new Set),f=p.useCallback(j=>{h(w=>{const C=new Set(w);return C.has(j)?C.delete(j):C.add(j),C})},[]),y=p.useCallback(()=>e?{...e,series:e.series.map((j,w)=>({...j,color:j.color||ko[w%ko.length],hidden:g.has(j.name)}))}:o?o.map((j,w)=>({...j,color:j.color||ko[w%ko.length],hidden:g.has(j.label)})):null,[e,o,g]),x=p.useCallback((j,w,C)=>{n&&u({visible:!0,x:j,y:w,content:C})},[n]),b=p.useCallback(()=>{u(j=>({...j,visible:!1}))},[]),k=p.useCallback(()=>{if(!m.current)return{width:0,height:0};const{width:j,height:w}=m.current.getBoundingClientRect();return{width:j,height:w}},[]);return{animationProgress:l,tooltip:d,containerRef:m,processedData:y,showTooltip:x,hideTooltip:b,getChartDimensions:k,toggleSeries:f}},Gp=({data:e,width:o,height:t,animationProgress:a,showGrid:n=!0,onBarClick:l,showTooltip:s,hideTooltip:d,views:u})=>{const{getColor:c}=i.useTheme(),m={top:20,right:20,bottom:40,left:50},g=o-m.left-m.right,h=t-m.top-m.bottom,f=p.useMemo(()=>{let S=0;return e.series.forEach(v=>{v.data.forEach(I=>{S=Math.max(S,I)})}),S},[e]),y=e.labels.length,x=e.series.length,b=g/y,k=b*.8/x,j=b*.2/(x+1),w=f||10,C=p.useMemo(()=>{const v=[];for(let I=0;I<=5;I++){const F=w/5*I;v.push(F)}return v},[f]);return r.jsxs("svg",{width:o,height:t,children:[r.jsx("defs",{children:e.series.map((S,v)=>{const I=S.color?c(S.color):"black";return r.jsxs("linearGradient",{id:`bar-gradient-${v}`,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[r.jsx("stop",{offset:"0%",stopColor:I,stopOpacity:1}),r.jsx("stop",{offset:"100%",stopColor:I,stopOpacity:.7})]},`bar-gradient-${v}`)})}),r.jsx("line",{x1:m.left,y1:t-m.bottom,x2:o-m.right,y2:t-m.bottom,...jr,...u==null?void 0:u.axis}),r.jsx("line",{x1:m.left,y1:m.top,x2:m.left,y2:t-m.bottom,...jr,...u==null?void 0:u.axis}),e.labels.map((S,v)=>{const I=m.left+(v+.5)*b,F=t-m.bottom+20;return r.jsx("text",{x:I,y:F,textAnchor:"middle",...wr,...u==null?void 0:u.axisLabel,children:S},`x-label-${v}`)}),C.map((S,v)=>{const I=t-m.bottom-S/w*h;return r.jsxs(p.Fragment,{children:[r.jsx("text",{x:m.left-10,y:I,textAnchor:"end",dominantBaseline:"middle",...wr,...u==null?void 0:u.axisLabel,children:S.toFixed(0)}),n&&r.jsx("line",{x1:m.left,y1:I,x2:o-m.right,y2:I,...Un,...u==null?void 0:u.grid})]},`y-tick-${v}`)}),e.series.map((S,v)=>S.hidden?null:r.jsx(p.Fragment,{children:S.data.map((I,F)=>{const W=I/w*h*a,E=m.left+F*b+j*(v+1)+k*v,T=t-m.bottom-W,A=e.labels[F],P=e.series.reduce((D,L)=>{const V=L.data[F];return D+(typeof V=="number"?V:0)},0),z=P>0?(I/P*100).toFixed(1):null,R=S.color?c(S.color):"black",H=D=>{const L=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:S.name}),r.jsx(i.View,{width:"12px",height:"12px",borderRadius:"2px",backgroundColor:R})]}),r.jsx(i.Text,{marginTop:"4px",color:"color-gray-500",fontSize:"12px",children:A}),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:I.toLocaleString()})]}),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:P.toLocaleString()})]})]})]}),V=D.currentTarget.getBoundingClientRect(),O=V.left+V.width/2,_=V.top;s(O,_,L)},M=()=>{l&&l(S.name,F)};return r.jsx("rect",{x:E,y:T,width:k,height:W,fill:`url(#bar-gradient-${v})`,onMouseEnter:H,onMouseMove:H,onMouseLeave:d,onClick:M,...Lp,...u==null?void 0:u.bar},`bar-${v}-${F}`)})},`series-${v}`))]})},Yp=({data:e,width:o,height:t,animationProgress:a,showGrid:n=!0,onPointClick:l,showTooltip:s,hideTooltip:d,views:u})=>{const{getColor:c}=i.useTheme(),m={top:20,right:20,bottom:40,left:40},g=o-m.left-m.right,h=t-m.top-m.bottom,f=p.useMemo(()=>{let j=0;return e.series.forEach(w=>{w.data.forEach(C=>{j=Math.max(j,C)})}),j},[e]),y=f||10,x=p.useMemo(()=>{const w=[];for(let C=0;C<=5;C++){const S=y/5*C;w.push(S)}return w},[f]),b=j=>{if(j.length<2)return"";const w=j.map((S,v)=>({x:m.left+v/(e.labels.length-1)*g,y:t-m.bottom-S/y*h*a}));let C=`M ${w[0].x},${w[0].y}`;for(let S=0;S<w.length-1;S++){const v=w[S===0?S:S-1],I=w[S],F=w[S+1],W=w[S+2===w.length?S+1:S+2],E=I.x+(F.x-v.x)/6,T=I.y+(F.y-v.y)/6,A=F.x-(W.x-I.x)/6,P=F.y-(W.y-I.y)/6;C+=` C ${E},${T} ${A},${P} ${F.x},${F.y}`}return C},k=j=>{if(j.length<2)return"";const w=b(j),C=m.left,S=m.left+g,v=t-m.bottom;return`${w} L ${S},${v} L ${C},${v} Z`};return r.jsxs("svg",{width:o,height:t,children:[r.jsx("defs",{children:e.series.map((j,w)=>{const C=j.color?c(j.color):"black";return r.jsxs("linearGradient",{id:`gradient-${w}`,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-${w}`)})}),r.jsx("line",{x1:m.left,y1:t-m.bottom,x2:o-m.right,y2:t-m.bottom,...jr,...u==null?void 0:u.axis}),r.jsx("line",{x1:m.left,y1:m.top,x2:m.left,y2:t-m.bottom,...jr,...u==null?void 0:u.axis}),e.labels.map((j,w)=>{const C=m.left+w/(e.labels.length-1)*g,S=t-m.bottom+20;return r.jsx("text",{x:C,y:S,textAnchor:"middle",...wr,...u==null?void 0:u.axisLabel,children:j},`x-label-${w}`)}),x.map((j,w)=>{const C=t-m.bottom-j/y*h;return r.jsxs(p.Fragment,{children:[r.jsx("text",{x:m.left-10,y:C,textAnchor:"end",dominantBaseline:"middle",...wr,...u==null?void 0:u.axisLabel,children:j.toFixed(0)}),n&&r.jsx("line",{x1:m.left,y1:C,x2:o-m.right,y2:C,...Un,...u==null?void 0:u.grid})]},`y-tick-${w}`)}),e.series.map((j,w)=>{if(j.hidden)return null;const C=j.color?c(j.color):"black";return r.jsxs(p.Fragment,{children:[r.jsx("path",{d:k(j.data),fill:`url(#gradient-${w})`,...u==null?void 0:u.area}),r.jsx("path",{d:b(j.data),stroke:C,..._p,...u==null?void 0:u.line}),j.data.map((S,v)=>{const I=m.left+v/(e.labels.length-1)*g,F=t-m.bottom-S/y*h*a,W=e.labels[v],E=e.series.reduce((M,D)=>{const L=D.data[v];return M+(typeof L=="number"?L:0)},0),T=E>0?(S/E*100).toFixed(1):null,A=v>0&&typeof j.data[v-1]=="number"?j.data[v-1]:null,P=typeof A=="number"?S-A:null,z=typeof P=="number"?`${P>=0?"+":""}${P.toLocaleString()}`:null,R=M=>{const D=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:j.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:W}),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:S.toLocaleString()})]}),z!==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:z})]}),T!==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:`${T}%`})]}),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:E.toLocaleString()})]})]})]}),L=M.currentTarget.getBoundingClientRect(),V=L.left+L.width/2,O=L.top+L.height/2;s(V,O,D)},H=()=>{l&&l(j.name,v)};return r.jsx("circle",{cx:I,cy:F,fill:C,onMouseEnter:R,onMouseMove:R,onMouseLeave:d,onClick:H,...Bp,...u==null?void 0:u.point},`point-${w}-${v}`)})]},`series-${w}`)})]})},Xp=({dataPoints:e,width:o,height:t,animationProgress:a,isDonut:n=!1,onSliceClick:l,showTooltip:s,hideTooltip:d,views:u})=>{const{getColor:c}=i.useTheme(),{ref:m,relation:g}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),h=p.useRef(null);p.useEffect(()=>{h.current&&m&&(m.current=h.current)},[h,m]);const y=Math.min(o,t)/2*.8,x=o/2,b=t/2,k=n?y*.6:0,j=p.useMemo(()=>e.filter(S=>!S.hidden),[e]),w=p.useMemo(()=>j.reduce((S,v)=>S+v.value,0),[j]),C=p.useMemo(()=>{if(w===0)return[{path:n?[`M ${x} ${b-y}`,`A ${y} ${y} 0 1 1 ${x} ${b+y}`,`A ${y} ${y} 0 1 1 ${x} ${b-y}`,`M ${x} ${b-k}`,`A ${k} ${k} 0 1 0 ${x} ${b+k}`,`A ${k} ${k} 0 1 0 ${x} ${b-k}`,"Z"].join(" "):[`M ${x} ${b}`,`M ${x} ${b-y}`,`A ${y} ${y} 0 1 1 ${x} ${b+y}`,`A ${y} ${y} 0 1 1 ${x} ${b-y}`,"Z"].join(" "),color:"#E2E8F0",label:"Total",value:0,percentage:"0%",labelX:x,labelY:b,startAngle:0,endAngle:Math.PI*2,index:-1}];const S=[];let v=-Math.PI/2;for(let I=0;I<j.length;I++){const W=j[I].value/w,E=W*2*Math.PI*a,A=Math.max(0,E-.02),P=v+A,z=x+Math.cos(v)*y,R=b+Math.sin(v)*y,H=x+Math.cos(P)*y,M=b+Math.sin(P)*y,D=x+Math.cos(v)*k,L=b+Math.sin(v)*k,V=x+Math.cos(P)*k,O=b+Math.sin(P)*k,_=A>Math.PI?1:0;let q;n?q=[`M ${z} ${R}`,`A ${y} ${y} 0 ${_} 1 ${H} ${M}`,`L ${V} ${O}`,`A ${k} ${k} 0 ${_} 0 ${D} ${L}`,"Z"].join(" "):q=[`M ${x} ${b}`,`L ${z} ${R}`,`A ${y} ${y} 0 ${_} 1 ${H} ${M}`,"Z"].join(" ");const B=v+A/2,X=n?(y+k)/2:y*.7,$=x+Math.cos(B)*X,U=b+Math.sin(B)*X,K=`${(W*100).toFixed(1)}%`,ee=j[I].color||ko[I%ko.length],J=c(ee);S.push({path:q,color:J,label:j[I].label,value:j[I].value,percentage:K,labelX:$,labelY:U,startAngle:v,endAngle:P,index:I,originalIndex:e.findIndex(oe=>oe.label===j[I].label)}),v=P}return S},[j,w,y,x,b,k,a,n,e]);return r.jsxs("svg",{ref:h,width:o,height:t,style:{overflow:"visible"},children:[n&&r.jsxs("g",{pointerEvents:"none",children:[r.jsx("circle",{cx:x,cy:b,r:k,fill:"white"}),r.jsx("text",{x,y:b-8,textAnchor:"middle",dominantBaseline:"middle",fontSize:"14px",fontWeight:"500",fill:"color-gray-500",children:"Total"}),r.jsx("text",{x,y:b+12,textAnchor:"middle",dominantBaseline:"middle",fontSize:"20px",fontWeight:"800",fill:"color-gray-900",children:w.toLocaleString()})]}),C.map((S,v)=>{const I=E=>{const T=w>0?S.value/w*100:0,A=w>0?Math.max(0,100-T):null,P=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.label}),r.jsx(i.View,{width:"12px",height:"12px",borderRadius:"2px",backgroundColor:S.color})]}),r.jsxs(i.Text,{marginTop:"4px",color:"color-gray-500",fontSize:"12px",children:["Slice ",S.index+1," of ",j.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:S.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:S.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:w.toLocaleString()})]}),A!==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:`${A.toFixed(1)}%`})]})]})]});let z=E.clientX,R=E.clientY;if(h.current){const H=h.current.getBoundingClientRect();z=H.left+S.labelX,R=H.top+S.labelY}s(z,R,P)},F=()=>{S.index!==-1&&l&&l(e[S.index],S.index)},W=S.index===-1;return r.jsxs("g",{children:[r.jsx("path",{d:S.path,fill:S.color,onMouseEnter:W?void 0:I,onMouseMove:W?void 0:I,onMouseLeave:W?void 0:d,onClick:F,...lr,style:{...lr==null?void 0:lr.style,cursor:W?"default":"pointer"},...u==null?void 0:u.pie}),!W&&S.endAngle-S.startAngle>.25&&r.jsx("text",{x:S.labelX,y:S.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:S.percentage})]},`slice-${v}`)})]})},Kp=({visible:e,x:o,y:t,content:a,maxDistance:n=100,views:l})=>{const s=p.useRef(null),[d,u]=p.useState({left:0,top:0});return p.useEffect(()=>{if(!e||!s.current)return;const m=s.current.getBoundingClientRect(),g=m.width||200,h=m.height||100,f=20,y=16;let x=o-g/2,b=t-h-f;b<y&&(b=t+f),x+g>window.innerWidth-y?x=window.innerWidth-g-y:x<y&&(x=y),b=Math.max(y,Math.min(b,window.innerHeight-h-y)),u({left:x,top:b})},[e,o,t]),e?r.jsx(i.View,{ref:s,position:"fixed",left:`${d.left}px`,top:`${d.top}px`,...nr,...l==null?void 0:l.tooltip,style:{...nr==null?void 0:nr.style,pointerEvents:"none",transition:"all 0.1s ease-out"},children:a}):null},Jp=({type:e,data:o,dataPoints:t,title:a,showLegend:n=!0,legendPosition:l="bottom",showGrid:s=!0,showTooltips:d=!0,animated:u=!0,animationDuration:c=500,responsive:m=!0,aspectRatio:g=16/9,width:h=200,height:f=200,views:y,onDataPointClick:x,onSeriesClick:b,isLoading:k=!1,error:j,noData:w,loadingIndicator:C,errorIndicator:S,noDataIndicator:v,"aria-label":I,themeMode:F,...W})=>{const{animationProgress:E,tooltip:T,containerRef:A,processedData:P,showTooltip:z,hideTooltip:R,getChartDimensions:H,toggleSeries:M}=Up({data:o,dataPoints:t,animated:u,animationDuration:c,showTooltips:d}),D=P(),{width:L,height:V}=H(),O=h||L,_=f||(m?L/g:V),q=()=>{if(!n||!D)return null;let J=[];return e==="pie"||e==="donut"?Array.isArray(D)&&(J=D):D&&D.series&&(J=D.series),!J||J.length===0?null:r.jsx(i.Horizontal,{flexWrap:"wrap",justifyContent:"flex-start",marginTop:l==="bottom"?"16px":0,marginBottom:l==="top"?"16px":0,...Vp,...y==null?void 0:y.legend,children:J.map((oe,ne)=>{const re=oe.hidden,G=oe.name||oe.label;return r.jsxs(i.View,{...Ep,onClick:()=>M(G),opacity:re?.4:1,...y==null?void 0:y.legendItem,children:[r.jsx(i.View,{backgroundColor:oe.color,...Dp,opacity:re?.3:1}),r.jsx(i.Text,{...$p,textDecoration:re?"line-through":"none",children:G})]},`legend-${ne}`)})})},B=()=>{if(!D)return null;switch(e){case"bar":return r.jsx(Gp,{data:D,width:O,height:_,animationProgress:E,showGrid:s,onBarClick:b,showTooltip:z,hideTooltip:R,views:y});case"line":case"area":return r.jsx(Yp,{data:D,width:O,height:_,animationProgress:E,showGrid:s,onPointClick:b,showTooltip:z,hideTooltip:R,views:y});case"pie":case"donut":return r.jsx(Xp,{dataPoints:D,width:O,height:_,animationProgress:E,isDonut:e==="donut",onSliceClick:x,showTooltip:z,hideTooltip:R,views:y});default:return null}},X=()=>k?r.jsx(i.View,{...Op,...y==null?void 0:y.loadingOverlay,children:C||r.jsx(i.Center,{children:r.jsx(To,{size:"lg"})})}):null,$=()=>j?r.jsx(i.View,{...Np,...y==null?void 0:y.errorOverlay,children:S||r.jsx(i.Text,{fontWeight:"medium",children:typeof j=="string"?j:"An error occurred"})}):null,U=()=>w?r.jsx(i.View,{...qp,...y==null?void 0:y.noDataOverlay,children:v||r.jsx(i.Text,{children:typeof w=="string"?w:"No data available"})}):null,K=I??(typeof a=="string"?a:"Chart"),ee=!j&&!k&&!w;return r.jsxs(i.View,{ref:A,role:"region","aria-label":K,"aria-busy":k,...Pp,...y==null?void 0:y.container,...W,children:[a&&r.jsx(i.Text,{...Ap,children:a}),ee&&l==="top"&&q(),r.jsxs(i.View,{flex:1,width:"100%",position:"relative",...y==null?void 0:y.chart,children:[ee&&B(),X(),$(),U(),r.jsx(Kp,{visible:d&&T.visible,x:T.x,y:T.y,content:T.content,maxDistance:100,views:y})]}),ee&&l==="bottom"&&q()]})},Qp=e=>r.jsx(Jp,{...e}),Zp=Qp,em=(e=365)=>{const[o,t]=p.useState(!1),[a,n]=p.useState(null),l="app-studio-cookie-consent";p.useEffect(()=>{const c=localStorage.getItem(l);n(c!==null?c==="true":!1)},[]);const s=c=>{localStorage.setItem(l,String(c));const m=new Date;m.setDate(m.getDate()+e),localStorage.setItem(`${l}-expires`,m.toISOString()),n(c)};return{isHovered:o,setIsHovered:t,hasConsent:a,acceptCookies:()=>{s(!0)},resetConsent:()=>{localStorage.removeItem(l),localStorage.removeItem(`${l}-expires`),n(!1)}}},om=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"}}}),rm=({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:a="Personnaliser",position:n="bottom",variant:l="default",onAccept:s,onCustomize:d,views:u,showCustomizeButton:c=!0,cookieExpiration:m=365,themeMode:g,...h})=>{const{themeMode:f}=i.useTheme(),{hasConsent:y,acceptCookies:x}=em(m),k=om()[l];if(y)return null;const j=()=>{x(),s&&s()},w=()=>{d&&d()};return r.jsx(i.View,{style:{position:"fixed",left:16,right:16,zIndex:1e3,...n==="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,...u==null?void 0:u.container,...h,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",...u==null?void 0:u.title,children:e}),o&&r.jsx(i.Text,{fontSize:14,color:"color-black",...u==null?void 0:u.description,children:o}),r.jsxs(i.Horizontal,{gap:12,justifyContent:"flex-end",marginTop:8,...u==null?void 0:u.buttonGroup,children:[c&&r.jsx(le,{variant:"outline",onClick:w,size:"sm",...u==null?void 0:u.customizeButton,children:a}),r.jsx(le,{variant:"primary",onClick:j,size:"sm",...u==null?void 0:u.acceptButton,children:t})]})]})})},tm=e=>r.jsx(rm,{...e}),am=tm,nm=e=>{const{size:o,variant:t,onOpenChange:a}=e||{},[n,l]=p.useState(!1),[s,d]=p.useState({x:0,y:0}),[u,c]=p.useState(null),m=p.useRef(null),g=p.useRef(null),h=p.useMemo(()=>Ft("contextmenu-content"),[]),f=p.useCallback(x=>{d({x:x.clientX,y:x.clientY}),l(!0),a==null||a(!0)},[a]),y=p.useCallback(()=>{l(!1),c(null),a==null||a(!1)},[a]);return p.useEffect(()=>{const x=j=>{g.current&&!g.current.contains(j.target)&&y()},b=()=>{n&&y()},k=j=>{j.key==="Escape"&&n&&y()};return document.addEventListener("mousedown",x),window.addEventListener("resize",b),document.addEventListener("keydown",k),()=>{document.removeEventListener("mousedown",x),window.removeEventListener("resize",b),document.removeEventListener("keydown",k)}},[n,y]),{isOpen:n,setIsOpen:l,position:s,setPosition:d,activeSubmenuId:u,setActiveSubmenuId:c,size:o,variant:t,triggerRef:m,contentRef:g,contentId:h,openMenu:f,closeMenu:y}},ba={sm:{padding:"6px 8px",fontSize:"14px",minWidth:"160px"},md:{padding:"8px 12px",fontSize:"16px",minWidth:"180px"},lg:{padding:"10px 16px",fontSize:"18px",minWidth:"200px"}},lm={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"}},ka={hover:{backgroundColor:"color-gray-100"}},Gn=p.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:()=>{}}),im=({children:e,value:o})=>r.jsx(Gn.Provider,{value:o,children:e}),vr=()=>{const e=p.useContext(Gn);if(!e)throw new Error("useContextMenuContext must be used within a ContextMenuProvider");return e},Yn=({children:e,disableNativeContextMenu:o=!0,asChild:t=!1,isDisabled:a=!1,views:n,...l})=>{const{triggerRef:s,contentId:d,openMenu:u}=vr(),m={ref:s,onContextMenu:g=>{if(!a)if(o&&g.preventDefault(),u)u(g);else{const{setIsOpen:h,setPosition:f}=vr();f({x:g.clientX,y:g.clientY}),h(!0)}},"aria-controls":d,"aria-haspopup":"menu","data-disabled":a?"":void 0,...t&&p.isValidElement(e)&&e.props.isDisabled===void 0&&{isDisabled:a},...n==null?void 0:n.container,...l};if(t&&p.isValidElement(e)){const g=p.Children.only(e);return p.cloneElement(g,{...m,...g.props})}return r.jsx(i.View,{...m,children:e})},Yt=({items:e,children:o,position:t,side:a="right",align:n="start",views:l,style:s,...d})=>{const{isOpen:u,position:c,contentRef:m,contentId:g,variant:h}=vr(),f=p.useRef(null),y=m||f,{ref:x,relation:b}=i.useElementPosition({}),[k,j]=p.useState({x:0,y:0});if(p.useEffect(()=>{if(u&&y.current){const C=t||c,S=y.current.offsetWidth,v=y.current.offsetHeight,I=window.innerWidth,F=window.innerHeight;let W=C.x,E=C.y;b&&(b.space.horizontal==="left"?W=C.x-S:W=C.x,b.space.vertical==="top"?E=C.y-v:E=C.y),W+S>I&&(W=I-S-8),W<8&&(W=8),E+v>F&&(E=F-v-8),E<8&&(E=8),j({x:W,y:E})}},[u,c,t,a,n,y,b]),!u)return null;const w={position:"fixed",top:`${k.y}px`,left:`${k.x}px`,zIndex:1e3,transformOrigin:"top left"};return r.jsxs(i.View,{id:g||"context-menu",ref:y,role:"menu",tabIndex:-1,borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",overflow:"hidden",style:{...w,...s},...lm[h],...l==null?void 0:l.menu,...l==null?void 0:l.content,...d,children:[e&&e.map((C,S)=>C.divider?r.jsx(Kn,{views:l},`divider-${S}`):r.jsx(Xn,{item:C,views:l},C.id)),o]})},Xn=({item:e,children:o,onSelect:t,isDisabled:a=!1,views:n,variant:l,shape:s,isLoading:d,loaderProps:u,loaderPosition:c,icon:m,iconPosition:g,isFilled:h,isAuto:f,isIconRounded:y,isHovered:x,shadow:b,ariaLabel:k,animation:j,textColor:w,reversed:C,borderMovingDuration:S,borderMovingGradientColors:v,animatedStrokeAccentColor:I,animatedStrokeTextColor:F,to:W,isExternal:E,config:T,...A})=>{const{activeSubmenuId:P,setActiveSubmenuId:z,size:R,closeMenu:H}=vr();if(e){const[D,L]=p.useState(!1),V=e.items&&e.items.length>0,O=P===e.id,[_,q]=p.useState({x:0,y:0}),B=e.disabled||a,X=()=>{L(!0),V&&z(e.id)},$=()=>{L(!1)},U=()=>{B||!V&&e.onClick&&(e.onClick(),H&&H())},{ref:K,relation:ee}=i.useElementPosition({});return p.useEffect(()=>{if(O&&K.current){const J=K.current.getBoundingClientRect(),oe=window.innerWidth,ne=200;let re=!1;if(ee)re=ee.space.horizontal==="left";else{const G=oe-J.right,Q=J.left;re=G<ne&&Q>G}q({x:re?J.left-ne:J.right,y:J.top})}},[O,e.items,ee]),r.jsxs(i.View,{ref:K,role:"menuitem",display:"flex",alignItems:"center",cursor:B?"not-allowed":"pointer",opacity:B?.5:1,position:"relative","aria-disabled":B,"data-disabled":B?"":void 0,...ba[R],_hover:B?{}:ka.hover,backgroundColor:D&&!B?"color-gray-100":"transparent",onMouseEnter:X,onMouseLeave:$,onClick:U,...n==null?void 0:n.item,...A,children:[e.icon&&r.jsx(i.View,{marginRight:8,...n==null?void 0:n.icon,children:e.icon}),r.jsx(i.View,{flexGrow:1,children:e.label}),V&&r.jsx(i.View,{marginLeft:8,...n==null?void 0:n.submenuIndicator,children:r.jsx(se,{orientation:"right",widthHeight:16,color:"currentColor",filled:!0})}),O&&V&&r.jsx(Yt,{items:e.items||[],position:_,side:"right",align:"start",views:n})]})}const M=D=>{a||(t==null||t(D),H&&H())};return r.jsx(i.View,{role:"menuitem",onClick:M,cursor:a?"not-allowed":"pointer",opacity:a?.5:1,"aria-disabled":a,"data-disabled":a?"":void 0,...ba[R],_hover:a?{}:ka.hover,...n==null?void 0:n.item,...A,children:o})},Kn=({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}),sm=({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}),cm=({children:e,items:o,size:t="md",variant:a="default",disableNativeContextMenu:n=!0,views:l,themeMode:s,onOpenChange:d,...u})=>!o||o.length===0?r.jsx(r.Fragment,{children:e}):r.jsxs(r.Fragment,{children:[r.jsx(Yn,{disableNativeContextMenu:n,views:l,...u,children:e}),r.jsx(Yt,{items:o,views:l})]}),dm=({children:e,items:o,size:t="md",variant:a="default",disableNativeContextMenu:n=!0,onOpenChange:l,views:s,...d})=>{const u=nm({size:t,variant:a,onOpenChange:l}),{isOpen:c,setIsOpen:m,position:g,setPosition:h,activeSubmenuId:f,setActiveSubmenuId:y,triggerRef:x,contentRef:b,contentId:k,openMenu:j,closeMenu:w}=u;return r.jsx(im,{value:{isOpen:c,setIsOpen:m,position:g,setPosition:h,activeSubmenuId:f,setActiveSubmenuId:y,size:t,variant:a,triggerRef:x,contentRef:b,contentId:k,openMenu:j,closeMenu:w,styles:s},children:r.jsx(cm,{items:o,size:t,variant:a,disableNativeContextMenu:n,views:s,...d,children:e})})},Mo=dm;Mo.Trigger=Yn;Mo.Content=Yt;Mo.Item=Xn;Mo.Divider=Kn;Mo.Separator=sm;const um=({src:e,color:o,views:t,themeMode:a,...n})=>{const{getColor:l,themeMode:s}=i.useTheme(),d=o?{fill:l(o,{themeMode:s}),stroke:l(o,{themeMode:s})}:{};return r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",...n,...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})})},pm=({path:e,...o})=>r.jsx(i.Image,{src:e,...o}),Jn=({placeholder:e,isMulti:o,options:t,id:a=`select-${Math.random().toString(36).substr(2,9)}`})=>{const n=e?o?[]:"":Array.isArray(t)&&t.length>0?t[0].value:o?[]:"",[l,s]=p.useState(!1),[d,u]=p.useState(!1),[c,m]=p.useState(n),[g,h]=p.useState(0),[f,y]=p.useState(!0);return{id:a,value:c,setValue:m,hide:f,setHide:y,isHovered:l,setIsHovered:s,isFocused:d,setIsFocused:u,highlightedIndex:g,setHighlightedIndex:h}},Qn=({children:e,containerId:o="portal-root"})=>{const[t,a]=p.useState(null);return p.useEffect(()=>{let n=document.getElementById(o),l=!1;return n||(l=!0,n=document.createElement("div"),n.setAttribute("id",o),document.body.appendChild(n)),a(n),()=>{l&&n&&n.parentNode&&n.childNodes.length===0&&n.parentNode.removeChild(n)}},[o]),t?ys.createPortal(e,t):null},ht=({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}),Ne=p.forwardRef(({children:e,helperText:o,error:t=!1,views:a,...n},l)=>r.jsxs(i.Vertical,{ref:l,gap:4,position:"relative",width:"100%",marginVertical:0,...n,...a==null?void 0:a.container,children:[e,!t&&o&&r.jsx(ht,{marginTop:0,...a==null?void 0:a.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",...a==null?void 0:a.error,children:t})]}));Ne.displayName="FieldContainer";const mm={default:{borderRadius:"8px"},square:{borderRadius:0},rounded:{borderRadius:"8px"},pill:{borderRadius:"9999px"}},gm={xs:"10px",sm:"11px",md:"11px",lg:"12px",xl:"12px"},hm={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"}},fm={paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px",media:{mobile:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px"}}},ym={paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px",media:{mobile:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px"}}},Je=({label:e,shadow:o,children:t,value:a,size:n="md",shape:l="default",variant:s="default",error:d=!1,showLabel:u=!1,isFocused:c=!1,isHovered:m=!1,isDisabled:g=!1,isReadOnly:h=!1,views:f={pickerBox:{}},...y})=>{const{themeMode:x}=i.useTheme(),b=x==="dark",j=d?"color-red-500":(m||c)&&!g?"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:j,backgroundColor:b?"color-gray-900":"color-white",fontSize:i.Typography.fontSizes[n],cursor:g?"not-allowed":h?"auto":"text",opacity:g?.7:1,transition:"border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease",...u?fm:ym,...typeof o=="object"&&o!==null?o:{},...mm[l],...hm[s],...f==null?void 0:f.container,...y,children:t})},Xt=({children:e,...o})=>r.jsx(i.Horizontal,{gap:10,right:10,zIndex:500,flexWrap:"nowrap",alignItems:"center",justifyContent:"flex-end",...o,children:e}),xm={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}},bm=({children:e,heading:o,isItalic:t=!1,isUnderlined:a=!1,isStriked:n=!1,weight:l="normal",size:s="sm",dropDown:d,error:u,isDisabled:c,helperText:m,views:g,...h})=>{const f=o?xm[o]:{};return r.jsx(i.Element,{as:"label",width:"100%",fontSize:s,fontStyle:t?"italic":"normal",fontWeight:i.Typography.fontWeights[l],textDecoration:n?"line-through":a?"underline":"none",...f,...h,children:e})},km=e=>r.jsx(bm,{...e}),Jo=km,no=({children:e,size:o="md",error:t=!1,color:a="theme-primary",views:n={label:{}},helperText:l,...s})=>r.jsx(Jo,{position:"static",fontSize:gm[o],letterSpacing:"-0.01em",whiteSpace:"nowrap",fontWeight:500,opacity:t?1:.72,color:t?"color-red-500":"inherit",transition:"color 0.2s ease",...n.label,...s,children:e}),Wo=({children:e,...o})=>r.jsx(i.Vertical,{display:"flex",flexDirection:"column",gap:4,flex:1,width:"100%",maxWidth:"100%",...o,children:e}),Zn={xs:12,sm:14,md:16,lg:18,xl:20},Cm={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)"},Sm={enter:{opacity:1,transform:"translateY(0) scale(1)",transition:"all 0.2s ease-in-out"}},jm={padding:"10px 12px",cursor:"pointer",borderRadius:8,margin:"2px 4px",transition:"all 0.15s ease-in-out"},ir={default:{},highlighted:{backgroundColor:"color-gray-100"},selected:{backgroundColor:"color-gray-100"},selectedHighlighted:{backgroundColor:"color-gray-200"}},Ca={open:{transform:"rotate(180deg)",transition:"all 0.2s ease-in-out"},closed:{transform:"rotate(0deg)",transition:"all 0.2s ease-in-out"}},wm={padding:"4px 8px",borderRadius:8,backgroundColor:"color-gray-100",fontSize:"12px",fontWeight:"500",color:"color-gray-700",transition:"all 0.15s ease-in-out"},vm={scrollbarWidth:"thin",scrollbarColor:"rgba(0, 0, 0, 0.15) transparent"},Tm=e=>{if(!e)return{};const{container:o,content:t,...a}=e;return a},Ao={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}},Im=({isHovered:e,setIsHovered:o=()=>{},option:t,size:a="md",callback:n=()=>{},style:l,isSelected:s=!1,...d})=>{const u=(g,h)=>{g.stopPropagation(),g.preventDefault(),typeof n=="function"&&n(h)},c=()=>o(!e),m=()=>s&&e?ir.selectedHighlighted:s?ir.selected:e?ir.highlighted:ir.default;return r.jsxs(i.Element,{as:"li",display:"flex",alignItems:"center",justifyContent:"space-between",listStyleType:"none",...jm,...m(),onMouseEnter:c,onMouseLeave:c,onClick:g=>u(g,t.value),...d,children:[r.jsx(i.Text,{fontSize:i.Typography.fontSizes[a],fontWeight:s?"500":"400",lineHeight:"14px",color:s?"color-gray-900":"color-gray-700",...l,children:t.label}),s&&r.jsx(i.Element,{as:"span",color:"theme-primary",fontSize:"14px",marginLeft:8,display:"flex",alignItems:"center",children:"✓"})]})},Fm=({size:e="md",views:o={field:{},text:{}},value:t,isDisabled:a,placeholder:n,removeOption:l=()=>{},options:s})=>{const d=(o==null?void 0:o.field)||{},u=(o==null?void 0:o.text)||{},c={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:a?"color-gray-400":"color-gray-900",cursor:a?"not-allowed":"pointer",transition:"all 0.2s ease-in-out",...d,...u,style:{backgroundColor:"transparent",...d.style,...u.style}},m=s.length>0&&s.find(g=>g.value===t);return r.jsx(i.Text,{...c,children:(t===""||Array.isArray(t)&&t.length===0)&&n?n: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(g=>r.jsx(Mm,{option:g,removeOption:l},g))}):r.jsx("span",{children:t})})})},Rm=({id:e,name:o,value:t,onChange:a,isMulti:n=!1,isDisabled:l=!1,isReadOnly:s=!1,options:d=[],...u})=>{const c=m=>{a&&a(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:s,onChange:c,multiple:n,...u,children:d.length>0&&d.map(m=>r.jsx("option",{value:m.value,children:m.label},m.value))})},zm=({size:e,views:o={},options:t,callback:a=()=>{},highlightedIndex:n,setHighlightedIndex:l=()=>{},selectedValue:s})=>{const d=c=>a(c),u=c=>Array.isArray(s)?s.includes(c):s===c;return r.jsx(i.Element,{as:"ul",role:"listbox",display:"flex",flexDirection:"column",margin:0,padding:"4px",...Cm,style:vm,...o==null?void 0:o.dropDown,children:t&&t.length>0&&t.map((c,m)=>r.jsx(Im,{size:e,style:o.text,option:c,callback:d,isSelected:u(c.value),isHovered:m===n,setIsHovered:()=>{},onMouseEnter:()=>l(m)},c.value))})},Mm=({option:e,size:o="md",removeOption:t=()=>{},...a})=>{const n=()=>t(e);return r.jsxs(i.Horizontal,{gap:6,alignItems:"center",onClick:l=>l.stopPropagation(),...wm,_hover:{backgroundColor:"color-gray-200"},...a,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:Zn[o],onClick:n,cursor:"pointer",transition:"all 0.2s ease-in-out",_hover:{color:"color-gray-700"}})]})},el=({id:e,name:o,label:t,value:a,placeholder:n,helperText:l,hide:s=!1,error:d=!1,isMulti:u=!1,isFocused:c=!1,isHovered:m=!1,isDisabled:g=!1,isReadOnly:h=!1,options:f=[],shadow:y={},size:x="md",shape:b="default",variant:k="default",views:j={text:{},icon:{},dropDown:{},selectBox:{},label:{},helperText:{}},onChange:w=()=>{},setHide:C=()=>{},setValue:S=()=>{},setIsHovered:v=()=>{},setIsFocused:I=()=>{},setHighlightedIndex:F,highlightedIndex:W,isScrollable:E,...T})=>{const{ref:A,relation:P,updateRelation:z}=i.useElementPosition({trackChanges:!0,trackOnScroll:!0,trackOnResize:!0,throttleMs:10}),R=p.useRef(null),H=()=>{var U;if(!A.current)return{};const B=A.current.getBoundingClientRect(),X={position:"fixed",left:B.left,width:B.width,zIndex:1e4};return((U=P==null?void 0:P.space)==null?void 0:U.vertical)==="top"?{...X,bottom:window.innerHeight-B.top+8}:{...X,top:B.bottom+8}};p.useEffect(()=>{const B=()=>C(!0);return document.addEventListener("closeAllSelects",B),()=>document.removeEventListener("closeAllSelects",B)},[C]),p.useEffect(()=>{const B=X=>{!X.target.closest(`#${e}`)&&!s&&C(!0)};return document.addEventListener("click",B),()=>{document.removeEventListener("click",B)}},[e,s,C]);const M=()=>v(!m),D=()=>I(!0),L=B=>{document.dispatchEvent(new Event("closeAllSelects")),B&&B.stopPropagation&&B.stopPropagation();const X=!s;C(X),I(!X)},V=p.useCallback(B=>{if(C(!0),document.dispatchEvent(new Event("closeAllSelects")),u&&Array.isArray(a)){if(!a.includes(B)){const X=[...a,B];S(X),w&&w(B)}}else S(B),w&&w(B);I(!0)},[u,a,C,S,w,I]),O=B=>{if(Array.isArray(a)&&a.includes(B)){const X=a.filter($=>$!==B);S(X.length===0?[]:X)}},_=!!t,q=Tm(j);return r.jsx(Ne,{ref:A,position:"relative",width:"100%",display:"inline-block",id:e,role:"SelectBox",helperText:l,error:d,views:q,onClick:B=>{B.stopPropagation(),g||h||L(B)},children:r.jsxs(Je,{label:t,size:x,error:d,shape:b,views:j,shadow:y,variant:k,value:a,color:"theme-primary",isHovered:m,isDisabled:g,isReadOnly:h,isFocused:c,showLabel:_,minHeight:`${Ao[x].minHeight}px`,paddingTop:Ao[x].shellPaddingY,paddingBottom:Ao[x].shellPaddingY,paddingLeft:Ao[x].shellPaddingX,paddingRight:Ao[x].shellPaddingX,onMouseEnter:M,onMouseLeave:M,position:"relative",...j==null?void 0:j.content,children:[r.jsxs(Wo,{children:[_&&r.jsx(no,{htmlFor:e,color:"theme-primary",error:d,...j==null?void 0:j.label,children:t}),r.jsx(Rm,{id:e,name:o,options:f,onChange:w,value:a,isDisabled:g,isReadOnly:h,isMulti:u,onFocus:D,...T}),r.jsx(Fm,{options:f,size:x,views:j,value:a,isDisabled:g,placeholder:n,removeOption:O})]}),r.jsx(Xt,{children:!h&&!g&&r.jsx(i.Element,{display:"flex",alignItems:"center",justifyContent:"center",style:s?Ca.closed:Ca.open,children:r.jsx(se,{color:"inherit",widthHeight:Zn[x],style:j.icon,orientation:"down"})})}),!s&&f.length>0&&r.jsx(Qn,{children:r.jsx(i.Element,{ref:R,onClick:B=>B.stopPropagation(),style:{...H(),...Sm.enter},children:r.jsx(zm,{size:x,views:j,options:f,callback:V,highlightedIndex:W,setHighlightedIndex:F,selectedValue:a})})})]})})},Wm=e=>{const o=me("select",e),t={...o,options:o.options||[]},a=Jn(t);return r.jsx(el,{...a,...t,onClick:n=>{n.stopPropagation(),o.onClick&&o.onClick(n)}})},Yo=Wm,ol=({isDisabled:e,isChecked:o})=>{const[t,a]=p.useState(!1),[n,l]=p.useState(o||!1),[s,d]=p.useState(o||!1);return p.useEffect(()=>{o!==void 0&&(l(o),d(o))},[o]),{isHovered:t,setIsHovered:a,on:n,setOn:l,value:s,setValue:d}},Sa={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"}},Hm={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"}},Pm={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"}},Am={xs:"9px",sm:"10px",md:"11px",lg:"12px",xl:"13px"},sr={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}},Ze={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}}},ja={slider:{transition:"all 0.2s ease-in-out"},knob:{transition:"all 0.2s ease-in-out"}},Vm=e=>r.jsx(i.Input,{type:"checkbox",...e}),rl=({id:e,name:o,label:t,inActiveChild:a,isChecked:n,activeChild:l,labelPosition:s="right",shadow:d={},size:u="sm",value:c=!1,isHovered:m=!1,isDisabled:g=!1,isReadOnly:h=!1,on:f,setOn:y=()=>{},onChange:x,setValue:b=()=>{},setIsHovered:k=()=>{},helperText:j,views:w={slider:{},circle:{},label:{}},...C})=>{const S=typeof n=="boolean"?n:c,I=!!(l||a)?Pm[u]:Hm[u],F=`${sr[u].paddingHorizontal}px`,W=`${sr[u].paddingHorizontal+2}px`,E=`calc(${Sa[u].width} + ${sr[u].paddingHorizontal}px + 4px)`,T=Am[u],A=H=>{if(!h&&!g){const M=H.target.checked;b(M),y(M),x&&x(M)}},P=()=>k(!0),z=()=>k(!1),R={container:{gap:12,display:"flex",height:"fit-content",width:"fit-content",alignItems:"center",cursor:g?"not-allowed":h?"default":"pointer",opacity:g?.6:1,transition:"all 0.2s ease-in-out",...w.label}};return r.jsxs(Jo,{htmlFor:e,onMouseEnter:P,onMouseLeave:z,...R.container,...C,children:[r.jsx(Vm,{id:e,name:o,opacity:0,width:0,height:0,checked:S,onChange:A,disabled:g,readOnly:h,...C}),s==="left"&&t&&r.jsx(i.Text,{fontWeight:"500",color:g?"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:g?Ze.default.disabled:S?m?Ze.states.hover.active:Ze.default.active:m?Ze.states.hover.inactive:Ze.default.inactive,opacity:!g&&S&&m?Ze.states.hover.activeOpacity:1,cursor:"pointer",...ja.slider,...d,...sr[u],...I,...w.slider,children:[l&&S&&r.jsx(i.View,{marginLeft:W,marginRight:E,transition:"all 0.2s ease-in-out",display:"flex",alignItems:"center",justifyContent:"center",height:"100%",width:"100%",overflow:"hidden",fontSize:T,lineHeight:1,color:"color-white",fontWeight:600,children:l}),r.jsx(i.View,{position:"absolute",top:"50%",left:S?void 0:F,right:S?F:void 0,borderRadius:"50%",backgroundColor:Ze.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)"}`,...ja.knob,zIndex:1,...Sa[u],...w.circle}),a&&!S&&r.jsx(i.View,{marginLeft:E,marginRight:W,transition:"all 0.2s ease-in-out",display:"flex",alignItems:"center",justifyContent:"center",height:"100%",width:"100%",overflow:"hidden",fontSize:T,lineHeight:1,color:"color-white",fontWeight:600,children:a})]}),s==="right"&&t&&r.jsx(i.Text,{fontWeight:"500",color:g?"color-gray-400":"inherit",transition:"all 0.2s ease-in-out",children:t})]})},Em=e=>{const o=me("switch",e),t=ol(o);return r.jsx(rl,{...t,...o})},Kt=Em,tl=({placeholder:e,isMulti:o,options:t,id:a=`selector-${Math.random().toString(36).substr(2,9)}`})=>{const n=e?o?[]:"":Array.isArray(t)&&t.length>0?t[0].value:o?[]:"",[l,s]=p.useState(!1),[d,u]=p.useState(!1),[c,m]=p.useState(n),[g,h]=p.useState(0),[f,y]=p.useState(!0);return{id:a,value:c,setValue:m,hide:f,setHide:y,isHovered:l,setIsHovered:s,isFocused:d,setIsFocused:u,highlightedIndex:g,setHighlightedIndex:h}},al=({id:e,name:o,label:t,value:a,views:n={},options:l=[],onChange:s=()=>{},setValue:d=()=>{}})=>{const u=p.useCallback(c=>{d(c.value),s&&s(c.value)},[d,s]);return r.jsxs(Ne,{id:e,width:"100%",views:n,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((c,m,g)=>{const h=a===c.value,f=c.color??"theme-primary",y=h?f:"color-gray-200",x=h?f:"color-gray-500",b=m===0,k=m===g.length-1,j=k||h;return r.jsx(i.View,{as:"button",type:"button",onClick:()=>u(c),flex:1,paddingVertical:6,paddingHorizontal:12,fontSize:"12px",fontWeight:h?"bold":"normal",cursor:"pointer",backgroundColor:"transparent",color:x,borderStyle:"solid",borderColor:y,borderTopWidth:1,borderBottomWidth:1,borderLeftWidth:1,borderRightWidth:j?1:0,borderRadius:b?"6px 0 0 6px":k?"0 6px 6px 0":"0",zIndex:h?1:0,transition:"color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease",...n.item,children:c.label},c.value)})}),r.jsx("input",{type:"hidden",id:e,name:o,value:Array.isArray(a)?a.join(","):a,onChange:()=>{}})]})},Dm=e=>{const o={...e,options:e.options||[]},t=tl(o);return r.jsx(al,{...t,...o,onClick:a=>{a.stopPropagation(),e.onClick&&e.onClick(a)}})},$m=Dm,nl=({label:e,placeholder:o,value:t})=>{const[a,n]=p.useState(e??o),[l,s]=p.useState(!1),[d,u]=p.useState(t||""),[c,m]=p.useState(!1);return p.useMemo(()=>{n(c&&!d?o??"":e??o)},[d,c,e,o]),{hint:a,setHint:n,isHovered:l,setIsHovered:s,value:d,setValue:u,isFocused:c,setIsFocused:m}},Lm=e=>{if(!e)return{};const{container:o,content:t,...a}=e;return a},_m=(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"},ll=({id:e,name:o,hint:t,error:a,value:n,label:l,shadow:s,helperText:d,placeholder:u,size:c="sm",shape:m="default",variant:g="default",isHovered:h=!1,isFocused:f=!1,isEditable:y=!1,isReadOnly:x=!1,isDisabled:b=!1,isAutoFocus:k=!1,isMultiline:j=!1,maxRows:w=3,maxCols:C=30,onBlur:S=()=>{},onChange:v,onFocus:I,setHint:F=()=>{},setValue:W=()=>{},setIsFocused:E=()=>{},setIsHovered:T=()=>{},onChangeText:A,onSubmit:P,isWorkerRunning:z,views:R={label:{},helperText:{}},...H})=>{const M=!!l,D={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=(R==null?void 0:R.field)||{},V=(R==null?void 0:R.container)||{},O=_m(V.borderRadius,m),_={...R,container:{...V,...O!==void 0?{borderRadius:O}:{},overflow:"hidden"}},q=Lm(R),B={margin:0,paddingVertical:0,paddingHorizontal:0,width:"100%",minHeight:D[c].minHeight,maxHeight:"calc(100vh - 100px)",border:"none",on:{focus:{outline:"none"}},fontSize:D[c].fontSize,letterSpacing:"-0.01em",fontWeight:400,color:b?"color-gray-400":"color-gray-900",cursor:b?"not-allowed":"text",opacity:b?.7:1,transition:"color 0.2s ease, opacity 0.2s ease",...L,style:{backgroundColor:"transparent",...L.style}},X=()=>{E(!0),I&&I()},$=K=>{S(K),E(!1)},U=K=>{typeof K=="string"?(W(K),v&&v(K)):(W(K.target.value),v&&v(K.target.value))};return r.jsx(Ne,{helperText:d,error:a,views:q,children:r.jsx(Je,{label:l,size:c,error:a,shape:m,views:_,shadow:s,variant:g,value:n,color:"theme-primary",isHovered:h,isDisabled:b,isReadOnly:x,isFocused:f,showLabel:M,alignItems:"flex-start",minHeight:D[c].minHeight,paddingTop:D[c].shellPaddingY,paddingBottom:D[c].shellPaddingY,paddingLeft:D[c].shellPaddingX,paddingRight:D[c].shellPaddingX,onMouseEnter:()=>T(!0),onMouseLeave:()=>T(!1),..._==null?void 0:_.content,children:r.jsxs(Wo,{...R==null?void 0:R.warper,children:[M&&r.jsx(no,{htmlFor:e,color:"theme-primary",error:a,...R==null?void 0:R.label,children:l}),r.jsx(i.Element,{as:"textarea",id:e,name:o,rows:w,cols:C,value:n,readOnly:x,disabled:b,autoFocus:k,placeholder:u||t,onBlur:$,onFocus:X,onChange:K=>U(K),...B,...H,style:{resize:b||x?"none":"vertical",...B.style,...H.style||{}},...R==null?void 0:R.textarea})]})})})},Bm=e=>{const o=me("textarea",e),t=nl(o);return r.jsx(ll,{...t,...o})},Jt=Bm,Qt=({label:e,placeholder:o,value:t})=>{const[a,n]=p.useState(e??o),[l,s]=p.useState(!1),[d,u]=p.useState(!1),[c,m]=p.useState(t);return p.useMemo(()=>{n(l&&!c?o??"":e??o)},[c,l,e,o]),{hint:a,setHint:n,isFocused:l,setIsFocused:s,isHovered:d,setIsHovered:u,setValue:m,value:c}},Qo=({id:e,name:o,label:t,hint:a,value:n,onChange:l,left:s,right:d,helperText:u,placeholder:c,onChangeText:m,shadow:g={},views:h={container:{},field:{},label:{},helperText:{},text:{}},size:f="md",shape:y="default",variant:x="default",error:b=!1,isFocused:k=!1,isHovered:j=!1,isDisabled:w=!1,isReadOnly:C=!1,isClearable:S=!0,isAutoFocus:v=!1,setHint:I=()=>{},setIsFocused:F=()=>{},setIsHovered:W=()=>{},setValue:E=()=>{},onClick:T=()=>{},onFocus:A,onBlur:P=()=>{},themeMode:z,...R})=>{const{getColor:H,themeMode:M}=i.useTheme(),D=H(w?"color-gray-400":"color-gray-500",{themeMode:z||M}),L=!!t,V={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"}},O=(h==null?void 0:h.field)||{},_="0 0 0 1000px var(--theme-canvas) inset",q={margin:0,paddingVertical:0,paddingHorizontal:0,width:"100%",minHeight:"auto",border:"none",backgroundColor:"transparent",fontSize:V[f].fontSize,letterSpacing:"-0.01em",fontWeight:400,color:w?"color-gray-400":"color-gray-900",cursor:w?"not-allowed":"text",opacity:w?.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:_,WebkitBoxShadow:_,WebkitTextFillColor:"var(--theme-text)",transition:"background-color 5000s ease-in-out 0s"},_webkitContactsAutoFillButton:{visibility:"hidden",pointerEvents:"none",position:"absolute",right:0},...O},B=()=>{F(!0),A&&A()},X=()=>W(!0),$=()=>W(!1),U=re=>{P&&P(re),F(!1)},K=re=>{typeof re=="string"?(E(re),m&&m(re),l&&l(re)):(E(re.target.value),m&&m(re.target.value),l&&l(re.target.value))},ee=()=>{E(""),l&&(P({target:{name:o}}),m&&m(""),l&&l("")),typeof document>"u"&&m&&m("")},{container:J,content:oe,...ne}=h||{};return r.jsx(Ne,{helperText:u,error:b,views:ne,children:r.jsxs(Je,{label:t,size:f,error:b,shape:y,views:h,shadow:g,variant:x,value:n,color:"theme-primary",isHovered:j,isDisabled:w,isReadOnly:C,isFocused:k,showLabel:L,minHeight:`${V[f].minHeight}px`,paddingTop:V[f].shellPaddingY,paddingBottom:V[f].shellPaddingY,paddingLeft:V[f].shellPaddingX,paddingRight:V[f].shellPaddingX,onMouseEnter:X,onMouseLeave:$,children:[s,r.jsxs(Wo,{children:[L&&r.jsx(no,{htmlFor:e,color:"theme-primary",error:b,...h==null?void 0:h.label,children:t}),r.jsx(i.Input,{type:"text",id:e,name:o,readOnly:C,disabled:w,autoFocus:v,placeholder:c||a,onFocus:B,onBlur:U,autoComplete:"off",...q,...R,onChange:K,value:n})]}),S&&n&&!C&&!w&&r.jsx(Xt,{children:r.jsx(Te,{size:20,color:D,onClick:ee,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]})})},Om=e=>{const o=me("input",e),t=Qt(o);return r.jsx(Qo,{...t,...o})},ve=Om,il=({defaultIsSelected:e=!1})=>{const[o,t]=p.useState(!1),[a,n]=p.useState(e);return{isHovered:o,setIsHovered:t,isSelected:a,setIsSelected:n}},Nm={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"}},wa={xs:10,sm:14,md:16,lg:20,xl:24},qm={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"}},Qr={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"}}},sl=({id:e,icon:o,name:t,label:a,isChecked:n,onChange:l,onValueChange:s,shadow:d={},labelPosition:u="right",size:c="md",error:m=!1,isSelected:g=!1,isHovered:h=!1,isDisabled:f=!1,isReadOnly:y=!1,isIndeterminate:x=!1,defaultIsSelected:b=!1,setIsSelected:k=()=>{},setIsHovered:j=()=>{},setIsChecked:w,views:C={checkbox:{},label:{}},infoText:S,helperText:v,...I})=>{const F=()=>j(!h),W=()=>{!y&&!f&&(k&&k(!g),l&&l(!n),s&&s(!n))},E=x?"indeterminate":n||g?"selected":"unselected",T=m?Qr.error[E]:f?Qr.disabled[E]:h?Qr.hover[E]:{},A={container:{gap:8,display:"flex",height:"fit-content",flexDirection:"column",width:"fit-content",color:m?"color-red-600":f?"color-gray-400":"inherit",cursor:f?"not-allowed":y?"default":"pointer",opacity:f?.6:1,transition:"all 0.2s ease-in-out",...C.label},checkbox:{...qm[E],...T,borderRadius:6,...Nm[c],transition:"all 0.2s ease-in-out",...d,...C.checkbox}};return r.jsxs(Jo,{htmlFor:e,as:"div",onClick:W,onMouseEnter:F,onMouseLeave:F,size:i.Typography.fontSizes[c],...A.container,...I,children:[r.jsxs(i.Vertical,{gap:8,children:[" ",r.jsxs(i.Horizontal,{gap:12,alignItems:"center",children:[" ",u==="left"&&a&&r.jsx(i.Text,{size:c,fontWeight:"500",...C==null?void 0:C.label,children:a}),r.jsx(i.Center,{...A.checkbox,children:x?r.jsx(Cn,{widthHeight:wa[c],color:"color-white",transition:"opacity 0.2s ease"}):(n||g)&&(o??r.jsx(Pr,{widthHeight:wa[c],color:"color-white",transition:"opacity 0.2s ease"}))}),u==="right"&&a&&r.jsx(i.Text,{size:c,fontWeight:"500",...C==null?void 0:C.label,children:a})]}),S&&r.jsx(i.Text,{marginLeft:u==="left"?0:36,color:"color-gray-500",size:"sm",fontWeight:"400",lineHeight:"20px",...C==null?void 0:C.infoText,children:S})]}),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})]})},Um=e=>{const o=me("checkbox",e),t=il(o);return r.jsx(sl,{...t,...o})},Zt=Um,cl=e=>{const{value:o,defaultValue:t="",onChange:a,onChangeComplete:n,onOpen:l,onClose:s,closeOnSelect:d=!0,maxRecentColors:u=8,showRecentColors:c=!0,isAutoFocus:m=!1}=e,[g,h]=p.useState(!1),[f,y]=p.useState(o??t),[x,b]=p.useState(""),[k,j]=p.useState([]),[w,C]=p.useState(!1),[S,v]=p.useState(!1),I=p.useRef(null),F=p.useRef(null);p.useEffect(()=>{o!==void 0&&y(o)},[o]),p.useEffect(()=>{if(c)try{const H=localStorage.getItem("colorInput-recentColors");H&&j(JSON.parse(H))}catch(H){console.warn("Failed to load recent colors from localStorage:",H)}},[c]),p.useEffect(()=>{m&&I.current&&I.current.focus()},[m]),p.useEffect(()=>{const H=M=>{g&&I.current&&F.current&&!I.current.contains(M.target)&&!F.current.contains(M.target)&&z()};return document.addEventListener("mousedown",H),()=>document.removeEventListener("mousedown",H)},[g]);const W=p.useCallback(H=>{c&&j(M=>{const D=M.filter(V=>V!==H),L=[H,...D].slice(0,u);try{localStorage.setItem("colorInput-recentColors",JSON.stringify(L))}catch(V){console.warn("Failed to save recent colors to localStorage:",V)}return L})},[c,u]),E=p.useCallback(()=>{const H=!g;h(H),H?l==null||l():s==null||s()},[g,l,s]),T=p.useCallback(H=>{y(H),W(H),a==null||a(H),n==null||n(H),d&&(h(!1),s==null||s())},[a,n,d,s,W]),A=p.useCallback(H=>{b(H)},[]),P=p.useCallback(()=>{x&&(T(x),b(""))},[x,T]),z=p.useCallback(()=>{h(!1),s==null||s()},[s]),R=p.useCallback(H=>{y(H),a==null||a(H)},[a]);return{isOpen:g,selectedColor:f,recentColors:k,customColor:x,isFocused:w,isHovered:S,handleToggle:E,handleColorSelect:T,handleCustomColorChange:A,handleCustomColorSubmit:P,handleClose:z,setIsFocused:C,setIsHovered:v,setValue:R,triggerRef:I,dropdownRef:F}},Vo={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"}},Gm={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"}},Ym={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},Xm={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"}},Km=[{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"}],dl=({id:e,name:o,label:t,placeholder:a="Select a color",helperText:n,views:l={},size:s="md",shape:d="default",variant:u="default",shadow:c,error:m=!1,isDisabled:g=!1,isReadOnly:h=!1,isFocused:f=!1,isHovered:y=!1,predefinedColors:x=Km,showCustomInput:b=!0,showRecentColors:k=!0,isOpen:j=!1,selectedColor:w="",recentColors:C=[],customColor:S="",handleToggle:v=()=>{},handleColorSelect:I=()=>{},handleCustomColorChange:F=()=>{},handleCustomColorSubmit:W=()=>{},handleClose:E,setIsFocused:T=()=>{},setIsHovered:A=()=>{},setValue:P,triggerRef:z,dropdownRef:R,onChange:H,onChangeComplete:M,onOpen:D,onClose:L,colorFormat:V,maxRecentColors:O,closeOnSelect:_,value:q,defaultValue:B,...X})=>{const{getColor:$}=i.useTheme(),U={...Vo.container,...l==null?void 0:l.container},K={...Vo.trigger,...Gm[s],...Ym[d],...Xm[u],...m&&{borderColor:"color-red-500"},...g&&{opacity:.6,cursor:"not-allowed"},...f&&{borderColor:"theme-primary",boxShadow:"0 0 0 2px rgba(255, 255, 255, 1), 0 0 0 4px rgba(29, 78, 216, 0.16)"},...y&&!g&&{borderColor:"color-gray-400"},...l==null?void 0:l.trigger,...c&&c},ee={...Vo.dropdown,...l==null?void 0:l.dropdown},J={...Vo.colorGrid,...l==null?void 0:l.colorGrid},oe={...Vo.recentColors,...l==null?void 0:l.recentColors},ne=w||"color-gray-200";return r.jsxs(i.View,{...U,...X,children:[t&&r.jsx(Jo,{htmlFor:e,size:s,isDisabled:g,error:m,views:l==null?void 0:l.label,children:t}),r.jsxs(i.View,{ref:z,onClick:g||h?void 0:v,onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1),onFocus:()=>T(!0),onBlur:()=>T(!1),tabIndex:g?-1:0,role:"button","aria-expanded":j,"aria-haspopup":"listbox","aria-label":t||a,width:"fit-content",gap:8,...K,children:[r.jsx(i.View,{width:"20px",height:"20px",borderRadius:"4px",backgroundColor:ne,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-300"}),!h&&!g&&r.jsx(se,{widthHeight:16,color:"color-gray-500",orientation:j?"up":"down"})]}),j&&r.jsxs(i.View,{ref:R,...ee,children:[r.jsx(i.View,{...J,children:x.map((re,G)=>r.jsx(i.View,{width:"24px",height:"24px",borderRadius:"8px",backgroundColor:re.value,borderWidth:"2px",borderStyle:"solid",borderColor:w===re.value?"theme-primary":"transparent",cursor:"pointer",transition:"transform 0.2s ease, border-color 0.2s ease",onClick:()=>I(re.value),title:re.name,_hover:{transform:"scale(1.05)",borderColor:"color-gray-400"},...l==null?void 0:l.colorSwatch},G))}),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",...oe,children:C.map((re,G)=>r.jsx(i.View,{width:"20px",height:"20px",borderRadius:"8px",backgroundColor:re,borderWidth:"1px",borderStyle:"solid",borderColor:w===re?"theme-primary":"color-gray-300",cursor:"pointer",transition:"transform 0.2s ease, border-color 0.2s ease",onClick:()=>I(re),title:re,_hover:{transform:"scale(1.05)",borderColor:"color-gray-400"}},G))})]}),b&&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(ve,{value:S,onChange:re=>F(re.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:W,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"})})]})]})]}),n&&r.jsx(i.Text,{fontSize:"12px",color:m?"color-red-500":"color-gray-600",marginTop:"4px",...l==null?void 0:l.helperText,children:n}),m&&typeof m=="string"&&r.jsx(i.Text,{fontSize:"12px",color:"color-red-500",marginTop:"4px",...l==null?void 0:l.error,children:m})]})},Jm=e=>{const o=cl(e);return r.jsx(dl,{...o,...e})},Qm=Jm,ft=[{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"}],ul=({placeholder:e})=>{const[o,t]=p.useState(ft),[a,n]=p.useState(e??ft[0].name),[l,s]=p.useState(!0),[d,u]=p.useState(!1),[c,m]=p.useState(!1);return{hide:l,setHide:s,newOptions:o,setNewOptions:t,isHovered:c,setIsHovered:m,isFocused:d,setIsFocused:u,value:a,setValue:n}},va={xs:8,sm:10,md:12,lg:14,xl:16},Zm=({size:e,...o})=>r.jsx(i.Element,{as:"ul",...o}),e0=e=>r.jsx(i.Input,{type:"country",...e}),o0=({size:e,...o})=>r.jsx(i.Element,{as:"li",...o}),r0=({option:e,size:o="md",callback:t=()=>{},views:a={text:{}}})=>{const n=l=>{l&&l.stopPropagation&&l.stopPropagation(),t(e)};return r.jsx(o0,{margin:0,role:"DropDownItem",listStyleType:"none",fontWeight:"normal",paddingVertical:6,paddingHorizontal:12,onClick:n,fontSize:i.Typography.fontSizes[o],_hover:{backgroundColor:"color-gray-100",transition:"all 0.15s ease-in-out"},...a.text,children:e})},t0=({size:e,views:o={dropDown:{}},options:t=[],callback:a=()=>{}})=>{const n=l=>a(l);return r.jsx(Zm,{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(r0,{size:e,option:l.name,callback:n,...o.text},l.code))})},pl=({id:e,name:o,label:t,value:a,placeholder:n,helperText:l,hide:s=!1,error:d=!1,isHovered:u=!1,isFocused:c=!1,isAutoFocus:m=!1,isDisabled:g=!1,isReadOnly:h=!1,shadow:f={},newOptions:y=[],size:x="md",variant:b="default",shape:k="default",onChange:j,onBlur:w=()=>{},setHide:C=()=>{},setNewOptions:S=()=>{},setIsHovered:v=()=>{},setIsFocused:I=()=>{},setValue:F=()=>{},selected:W,setSelected:E,views:T={text:{},icon:{},label:{},dropDown:{},helperText:{}},themeMode:A,...P})=>{const{getColor:z,themeMode:R}=i.useTheme(),H=z("color-gray-500",{themeMode:A||R}),M=()=>I(!0),D=B=>{C(!s),F(B),j&&j(B)},L=()=>{!g&&!h&&C(!s)},V=B=>{const X=B.target.value,$=ft.filter(U=>U.name.toLowerCase().startsWith(X.toLowerCase()));s&&C(!1),S($),j&&j(X)},O=B=>{w(B),I(!1)},_=!!(t&&(c||a)),q={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:g?"color-gray-400":"color-gray-900",cursor:g?"not-allowed":h?"auto":"pointer",...T.field};return r.jsxs(Ne,{helperText:l,error:d,views:T,onClick:L,children:[r.jsxs(Je,{label:t,size:x,error:d,shape:k,views:T,shadow:f,variant:b,value:a,color:"theme-primary",isDisabled:g,isReadOnly:h,isFocused:c,showLabel:_,_hover:!g&&!d?{borderColor:"theme-primary"}:void 0,children:[r.jsxs(Wo,{children:[_&&r.jsx(no,{htmlFor:e,color:"theme-primary",error:d,views:T,children:t}),r.jsx(e0,{id:e,name:o,placeholder:n,readOnly:h,disabled:g,autoFocus:m,onBlur:O,onFocus:M,...q,...P,value:a,onChange:V})]}),r.jsx(Xt,{children:s?r.jsx(se,{orientation:"down",widthHeight:va[x],color:H,style:T.icon}):r.jsx(se,{orientation:"up",widthHeight:va[x],color:H,style:T.icon})})]}),!s&&r.jsx(t0,{size:x,views:T,options:y,callback:D})]})},a0=e=>{const o=ul(e);return r.jsx(pl,{...o,...e})},n0=a0;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 je(e,o){if(o.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+o.length+" present")}function l0(e){return je(1,arguments),e instanceof Date||Tr(e)==="object"&&Object.prototype.toString.call(e)==="[object Date]"}function De(e){je(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 i0(e){if(je(1,arguments),!l0(e)&&typeof e!="number")return!1;var o=De(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 s0(e,o){je(2,arguments);var t=De(e).getTime(),a=ao(o);return new Date(t+a)}function c0(e,o){je(2,arguments);var t=ao(o);return s0(e,-t)}var d0=864e5;function u0(e){je(1,arguments);var o=De(e),t=o.getTime();o.setUTCMonth(0,1),o.setUTCHours(0,0,0,0);var a=o.getTime(),n=t-a;return Math.floor(n/d0)+1}function Ir(e){je(1,arguments);var o=1,t=De(e),a=t.getUTCDay(),n=(a<o?7:0)+a-o;return t.setUTCDate(t.getUTCDate()-n),t.setUTCHours(0,0,0,0),t}function ml(e){je(1,arguments);var o=De(e),t=o.getUTCFullYear(),a=new Date(0);a.setUTCFullYear(t+1,0,4),a.setUTCHours(0,0,0,0);var n=Ir(a),l=new Date(0);l.setUTCFullYear(t,0,4),l.setUTCHours(0,0,0,0);var s=Ir(l);return o.getTime()>=n.getTime()?t+1:o.getTime()>=s.getTime()?t:t-1}function p0(e){je(1,arguments);var o=ml(e),t=new Date(0);t.setUTCFullYear(o,0,4),t.setUTCHours(0,0,0,0);var a=Ir(t);return a}var m0=6048e5;function g0(e){je(1,arguments);var o=De(e),t=Ir(o).getTime()-p0(o).getTime();return Math.round(t/m0)+1}var h0={};function Lr(){return h0}function Fr(e,o){var t,a,n,l,s,d,u,c;je(1,arguments);var m=Lr(),g=ao((t=(a=(n=(l=o==null?void 0:o.weekStartsOn)!==null&&l!==void 0?l:o==null||(s=o.locale)===null||s===void 0||(d=s.options)===null||d===void 0?void 0:d.weekStartsOn)!==null&&n!==void 0?n:m.weekStartsOn)!==null&&a!==void 0?a:(u=m.locale)===null||u===void 0||(c=u.options)===null||c===void 0?void 0:c.weekStartsOn)!==null&&t!==void 0?t:0);if(!(g>=0&&g<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var h=De(e),f=h.getUTCDay(),y=(f<g?7:0)+f-g;return h.setUTCDate(h.getUTCDate()-y),h.setUTCHours(0,0,0,0),h}function gl(e,o){var t,a,n,l,s,d,u,c;je(1,arguments);var m=De(e),g=m.getUTCFullYear(),h=Lr(),f=ao((t=(a=(n=(l=o==null?void 0:o.firstWeekContainsDate)!==null&&l!==void 0?l:o==null||(s=o.locale)===null||s===void 0||(d=s.options)===null||d===void 0?void 0:d.firstWeekContainsDate)!==null&&n!==void 0?n:h.firstWeekContainsDate)!==null&&a!==void 0?a:(u=h.locale)===null||u===void 0||(c=u.options)===null||c===void 0?void 0:c.firstWeekContainsDate)!==null&&t!==void 0?t:1);if(!(f>=1&&f<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var y=new Date(0);y.setUTCFullYear(g+1,0,f),y.setUTCHours(0,0,0,0);var x=Fr(y,o),b=new Date(0);b.setUTCFullYear(g,0,f),b.setUTCHours(0,0,0,0);var k=Fr(b,o);return m.getTime()>=x.getTime()?g+1:m.getTime()>=k.getTime()?g:g-1}function f0(e,o){var t,a,n,l,s,d,u,c;je(1,arguments);var m=Lr(),g=ao((t=(a=(n=(l=o==null?void 0:o.firstWeekContainsDate)!==null&&l!==void 0?l:o==null||(s=o.locale)===null||s===void 0||(d=s.options)===null||d===void 0?void 0:d.firstWeekContainsDate)!==null&&n!==void 0?n:m.firstWeekContainsDate)!==null&&a!==void 0?a:(u=m.locale)===null||u===void 0||(c=u.options)===null||c===void 0?void 0:c.firstWeekContainsDate)!==null&&t!==void 0?t:1),h=gl(e,o),f=new Date(0);f.setUTCFullYear(h,0,g),f.setUTCHours(0,0,0,0);var y=Fr(f,o);return y}var y0=6048e5;function x0(e,o){je(1,arguments);var t=De(e),a=Fr(t,o).getTime()-f0(t,o).getTime();return Math.round(a/y0)+1}function ae(e,o){for(var t=e<0?"-":"",a=Math.abs(e).toString();a.length<o;)a="0"+a;return t+a}var qe={y:function(o,t){var a=o.getUTCFullYear(),n=a>0?a:1-a;return ae(t==="yy"?n%100:n,t.length)},M:function(o,t){var a=o.getUTCMonth();return t==="M"?String(a+1):ae(a+1,2)},d:function(o,t){return ae(o.getUTCDate(),t.length)},a:function(o,t){var a=o.getUTCHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return a.toUpperCase();case"aaa":return a;case"aaaaa":return a[0];case"aaaa":default:return a==="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 a=t.length,n=o.getUTCMilliseconds(),l=Math.floor(n*Math.pow(10,a-3));return ae(l,t.length)}},mo={midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},b0={G:function(o,t,a){var n=o.getUTCFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return a.era(n,{width:"abbreviated"});case"GGGGG":return a.era(n,{width:"narrow"});case"GGGG":default:return a.era(n,{width:"wide"})}},y:function(o,t,a){if(t==="yo"){var n=o.getUTCFullYear(),l=n>0?n:1-n;return a.ordinalNumber(l,{unit:"year"})}return qe.y(o,t)},Y:function(o,t,a,n){var l=gl(o,n),s=l>0?l:1-l;if(t==="YY"){var d=s%100;return ae(d,2)}return t==="Yo"?a.ordinalNumber(s,{unit:"year"}):ae(s,t.length)},R:function(o,t){var a=ml(o);return ae(a,t.length)},u:function(o,t){var a=o.getUTCFullYear();return ae(a,t.length)},Q:function(o,t,a){var n=Math.ceil((o.getUTCMonth()+1)/3);switch(t){case"Q":return String(n);case"QQ":return ae(n,2);case"Qo":return a.ordinalNumber(n,{unit:"quarter"});case"QQQ":return a.quarter(n,{width:"abbreviated",context:"formatting"});case"QQQQQ":return a.quarter(n,{width:"narrow",context:"formatting"});case"QQQQ":default:return a.quarter(n,{width:"wide",context:"formatting"})}},q:function(o,t,a){var n=Math.ceil((o.getUTCMonth()+1)/3);switch(t){case"q":return String(n);case"qq":return ae(n,2);case"qo":return a.ordinalNumber(n,{unit:"quarter"});case"qqq":return a.quarter(n,{width:"abbreviated",context:"standalone"});case"qqqqq":return a.quarter(n,{width:"narrow",context:"standalone"});case"qqqq":default:return a.quarter(n,{width:"wide",context:"standalone"})}},M:function(o,t,a){var n=o.getUTCMonth();switch(t){case"M":case"MM":return qe.M(o,t);case"Mo":return a.ordinalNumber(n+1,{unit:"month"});case"MMM":return a.month(n,{width:"abbreviated",context:"formatting"});case"MMMMM":return a.month(n,{width:"narrow",context:"formatting"});case"MMMM":default:return a.month(n,{width:"wide",context:"formatting"})}},L:function(o,t,a){var n=o.getUTCMonth();switch(t){case"L":return String(n+1);case"LL":return ae(n+1,2);case"Lo":return a.ordinalNumber(n+1,{unit:"month"});case"LLL":return a.month(n,{width:"abbreviated",context:"standalone"});case"LLLLL":return a.month(n,{width:"narrow",context:"standalone"});case"LLLL":default:return a.month(n,{width:"wide",context:"standalone"})}},w:function(o,t,a,n){var l=x0(o,n);return t==="wo"?a.ordinalNumber(l,{unit:"week"}):ae(l,t.length)},I:function(o,t,a){var n=g0(o);return t==="Io"?a.ordinalNumber(n,{unit:"week"}):ae(n,t.length)},d:function(o,t,a){return t==="do"?a.ordinalNumber(o.getUTCDate(),{unit:"date"}):qe.d(o,t)},D:function(o,t,a){var n=u0(o);return t==="Do"?a.ordinalNumber(n,{unit:"dayOfYear"}):ae(n,t.length)},E:function(o,t,a){var n=o.getUTCDay();switch(t){case"E":case"EE":case"EEE":return a.day(n,{width:"abbreviated",context:"formatting"});case"EEEEE":return a.day(n,{width:"narrow",context:"formatting"});case"EEEEEE":return a.day(n,{width:"short",context:"formatting"});case"EEEE":default:return a.day(n,{width:"wide",context:"formatting"})}},e:function(o,t,a,n){var l=o.getUTCDay(),s=(l-n.weekStartsOn+8)%7||7;switch(t){case"e":return String(s);case"ee":return ae(s,2);case"eo":return a.ordinalNumber(s,{unit:"day"});case"eee":return a.day(l,{width:"abbreviated",context:"formatting"});case"eeeee":return a.day(l,{width:"narrow",context:"formatting"});case"eeeeee":return a.day(l,{width:"short",context:"formatting"});case"eeee":default:return a.day(l,{width:"wide",context:"formatting"})}},c:function(o,t,a,n){var l=o.getUTCDay(),s=(l-n.weekStartsOn+8)%7||7;switch(t){case"c":return String(s);case"cc":return ae(s,t.length);case"co":return a.ordinalNumber(s,{unit:"day"});case"ccc":return a.day(l,{width:"abbreviated",context:"standalone"});case"ccccc":return a.day(l,{width:"narrow",context:"standalone"});case"cccccc":return a.day(l,{width:"short",context:"standalone"});case"cccc":default:return a.day(l,{width:"wide",context:"standalone"})}},i:function(o,t,a){var n=o.getUTCDay(),l=n===0?7:n;switch(t){case"i":return String(l);case"ii":return ae(l,t.length);case"io":return a.ordinalNumber(l,{unit:"day"});case"iii":return a.day(n,{width:"abbreviated",context:"formatting"});case"iiiii":return a.day(n,{width:"narrow",context:"formatting"});case"iiiiii":return a.day(n,{width:"short",context:"formatting"});case"iiii":default:return a.day(n,{width:"wide",context:"formatting"})}},a:function(o,t,a){var n=o.getUTCHours(),l=n/12>=1?"pm":"am";switch(t){case"a":case"aa":return a.dayPeriod(l,{width:"abbreviated",context:"formatting"});case"aaa":return a.dayPeriod(l,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return a.dayPeriod(l,{width:"narrow",context:"formatting"});case"aaaa":default:return a.dayPeriod(l,{width:"wide",context:"formatting"})}},b:function(o,t,a){var n=o.getUTCHours(),l;switch(n===12?l=mo.noon:n===0?l=mo.midnight:l=n/12>=1?"pm":"am",t){case"b":case"bb":return a.dayPeriod(l,{width:"abbreviated",context:"formatting"});case"bbb":return a.dayPeriod(l,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return a.dayPeriod(l,{width:"narrow",context:"formatting"});case"bbbb":default:return a.dayPeriod(l,{width:"wide",context:"formatting"})}},B:function(o,t,a){var n=o.getUTCHours(),l;switch(n>=17?l=mo.evening:n>=12?l=mo.afternoon:n>=4?l=mo.morning:l=mo.night,t){case"B":case"BB":case"BBB":return a.dayPeriod(l,{width:"abbreviated",context:"formatting"});case"BBBBB":return a.dayPeriod(l,{width:"narrow",context:"formatting"});case"BBBB":default:return a.dayPeriod(l,{width:"wide",context:"formatting"})}},h:function(o,t,a){if(t==="ho"){var n=o.getUTCHours()%12;return n===0&&(n=12),a.ordinalNumber(n,{unit:"hour"})}return qe.h(o,t)},H:function(o,t,a){return t==="Ho"?a.ordinalNumber(o.getUTCHours(),{unit:"hour"}):qe.H(o,t)},K:function(o,t,a){var n=o.getUTCHours()%12;return t==="Ko"?a.ordinalNumber(n,{unit:"hour"}):ae(n,t.length)},k:function(o,t,a){var n=o.getUTCHours();return n===0&&(n=24),t==="ko"?a.ordinalNumber(n,{unit:"hour"}):ae(n,t.length)},m:function(o,t,a){return t==="mo"?a.ordinalNumber(o.getUTCMinutes(),{unit:"minute"}):qe.m(o,t)},s:function(o,t,a){return t==="so"?a.ordinalNumber(o.getUTCSeconds(),{unit:"second"}):qe.s(o,t)},S:function(o,t){return qe.S(o,t)},X:function(o,t,a,n){var l=n._originalDate||o,s=l.getTimezoneOffset();if(s===0)return"Z";switch(t){case"X":return Ia(s);case"XXXX":case"XX":return oo(s);case"XXXXX":case"XXX":default:return oo(s,":")}},x:function(o,t,a,n){var l=n._originalDate||o,s=l.getTimezoneOffset();switch(t){case"x":return Ia(s);case"xxxx":case"xx":return oo(s);case"xxxxx":case"xxx":default:return oo(s,":")}},O:function(o,t,a,n){var l=n._originalDate||o,s=l.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+Ta(s,":");case"OOOO":default:return"GMT"+oo(s,":")}},z:function(o,t,a,n){var l=n._originalDate||o,s=l.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+Ta(s,":");case"zzzz":default:return"GMT"+oo(s,":")}},t:function(o,t,a,n){var l=n._originalDate||o,s=Math.floor(l.getTime()/1e3);return ae(s,t.length)},T:function(o,t,a,n){var l=n._originalDate||o,s=l.getTime();return ae(s,t.length)}};function Ta(e,o){var t=e>0?"-":"+",a=Math.abs(e),n=Math.floor(a/60),l=a%60;if(l===0)return t+String(n);var s=o;return t+String(n)+s+ae(l,2)}function Ia(e,o){if(e%60===0){var t=e>0?"-":"+";return t+ae(Math.abs(e)/60,2)}return oo(e,o)}function oo(e,o){var t=o||"",a=e>0?"-":"+",n=Math.abs(e),l=ae(Math.floor(n/60),2),s=ae(n%60,2);return a+l+t+s}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"})}},hl=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"})}},k0=function(o,t){var a=o.match(/(P+)(p+)?/)||[],n=a[1],l=a[2];if(!l)return Fa(o,t);var s;switch(n){case"P":s=t.dateTime({width:"short"});break;case"PP":s=t.dateTime({width:"medium"});break;case"PPP":s=t.dateTime({width:"long"});break;case"PPPP":default:s=t.dateTime({width:"full"});break}return s.replace("{{date}}",Fa(n,t)).replace("{{time}}",hl(l,t))},C0={p:hl,P:k0};function S0(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 j0=["D","DD"],w0=["YY","YYYY"];function v0(e){return j0.indexOf(e)!==-1}function T0(e){return w0.indexOf(e)!==-1}function Ra(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 I0={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"}},F0=function(o,t,a){var n,l=I0[o];return typeof l=="string"?n=l:t===1?n=l.one:n=l.other.replace("{{count}}",t.toString()),a!=null&&a.addSuffix?a.comparison&&a.comparison>0?"in "+n:n+" ago":n};function Zr(e){return function(){var o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t=o.width?String(o.width):e.defaultWidth,a=e.formats[t]||e.formats[e.defaultWidth];return a}}var R0={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},z0={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},M0={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},W0={date:Zr({formats:R0,defaultWidth:"full"}),time:Zr({formats:z0,defaultWidth:"full"}),dateTime:Zr({formats:M0,defaultWidth:"full"})},H0={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},P0=function(o,t,a,n){return H0[o]};function Eo(e){return function(o,t){var a=t!=null&&t.context?String(t.context):"standalone",n;if(a==="formatting"&&e.formattingValues){var l=e.defaultFormattingWidth||e.defaultWidth,s=t!=null&&t.width?String(t.width):l;n=e.formattingValues[s]||e.formattingValues[l]}else{var d=e.defaultWidth,u=t!=null&&t.width?String(t.width):e.defaultWidth;n=e.values[u]||e.values[d]}var c=e.argumentCallback?e.argumentCallback(o):o;return n[c]}}var A0={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},V0={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},E0={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"]},D0={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"]},$0={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"}},L0={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"}},_0=function(o,t){var a=Number(o),n=a%100;if(n>20||n<10)switch(n%10){case 1:return a+"st";case 2:return a+"nd";case 3:return a+"rd"}return a+"th"},B0={ordinalNumber:_0,era:Eo({values:A0,defaultWidth:"wide"}),quarter:Eo({values:V0,defaultWidth:"wide",argumentCallback:function(o){return o-1}}),month:Eo({values:E0,defaultWidth:"wide"}),day:Eo({values:D0,defaultWidth:"wide"}),dayPeriod:Eo({values:$0,defaultWidth:"wide",formattingValues:L0,defaultFormattingWidth:"wide"})};function Do(e){return function(o){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},a=t.width,n=a&&e.matchPatterns[a]||e.matchPatterns[e.defaultMatchWidth],l=o.match(n);if(!l)return null;var s=l[0],d=a&&e.parsePatterns[a]||e.parsePatterns[e.defaultParseWidth],u=Array.isArray(d)?N0(d,function(g){return g.test(s)}):O0(d,function(g){return g.test(s)}),c;c=e.valueCallback?e.valueCallback(u):u,c=t.valueCallback?t.valueCallback(c):c;var m=o.slice(s.length);return{value:c,rest:m}}}function O0(e,o){for(var t in e)if(e.hasOwnProperty(t)&&o(e[t]))return t}function N0(e,o){for(var t=0;t<e.length;t++)if(o(e[t]))return t}function q0(e){return function(o){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},a=o.match(e.matchPattern);if(!a)return null;var n=a[0],l=o.match(e.parsePattern);if(!l)return null;var s=e.valueCallback?e.valueCallback(l[0]):l[0];s=t.valueCallback?t.valueCallback(s):s;var d=o.slice(n.length);return{value:s,rest:d}}}var U0=/^(\d+)(th|st|nd|rd)?/i,G0=/\d+/i,Y0={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},X0={any:[/^b/i,/^(a|c)/i]},K0={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},J0={any:[/1/i,/2/i,/3/i,/4/i]},Q0={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},Z0={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]},eg={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},og={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]},rg={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},tg={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}},ag={ordinalNumber:q0({matchPattern:U0,parsePattern:G0,valueCallback:function(o){return parseInt(o,10)}}),era:Do({matchPatterns:Y0,defaultMatchWidth:"wide",parsePatterns:X0,defaultParseWidth:"any"}),quarter:Do({matchPatterns:K0,defaultMatchWidth:"wide",parsePatterns:J0,defaultParseWidth:"any",valueCallback:function(o){return o+1}}),month:Do({matchPatterns:Q0,defaultMatchWidth:"wide",parsePatterns:Z0,defaultParseWidth:"any"}),day:Do({matchPatterns:eg,defaultMatchWidth:"wide",parsePatterns:og,defaultParseWidth:"any"}),dayPeriod:Do({matchPatterns:rg,defaultMatchWidth:"any",parsePatterns:tg,defaultParseWidth:"any"})},ng={code:"en-US",formatDistance:F0,formatLong:W0,formatRelative:P0,localize:B0,match:ag,options:{weekStartsOn:0,firstWeekContainsDate:1}},lg=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,ig=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,sg=/^'([^]*?)'?$/,cg=/''/g,dg=/[a-zA-Z]/;function ug(e,o,t){var a,n,l,s,d,u,c,m,g,h,f,y,x,b;je(2,arguments);var k=String(o),j=Lr(),w=(a=(n=void 0)!==null&&n!==void 0?n:j.locale)!==null&&a!==void 0?a:ng,C=ao((l=(s=(d=(u=void 0)!==null&&u!==void 0?u:void 0)!==null&&d!==void 0?d:j.firstWeekContainsDate)!==null&&s!==void 0?s:(c=j.locale)===null||c===void 0||(m=c.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 S=ao((g=(h=(f=(y=void 0)!==null&&y!==void 0?y:void 0)!==null&&f!==void 0?f:j.weekStartsOn)!==null&&h!==void 0?h:(x=j.locale)===null||x===void 0||(b=x.options)===null||b===void 0?void 0:b.weekStartsOn)!==null&&g!==void 0?g:0);if(!(S>=0&&S<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!w.localize)throw new RangeError("locale must contain localize property");if(!w.formatLong)throw new RangeError("locale must contain formatLong property");var v=De(e);if(!i0(v))throw new RangeError("Invalid time value");var I=S0(v),F=c0(v,I),W={firstWeekContainsDate:C,weekStartsOn:S,locale:w,_originalDate:v},E=k.match(ig).map(function(T){var A=T[0];if(A==="p"||A==="P"){var P=C0[A];return P(T,w.formatLong)}return T}).join("").match(lg).map(function(T){if(T==="''")return"'";var A=T[0];if(A==="'")return pg(T);var P=b0[A];if(P)return T0(T)&&Ra(T,o,String(e)),v0(T)&&Ra(T,o,String(e)),P(F,T,w.localize,W);if(A.match(dg))throw new RangeError("Format string contains an unescaped latin alphabet character `"+A+"`");return T}).join("");return E}function pg(e){var o=e.match(sg);return o?o[1].replace(cg,"'"):e}const fl=()=>{const[e,o]=p.useState(!1),[t,a]=p.useState(!1),[n,l]=p.useState(ug(new Date,"yyyy-MM-dd"));return{date:n,setDate:l,isHovered:e,setIsHovered:o,isFocused:t,setIsFocused:a}},mg=e=>r.jsx(i.Input,{type:"date",...e}),yl=({id:e,icon:o,name:t,label:a,date:n,children:l,helperText:s,shadow:d={},size:u="md",variant:c="default",shape:m="default",views:g={container:{},label:{},helperText:{},text:{},field:{}},error:h=!1,isHovered:f=!1,isFocused:y=!1,isDisabled:x=!1,isReadOnly:b=!1,setDate:k=()=>{},setIsFocused:j=()=>{},setIsHovered:w=()=>{},onChange:C,onChangeText:S,...v})=>{const{themeMode:I}=i.useTheme(),F=!!(y&&a),W=()=>w(!f),E=()=>j(!0),T=P=>{typeof P=="string"?(k(P),S&&S(P)):(k(P.target.value),C&&C(P.target.value))},A={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[u],backgroundColor:"transparent",color:x?"color-gray-400":"color-gray-900",cursor:x?"not-allowed":b?"auto":"pointer",...g.field};return r.jsx(Ne,{helperText:s,error:h,views:g,children:r.jsx(Je,{label:a,size:u,error:h,shape:m,views:g,shadow:d,color:"theme-primary",variant:c,value:n,isHovered:f,isDisabled:x,isReadOnly:b,isFocused:y,showLabel:F,onMouseEnter:W,onMouseLeave:W,children:r.jsxs(Wo,{children:[F&&r.jsx(no,{htmlFor:e,color:"theme-primary",error:h,views:g,children:a}),r.jsx(mg,{id:e,name:t,onFocus:E,disabled:x,readOnly:b,...A,...v,...S&&{onChangeText:T},onChange:T})]})})})},gg=e=>{const o=fl();return r.jsx(yl,{...o,...e})},hg=gg,xl=e=>{const o=Qt(e),[t,a]=p.useState(!1);return{isVisible:t,setIsVisible:a,...e,...o}},fg=({visibleIcon:e=r.jsx(Dt,{widthHeight:14}),hiddenIcon:o=r.jsx(Et,{widthHeight:14}),...t})=>{const{isVisible:a,setIsVisible:n,...l}=xl(t);return r.jsx(Qo,{...l,type:a?"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||n(!a)},children:a?e:o})})},yg=fg,bl=(e,o,t)=>{const[a,n]=p.useState(e),[l,s]=p.useState(o?{value:o,label:o}:e[0]),[d,u]=p.useState([]),[c,m]=p.useState(0),[g,h]=p.useState(t??""),[f,y]=p.useState(!1);return{filteredItems:a,setFilteredItems:n,selectedItem:l,setSelectedItem:s,selectedItems:d,setSelectedItems:u,highlightedIndex:c,setHighlightedIndex:m,searchQuery:g,setSearchQuery:h,isDropdownVisible:f,setIsDropdownVisible:y}},xg={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)"},za={enter:{opacity:1,transform:"translateY(0) scale(1)",transition:"all 0.2s ease-in-out"},initial:{opacity:0,transform:"translateY(-8px) scale(0.96)"}},bg={padding:"8px",borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-100",backgroundColor:"color-gray-50",borderTopLeftRadius:10,borderTopRightRadius:10},kg={padding:"8px 10px",cursor:"pointer",borderRadius:8,margin:"1px 4px",transition:"all 0.15s ease-in-out"},Cg={padding:"24px 16px",display:"flex",flexDirection:"column",alignItems:"center",gap:"8px"},Ma={open:{transform:"rotate(180deg)",transition:"all 0.2s ease-in-out"},closed:{transform:"rotate(0deg)",transition:"all 0.2s ease-in-out"}},Sg={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"},kl=({placeholder:e,items:o,showTick:t=!0,onSelect:a,searchEnabled:n=!0,left:l,right:s,label:d,filteredItems:u,setSelectedItem:c,selectedItem:m,selectedItems:g,setSelectedItems:h,highlightedIndex:f,setHighlightedIndex:y,searchQuery:x,setSearchQuery:b,setFilteredItems:k,views:j,isDropdownVisible:w,setIsDropdownVisible:C,isMulti:S=!1,searchPlaceholder:v,...I})=>{const{ref:F,relation:W}=i.useElementPosition({trackChanges:!0,trackOnScroll:!0,trackOnResize:!0,throttleMs:10}),E=p.useRef(null),[T,A]=p.useState(!1),[P,z]=p.useState(!1),R=()=>{var B;const V=P?za.enter:za.initial;if(!F.current)return{};const O=F.current.getBoundingClientRect(),_={position:"fixed",left:O.left,width:O.width,zIndex:1e4,...V};return((B=W==null?void 0:W.space)==null?void 0:B.vertical)==="top"?{..._,bottom:window.innerHeight-O.top+6}:{..._,top:O.bottom+6}};p.useEffect(()=>{if(w){const V=setTimeout(()=>z(!0),10);return()=>clearTimeout(V)}z(!1)},[w]),p.useEffect(()=>{const V=O=>{!O.composedPath().some(B=>(B==null?void 0:B.id)==="combobox-dropdown")&&F.current&&!F.current.contains(O.target)&&C(!1)};return document.addEventListener("mousedown",V),()=>document.removeEventListener("mousedown",V)},[]);const H=V=>{if(b(V),V==="")k(o);else{const O=o.filter(_=>_.label.toLowerCase().includes(V.toLowerCase()));k(O)}y(0)},M=V=>{if(S){const O=g.some(q=>q.value===V.value);let _;O?_=g.filter(q=>q.value!==V.value):_=[...g,V],h(_),a==null||a(_)}else c(V),a==null||a(V),C(!1)},D=(V,O)=>{V.stopPropagation();const _=g.filter(q=>q.value!==O.value);h(_),a==null||a(_)},L=V=>S?g.some(O=>O.value===V.value):V.value===m.value;return r.jsxs(i.Horizontal,{role:"combobox",flexWrap:"nowrap",gap:15,alignItems:"center",width:"100%",...I,children:[d&&r.jsx(i.Text,{views:j==null?void 0:j.label,htmlFor:I.id,children:d}),r.jsxs(i.View,{position:"relative",width:"100%",children:[r.jsx("div",{ref:F,onClick:()=>C(!w),style:{width:"100%"},children:r.jsxs(Je,{isHovered:T,isFocused:w,onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1),cursor:"pointer",views:{container:j==null?void 0:j.container},children:[r.jsxs(i.Horizontal,{gap:10,alignItems:"center",width:"100%",flexWrap:S?"wrap":"nowrap",...j==null?void 0:j.labelContainer,children:[l,S?g.length>0?r.jsx(i.Horizontal,{gap:6,flexWrap:"wrap",alignItems:"center",children:g.map(V=>r.jsxs(i.Horizontal,{...Sg,_hover:{backgroundColor:"color-gray-200"},children:[V.icon&&r.jsx(i.View,{flexShrink:0,children:V.icon}),r.jsx(i.Text,{size:"sm",color:"color-gray-700",weight:"medium",children:V.label}),r.jsx(Te,{widthHeight:12,color:"color-gray-500",cursor:"pointer",onClick:O=>D(O,V)})]},V.value))}):r.jsx(i.Text,{weight:"medium",flexGrow:1,color:"color-gray-500",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},...j==null?void 0:j.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"},...j==null?void 0:j.label,children:m.label})]})]}),r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[s,r.jsx(i.View,{style:w?Ma.open:Ma.closed,children:r.jsx(se,{widthHeight:16,orientation:"down",color:w?"color-gray-700":"color-gray-400"})})]})]})}),w&&r.jsx(Qn,{children:r.jsxs(i.View,{ref:E,id:"combobox-dropdown",role:"listbox","aria-labelledby":I.id,...xg,style:R(),...j==null?void 0:j.dropdown,children:[n&&r.jsx(i.View,{...bg,children:r.jsx(Qo,{id:`${I.id}-search`,name:`${I.name}-search`,width:"100%",type:"search",autoFocus:!0,value:x,onChange:V=>H(V),hint:e||"Search...",isClearable:!1,left:r.jsx(Cr,{widthHeight:14,color:"color-gray-400"}),views:{container:{width:"100%",padding:"0",backgroundColor:"transparent",borderColor:"color-gray-200",...j==null?void 0:j.text},field:{fontSize:"13px"}}})}),u.length>0&&r.jsx(i.View,{margin:0,padding:"4px",children:u.map((V,O)=>{const _=L(V),q=O===f;return r.jsxs(i.Horizontal,{role:"option","aria-selected":_,justifyContent:"space-between",alignItems:"center",...kg,backgroundColor:_&&q?"color-blue-100":_?"color-blue-50":q?"color-gray-100":"transparent",onMouseEnter:()=>y(O),onClick:()=>M(V),...j==null?void 0:j.item,children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[V.icon&&r.jsx(i.View,{flexShrink:0,children:V.icon}),r.jsx(i.Text,{size:"sm",color:_?"theme-primary":"color-gray-800",weight:_?"medium":"normal",children:V.label})]}),_&&t&&r.jsx(Pr,{widthHeight:16,color:"theme-primary"})]},V.value)})}),u.length===0&&r.jsxs(i.Vertical,{...Cg,children:[r.jsx(Cr,{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"})]})]})})]})]})},jg=({id:e,name:o,items:t,placeholder:a,searchPlaceholder:n,...l})=>{const s=bl(t,a,n);return r.jsx(kl,{id:e,name:o,items:t,...s,...l})},wg=jg,Cl=e=>{const{tags:o,defaultTags:t=[],onTagsChange:a,onTagAdd:n,onTagRemove:l,maxTags:s,minTagLength:d=1,maxTagLength:u=50,allowDuplicates:c=!1,separators:m=["enter","comma"],isDisabled:g=!1,isReadOnly:h=!1}=e,[f,y]=p.useState(""),[x,b]=p.useState(()=>(o||t||[]).map((z,R)=>({id:`tag-${R}-${Date.now()}`,value:z}))),[k,j]=p.useState(!1),[w,C]=p.useState(!1),S=o&&Array.isArray(o)?o.map((P,z)=>({id:`tag-${z}-${Date.now()}`,value:P})):x;p.useEffect(()=>{o&&Array.isArray(o)&&b(o.map((P,z)=>({id:`tag-${z}-${Date.now()}`,value:P})))},[o]);const v=p.useCallback(P=>{const z=P.trim();return!(z.length<d||z.length>u||!c&&S.map(H=>H.value.toLowerCase()).includes(z.toLowerCase())||s&&S.length>=s)},[S,d,u,c,s]),I=p.useCallback(P=>{if(g||h)return;const z=P.trim();if(!z||!v(z))return;const R={id:`tag-${Date.now()}-${Math.random()}`,value:z},H=[...S,R],M=H.map(D=>D.value);o||b(H),a==null||a(M),n==null||n(z),y("")},[S,v,a,n,g,h,o]),F=p.useCallback(P=>{if(g||h)return;const z=S[P];if(!z)return;const R=S.filter((M,D)=>D!==P),H=R.map(M=>M.value);o||b(R),a==null||a(H),l==null||l(z.value,P)},[S,a,l,g,h,o]),W=p.useCallback(P=>{if(g||h)return;const z=P.target.value;if(m.includes("comma")&&z.includes(",")){const R=z.split(","),H=R[0],M=R.slice(1).join(",");H.trim()&&I(H),y(M);return}y(z)},[I,m,g,h]),E=p.useCallback(P=>{if(g||h)return;const{key:z}=P;if(m.includes("enter")&&z==="Enter"){P.preventDefault(),f.trim()&&I(f);return}if(m.includes("tab")&&z==="Tab"&&f.trim()){P.preventDefault(),I(f);return}if(m.includes("space")&&z===" "&&f.trim()){P.preventDefault(),I(f);return}if(z==="Backspace"&&!f&&S.length>0){P.preventDefault(),F(S.length-1);return}},[I,F,f,S,m,g,h]),T=p.useCallback(()=>{var P;j(!0),(P=e.onFocus)==null||P.call(e)},[e.onFocus]),A=p.useCallback(()=>{var P;j(!1),f.trim()&&I(f),(P=e.onBlur)==null||P.call(e)},[I,f,e.onBlur]);return{inputValue:f,setInputValue:y,tags:S,setTags:b,isFocused:k,setIsFocused:j,isHovered:w,setIsHovered:C,addTag:I,removeTag:F,handleInputChange:W,handleKeyDown:E,handleFocus:T,handleBlur:A,validateTag:v}},vg=({tag:e,onRemove:o,isRemovable:t,size:a,views:n,isDisabled:l,isReadOnly:s})=>{const[d,u]=p.useState(!1),c={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}}[a]||{padding:"6px 14px",fontSize:"14px",iconSize:14};return r.jsxs(i.Horizontal,{alignItems:"center",gap:6,padding:c.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&&!s?{backgroundColor:"theme-primary-180",borderColor:"theme-primary-400"}:{},...n==null?void 0:n.tag,children:[r.jsx(i.Text,{fontSize:c.fontSize,color:l?"color-gray-400":"theme-primary",whiteSpace:"nowrap",...n==null?void 0:n.tagText,children:e}),t&&!l&&!s&&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:()=>u(!0),onMouseLeave:()=>u(!1),onClick:m=>{m.stopPropagation(),o()},_hover:{backgroundColor:"color-red-100"},...n==null?void 0:n.tagRemove,children:r.jsx(Te,{widthHeight:c.iconSize,color:d?"color-red-500":"color-gray-400"})})]})},Sl=({id:e,name:o,label:t,placeholder:a="Type and press Enter to add tags...",helperText:n,error:l=!1,inputValue:s="",tags:d=[],left:u,right:c,shadow:m={},views:g={},size:h="md",shape:f="default",variant:y="default",isDisabled:x=!1,isReadOnly:b=!1,isAutoFocus:k=!1,isRemovable:j=!0,isFocused:w=!1,isHovered:C=!1,maxTags:S,handleInputChange:v,handleKeyDown:I,handleFocus:F,handleBlur:W,removeTag:E,setIsHovered:T,onClick:A,setInputValue:P,setTags:z,setIsFocused:R,addTag:H,filteredItems:M,activeItemIndex:D,isMenuOpen:L,handleMenuItemSelect:V,defaultTags:O,onTagsChange:_,onTagAdd:q,onTagRemove:B,minTagLength:X,maxTagLength:$,allowDuplicates:U,separators:K,menuItems:ee,onMenuItemSelect:J,onFocus:oe,onBlur:ne,validateTag:re,...G})=>{const{getColor:Q,themeMode:te}=i.useTheme(),Y=!!(t&&(w||d.length>0||s)),Z=S&&d.length>=S,ie={border:"none",outline:"none",backgroundColor:"transparent",fontSize:i.Typography.fontSizes[h],color:x?"color-gray-400":"color-gray-800",flex:1,minWidth:"120px",transition:"all 0.2s ease-in-out",...g==null?void 0:g.input};return r.jsx(Ne,{error:!!l,helperText:typeof l=="string"?l:n,views:g,...G,children:r.jsxs(Je,{label:t,shadow:m,value:d.length>0||s?"has-content":"",size:h,shape:f,variant:y,error:!!l,showLabel:Y,isFocused:w,isHovered:C,isDisabled:x,isReadOnly:b,views:{...g,container:{...g==null?void 0:g.container,...g==null?void 0:g.inputContainer}},onClick:A,onMouseEnter:()=>T==null?void 0:T(!0),onMouseLeave:()=>T==null?void 0:T(!1),children:[u,r.jsxs(Wo,{children:[t&&r.jsx(no,{size:h,error:!!l,views:g,children:t}),r.jsxs(i.Horizontal,{alignItems:"center",gap:8,flexWrap:"wrap",width:"100%",minHeight:i.Typography.fontSizes[h],padding:"8px 0",...g==null?void 0:g.tagsContainer,children:[d.map((de,xe)=>r.jsx(vg,{tag:de.value,onRemove:()=>E==null?void 0:E(xe),isRemovable:j,size:h,views:g,isDisabled:x,isReadOnly:b},de.id)),!Z&&r.jsx(i.Input,{id:e,name:o,type:"text",value:s,placeholder:d.length===0?a:"",disabled:x,readOnly:b,autoFocus:k,onChange:v,onKeyDown:I,onFocus:F,onBlur:W,autoComplete:"off",...ie}),Z&&r.jsxs(i.Text,{fontSize:i.Typography.fontSizes[h],color:"color-gray-500",fontStyle:"italic",...g==null?void 0:g.placeholder,children:["Maximum ",S," tags reached"]})]})]}),c]})})},Tg=e=>{const o=Cl(e),{tags:t,...a}=e;return r.jsx(Sl,{...o,...a})},Ig=Tg;function Fg(e){const o=setTimeout(e,0),t=setTimeout(e,10),a=setTimeout(e,50);return[o,t,a]}const jl=({value:e,defaultValue:o="",length:t=6,onChange:a,onChangeText:n,onComplete:l,onKeyDown:s,onKeyPress:d,onBlur:u,onFocus:c,isReadOnly:m,isDisabled:g,pattern:h,stepValues:f,pasteTransformer:y})=>{var B,X;const x=e!==void 0,b=x?e:o,[k,j]=p.useState(String(b??"").slice(0,t)||""),[w,C]=p.useState(!1),[S,v]=p.useState(!1),[I,F]=p.useState(null),[W,E]=p.useState(null),T=p.useRef(null),A=p.useRef(null),P=p.useRef({value:k,onChange:a||(()=>{}),isIOS:typeof window<"u"&&((X=(B=window==null?void 0:window.CSS)==null?void 0:B.supports)==null?void 0:X.call(B,"-webkit-touch-callout","none"))}),z=p.useRef({prev:[null,null,"none"]}),R=h?typeof h=="string"?new RegExp(h):h:null;p.useEffect(()=>{x&&e!==k&&j(String(e??"").slice(0,t)||"")},[x,e,t,k]);const H=p.useCallback($=>{let U=$;if(f&&f.length>0&&$){const K=parseInt($,10);if(!isNaN(K)){let ee=f[0],J=Math.abs(K-ee);for(let oe=1;oe<f.length;oe++){const ne=Math.abs(K-f[oe]);ne<J&&(J=ne,ee=f[oe])}U=ee.toString()}}j(U),a&&a(U),n&&n(U),l&&U.length===t&&l(U)},[a,n,l,t,f]),M=p.useCallback($=>{$&&T.current!==$&&Object.defineProperty(T,"current",{value:$,writable:!0})},[]),D=p.useCallback($=>{const U=$.currentTarget.value.slice(0,t);if(U.length>0&&R&&!R.test(U)){$.preventDefault();return}H(U),T.current&&(T.current.value=U)},[t,R,H,T]),L=p.useCallback(()=>{var $;if(T.current){const U=Math.min(T.current.value.length,t-1),K=T.current.value.length;($=T.current)==null||$.setSelectionRange(U,K),F(U),E(K)}C(!0)},[t]),V=p.useCallback(()=>{C(!1)},[]),O=p.useCallback($=>{s&&s($)},[]),_=p.useCallback($=>{d&&d($)},[]),q=p.useCallback($=>{const U=T.current;if(!$.clipboardData||!U)return;const K=$.clipboardData.getData("text/plain"),ee=y?y(K):K;$.preventDefault();const J=U.selectionStart||0,oe=U.selectionEnd||0,G=(J!==oe?k.slice(0,J)+ee+k.slice(oe):k.slice(0,J)+ee+k.slice(J)).slice(0,t);if(G.length>0&&R&&!R.test(G))return;U.value=G,H(G),j(G);const Q=Math.min(G.length,t-1),te=G.length;U.setSelectionRange(Q,te),F(Q),E(te)},[t,y,R,H,k,j]);return p.useEffect(()=>{const $=T.current,U=A.current;if(!$||!U)return;P.current.value!==$.value&&P.current.onChange&&P.current.onChange($.value),z.current.prev=[$.selectionStart,$.selectionEnd,$.selectionDirection];function K(){if(document.activeElement!==$){F(null),E(null);return}const oe=($==null?void 0:$.selectionStart)??null,ne=($==null?void 0:$.selectionEnd)??null,re=($==null?void 0:$.selectionDirection)??null,G=($==null?void 0:$.maxLength)??0,Q=($==null?void 0:$.value)??"",te=z.current.prev;let Y=-1,Z=-1,ie="none";if(Q.length!==0&&oe!==null&&ne!==null){const $e=oe===ne,Ur=oe===Q.length&&Q.length<G;if($e&&!Ur){const Re=oe;if(Re===0)Y=0,Z=1,ie="forward";else if(Re===G)Y=Re-1,Z=Re,ie="backward";else if(G>1&&Q.length>1){let ar=0;if(te[0]!==null&&te[1]!==null){ie=Re<te[1]?"backward":"forward";const Gr=te[0]===te[1]&&te[0]<G;ie==="backward"&&!Gr&&(ar=-1)}Y=ar+Re,Z=ar+Re+1}}Y!==-1&&Z!==-1&&Y!==Z&&T.current&&T.current.setSelectionRange(Y,Z,ie)}const de=Y!==-1?Y:oe,xe=Z!==-1?Z:ne,Ae=ie!=="none"?ie:re;F(de),E(xe),z.current.prev=[de,xe,Ae]}document.addEventListener("selectionchange",K,{capture:!0}),K(),document.activeElement===$&&C(!0);const ee=()=>{U&&U.style.setProperty("--root-height",`${$.clientHeight}px`)};ee();const J=new window.ResizeObserver(ee);return J.observe($),()=>{document.removeEventListener("selectionchange",K,{capture:!0}),J.disconnect()}},[]),p.useEffect(()=>{Fg(()=>{var ee,J,oe,ne;(ee=T.current)==null||ee.dispatchEvent(new Event("input"));const $=(J=T.current)==null?void 0:J.selectionStart,U=(oe=T.current)==null?void 0:oe.selectionEnd,K=(ne=T.current)==null?void 0:ne.selectionDirection;$!==null&&U!==null&&$!==void 0&&U!==void 0&&(F($),E(U),z.current.prev=[$,U,K||"none"])})},[k,w]),{value:k,setValue:H,isFocused:w,setIsFocused:C,isHovered:S,setIsHovered:v,inputRef:T,containerRef:A,mirrorSelectionStart:I,mirrorSelectionEnd:W,setMirrorSelectionStart:F,setMirrorSelectionEnd:E,setInputRef:M,handleChange:D,handleFocus:L,handleBlur:V,handleKeyDown:O,handleKeyPress:_,handlePaste:q}},Rg=p.createContext({slots:[],isFocused:!1,isHovering:!1}),zg=`
5
+ ${D} no-repeat
6
+ `,backgroundSize:`200% ${Y}px, ${Y}px 200%, 200% ${Y}px, ${Y}px 200%`,backgroundPosition:B,transitionProperty:"background-position",transitionDuration:`${R}s`,transitionTimingFunction:"linear",transitionDelay:O,_hover:{backgroundPosition:_,transitionDelay:N},width:l?"fit-content":s?"100%":void 0,...g==null?void 0:g.container,...F,children:r.jsx(i.View,{as:t?"div":"button",disabled:!!(n||a),display:"flex",alignItems:"center",justifyContent:"center",borderRadius:Math.max(0,V-3),width:"100%",height:"100%",...h,...f,...y,backgroundColor:(h==null?void 0:h.backgroundColor)||w,color:k,borderWidth:0,cursor:n?"default":"pointer",children:E})})}return r.jsx(i.Element,{ref:b,as:e==="link"&&t?"div":"button",type:e==="link"&&t?void 0:"button",disabled:!!(n||a),...f,...y,display:"inline-flex",alignItems:"center",justifyContent:"center",width:l?"fit-content":s?"100%":void 0,borderRadius:Zo[c],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:m,...h,...g==null?void 0:g.container,...F,children:E})},Op=p.memo(p.forwardRef(({variant:e="filled",size:o="md",shape:t="rounded",iconPosition:n="left",loaderPosition:a="left",backgroundColor:l,color:s,textColor:u,reversed:c=!1,isAuto:d=!0,isFilled:m,isDisabled:g,isLoading:h,isIconRounded:f,isHovered:y,icon:b,children:k,to:C,isExternal:j,shadow:w,onClick:S,views:x={},animation:v,loaderProps:T,config:F,ariaLabel:V,borderMovingDuration:E=2,borderMovingGradientColors:I=["#705CFF","#FF5C97","#FFC75C"],animatedStrokeAccentColor:H="#705CFF",animatedStrokeTextColor:P="color-gray-900",...z},W)=>{const M=g?"theme-disabled":h?"theme-loading":l??s??"theme-primary",$=u??"color-white",{config:L}=Ar(),D=L==null?void 0:L.theme,B=p.useMemo(()=>{const G=Ep(M,$,c,D);return F!=null&&F.variants&&Object.keys(F.variants).forEach(K=>{G[K]&&(G[K]=De(G[K],F.variants[K]))}),G},[M,$,c,D,F==null?void 0:F.variants]),_=B[e]??B.filled,N=(_==null?void 0:_.color)??$,O=r.jsx(Dp,{icon:b,isLoading:h,iconPosition:n,loaderPosition:a,size:o,resolvedTextColor:N,isIconRounded:f,views:x,children:k}),Y=Ja[o],A=f?Ap[o]:{};return r.jsx(_p,{variant:e,animation:v,to:C,isDisabled:g,isLoading:h,isAuto:d,isFilled:m,isExternal:j,shape:t,shadow:w,onClick:S,views:x,baseStyles:_,sizeStyles:Y,iconPad:A,resolvedTextColor:N,content:O,size:o,mainTone:M,borderMovingDuration:E,borderMovingGradientColors:I,animatedStrokeAccentColor:H,animatedStrokeTextColor:P,containerRef:W,...z})})),Np=e=>{const[o,t]=i.useHover(),n=ge("button",e);return r.jsx(Op,{isHovered:t,...n})},se=Np,qp={sm:{padding:"12px"},md:{padding:"16px"},lg:{padding:"24px"}},Up={square:0,rounded:"8px",pill:"24px"},Gp=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)"}}}},_r=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}}),Qa=p.createContext({}),Zt=()=>p.useContext(Qa),xt=({children:e,views:o,style:t,themeMode:n,...a})=>{var d;const l=i.useTheme(),{styles:s}=Zt(),u=_r(l).header,c={...u,...s==null?void 0:s.header,...a,style:{...u==null?void 0:u.style,...(d=s==null?void 0:s.header)==null?void 0:d.style,...t}};return r.jsx(i.Vertical,{gap:8,...c,children:e})},bt=({children:e,views:o,style:t,themeMode:n,...a})=>{var d;const l=i.useTheme(),{styles:s}=Zt(),u=_r(l).content,c={...u,...s==null?void 0:s.content,...a,style:{...u==null?void 0:u.style,...(d=s==null?void 0:s.content)==null?void 0:d.style,...t}};return r.jsx(i.Vertical,{gap:12,...c,children:e})},kt=({children:e,views:o,style:t,themeMode:n,...a})=>{var d;const l=i.useTheme(),{styles:s}=Zt(),u=_r(l).footer,c={...u,...s==null?void 0:s.footer,...a,style:{...u==null?void 0:u.style,...(d=s==null?void 0:s.footer)==null?void 0:d.style,...t}};return r.jsx(i.Vertical,{gap:8,...c,children:e})},Yp=({variant:e="default",size:o="md",shape:t="rounded",children:n,header:a,footer:l,isFullWidth:s=!1,views:u,style:c,themeMode:d,config:m,...g})=>{var x,v;const h=i.useTheme(),f=_r(h),y=((x=qp[o])==null?void 0:x.padding)||"16px",b=p.useMemo(()=>({styles:{container:{...f.container,borderRadius:Up[t],...u==null?void 0:u.container},header:{...f.header,padding:y,...u==null?void 0:u.header},content:{...f.content,padding:y,...u==null?void 0:u.content},footer:{...f.footer,padding:y,...u==null?void 0:u.footer}}}),[f,u,y,t]),k=p.Children.toArray(n).some(T=>p.isValidElement(T)&&(T.type===xt||T.type===bt||T.type===kt)),{themeMode:C}=h,w=Gp(d||C)[e],S={width:s?"100%":"auto",overflow:"hidden",...w,...b.styles.container,...g,style:{...(v=b.styles.container)==null?void 0:v.style,...c}};return r.jsx(Qa.Provider,{value:b,children:r.jsx(i.View,{...S,children:k?n:r.jsxs(i.Vertical,{width:"100%",children:[a&&r.jsx(xt,{children:a}),r.jsx(bt,{children:n}),l&&r.jsx(kt,{children:l})]})})})},Xp=e=>{const o=ge("card",e);return r.jsx(Yp,{...o})},ye=Xp;ye.Header=xt;ye.Content=bt;ye.Footer=kt;const Kp=({defaultActiveIndex:e=0,activeIndex:o,onChange:t,autoPlay:n=!1,autoPlayInterval:a=3e3,pauseOnHover:l=!0,infinite:s=!0,totalSlides:u,stepIndices:c})=>{const d=p.useRef(u||0),[m,g]=p.useState(u||0),h=p.useRef(new Set),f=p.useRef(0),y=p.useMemo(()=>Ht("carousel-content"),[]),[b,k]=p.useState(o!==void 0?o:e),[C,j]=p.useState(!1),[w,S]=p.useState(!1),[x,v]=p.useState(0),[T,F]=p.useState(0),V=p.useRef(null);p.useEffect(()=>{o!==void 0&&k(o)},[o]);const E=p.useCallback(_=>{let N=_;s?_<0?N=m-1:_>=m&&(N=0):N=Math.max(0,Math.min(_,m-1)),c&&c.length>0&&(c.includes(N)||(N=c.reduce((Y,A)=>Math.abs(A-N)<Math.abs(Y-N)?A:Y))),o===void 0&&k(N),t&&t(N)},[o,s,t,m]),I=p.useCallback(()=>{E(b+1)},[b,E]),H=p.useCallback(()=>{E(b-1)},[b,E]);p.useEffect(()=>(n&&!C&&!w&&(V.current=setInterval(()=>{I()},a)),()=>{V.current&&clearInterval(V.current)}),[n,a,C,w,I,l]);const P=p.useCallback(()=>{l&&j(!0)},[l]),z=p.useCallback(()=>{j(!1)},[]),W=p.useCallback(_=>{S(!0),"touches"in _?(v(_.touches[0].clientX),F(_.touches[0].clientY)):(v(_.clientX),F(_.clientY))},[]),R=p.useCallback(_=>{if(!w)return;let N,O;"touches"in _?(N=_.touches[0].clientX,O=_.touches[0].clientY):(N=_.clientX,O=_.clientY);const Y=N-x,A=O-T;Math.abs(Y)>Math.abs(A)&&Math.abs(Y)>50&&(Y>0?H():I(),S(!1))},[w,x,T,I,H]),M=p.useCallback(()=>{S(!1)},[]),$=p.useCallback(()=>{const _=f.current++;h.current.add(_);const N=h.current.size;return d.current=N,g(N),_},[]),L=p.useCallback(_=>{h.current.delete(_);const N=h.current.size;if(d.current=N,g(N),N>0&&b>=N){const O=Math.max(0,N-1);o===void 0&&k(O),t&&t(O)}},[b,o,t]),D=s||b>0,B=s||b<m-1;return{activeIndex:b,totalSlides:m,goToSlide:E,nextSlide:I,prevSlide:H,canGoNext:B,canGoPrevious:D,handleMouseEnter:P,handleMouseLeave:z,handleDragStart:W,handleDragMove:R,handleDragEnd:M,registerSlide:$,unregisterSlide:L,contentId:y,infinite:s}},Jp={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"}},Qp={dot:{backgroundColor:"theme-primary"},line:{backgroundColor:"theme-primary"},number:{backgroundColor:"theme-primary",color:"color-white"}},Fr={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"}},tr=()=>({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,...Fr},nextButton:{position:"absolute",top:"50%",right:"16px",transform:"translateY(-50%)",zIndex:10,...Fr}}),Za=p.createContext(null),Or=()=>{const e=p.useContext(Za);if(!e)throw new Error("Carousel compound components must be used within <Carousel>");return e},el=({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}),ol=({views:e,children:o,...t})=>{const{goToPrevious:n,canGoPrevious:a,styles:l}=Or(),u={...tr().prevButton,...l==null?void 0:l.prevButton,...e==null?void 0:e.prevButton};return r.jsx(se,{"aria-label":"Previous slide",onClick:()=>n(),isDisabled:!a,...u,...t,children:o??r.jsx(ce,{orientation:"left",widthHeight:16})})},rl=({views:e,children:o,...t})=>{const{goToNext:n,canGoNext:a,styles:l}=Or(),u={...tr().nextButton,...l==null?void 0:l.nextButton,...e==null?void 0:e.nextButton};return r.jsx(se,{"aria-label":"Next slide",onClick:()=>n(),isDisabled:!a,...u,...t,children:o??r.jsx(ce,{orientation:"right",widthHeight:16})})},tl=({children:e,views:o,...t})=>{const{registerSlide:n,unregisterSlide:a,styles:l}=Or(),s=p.useRef(null);p.useEffect(()=>{const d=n();return s.current=d,()=>{s.current!==null&&a(s.current)}},[n,a]);const c={...tr().item,...l==null?void 0:l.item,...o==null?void 0:o.item};return r.jsx(i.View,{role:"group","aria-roledescription":"slide",...c,...t,children:e})},nl=({children:e,views:o,style:t,...n})=>{const{currentIndex:a,styles:l,contentId:s}=Or(),u=tr(),c={...u.content,...l==null?void 0:l.content,...o==null?void 0:o.content},d={...u.innerContainer,...l==null?void 0:l.innerContainer,...o==null?void 0:o.innerContainer},m=`-${a*100}%`;return r.jsx(i.View,{...c,...n,style:{...c==null?void 0:c.style,...t},id:s,"aria-live":"polite",children:r.jsx(i.View,{...d,style:{...d==null?void 0:d.style,transform:`translateX(${m})`},children:e})})},Zp=({children:e,defaultActiveIndex:o=0,activeIndex:t,onChange:n,showNavigation:a=!0,navigationPosition:l="inside",prevButton:s,nextButton:u,showIndicators:c=!0,indicatorPosition:d="bottom",indicatorVariant:m="dot",autoPlay:g=!1,autoPlayInterval:h=3e3,pauseOnHover:f=!0,infinite:y=!0,direction:b="horizontal",transitionDuration:k=300,views:C,stepIndices:j,themeMode:w,...S})=>{const x=p.useMemo(()=>p.Children.toArray(e),[e]),v=Kp({defaultActiveIndex:o,activeIndex:t,onChange:n,autoPlay:g,autoPlayInterval:h,pauseOnHover:f,infinite:y,totalSlides:x.length}),{activeIndex:T,totalSlides:F,goToSlide:V,nextSlide:E,prevSlide:I,handleMouseEnter:H,handleMouseLeave:P,handleDragStart:z,handleDragMove:W,handleDragEnd:R}=v,M=()=>{if(!a)return null;const D=s||r.jsx(i.View,{as:"button","aria-label":"Previous slide",...Fr,...C==null?void 0:C.prevButton,children:"❮"}),B=u||r.jsx(i.View,{as:"button","aria-label":"Next slide",...Fr,...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:I,cursor:!y&&T===0?"not-allowed":"pointer",opacity:!y&&T===0?.5:1,children:D}),r.jsx(i.View,{position:"absolute",top:"50%",transform:"translateY(-50%)",right:l==="inside"?"10px":"-40px",onClick:E,cursor:!y&&T===x.length-1?"not-allowed":"pointer",opacity:!y&&T===x.length-1?.5:1,children:B})]})},$=()=>c?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:x.map((D,B)=>r.jsx(i.View,{onClick:()=>V(B),cursor:"pointer",...Jp[m],...B===T?{...Qp[m]}:{},...C==null?void 0:C.indicator,...B===T?C==null?void 0:C.activeIndicator:{},children:m==="number"&&B+1},B))}):null;return p.useMemo(()=>p.Children.toArray(e).some(D=>p.isValidElement(D)&&(D.type===nl||D.type===tl||D.type===ol||D.type===rl)),[e])?r.jsx(Za.Provider,{value:{currentIndex:T,totalSlides:F,goToSlide:V,goToNext:E,goToPrevious:I,canGoNext:v.canGoNext,canGoPrevious:v.canGoPrevious,registerSlide:v.registerSlide,unregisterSlide:v.unregisterSlide,styles:{...tr(),...C},contentId:v.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,...S,children:e})}):r.jsxs(i.View,{position:"relative",width:"100%",height:"100%",overflow:"hidden",onMouseEnter:H,onMouseLeave:P,onTouchStart:z,onTouchMove:W,onTouchEnd:R,onMouseDown:z,onMouseMove:W,onMouseUp:R,...C==null?void 0:C.container,...S,children:[r.jsx(i.View,{width:"100%",height:"100%",position:"relative",...C==null?void 0:C.slideWrapper,children:x.map((D,B)=>r.jsx(el,{isActive:B===T,index:B,views:C==null?void 0:C.slide,children:D},B))}),M(),$()]})},em=e=>r.jsx(Zp,{...e}),We=em;We.Slide=el;We.Content=nl;We.Item=tl;We.Previous=ol;We.Next=rl;const ze={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"},al=[ze.blue,ze.green,ze.purple,ze.orange,ze.red,ze.teal,ze.pink,ze.indigo,ze.yellow,ze.cyan],wo=al,om={width:"100%",height:"100%",position:"relative",display:"flex",flexDirection:"column"},rm={fontSize:"18px",fontWeight:"700",marginBottom:"24px",textAlign:"center",color:"color-gray-900"},tm={display:"flex",flexWrap:"wrap",justifyContent:"flex-start",marginTop:"16px",gap:"12px"},nm={display:"flex",alignItems:"center",padding:"4px 8px",borderRadius:"6px",cursor:"pointer",transition:"background-color 0.2s ease",_hover:{backgroundColor:"color-gray-50"}},am={width:"10px",height:"10px",borderRadius:"50%",marginRight:"8px"},lm={fontSize:"13px",fontWeight:"500",color:"color-gray-600"},ur={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},ll={stroke:"color-gray-100",strokeWidth:"1px",strokeDasharray:"4 4"},Rr={stroke:"color-gray-200",strokeWidth:"1px"},zr={fontSize:"12px",fill:"color-gray-500",fontWeight:"500"},im={rx:"4px",ry:"4px",cursor:"pointer",transition:"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",_hover:{filter:"brightness(1.1)"}},sm={strokeWidth:"3px",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",transition:"stroke-width 0.2s ease"},cm={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"}},pr={strokeWidth:"2px",stroke:"color-white",cursor:"pointer",transition:"all 0.3s ease",_hover:{transform:"scale(1.02)"}},en={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"},dm={...en},um={...en,backgroundColor:"rgba(254, 242, 242, 0.8)",color:"color-red-600"},pm={...en,backgroundColor:"rgba(249, 250, 251, 0.8)",color:"color-gray-500"},mm=({data:e,dataPoints:o,animated:t=!0,animationDuration:n=500,showTooltips:a=!0})=>{const[l,s]=p.useState(t?0:1),[u,c]=p.useState({visible:!1,x:0,y:0,content:null}),d=p.useRef(null),m=p.useRef(null);p.useEffect(()=>{if(!t){s(1);return}const j=Date.now(),w=()=>{const S=Date.now()-j,x=Math.min(S/n,1);s(x),x<1&&(d.current=requestAnimationFrame(w))};return d.current=requestAnimationFrame(w),()=>{d.current&&cancelAnimationFrame(d.current)}},[t,n]);const[g,h]=p.useState(new Set),f=p.useCallback(j=>{h(w=>{const S=new Set(w);return S.has(j)?S.delete(j):S.add(j),S})},[]),y=p.useCallback(()=>e?{...e,series:e.series.map((j,w)=>({...j,color:j.color||wo[w%wo.length],hidden:g.has(j.name)}))}:o?o.map((j,w)=>({...j,color:j.color||wo[w%wo.length],hidden:g.has(j.label)})):null,[e,o,g]),b=p.useCallback((j,w,S)=>{a&&c({visible:!0,x:j,y:w,content:S})},[a]),k=p.useCallback(()=>{c(j=>({...j,visible:!1}))},[]),C=p.useCallback(()=>{if(!m.current)return{width:0,height:0};const{width:j,height:w}=m.current.getBoundingClientRect();return{width:j,height:w}},[]);return{animationProgress:l,tooltip:u,containerRef:m,processedData:y,showTooltip:b,hideTooltip:k,getChartDimensions:C,toggleSeries:f}},gm=({data:e,width:o,height:t,animationProgress:n,showGrid:a=!0,onBarClick:l,showTooltip:s,hideTooltip:u,views:c})=>{const{getColor:d}=i.useTheme(),m={top:20,right:20,bottom:40,left:50},g=o-m.left-m.right,h=t-m.top-m.bottom,f=p.useMemo(()=>{let x=0;return e.series.forEach(v=>{v.data.forEach(T=>{x=Math.max(x,T)})}),x},[e]),y=e.labels.length,b=e.series.length,k=g/y,C=k*.8/b,j=k*.2/(b+1),w=f||10,S=p.useMemo(()=>{const v=[];for(let T=0;T<=5;T++){const F=w/5*T;v.push(F)}return v},[f]);return r.jsxs("svg",{width:o,height:t,children:[r.jsx("defs",{children:e.series.map((x,v)=>{const T=x.color?d(x.color):"black";return r.jsxs("linearGradient",{id:`bar-gradient-${v}`,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[r.jsx("stop",{offset:"0%",stopColor:T,stopOpacity:1}),r.jsx("stop",{offset:"100%",stopColor:T,stopOpacity:.7})]},`bar-gradient-${v}`)})}),r.jsx("line",{x1:m.left,y1:t-m.bottom,x2:o-m.right,y2:t-m.bottom,...Rr,...c==null?void 0:c.axis}),r.jsx("line",{x1:m.left,y1:m.top,x2:m.left,y2:t-m.bottom,...Rr,...c==null?void 0:c.axis}),e.labels.map((x,v)=>{const T=m.left+(v+.5)*k,F=t-m.bottom+20;return r.jsx("text",{x:T,y:F,textAnchor:"middle",...zr,...c==null?void 0:c.axisLabel,children:x},`x-label-${v}`)}),S.map((x,v)=>{const T=t-m.bottom-x/w*h;return r.jsxs(p.Fragment,{children:[r.jsx("text",{x:m.left-10,y:T,textAnchor:"end",dominantBaseline:"middle",...zr,...c==null?void 0:c.axisLabel,children:x.toFixed(0)}),a&&r.jsx("line",{x1:m.left,y1:T,x2:o-m.right,y2:T,...ll,...c==null?void 0:c.grid})]},`y-tick-${v}`)}),e.series.map((x,v)=>x.hidden?null:r.jsx(p.Fragment,{children:x.data.map((T,F)=>{const V=T/w*h*n,E=m.left+F*k+j*(v+1)+C*v,I=t-m.bottom-V,H=e.labels[F],P=e.series.reduce(($,L)=>{const D=L.data[F];return $+(typeof D=="number"?D:0)},0),z=P>0?(T/P*100).toFixed(1):null,W=x.color?d(x.color):"black",R=$=>{const L=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:x.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:H}),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:T.toLocaleString()})]}),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:P.toLocaleString()})]})]})]}),D=$.currentTarget.getBoundingClientRect(),B=D.left+D.width/2,_=D.top;s(B,_,L)},M=()=>{l&&l(x.name,F)};return r.jsx("rect",{x:E,y:I,width:C,height:V,fill:`url(#bar-gradient-${v})`,onMouseEnter:R,onMouseMove:R,onMouseLeave:u,onClick:M,...im,...c==null?void 0:c.bar},`bar-${v}-${F}`)})},`series-${v}`))]})},hm=({data:e,width:o,height:t,animationProgress:n,showGrid:a=!0,onPointClick:l,showTooltip:s,hideTooltip:u,views:c})=>{const{getColor:d}=i.useTheme(),m={top:20,right:20,bottom:40,left:40},g=o-m.left-m.right,h=t-m.top-m.bottom,f=p.useMemo(()=>{let j=0;return e.series.forEach(w=>{w.data.forEach(S=>{j=Math.max(j,S)})}),j},[e]),y=f||10,b=p.useMemo(()=>{const w=[];for(let S=0;S<=5;S++){const x=y/5*S;w.push(x)}return w},[f]),k=j=>{if(j.length<2)return"";const w=j.map((x,v)=>({x:m.left+v/(e.labels.length-1)*g,y:t-m.bottom-x/y*h*n}));let S=`M ${w[0].x},${w[0].y}`;for(let x=0;x<w.length-1;x++){const v=w[x===0?x:x-1],T=w[x],F=w[x+1],V=w[x+2===w.length?x+1:x+2],E=T.x+(F.x-v.x)/6,I=T.y+(F.y-v.y)/6,H=F.x-(V.x-T.x)/6,P=F.y-(V.y-T.y)/6;S+=` C ${E},${I} ${H},${P} ${F.x},${F.y}`}return S},C=j=>{if(j.length<2)return"";const w=k(j),S=m.left,x=m.left+g,v=t-m.bottom;return`${w} L ${x},${v} L ${S},${v} Z`};return r.jsxs("svg",{width:o,height:t,children:[r.jsx("defs",{children:e.series.map((j,w)=>{const S=j.color?d(j.color):"black";return r.jsxs("linearGradient",{id:`gradient-${w}`,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[r.jsx("stop",{offset:"0%",stopColor:S,stopOpacity:.3}),r.jsx("stop",{offset:"100%",stopColor:S,stopOpacity:0})]},`gradient-${w}`)})}),r.jsx("line",{x1:m.left,y1:t-m.bottom,x2:o-m.right,y2:t-m.bottom,...Rr,...c==null?void 0:c.axis}),r.jsx("line",{x1:m.left,y1:m.top,x2:m.left,y2:t-m.bottom,...Rr,...c==null?void 0:c.axis}),e.labels.map((j,w)=>{const S=m.left+w/(e.labels.length-1)*g,x=t-m.bottom+20;return r.jsx("text",{x:S,y:x,textAnchor:"middle",...zr,...c==null?void 0:c.axisLabel,children:j},`x-label-${w}`)}),b.map((j,w)=>{const S=t-m.bottom-j/y*h;return r.jsxs(p.Fragment,{children:[r.jsx("text",{x:m.left-10,y:S,textAnchor:"end",dominantBaseline:"middle",...zr,...c==null?void 0:c.axisLabel,children:j.toFixed(0)}),a&&r.jsx("line",{x1:m.left,y1:S,x2:o-m.right,y2:S,...ll,...c==null?void 0:c.grid})]},`y-tick-${w}`)}),e.series.map((j,w)=>{if(j.hidden)return null;const S=j.color?d(j.color):"black";return r.jsxs(p.Fragment,{children:[r.jsx("path",{d:C(j.data),fill:`url(#gradient-${w})`,...c==null?void 0:c.area}),r.jsx("path",{d:k(j.data),stroke:S,...sm,...c==null?void 0:c.line}),j.data.map((x,v)=>{const T=m.left+v/(e.labels.length-1)*g,F=t-m.bottom-x/y*h*n,V=e.labels[v],E=e.series.reduce((M,$)=>{const L=$.data[v];return M+(typeof L=="number"?L:0)},0),I=E>0?(x/E*100).toFixed(1):null,H=v>0&&typeof j.data[v-1]=="number"?j.data[v-1]:null,P=typeof H=="number"?x-H:null,z=typeof P=="number"?`${P>=0?"+":""}${P.toLocaleString()}`:null,W=M=>{const $=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:j.name}),r.jsx(i.View,{width:"12px",height:"12px",borderRadius:"2px",backgroundColor:S})]}),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:x.toLocaleString()})]}),z!==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:z})]}),I!==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:`${I}%`})]}),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:E.toLocaleString()})]})]})]}),L=M.currentTarget.getBoundingClientRect(),D=L.left+L.width/2,B=L.top+L.height/2;s(D,B,$)},R=()=>{l&&l(j.name,v)};return r.jsx("circle",{cx:T,cy:F,fill:S,onMouseEnter:W,onMouseMove:W,onMouseLeave:u,onClick:R,...cm,...c==null?void 0:c.point},`point-${w}-${v}`)})]},`series-${w}`)})]})},fm=({dataPoints:e,width:o,height:t,animationProgress:n,isDonut:a=!1,onSliceClick:l,showTooltip:s,hideTooltip:u,views:c})=>{const{getColor:d}=i.useTheme(),{ref:m,relation:g}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),h=p.useRef(null);p.useEffect(()=>{h.current&&m&&(m.current=h.current)},[h,m]);const y=Math.min(o,t)/2*.8,b=o/2,k=t/2,C=a?y*.6:0,j=p.useMemo(()=>e.filter(x=>!x.hidden),[e]),w=p.useMemo(()=>j.reduce((x,v)=>x+v.value,0),[j]),S=p.useMemo(()=>{if(w===0)return[{path:a?[`M ${b} ${k-y}`,`A ${y} ${y} 0 1 1 ${b} ${k+y}`,`A ${y} ${y} 0 1 1 ${b} ${k-y}`,`M ${b} ${k-C}`,`A ${C} ${C} 0 1 0 ${b} ${k+C}`,`A ${C} ${C} 0 1 0 ${b} ${k-C}`,"Z"].join(" "):[`M ${b} ${k}`,`M ${b} ${k-y}`,`A ${y} ${y} 0 1 1 ${b} ${k+y}`,`A ${y} ${y} 0 1 1 ${b} ${k-y}`,"Z"].join(" "),color:"#E2E8F0",label:"Total",value:0,percentage:"0%",labelX:b,labelY:k,startAngle:0,endAngle:Math.PI*2,index:-1}];const x=[];let v=-Math.PI/2;for(let T=0;T<j.length;T++){const V=j[T].value/w,E=V*2*Math.PI*n,H=Math.max(0,E-.02),P=v+H,z=b+Math.cos(v)*y,W=k+Math.sin(v)*y,R=b+Math.cos(P)*y,M=k+Math.sin(P)*y,$=b+Math.cos(v)*C,L=k+Math.sin(v)*C,D=b+Math.cos(P)*C,B=k+Math.sin(P)*C,_=H>Math.PI?1:0;let N;a?N=[`M ${z} ${W}`,`A ${y} ${y} 0 ${_} 1 ${R} ${M}`,`L ${D} ${B}`,`A ${C} ${C} 0 ${_} 0 ${$} ${L}`,"Z"].join(" "):N=[`M ${b} ${k}`,`L ${z} ${W}`,`A ${y} ${y} 0 ${_} 1 ${R} ${M}`,"Z"].join(" ");const O=v+H/2,Y=a?(y+C)/2:y*.7,A=b+Math.cos(O)*Y,G=k+Math.sin(O)*Y,K=`${(V*100).toFixed(1)}%`,Q=j[T].color||wo[T%wo.length],J=d(Q);x.push({path:N,color:J,label:j[T].label,value:j[T].value,percentage:K,labelX:A,labelY:G,startAngle:v,endAngle:P,index:T,originalIndex:e.findIndex(oe=>oe.label===j[T].label)}),v=P}return x},[j,w,y,b,k,C,n,a,e]);return r.jsxs("svg",{ref:h,width:o,height:t,style:{overflow:"visible"},children:[a&&r.jsxs("g",{pointerEvents:"none",children:[r.jsx("circle",{cx:b,cy:k,r:C,fill:"white"}),r.jsx("text",{x:b,y:k-8,textAnchor:"middle",dominantBaseline:"middle",fontSize:"14px",fontWeight:"500",fill:"color-gray-500",children:"Total"}),r.jsx("text",{x:b,y:k+12,textAnchor:"middle",dominantBaseline:"middle",fontSize:"20px",fontWeight:"800",fill:"color-gray-900",children:w.toLocaleString()})]}),S.map((x,v)=>{const T=E=>{const I=w>0?x.value/w*100:0,H=w>0?Math.max(0,100-I):null,P=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:x.label}),r.jsx(i.View,{width:"12px",height:"12px",borderRadius:"2px",backgroundColor:x.color})]}),r.jsxs(i.Text,{marginTop:"4px",color:"color-gray-500",fontSize:"12px",children:["Slice ",x.index+1," of ",j.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:x.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:x.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:w.toLocaleString()})]}),H!==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:`${H.toFixed(1)}%`})]})]})]});let z=E.clientX,W=E.clientY;if(h.current){const R=h.current.getBoundingClientRect();z=R.left+x.labelX,W=R.top+x.labelY}s(z,W,P)},F=()=>{x.index!==-1&&l&&l(e[x.index],x.index)},V=x.index===-1;return r.jsxs("g",{children:[r.jsx("path",{d:x.path,fill:x.color,onMouseEnter:V?void 0:T,onMouseMove:V?void 0:T,onMouseLeave:V?void 0:u,onClick:F,...pr,style:{...pr==null?void 0:pr.style,cursor:V?"default":"pointer"},...c==null?void 0:c.pie}),!V&&x.endAngle-x.startAngle>.25&&r.jsx("text",{x:x.labelX,y:x.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:x.percentage})]},`slice-${v}`)})]})},ym=({visible:e,x:o,y:t,content:n,maxDistance:a=100,views:l})=>{const s=p.useRef(null),[u,c]=p.useState({left:0,top:0});return p.useEffect(()=>{if(!e||!s.current||typeof window>"u"||typeof s.current.getBoundingClientRect!="function")return;const m=s.current.getBoundingClientRect(),g=m.width||200,h=m.height||100,f=20,y=16;let b=o-g/2,k=t-h-f;k<y&&(k=t+f),b+g>window.innerWidth-y?b=window.innerWidth-g-y:b<y&&(b=y),k=Math.max(y,Math.min(k,window.innerHeight-h-y)),c({left:b,top:k})},[e,o,t]),e?r.jsx(i.View,{ref:s,position:"fixed",left:`${u.left}px`,top:`${u.top}px`,...ur,...l==null?void 0:l.tooltip,style:{...ur==null?void 0:ur.style,pointerEvents:"none",transition:"all 0.1s ease-out"},children:n}):null},xm=({type:e,data:o,dataPoints:t,title:n,showLegend:a=!0,legendPosition:l="bottom",showGrid:s=!0,showTooltips:u=!0,animated:c=!0,animationDuration:d=500,responsive:m=!0,aspectRatio:g=16/9,width:h=200,height:f=200,views:y,onDataPointClick:b,onSeriesClick:k,isLoading:C=!1,error:j,noData:w,loadingIndicator:S,errorIndicator:x,noDataIndicator:v,"aria-label":T,themeMode:F,...V})=>{const{animationProgress:E,tooltip:I,containerRef:H,processedData:P,showTooltip:z,hideTooltip:W,getChartDimensions:R,toggleSeries:M}=mm({data:o,dataPoints:t,animated:c,animationDuration:d,showTooltips:u}),$=P(),{width:L,height:D}=R(),B=h||L,_=f||(m?L/g:D),N=()=>{if(!a||!$)return null;let J=[];return e==="pie"||e==="donut"?Array.isArray($)&&(J=$):$&&$.series&&(J=$.series),!J||J.length===0?null:r.jsx(i.Horizontal,{flexWrap:"wrap",justifyContent:"flex-start",marginTop:l==="bottom"?"16px":0,marginBottom:l==="top"?"16px":0,...tm,...y==null?void 0:y.legend,children:J.map((oe,te)=>{const re=oe.hidden,U=oe.name||oe.label;return r.jsxs(i.View,{...nm,onClick:()=>M(U),opacity:re?.4:1,...y==null?void 0:y.legendItem,children:[r.jsx(i.View,{backgroundColor:oe.color,...am,opacity:re?.3:1}),r.jsx(i.Text,{...lm,textDecoration:re?"line-through":"none",children:U})]},`legend-${te}`)})})},O=()=>{if(!$)return null;switch(e){case"bar":return r.jsx(gm,{data:$,width:B,height:_,animationProgress:E,showGrid:s,onBarClick:k,showTooltip:z,hideTooltip:W,views:y});case"line":case"area":return r.jsx(hm,{data:$,width:B,height:_,animationProgress:E,showGrid:s,onPointClick:k,showTooltip:z,hideTooltip:W,views:y});case"pie":case"donut":return r.jsx(fm,{dataPoints:$,width:B,height:_,animationProgress:E,isDonut:e==="donut",onSliceClick:b,showTooltip:z,hideTooltip:W,views:y});default:return null}},Y=()=>C?r.jsx(i.View,{...dm,...y==null?void 0:y.loadingOverlay,children:S||r.jsx(i.Center,{children:r.jsx(Je,{size:"lg"})})}):null,A=()=>j?r.jsx(i.View,{...um,...y==null?void 0:y.errorOverlay,children:x||r.jsx(i.Text,{fontWeight:"medium",children:typeof j=="string"?j:"An error occurred"})}):null,G=()=>w?r.jsx(i.View,{...pm,...y==null?void 0:y.noDataOverlay,children:v||r.jsx(i.Text,{children:typeof w=="string"?w:"No data available"})}):null,K=T??(typeof n=="string"?n:"Chart"),Q=!j&&!C&&!w;return r.jsxs(i.View,{ref:H,role:"region","aria-label":K,"aria-busy":C,...om,...y==null?void 0:y.container,...V,children:[n&&r.jsx(i.Text,{...rm,children:n}),Q&&l==="top"&&N(),r.jsxs(i.View,{flex:1,width:"100%",position:"relative",...y==null?void 0:y.chart,children:[Q&&O(),Y(),A(),G(),r.jsx(ym,{visible:u&&I.visible,x:I.x,y:I.y,content:I.content,maxDistance:100,views:y})]}),Q&&l==="bottom"&&N()]})},bm=e=>r.jsx(xm,{...e}),km=bm,Cm=(e=365)=>{const[o,t]=p.useState(!1),[n,a]=p.useState(null),l="app-studio-cookie-consent";p.useEffect(()=>{if(typeof localStorage>"u")return;const d=localStorage.getItem(l);a(d!==null?d==="true":!1)},[]);const s=d=>{if(typeof localStorage<"u"){localStorage.setItem(l,String(d));const m=new Date;m.setDate(m.getDate()+e),localStorage.setItem(`${l}-expires`,m.toISOString())}a(d)};return{isHovered:o,setIsHovered:t,hasConsent:n,acceptCookies:()=>{s(!0)},resetConsent:()=>{typeof localStorage<"u"&&(localStorage.removeItem(l),localStorage.removeItem(`${l}-expires`)),a(!1)}}},Sm=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"}}}),jm=({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:s,onCustomize:u,views:c,showCustomizeButton:d=!0,cookieExpiration:m=365,themeMode:g,...h})=>{const{themeMode:f}=i.useTheme(),{hasConsent:y,acceptCookies:b}=Cm(m),C=Sm()[l];if(y)return null;const j=()=>{b(),s&&s()},w=()=>{u&&u()};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,...c==null?void 0:c.container,...h,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",...c==null?void 0:c.title,children:e}),o&&r.jsx(i.Text,{fontSize:14,color:"color-black",...c==null?void 0:c.description,children:o}),r.jsxs(i.Horizontal,{gap:12,justifyContent:"flex-end",marginTop:8,...c==null?void 0:c.buttonGroup,children:[d&&r.jsx(se,{variant:"outline",onClick:w,size:"sm",...c==null?void 0:c.customizeButton,children:n}),r.jsx(se,{variant:"filled",onClick:j,size:"sm",...c==null?void 0:c.acceptButton,children:t})]})]})})},wm=e=>r.jsx(jm,{...e}),vm=wm,Tm=e=>{const{size:o,variant:t,onOpenChange:n}=e||{},[a,l]=p.useState(!1),[s,u]=p.useState({x:0,y:0}),[c,d]=p.useState(null),m=p.useRef(null),g=p.useRef(null),h=p.useMemo(()=>Ht("contextmenu-content"),[]),f=p.useCallback(b=>{u({x:b.clientX,y:b.clientY}),l(!0),n==null||n(!0)},[n]),y=p.useCallback(()=>{l(!1),d(null),n==null||n(!1)},[n]);return p.useEffect(()=>{const b=j=>{g.current&&!g.current.contains(j.target)&&y()},k=()=>{a&&y()},C=j=>{j.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",b),window.addEventListener("resize",k),document.addEventListener("keydown",C),()=>{document.removeEventListener("mousedown",b),window.removeEventListener("resize",k),document.removeEventListener("keydown",C)}},[a,y]),{isOpen:a,setIsOpen:l,position:s,setPosition:u,activeSubmenuId:c,setActiveSubmenuId:d,size:o,variant:t,triggerRef:m,contentRef:g,contentId:h,openMenu:f,closeMenu:y}},Mn={sm:{padding:"6px 8px",fontSize:"14px",minWidth:"160px"},md:{padding:"8px 12px",fontSize:"16px",minWidth:"180px"},lg:{padding:"10px 16px",fontSize:"18px",minWidth:"200px"}},Im={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"}},Wn={hover:{backgroundColor:"color-gray-100"}},il=p.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:()=>{}}),Fm=({children:e,value:o})=>r.jsx(il.Provider,{value:o,children:e}),Mr=()=>{const e=p.useContext(il);if(!e)throw new Error("useContextMenuContext must be used within a ContextMenuProvider");return e},sl=({children:e,disableNativeContextMenu:o=!0,asChild:t=!1,isDisabled:n=!1,views:a,...l})=>{const{triggerRef:s,contentId:u,openMenu:c}=Mr(),m={ref:s,onContextMenu:g=>{if(!n)if(o&&g.preventDefault(),c)c(g);else{const{setIsOpen:h,setPosition:f}=Mr();f({x:g.clientX,y:g.clientY}),h(!0)}},"aria-controls":u,"aria-haspopup":"menu","data-disabled":n?"":void 0,...t&&p.isValidElement(e)&&e.props.isDisabled===void 0&&{isDisabled:n},...a==null?void 0:a.container,...l};if(t&&p.isValidElement(e)){const g=p.Children.only(e);return p.cloneElement(g,{...m,...g.props})}return r.jsx(i.View,{...m,children:e})},on=({items:e,children:o,position:t,side:n="right",align:a="start",views:l,style:s,...u})=>{const{isOpen:c,position:d,contentRef:m,contentId:g,variant:h}=Mr(),f=p.useRef(null),y=m||f,{ref:b,relation:k}=i.useElementPosition({}),[C,j]=p.useState({x:0,y:0});if(p.useEffect(()=>{if(c&&y.current){const S=t||d,x=y.current.offsetWidth,v=y.current.offsetHeight,T=window.innerWidth,F=window.innerHeight;let V=S.x,E=S.y;k&&(k.space.horizontal==="left"?V=S.x-x:V=S.x,k.space.vertical==="top"?E=S.y-v:E=S.y),V+x>T&&(V=T-x-8),V<8&&(V=8),E+v>F&&(E=F-v-8),E<8&&(E=8),j({x:V,y:E})}},[c,d,t,n,a,y,k]),!c)return null;const w={position:"fixed",top:`${C.y}px`,left:`${C.x}px`,zIndex:1e3,transformOrigin:"top left"};return r.jsxs(i.View,{id:g||"context-menu",ref:y,role:"menu",tabIndex:-1,borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",overflow:"hidden",style:{...w,...s},...Im[h],...l==null?void 0:l.menu,...l==null?void 0:l.content,...u,children:[e&&e.map((S,x)=>S.divider?r.jsx(dl,{views:l},`divider-${x}`):r.jsx(cl,{item:S,views:l},S.id)),o]})},cl=({item:e,children:o,onSelect:t,isDisabled:n=!1,views:a,variant:l,shape:s,isLoading:u,loaderProps:c,loaderPosition:d,icon:m,iconPosition:g,isFilled:h,isAuto:f,isIconRounded:y,isHovered:b,shadow:k,ariaLabel:C,animation:j,textColor:w,reversed:S,borderMovingDuration:x,borderMovingGradientColors:v,animatedStrokeAccentColor:T,animatedStrokeTextColor:F,to:V,isExternal:E,config:I,...H})=>{const{activeSubmenuId:P,setActiveSubmenuId:z,size:W,closeMenu:R}=Mr();if(e){const[$,L]=p.useState(!1),D=e.items&&e.items.length>0,B=P===e.id,[_,N]=p.useState({x:0,y:0}),O=e.disabled||n,Y=()=>{L(!0),D&&z(e.id)},A=()=>{L(!1)},G=()=>{O||!D&&e.onClick&&(e.onClick(),R&&R())},{ref:K,relation:Q}=i.useElementPosition({});return p.useEffect(()=>{if(B&&K.current){const J=K.current.getBoundingClientRect(),oe=window.innerWidth,te=200;let re=!1;if(Q)re=Q.space.horizontal==="left";else{const U=oe-J.right,Z=J.left;re=U<te&&Z>U}N({x:re?J.left-te:J.right,y:J.top})}},[B,e.items,Q]),r.jsxs(i.View,{ref:K,role:"menuitem",display:"flex",alignItems:"center",cursor:O?"not-allowed":"pointer",opacity:O?.5:1,position:"relative","aria-disabled":O,"data-disabled":O?"":void 0,...Mn[W],_hover:O?{}:Wn.hover,backgroundColor:$&&!O?"color-gray-100":"transparent",onMouseEnter:Y,onMouseLeave:A,onClick:G,...a==null?void 0:a.item,...H,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(ce,{orientation:"right",widthHeight:16,color:"currentColor",filled:!0})}),B&&D&&r.jsx(on,{items:e.items||[],position:_,side:"right",align:"start",views:a})]})}const M=$=>{n||(t==null||t($),R&&R())};return r.jsx(i.View,{role:"menuitem",onClick:M,cursor:n?"not-allowed":"pointer",opacity:n?.5:1,"aria-disabled":n,"data-disabled":n?"":void 0,...Mn[W],_hover:n?{}:Wn.hover,...a==null?void 0:a.item,...H,children:o})},dl=({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}),Rm=({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}),zm=({children:e,items:o,size:t="md",variant:n="default",disableNativeContextMenu:a=!0,views:l,themeMode:s,onOpenChange:u,...c})=>!o||o.length===0?r.jsx(r.Fragment,{children:e}):r.jsxs(r.Fragment,{children:[r.jsx(sl,{disableNativeContextMenu:a,views:l,...c,children:e}),r.jsx(on,{items:o,views:l})]}),Mm=({children:e,items:o,size:t="md",variant:n="default",disableNativeContextMenu:a=!0,onOpenChange:l,views:s,...u})=>{const c=Tm({size:t,variant:n,onOpenChange:l}),{isOpen:d,setIsOpen:m,position:g,setPosition:h,activeSubmenuId:f,setActiveSubmenuId:y,triggerRef:b,contentRef:k,contentId:C,openMenu:j,closeMenu:w}=c;return r.jsx(Fm,{value:{isOpen:d,setIsOpen:m,position:g,setPosition:h,activeSubmenuId:f,setActiveSubmenuId:y,size:t,variant:n,triggerRef:b,contentRef:k,contentId:C,openMenu:j,closeMenu:w,styles:s},children:r.jsx(zm,{items:o,size:t,variant:n,disableNativeContextMenu:a,views:s,...u,children:e})})},Vo=Mm;Vo.Trigger=sl;Vo.Content=on;Vo.Item=cl;Vo.Divider=dl;Vo.Separator=Rm;const Wm=({src:e,color:o,views:t,themeMode:n,...a})=>{const{getColor:l,themeMode:s}=i.useTheme(),u=o?{fill:l(o,{themeMode:s}),stroke:l(o,{themeMode:s})}:{};return r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",...a,...t==null?void 0:t.container,children:r.jsx(i.Image,{...u,content:'url("'+e+'")',width:"100%",height:"100%",...t==null?void 0:t.image})})},Pm=({path:e,...o})=>r.jsx(i.Image,{src:e,...o}),ul=({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,s]=p.useState(!1),[u,c]=p.useState(!1),[d,m]=p.useState(a),[g,h]=p.useState(0),[f,y]=p.useState(!0);return{id:n,value:d,setValue:m,hide:f,setHide:y,isHovered:l,setIsHovered:s,isFocused:u,setIsFocused:c,highlightedIndex:g,setHighlightedIndex:h}},Ct=({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}),qe=p.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(Ct,{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})]}));qe.displayName="FieldContainer";const Hm={default:{borderRadius:"8px"},square:{borderRadius:0},rounded:{borderRadius:"8px"},pill:{borderRadius:"9999px"}},Vm={xs:"10px",sm:"11px",md:"11px",lg:"12px",xl:"12px"},Am={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"}},Em={paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px",media:{mobile:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px"}}},Dm={paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px",media:{mobile:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"12px",paddingRight:"12px"}}},Ze=({label:e,shadow:o,children:t,value:n,size:a="md",shape:l="default",variant:s="default",error:u=!1,showLabel:c=!1,isFocused:d=!1,isHovered:m=!1,isDisabled:g=!1,isReadOnly:h=!1,views:f={pickerBox:{}},...y})=>{const{themeMode:b}=i.useTheme(),k=b==="dark",j=u?"color-red-500":(m||d)&&!g?"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:j,backgroundColor:k?"color-gray-900":"color-white",fontSize:i.Typography.fontSizes[a],cursor:g?"not-allowed":h?"auto":"text",opacity:g?.7:1,transition:"border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease",...c?Em:Dm,...typeof o=="object"&&o!==null?o:{},...Hm[l],...Am[s],...f==null?void 0:f.container,...y,children:t})},rn=({children:e,...o})=>r.jsx(i.Horizontal,{gap:10,right:10,zIndex:500,flexWrap:"nowrap",alignItems:"center",justifyContent:"flex-end",...o,children:e}),$m={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}},Lm=({children:e,heading:o,isItalic:t=!1,isUnderlined:n=!1,isStriked:a=!1,weight:l="normal",size:s="sm",dropDown:u,error:c,isDisabled:d,helperText:m,views:g,...h})=>{const f=o?$m[o]:{};return r.jsx(i.Element,{as:"label",width:"100%",fontSize:s,fontStyle:t?"italic":"normal",fontWeight:i.Typography.fontWeights[l],textDecoration:a?"line-through":n?"underline":"none",...f,...h,children:e})},Bm=e=>r.jsx(Lm,{...e}),nr=Bm,io=({children:e,size:o="md",error:t=!1,color:n="theme-primary",views:a={label:{}},helperText:l,...s})=>r.jsx(nr,{position:"static",fontSize:Vm[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,...s,children:e}),Ao=({children:e,...o})=>r.jsx(i.Vertical,{display:"flex",flexDirection:"column",gap:4,flex:1,width:"100%",maxWidth:"100%",...o,children:e}),pl={xs:12,sm:14,md:16,lg:18,xl:20},_m={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)"},Om={enter:{opacity:1,transform:"translateY(0) scale(1)",transition:"all 0.2s ease-in-out"}},Nm={padding:"10px 12px",cursor:"pointer",borderRadius:8,margin:"2px 4px",transition:"all 0.15s ease-in-out"},mr={default:{},highlighted:{backgroundColor:"color-gray-100"},selected:{backgroundColor:"color-gray-100"},selectedHighlighted:{backgroundColor:"color-gray-200"}},Pn={open:{transform:"rotate(180deg)",transition:"all 0.2s ease-in-out"},closed:{transform:"rotate(0deg)",transition:"all 0.2s ease-in-out"}},qm={padding:"4px 8px",borderRadius:8,backgroundColor:"color-gray-100",fontSize:"12px",fontWeight:"500",color:"color-gray-700",transition:"all 0.15s ease-in-out"},Um={scrollbarWidth:"thin",scrollbarColor:"rgba(0, 0, 0, 0.15) transparent"},Gm=e=>{if(!e)return{};const{container:o,content:t,...n}=e;return n},Lo={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}},Ym=({isHovered:e,setIsHovered:o=()=>{},option:t,size:n="md",callback:a=()=>{},style:l,isSelected:s=!1,...u})=>{const c=(g,h)=>{g.stopPropagation(),g.preventDefault(),typeof a=="function"&&a(h)},d=()=>o(!e),m=()=>s&&e?mr.selectedHighlighted:s?mr.selected:e?mr.highlighted:mr.default;return r.jsxs(i.Element,{as:"li",display:"flex",alignItems:"center",justifyContent:"space-between",listStyleType:"none",...Nm,...m(),onMouseEnter:d,onMouseLeave:d,onClick:g=>c(g,t.value),...u,children:[r.jsx(i.Text,{fontSize:i.Typography.fontSizes[n],fontWeight:s?"500":"400",lineHeight:"14px",color:s?"color-gray-900":"color-gray-700",...l,children:t.label}),s&&r.jsx(i.Element,{as:"span",color:"theme-primary",fontSize:"14px",marginLeft:8,display:"flex",alignItems:"center",children:"✓"})]})},Xm=({size:e="md",views:o={field:{},text:{}},value:t,isDisabled:n,placeholder:a,removeOption:l=()=>{},options:s})=>{const u=(o==null?void 0:o.field)||{},c=(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",...u,...c,style:{backgroundColor:"transparent",...u.style,...c.style}},m=s.length>0&&s.find(g=>g.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"?(m&&m.label)??t:Array.isArray(t)&&t.length>0?r.jsx(i.Horizontal,{gap:6,children:t.map(g=>r.jsx(Qm,{option:g,removeOption:l},g))}):r.jsx("span",{children:t})})})},Km=({id:e,name:o,value:t,onChange:n,isMulti:a=!1,isDisabled:l=!1,isReadOnly:s=!1,options:u=[],...c})=>{const d=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:s,onChange:d,multiple:a,...c,children:u.length>0&&u.map(m=>r.jsx("option",{value:m.value,children:m.label},m.value))})},Jm=({size:e,views:o={},options:t,callback:n=()=>{},highlightedIndex:a,setHighlightedIndex:l=()=>{},selectedValue:s})=>{const u=d=>n(d),c=d=>Array.isArray(s)?s.includes(d):s===d;return r.jsx(i.Element,{as:"ul",role:"listbox",display:"flex",flexDirection:"column",margin:0,padding:"4px",..._m,style:Um,...o==null?void 0:o.dropDown,children:t&&t.length>0&&t.map((d,m)=>r.jsx(Ym,{size:e,style:o.text,option:d,callback:u,isSelected:c(d.value),isHovered:m===a,setIsHovered:()=>{},onMouseEnter:()=>l(m)},d.value))})},Qm=({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(),...qm,_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:pl[o],onClick:a,cursor:"pointer",transition:"all 0.2s ease-in-out",_hover:{color:"color-gray-700"}})]})},ml=({id:e,name:o,label:t,value:n,placeholder:a,helperText:l,hide:s=!1,error:u=!1,isMulti:c=!1,isFocused:d=!1,isHovered:m=!1,isDisabled:g=!1,isReadOnly:h=!1,options:f=[],shadow:y={},size:b="md",shape:k="default",variant:C="default",views:j={text:{},icon:{},dropDown:{},selectBox:{},label:{},helperText:{}},onChange:w=()=>{},setHide:S=()=>{},setValue:x=()=>{},setIsHovered:v=()=>{},setIsFocused:T=()=>{},setHighlightedIndex:F,highlightedIndex:V,isScrollable:E,...I})=>{const{ref:H,relation:P,updateRelation:z}=i.useElementPosition({trackChanges:!0,trackOnScroll:!0,trackOnResize:!0,throttleMs:10}),W=p.useRef(null),R=()=>{var G;if(!H.current)return{};const O=H.current.getBoundingClientRect(),Y={position:"fixed",left:O.left,width:O.width,zIndex:1e4};return((G=P==null?void 0:P.space)==null?void 0:G.vertical)==="top"?{...Y,bottom:window.innerHeight-O.top+8}:{...Y,top:O.bottom+8}};p.useEffect(()=>{const O=()=>S(!0);return document.addEventListener("closeAllSelects",O),()=>document.removeEventListener("closeAllSelects",O)},[S]),p.useEffect(()=>{const O=Y=>{!Y.target.closest(`#${e}`)&&!s&&S(!0)};return document.addEventListener("click",O),()=>{document.removeEventListener("click",O)}},[e,s,S]);const M=()=>v(!m),$=()=>T(!0),L=O=>{document.dispatchEvent(new Event("closeAllSelects")),O&&O.stopPropagation&&O.stopPropagation();const Y=!s;S(Y),T(!Y)},D=p.useCallback(O=>{if(S(!0),document.dispatchEvent(new Event("closeAllSelects")),c&&Array.isArray(n)){if(!n.includes(O)){const Y=[...n,O];x(Y),w&&w(O)}}else x(O),w&&w(O);T(!0)},[c,n,S,x,w,T]),B=O=>{if(Array.isArray(n)&&n.includes(O)){const Y=n.filter(A=>A!==O);x(Y.length===0?[]:Y)}},_=!!t,N=Gm(j);return r.jsx(qe,{ref:H,position:"relative",width:"100%",display:"inline-block",id:e,role:"SelectBox",helperText:l,error:u,views:N,onClick:O=>{O.stopPropagation(),g||h||L(O)},children:r.jsxs(Ze,{label:t,size:b,error:u,shape:k,views:j,shadow:y,variant:C,value:n,color:"theme-primary",isHovered:m,isDisabled:g,isReadOnly:h,isFocused:d,showLabel:_,minHeight:`${Lo[b].minHeight}px`,paddingTop:Lo[b].shellPaddingY,paddingBottom:Lo[b].shellPaddingY,paddingLeft:Lo[b].shellPaddingX,paddingRight:Lo[b].shellPaddingX,onMouseEnter:M,onMouseLeave:M,position:"relative",...j==null?void 0:j.content,children:[r.jsxs(Ao,{children:[_&&r.jsx(io,{htmlFor:e,color:"theme-primary",error:u,...j==null?void 0:j.label,children:t}),r.jsx(Km,{id:e,name:o,options:f,onChange:w,value:n,isDisabled:g,isReadOnly:h,isMulti:c,onFocus:$,...I}),r.jsx(Xm,{options:f,size:b,views:j,value:n,isDisabled:g,placeholder:a,removeOption:B})]}),r.jsx(rn,{children:!h&&!g&&r.jsx(i.Element,{display:"flex",alignItems:"center",justifyContent:"center",style:s?Pn.closed:Pn.open,children:r.jsx(ce,{color:"inherit",widthHeight:pl[b],style:j.icon,orientation:"down"})})}),!s&&f.length>0&&r.jsx($t,{children:r.jsx(i.Element,{ref:W,onClick:O=>O.stopPropagation(),style:{...R(),...Om.enter},children:r.jsx(Jm,{size:b,views:j,options:f,callback:D,highlightedIndex:V,setHighlightedIndex:F,selectedValue:n})})})]})})},Zm=e=>{const o=ge("select",e),t={...o,options:o.options||[]},n=ul(t);return r.jsx(ml,{...n,...t,onClick:a=>{a.stopPropagation(),o.onClick&&o.onClick(a)}})},er=Zm,gl=({isDisabled:e,isChecked:o})=>{const[t,n]=p.useState(!1),[a,l]=p.useState(o||!1),[s,u]=p.useState(o||!1);return p.useEffect(()=>{o!==void 0&&(l(o),u(o))},[o]),{isHovered:t,setIsHovered:n,on:a,setOn:l,value:s,setValue:u}},Hn={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"}},e0={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"}},o0={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"}},r0={xs:"9px",sm:"10px",md:"11px",lg:"12px",xl:"13px"},gr={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}},oo={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}}},Vn={slider:{transition:"all 0.2s ease-in-out"},knob:{transition:"all 0.2s ease-in-out"}},t0=e=>r.jsx(i.Input,{type:"checkbox",...e}),hl=({id:e,name:o,label:t,inActiveChild:n,isChecked:a,activeChild:l,labelPosition:s="right",shadow:u={},size:c="sm",value:d=!1,isHovered:m=!1,isDisabled:g=!1,isReadOnly:h=!1,on:f,setOn:y=()=>{},onChange:b,setValue:k=()=>{},setIsHovered:C=()=>{},helperText:j,views:w={slider:{},circle:{},label:{}},...S})=>{const x=typeof a=="boolean"?a:d,T=!!(l||n)?o0[c]:e0[c],F=`${gr[c].paddingHorizontal}px`,V=`${gr[c].paddingHorizontal+2}px`,E=`calc(${Hn[c].width} + ${gr[c].paddingHorizontal}px + 4px)`,I=r0[c],H=R=>{if(!h&&!g){const M=R.target.checked;k(M),y(M),b&&b(M)}},P=()=>C(!0),z=()=>C(!1),W={container:{gap:12,display:"flex",height:"fit-content",width:"fit-content",alignItems:"center",cursor:g?"not-allowed":h?"default":"pointer",opacity:g?.6:1,transition:"all 0.2s ease-in-out",...w.label}};return r.jsxs(nr,{htmlFor:e,onMouseEnter:P,onMouseLeave:z,...W.container,...S,children:[r.jsx(t0,{id:e,name:o,opacity:0,width:0,height:0,checked:x,onChange:H,disabled:g,readOnly:h,...S}),s==="left"&&t&&r.jsx(i.Text,{fontWeight:"500",color:g?"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:g?oo.default.disabled:x?m?oo.states.hover.active:oo.default.active:m?oo.states.hover.inactive:oo.default.inactive,opacity:!g&&x&&m?oo.states.hover.activeOpacity:1,cursor:"pointer",...Vn.slider,...u,...gr[c],...T,...w.slider,children:[l&&x&&r.jsx(i.View,{marginLeft:V,marginRight:E,transition:"all 0.2s ease-in-out",display:"flex",alignItems:"center",justifyContent:"center",height:"100%",width:"100%",overflow:"hidden",fontSize:I,color:"color-white",fontWeight:600,children:l}),r.jsx(i.View,{position:"absolute",top:"50%",left:x?void 0:F,right:x?F:void 0,borderRadius:"50%",backgroundColor:oo.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)"}`,...Vn.knob,zIndex:1,...Hn[c],...w.circle}),n&&!x&&r.jsx(i.View,{marginLeft:E,marginRight:V,transition:"all 0.2s ease-in-out",display:"flex",alignItems:"center",justifyContent:"center",height:"100%",width:"100%",overflow:"hidden",fontSize:I,color:"color-white",fontWeight:600,children:n})]}),s==="right"&&t&&r.jsx(i.Text,{fontWeight:"500",color:g?"color-gray-400":"inherit",transition:"all 0.2s ease-in-out",children:t})]})},n0=e=>{const o=ge("switch",e),t=gl(o);return r.jsx(hl,{...t,...o})},tn=n0,fl=({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,s]=p.useState(!1),[u,c]=p.useState(!1),[d,m]=p.useState(a),[g,h]=p.useState(0),[f,y]=p.useState(!0);return{id:n,value:d,setValue:m,hide:f,setHide:y,isHovered:l,setIsHovered:s,isFocused:u,setIsFocused:c,highlightedIndex:g,setHighlightedIndex:h}},yl=({id:e,name:o,label:t,value:n,views:a={},options:l=[],onChange:s=()=>{},setValue:u=()=>{}})=>{const c=p.useCallback(d=>{u(d.value),s&&s(d.value)},[u,s]);return r.jsxs(qe,{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,m,g)=>{const h=n===d.value,f=d.color??"theme-primary",y=h?f:"color-gray-200",b=h?f:"color-gray-500",k=m===0,C=m===g.length-1,j=C||h;return r.jsx(i.View,{as:"button",type:"button",onClick:()=>c(d),flex:1,paddingVertical:6,paddingHorizontal:12,fontSize:"12px",fontWeight:h?"bold":"normal",cursor:"pointer",backgroundColor:"transparent",color:b,borderStyle:"solid",borderColor:y,borderTopWidth:1,borderBottomWidth:1,borderLeftWidth:1,borderRightWidth:j?1:0,borderRadius:k?"6px 0 0 6px":C?"0 6px 6px 0":"0",zIndex:h?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:()=>{}})]})},a0=e=>{const o={...e,options:e.options||[]},t=fl(o);return r.jsx(yl,{...t,...o,onClick:n=>{n.stopPropagation(),e.onClick&&e.onClick(n)}})},l0=a0,xl=({label:e,placeholder:o,value:t})=>{const[n,a]=p.useState(e??o),[l,s]=p.useState(!1),[u,c]=p.useState(t||""),[d,m]=p.useState(!1);return p.useMemo(()=>{a(d&&!u?o??"":e??o)},[u,d,e,o]),{hint:n,setHint:a,isHovered:l,setIsHovered:s,value:u,setValue:c,isFocused:d,setIsFocused:m}},i0=e=>{if(!e)return{};const{container:o,content:t,...n}=e;return n},s0=(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"},bl=({id:e,name:o,hint:t,error:n,value:a,label:l,shadow:s,helperText:u,placeholder:c,size:d="sm",shape:m="default",variant:g="default",isHovered:h=!1,isFocused:f=!1,isEditable:y=!1,isReadOnly:b=!1,isDisabled:k=!1,isAutoFocus:C=!1,isMultiline:j=!1,maxRows:w=3,maxCols:S=30,onBlur:x=()=>{},onChange:v,onFocus:T,setHint:F=()=>{},setValue:V=()=>{},setIsFocused:E=()=>{},setIsHovered:I=()=>{},onChangeText:H,onSubmit:P,isWorkerRunning:z,inputRef:W,views:R={label:{},helperText:{}},...M})=>{const $=!!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"}},D=(R==null?void 0:R.field)||{},B=(R==null?void 0:R.container)||{},_=s0(B.borderRadius,m),N={...R,container:{...B,..._!==void 0?{borderRadius:_}:{},overflow:"hidden"}},O=i0(R),Y={margin:0,paddingVertical:0,paddingHorizontal:0,width:"100%",minHeight:L[d].minHeight,maxHeight:"calc(100vh - 100px)",border:"none",on:{focus:{outline:"none"}},fontSize:L[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",...D,style:{backgroundColor:"transparent",...D.style}},A=()=>{E(!0),T&&T()},G=Q=>{x(Q),E(!1)},K=Q=>{typeof Q=="string"?(V(Q),v&&v(Q)):(V(Q.target.value),v&&v(Q.target.value))};return r.jsx(qe,{helperText:u,error:n,views:O,children:r.jsx(Ze,{label:l,size:d,error:n,shape:m,views:N,shadow:s,variant:g,value:a,color:"theme-primary",isHovered:h,isDisabled:k,isReadOnly:b,isFocused:f,showLabel:$,alignItems:"flex-start",minHeight:L[d].minHeight,paddingTop:L[d].shellPaddingY,paddingBottom:L[d].shellPaddingY,paddingLeft:L[d].shellPaddingX,paddingRight:L[d].shellPaddingX,onMouseEnter:()=>I(!0),onMouseLeave:()=>I(!1),...N==null?void 0:N.content,children:r.jsxs(Ao,{...R==null?void 0:R.warper,children:[$&&r.jsx(io,{htmlFor:e,color:"theme-primary",error:n,...R==null?void 0:R.label,children:l}),r.jsx(i.Element,{ref:W,as:"textarea",id:e,name:o,rows:w,cols:S,value:a,readOnly:b,disabled:k,autoFocus:C,placeholder:c||t,onBlur:G,onFocus:A,onChange:Q=>K(Q),...Y,...M,style:{resize:k||b?"none":"vertical",...Y.style,...M.style||{}},...R==null?void 0:R.textarea})]})})})},c0=e=>{const o=ge("textarea",e),t=xl(o);return r.jsx(bl,{...t,...o})},nn=c0,an=({label:e,placeholder:o,value:t})=>{const[n,a]=p.useState(e??o),[l,s]=p.useState(!1),[u,c]=p.useState(!1),[d,m]=p.useState(t);return p.useMemo(()=>{a(l&&!d?o??"":e??o)},[d,l,e,o]),{hint:n,setHint:a,isFocused:l,setIsFocused:s,isHovered:u,setIsHovered:c,setValue:m,value:d}},ar=({id:e,name:o,label:t,hint:n,value:a,onChange:l,left:s,right:u,helperText:c,placeholder:d,onChangeText:m,shadow:g={},views:h={container:{},field:{},label:{},helperText:{},text:{}},size:f="md",shape:y="default",variant:b="default",error:k=!1,isFocused:C=!1,isHovered:j=!1,isDisabled:w=!1,isReadOnly:S=!1,isClearable:x=!0,isAutoFocus:v=!1,setHint:T=()=>{},setIsFocused:F=()=>{},setIsHovered:V=()=>{},setValue:E=()=>{},onClick:I=()=>{},onFocus:H,onBlur:P=()=>{},themeMode:z,inputRef:W,...R})=>{const{getColor:M,themeMode:$}=i.useTheme(),L=M(w?"color-gray-400":"color-gray-500",{themeMode:z||$}),D=!!t,B={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"}},_=(h==null?void 0:h.field)||{},N="0 0 0 1000px var(--theme-canvas) inset",O={margin:0,paddingVertical:0,paddingHorizontal:0,width:"100%",minHeight:"auto",border:"none",backgroundColor:"transparent",fontSize:B[f].fontSize,letterSpacing:"-0.01em",fontWeight:400,color:w?"color-gray-400":"color-gray-900",cursor:w?"not-allowed":"text",opacity:w?.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:N,WebkitBoxShadow:N,WebkitTextFillColor:"var(--theme-text)",transition:"background-color 5000s ease-in-out 0s"},_webkitContactsAutoFillButton:{visibility:"hidden",pointerEvents:"none",position:"absolute",right:0},..._},Y=()=>{F(!0),H&&H()},A=()=>V(!0),G=()=>V(!1),K=U=>{P&&P(U),F(!1)},Q=U=>{typeof U=="string"?(E(U),m&&m(U),l&&l(U)):(E(U.target.value),m&&m(U.target.value),l&&l(U.target.value))},J=()=>{E(""),l&&(P({target:{name:o}}),m&&m(""),l&&l("")),typeof document>"u"&&m&&m("")},{container:oe,content:te,...re}=h||{};return r.jsx(qe,{helperText:c,error:k,views:re,children:r.jsxs(Ze,{label:t,size:f,error:k,shape:y,views:h,shadow:g,variant:b,value:a,color:"theme-primary",isHovered:j,isDisabled:w,isReadOnly:S,isFocused:C,showLabel:D,minHeight:`${B[f].minHeight}px`,paddingTop:B[f].shellPaddingY,paddingBottom:B[f].shellPaddingY,paddingLeft:B[f].shellPaddingX,paddingRight:B[f].shellPaddingX,onMouseEnter:A,onMouseLeave:G,children:[s,r.jsxs(Ao,{children:[D&&r.jsx(io,{htmlFor:e,color:"theme-primary",error:k,...h==null?void 0:h.label,children:t}),r.jsx(i.Input,{ref:W,type:"text",id:e,name:o,readOnly:S,disabled:w,autoFocus:v,placeholder:d||n,onFocus:Y,onBlur:K,autoComplete:"off",...O,...R,onChange:Q,value:a})]}),x&&a&&!S&&!w&&r.jsx(rn,{children:r.jsx(Te,{size:20,color:L,onClick:J,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)"}})}),u]})})},d0=e=>{const o=ge("input",e),t=an(o);return r.jsx(ar,{...t,...o})},ve=d0,kl=({defaultIsSelected:e=!1})=>{const[o,t]=p.useState(!1),[n,a]=p.useState(e);return{isHovered:o,setIsHovered:t,isSelected:n,setIsSelected:a}},u0={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"}},An={xs:10,sm:14,md:16,lg:20,xl:24},p0={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"}},tt={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"}}},Cl=({id:e,icon:o,name:t,label:n,isChecked:a,onChange:l,onValueChange:s,shadow:u={},labelPosition:c="right",size:d="md",error:m=!1,isSelected:g=!1,isHovered:h=!1,isDisabled:f=!1,isReadOnly:y=!1,isIndeterminate:b=!1,defaultIsSelected:k=!1,setIsSelected:C=()=>{},setIsHovered:j=()=>{},setIsChecked:w,views:S={checkbox:{},label:{}},infoText:x,helperText:v,...T})=>{const F=()=>j(!h),V=()=>{!y&&!f&&(C&&C(!g),l&&l(!a),s&&s(!a))},E=b?"indeterminate":a||g?"selected":"unselected",I=m?tt.error[E]:f?tt.disabled[E]:h?tt.hover[E]:{},H={container:{gap:8,display:"flex",height:"fit-content",flexDirection:"column",width:"fit-content",color:m?"color-red-600":f?"color-gray-400":"inherit",cursor:f?"not-allowed":y?"default":"pointer",opacity:f?.6:1,transition:"all 0.2s ease-in-out",...S.label},checkbox:{...p0[E],...I,borderRadius:6,...u0[d],transition:"all 0.2s ease-in-out",...u,...S.checkbox}};return r.jsxs(nr,{htmlFor:e,as:"div",onClick:V,onMouseEnter:F,onMouseLeave:F,size:i.Typography.fontSizes[d],...H.container,...T,children:[r.jsxs(i.Vertical,{gap:8,children:[" ",r.jsxs(i.Horizontal,{gap:12,alignItems:"center",children:[" ",c==="left"&&n&&r.jsx(i.Text,{size:d,fontWeight:"500",...S==null?void 0:S.label,children:n}),r.jsx(i.Center,{...H.checkbox,children:b?r.jsx(Ha,{widthHeight:An[d],color:"color-white",transition:"opacity 0.2s ease"}):(a||g)&&(o??r.jsx(rr,{widthHeight:An[d],color:"color-white",transition:"opacity 0.2s ease"}))}),c==="right"&&n&&r.jsx(i.Text,{size:d,fontWeight:"500",...S==null?void 0:S.label,children:n})]}),x&&r.jsx(i.Text,{marginLeft:c==="left"?0:36,color:"color-gray-500",size:"sm",fontWeight:"400",lineHeight:"20px",...S==null?void 0:S.infoText,children:x})]}),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})]})},m0=e=>{const o=ge("checkbox",e),t=kl(o);return r.jsx(Cl,{...t,...o})},ln=m0,Sl=e=>{const{value:o,defaultValue:t="",onChange:n,onChangeComplete:a,onOpen:l,onClose:s,closeOnSelect:u=!0,maxRecentColors:c=8,showRecentColors:d=!0,isAutoFocus:m=!1}=e,[g,h]=p.useState(!1),[f,y]=p.useState(o??t),[b,k]=p.useState(""),[C,j]=p.useState([]),[w,S]=p.useState(!1),[x,v]=p.useState(!1),T=p.useRef(null),F=p.useRef(null);p.useEffect(()=>{o!==void 0&&y(o)},[o]),p.useEffect(()=>{if(d&&typeof localStorage<"u")try{const R=localStorage.getItem("colorInput-recentColors");R&&j(JSON.parse(R))}catch(R){console.warn("Failed to load recent colors from localStorage:",R)}},[d]),p.useEffect(()=>{const R=T.current;m&&R&&typeof R.focus=="function"&&R.focus()},[m]),p.useEffect(()=>{if(typeof(document==null?void 0:document.addEventListener)!="function")return;const R=M=>{g&&T.current&&F.current&&!T.current.contains(M.target)&&!F.current.contains(M.target)&&z()};return document.addEventListener("mousedown",R),()=>document.removeEventListener("mousedown",R)},[g]);const V=p.useCallback(R=>{d&&j(M=>{const $=M.filter(D=>D!==R),L=[R,...$].slice(0,c);try{typeof localStorage<"u"&&localStorage.setItem("colorInput-recentColors",JSON.stringify(L))}catch(D){console.warn("Failed to save recent colors to localStorage:",D)}return L})},[d,c]),E=p.useCallback(()=>{const R=!g;h(R),R?l==null||l():s==null||s()},[g,l,s]),I=p.useCallback(R=>{y(R),V(R),n==null||n(R),a==null||a(R),u&&(h(!1),s==null||s())},[n,a,u,s,V]),H=p.useCallback(R=>{k(R)},[]),P=p.useCallback(()=>{b&&(I(b),k(""))},[b,I]),z=p.useCallback(()=>{h(!1),s==null||s()},[s]),W=p.useCallback(R=>{y(R),n==null||n(R)},[n]);return{isOpen:g,selectedColor:f,recentColors:C,customColor:b,isFocused:w,isHovered:x,handleToggle:E,handleColorSelect:I,handleCustomColorChange:H,handleCustomColorSubmit:P,handleClose:z,setIsFocused:S,setIsHovered:v,setValue:W,triggerRef:T,dropdownRef:F}},Bo={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"}},g0={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"}},h0={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},f0={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"}},y0=[{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"}],jl=({id:e,name:o,label:t,placeholder:n="Select a color",helperText:a,views:l={},size:s="md",shape:u="default",variant:c="default",shadow:d,error:m=!1,isDisabled:g=!1,isReadOnly:h=!1,isFocused:f=!1,isHovered:y=!1,predefinedColors:b=y0,showCustomInput:k=!0,showRecentColors:C=!0,isOpen:j=!1,selectedColor:w="",recentColors:S=[],customColor:x="",handleToggle:v=()=>{},handleColorSelect:T=()=>{},handleCustomColorChange:F=()=>{},handleCustomColorSubmit:V=()=>{},handleClose:E,setIsFocused:I=()=>{},setIsHovered:H=()=>{},setValue:P,triggerRef:z,dropdownRef:W,onChange:R,onChangeComplete:M,onOpen:$,onClose:L,colorFormat:D,maxRecentColors:B,closeOnSelect:_,value:N,defaultValue:O,...Y})=>{const{getColor:A}=i.useTheme(),G={...Bo.container,...l==null?void 0:l.container},K={...Bo.trigger,...g0[s],...h0[u],...f0[c],...m&&{borderColor:"color-red-500"},...g&&{opacity:.6,cursor:"not-allowed"},...f&&{borderColor:"theme-primary",boxShadow:"0 0 0 2px rgba(255, 255, 255, 1), 0 0 0 4px rgba(29, 78, 216, 0.16)"},...y&&!g&&{borderColor:"color-gray-400"},...l==null?void 0:l.trigger,...d&&d},Q={...Bo.dropdown,...l==null?void 0:l.dropdown},J={...Bo.colorGrid,...l==null?void 0:l.colorGrid},oe={...Bo.recentColors,...l==null?void 0:l.recentColors},te=w||"color-gray-200";return r.jsxs(i.View,{...G,...Y,children:[t&&r.jsx(nr,{htmlFor:e,size:s,isDisabled:g,error:m,views:l==null?void 0:l.label,children:t}),r.jsxs(i.View,{ref:z,onClick:g||h?void 0:v,onMouseEnter:()=>H(!0),onMouseLeave:()=>H(!1),onFocus:()=>I(!0),onBlur:()=>I(!1),tabIndex:g?-1:0,role:"button","aria-expanded":j,"aria-haspopup":"listbox","aria-label":t||n,width:"fit-content",gap:8,...K,children:[r.jsx(i.View,{width:"20px",height:"20px",borderRadius:"4px",backgroundColor:te,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-300"}),!h&&!g&&r.jsx(ce,{widthHeight:16,color:"color-gray-500",orientation:j?"up":"down"})]}),j&&r.jsxs(i.View,{ref:W,...Q,children:[r.jsx(i.View,{...J,children:b.map((re,U)=>r.jsx(i.View,{width:"24px",height:"24px",borderRadius:"8px",backgroundColor:re.value,borderWidth:"2px",borderStyle:"solid",borderColor:w===re.value?"theme-primary":"transparent",cursor:"pointer",transition:"transform 0.2s ease, border-color 0.2s ease",onClick:()=>T(re.value),title:re.name,_hover:{transform:"scale(1.05)",borderColor:"color-gray-400"},...l==null?void 0:l.colorSwatch},U))}),C&&S.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",...oe,children:S.map((re,U)=>r.jsx(i.View,{width:"20px",height:"20px",borderRadius:"8px",backgroundColor:re,borderWidth:"1px",borderStyle:"solid",borderColor:w===re?"theme-primary":"color-gray-300",cursor:"pointer",transition:"transform 0.2s ease, border-color 0.2s ease",onClick:()=>T(re),title:re,_hover:{transform:"scale(1.05)",borderColor:"color-gray-400"}},U))})]}),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(ve,{value:x,onChange:re=>F(re.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:V,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})]})},x0=e=>{const o=Sl(e);return r.jsx(jl,{...o,...e})},b0=x0,St=[{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"}],wl=({placeholder:e})=>{const[o,t]=p.useState(St),[n,a]=p.useState(e??St[0].name),[l,s]=p.useState(!0),[u,c]=p.useState(!1),[d,m]=p.useState(!1);return{hide:l,setHide:s,newOptions:o,setNewOptions:t,isHovered:d,setIsHovered:m,isFocused:u,setIsFocused:c,value:n,setValue:a}},En={xs:8,sm:10,md:12,lg:14,xl:16},k0=({size:e,...o})=>r.jsx(i.Element,{as:"ul",...o}),C0=e=>r.jsx(i.Input,{type:"country",...e}),S0=({size:e,...o})=>r.jsx(i.Element,{as:"li",...o}),j0=({option:e,size:o="md",callback:t=()=>{},views:n={text:{}}})=>{const a=l=>{l&&l.stopPropagation&&l.stopPropagation(),t(e)};return r.jsx(S0,{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})},w0=({size:e,views:o={dropDown:{}},options:t=[],callback:n=()=>{}})=>{const a=l=>n(l);return r.jsx(k0,{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(j0,{size:e,option:l.name,callback:a,...o.text},l.code))})},vl=({id:e,name:o,label:t,value:n,placeholder:a,helperText:l,hide:s=!1,error:u=!1,isHovered:c=!1,isFocused:d=!1,isAutoFocus:m=!1,isDisabled:g=!1,isReadOnly:h=!1,shadow:f={},newOptions:y=[],size:b="md",variant:k="default",shape:C="default",onChange:j,onBlur:w=()=>{},setHide:S=()=>{},setNewOptions:x=()=>{},setIsHovered:v=()=>{},setIsFocused:T=()=>{},setValue:F=()=>{},selected:V,setSelected:E,views:I={text:{},icon:{},label:{},dropDown:{},helperText:{}},themeMode:H,...P})=>{const{getColor:z,themeMode:W}=i.useTheme(),R=z("color-gray-500",{themeMode:H||W}),M=()=>T(!0),$=O=>{S(!s),F(O),j&&j(O)},L=()=>{!g&&!h&&S(!s)},D=O=>{const Y=O.target.value,A=St.filter(G=>G.name.toLowerCase().startsWith(Y.toLowerCase()));s&&S(!1),x(A),j&&j(Y)},B=O=>{w(O),T(!1)},_=!!(t&&(d||n)),N={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:g?"color-gray-400":"color-gray-900",cursor:g?"not-allowed":h?"auto":"pointer",...I.field};return r.jsxs(qe,{helperText:l,error:u,views:I,onClick:L,children:[r.jsxs(Ze,{label:t,size:b,error:u,shape:C,views:I,shadow:f,variant:k,value:n,color:"theme-primary",isDisabled:g,isReadOnly:h,isFocused:d,showLabel:_,_hover:!g&&!u?{borderColor:"theme-primary"}:void 0,children:[r.jsxs(Ao,{children:[_&&r.jsx(io,{htmlFor:e,color:"theme-primary",error:u,views:I,children:t}),r.jsx(C0,{id:e,name:o,placeholder:a,readOnly:h,disabled:g,autoFocus:m,onBlur:B,onFocus:M,...N,...P,value:n,onChange:D})]}),r.jsx(rn,{children:s?r.jsx(ce,{orientation:"down",widthHeight:En[b],color:R,style:I.icon}):r.jsx(ce,{orientation:"up",widthHeight:En[b],color:R,style:I.icon})})]}),!s&&r.jsx(w0,{size:b,views:I,options:y,callback:$})]})},v0=e=>{const o=wl(e);return r.jsx(vl,{...o,...e})},T0=v0;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 je(e,o){if(o.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+o.length+" present")}function I0(e){return je(1,arguments),e instanceof Date||Wr(e)==="object"&&Object.prototype.toString.call(e)==="[object Date]"}function $e(e){je(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 F0(e){if(je(1,arguments),!I0(e)&&typeof e!="number")return!1;var o=$e(e);return!isNaN(Number(o))}function lo(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 R0(e,o){je(2,arguments);var t=$e(e).getTime(),n=lo(o);return new Date(t+n)}function z0(e,o){je(2,arguments);var t=lo(o);return R0(e,-t)}var M0=864e5;function W0(e){je(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/M0)+1}function Pr(e){je(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 Tl(e){je(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 s=Pr(l);return o.getTime()>=a.getTime()?t+1:o.getTime()>=s.getTime()?t:t-1}function P0(e){je(1,arguments);var o=Tl(e),t=new Date(0);t.setUTCFullYear(o,0,4),t.setUTCHours(0,0,0,0);var n=Pr(t);return n}var H0=6048e5;function V0(e){je(1,arguments);var o=$e(e),t=Pr(o).getTime()-P0(o).getTime();return Math.round(t/H0)+1}var A0={};function Nr(){return A0}function Hr(e,o){var t,n,a,l,s,u,c,d;je(1,arguments);var m=Nr(),g=lo((t=(n=(a=(l=o==null?void 0:o.weekStartsOn)!==null&&l!==void 0?l:o==null||(s=o.locale)===null||s===void 0||(u=s.options)===null||u===void 0?void 0:u.weekStartsOn)!==null&&a!==void 0?a:m.weekStartsOn)!==null&&n!==void 0?n:(c=m.locale)===null||c===void 0||(d=c.options)===null||d===void 0?void 0:d.weekStartsOn)!==null&&t!==void 0?t:0);if(!(g>=0&&g<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var h=$e(e),f=h.getUTCDay(),y=(f<g?7:0)+f-g;return h.setUTCDate(h.getUTCDate()-y),h.setUTCHours(0,0,0,0),h}function Il(e,o){var t,n,a,l,s,u,c,d;je(1,arguments);var m=$e(e),g=m.getUTCFullYear(),h=Nr(),f=lo((t=(n=(a=(l=o==null?void 0:o.firstWeekContainsDate)!==null&&l!==void 0?l:o==null||(s=o.locale)===null||s===void 0||(u=s.options)===null||u===void 0?void 0:u.firstWeekContainsDate)!==null&&a!==void 0?a:h.firstWeekContainsDate)!==null&&n!==void 0?n:(c=h.locale)===null||c===void 0||(d=c.options)===null||d===void 0?void 0:d.firstWeekContainsDate)!==null&&t!==void 0?t:1);if(!(f>=1&&f<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var y=new Date(0);y.setUTCFullYear(g+1,0,f),y.setUTCHours(0,0,0,0);var b=Hr(y,o),k=new Date(0);k.setUTCFullYear(g,0,f),k.setUTCHours(0,0,0,0);var C=Hr(k,o);return m.getTime()>=b.getTime()?g+1:m.getTime()>=C.getTime()?g:g-1}function E0(e,o){var t,n,a,l,s,u,c,d;je(1,arguments);var m=Nr(),g=lo((t=(n=(a=(l=o==null?void 0:o.firstWeekContainsDate)!==null&&l!==void 0?l:o==null||(s=o.locale)===null||s===void 0||(u=s.options)===null||u===void 0?void 0:u.firstWeekContainsDate)!==null&&a!==void 0?a:m.firstWeekContainsDate)!==null&&n!==void 0?n:(c=m.locale)===null||c===void 0||(d=c.options)===null||d===void 0?void 0:d.firstWeekContainsDate)!==null&&t!==void 0?t:1),h=Il(e,o),f=new Date(0);f.setUTCFullYear(h,0,g),f.setUTCHours(0,0,0,0);var y=Hr(f,o);return y}var D0=6048e5;function $0(e,o){je(1,arguments);var t=$e(e),n=Hr(t,o).getTime()-E0(t,o).getTime();return Math.round(n/D0)+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 Ue={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)}},yo={midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},L0={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 Ue.y(o,t)},Y:function(o,t,n,a){var l=Il(o,a),s=l>0?l:1-l;if(t==="YY"){var u=s%100;return ne(u,2)}return t==="Yo"?n.ordinalNumber(s,{unit:"year"}):ne(s,t.length)},R:function(o,t){var n=Tl(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 Ue.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=$0(o,a);return t==="wo"?n.ordinalNumber(l,{unit:"week"}):ne(l,t.length)},I:function(o,t,n){var a=V0(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"}):Ue.d(o,t)},D:function(o,t,n){var a=W0(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(),s=(l-a.weekStartsOn+8)%7||7;switch(t){case"e":return String(s);case"ee":return ne(s,2);case"eo":return n.ordinalNumber(s,{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(),s=(l-a.weekStartsOn+8)%7||7;switch(t){case"c":return String(s);case"cc":return ne(s,t.length);case"co":return n.ordinalNumber(s,{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=yo.noon:a===0?l=yo.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=yo.evening:a>=12?l=yo.afternoon:a>=4?l=yo.morning:l=yo.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 Ue.h(o,t)},H:function(o,t,n){return t==="Ho"?n.ordinalNumber(o.getUTCHours(),{unit:"hour"}):Ue.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"}):Ue.m(o,t)},s:function(o,t,n){return t==="so"?n.ordinalNumber(o.getUTCSeconds(),{unit:"second"}):Ue.s(o,t)},S:function(o,t){return Ue.S(o,t)},X:function(o,t,n,a){var l=a._originalDate||o,s=l.getTimezoneOffset();if(s===0)return"Z";switch(t){case"X":return $n(s);case"XXXX":case"XX":return to(s);case"XXXXX":case"XXX":default:return to(s,":")}},x:function(o,t,n,a){var l=a._originalDate||o,s=l.getTimezoneOffset();switch(t){case"x":return $n(s);case"xxxx":case"xx":return to(s);case"xxxxx":case"xxx":default:return to(s,":")}},O:function(o,t,n,a){var l=a._originalDate||o,s=l.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+Dn(s,":");case"OOOO":default:return"GMT"+to(s,":")}},z:function(o,t,n,a){var l=a._originalDate||o,s=l.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+Dn(s,":");case"zzzz":default:return"GMT"+to(s,":")}},t:function(o,t,n,a){var l=a._originalDate||o,s=Math.floor(l.getTime()/1e3);return ne(s,t.length)},T:function(o,t,n,a){var l=a._originalDate||o,s=l.getTime();return ne(s,t.length)}};function Dn(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 s=o;return t+String(a)+s+ne(l,2)}function $n(e,o){if(e%60===0){var t=e>0?"-":"+";return t+ne(Math.abs(e)/60,2)}return to(e,o)}function to(e,o){var t=o||"",n=e>0?"-":"+",a=Math.abs(e),l=ne(Math.floor(a/60),2),s=ne(a%60,2);return n+l+t+s}var Ln=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"})}},Fl=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"})}},B0=function(o,t){var n=o.match(/(P+)(p+)?/)||[],a=n[1],l=n[2];if(!l)return Ln(o,t);var s;switch(a){case"P":s=t.dateTime({width:"short"});break;case"PP":s=t.dateTime({width:"medium"});break;case"PPP":s=t.dateTime({width:"long"});break;case"PPPP":default:s=t.dateTime({width:"full"});break}return s.replace("{{date}}",Ln(a,t)).replace("{{time}}",Fl(l,t))},_0={p:Fl,P:B0};function O0(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 N0=["D","DD"],q0=["YY","YYYY"];function U0(e){return N0.indexOf(e)!==-1}function G0(e){return q0.indexOf(e)!==-1}function Bn(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 Y0={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"}},X0=function(o,t,n){var a,l=Y0[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 nt(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 K0={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},J0={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},Q0={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},Z0={date:nt({formats:K0,defaultWidth:"full"}),time:nt({formats:J0,defaultWidth:"full"}),dateTime:nt({formats:Q0,defaultWidth:"full"})},eg={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},og=function(o,t,n,a){return eg[o]};function _o(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,s=t!=null&&t.width?String(t.width):l;a=e.formattingValues[s]||e.formattingValues[l]}else{var u=e.defaultWidth,c=t!=null&&t.width?String(t.width):e.defaultWidth;a=e.values[c]||e.values[u]}var d=e.argumentCallback?e.argumentCallback(o):o;return a[d]}}var rg={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},tg={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},ng={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"]},ag={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"]},lg={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"}},ig={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"}},sg=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"},cg={ordinalNumber:sg,era:_o({values:rg,defaultWidth:"wide"}),quarter:_o({values:tg,defaultWidth:"wide",argumentCallback:function(o){return o-1}}),month:_o({values:ng,defaultWidth:"wide"}),day:_o({values:ag,defaultWidth:"wide"}),dayPeriod:_o({values:lg,defaultWidth:"wide",formattingValues:ig,defaultFormattingWidth:"wide"})};function Oo(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 s=l[0],u=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],c=Array.isArray(u)?ug(u,function(g){return g.test(s)}):dg(u,function(g){return g.test(s)}),d;d=e.valueCallback?e.valueCallback(c):c,d=t.valueCallback?t.valueCallback(d):d;var m=o.slice(s.length);return{value:d,rest:m}}}function dg(e,o){for(var t in e)if(e.hasOwnProperty(t)&&o(e[t]))return t}function ug(e,o){for(var t=0;t<e.length;t++)if(o(e[t]))return t}function pg(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 s=e.valueCallback?e.valueCallback(l[0]):l[0];s=t.valueCallback?t.valueCallback(s):s;var u=o.slice(a.length);return{value:s,rest:u}}}var mg=/^(\d+)(th|st|nd|rd)?/i,gg=/\d+/i,hg={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},fg={any:[/^b/i,/^(a|c)/i]},yg={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},xg={any:[/1/i,/2/i,/3/i,/4/i]},bg={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},kg={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]},Cg={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},Sg={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]},jg={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},wg={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}},vg={ordinalNumber:pg({matchPattern:mg,parsePattern:gg,valueCallback:function(o){return parseInt(o,10)}}),era:Oo({matchPatterns:hg,defaultMatchWidth:"wide",parsePatterns:fg,defaultParseWidth:"any"}),quarter:Oo({matchPatterns:yg,defaultMatchWidth:"wide",parsePatterns:xg,defaultParseWidth:"any",valueCallback:function(o){return o+1}}),month:Oo({matchPatterns:bg,defaultMatchWidth:"wide",parsePatterns:kg,defaultParseWidth:"any"}),day:Oo({matchPatterns:Cg,defaultMatchWidth:"wide",parsePatterns:Sg,defaultParseWidth:"any"}),dayPeriod:Oo({matchPatterns:jg,defaultMatchWidth:"any",parsePatterns:wg,defaultParseWidth:"any"})},Tg={code:"en-US",formatDistance:X0,formatLong:Z0,formatRelative:og,localize:cg,match:vg,options:{weekStartsOn:0,firstWeekContainsDate:1}},Ig=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Fg=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Rg=/^'([^]*?)'?$/,zg=/''/g,Mg=/[a-zA-Z]/;function Wg(e,o,t){var n,a,l,s,u,c,d,m,g,h,f,y,b,k;je(2,arguments);var C=String(o),j=Nr(),w=(n=(a=void 0)!==null&&a!==void 0?a:j.locale)!==null&&n!==void 0?n:Tg,S=lo((l=(s=(u=(c=void 0)!==null&&c!==void 0?c:void 0)!==null&&u!==void 0?u:j.firstWeekContainsDate)!==null&&s!==void 0?s:(d=j.locale)===null||d===void 0||(m=d.options)===null||m===void 0?void 0:m.firstWeekContainsDate)!==null&&l!==void 0?l:1);if(!(S>=1&&S<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var x=lo((g=(h=(f=(y=void 0)!==null&&y!==void 0?y:void 0)!==null&&f!==void 0?f:j.weekStartsOn)!==null&&h!==void 0?h:(b=j.locale)===null||b===void 0||(k=b.options)===null||k===void 0?void 0:k.weekStartsOn)!==null&&g!==void 0?g:0);if(!(x>=0&&x<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!w.localize)throw new RangeError("locale must contain localize property");if(!w.formatLong)throw new RangeError("locale must contain formatLong property");var v=$e(e);if(!F0(v))throw new RangeError("Invalid time value");var T=O0(v),F=z0(v,T),V={firstWeekContainsDate:S,weekStartsOn:x,locale:w,_originalDate:v},E=C.match(Fg).map(function(I){var H=I[0];if(H==="p"||H==="P"){var P=_0[H];return P(I,w.formatLong)}return I}).join("").match(Ig).map(function(I){if(I==="''")return"'";var H=I[0];if(H==="'")return Pg(I);var P=L0[H];if(P)return G0(I)&&Bn(I,o,String(e)),U0(I)&&Bn(I,o,String(e)),P(F,I,w.localize,V);if(H.match(Mg))throw new RangeError("Format string contains an unescaped latin alphabet character `"+H+"`");return I}).join("");return E}function Pg(e){var o=e.match(Rg);return o?o[1].replace(zg,"'"):e}const Rl=()=>{const[e,o]=p.useState(!1),[t,n]=p.useState(!1),[a,l]=p.useState(Wg(new Date,"yyyy-MM-dd"));return{date:a,setDate:l,isHovered:e,setIsHovered:o,isFocused:t,setIsFocused:n}},Hg=e=>r.jsx(i.Input,{type:"date",...e}),zl=({id:e,icon:o,name:t,label:n,date:a,children:l,helperText:s,shadow:u={},size:c="md",variant:d="default",shape:m="default",views:g={container:{},label:{},helperText:{},text:{},field:{}},error:h=!1,isHovered:f=!1,isFocused:y=!1,isDisabled:b=!1,isReadOnly:k=!1,setDate:C=()=>{},setIsFocused:j=()=>{},setIsHovered:w=()=>{},onChange:S,onChangeText:x,...v})=>{const{themeMode:T}=i.useTheme(),F=!!(y&&n),V=()=>w(!f),E=()=>j(!0),I=P=>{typeof P=="string"?(C(P),x&&x(P)):(C(P.target.value),S&&S(P.target.value))},H={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[c],backgroundColor:"transparent",color:b?"color-gray-400":"color-gray-900",cursor:b?"not-allowed":k?"auto":"pointer",...g.field};return r.jsx(qe,{helperText:s,error:h,views:g,children:r.jsx(Ze,{label:n,size:c,error:h,shape:m,views:g,shadow:u,color:"theme-primary",variant:d,value:a,isHovered:f,isDisabled:b,isReadOnly:k,isFocused:y,showLabel:F,onMouseEnter:V,onMouseLeave:V,children:r.jsxs(Ao,{children:[F&&r.jsx(io,{htmlFor:e,color:"theme-primary",error:h,views:g,children:n}),r.jsx(Hg,{id:e,name:t,onFocus:E,disabled:b,readOnly:k,...H,...v,...x&&{onChangeText:I},onChange:I})]})})})},Vg=e=>{const o=Rl();return r.jsx(zl,{...o,...e})},Ag=Vg,Ml=e=>{const o=an(e),[t,n]=p.useState(!1);return{isVisible:t,setIsVisible:n,...e,...o}},Eg=({visibleIcon:e=r.jsx(qt,{widthHeight:14}),hiddenIcon:o=r.jsx(Nt,{widthHeight:14}),...t})=>{const{isVisible:n,setIsVisible:a,...l}=Ml(t);return r.jsx(ar,{...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})})},Dg=Eg,Wl=(e,o,t)=>{const[n,a]=p.useState(e),[l,s]=p.useState(o?{value:o,label:o}:e[0]),[u,c]=p.useState([]),[d,m]=p.useState(0),[g,h]=p.useState(t??""),[f,y]=p.useState(!1);return{filteredItems:n,setFilteredItems:a,selectedItem:l,setSelectedItem:s,selectedItems:u,setSelectedItems:c,highlightedIndex:d,setHighlightedIndex:m,searchQuery:g,setSearchQuery:h,isDropdownVisible:f,setIsDropdownVisible:y}},$g={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)"},_n={enter:{opacity:1,transform:"translateY(0) scale(1)",transition:"all 0.2s ease-in-out"},initial:{opacity:0,transform:"translateY(-8px) scale(0.96)"}},Lg={padding:"8px",borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-100",backgroundColor:"color-gray-50",borderTopLeftRadius:10,borderTopRightRadius:10},Bg={padding:"8px 10px",cursor:"pointer",borderRadius:8,margin:"1px 4px",transition:"all 0.15s ease-in-out"},_g={padding:"24px 16px",display:"flex",flexDirection:"column",alignItems:"center",gap:"8px"},On={open:{transform:"rotate(180deg)",transition:"all 0.2s ease-in-out"},closed:{transform:"rotate(0deg)",transition:"all 0.2s ease-in-out"}},Og={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"},Pl=({placeholder:e,items:o,showTick:t=!0,onSelect:n,searchEnabled:a=!0,left:l,right:s,label:u,filteredItems:c,setSelectedItem:d,selectedItem:m,selectedItems:g,setSelectedItems:h,highlightedIndex:f,setHighlightedIndex:y,searchQuery:b,setSearchQuery:k,setFilteredItems:C,views:j,isDropdownVisible:w,setIsDropdownVisible:S,isMulti:x=!1,searchPlaceholder:v,...T})=>{const{ref:F,relation:V}=i.useElementPosition({trackChanges:!0,trackOnScroll:!0,trackOnResize:!0,throttleMs:10}),E=p.useRef(null),[I,H]=p.useState(!1),[P,z]=p.useState(!1),W=()=>{var O;const D=P?_n.enter:_n.initial;if(!F.current)return{};const B=F.current.getBoundingClientRect(),_={position:"fixed",left:B.left,width:B.width,zIndex:1e4,...D};return((O=V==null?void 0:V.space)==null?void 0:O.vertical)==="top"?{..._,bottom:window.innerHeight-B.top+6}:{..._,top:B.bottom+6}};p.useEffect(()=>{if(w){const D=setTimeout(()=>z(!0),10);return()=>clearTimeout(D)}z(!1)},[w]),p.useEffect(()=>{const D=B=>{!B.composedPath().some(O=>(O==null?void 0:O.id)==="combobox-dropdown")&&F.current&&!F.current.contains(B.target)&&S(!1)};return document.addEventListener("mousedown",D),()=>document.removeEventListener("mousedown",D)},[]);const R=D=>{if(k(D),D==="")C(o);else{const B=o.filter(_=>_.label.toLowerCase().includes(D.toLowerCase()));C(B)}y(0)},M=D=>{if(x){const B=g.some(N=>N.value===D.value);let _;B?_=g.filter(N=>N.value!==D.value):_=[...g,D],h(_),n==null||n(_)}else d(D),n==null||n(D),S(!1)},$=(D,B)=>{D.stopPropagation();const _=g.filter(N=>N.value!==B.value);h(_),n==null||n(_)},L=D=>x?g.some(B=>B.value===D.value):D.value===m.value;return r.jsxs(i.Horizontal,{role:"combobox",flexWrap:"nowrap",gap:15,alignItems:"center",width:"100%",...T,children:[u&&r.jsx(i.Text,{views:j==null?void 0:j.label,htmlFor:T.id,children:u}),r.jsxs(i.View,{position:"relative",width:"100%",children:[r.jsx("div",{ref:F,onClick:()=>S(!w),style:{width:"100%"},children:r.jsxs(Ze,{isHovered:I,isFocused:w,onMouseEnter:()=>H(!0),onMouseLeave:()=>H(!1),cursor:"pointer",views:{container:j==null?void 0:j.container},children:[r.jsxs(i.Horizontal,{gap:10,alignItems:"center",width:"100%",flexWrap:x?"wrap":"nowrap",...j==null?void 0:j.labelContainer,children:[l,x?g.length>0?r.jsx(i.Horizontal,{gap:6,flexWrap:"wrap",alignItems:"center",children:g.map(D=>r.jsxs(i.Horizontal,{...Og,_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:B=>$(B,D)})]},D.value))}):r.jsx(i.Text,{weight:"medium",flexGrow:1,color:"color-gray-500",style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},...j==null?void 0:j.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"},...j==null?void 0:j.label,children:m.label})]})]}),r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[s,r.jsx(i.View,{style:w?On.open:On.closed,children:r.jsx(ce,{widthHeight:16,orientation:"down",color:w?"color-gray-700":"color-gray-400"})})]})]})}),w&&r.jsx($t,{children:r.jsxs(i.View,{ref:E,id:"combobox-dropdown",role:"listbox","aria-labelledby":T.id,...$g,style:W(),...j==null?void 0:j.dropdown,children:[a&&r.jsx(i.View,{...Lg,children:r.jsx(ar,{id:`${T.id}-search`,name:`${T.name}-search`,width:"100%",type:"search",autoFocus:!0,value:b,onChange:D=>R(D),hint:e||"Search...",isClearable:!1,left:r.jsx(Ir,{widthHeight:14,color:"color-gray-400"}),views:{container:{width:"100%",padding:"0",backgroundColor:"transparent",borderColor:"color-gray-200",...j==null?void 0:j.text},field:{fontSize:"13px"}}})}),c.length>0&&r.jsx(i.View,{margin:0,padding:"4px",children:c.map((D,B)=>{const _=L(D),N=B===f;return r.jsxs(i.Horizontal,{role:"option","aria-selected":_,justifyContent:"space-between",alignItems:"center",...Bg,backgroundColor:_&&N?"color-blue-100":_?"color-blue-50":N?"color-gray-100":"transparent",onMouseEnter:()=>y(B),onClick:()=>M(D),...j==null?void 0:j.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:_?"theme-primary":"color-gray-800",weight:_?"medium":"normal",children:D.label})]}),_&&t&&r.jsx(rr,{widthHeight:16,color:"theme-primary"})]},D.value)})}),c.length===0&&r.jsxs(i.Vertical,{..._g,children:[r.jsx(Ir,{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"})]})]})})]})]})},Ng=({id:e,name:o,items:t,placeholder:n,searchPlaceholder:a,...l})=>{const s=Wl(t,n,a);return r.jsx(Pl,{id:e,name:o,items:t,...s,...l})},qg=Ng,Hl=e=>{const{tags:o,defaultTags:t=[],onTagsChange:n,onTagAdd:a,onTagRemove:l,maxTags:s,minTagLength:u=1,maxTagLength:c=50,allowDuplicates:d=!1,separators:m=["enter","comma"],isDisabled:g=!1,isReadOnly:h=!1}=e,[f,y]=p.useState(""),[b,k]=p.useState(()=>(o||t||[]).map((z,W)=>({id:`tag-${W}-${Date.now()}`,value:z}))),[C,j]=p.useState(!1),[w,S]=p.useState(!1),x=o&&Array.isArray(o)?o.map((P,z)=>({id:`tag-${z}-${Date.now()}`,value:P})):b;p.useEffect(()=>{o&&Array.isArray(o)&&k(o.map((P,z)=>({id:`tag-${z}-${Date.now()}`,value:P})))},[o]);const v=p.useCallback(P=>{const z=P.trim();return!(z.length<u||z.length>c||!d&&x.map(R=>R.value.toLowerCase()).includes(z.toLowerCase())||s&&x.length>=s)},[x,u,c,d,s]),T=p.useCallback(P=>{if(g||h)return;const z=P.trim();if(!z||!v(z))return;const W={id:`tag-${Date.now()}-${Math.random()}`,value:z},R=[...x,W],M=R.map($=>$.value);o||k(R),n==null||n(M),a==null||a(z),y("")},[x,v,n,a,g,h,o]),F=p.useCallback(P=>{if(g||h)return;const z=x[P];if(!z)return;const W=x.filter((M,$)=>$!==P),R=W.map(M=>M.value);o||k(W),n==null||n(R),l==null||l(z.value,P)},[x,n,l,g,h,o]),V=p.useCallback(P=>{if(g||h)return;const z=P.target.value;if(m.includes("comma")&&z.includes(",")){const W=z.split(","),R=W[0],M=W.slice(1).join(",");R.trim()&&T(R),y(M);return}y(z)},[T,m,g,h]),E=p.useCallback(P=>{if(g||h)return;const{key:z}=P;if(m.includes("enter")&&z==="Enter"){P.preventDefault(),f.trim()&&T(f);return}if(m.includes("tab")&&z==="Tab"&&f.trim()){P.preventDefault(),T(f);return}if(m.includes("space")&&z===" "&&f.trim()){P.preventDefault(),T(f);return}if(z==="Backspace"&&!f&&x.length>0){P.preventDefault(),F(x.length-1);return}},[T,F,f,x,m,g,h]),I=p.useCallback(()=>{var P;j(!0),(P=e.onFocus)==null||P.call(e)},[e.onFocus]),H=p.useCallback(()=>{var P;j(!1),f.trim()&&T(f),(P=e.onBlur)==null||P.call(e)},[T,f,e.onBlur]);return{inputValue:f,setInputValue:y,tags:x,setTags:k,isFocused:C,setIsFocused:j,isHovered:w,setIsHovered:S,addTag:T,removeTag:F,handleInputChange:V,handleKeyDown:E,handleFocus:I,handleBlur:H,validateTag:v}},Ug=({tag:e,onRemove:o,isRemovable:t,size:n,views:a,isDisabled:l,isReadOnly:s})=>{const[u,c]=p.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&&!s?{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&&!s&&r.jsx(i.View,{cursor:"pointer",padding:"2px",borderRadius:"50%",transition:"all 0.15s ease-in-out",backgroundColor:u?"color-red-100":"transparent",opacity:u?1:.7,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),onClick:m=>{m.stopPropagation(),o()},_hover:{backgroundColor:"color-red-100"},...a==null?void 0:a.tagRemove,children:r.jsx(Te,{widthHeight:d.iconSize,color:u?"color-red-500":"color-gray-400"})})]})},Vl=({id:e,name:o,label:t,placeholder:n="Type and press Enter to add tags...",helperText:a,error:l=!1,inputValue:s="",tags:u=[],left:c,right:d,shadow:m={},views:g={},size:h="md",shape:f="default",variant:y="default",isDisabled:b=!1,isReadOnly:k=!1,isAutoFocus:C=!1,isRemovable:j=!0,isFocused:w=!1,isHovered:S=!1,maxTags:x,handleInputChange:v,handleKeyDown:T,handleFocus:F,handleBlur:V,removeTag:E,setIsHovered:I,onClick:H,setInputValue:P,setTags:z,setIsFocused:W,addTag:R,filteredItems:M,activeItemIndex:$,isMenuOpen:L,handleMenuItemSelect:D,defaultTags:B,onTagsChange:_,onTagAdd:N,onTagRemove:O,minTagLength:Y,maxTagLength:A,allowDuplicates:G,separators:K,menuItems:Q,onMenuItemSelect:J,onFocus:oe,onBlur:te,validateTag:re,...U})=>{const{getColor:Z,themeMode:le}=i.useTheme(),X=!!(t&&(w||u.length>0||s)),ee=x&&u.length>=x,ie={border:"none",outline:"none",backgroundColor:"transparent",fontSize:i.Typography.fontSizes[h],color:b?"color-gray-400":"color-gray-800",flex:1,minWidth:"120px",transition:"all 0.2s ease-in-out",...g==null?void 0:g.input};return r.jsx(qe,{error:!!l,helperText:typeof l=="string"?l:a,views:g,...U,children:r.jsxs(Ze,{label:t,shadow:m,value:u.length>0||s?"has-content":"",size:h,shape:f,variant:y,error:!!l,showLabel:X,isFocused:w,isHovered:S,isDisabled:b,isReadOnly:k,views:{...g,container:{...g==null?void 0:g.container,...g==null?void 0:g.inputContainer}},onClick:H,onMouseEnter:()=>I==null?void 0:I(!0),onMouseLeave:()=>I==null?void 0:I(!1),children:[c,r.jsxs(Ao,{children:[t&&r.jsx(io,{size:h,error:!!l,views:g,children:t}),r.jsxs(i.Horizontal,{alignItems:"center",gap:8,flexWrap:"wrap",width:"100%",minHeight:i.Typography.fontSizes[h],padding:"8px 0",...g==null?void 0:g.tagsContainer,children:[u.map((ae,ue)=>r.jsx(Ug,{tag:ae.value,onRemove:()=>E==null?void 0:E(ue),isRemovable:j,size:h,views:g,isDisabled:b,isReadOnly:k},ae.id)),!ee&&r.jsx(i.Input,{id:e,name:o,type:"text",value:s,placeholder:u.length===0?n:"",disabled:b,readOnly:k,autoFocus:C,onChange:v,onKeyDown:T,onFocus:F,onBlur:V,autoComplete:"off",...ie}),ee&&r.jsxs(i.Text,{fontSize:i.Typography.fontSizes[h],color:"color-gray-500",fontStyle:"italic",...g==null?void 0:g.placeholder,children:["Maximum ",x," tags reached"]})]})]}),d]})})},Gg=e=>{const o=Hl(e),{tags:t,...n}=e;return r.jsx(Vl,{...o,...n})},Yg=Gg;function Xg(e){const o=setTimeout(e,0),t=setTimeout(e,10),n=setTimeout(e,50);return[o,t,n]}const No=(e,o)=>{console.log(`[OTPInput.state] ${e}`,o)},Kg=e=>e==null||typeof e=="string"||typeof e=="number"||typeof e=="boolean"?e:Object.prototype.toString.call(e),Al=({value:e,defaultValue:o="",length:t=6,onChange:n,onChangeText:a,onComplete:l,onKeyDown:s,onKeyPress:u,onBlur:c,onFocus:d,isReadOnly:m,isDisabled:g,pattern:h,stepValues:f,pasteTransformer:y})=>{var O,Y;const b=e!==void 0,k=b?e:o,[C,j]=p.useState(String(k??"").slice(0,t)||""),[w,S]=p.useState(!1),[x,v]=p.useState(!1),[T,F]=p.useState(null),[V,E]=p.useState(null),I=p.useRef(null),H=p.useRef(null),P=p.useRef({value:C,onChange:n||(()=>{}),isIOS:typeof window<"u"&&((Y=(O=window==null?void 0:window.CSS)==null?void 0:O.supports)==null?void 0:Y.call(O,"-webkit-touch-callout","none"))}),z=p.useRef({prev:[null,null,"none"]}),W=h?typeof h=="string"?new RegExp(h):h:null;p.useEffect(()=>{if(b&&e!==C){const A=String(e??"").slice(0,t)||"";No("sync controlled value",{controlledValue:Kg(e),previousValue:C,nextControlledValue:A,length:t}),j(A)}},[b,e,t,C]);const R=p.useCallback(A=>{let G=A;if(f&&f.length>0&&A){const K=parseInt(A,10);if(!isNaN(K)){let Q=f[0],J=Math.abs(K-Q);for(let oe=1;oe<f.length;oe++){const te=Math.abs(K-f[oe]);te<J&&(J=te,Q=f[oe])}G=Q.toString()}}No("setValue",{incomingValue:A,valueToSet:G,length:t,isControlled:b,hasOnChange:!!n,hasOnChangeText:!!a,hasOnComplete:!!l,stepValues:f}),j(G),n&&n(G),a&&a(G),l&&G.length===t&&l(G)},[n,a,l,t,f,b]),M=p.useCallback(A=>{A&&I.current!==A&&Object.defineProperty(I,"current",{value:A,writable:!0})},[]),$=p.useCallback(A=>{var Q,J,oe,te;const G=typeof A=="string"?A:((Q=A==null?void 0:A.currentTarget)==null?void 0:Q.value)??((J=A==null?void 0:A.target)==null?void 0:J.value)??((oe=A==null?void 0:A.nativeEvent)==null?void 0:oe.text)??"",K=String(G).slice(0,t);if(No("handleChange normalized",{raw:G,newValue:K,length:t,hasPattern:!!W}),K.length>0&&W&&!W.test(K)){No("handleChange rejected by pattern",{newValue:K,pattern:String(W)}),(te=A==null?void 0:A.preventDefault)==null||te.call(A);return}R(K),I.current&&(I.current.value=K)},[t,W,R,I]),L=p.useCallback(()=>{const A=I.current;if(A&&typeof A.setSelectionRange=="function"){const G=typeof A.value=="string"?A.value.length:0,K=Math.min(G,t-1),Q=G;A.setSelectionRange(K,Q),F(K),E(Q)}No("focus",{length:t,refHasDomSelection:!!(A&&typeof A.setSelectionRange=="function")}),S(!0)},[t]),D=p.useCallback(()=>{S(!1)},[]),B=p.useCallback(A=>{s&&s(A)},[]),_=p.useCallback(A=>{u&&u(A)},[]),N=p.useCallback(A=>{const G=I.current;if(!A.clipboardData||!G)return;const K=A.clipboardData.getData("text/plain"),Q=y?y(K):K;A.preventDefault();const J=G.selectionStart||0,oe=G.selectionEnd||0,U=(J!==oe?C.slice(0,J)+Q+C.slice(oe):C.slice(0,J)+Q+C.slice(J)).slice(0,t);if(U.length>0&&W&&!W.test(U))return;G.value=U,R(U),j(U);const Z=Math.min(U.length,t-1),le=U.length;G.setSelectionRange(Z,le),F(Z),E(le)},[t,y,W,R,C,j]);return p.useEffect(()=>{const A=I.current,G=H.current;if(!A||!G||typeof document>"u")return;P.current.value!==A.value&&P.current.onChange&&P.current.onChange(A.value),z.current.prev=[A.selectionStart,A.selectionEnd,A.selectionDirection];function K(){if(document.activeElement!==A){F(null),E(null);return}const re=(A==null?void 0:A.selectionStart)??null,U=(A==null?void 0:A.selectionEnd)??null,Z=(A==null?void 0:A.selectionDirection)??null,le=(A==null?void 0:A.maxLength)??0,X=(A==null?void 0:A.value)??"",ee=z.current.prev;let ie=-1,ae=-1,ue="none";if(X.length!==0&&re!==null&&U!==null){const Do=re===U,vn=re===X.length&&X.length<le;if(Do&&!vn){const Le=re;if(Le===0)ie=0,ae=1,ue="forward";else if(Le===le)ie=Le-1,ae=Le,ue="backward";else if(le>1&&X.length>1){let go=0;if(ee[0]!==null&&ee[1]!==null){ue=Le<ee[1]?"backward":"forward";const Qr=ee[0]===ee[1]&&ee[0]<le;ue==="backward"&&!Qr&&(go=-1)}ie=go+Le,ae=go+Le+1}}ie!==-1&&ae!==-1&&ie!==ae&&I.current&&I.current.setSelectionRange(ie,ae,ue)}const Re=ie!==-1?ie:re,Ve=ae!==-1?ae:U,Jr=ue!=="none"?ue:Z;F(Re),E(Ve),z.current.prev=[Re,Ve,Jr]}document.addEventListener("selectionchange",K,{capture:!0}),K(),document.activeElement===A&&S(!0);const Q=G,J=()=>{var re;Q&&typeof((re=Q.style)==null?void 0:re.setProperty)=="function"&&Q.style.setProperty("--root-height",`${A.clientHeight}px`)};J();const oe=typeof window<"u"?window.ResizeObserver:void 0,te=typeof oe=="function"?new oe(J):null;return te==null||te.observe(A),()=>{document.removeEventListener("selectionchange",K,{capture:!0}),te==null||te.disconnect()}},[]),p.useEffect(()=>{typeof Event>"u"||Xg(()=>{var J,oe,te;const A=I.current;A&&typeof A.dispatchEvent=="function"&&A.dispatchEvent(new Event("input"));const G=(J=I.current)==null?void 0:J.selectionStart,K=(oe=I.current)==null?void 0:oe.selectionEnd,Q=(te=I.current)==null?void 0:te.selectionDirection;G!==null&&K!==null&&G!==void 0&&K!==void 0&&(F(G),E(K),z.current.prev=[G,K,Q||"none"])})},[C,w]),{value:C,setValue:R,isFocused:w,setIsFocused:S,isHovered:x,setIsHovered:v,inputRef:I,containerRef:H,mirrorSelectionStart:T,mirrorSelectionEnd:V,setMirrorSelectionStart:F,setMirrorSelectionEnd:E,setInputRef:M,handleChange:$,handleFocus:L,handleBlur:D,handleKeyDown:B,handleKeyPress:_,handlePaste:N}},Jg=p.createContext({slots:[],isFocused:!1,isHovering:!1}),Qg=`
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 go(e,o){try{e.insertRule(o)}catch{console.error("input-otp could not insert CSS rule:",o)}}const wl=({id:e,name:o,label:t,value:a="",length:n=6,onChange:l,onChangeText:s,onComplete:d,helperText:u,placeholder:c="",shadow:m,views:g={},size:h="md",shape:f="rounded",variant:y="outline",gap:x=8,type:b="text",error:k=!1,isFocused:j=!1,isHovered:w=!1,isDisabled:C=!1,isReadOnly:S=!1,isAutoFocus:v=!1,setValue:I,setIsFocused:F,setIsHovered:W,inputRef:E,containerRef:T,mirrorSelectionStart:A,mirrorSelectionEnd:P,setMirrorSelectionStart:z,setMirrorSelectionEnd:R,handlePaste:H,handleChange:M,handleFocus:D,handleBlur:L,handleKeyDown:V,handleKeyPress:O,secureTextEntry:_,isFirstColumn:q,stepValues:B,setInputRef:X,onBlur:$=()=>{},onClick:U=()=>{},onFocus:K=()=>{},onKeyPress:ee,pattern:J,pasteTransformer:oe,...ne})=>{i.useTheme();const re=!!t,G=p.useMemo(()=>({slots:Array.from({length:n}).map((Y,Z)=>{const ie=j&&A!==null&&P!==null&&(A===P&&Z===A||Z>=A&&Z<P),de=a[Z]!==void 0?a[Z]:null,xe=a[0]!==void 0?null:(c==null?void 0:c[Z])??null;return{char:de,placeholderChar:xe,isActive:ie,hasFakeCaret:ie&&de===null}}),isFocused:j,isHovering:!C&&w}),[j,w,C,n,P,A,c,a]);p.useEffect(()=>{v&&E.current&&E.current.focus()},[v,E]),p.useEffect(()=>{if(!document.getElementById("input-otp-style")){const Y=document.createElement("style");if(Y.id="input-otp-style",document.head.appendChild(Y),Y.sheet){const Z="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;";go(Y.sheet,"@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }"),go(Y.sheet,"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"),go(Y.sheet,`[data-input-otp]:autofill { ${Z} }`),go(Y.sheet,`[data-input-otp]:-webkit-autofill { ${Z} }`),go(Y.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; } }"),go(Y.sheet,"[data-input-otp] + * { pointer-events: all !important; }")}}},[]);const Q=()=>r.jsx(i.Horizontal,{gap:x,width:"100%",justifyContent:"center",minHeight:h==="xs"?"32px":h==="sm"?"36px":h==="md"?"40px":h==="lg"?"48px":"56px",...g.container,children:G.slots.map((Y,Z)=>r.jsxs(Je,{size:h,error:k,shape:f,views:g,variant:y,value:Y.char||"",color:"theme-primary",isHovered:w,isDisabled:C,isReadOnly:S,isFocused:Y.isActive,showLabel:!1,onMouseEnter:()=>W(!0),onMouseLeave:()=>W(!1),justifyContent:"center",alignItems:"center",width:"100%",position:"relative",height:h==="xs"?"32px":h==="sm"?"36px":h==="md"?"40px":h==="lg"?"48px":"56px",...g.container,children:[Y.char?r.jsx(i.View,{textAlign:"center",fontSize:h==="xs"?"14px":h==="sm"?"16px":h==="md"?"18px":h==="lg"?"20px":"24px",fontWeight:"medium",...g.text,children:b==="password"?"•":Y.char}):Y.placeholderChar?r.jsx(i.View,{textAlign:"center",fontSize:h==="xs"?"14px":h==="sm"?"16px":h==="md"?"18px":h==="lg"?"20px":"24px",color:"color-gray-400",opacity:.5,...g.text,children:Y.placeholderChar}):null,Y.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}-${Z}`))}),te={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:zg})}),r.jsxs(Ne,{helperText:u,error:k,views:g,...ne,children:[re&&r.jsx(no,{htmlFor:e,color:"theme-primary",error:k,...g.label,children:t}),r.jsxs(i.View,{ref:T,"data-input-otp-container":!0,position:"relative",cursor:C?"default":"text",userSelect:"none",pointerEvents:"none",children:[r.jsx(Rg.Provider,{value:G,children:Q()}),r.jsx(i.View,{position:"absolute",inset:0,pointerEvents:"none",children:r.jsx(i.Input,{ref:Y=>X(Y),"data-input-otp":!0,"data-input-otp-placeholder-shown":a.length===0||void 0,"data-input-otp-mss":A,"data-input-otp-mse":P,id:e||o,name:o,type:b==="password"?"password":"text",inputMode:b!=="password"?"numeric":void 0,pattern:"[0-9]*",maxLength:n,readOnly:S,disabled:C,placeholder:c,value:a,onChange:M,onKeyDown:V,onPaste:H,onFocus:D,onBlur:L,onClick:U,onMouseOver:()=>W(!0),onMouseLeave:()=>W(!1),autoComplete:"one-time-code","aria-label":`OTP input with ${n} digits`,style:te,...g.input})})]})]})]})},Mg=e=>{const{value:o}=e,{value:t,setValue:a,isFocused:n,setIsFocused:l,isHovered:s,setIsHovered:d,inputRef:u,containerRef:c,mirrorSelectionStart:m,mirrorSelectionEnd:g,setMirrorSelectionStart:h,setMirrorSelectionEnd:f,setInputRef:y,handleChange:x,handleFocus:b,handleBlur:k,handleKeyDown:j,handlePaste:w,handleKeyPress:C}=jl(e),S=o!==void 0?o:t;return r.jsx(wl,{...e,value:String(S??""),setValue:a,isFocused:n,setIsFocused:l,isHovered:s,setIsHovered:d,inputRef:u,containerRef:c,mirrorSelectionStart:m,mirrorSelectionEnd:g,setMirrorSelectionStart:h,setMirrorSelectionEnd:f,setInputRef:y,handleChange:x,handleFocus:b,handleBlur:k,handleKeyDown:j,handleKeyPress:C,handlePaste:w,stepValues:e.stepValues})},vl=Mg,Tl=p.createContext({active:!1,focusNextInput:()=>{},setInputRef:()=>{},handleSubmitEditing:()=>{},getReturnKeyType:()=>"next"}),Wg=()=>p.useContext(Tl),Hg=({children:e,autoFocus:o=!1,initFocus:t,onChange:a=()=>{},...n})=>{const l=He.useFormikContext();p.useEffect(()=>{a(l.values)},[l.values]);const s=p.useRef({}),d=p.useRef([]),u=(g,h)=>{s.current[g]=h,d.current.includes(g)||d.current.push(g)},c=g=>{var h;if(o){const y=d.current.indexOf(g)+1;y<d.current.length?(h=s.current[d.current[y]])==null||h.focus():l.onSubmit&&l.onSubmit(l.values)}},m={active:o,focusNextInput:c,setInputRef:u,handleSubmitEditing:c,getReturnKeyType:g=>d.current.indexOf(g)===d.current.length-1?"done":"next"};return p.useEffect(()=>{var g,h;o&&(t&&s.current[t]?(g=s.current[t])==null||g.focus():d.current[0]&&((h=s.current[d.current[0]])==null||h.focus()))},[o,t]),r.jsx(Tl.Provider,{value:m,children:r.jsx(i.Form,{...n,children:e})})},Pg=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{}}},he=({name:e,type:o,...t})=>{const a=Wg(),{touched:n,errors:l,submitCount:s,values:d,setFieldTouched:u,setFieldValue:c}=He.useFormikContext(),m=k=>{var j;c(e,k),(j=t.onChangeText)==null||j.call(t,k)},g=k=>{var j;c(e,k),(j=t.onChange)==null||j.call(t,k)},h=()=>{u(e,!0)},f=k=>{k.key==="Enter"&&(k.preventDefault(),a.focusNextInput(e))},y=["text","password","email","digits"].includes(o),x=He.getIn(n,e)||s>0?He.getIn(l,e):void 0,b=He.getIn(d,e);return{...Pg(o),...t,value:b,error:x,onBlur:h,onKeyPress:f,...y?{onChangeText:m}:{onChange:g},...a.active?{handleKeyPress:f}:{}}},Ag=e=>{let{value:o,...t}=he(e);t.isChecked=o;const a=il(e);return r.jsx(sl,{...a,...t})},Vg=Ag,Il=({defaultIsSelected:e=!1,isChecked:o})=>{const[t,a]=p.useState(!1),[n,l]=p.useState(o!==void 0?o:e);return p.useEffect(()=>{o!==void 0&&l(o)},[o]),{isHovered:t,setIsHovered:a,isSelected:n,setIsSelected:l}},Eg={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"}},Dg={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"}},$g={selected:{borderColor:"theme-primary",borderWidth:"2px",borderStyle:"solid"},unselected:{borderWidth:"2px",borderStyle:"solid",borderColor:"color-gray-300",style:{backgroundColor:"transparent"}}},Lg={selected:{backgroundColor:"theme-primary"},unselected:{style:{backgroundColor:"transparent"}}},et={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"}}},ot={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"}}}},Fl=({id:e,icon:o,name:t,label:a,value:n,isChecked:l,onChange:s,onValueChange:d,shadow:u={},labelPosition:c="right",size:m="md",error:g=!1,isSelected:h=!1,isHovered:f=!1,isDisabled:y=!1,isReadOnly:x=!1,defaultIsSelected:b=!1,setIsSelected:k=()=>{},setIsHovered:j=()=>{},views:w={radio:{},label:{}},infoText:C,helperText:S,...v})=>{const I=()=>j(!f),F=()=>{!x&&!y&&(k&&k(!0),s&&s(n),d&&d(n))},W=l||h?"selected":"unselected",E=g?et.error[W]:y?et.disabled[W]:f?et.hover[W]:{},T=g?ot.error[W]:y?ot.disabled[W]:f?ot.hover[W]:{},A={container:{gap:8,display:"flex",height:"fit-content",flexDirection:"column",width:"fit-content",selected:{borderColor:"theme-primary"},color:g?"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",...w.label},radio:{...$g[W],...E,borderRadius:"50%",selected:{backgroundColor:"theme-primary"},backgroundColor:"color-white",...Eg[m],transition:"all 0.2s ease-in-out",...u,...w.radio},dot:{...Lg[W],...T,borderRadius:"50%",...Dg[m],transition:"all 0.2s ease-in-out"}};return r.jsxs(Jo,{htmlFor:e,as:"div",onClick:F,onMouseEnter:I,onMouseLeave:I,size:i.Typography.fontSizes[m],...A.container,...v,children:[r.jsxs(i.Vertical,{gap:8,children:[" ",r.jsxs(i.Horizontal,{gap:12,alignItems:"center",children:[" ",c==="left"&&a&&r.jsx(i.Text,{size:m,fontWeight:"500",...w==null?void 0:w.label,children:a}),r.jsx(i.Center,{...A.radio,children:(l||h)&&r.jsx(i.View,{...A.dot})}),c==="right"&&a&&r.jsx(i.Text,{size:m,fontWeight:"500",...w==null?void 0:w.label,children:a})]}),C&&r.jsx(i.Text,{marginLeft:c==="left"?0:36,color:"color-gray-500",size:"sm",fontWeight:"400",lineHeight:"20px",...w==null?void 0:w.infoText,children:C})]}),g&&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:g})]})},_g=e=>{let{value:o,...t}=he(e);t.isChecked=o===e.value;const a=Il(e);return r.jsx(Fl,{...a,...t})},Bg=_g,Rl=e=>{const{value:o,onChange:t,onSubmit:a,autoFocus:n=!0,loading:l=!1,disabled:s=!1,isAgentRunning:d=!1,onStopAgent:u,sandboxId:c,onUploadProgress:m,onUploadSuccess:g,onUploadError:h,onFileUpload:f}=e,y=o!==void 0&&t!==void 0,[x,b]=p.useState(""),k=y?o:x,[j,w]=p.useState([]),[C,S]=p.useState([]),[v,I]=p.useState(!1),[F,W]=p.useState(0),[E,T]=p.useState([]),[A,P]=p.useState(!1),z=p.useRef(null),[R,H]=p.useState(!1),[M,D]=p.useState("gpt-4"),[L]=p.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"}]),V=p.useRef(null),O=p.useRef(null),[_,q]=p.useState(e.showGuideTip||!1);p.useEffect(()=>{n&&V.current&&V.current.focus()},[n]),p.useEffect(()=>()=>{j.forEach(Y=>{})},[j]);const B=Y=>{y&&t?t(Y):b(Y)},X=Y=>{if(Y.preventDefault(),!k.trim()&&j.length===0||l||s&&!d)return;if(d&&u){u();return}let Z=k;if(j.length>0){const xe=j.map(Ae=>`[Uploaded File: ${URL.createObjectURL(Ae)}}]`).join(`
24
- `);Z=Z?`${Z}
23
+ `;function xo(e,o){try{e.insertRule(o)}catch{console.error("input-otp could not insert CSS rule:",o)}}const El=({id:e,name:o,label:t,value:n="",length:a=6,onChange:l,onChangeText:s,onComplete:u,helperText:c,placeholder:d="",shadow:m,views:g={},size:h="md",shape:f="rounded",variant:y="outline",gap:b=8,type:k="text",error:C=!1,isFocused:j=!1,isHovered:w=!1,isDisabled:S=!1,isReadOnly:x=!1,isAutoFocus:v=!1,setValue:T,setIsFocused:F,setIsHovered:V,inputRef:E,containerRef:I,mirrorSelectionStart:H,mirrorSelectionEnd:P,setMirrorSelectionStart:z,setMirrorSelectionEnd:W,handlePaste:R,handleChange:M,handleFocus:$,handleBlur:L,handleKeyDown:D,handleKeyPress:B,secureTextEntry:_,isFirstColumn:N,stepValues:O,setInputRef:Y,onBlur:A=()=>{},onClick:G=()=>{},onFocus:K=()=>{},onKeyPress:Q,pattern:J,pasteTransformer:oe,...te})=>{i.useTheme();const re=!!t,U=p.useMemo(()=>({slots:Array.from({length:a}).map((X,ee)=>{const ie=j&&H!==null&&P!==null&&(H===P&&ee===H||ee>=H&&ee<P),ae=n[ee]!==void 0?n[ee]:null,ue=n[0]!==void 0?null:(d==null?void 0:d[ee])??null;return{char:ae,placeholderChar:ue,isActive:ie,hasFakeCaret:ie&&ae===null}}),isFocused:j,isHovering:!S&&w}),[j,w,S,a,P,H,d,n]);p.useEffect(()=>{v&&E.current&&E.current.focus()},[v,E]),p.useEffect(()=>{if(!document.getElementById("input-otp-style")){const X=document.createElement("style");if(X.id="input-otp-style",document.head.appendChild(X),X.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;";xo(X.sheet,"@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }"),xo(X.sheet,"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"),xo(X.sheet,`[data-input-otp]:autofill { ${ee} }`),xo(X.sheet,`[data-input-otp]:-webkit-autofill { ${ee} }`),xo(X.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; } }"),xo(X.sheet,"[data-input-otp] + * { pointer-events: all !important; }")}}},[]);const Z=()=>r.jsx(i.Horizontal,{gap:b,width:"100%",justifyContent:"center",minHeight:h==="xs"?"32px":h==="sm"?"36px":h==="md"?"40px":h==="lg"?"48px":"56px",...g.container,children:U.slots.map((X,ee)=>r.jsxs(Ze,{size:h,error:C,shape:f,views:g,variant:y,value:X.char||"",color:"theme-primary",isHovered:w,isDisabled:S,isReadOnly:x,isFocused:X.isActive,showLabel:!1,onMouseEnter:()=>V(!0),onMouseLeave:()=>V(!1),justifyContent:"center",alignItems:"center",width:"100%",position:"relative",height:h==="xs"?"32px":h==="sm"?"36px":h==="md"?"40px":h==="lg"?"48px":"56px",...g.container,children:[X.char?r.jsx(i.View,{textAlign:"center",fontSize:h==="xs"?"14px":h==="sm"?"16px":h==="md"?"18px":h==="lg"?"20px":"24px",fontWeight:"medium",...g.text,children:k==="password"?"•":X.char}):X.placeholderChar?r.jsx(i.View,{textAlign:"center",fontSize:h==="xs"?"14px":h==="sm"?"16px":h==="md"?"18px":h==="lg"?"20px":"24px",color:"color-gray-400",opacity:.5,...g.text,children:X.placeholderChar}):null,X.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}`))}),le={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:Qg})}),r.jsxs(qe,{helperText:c,error:C,views:g,...te,children:[re&&r.jsx(io,{htmlFor:e,color:"theme-primary",error:C,...g.label,children:t}),r.jsxs(i.View,{ref:I,"data-input-otp-container":!0,position:"relative",cursor:S?"default":"text",userSelect:"none",pointerEvents:"none",children:[r.jsx(Jg.Provider,{value:U,children:Z()}),r.jsx(i.View,{position:"absolute",inset:0,pointerEvents:"none",children:r.jsx(i.Input,{ref:X=>Y(X),"data-input-otp":!0,"data-input-otp-placeholder-shown":n.length===0||void 0,"data-input-otp-mss":H,"data-input-otp-mse":P,id:e||o,name:o,type:k==="password"?"password":"text",inputMode:k!=="password"?"numeric":void 0,pattern:"[0-9]*",maxLength:a,readOnly:x,disabled:S,placeholder:d,value:n,onChange:M,onKeyDown:D,onPaste:R,onFocus:$,onBlur:L,onClick:G,onMouseOver:()=>V(!0),onMouseLeave:()=>V(!1),autoComplete:"one-time-code","aria-label":`OTP input with ${a} digits`,style:le,...g.input})})]})]})]})},Zg=e=>{if(e==null)return"";if(typeof e=="string"||typeof e=="number"){const o=String(e);return o==="[object Object]"?"":o}return""},eh=(e,o)=>{console.log(`[OTPInput] ${e}`,o)},Nn=e=>e==null||typeof e=="string"||typeof e=="number"||typeof e=="boolean"?e:Object.prototype.toString.call(e),oh=e=>{const{value:o}=e,{value:t,setValue:n,isFocused:a,setIsFocused:l,isHovered:s,setIsHovered:u,inputRef:c,containerRef:d,mirrorSelectionStart:m,mirrorSelectionEnd:g,setMirrorSelectionStart:h,setMirrorSelectionEnd:f,setInputRef:y,handleChange:b,handleFocus:k,handleBlur:C,handleKeyDown:j,handlePaste:w,handleKeyPress:S}=Al(e),v=Zg(o!==void 0?o:t);return eh("render",{name:e.name,controlledValue:Nn(o),internalValue:Nn(t),displayValue:v,length:e.length||6,hasOnChange:!!e.onChange,hasOnChangeText:!!e.onChangeText}),r.jsx(El,{...e,value:v,setValue:n,isFocused:a,setIsFocused:l,isHovered:s,setIsHovered:u,inputRef:c,containerRef:d,mirrorSelectionStart:m,mirrorSelectionEnd:g,setMirrorSelectionStart:h,setMirrorSelectionEnd:f,setInputRef:y,handleChange:b,handleFocus:k,handleBlur:C,handleKeyDown:j,handleKeyPress:S,handlePaste:w,stepValues:e.stepValues})},Dl=oh,$l=p.createContext({active:!1,focusNextInput:()=>{},setInputRef:()=>{},handleSubmitEditing:()=>{},getReturnKeyType:()=>"next"}),rh=()=>p.useContext($l),th=({children:e,autoFocus:o=!1,initFocus:t,onChange:n=()=>{},...a})=>{const l=Pe.useFormikContext();p.useEffect(()=>{n(l.values)},[l.values]);const s=p.useRef({}),u=p.useRef([]),c=(g,h)=>{s.current[g]=h,h&&!u.current.includes(g)&&u.current.push(g)},d=g=>{var h,f;if(o){const b=u.current.indexOf(g)+1;b<u.current.length?(h=s.current[u.current[b]])==null||h.focus():(f=l.submitForm)==null||f.call(l)}},m={active:o,focusNextInput:d,setInputRef:c,handleSubmitEditing:d,getReturnKeyType:g=>u.current.indexOf(g)===u.current.length-1?"done":"next"};return p.useEffect(()=>{var g,h;o&&(t&&s.current[t]?(g=s.current[t])==null||g.focus():u.current[0]&&((h=s.current[u.current[0]])==null||h.focus()))},[o,t]),r.jsx($l.Provider,{value:m,children:r.jsx(i.Form,{...a,children:e})})},nh=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{}}},fe=({name:e,type:o,...t},n={})=>{const a=rh(),{touched:l,errors:s,submitCount:u,values:c,setFieldTouched:d,setFieldValue:m}=Pe.useFormikContext(),g=x=>{var v;m(e,x),(v=t.onChangeText)==null||v.call(t,x)},h=x=>{var v;m(e,x),(v=t.onChange)==null||v.call(t,x)},f=()=>{d(e,!0)},y=x=>{x.key==="Enter"&&(x.preventDefault(),a.focusNextInput(e))},b=["text","password","email","digits"].includes(o),k=Pe.getIn(l,e)||u>0?Pe.getIn(s,e):void 0,C=Pe.getIn(c,e),j=typeof document<"u"&&typeof document.createElement=="function",w=!!n.focusable&&a.active,S=w?j?{onKeyPress:y}:{returnKeyType:a.getReturnKeyType(e),onSubmitEditing:()=>a.handleSubmitEditing(e),blurOnSubmit:!1}:{};return{...nh(o),...t,value:C,error:k,onBlur:f,...b?{onChangeText:g}:{onChange:h},...S,...w?{inputRef:x=>a.setInputRef(e,x)}:{}}},ah=e=>{let{value:o,...t}=fe(e);t.isChecked=o;const n=kl(e);return r.jsx(Cl,{...n,...t})},lh=ah,Ll=({defaultIsSelected:e=!1,isChecked:o})=>{const[t,n]=p.useState(!1),[a,l]=p.useState(o!==void 0?o:e);return p.useEffect(()=>{o!==void 0&&l(o)},[o]),{isHovered:t,setIsHovered:n,isSelected:a,setIsSelected:l}},ih={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"}},sh={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"}},ch={selected:{borderColor:"theme-primary",borderWidth:"2px",borderStyle:"solid"},unselected:{borderWidth:"2px",borderStyle:"solid",borderColor:"color-gray-300",style:{backgroundColor:"transparent"}}},dh={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"}}},lt={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"}}}},Bl=({id:e,icon:o,name:t,label:n,value:a,isChecked:l,onChange:s,onValueChange:u,shadow:c={},labelPosition:d="right",size:m="md",error:g=!1,isSelected:h=!1,isHovered:f=!1,isDisabled:y=!1,isReadOnly:b=!1,defaultIsSelected:k=!1,setIsSelected:C=()=>{},setIsHovered:j=()=>{},views:w={radio:{},label:{}},infoText:S,helperText:x,...v})=>{const T=()=>j(!f),F=()=>{!b&&!y&&(C&&C(!0),s&&s(a),u&&u(a))},V=l||h?"selected":"unselected",E=g?at.error[V]:y?at.disabled[V]:f?at.hover[V]:{},I=g?lt.error[V]:y?lt.disabled[V]:f?lt.hover[V]:{},H={container:{gap:8,display:"flex",height:"fit-content",flexDirection:"column",width:"fit-content",selected:{borderColor:"theme-primary"},color:g?"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",...w.label},radio:{...ch[V],...E,borderRadius:"50%",selected:{backgroundColor:"theme-primary"},backgroundColor:"color-white",...ih[m],transition:"all 0.2s ease-in-out",...c,...w.radio},dot:{...dh[V],...I,borderRadius:"50%",...sh[m],transition:"all 0.2s ease-in-out"}};return r.jsxs(nr,{htmlFor:e,as:"div",onClick:F,onMouseEnter:T,onMouseLeave:T,size:i.Typography.fontSizes[m],...H.container,...v,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:m,fontWeight:"500",...w==null?void 0:w.label,children:n}),r.jsx(i.Center,{...H.radio,children:(l||h)&&r.jsx(i.View,{...H.dot})}),d==="right"&&n&&r.jsx(i.Text,{size:m,fontWeight:"500",...w==null?void 0:w.label,children:n})]}),S&&r.jsx(i.Text,{marginLeft:d==="left"?0:36,color:"color-gray-500",size:"sm",fontWeight:"400",lineHeight:"20px",...w==null?void 0:w.infoText,children:S})]}),g&&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:g})]})},uh=e=>{let{value:o,...t}=fe(e);t.isChecked=o===e.value;const n=Ll(e);return r.jsx(Bl,{...n,...t})},ph=uh,_l=e=>{const{value:o,onChange:t,onSubmit:n,autoFocus:a=!0,loading:l=!1,disabled:s=!1,isAgentRunning:u=!1,onStopAgent:c,sandboxId:d,onUploadProgress:m,onUploadSuccess:g,onUploadError:h,onFileUpload:f}=e,y=o!==void 0&&t!==void 0,[b,k]=p.useState(""),C=y?o:b,[j,w]=p.useState([]),[S,x]=p.useState([]),[v,T]=p.useState(!1),[F,V]=p.useState(0),[E,I]=p.useState([]),[H,P]=p.useState(!1),z=p.useRef(null),[W,R]=p.useState(!1),[M,$]=p.useState("gpt-4"),[L]=p.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=p.useRef(null),B=p.useRef(null),[_,N]=p.useState(e.showGuideTip||!1);p.useEffect(()=>{a&&D.current&&D.current.focus()},[a]),p.useEffect(()=>()=>{j.forEach(X=>{})},[j]);const O=X=>{y&&t?t(X):k(X)},Y=X=>{if(X.preventDefault(),!C.trim()&&j.length===0||l||s&&!u)return;if(u&&c){c();return}let ee=C;if(j.length>0){const ue=j.map(Re=>`[Uploaded File: ${URL.createObjectURL(Re)}}]`).join(`
24
+ `);ee=ee?`${ee}
25
25
 
26
- ${xe}`:xe}let ie=M,de=!1;M.endsWith("-thinking")&&(ie=M.replace(/-thinking$/,""),de=!0),a==null||a(Z,{model_name:ie,enable_thinking:de}),y||b(""),w([]),S([])},$=Y=>{w(Z=>Z.filter((ie,de)=>de!==Y)),!c&&C.length>Y&&S(Z=>Z.filter((ie,de)=>de!==Y))},U=Y=>{Y.preventDefault(),Y.stopPropagation(),H(!0)},K=Y=>{Y.preventDefault(),Y.stopPropagation(),H(!1)},ee=p.useCallback(Y=>{!Y||Y.length===0||(S(Z=>[...Z,...Y]),w(Z=>[...Z,...Y]),T(Z=>[...Z,...Y]),I(!0))},[S,w]),J=p.useCallback(()=>{if(E.length>0&&!A&&f){P(!0);const Y=E[0];z.current=Y,W(0);try{f(Y)}catch(Z){T(ie=>ie.slice(1)),P(!1),z.current=null,W(0),I(ie=>E.length-1>0||!1),h==null||h(Z)}}else E.length===0&&v&&(I(!1),W(0))},[E,A,f,v,h]);p.useEffect(()=>{J()},[E,A,J]);const oe="active",ne=Y=>!0,re=()=>{q(!1),e.onGuideClose&&e.onGuideClose()},G=Y=>{y&&t?t(Y.text):b(Y.text),e.onPromptExampleSelect&&e.onPromptExampleSelect(Y),V.current&&V.current.focus()},Q=p.useCallback(()=>C,[C]),te=p.useCallback(()=>S([]),[]);return{onSubmit:a,getPendingFiles:Q,clearPendingFiles:te,value:k,handleChange:B,handleSubmit:X,editableRef:V,fileInputRef:O,isUploading:v,uploadProgress:F,isDraggingOver:R,uploadedFiles:j,pendingFiles:C,removeUploadedFile:$,setPendingFiles:S,setUploadedFiles:w,setIsUploading:I,startUpload:ee,selectedModel:M,handleModelChange:D,modelOptions:L,subscriptionStatus:oe,canAccessModel:ne,handleDragOver:U,handleDragLeave:K,isGuideTipShown:_,hideGuideTip:re,handlePromptExampleSelect:G}},Og={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}},Wa={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"}},Ng={default:{borderRadius:"8px"},square:{borderRadius:"0px"},rounded:{borderRadius:"8px"}},qg={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"}},Ug={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"}},Ha=e=>`${e}-${Math.random().toString(36).substring(2,9)}`,Gg=({openDelay:e=200,closeDelay:o=300}={})=>{const[t,a]=p.useState(!1),n=p.useRef(null),l=p.useRef(null),s=p.useRef(null),d=p.useRef(null),u=p.useMemo(()=>Ha("hovercard-content"),[]),c=p.useMemo(()=>Ha("hovercard-trigger"),[]),m=p.useCallback(()=>{n.current&&(clearTimeout(n.current),n.current=null),l.current&&(clearTimeout(l.current),l.current=null)},[]),g=p.useCallback(()=>{m(),t||(n.current=setTimeout(()=>{a(!0)},e))},[t,e,m]),h=p.useCallback(()=>{m(),t&&(l.current=setTimeout(()=>{a(!1)},o))},[t,o,m]),f=p.useCallback(()=>{l.current&&(clearTimeout(l.current),l.current=null)},[]);return p.useEffect(()=>()=>m(),[m]),{isOpen:t,openCard:g,closeCard:h,cancelCloseTimer:f,triggerRef:s,contentRef:d,contentId:u,triggerId:c}},zl=p.createContext({isOpen:!1,openCard:()=>{},closeCard:()=>{},cancelCloseTimer:()=>{},triggerRef:{current:null},contentRef:{current:null},contentId:"",triggerId:""}),Yg=({children:e,value:o})=>r.jsx(zl.Provider,{value:o,children:e}),Ml=()=>{const e=p.useContext(zl);if(!e)throw new Error("useHoverCardContext must be used within a HoverCardProvider");return e},Xg=({children:e,views:o,asChild:t=!1,...a})=>{const{openCard:n,closeCard:l,triggerRef:s,contentId:d,triggerId:u}=Ml(),f={ref:s,onMouseEnter:()=>n(),onMouseLeave:()=>l(),onFocus:()=>n(),onBlur:()=>l(),id:u,"aria-describedby":d,...o==null?void 0:o.container,...a};if(t&&p.isValidElement(e)){const y=p.Children.only(e);return p.cloneElement(y,{...f,...y.props})}return r.jsx(i.View,{position:"relative",display:"inline-block",...f,children:e})},Kg=({children:e,views:o,side:t="bottom",align:a="center",sideOffset:n=8,style:l,backgroundColor:s="color-white",borderRadius:d="4px",boxShadow:u="0px 2px 8px rgba(0, 0, 0, 0.15)",padding:c="12px",minWidth:m="50px",maxWidth:g="300px",...h})=>{const{isOpen:f,cancelCloseTimer:y,closeCard:x,contentRef:b,triggerRef:k,contentId:j,triggerId:w}=Ml(),{ref:C,relation:S}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0});p.useEffect(()=>{k!=null&&k.current&&(C==null?void 0:C.current)!==k.current&&C&&(C.current=k.current)},[k,C,f]);const v=()=>y(),I=()=>x();if(!f)return null;const F=()=>{if(!S||!(k!=null&&k.current))return{position:"absolute",top:0,left:0,zIndex:1e3};const T=k.current.getBoundingClientRect();let A=t;t==="bottom"&&S.space.vertical==="top"?A="top":t==="top"&&S.space.vertical==="bottom"?A="bottom":t==="right"&&S.space.horizontal==="left"?A="left":t==="left"&&S.space.horizontal==="right"&&(A="right");let P=0,z=0;switch(A){case"bottom":P=T.left+T.width/2,z=T.bottom+n;break;case"top":P=T.left+T.width/2,z=T.top-n;break;case"right":P=T.right+n,z=T.top+T.height/2;break;case"left":P=T.left-n,z=T.top+T.height/2;break}return{position:"fixed",left:P,top:z,zIndex:1e3,transform:W(A)}},W=T=>{switch(T){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)"}},E=F();return r.jsx(i.View,{ref:b,id:j,role:"tooltip","aria-labelledby":w,onMouseEnter:v,onMouseLeave:I,backgroundColor:s,borderRadius:d,boxShadow:u,padding:c,minWidth:m,maxWidth:g,style:{...E,...l},...o==null?void 0:o.container,...h,children:e})},Jg=({children:e,views:o,openDelay:t,closeDelay:a,...n})=>{const l=Gg({openDelay:t,closeDelay:a});return r.jsx(Yg,{value:l,children:r.jsx(i.View,{position:"relative",display:"inline-block",...o==null?void 0:o.container,...n,children:e})})},Se=Jg;Se.Trigger=Xg;Se.Content=Kg;const Qg=({files:e,sandboxId:o,onRemove:t,layout:a="inline",maxHeight:n="120px",showPreviews:l=!1,views:s={}})=>{if(e.length===0)return null;const d=p.useCallback(c=>c<1024?`${c} B`:c<1024*1024?`${(c/1024).toFixed(1)} KB`:`${(c/(1024*1024)).toFixed(1)} MB`,[]),u=p.useCallback(c=>c.type.startsWith("image/")?{backgroundColor:"#DBEAFE",color:"#2563EB"}:c.type.startsWith("video/")?{backgroundColor:"#EDE9FE",color:"#7C3AED"}:c.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:n,overflowY:"auto",...s==null?void 0:s.container,children:e.map((c,m)=>{const g=(c==null?void 0:c.path)||(c==null?void 0:c.url)||(l?URL.createObjectURL(c):""),h=c.type.startsWith("image/"),f=c.type.startsWith("video/"),y=c.type.startsWith("audio/"),x=u(c);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,...s==null?void 0:s.item,children:l&&r.jsxs(Se,{children:[r.jsxs(Se.Trigger,{children:[h&&r.jsx(i.Image,{src:g,alt:c.name,width:"60px",height:"60px",borderRadius:"8px",objectFit:"cover"}),f&&r.jsx(i.View,{as:"video",src:g,alt:c.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(vo,{widthHeight:24,color:"color-black"})}),!h&&!f&&!y&&r.jsx(i.Center,{width:"60px",height:"60px",borderRadius:"8px",backgroundColor:"color-gray-100",children:r.jsx(to,{widthHeight:24,color:"color-black"})}),t&&r.jsx(i.Button,{...Og.attachmentRemove,onClick:b=>{b.stopPropagation(),t(m)},"aria-label":`Remove ${c.name}`,children:"×"})]}),r.jsxs(Se.Content,{children:[h&&r.jsx(i.Image,{src:g,alt:c.name,maxWidth:"100%"}),f&&r.jsx(i.View,{as:"video",src:g,controls:!0,maxWidth:"100%"}),y&&r.jsx(i.View,{as:"audio",src:g,controls:!0,width:"100%"}),r.jsxs(i.Text,{marginTop:"4px",maxLines:1,width:"100%",...s==null?void 0:s.name,children:[c.name," (",d(c.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,...s==null?void 0:s.item,children:[r.jsx(i.Center,{width:"22px",height:"22px",minWidth:"22px",borderRadius:"9999px",backgroundColor:x.backgroundColor,color:x.color,children:y?r.jsx(vo,{widthHeight:12,color:"currentColor"}):r.jsx(to,{widthHeight:12,color:"currentColor"})}),r.jsxs(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-600",maxLines:1,maxWidth:"220px",...s==null?void 0:s.name,children:[c.name," · ",d(c.size)]}),t&&r.jsx(i.View,{as:"button",type:"button",onClick:()=>t(m),"aria-label":`Remove ${c.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)})})},Wl=p.forwardRef(({value:e,onChange:o,placeholder:t="Type your message...",disabled:a=!1,autoFocus:n=!0,suggestions:l=[],onSuggestionSelect:s,showSuggestions:d=!1,mentionData:u=[],mentionTrigger:c="@",onMentionSelect:m,maxHeight:g="200px",minHeight:h="40px",views:f={}},y)=>{var ne,re;const x=p.useRef(e),[b,k]=p.useState(-1),[j,w]=p.useState(!e),C=p.useRef(null),[S,v]=p.useState(!1),[I,F]=p.useState(!1),[W,E]=p.useState(""),[T,A]=p.useState(-1),[P,z]=p.useState(-1),[R,H]=p.useState([]),{ref:M,relation:D}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),[L,V]=p.useState({x:0,y:0}),[O,_]=p.useState({x:0,y:0});p.useEffect(()=>{const G=y;G.current&&e!==x.current&&(G.current.textContent=e,x.current=e,w(!e))},[e,y]),p.useEffect(()=>{n&&y&&typeof y=="object"&&y.current&&y.current.focus()},[n,y]);const q=()=>{const G=window.getSelection();if(!G||G.rangeCount===0)return-1;const Q=G.getRangeAt(0),te=Q.cloneRange();return te.selectNodeContents(y&&typeof y=="object"&&y.current?y.current:document.body),te.setEnd(Q.endContainer,Q.endOffset),te.toString().length},B=p.useCallback((G,Q)=>{const te=G.substring(0,Q),Y=te.lastIndexOf(c);if(Y!==-1){const Z=te.substring(Y+1);if(!Z.includes(" ")){const de=Z.toLowerCase(),xe=u.filter($e=>$e.name.toLowerCase().includes(de));E(de),A(Y),H(xe),F(xe.length>0),z(0);const Ae=X();V(Ae);return}}F(!1),E(""),A(-1),z(-1)},[u,c]);p.useEffect(()=>{C.current&&M&&(M.current=C.current)},[C,M]);const X=p.useCallback((G=200)=>{if(!C.current)return{x:0,y:0};const Q=C.current.getBoundingClientRect();if(D){const ie=D.space.vertical==="top";return{x:Q.left,y:ie?Q.top-G-8:Q.bottom+8}}const te=window.innerHeight,Y={top:Q.top,bottom:te-Q.bottom},Z=Y.bottom<G+8&&Y.top>Y.bottom;return{x:Q.left,y:Z?Q.top-G-8:Q.bottom+8}},[D]),$=p.useCallback(()=>{v(!0);const G=X();_(G)},[X]),U=p.useCallback(()=>{setTimeout(()=>{v(!1),k(-1)},150)},[]),K=G=>{const Q=G.currentTarget.textContent||"";if(Q!==x.current){o(Q),x.current=Q,w(!Q);const te=q();B(Q,te)}},ee=p.useCallback(G=>{if(y&&typeof y=="object"&&y.current){const Q=y.current.textContent||"",te=Q.substring(0,T),Y=Q.substring(T+c.length+W.length),Z=te+c+G.name+" "+Y;o(Z),x.current=Z,y.current.textContent=Z;const ie=te.length+c.length+G.name.length+1;setTimeout(()=>{var de;if(y.current){const xe=document.createRange(),Ae=window.getSelection(),$e=y.current.firstChild;$e&&Ae&&(xe.setStart($e,Math.min(ie,((de=$e.textContent)==null?void 0:de.length)||0)),xe.collapse(!0),Ae.removeAllRanges(),Ae.addRange(xe))}},0)}F(!1),E(""),A(-1),z(-1),m&&m(G)},[T,c,W,o,m,y]),J=p.useCallback(G=>{s&&s(G),k(-1)},[s]),oe=G=>{if(I&&R.length>0){if(G.key==="ArrowDown"){G.preventDefault(),z(Q=>Q<R.length-1?Q+1:0);return}if(G.key==="ArrowUp"){G.preventDefault(),z(Q=>Q>0?Q-1:R.length-1);return}if((G.key==="Tab"||G.key==="Enter")&&P>=0){G.preventDefault(),ee(R[P]);return}if(G.key==="Escape"){F(!1),z(-1);return}}if(d&&l.length>0){if(G.key==="ArrowDown"){G.preventDefault(),k(Q=>Q<l.length-1?Q+1:0);return}if(G.key==="ArrowUp"){G.preventDefault(),k(Q=>Q>0?Q-1:l.length-1);return}if(G.key==="Tab"&&b>=0){G.preventDefault(),J(l[b]);return}if(G.key==="Escape"){k(-1);return}}};return r.jsxs(i.View,{ref:C,width:"100%",position:"relative",...f==null?void 0:f.container,children:[r.jsxs(i.View,{width:"100%",minHeight:h,maxHeight:g,overflowY:"auto",position:"relative",children:[j&&r.jsx(i.Text,{position:"absolute",top:"8px",left:"8px",color:"color-gray-400",pointerEvents:"none",fontSize:"14px",zIndex:1,...f==null?void 0:f.placeholder,children:t}),r.jsx(i.View,{as:"div",ref:y,contentEditable:!a,suppressContentEditableWarning:!0,onInput:K,onKeyDown:oe,onFocus:$,onBlur:U,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",...f==null?void 0:f.input})]}),I&&R.length>0&&r.jsx(i.View,{position:"fixed",left:L.x,top:L.y,width:((ne=C.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",...f==null?void 0:f.mentionContainer,children:r.jsxs(i.Vertical,{gap:0,children:[R.map((G,Q)=>r.jsx(i.View,{as:"button",type:"button",width:"100%",padding:"12px 16px",backgroundColor:Q===P?"color-blue-50":"transparent",border:"none",cursor:"pointer",textAlign:"left",transition:"background-color 0.2s ease",onClick:()=>ee(G),onMouseEnter:()=>z(Q),_hover:{backgroundColor:"color-blue-50"},...f==null?void 0:f.mentionItem,children:r.jsxs(i.Vertical,{gap:4,children:[r.jsxs(i.Text,{fontSize:"14px",color:"color-gray-900",fontWeight:"medium",children:[c,G.name]}),G.description&&r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",children:G.description})]})},G.id)),process.env.NODE_ENV==="development"&&r.jsxs("div",{style:{fontSize:"8px",opacity:.7,padding:"4px"},children:["Mentions (Trigger: ",c,")",D&&r.jsxs(r.Fragment,{children:[r.jsx("br",{}),"Space: ",D.space.vertical,"-",D.space.horizontal]})]})]})}),d&&l.length>0&&!I&&S&&!e&&r.jsx(i.View,{position:"fixed",left:O.x,top:O.y,width:((re=C.current)==null?void 0:re.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",...f==null?void 0:f.suggestionsContainer,children:r.jsxs(i.Vertical,{gap:0,children:[l.map((G,Q)=>r.jsx(i.View,{as:"button",type:"button",width:"100%",padding:"12px 16px",backgroundColor:Q===b?"color-blue-50":"transparent",border:"none",cursor:"pointer",textAlign:"left",transition:"background-color 0.2s ease",onClick:()=>J(G),onMouseEnter:()=>k(Q),_hover:{backgroundColor:"color-blue-50"},...f==null?void 0:f.suggestionItem,children:r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontSize:"14px",color:"color-gray-900",fontWeight:"medium",children:G.text}),G.description&&r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",children:G.description})]})},G.id)),process.env.NODE_ENV==="development"&&r.jsxs("div",{style:{fontSize:"8px",opacity:.7,padding:"4px"},children:["Suggestions (Focus-triggered)",D&&r.jsxs(r.Fragment,{children:[r.jsx("br",{}),"Space: ",D.space.vertical,"-",D.space.horizontal]})]})]})})]})});Wl.displayName="EditableInput";const Zg=({examples:e,onSelect:o,views:t={}})=>{const{getColor:a}=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(n=>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(n),_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:n.text})},n.id))})},eh=({onRecordingComplete:e,onRecordingStart:o,views:t={}})=>{const{recording:a,paused:n,audioBlob:l,analyserNode:s,startRecording:d,stopRecording:u}=Wn();p.useEffect(()=>{if(l){const m=new File([l],`recording-${Date.now()}.webm`,{type:l.type||"audio/webm;codecs=opus"});e(m)}},[l]);const c=p.useCallback(()=>{d(),o==null||o()},[]);return r.jsxs(i.Horizontal,{alignItems:"center",gap:4,children:[r.jsx(i.View,{minWidth:90,children:a&&s&&r.jsx(Bt,{analyserNode:s,isPaused:n})}),r.jsx(i.View,{as:"button",type:"button",onClick:a?u:c,height:"40px",width:"40px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:a?"theme-error":"color-gray-100",color:a?"color-white":"color-gray-600",borderRadius:"50%",border:"none",cursor:"pointer",_hover:{backgroundColor:a?"color-red-600":"color-gray-200"},...t.button,children:a?r.jsx(Hr,{widthHeight:16,color:"currentColor",filled:!1}):r.jsx(Pt,{widthHeight:16,color:"currentColor",filled:!1})})]})},Hl=p.memo(({onSubmit:e,placeholder:o="Type your message… use @ to mention",loading:t=!1,disabled:a=!1,isAgentRunning:n=!1,enableAudioRecording:l=!1,leftButtons:s,rightButtons:d,onStopAgent:u,loadingText:c="Agent is working...",autoFocus:m=!0,sandboxId:g,hideAttachments:h=!1,attachmentText:f="",promptExamples:y=[],suggestions:x=[],errorMessage:b,size:k="md",shape:j="rounded",variant:w="default",views:C={},mentionData:S=[],mentionTrigger:v="@",onMentionSelect:I,onAudioRecordingStart:F,onAudioRecordingStop:W,showGuideTip:E,guideVideoUrl:T,onGuideClose:A,onFileBrowse:P,onUploadProgress:z,onUploadSuccess:R,onUploadError:H,onFileUpload:M,onPromptExampleSelect:D,value:L,handleChange:V,handleSubmit:O,editableRef:_,fileInputRef:q,isUploading:B,uploadProgress:X,isDraggingOver:$,uploadedFiles:U,pendingFiles:K,getPendingFiles:ee,clearPendingFiles:J,removeUploadedFile:oe,setPendingFiles:ne,setUploadedFiles:re,setIsUploading:G,startUpload:Q,selectedModel:te,handleModelChange:Y,modelOptions:Z,subscriptionStatus:ie,canAccessModel:de,isGuideTipShown:xe,hideGuideTip:Ae,handlePromptExampleSelect:$e,handleDragOver:Ur,handleDragLeave:Re,onChange:ar,...Gr})=>{i.useTheme();const ha=p.useMemo(()=>({...Wa.container,...Ng[j],...C==null?void 0:C.container}),[j,C==null?void 0:C.container]),as=p.useMemo(()=>({...Wa.content,...qg[k],...Ug[w],...C==null?void 0:C.content}),[k,w,C==null?void 0:C.content]),Po=((L==null?void 0:L.trim().length)??0)>0||U.length>0,ns=p.useCallback(be=>{Q([be]),W==null||W(be)},[Q,W]),Yr=p.useCallback(be=>{const po=be.filter(fa=>fa.size>52428800?(console.error(`File size exceeds 50MB limit: ${fa.name}`),!1):!0);po.length>0&&Q(po)},[Q]),ls=p.useCallback(be=>{if(be.preventDefault(),be.stopPropagation(),Re(be),be.dataTransfer.files.length>0){const po=Array.from(be.dataTransfer.files);Yr(po)}},[Re,Yr]),is=p.useMemo(()=>[...S||[],...U.map((be,po)=>({id:`file-${po}`,name:be.name}))],[S,U]);return r.jsxs(i.View,{display:"flex",flexDirection:"column",boxSizing:"border-box",...ha,...Gr,onDragOver:Ur,onDragLeave:Re,onDrop:ls,children:[y.length>0&&r.jsx(Zg,{examples:y,onSelect:$e,views:{container:C==null?void 0:C.promptExamples,item:C==null?void 0:C.promptExampleItem}}),n&&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(Vt,{widthHeight:12,color:"currentColor",filled:!1,style:{animation:"spin 1s linear infinite"}}),r.jsx(i.Text,{color:"color-gray-500",children:c})]}),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",...as,...ha,paddingHorizontal:16,paddingVertical:10,backgroundColor:$?"color-blue-50":void 0,children:[r.jsx(Qg,{files:U,sandboxId:g,onRemove:oe,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(Wl,{ref:_,value:L||"",onChange:V,placeholder:o,disabled:a&&!n,autoFocus:m,suggestions:x||[],showSuggestions:x&&x.length>0&&!L,onSuggestionSelect:be=>{V(be.text)},mentionData:is,mentionTrigger:v,onMentionSelect:I,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:[!h&&r.jsx(Er,{accept:"*/*",icon:r.jsx(Xo,{widthHeight:16}),maxSize:50*1024*1024,multiple:!0,onMultipleFileSelect:Yr,isLoading:B,progress:X||0,text:f,fileType:"file",renderError:({errorMessage:be})=>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:j==="rounded"?"50%":4,padding:10},textProps:{fontSize:"14px",color:"color-gray-600"},validateFile:be=>be.size>50*1024*1024?"File size exceeds 50MB limit":null}),s]}),r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[l&&r.jsx(eh,{onRecordingStart:F,onRecordingComplete:ns,views:{button:C==null?void 0:C.recordButton}}),r.jsx(i.View,{as:"button",type:"button",onClick:O,height:"40px",width:"40px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:n?"theme-error":Po?"theme-primary":"color-gray-300",color:"color-white",borderRadius:j==="rounded"?"50%":4,border:"none",cursor:Po?"pointer":"not-allowed",disabled:!Po||t||a&&!n,transition:"background-color 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease",_hover:{opacity:Po||n?.9:1},_active:{opacity:Po||n?.95:1},_focusVisible:{outline:"none",boxShadow:"0 0 0 2px white, 0 0 0 4px theme-primary"},...C==null?void 0:C.submitButton,children:n?r.jsx(Hr,{widthHeight:16,color:"currentColor",filled:!1}):t?r.jsx(To,{type:"quarter",size:16,color:"color-white"}):r.jsx(At,{widthHeight:16,color:"currentColor",filled:!1})}),d]})]})]})}),b&&r.jsx(i.Text,{color:"theme-error",marginTop:"4px",...C==null?void 0:C.bottomTip,children:b})]})}),oh=e=>{const{name:o,onSubmit:t,...a}=e,[n,l]=p.useState([]),s=he({name:o,type:"text"}),d=h=>{s.onChangeText&&s.onChangeText(h)},u=(h,f)=>{t?t(h,f):d(h)},c=()=>n,m=()=>l([]),g=Rl({...a,value:s.value||"",onChange:d,onSubmit:u});return r.jsx(Hl,{...a,...g,value:s.value||"",onChange:d,onSubmit:u,error:s.error,getPendingFiles:c,clearPendingFiles:m})},rh=oh,th=e=>{const o=he(e),t=cl(o);return r.jsx(dl,{...t,...o})},ah=th,nh=e=>{const o=he(e),t=fl();return r.jsx(yl,{...t,...o})},lh=nh,ih=e=>{const o=he(e),t=ul(e);return r.jsx(pl,{...t,...o})},sh=ih,ch=e=>{let o=he(e);o.selected=o.value;const t=Jn(e);return r.jsx(el,{...t,...o})},dh=ch,uh=e=>{const o=he(e),t=ol(e);return r.jsx(rl,{...t,...o})},ph=uh,mh=e=>{const{name:o,...t}=e,{values:a,errors:n,touched:l,submitCount:s,setFieldValue:d,setFieldTouched:u}=He.useFormikContext(),c=He.getIn(a,o)||[],m=He.getIn(l,o)||s>0?He.getIn(n,o):void 0,g=p.useCallback(b=>{var j;const k=Array.isArray(b)?b.filter(w=>typeof w=="string"):[];d(o,k),(j=e.onTagsChange)==null||j.call(e,k)},[o,d,e.onTagsChange]),h=p.useCallback(()=>{var b;u(o,!0),(b=e.onBlur)==null||b.call(e)},[o,u,e.onBlur]),f=Cl({...t,tags:c,onTagsChange:g,onBlur:h}),{tags:y,...x}=f;return r.jsx(Sl,{...x,...t,tags:y,error:m})},gh=mh,hh=e=>{const o=he(e),t=nl(e);return r.jsx(ll,{...t,...o})},fh=hh,yh=e=>{const o=he(e),{value:t,...a}=Qt(e);return r.jsx(Qo,{...a,...o})},xh=yh,bh=({visibleIcon:e=r.jsx(Dt,{widthHeight:14}),hiddenIcon:o=r.jsx(Et,{widthHeight:14}),...t})=>{const a=he(t),{isVisible:n,setIsVisible:l,...s}=xl(a);return r.jsx(Qo,{...s,type:n?"text":"password",isClearable:!1,right:r.jsx(i.View,{onClick:()=>{t.isDisabled||l(!n)},children:n?e:o})})},kh=bh,Ch=({items:e,placeholder:o,searchPlaceholder:t,isMulti:a=!1,...n})=>{const l=he(n),s=bl(e,o,t);p.useEffect(()=>{if(a&&Array.isArray(l.value))s.setSelectedItems(l.value);else if(!a&&l.value){const u=typeof l.value=="object"?l.value:e.find(c=>c.value===l.value);u&&s.setSelectedItem(u)}},[l.value,a,e]);const d=u=>{l.onChange(u)};return r.jsx(kl,{...s,...l,items:e,placeholder:o,isMulti:a,onSelect:d})},Sh=Ch,So=(e,o,t)=>Math.min(Math.max(e,o),t),jh=(e,o,t,a,n,l,s)=>{const d=a-t;let u;if(l==="horizontal"){const c=o.width,m=e-o.left;u=So(m/c,0,1)}else{const c=o.height,m=o.bottom-e;u=So(m/c,0,1)}if(s&&s.length>0){const c=t+u*d;let m=s[0],g=Math.abs(c-m);for(let h=1;h<s.length;h++){const f=Math.abs(c-s[h]);f<g&&(g=f,m=s[h])}return m}else{const c=t+u*d,m=Math.round(c/n)*n;return So(m,t,a)}},Pl=({min:e=0,max:o=100,step:t=1,value:a=0,defaultValue:n,onChange:l,onDrag:s,orientation:d="horizontal",isDisabled:u=!1,stepValues:c})=>{const m=So(a??n??e,e,o),[g,h]=p.useState(m),[f,y]=p.useState(!1),[x,b]=p.useState(!1),k=p.useRef(null),j=p.useRef(null),w=a!==void 0,C=w?a:g;p.useEffect(()=>{w&&h(So(a,e,o))},[a,w,e,o]);const S=p.useCallback(A=>{const P=So(A,e,o);w||h(P),l&&P!==C&&l(P),f&&s&&s(P)},[w,e,o,l,C,f,s]),v=p.useCallback(A=>{if(u||!k.current)return;const P=k.current.getBoundingClientRect();let z;"touches"in A?z=d==="horizontal"?A.touches[0].clientX:A.touches[0].clientY:z=d==="horizontal"?A.clientX:A.clientY;const R=jh(z,P,e,o,t,d,c);S(R)},[e,o,t,d,S,u,c]),I=p.useCallback(A=>{if(u)return;A.preventDefault(),y(!0),v(A);const P=R=>{v(R)},z=()=>{y(!1),document.removeEventListener("mousemove",P),document.removeEventListener("mouseup",z),document.removeEventListener("touchmove",P),document.removeEventListener("touchend",z)};document.addEventListener("mousemove",P),document.addEventListener("mouseup",z),document.addEventListener("touchmove",P),document.addEventListener("touchend",z)},[v,u]),F=p.useCallback(A=>{j.current&&j.current.contains(A.target)||I(A)},[I]),W=p.useCallback(A=>{if(u)return;let P=C;switch(A.key){case"ArrowLeft":case"ArrowDown":P=C-t;break;case"ArrowRight":case"ArrowUp":P=C+t;break;case"Home":P=e;break;case"End":P=o;break;default:return}A.preventDefault(),S(P)},[C,e,o,t,S,u]),E=o-e,T=E===0?0:(C-e)/E*100;return{currentValue:C,isDragging:f,isHovered:x,setIsHovered:b,trackRef:k,thumbRef:j,handleThumbMouseDown:I,handleTrackMouseDown:F,handleKeyDown:W,thumbPositionPercent:T}},Pa={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%"}},Aa={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}},Va={square:0,rounded:4,pill:24},wh=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"}}),Ea=wh(),vh={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}},Th={horizontal:{width:"100%",minWidth:"120px",height:"auto",flexDirection:"row",paddingVertical:8},vertical:{height:"100%",minHeight:"120px",width:"auto",flexDirection:"column-reverse",paddingHorizontal:8}},Ih=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),$o=(e,o)=>Ih(o)?{style:{[e]:o}}:{[e]:o},Al=p.memo(({min:e=0,max:o=100,step:t=1,currentValue:a,stepValues:n,shape:l="rounded",size:s="md",variant:d="default",orientation:u="horizontal",isDisabled:c=!1,showValue:m=!1,showTooltip:g=!1,backgroundColor:h="theme-primary",label:f,helperText:y,themeMode:x,shadow:b={},isDragging:k,isHovered:j,setIsHovered:w,trackRef:C,thumbRef:S,handleThumbMouseDown:v,handleTrackMouseDown:I,handleKeyDown:F,thumbPositionPercent:W,ariaLabel:E="Slider",views:T={container:{},track:{},progress:{},filledTrack:{},thumb:{},label:{},valueLabel:{},stepMarks:{},tooltip:{}},onChange:A,onDrag:P,value:z,defaultValue:R,...H})=>{var $,U;const M=h,D="theme-disabled",L=Ea[d].backgroundColor,V=c?D:M,O=u==="vertical",{trackCrossAxisSize:_,thumbSize:q}=vh[s]||{trackCrossAxisSize:Pa[s].height,thumbSize:Aa[s].width||16},B=r.jsxs(i.Vertical,{width:"100%",gap:8,...T.container,...H,children:[f&&r.jsxs(i.Horizontal,{justifyContent:"space-between",alignItems:"center",children:[r.jsx(i.Text,{fontSize:14,fontWeight:500,...T.label,children:f}),m&&r.jsx(i.Text,{fontSize:14,color:"color-gray-500",...T.valueLabel,children:a})]}),r.jsxs(i.View,{ref:C,position:"relative",cursor:c?"not-allowed":"pointer",opacity:c?.6:1,onMouseDown:I,onMouseEnter:()=>w(!0),onMouseLeave:()=>w(!1),...Pa[s],borderRadius:Va[l],backgroundColor:L,...Ea[d],...b,...T.track,children:[n&&n.length>0&&r.jsx(r.Fragment,{children:n.map(K=>{const ee=(K-e)/(o-e)*100;return r.jsx(i.View,{position:"absolute",top:"50%",left:`${ee}%`,transform:"translate(-50%, -50%)",width:4,height:4,borderRadius:"50%",zIndex:1,...$o("backgroundColor",V),...T.stepMarks},K)})}),r.jsx(i.View,{position:"absolute",top:0,left:0,height:"100%",width:`${W}%`,borderRadius:Va[l],transition:"width 0.1s ease-in-out",...$o("backgroundColor",V),...T.progress,...T.filledTrack}),r.jsx(i.View,{ref:S,role:"slider",tabIndex:c?-1:0,"aria-valuemin":e,"aria-valuemax":o,"aria-valuenow":a,"aria-orientation":u,"aria-disabled":c,"aria-label":E,position:"absolute",top:"50%",left:`${W}%`,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",...$o("borderColor",V),transform:j?"translate(-50%, -50%) scale(1.1)":"translate(-50%, -50%)",zIndex:2,onMouseDown:v,onTouchStart:v,onKeyDown:F,...Aa[s],...T.thumb,children:g&&(j||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,...T.tooltip,children:r.jsx(i.Text,{...($=T.tooltip)==null?void 0:$.text,children:a==null?void 0:a.toFixed(t<1?1:0)})})})]}),y&&r.jsx(ht,{children:y})]}),X=r.jsxs(i.Center,{...Th[u],position:"relative",onMouseEnter:()=>!c&&w(!0),onMouseLeave:()=>!c&&w(!1),...H,...T==null?void 0:T.container,children:[f&&r.jsxs(i.Horizontal,{justifyContent:"space-between",alignItems:"center",marginBottom:8,width:"100%",children:[r.jsx(i.Text,{fontSize:14,fontWeight:500,...T.label,children:f}),m&&r.jsx(i.Text,{fontSize:14,color:"color-gray-500",...T.valueLabel,children:a})]}),r.jsxs(i.View,{ref:C,position:"relative",borderRadius:_/2,backgroundColor:c?D:L,cursor:c?"not-allowed":"pointer",width:O?`${_}px`:"100%",height:O?"100%":`${_}px`,onMouseDown:I,onTouchStart:I,...T==null?void 0:T.track,children:[n&&n.length>0&&r.jsx(r.Fragment,{children:n.map(K=>{const ee=(K-e)/(o-e)*100;return r.jsx(i.View,{position:"absolute",width:4,height:4,borderRadius:"50%",backgroundColor:V,zIndex:1,...O?{bottom:`${ee}%`,left:"50%",transform:"translate(-50%, 50%)"}:{left:`${ee}%`,top:"50%",transform:"translate(-50%, -50%)"},...T.stepMarks},K)})}),r.jsx(i.View,{position:"absolute",borderRadius:_/2,...O?{bottom:0,left:0,width:"100%",height:`${W}%`}:{top:0,left:0,height:"100%",width:`${W}%`},...$o("backgroundColor",V),...T==null?void 0:T.filledTrack,...T==null?void 0:T.progress}),r.jsx(i.View,{ref:S,role:"slider",tabIndex:c?-1:0,"aria-valuemin":e,"aria-valuemax":o,"aria-valuenow":a,"aria-orientation":u,"aria-disabled":c,"aria-label":E,position:"absolute",width:`${q}px`,height:`${q}px`,borderRadius:"50%",borderWidth:2,borderStyle:"solid",borderColor:"color-white",boxShadow:"0 1px 3px rgba(0, 0, 0, 0.2)",cursor:c?"not-allowed":"grab",transform:O?"translateX(-50%)":"translateY(-50%)",zIndex:2,transition:k?"none":"left 0.1s, bottom 0.1s",...$o("backgroundColor",V),...O?{left:"50%",bottom:`${W}%`}:{top:"50%",left:`${W}%`},onMouseDown:v,onTouchStart:v,onKeyDown:F,...T==null?void 0:T.thumb,children:g&&(j||k)&&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%)"},...T==null?void 0:T.tooltip,children:r.jsx(i.Text,{...(U=T==null?void 0:T.tooltip)==null?void 0:U.text,children:a==null?void 0:a.toFixed(t<1?1:0)})})})]}),y&&r.jsx(ht,{marginTop:8,children:y})]});return O||g?X:B}),Fh=e=>{const o=he(e),t=Pl({...e,value:o.value!==void 0?Number(o.value):void 0,onChange:a=>{var n;o.onChange(a),(n=e.onChange)==null||n.call(e,a)}});return r.jsx(Al,{...e,...t,...o})},Rh=Fh,zh=e=>{const o=he(e),{isFocused:t,setIsFocused:a,isHovered:n,setIsHovered:l,inputRef:s,containerRef:d,mirrorSelectionStart:u,mirrorSelectionEnd:c,setMirrorSelectionStart:m,setMirrorSelectionEnd:g,setInputRef:h,handleFocus:f,handleBlur:y,handleKeyDown:x,handlePaste:b}=jl(e),k=p.useCallback(w=>{o.onChange&&o.onChange(w),e.onComplete&&w.length===(e.length||6)&&e.onComplete(w),s.current&&(s.current.value=w)},[o,e,s]),j=p.useCallback(w=>{const C=w.currentTarget.value.slice(0,e.length||6);k(C),s.current&&(s.current.value=C)},[e.length,k,s]);return r.jsx(wl,{...e,...o,setValue:k,isFocused:t,setIsFocused:a,isHovered:n,setIsHovered:l,inputRef:s,containerRef:d,mirrorSelectionStart:u,mirrorSelectionEnd:c,setMirrorSelectionStart:m,setMirrorSelectionEnd:g,setInputRef:h,handleChange:j,handleFocus:f,handleBlur:y,handleKeyDown:x,handlePaste:b,stepValues:e.stepValues})},Mh=zh,Wh=e=>Array.isArray(e)?e:e==null?[]:[e],Vl=({name:e,uploadFile:o,onUploadSuccess:t,onUploadError:a,transformResponse:n,onMultipleFileSelect:l,onFileSelect:s,multiple:d=!0,...u})=>{const{setFieldValue:c,setFieldTouched:m,values:g}=He.useFormikContext(),[h,f]=p.useState(!1),[y,x]=p.useState(0),b=p.useCallback(async w=>{if(!w||w.length===0)return;m(e,!0,!0),f(!0);const C=[];for(const S of w){x(0);try{const v=await o(S,F=>{x(F??0)}),I=n?n(v,S):v;C.push(I),t==null||t(S,I)}catch(v){a==null||a(S,v)}}if(C.length>0){const S=Wh(He.getIn(g,e));c(e,[...S,...C],!0),x(100)}else x(0);f(!1)},[e,a,t,m,c,n,o,g]),k=p.useCallback(async w=>{l==null||l(w),await b(w)},[b,l]),j=p.useCallback(async w=>{s==null||s(w),await b([w])},[b,s]);return r.jsx(Er,{...u,multiple:d,onMultipleFileSelect:d?k:void 0,onFileSelect:d?void 0:j,isLoading:h,progress:y})};Vl.displayName="FormikUploader";const Hh=e=>{let o=he(e);o.selected=o.value;const t=tl(e);return r.jsx(al,{...t,...o})},Ph=Hh,El=e=>{const[o,t]=p.useState(!1),[a,n]=p.useState(e);return{isHovered:o,setIsHovered:t,isToggle:a,setIsToggled:n}},Ah={square:0,rounded:8,pill:999},Vh=(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"}}),Dl=p.memo(({children:e,shape:o="rounded",variant:t="ghost",isHovered:a,setIsHovered:n,isDisabled:l,isToggle:s,setIsToggled:d,onToggle:u,views:c,backgroundColor:m,color:g,themeMode:h,...f})=>{const{getColor:y,themeMode:x}=i.useTheme(),b=h??x,j=y(l?"theme-disabled":m??g??"theme-primary",{themeMode:b}),C=p.useMemo(()=>Vh(j),[j,b])[t],S=!!s,v=p.useCallback(()=>n(!0),[n]),I=p.useCallback(()=>{l||d(F=>{const W=!F;return u&&u(W),W})},[l,d,u]);return r.jsx(i.Center,{role:"Toggle",padding:o==="pill"?"8px 12px":"8px",width:"fit-content",cursor:l?"not-allowed":"pointer",borderRadius:Ah[o],onClick:I,onMouseEnter:v,onMouseLeave:()=>n(!1),...C,...S&&{...t==="link"?{backgroundColor:"transparent"}:{backgroundColor:"color-blue-50",borderWidth:1,borderStyle:"solid",borderColor:"color-blue-200"},color:j},...f,...c==null?void 0:c.container,children:e})}),Eh=({children:e,shape:o,variant:t,isDisabled:a,isToggled:n=!1,onToggle:l,...s})=>{const d=he(s),{isHovered:u,setIsHovered:c,isToggle:m,setIsToggled:g}=El(d.value??n);p.useEffect(()=>{g(d.value??n)},[d.value,n]);const h=f=>{g(f),d.onChange(f),l==null||l(f)};return r.jsx(Dl,{shape:o,variant:t,isDisabled:a,isHovered:u,setIsHovered:c,isToggle:m,setIsToggled:g,onToggle:h,...s,children:e})},Dh=Eh,$l=()=>{const[e,o]=p.useState([]);return{activeToggles:e,setActiveToggles:o}},$h=({children:e,shape:o,variant:t,isDisabled:a,isToggled:n=!1,onToggle:l,...s})=>{const{isHovered:d,setIsHovered:u,isToggle:c,setIsToggled:m}=El(n);return p.useEffect(()=>{m(n)},[n]),r.jsx(Dl,{shape:o,variant:t,isDisabled:a,isHovered:d,setIsHovered:u,isToggle:c,setIsToggled:m,onToggle:l,...s,children:e})},ea=$h,Ll=({items:e,onToggleChange:o,activeToggles:t,setActiveToggles:a,shape:n="rounded",variant:l="ghost",views:s})=>{const d=p.useCallback((u,c)=>{a(m=>{let g;return c?g=m.includes(u)?m:[...m,u]:g=m.filter(h=>h!==u),o==null||o(g),g})},[o,a]);return r.jsx(i.Horizontal,{role:"ToggleGroup",display:"flex",gap:8,flexWrap:"wrap",...s==null?void 0:s.container,children:e.map(u=>r.jsx(ea,{role:`toggle-${u.id}`,shape:n,variant:l,isToggled:t.includes(u.id)||u.isActive,onToggle:c=>d(u.id,c),isDisabled:u.isDisabled,views:s==null?void 0:s.toggle,children:u.value},u.id))})},Lh=({items:e,shape:o,variant:t,onToggleChange:a,...n})=>{const l=he(n),{activeToggles:s,setActiveToggles:d}=$l();p.useEffect(()=>{Array.isArray(l.value)&&d(l.value)},[l.value]);const u=c=>{d(c),l.onChange(c),a==null||a(c)};return r.jsx(Ll,{items:e,shape:o,variant:t,activeToggles:s,setActiveToggles:d,onToggleChange:u,...n})},_h=Lh,Da=["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"],_l=e=>{const{value:o,defaultValue:t,onChange:a,isOpen:n,onOpen:l,onClose:s,closeOnSelect:d=!0}=e,[u,c]=p.useState(n??!1),[m,g]=p.useState(o??t),[h,f]=p.useState(""),y=p.useRef(null),x=p.useRef(null);p.useEffect(()=>{o!==void 0&&g(o)},[o]),p.useEffect(()=>{n!==void 0&&c(n)},[n]);const b=p.useMemo(()=>h?Da.filter(S=>S.toLowerCase().includes(h.toLowerCase())).slice(0,100):Da.slice(0,100),[h]);p.useEffect(()=>{const S=v=>{u&&y.current&&x.current&&!y.current.contains(v.target)&&!x.current.contains(v.target)&&k()};return document.addEventListener("mousedown",S),()=>document.removeEventListener("mousedown",S)},[u]);const k=p.useCallback(()=>{n===void 0&&c(!1),s&&s()},[s,n]),j=p.useCallback(()=>{const S=!u;n===void 0&&c(S),S?(l&&l(),f("")):s&&s()},[u,l,s,n]),w=p.useCallback(S=>{o===void 0&&g(S),a&&a(S),d&&k()},[a,d,k,o]),C=p.useCallback(S=>{f(S)},[]);return{isOpen:u,selectedIcon:m,searchQuery:h,filteredIcons:b,handleToggle:j,handleIconSelect:w,handleSearchChange:C,handleClose:k,triggerRef:y,dropdownRef:x}},ho={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"}},Bh={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"}},Oh={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},Nh={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"}},Bl=({label:e,placeholder:o="Select an icon",helperText:t,views:a={},size:n="md",shape:l="default",variant:s="default",error:d=!1,isDisabled:u=!1,isReadOnly:c=!1,showSearch:m=!0,isOpen:g,selectedIcon:h,searchQuery:f,filteredIcons:y,handleToggle:x,handleIconSelect:b,handleSearchChange:k,triggerRef:j,dropdownRef:w,handleClose:C,onChange:S,value:v,defaultValue:I,onOpen:F,onClose:W,closeOnSelect:E,...T})=>{const{getColor:A}=i.useTheme(),P={...ho.container,...a==null?void 0:a.container},z={...ho.trigger,...Bh[n],...Oh[l],...Nh[s],...d&&{borderColor:"color-red-500"},...u&&{opacity:.6,cursor:"not-allowed"},...!u&&!c&&{_hover:{borderColor:"color-gray-300"}},...a==null?void 0:a.trigger},R={...ho.dropdown,...a==null?void 0:a.dropdown},H={...ho.iconGrid,...a==null?void 0:a.iconGrid};return r.jsxs(i.View,{...P,...T,children:[e&&r.jsx(i.Text,{fontSize:n==="xs"?"12px":n==="sm"?"14px":"16px",fontWeight:"500",color:"color-gray-700",marginBottom:"4px",...a==null?void 0:a.label,children:e}),r.jsxs(i.View,{ref:j,onClick:u||c?void 0:x,...z,children:[r.jsx(i.Horizontal,{alignItems:"center",gap:8,width:"100%",children:h?r.jsxs(i.Horizontal,{alignItems:"center",gap:8,width:"100%",children:[r.jsx(kr,{name:h,widthHeight:16}),r.jsx(i.Text,{color:"color-gray-800",fontSize:"inherit",style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:h})]}):r.jsx(i.Text,{color:"color-gray-500",fontSize:"inherit",children:o})}),!c&&!u&&r.jsx(se,{widthHeight:16,color:"color-gray-500",orientation:g?"up":"down"})]}),g&&r.jsxs(i.View,{ref:w,...R,children:[m&&r.jsx(i.View,{...ho.searchInput,...a==null?void 0:a.searchInput,children:r.jsx(ve,{placeholder:"Search icons...",value:f,onChange:M=>k(M),size:"sm",autoFocus:!0})}),r.jsx(i.View,{...H,children:y.length>0?y.map(M=>r.jsx(i.View,{...ho.iconItem,onClick:()=>b(M),title:M,_hover:{backgroundColor:"color-gray-50",transform:"scale(1.05)"},backgroundColor:h===M?"#EFF6FF":"transparent",borderWidth:h===M?"1px":"0px",borderStyle:"solid",borderColor:h===M?"#BFDBFE":"transparent",...a==null?void 0:a.iconItem,children:r.jsx(kr,{name:M,widthHeight:20})},M)):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",...a==null?void 0:a.helperText,children:t})]})},qh=e=>{const o=he(e),t={...e,value:o.value??e.value??e.defaultValue},a=_l(t),n=l=>{a.handleIconSelect(l),o.onChange(l)};return r.jsx(Bl,{...a,...t,handleIconSelect:n})},Uh=qh,Ue={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"}},Gh={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"}},Yh={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},Xh={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"}},Kh={recent:"🕒",smileys:"😀",people:"👤",animals:"🐶",food:"🍎",activities:"⚽",travel:"🚗",objects:"💡",symbols:"❤️",flags:"🏁"},Jh=[{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"]}],Ol=e=>{const{value:o,defaultValue:t="",onChange:a,onEmojiSelect:n,isOpen:l,onOpen:s,onClose:d,closeOnSelect:u=!0,maxRecentEmojis:c=16,showRecentEmojis:m=!0,enabledCategories:g=["recent","smileys","people","animals","food","activities","travel","objects","symbols","flags"],customEmojis:h=[]}=e,[f,y]=p.useState(l??!1),[x,b]=p.useState(o??t),[k,j]=p.useState(""),[w,C]=p.useState("smileys"),[S,v]=p.useState([]),I=p.useRef(null),F=p.useRef(null),W=p.useMemo(()=>[...Jh,...h],[h]),E=p.useMemo(()=>{let M=W;if(w!=="recent"?M=M.filter(D=>D.category===w):M=S,k){const D=k.toLowerCase();M=M.filter(L=>L.name.toLowerCase().includes(D)||L.keywords.some(V=>V.toLowerCase().includes(D)))}return M},[W,w,S,k]);p.useEffect(()=>{o!==void 0&&b(o)},[o]),p.useEffect(()=>{l!==void 0&&y(l)},[l]),p.useEffect(()=>{if(m){const M=localStorage.getItem("emojiPicker-recentEmojis");if(M)try{v(JSON.parse(M))}catch{}}},[m]),p.useEffect(()=>{const M=D=>{f&&I.current&&F.current&&!I.current.contains(D.target)&&!F.current.contains(D.target)&&H()};return document.addEventListener("mousedown",M),()=>document.removeEventListener("mousedown",M)},[f]);const T=p.useCallback(M=>{m&&v(D=>{const L=D.filter(O=>O.emoji!==M.emoji),V=[M,...L].slice(0,c);return localStorage.setItem("emojiPicker-recentEmojis",JSON.stringify(V)),V})},[m,c]),A=p.useCallback(()=>{const M=!f;y(M),M?(s==null||s(),j(""),m&&S.length>0?C("recent"):C("smileys")):d==null||d()},[f,s,d,m,S.length]),P=p.useCallback(M=>{b(M.emoji),T(M),a==null||a(M.emoji),n==null||n(M),u&&(y(!1),d==null||d())},[a,n,u,d,T]),z=p.useCallback(M=>{j(M),M&&w==="recent"&&C("smileys")},[w]),R=p.useCallback(M=>{C(M),j("")},[]),H=p.useCallback(()=>{y(!1),d==null||d()},[d]);return{isOpen:f,selectedEmoji:x,recentEmojis:S,searchQuery:k,activeCategory:w,filteredEmojis:E,handleToggle:A,handleEmojiSelect:P,handleSearchChange:z,handleCategoryChange:R,handleClose:H,triggerRef:I,dropdownRef:F}},Nl=({id:e,name:o,label:t,placeholder:a="Select an emoji",helperText:n,views:l={},size:s="md",shape:d="default",variant:u="default",error:c=!1,isDisabled:m=!1,isReadOnly:g=!1,showSearch:h=!0,showCategories:f=!0,showRecentEmojis:y=!0,enabledCategories:x=["recent","smileys","people","animals","food","activities","travel","objects","symbols","flags"],isOpen:b,selectedEmoji:k,recentEmojis:j,searchQuery:w,activeCategory:C,filteredEmojis:S,handleToggle:v,handleEmojiSelect:I,handleSearchChange:F,handleCategoryChange:W,handleClose:E,triggerRef:T,dropdownRef:A,onChange:P,onOpen:z,onClose:R,onEmojiSelect:H,customEmojis:M,closeOnSelect:D,maxRecentEmojis:L,value:V,defaultValue:O,..._})=>{const{getColor:q}=i.useTheme(),B={...Ue.container,...l==null?void 0:l.container},X={...Ue.trigger,...Gh[s],...Yh[d],...Xh[u],...c&&{borderColor:"color-red-500"},...m&&{opacity:.6,cursor:"not-allowed"},...!m&&!g&&{_hover:{borderColor:"color-gray-300"}},...l==null?void 0:l.trigger},$={...Ue.dropdown,...l==null?void 0:l.dropdown},U={...Ue.categoryTabs,...l==null?void 0:l.categoryTabs},K={...Ue.emojiGrid,...l==null?void 0:l.emojiGrid},ee=x.filter(J=>J==="recent"?y&&j.length>0:!0);return r.jsxs(i.View,{...B,..._,children:[t&&r.jsx(i.Text,{fontSize:s==="xs"?"12px":s==="sm"?"14px":"16px",fontWeight:"500",color:"color-gray-700",marginBottom:"4px",...l==null?void 0:l.label,children:t}),r.jsxs(i.View,{ref:T,onClick:m||g?void 0:v,...X,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||a})}),!g&&!m&&r.jsx(se,{widthHeight:16,color:"color-gray-500",orientation:b?"up":"down"})]}),b&&r.jsxs(i.View,{ref:A,...$,children:[h&&r.jsx(i.View,{...Ue.searchInput,...l==null?void 0:l.searchInput,children:r.jsx(ve,{placeholder:"Search emojis...",value:w,onChange:J=>F(J.target.value),size:"sm"})}),f&&r.jsx(i.View,{...U,children:ee.map(J=>r.jsx(i.View,{...Ue.categoryTab,...C===J&&{borderBottomColor:"theme-primary",color:"theme-primary",backgroundColor:"color-blue-50"},onClick:()=>W(J),title:J.charAt(0).toUpperCase()+J.slice(1),...l==null?void 0:l.categoryTab,children:Kh[J]},J))}),r.jsx(i.View,{...K,children:S.length>0?S.map((J,oe)=>r.jsx(i.View,{...Ue.emoji,onClick:()=>I(J),title:J.name,_hover:{backgroundColor:"color-gray-50",transform:"scale(1.05)"},color:"color-gray-800",...l==null?void 0:l.emoji,children:J.emoji},`${J.emoji}-${oe}`)):r.jsx(i.View,{gridColumn:"1 / -1",padding:"20px",textAlign:"center",color:"color-gray-500",children:r.jsx(i.Text,{fontSize:"14px",children:w?"No emojis found":"No emojis in this category"})})})]}),n&&r.jsx(i.Text,{color:c?"color-red-500":"color-gray-600",marginTop:"4px",...l==null?void 0:l.helperText,children:n})]})},Qh=e=>{const o=he(e),t={...e,value:o.value??e.value??e.defaultValue},a=Ol(t),n=l=>{var s;a.handleEmojiSelect(l),o.onChange(l.emoji),(s=e.onEmojiSelect)==null||s.call(e,l)};return r.jsx(Nl,{...a,...t,handleEmojiSelect:n})},Zh=Qh,ef=({files:e,onRemove:o,maxHeight:t="120px",views:a={}})=>{if(e.length===0)return null;const n=p.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",...a==null?void 0:a.container,children:e.map((l,s)=>{const d=l.url||"",u=l.type.startsWith("image/"),c=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,...a==null?void 0:a.item,children:r.jsxs(Se,{children:[r.jsx(Se.Trigger,{children:r.jsxs(i.View,{position:"relative",children:[u&&d&&r.jsx(i.Image,{src:d,alt:l.name,width:"60px",height:"60px",objectFit:"cover",borderRadius:"8px"}),c&&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(vo,{widthHeight:24,color:"color-black"})}),!u&&!c&&!m&&r.jsx(i.Center,{width:"60px",height:"60px",backgroundColor:"color-gray-100",borderRadius:"8px",children:r.jsx(to,{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:g=>{g.stopPropagation(),o(s)},"aria-label":`Remove ${l.name}`,children:"×"})]})}),r.jsxs(Se.Content,{children:[u&&d&&r.jsx(i.Image,{src:d,alt:l.name,maxWidth:"300px"}),c&&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,...a==null?void 0:a.name,children:[l.name," (",n(l.size),")"]})]})]})},s)})})},of=e=>{const o=me("slider",e),t=Pl(o);return r.jsx(Al,{...o,...t})},ql=of,rf=({url:e,type:o,name:t,onOpen:a})=>{const n=o.toLowerCase(),l=n.startsWith("image"),s=n.startsWith("video"),d=n.startsWith("audio"),u=()=>{a&&a()};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:u,children:[l&&r.jsx(i.Image,{src:e,alt:t,width:"100%",height:"100%",objectFit:"cover"}),s&&r.jsx(i.View,{as:"video",src:e,controls:!0,width:"100%",height:"100%",style:{objectFit:"cover"},onClick:c=>c.stopPropagation()}),d&&r.jsx(i.View,{as:"audio",controls:!0,src:e,width:"100%",onClick:c=>c.stopPropagation()}),!l&&!s&&!d&&r.jsx(to,{widthHeight:24,color:"color-gray-600"})]})},Ye=zr.create(e=>({modals:[],onHide:o=>o,onShow:(o,t)=>({name:o,props:t}),show:(o,t={},a={})=>{e(n=>({...n,modals:[...n.modals,{name:o,props:{...t,isVisible:!0},overlayProps:a}]}))},hide:o=>{e(t=>o?{...t,modals:t.modals.filter(a=>a.name!==o)}:{modals:[]})},setOnHide:o=>{e(t=>({...t,onHide:o}))},setOnShow:o=>{e(t=>({...t,onShow:o}))}})),tf=(e,o={},t={})=>{Ye.getState().show(e,o,t),Ye.getState().onShow(e,o)},oa=e=>{console.log("hideModal",e),Ye.getState().onHide(e),Ye.getState().hide(typeof e=="string"?e:void 0)},af={square:{borderRadius:0},rounded:{borderRadius:8}},nf={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"}},lf={xs:12,sm:16,md:20,lg:24,xl:28},rt={body:{fontSize:"16px",fontWeight:"400",color:"color-gray-700"}},Ul=p.memo(({children:e,blur:o,isOpen:t=!1,isClosePrevented:a=!1,onClose:n=()=>{},position:l="center",views:s,...d})=>{const u=p.useCallback(()=>{a||n()},[a,n]);return r.jsx(i.Center,{position:"fixed",top:0,left:0,width:"100%",height:"100%",zIndex:1e3,onClick:u,visibility:t?"visible":"hidden",opacity:t?1:0,transition:"opacity 0.2s ease, visibility 0.2s ease",...s==null?void 0:s.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:u,...nf[l],...d,...s==null?void 0:s.view,children:e})})}),sf={boxShadow:"0px 4px 16px rgba(0, 0, 0, 0.15)"},cf={elevation:5,shadowColor:"rgba(0, 0, 0, 0.15)",shadowOffset:{width:0,height:4},shadowOpacity:1,shadowRadius:16},df=p.memo(({children:e,shadow:o,isFullScreen:t=!1,shape:a="rounded",views:n,isOpen:l=!0,position:s,...d})=>{const u=typeof document!==void 0?sf:cf,c=p.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:c,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||u,...af[a],media:{mobile:{width:"90%",maxWidth:"100%",margin:"16px"}},...d,...n==null?void 0:n.container,children:e})}),uf=p.memo(({children:e,buttonColor:o="theme-primary",iconSize:t="md",buttonPosition:a="right",views:n,onClose:l,...s})=>{const d=l||oa,u=r.jsx(i.View,{onClick:d,children:r.jsx(Te,{widthHeight:lf[t],color:o})});return r.jsxs(i.Horizontal,{justifyContent:a==="none"?"center":"space-between",alignItems:"center",paddingVertical:16,paddingHorizontal:24,borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-200",media:{mobile:{paddingVertical:12,paddingHorizontal:16}},...s,...n==null?void 0:n.header,children:[a==="left"&&u,e,a==="right"&&u]})}),pf=p.memo(({children:e,views:o,...t})=>r.jsx(i.View,{paddingVertical:16,paddingHorizontal:24,fontSize:rt.body.fontSize,fontWeight:rt.body.fontWeight,color:rt.body.color,media:{mobile:{paddingVertical:12,paddingHorizontal:16,fontSize:"14px"}},...t,...o==null?void 0:o.view,children:e})),mf=p.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})),gf=({modals:e,onShow:o,onHide:t})=>{const a=Ye(n=>n.modals);return p.useEffect(()=>{o&&Ye.getState().setOnShow(o)},[o]),p.useEffect(()=>{t&&Ye.getState().setOnHide(t)},[t]),a.length===0?null:r.jsx(p.Fragment,{children:a.map((n,l)=>{const s=e[n.name];return s?r.jsx(Ul,{isOpen:n.props.isVisible,onClose:()=>oa(n.name),blur:5,...n.overlayProps,style:{zIndex:1e3+l},children:r.jsx(s,{...n.props})},l):(console.error(`${n.name} modal doesn't exist`),null)})})},lo=({children:e})=>r.jsx(r.Fragment,{children:e});lo.Overlay=Ul;lo.Container=df;lo.Header=uf;lo.Body=pf;lo.Footer=mf;lo.Layout=gf;const $a={xs:"320px",sm:"380px",md:"480px",lg:"640px",xl:"768px",full:"100%"},hf={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"}},ra=({isOpen:e,onClose:o,isClosePrevented:t,blur:a,children:n,...l})=>{const s=()=>{t||o()};return p.useEffect(()=>{const d=u=>{u.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:s,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:a?`blur(${a}px)`:void 0,pointerEvents:e?"auto":"none",...l,children:n})},ta=({placement:e="right",size:o="md",isOpen:t=!1,children:a,...n})=>{const l=m=>{m.stopPropagation()},d=e==="top"||e==="bottom"?{height:o==="full"?"100vh":$a[o]||o,maxHeight:"100vh"}:{width:o==="full"?"100vw":$a[o]||o,maxWidth:"100vw"},u=e==="left"?"0 12px 12px 0":e==="right"?"12px 0 0 12px":e==="top"?"0 0 12px 12px":"12px 12px 0 0",c=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:u,...hf[e],...d,onClick:l,transform:c,willChange:"transform",transition:"transform 0.24s ease, box-shadow 0.2s ease",boxShadow:"0 12px 32px rgba(15, 23, 42, 0.12)",...n,children:a})},ff=({children:e,onClose:o,buttonPosition:t="right",...a})=>{const n=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",...a,children:[t==="left"&&n,e,t==="right"&&n]})},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}),Xe=zr.create(e=>({drawers:[],onHide:o=>o,onShow:(o,t)=>({name:o,props:t}),show:(o,t={},a={})=>{e(n=>({...n,drawers:[...n.drawers,{name:o,props:{...t,isOpen:!1},overlayProps:a}]}))},hide:o=>{e(t=>o?{...t,drawers:t.drawers.filter(a=>a.name!==o)}:{drawers:[]})},setOnHide:o=>{e(t=>({...t,onHide:o}))},setOnShow:o=>{e(t=>({...t,onShow:o}))}})),bf=(e,o={},t={})=>{const a=Xe.getState();a.hide(e),a.show(e,o,t),a.onShow(e,o),queueMicrotask(()=>{Xe.setState(n=>({drawers:n.drawers.map(l=>l.name===e?{...l,props:{...l.props,isOpen:!0}}:l)}))})},Gl=e=>{Xe.getState().onHide(e),Xe.getState().hide(typeof e=="string"?e:void 0)},kf=({drawers:e,onShow:o,onHide:t})=>{const a=Xe(n=>n.drawers);return p.useEffect(()=>{o&&Xe.getState().setOnShow(o)},[o]),p.useEffect(()=>{t&&Xe.getState().setOnHide(t)},[t]),a.length===0?null:r.jsx(p.Fragment,{children:a.map((n,l)=>{var f;const s=e[n.name];if(!s)return console.error(`${n.name} drawer doesn't exist`),null;const{placement:d,size:u,isClosePrevented:c,blur:m,containerProps:g,...h}=n.props||{};return r.jsx(ra,{isOpen:n.props.isOpen,onClose:()=>Gl(n.name),isClosePrevented:c,blur:m,...n.overlayProps,style:{zIndex:1e3+l,...((f=n.overlayProps)==null?void 0:f.style)||{}},children:r.jsx(ta,{placement:d,size:u,isOpen:n.props.isOpen,...g||{},children:r.jsx(p.Suspense,{fallback:null,children:r.jsx(s,{...h})})})},l)})})},Cf=({isOpen:e,onClose:o,placement:t="right",size:a="md",isClosePrevented:n,children:l,...s})=>r.jsx(ra,{isOpen:e,onClose:o,isClosePrevented:n,...s,children:r.jsx(ta,{placement:t,size:a,isOpen:e,children:l})}),io=Cf;io.Overlay=ra;io.Container=ta;io.Header=ff;io.Body=yf;io.Footer=xf;io.Layout=kf;const Sf=(e=null,o=[])=>{const[t,a]=p.useState(e),[n,l]=p.useState(o),s=p.useRef({});return{activeItemId:t,setActiveItemId:a,expandedItemIds:n,toggleExpandedItem:c=>{l(m=>m.includes(c)?m.filter(h=>h!==c):[...m,c])},isItemExpanded:c=>n.includes(c),triggerRefs:s}},yt={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"}}}},xt={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"}},Yl={horizontal:{flexDirection:"row",gap:"8px",media:{mobile:{flexDirection:"column",gap:"4px"}}},vertical:{flexDirection:"column",gap:"4px"}},Co={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=p.createContext({activeItemId:null,setActiveItemId:()=>{},expandedItemIds:[],toggleExpandedItem:()=>{},isItemExpanded:()=>!1,orientation:"vertical",size:"md",variant:"default",triggerRefs:{current:{}}}),jf=({children:e,value:o})=>r.jsx(Xl.Provider,{value:o,children:e}),Zo=()=>{const e=p.useContext(Xl);if(!e)throw new Error("useNavigationMenuContext must be used within a NavigationMenuProvider");return e},aa=({children:e,views:o})=>{const{orientation:t}=Zo(),a=t==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(a,{width:"100%",...Yl[t],transition:"background-color 0.2s ease, border-color 0.2s ease",borderRadius:"8px",...o==null?void 0:o.container,children:e})},Kl=p.createContext({itemValue:null,isDisabled:!1}),wf=()=>{const e=p.useContext(Kl);if(!e)throw new Error("useNavigationMenuItemContext must be used within a NavigationMenuItem");return e},na=({item:e,value:o,isDisabled:t=!1,children:a,views:n})=>{var k;const{activeItemId:l,setActiveItemId:s,orientation:d,size:u,variant:c,onItemActivate:m}=Zo(),g=(e==null?void 0:e.id)||o,h=l===g,f=(e==null?void 0:e.items)&&e.items.length>0,y=(e==null?void 0:e.disabled)||t,x=()=>{y||g&&(s(g),m&&m(g))},b=d==="horizontal"?i.Horizontal:i.Vertical;return a?r.jsx(Kl.Provider,{value:{itemValue:g||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",...yt[u],...xt[c],...h?Co.active:{},_hover:y?{}:Co.hover,...n==null?void 0:n.item,children:a})}):f&&e?r.jsxs(b,{width:"100%",flexDirection:"column",position:"relative",...n==null?void 0:n.item,children:[r.jsxs(Jl,{itemId:e.id,disabled:e.disabled,views:n,children:[e.icon&&r.jsx(i.View,{marginRight:8,...n==null?void 0:n.icon,children:e.icon}),e.label]}),r.jsx(Ql,{itemId:e.id,children:r.jsx(aa,{children:(k=e.items)==null?void 0:k.map(j=>r.jsx(na,{item:j},j.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",...yt[u],...xt[c],...h?Co.active:{},_hover:e.disabled?{}:Co.hover,...n==null?void 0:n.item,children:[e.icon&&r.jsx(i.View,{marginRight:8,...n==null?void 0:n.icon,children:e.icon}),e.label]}):null},Jl=({children:e,itemId:o,disabled:t,views:a})=>{const{activeItemId:n,toggleExpandedItem:l,isItemExpanded:s,size:d,variant:u,triggerRefs:c}=Zo(),m=p.useRef(null),g=n===o,h=s(o);p.useEffect(()=>(m.current&&o&&(c.current[o]=m.current),()=>{o&&delete c.current[o]}),[o,c]);const f=y=>{y.preventDefault(),!t&&l(o)};return r.jsxs(i.View,{ref:m,onClick:f,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",...yt[d],...xt[u],...g?Co.active:{},_hover:t?{}:Co.hover,...a==null?void 0:a.trigger,children:[r.jsx(i.View,{display:"flex",alignItems:"center",children:e}),r.jsx(i.View,{transition:"transform 0.2s ease",transform:h?"rotate(180deg)":"rotate(0deg)",...a==null?void 0:a.indicator,children:r.jsx(se,{orientation:"down",widthHeight:16,color:"currentColor",filled:!0})})]})},Ql=({children:e,itemId:o,views:t})=>{const{isItemExpanded:a,orientation:n,triggerRefs:l}=Zo(),s=p.useRef(null),[d,u]=p.useState({x:0,y:0,placement:n==="horizontal"?"bottom":"right"}),c=a(o);if(p.useEffect(()=>{if(c&&s.current&&o&&l.current[o]&&n==="horizontal"){const g=s.current.getBoundingClientRect(),h=l.current[o].getBoundingClientRect(),f=Math.max(g.width||200,200),y=Math.max(g.height||150,150),x=window.innerWidth,b=window.innerHeight,k={top:h.top,right:x-h.right,bottom:b-h.bottom,left:h.left},j=n==="horizontal"?[{placement:"bottom",space:k.bottom,fits:k.bottom>=y+8,x:h.left,y:h.bottom+8},{placement:"top",space:k.top,fits:k.top>=y+8,x:h.left,y:h.top-y-8},{placement:"right",space:k.right,fits:k.right>=f+8,x:h.right+8,y:h.top},{placement:"left",space:k.left,fits:k.left>=f+8,x:h.left-f-8,y:h.top}]:[{placement:"right",space:k.right,fits:k.right>=f+8,x:h.right+8,y:h.top},{placement:"left",space:k.left,fits:k.left>=f+8,x:h.left-f-8,y:h.top},{placement:"bottom",space:k.bottom,fits:k.bottom>=y+8,x:h.left,y:h.bottom+8},{placement:"top",space:k.top,fits:k.top>=y+8,x:h.left,y:h.top-y-8}],w=j.find(I=>I.fits);if(w){u({x:w.x,y:w.y,placement:w.placement});return}const C=j.reduce((I,F)=>F.space>I.space?F:I);let S=C.x,v=C.y;S+f>x&&(S=x-f-8),S<8&&(S=8),v+y>b&&(v=b-y-8),v<8&&(v=8),u({x:S,y:v,placement:C.placement})}},[c,n,o,l]),!c)return null;if(n==="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:s,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})},vf=({href:e,children:o,views:t,underline:a,isExternal:n,iconSize:l,...s})=>{const{itemValue:d,isDisabled:u}=wf(),{activeItemId:c,setActiveItemId:m,onItemActivate:g}=Zo(),h=c===d,f=y=>{if(u){y.preventDefault();return}d&&(m(d),g&&g(d)),s.onClick&&s.onClick(y)};return r.jsx(i.View,{as:"a",href:u?void 0:e,onClick:f,cursor:u?"not-allowed":"pointer",opacity:u?.5:1,width:"100%",display:"flex",alignItems:"center","aria-current":h?"page":void 0,"aria-disabled":u,"data-active":h?"":void 0,"data-disabled":u?"":void 0,...h?{fontWeight:"bold"}:{},...t==null?void 0:t.container,...s,children:o})},Tf=({items:e,orientation:o,views:t,themeMode:a})=>{const n=o==="horizontal"?i.Horizontal:i.Vertical;return!e||e.length===0?null:r.jsx(n,{width:"100%",...Yl[o],...t==null?void 0:t.container,children:r.jsx(aa,{views:t,children:e.map(l=>r.jsx(na,{item:l,views:t},l.id))})})},If=e=>{const o=me("navigation",e),{items:t,children:a,orientation:n="vertical",size:l="md",variant:s="default",defaultActiveItemId:d=null,defaultExpandedItemIds:u=[],onItemActivate:c,views:m,...g}=o,{activeItemId:h,setActiveItemId:f,expandedItemIds:y,toggleExpandedItem:x,isItemExpanded:b,triggerRefs:k}=Sf(d,u);return r.jsx(jf,{value:{activeItemId:h,setActiveItemId:f,expandedItemIds:y,toggleExpandedItem:x,isItemExpanded:b,orientation:n,size:l,variant:s,onItemActivate:c,triggerRefs:k},children:t?r.jsx(Tf,{items:t,orientation:n,size:l,variant:s,views:m,...g}):a})},so=If;so.List=aa;so.Item=na;so.Trigger=Jl;so.Content=Ql;so.Link=vf;const Zl={},ei=p.createContext({views:Zl,onRowClick:()=>{}}),Ff=({children:e,views:o=Zl,onRowClick:t})=>r.jsx(ei.Provider,{value:{views:o,onRowClick:t},children:e}),Qe=()=>p.useContext(ei),ge={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"}}}};({...ge.th},{...ge.td});({...ge.tr});({...ge.td},{...ge.th});({...ge.table},{...ge.th}),{...ge.td},{...ge.tr},{...ge.tfoot},{...ge.caption};const oi=e=>{const{views:o}=Qe();return r.jsx(i.Element,{as:"table",...ge.table,...o==null?void 0:o.table,...e,style:{borderCollapse:"collapse",...e.style||{}}})},ri=e=>{const{views:o}=Qe();return r.jsx(i.Element,{as:"thead",textAlign:"left",...ge.thead,...o==null?void 0:o.thead,...e})},ti=e=>{const{views:o}=Qe();return r.jsx(i.Element,{as:"th",whiteSpace:"nowrap",...ge.th,...o==null?void 0:o.th,...e})},gr=e=>{const{views:o,onRowClick:t}=Qe();return r.jsx(i.Element,{as:"tr",...ge.tr,...o==null?void 0:o.tr,onClick:t,...e})},bt=({isFirstColumn:e,...o})=>{const{views:t}=Qe();return r.jsx(i.Element,{as:"td",whiteSpace:"nowrap",fontWeight:e?"500":"400",...ge.td,...t==null?void 0:t.td,...o})},ai=e=>{const{views:o}=Qe();return r.jsx(i.Element,{as:"tbody",...ge.tbody,...o==null?void 0:o.tbody,...e})},ni=e=>{const{views:o}=Qe();return r.jsx(i.Element,{as:"tfoot",...ge.tfoot,...o==null?void 0:o.tfoot,...e})},li=e=>{const{views:o}=Qe();return r.jsx(i.Element,{as:"caption",...ge.caption,...o==null?void 0:o.caption,...e})},Rf=({data:e,columns:o,footer:t,caption:a,themeMode:n})=>r.jsxs(oi,{role:"Table",children:[a&&r.jsx(li,{children:a}),r.jsx(ri,{children:r.jsx(gr,{children:o.map(l=>r.jsx(ti,{children:l.title},l.field))})}),r.jsx(ai,{children:e.map((l,s)=>r.jsx(gr,{children:o.map((d,u)=>r.jsx(bt,{isFirstColumn:u===0,children:l[d.field]},d.field))},s))}),t&&r.jsx(ni,{children:r.jsx(gr,{children:t.map((l,s)=>r.jsx(bt,{...l.props,children:l.value},s))})})]}),Fe=({children:e,views:o,onClick:t})=>{const a=me("table",{views:o,onClick:t});return r.jsx(Ff,{views:a.views,onRowClick:a.onClick,children:e})};Fe.Head=ri;Fe.HeadCell=ti;Fe.Body=ai;Fe.Row=gr;Fe.Cell=bt;Fe.Footer=ni;Fe.Caption=li;Fe.Container=oi;Fe.Template=Rf;const zf=(e,o,t)=>{const a=c=>c.value!==void 0?c.value:c.title,n=()=>{if(!(!e||e.length===0)){if(o!==void 0){const c=e.find(m=>a(m)===o);if(c)return c}return e[0]}},[l,s]=p.useState(n()),d=t!==void 0?e.find(c=>a(c)===t):l,u=c=>{t===void 0&&s(c)};return p.useEffect(()=>{if(t!==void 0)return;const c=n(),m=l&&e.some(g=>a(g)===a(l));c&&(!m||o!==void 0&&l&&a(l)!==o)?s(c):!c&&l&&s(void 0)},[e,o]),{activeTab:d,setActiveTab:u}},Mf=(e,o,t)=>{const[a,n]=p.useState(e||null);return{activeValue:o!==void 0?o:a,setActiveValue:d=>{o===void 0&&n(d),t&&t(d)}}},Wf=p.memo(({tab:e,isActive:o,onClick:t,iconPosition:a="left",tabStyles:n,textStyles:l})=>{const s=()=>{switch(a){case"top":return"column";case"bottom":return"column-reverse";case"right":return"row-reverse";case"left":default:return"row"}},d=()=>["top","bottom"].includes(a)?"4px":"8px",u=e.icon&&p.isValidElement(e.icon)?p.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",...n,flexDirection:s(),gap:d(),onClick:t,"data-state":o?"active":"inactive",children:[u&&r.jsx(i.Element,{children:u},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})]})]})}),la=(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}}},Hf=({tabs:e=[],activeTab:o,handleTabClick:t,views:a={},renderTab:n,renderContent:l,variant:s="underline",iconPosition:d="left"})=>{const{themeMode:u}=i.useTheme(),c=la(s,u);return o?r.jsxs(i.Vertical,{width:"100%",height:"100%",...a.container,children:[r.jsx(i.Horizontal,{alignItems:"center",...c.header,...a.headerTabs,children:e.map(m=>{const g=(m.value!==void 0?m.value:m.title)===(o.value!==void 0?o.value:o.title),h=()=>t(m);return n?n(m,g,h):r.jsx(Wf,{tab:m,isActive:g,onClick:h,iconPosition:d,tabStyles:{...c.tab,...a.tab,...g?c.activeTab:{},...g?a.activeTab:{}},textStyles:{...c.text,...a.title,...g?c.activeText:{},...g?a.activeText:{}}},m.title)})}),r.jsx(i.View,{height:"100%",...c.content,...a.content,children:l?l(o):o.content})]}):null},ii=p.createContext(null),ia=()=>{const e=p.useContext(ii);if(!e)throw new Error("useTabsContext must be used within a Tabs component");return e},Pf=p.memo(({children:e,views:o})=>{var d;const{themeMode:t}=i.useTheme(),{variant:a="underline"}=ia(),n=la(a,t),l=zo("tabs"),s=Ee({container:(d=l.views)==null?void 0:d.headerTabs},o);return r.jsx(i.Horizontal,{alignItems:"center",...n.header,...s==null?void 0:s.container,children:e})}),Af=p.memo(({value:e,children:o,disabled:t=!1,views:a})=>{var f,y;const{themeMode:n}=i.useTheme(),{activeValue:l,setActiveValue:s,variant:d="underline"}=ia(),u=l===e,c=la(d,n),m=zo("tabs"),g=Ee({trigger:(f=m.views)==null?void 0:f.tab,activeState:(y=m.views)==null?void 0:y.activeTab},a),h=p.useCallback(()=>{t||s(e)},[t,e,s]);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",...c.tab,...u?c.activeTab:{},_hover:t?{}:d==="underline"?{color:"theme-primary"}:{opacity:.9},onClick:h,...g==null?void 0:g.trigger,...u?g==null?void 0:g.activeState:{},children:r.jsx(i.View,{...c.text,...u?c.activeText:{},children:o})})}),Vf=p.memo(({value:e,children:o,views:t})=>{const{activeValue:a}=ia();return a!==e?null:r.jsx(i.View,{width:"100%",padding:"24px",...t==null?void 0:t.content,children:o})}),Ef=e=>{const o=me("tabs",e),{tabs:t,views:a,defaultValue:n,onTabChange:l,renderTab:s,renderContent:d,variant:u="underline",iconPosition:c="left",value:m,onValueChange:g,children:h}=o,f=Mf(n,m,g),y=zf(t||[],n,m);if(h)return r.jsx(ii.Provider,{value:{...f,variant:u},children:h});if(t){const x=b=>{const k=j=>j.value!==void 0?j.value:j.title;(!y.activeTab||k(y.activeTab)!==k(b))&&(y.setActiveTab(b),l&&l(b))};return r.jsx(Hf,{tabs:t,views:a,activeTab:y.activeTab,handleTabClick:x,renderTab:s,renderContent:d,variant:u,iconPosition:c})}return null},Df=p.memo(Ef),Io=Df;Io.List=Pf;Io.Trigger=Af;Io.Content=Vf;const $f=e=>{const{children:o,_isInView:t=!1,alternateHighlightText:a=[],alternateAnimation:n=!1,alternateDuration:l=3e3,highlightText:s,highlightTypewriter:d=!1,highlightSlide:u=!1,highlightSlideDuration:c=500,highlightSlideStagger:m=50,highlightSlideSequential:g=!0}=e,[h,f]=p.useState(o),[y,x]=p.useState(s);return p.useEffect(()=>{if(!n||a.length===0||!t||typeof o!="string"||typeof s!="string")return f(o),x(s),()=>{};const b=o,k=s;let j=0;const w=S=>{const v=a[S],I=k.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),F=new RegExp(I,"gi"),W=b.replace(F,v);f(W),x(v)};w(j);const C=setInterval(()=>{j=(j+1)%a.length,w(j)},l);return()=>clearInterval(C)},[n,a,l,s,o,t]),{finalDisplayedText:h,activeHighlightTarget:y,highlightTypewriter:d,highlightSlide:u,highlightSlideDuration:c,highlightSlideStagger:m,highlightSlideSequential:g}},Lf={xs:24,sm:32,md:48,lg:96,xl:110},_f={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}}}},Bf={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:()=>({})},Of=({text:e,typingSpeed:o=50,pauseTime:t=500,onComplete:a,showCursor:n=!0,cursorColor:l="currentColor",textStyle:s,textComponent:d,as:u,...c})=>{const m=d||i.Text,g=Array.isArray(e)?e:[e],[h,f]=p.useState(g.map(()=>"")),[y,x]=p.useState(!1),[b,k]=p.useState(0),[j,w]=p.useState(0);p.useEffect(()=>{f(g.map(()=>"")),x(!1),k(0),w(0)},[e]),p.useEffect(()=>{if(y){a&&a();return}const S=g[b];if(j>=S.length){if(b>=g.length-1){x(!0);return}const I=setTimeout(()=>{k(F=>F+1),w(0)},t);return()=>clearTimeout(I)}const v=setTimeout(()=>{f(I=>{const F=[...I];return F[b]=S.substring(0,j+1),F}),w(I=>I+1)},o);return()=>clearTimeout(v)},[g,b,j,y,a,t,o]);const C=S=>{if(!S||typeof S!="string")return S;const v=S.split("|");return v.length===1?S:v.map((I,F)=>r.jsxs(p.Fragment,{children:[I,F<v.length-1&&r.jsx("br",{})]},F))};return r.jsx(r.Fragment,{children:h.map((S,v)=>r.jsxs(p.Fragment,{children:[C(S),n&&v===b&&!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",...s})]},v))})},Nf=({text:e,duration:o=500,direction:t="up",stagger:a=50,sequential:n=!1,textStyle:l,as:s,wordProps:d,textComponent:u,...c})=>{const[m,g]=p.useState(e),[h,f]=p.useState("entering"),[y,x]=p.useState(0),b=u||i.Text,k=p.useRef(null),j=p.useRef(null);p.useEffect(()=>{e===m&&h==="visible"||e!==m&&(h==="entering"||h==="visible"?(k.current=e,f("exiting")):h==="exiting"&&(k.current=e))},[e,m,h]);const{lines:w,totalWordCount:C}=p.useMemo(()=>{const H=m.split("|").map(D=>D.trim().split(/\s+/).filter(L=>L.length>0)),M=H.reduce((D,L)=>D+L.length,0);return{lines:H,totalWordCount:M}},[m]),S=p.useMemo(()=>n?C*(o+a):(C-1)*a+o,[C,o,a,n]),v=p.useMemo(()=>n?C*(o+a):(C-1)*a+o,[C,o,a,n]);p.useEffect(()=>(j.current&&clearTimeout(j.current),h==="entering"?j.current=setTimeout(()=>{f("visible")},S+50):h==="exiting"&&(j.current=setTimeout(()=>{k.current!==null&&(g(k.current),k.current=null),x(R=>R+1),f("entering")},v+50)),()=>{j.current&&clearTimeout(j.current)}),[h,S,v]);const{style:I,...F}=d||{},W=t==="up",E=R=>n?R*(o+a):R*a,T=p.useMemo(()=>({display:"inline-block",position:"relative",verticalAlign:"bottom",whiteSpace:"nowrap",...l}),[l]),A=p.useMemo(()=>({display:"inline-flex",flexDirection:"column",alignItems:"center"}),[]),P=p.useMemo(()=>({display:"block",whiteSpace:"nowrap"}),[]);let z=0;return r.jsx(i.Element,{as:"span",style:T,...c,children:r.jsx("span",{style:A,children:w.map((R,H)=>r.jsx("span",{style:P,children:R.map((M,D)=>{const L=z++,V=E(L),O=D===R.length-1;let _;const q=`${o}ms`,B=`${V}ms`;h==="entering"?_=W?i.Animation.slideInUp({duration:q,delay:B,timingFunction:"ease-out",fillMode:"both"}):i.Animation.slideInDown({duration:q,delay:B,timingFunction:"ease-out",fillMode:"both"}):h==="exiting"&&(_=W?{from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(-100%)",opacity:0},duration:q,delay:B,timingFunction:"ease-in",fillMode:"both"}:{from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(100%)",opacity:0},duration:q,delay:B,timingFunction:"ease-in",fillMode:"both"});const X={...I,display:"inline-block",marginRight:O?0:"0.25em",transform:h==="visible"?"translateY(0)":void 0,opacity:h==="visible"?1:void 0};return r.jsx(b,{as:"span",animate:_,...F,...X,children:M},`${y}-${H}-${D}`)})},`line-${H}`))})})};function La(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}const tt=e=>{if(!e||typeof e!="string")return e;const o=e.split("|");return o.length===1?e:o.map((t,a)=>r.jsxs(p.Fragment,{children:[t,a<o.length-1&&r.jsx("br",{})]},a))},qf=({children:e,highlightText:o,highlightStyle:t="solid",highlightColor:a="theme-primary",highlightSecondaryColor:n,size:l="lg",views:s,highlightAnimate:d,animate:u,animationLoop:c=1,highlightAnimationLoop:m=1,highlightTypewriter:g=!1,highlightTypewriterDuration:h=3e3,highlightSlide:f=!1,highlightSlideDuration:y=500,highlightSlideStagger:x=50,highlightSlideSequential:b=!0,themeMode:k,responsive:j,alternateHighlightText:w,alternateAnimation:C,alternateDuration:S,_isInView:v,...I})=>{const{ref:F,inView:W}=i.useInView(),{finalDisplayedText:E,activeHighlightTarget:T,highlightTypewriter:A,highlightSlide:P,highlightSlideDuration:z,highlightSlideStagger:R,highlightSlideSequential:H}=$f({children:e,highlightText:o,_isInView:W,highlightTypewriter:g,highlightSlide:f,highlightSlideDuration:y,highlightSlideStagger:x,highlightSlideSequential:b,alternateHighlightText:w,alternateAnimation:C,alternateDuration:S,...I}),M=Lf[l],D={fontFamily:"Mulish, Inter, Geist, system-ui, sans-serif",fontWeight:l==="xl"?700:600,letterSpacing:l==="xl"?"-1.5px":"-0.01em"},L=Bf[t](a,n),V=($,U)=>$&&(Array.isArray($)?$.map(K=>({...K,iterationCount:U.toString()})):{...$,iterationCount:U.toString()}),O=V(u,c),_=V(d,m),q=typeof E=="string"?E:typeof e=="string"?e:"",B={ref:F,animate:W?O:void 0,as:"h1",fontSize:M,...j?_f[l]:{},...D},X=$=>!W&&(A||P)?r.jsx("span",{style:{opacity:0},children:$}):A?r.jsx(Of,{text:$,typingSpeed:Math.max(30,h/($.length*10)),cursorColor:"currentColor",...L}):P?r.jsx(Nf,{text:$,duration:z,stagger:R,sequential:H,direction:"up",wordProps:L}):tt($);if(typeof q=="string"&&T){const $=Array.isArray(T)?new RegExp(`(${T.map(J=>La(String(J))).join("|")})`,"gi"):new RegExp(`(${La(String(T))})`,"gi"),U=[];let K=0,ee;for(;ee=$.exec(q);)ee.index>K&&U.push(q.substring(K,ee.index)),U.push({highlight:!0,text:ee[0]}),K=ee.index+ee[0].length;return K<q.length&&U.push(q.substring(K)),r.jsx(i.Element,{...B,...s==null?void 0:s.container,...I,children:U.map((J,oe)=>typeof J=="string"?r.jsx(i.Text,{as:"span",display:"inline",...s==null?void 0:s.text,children:tt(J)},`text-${oe}`):r.jsx(i.Text,{as:"span",display:"inline",animate:W?_:void 0,...P?{}:L,...s==null?void 0:s.highlight,children:X(J.text)},`highlight-${oe}`))})}return t&&!T?r.jsx(i.Element,{...B,...I,...s==null?void 0:s.container,children:r.jsx(i.Text,{as:"span",display:"inline",animate:W?_:void 0,...P?{}:L,...s==null?void 0:s.highlight,children:X(q)})}):r.jsx(i.Text,{...B,...I,...s==null?void 0:s.container,...s==null?void 0:s.text,children:tt(q)})},Uf=e=>r.jsx(qf,{...e}),si=Uf,Gf=({items:e,shape:o,variant:t,onToggleChange:a})=>{const{activeToggles:n,setActiveToggles:l}=$l();return r.jsx(Ll,{items:e,shape:o,variant:t,activeToggles:n,setActiveToggles:l,onToggleChange:a})},ci=Gf,Yf=({items:e,onChange:o})=>{const[t,a]=p.useState(e),[n,l]=p.useState(null),[s,d]=p.useState(null),u=p.useRef({x:0,y:0}),c=p.useRef([]),m=p.useCallback((f,y)=>{f.preventDefault(),document.body.style.cursor="grabbing";const x="touches"in f?f.touches[0].clientX:f.clientX,b="touches"in f?f.touches[0].clientY:f.clientY;u.current={x,y:b},d(y),l(t[y])},[t]),g=p.useCallback(f=>{if(s===null)return;const y="touches"in f?f.touches[0].clientX:f.clientX,x="touches"in f?f.touches[0].clientY:f.clientY,b=c.current[s];if(!b)return;const k=y-u.current.x,j=x-u.current.y;b.style.transform=`translate(${k}px, ${j}px)`,b.style.zIndex="1000";const w=c.current.findIndex((C,S)=>{if(!C||S===s)return!1;const v=C.getBoundingClientRect();return x>=v.top&&x<=v.bottom});if(w!==-1&&w!==s){const C=[...t],[S]=C.splice(s,1);C.splice(w,0,S),a(C),d(w),o==null||o(C),u.current={x:y,y:x}}},[s,t,o]),h=p.useCallback(()=>{document.body.style.cursor="",c.current.forEach(f=>{f&&(f.style.transform="",f.style.zIndex="")}),d(null),l(null)},[s]);return p.useEffect(()=>(s!==null&&(window.addEventListener("mousemove",g),window.addEventListener("touchmove",g),window.addEventListener("mouseup",h),window.addEventListener("touchend",h)),()=>{window.removeEventListener("mousemove",g),window.removeEventListener("touchmove",g),window.removeEventListener("mouseup",h),window.removeEventListener("touchend",h)}),[s,g,h]),{items:t,draggedItem:n,draggedIndex:s,itemRefs:c,handleDragStart:m}},Xf=({items:e,renderItem:o,containerProps:t,itemProps:a,draggedIndex:n,itemRefs:l,handleDragStart:s,views:d,themeMode:u})=>r.jsx(i.View,{overflow:"hidden",position:"relative",...t,...d==null?void 0:d.container,children:e.map((c,m)=>r.jsx(i.View,{ref:g=>{l.current[m]=g},onMouseDown:g=>s(g,m),onTouchStart:g=>s(g,m),position:"relative",cursor:"grab",transition:"transform 0.2s",...a,...d==null?void 0:d.item,children:o?o(c,m):c},m))}),di=e=>{const{items:o,draggedIndex:t,itemRefs:a,handleDragStart:n}=Yf(e);return r.jsx(Xf,{...e,items:o,draggedIndex:t,itemRefs:a,handleDragStart:n})},Kf=di,Jf=({onFileSelect:e,onMultipleFileSelect:o,validateFile:t,accept:a,multiple:n,disabled:l,previewUrl:s})=>{const[d,u]=p.useState(!1),[c,m]=p.useState(null),g=p.useRef(null),h=s!==void 0?s:c;p.useEffect(()=>()=>{c&&URL.revokeObjectURL(c)},[c]);const f=p.useCallback(C=>{C.preventDefault(),C.stopPropagation(),!l&&u(!0)},[l]),y=p.useCallback(C=>{C.preventDefault(),C.stopPropagation(),!l&&u(!1)},[l]),x=p.useCallback(C=>{C.preventDefault(),C.stopPropagation(),!l&&u(!0)},[l]),b=p.useCallback(C=>{if(!C||C.length===0)return;const S=Array.from(C);if(!n&&S.length>0){const v=S[0];if(v.type.startsWith("image/")){const I=URL.createObjectURL(v);m(F=>(F&&URL.revokeObjectURL(F),I))}else m(null)}n?o&&o(S):S.length>0&&e&&e(S[0])},[n,o,e]),k=p.useCallback(C=>{C.preventDefault(),C.stopPropagation(),u(!1),!l&&C.dataTransfer.files&&C.dataTransfer.files.length>0&&(b(C.dataTransfer.files),C.dataTransfer.clearData())},[l,b]),j=p.useCallback(()=>{var C;l||(C=g.current)==null||C.click()},[l]),w=p.useCallback(C=>{b(C.target.files),C.target.value&&(C.target.value="")},[b]);return{isDragActive:d,handleDragEnter:f,handleDragLeave:y,handleDragOver:x,handleDrop:k,handleClick:j,handleFileChange:w,inputRef:g,preview:h}},Qf={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)"}},ui=({files:e,sandboxId:o,onRemove:t,layout:a="inline",maxHeight:n="120px",showPreviews:l=!1,views:s={}})=>{if(e.length===0)return null;const d=p.useCallback(c=>c<1024?`${c} B`:c<1024*1024?`${(c/1024).toFixed(1)} KB`:`${(c/(1024*1024)).toFixed(1)} MB`,[]),u=p.useCallback(c=>c.type.startsWith("image/")?{backgroundColor:"#DBEAFE",color:"#2563EB"}:c.type.startsWith("video/")?{backgroundColor:"#EDE9FE",color:"#7C3AED"}:c.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:n,overflowY:"auto",...s==null?void 0:s.container,children:e.map((c,m)=>{const g=(c==null?void 0:c.path)||(c==null?void 0:c.url)||(l?URL.createObjectURL(c):""),h=c.type.startsWith("image/"),f=c.type.startsWith("video/"),y=c.type.startsWith("audio/"),x=u(c);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,...s==null?void 0:s.item,children:l&&r.jsxs(Se,{children:[r.jsxs(Se.Trigger,{children:[h&&r.jsx(i.Image,{src:g,alt:c.name,width:"60px",height:"60px",borderRadius:"8px",objectFit:"cover"}),f&&r.jsx(i.View,{as:"video",src:g,alt:c.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(vo,{widthHeight:24,color:"color-black"})}),!h&&!f&&!y&&r.jsx(i.Center,{width:"60px",height:"60px",borderRadius:"8px",backgroundColor:"color-gray-100",children:r.jsx(to,{widthHeight:24,color:"color-black"})}),t&&r.jsx(i.Button,{...Qf,onClick:b=>{b.stopPropagation(),t(m)},"aria-label":`Remove ${c.name}`,children:"×"})]}),r.jsxs(Se.Content,{children:[h&&r.jsx(i.Image,{src:g,alt:c.name,maxWidth:"100%"}),f&&r.jsx(i.View,{as:"video",src:g,controls:!0,maxWidth:"100%"}),y&&r.jsx(i.View,{as:"audio",src:g,controls:!0,width:"100%"}),r.jsxs(i.Text,{marginTop:"4px",maxLines:1,width:"100%",...s==null?void 0:s.name,children:[c.name," (",d(c.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,...s==null?void 0:s.item,children:[r.jsx(i.Center,{width:"22px",height:"22px",minWidth:"22px",borderRadius:"9999px",backgroundColor:x.backgroundColor,color:x.color,children:y?r.jsx(vo,{widthHeight:12,color:"currentColor"}):r.jsx(to,{widthHeight:12,color:"currentColor"})}),r.jsxs(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-600",maxLines:1,maxWidth:"220px",...s==null?void 0:s.name,children:[c.name," · ",d(c.size)]}),t&&r.jsx(i.View,{as:"button",type:"button",onClick:()=>t(m),"aria-label":`Remove ${c.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)})})},Zf=({children:e,text:o="Drop files here or click to upload",textProps:t,containerProps:a,disabled:n,accept:l,multiple:s,isDragActive:d,handleDragEnter:u,handleDragLeave:c,handleDragOver:m,handleDrop:g,handleClick:h,handleFileChange:f,inputRef:y,preview:x,imageProps:b,selectedFiles:k,onRemove:j})=>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:n?"not-allowed":"pointer",opacity:n?.6:1,onClick:h,onDragEnter:u,onDragLeave:c,onDragOver:m,onDrop:g,transition:"background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease",overflow:"hidden",position:"relative",padding:16,...a,children:[r.jsx("input",{type:"file",ref:y,onChange:f,accept:l,multiple:s,style:{display:"none"},disabled:n}),x&&!s?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",...b}),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})]}),s&&k&&k.length>0&&r.jsx(i.View,{marginTop:16,width:"100%",children:r.jsx(ui,{files:k,onRemove:j||(()=>{}),showPreviews:!0,layout:"inline",maxHeight:"160px"})})]})]}),ey=e=>{const o=Jf(e);return r.jsx(Zf,{...e,...o})},oy=(e=!1)=>{const[o,t]=p.useState(e),[a,n]=p.useState(null);return p.useEffect(()=>{const l=u=>{!u.composedPath().some(g=>(g==null?void 0:g.id)==="dropdown-menu"||(g==null?void 0:g.id)==="dropdown-trigger")&&o&&(t(!1),n(null))},s=()=>{o&&(t(!1),n(null))},d=u=>{u.key==="Escape"&&o&&(t(!1),n(null))};return document.addEventListener("mousedown",l),window.addEventListener("resize",s),document.addEventListener("keydown",d),()=>{document.removeEventListener("mousedown",l),window.removeEventListener("resize",s),document.removeEventListener("keydown",d)}},[o]),{isOpen:o,setIsOpen:t,activeSubmenuId:a,setActiveSubmenuId:n}},ry={sm:{padding:"6px 8px",fontSize:"14px",minWidth:"160px"},md:{padding:"8px 12px",fontSize:"16px",minWidth:"180px"},lg:{padding:"10px 16px",fontSize:"18px",minWidth:"200px"}},ty={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"}},ay={hover:{backgroundColor:"color-gray-100"}},pi=p.createContext({isOpen:!1,setIsOpen:()=>{},activeSubmenuId:null,setActiveSubmenuId:()=>{},size:"md",variant:"default",triggerRef:{current:null}}),ny=({children:e,value:o})=>r.jsx(pi.Provider,{value:o,children:e}),sa=()=>{const e=p.useContext(pi);if(!e)throw new Error("useDropdownMenuContext must be used within a DropdownMenuProvider");return e},mi=({children:e,views:o,...t})=>{const{isOpen:a,setIsOpen:n,triggerRef:l}=sa(),s=d=>{d.stopPropagation(),n(!a)};return r.jsx(i.View,{ref:l,id:"dropdown-trigger",onClick:s,cursor:"pointer",position:"relative",display:"inline-block",...o==null?void 0:o.container,...t,children:e})},ca=({items:e,side:o="bottom",align:t="start",views:a,...n})=>{const{isOpen:l,variant:s,triggerRef:d}=sa(),u=p.useRef(null),{ref:c,relation:m}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),[g,h]=p.useState({x:0,y:0,placement:o});if(p.useEffect(()=>{d.current&&c&&(c.current=d.current)},[d,c,l]),p.useEffect(()=>{if(l&&u.current&&d.current){const x=d.current.getBoundingClientRect();let b=o;m&&(o==="bottom"&&m.space.vertical==="top"?b="top":o==="top"&&m.space.vertical==="bottom"?b="bottom":o==="right"&&m.space.horizontal==="left"?b="left":o==="left"&&m.space.horizontal==="right"&&(b="right"));let k=0,j=0;switch(b){case"bottom":k=t==="start"?x.left:t==="end"?x.right-180:x.left+x.width/2-90,j=x.bottom+8;break;case"top":k=t==="start"?x.left:t==="end"?x.right-180:x.left+x.width/2-90,j=x.top-8;break;case"right":k=x.right+8,j=t==="start"?x.top:t==="end"?x.bottom-100:x.top+x.height/2-50;break;case"left":k=x.left-8,j=t==="start"?x.top:t==="end"?x.bottom-100:x.top+x.height/2-50;break}h({x:k,y:j,placement:b})}},[l,o,t,d,m]),!l)return null;const y=(()=>{const x={position:"fixed",left:g.x,top:g.y,zIndex:1e3};switch(g.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:u,id:"dropdown-menu",borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",overflow:"hidden",style:y,...ty[s],...a==null?void 0:a.menu,...n,children:e.map((x,b)=>x.divider?r.jsx(hi,{views:a},`divider-${b}`):r.jsx(gi,{item:x,views:a},x.id))})},gi=({item:e,views:o,...t})=>{const{activeSubmenuId:a,setActiveSubmenuId:n,size:l}=sa(),[s,d]=p.useState(!1),u=e.items&&e.items.length>0,c=a===e.id,m=p.useRef(null),g=()=>{d(!0),u&&n(e.id)},h=()=>{d(!1)},f=y=>{y.stopPropagation(),!e.disabled&&!u&&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",...ry[l],_hover:e.disabled?{}:ay.hover,backgroundColor:s&&!e.disabled?"color-gray-100":"transparent",onMouseEnter:g,onMouseLeave:h,onClick:f,...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}),u&&r.jsx(i.View,{marginLeft:8,...o==null?void 0:o.submenuIndicator,children:r.jsx(se,{orientation:"right",widthHeight:16,color:"currentColor",filled:!0})}),c&&u&&r.jsx(ca,{items:e.items||[],side:"right",align:"start",views:o})]})},hi=({views:e,...o})=>r.jsx(i.View,{height:"1px",backgroundColor:"color-gray-200",margin:"4px 0",...e==null?void 0:e.divider,...o}),ly=({trigger:e,items:o,side:t="bottom",align:a="start",views:n,themeMode:l,...s})=>r.jsxs(i.View,{position:"relative",display:"inline-block",...n==null?void 0:n.container,...s,children:[r.jsx(mi,{views:n,children:e}),r.jsx(ca,{items:o,side:t,align:a,views:n})]}),iy=({trigger:e,items:o,size:t="md",variant:a="default",side:n="bottom",align:l="start",defaultOpen:s=!1,views:d,...u})=>{const{isOpen:c,setIsOpen:m,activeSubmenuId:g,setActiveSubmenuId:h}=oy(s),f=p.useRef(null);return r.jsx(ny,{value:{isOpen:c,setIsOpen:m,activeSubmenuId:g,setActiveSubmenuId:h,size:t,variant:a,triggerRef:f},children:r.jsx(ly,{trigger:e,items:o,side:n,align:l,views:d,...u})})},er=iy;er.Trigger=mi;er.Content=ca;er.Item=gi;er.Divider=hi;const sy=e=>{const{value:o,defaultValue:t="",onChange:a,onChangeComplete:n,isOpen:l,onOpen:s,onClose:d,closeOnSelect:u=!0,maxRecentColors:c=8,showRecentColors:m=!0}=e,[g,h]=p.useState(l??!1),[f,y]=p.useState(o??t),[x,b]=p.useState(""),[k,j]=p.useState([]),w=p.useRef(null),C=p.useRef(null);p.useEffect(()=>{o!==void 0&&y(o)},[o]),p.useEffect(()=>{l!==void 0&&h(l)},[l]),p.useEffect(()=>{if(m){const T=localStorage.getItem("colorPicker-recentColors");if(T)try{j(JSON.parse(T))}catch{}}},[m]),p.useEffect(()=>{const T=A=>{g&&w.current&&C.current&&!w.current.contains(A.target)&&!C.current.contains(A.target)&&E()};return document.addEventListener("mousedown",T),()=>document.removeEventListener("mousedown",T)},[g]);const S=p.useCallback(T=>{m&&j(A=>{const P=A.filter(R=>R!==T),z=[T,...P].slice(0,c);return localStorage.setItem("colorPicker-recentColors",JSON.stringify(z)),z})},[m,c]),v=p.useCallback(()=>{const T=!g;h(T),T?s==null||s():d==null||d()},[g,s,d]),I=p.useCallback(T=>{y(T),S(T),a==null||a(T),n==null||n(T),u&&(h(!1),d==null||d())},[a,n,u,d,S]),F=p.useCallback(T=>{b(T)},[]),W=p.useCallback(()=>{x&&(I(x),b(""))},[x,I]),E=p.useCallback(()=>{h(!1),d==null||d()},[d]);return{isOpen:g,selectedColor:f,recentColors:k,customColor:x,handleToggle:v,handleColorSelect:I,handleCustomColorChange:F,handleCustomColorSubmit:W,handleClose:E,triggerRef:w,dropdownRef:C}},fo={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"}},cy={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"}},dy={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},uy={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"}},py=[{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"}],my=({id:e,name:o,label:t,placeholder:a="Select a color",helperText:n,views:l={},size:s="md",shape:d="default",variant:u="default",error:c=!1,isDisabled:m=!1,isReadOnly:g=!1,predefinedColors:h=py,showCustomInput:f=!0,showRecentColors:y=!0,isOpen:x,selectedColor:b,recentColors:k,customColor:j,handleToggle:w,handleColorSelect:C,handleCustomColorChange:S,handleCustomColorSubmit:v,handleClose:I,triggerRef:F,dropdownRef:W,onChange:E,onChangeComplete:T,onOpen:A,onClose:P,colorFormat:z,maxRecentColors:R,closeOnSelect:H,defaultValue:M,value:D,...L})=>{const V={...fo.container,...l==null?void 0:l.container},O={...fo.trigger,...cy[s],...dy[d],...uy[u],...c&&{borderColor:"color-red-500"},...m&&{opacity:.6,cursor:"not-allowed"},...!m&&!g&&{_hover:{borderColor:"color-gray-400"}},...l==null?void 0:l.trigger},_={...fo.dropdown,...l==null?void 0:l.dropdown},q={...fo.colorGrid,...l==null?void 0:l.colorGrid},B={...fo.recentColors,...l==null?void 0:l.recentColors},X=b||"color-gray-200";return r.jsxs(i.View,{...V,...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:F,onClick:m||g?void 0:w,...O,children:[r.jsxs(i.Horizontal,{alignItems:"center",gap:8,children:[r.jsx(i.View,{width:"24px",height:"24px",borderRadius:"8px",backgroundColor:X,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200"}),r.jsx(i.Text,{color:b?"color-gray-900":"color-gray-500",fontSize:"inherit",children:b||a})]}),!g&&!m&&r.jsx(se,{widthHeight:16,color:"color-gray-500",orientation:x?"up":"down"})]}),x&&r.jsxs(i.View,{ref:W,..._,children:[r.jsx(i.View,{...q,children:h.map(($,U)=>r.jsx(i.View,{width:"36px",height:"36px",borderRadius:"8px",backgroundColor:$.value,borderWidth:"1px",borderStyle:"solid",borderColor:b===$.value?"theme-primary":"transparent",cursor:"pointer",onClick:()=>C($.value),title:$.name,_hover:{transform:"scale(1.05)",borderColor:"color-gray-300"},...l==null?void 0:l.colorSwatch},U))}),f&&r.jsxs(i.View,{...fo.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:j||"#1D4ED8",onChange:$=>{const U=$.target.value;S(U),C(U)},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(ve,{placeholder:"#1D4ED8",value:j,onChange:$=>S($.target.value),onKeyPress:$=>{$.key==="Enter"&&v()},size:"sm",right:j&&r.jsx(i.View,{width:"18px",height:"18px",borderRadius:"6px",backgroundColor:j,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",cursor:"pointer",onClick:v})})]}),y&&k.length>0&&r.jsxs(i.View,{...B,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(($,U)=>r.jsx(i.View,{width:"24px",height:"24px",borderRadius:"8px",backgroundColor:$,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",cursor:"pointer",transition:"transform 0.2s ease, border-color 0.2s ease",onClick:()=>C($),title:$,_hover:{transform:"scale(1.05)",borderColor:"color-gray-300"}},U))})]})]}),n&&r.jsx(i.Text,{fontSize:"11px",lineHeight:"16px",color:c?"color-red-500":"color-gray-500",marginTop:"4px",...l==null?void 0:l.helperText,children:n})]})},gy=e=>{const o=sy(e);return r.jsx(my,{...o,...e})},fi=gy,hy=e=>{const o=Ol(e);return r.jsx(Nl,{...o,...e})},fy=hy,yy=e=>{const o=_l(e);return r.jsx(Bl,{...o,...e})},xy=yy,_a={"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"},cr={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"},by={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"}]},ky=(e,o,t,a,n)=>{const l=o.map(s=>`${s.color} ${s.position||""}`).join(", ");switch(e){case"linear":return`linear-gradient(${t&&_a[t]?_a[t]:t||"to right"}, ${l})`;case"radial":const d=n&&cr[n]?cr[n]:n||"center";return`radial-gradient(${a||"circle"} at ${d}, ${l})`;case"conic":return`conic-gradient(from 0deg at ${n&&cr[n]?cr[n]:n||"center"}, ${l})`;default:return`linear-gradient(to right, ${l})`}},Cy={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)"}}}},Ba={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"}},Sy=({type:e="linear",direction:o="to-right",shape:t="circle",position:a="center",from:n,to:l,colors:s,animate:d=!1,animationDuration:u=3,children:c,views:m,themeMode:g,...h})=>{const f=p.useMemo(()=>s&&s.length>0?s:n&&l?[{color:n,position:"0%"},{color:l,position:"100%"}]:by[e],[s,n,l,e]),y=p.useMemo(()=>{const b=f.map(k=>({...k,color:k.color}));return ky(e,b,o,t,a)},[e,f,o,t,a]),x=p.useMemo(()=>{if(!d)return{};const b=Cy[e];return{...b,transition:b.transition.replace("3s",`${u}s`),animationDuration:`${u}s`,animationIterationCount:"infinite",animationTimingFunction:e==="conic"?"linear":"ease-in-out"}},[d,u,e]);return r.jsx(i.View,{background:y,...Ba.container,...x,...m==null?void 0:m.container,...h,children:c&&r.jsx(i.View,{...Ba.content,...m==null?void 0:m.content,children:c})})},yi=e=>r.jsx(Sy,{...e}),jy=(e=null,o=null)=>{const[t,a]=p.useState(e),[n,l]=p.useState(o),s=u=>n===u,d=u=>{l(c=>c===u?null:u)};return p.useEffect(()=>{const u=m=>{!m.composedPath().some(f=>(f==null?void 0:f.id)==="menubar-content"||(f==null?void 0:f.id)==="menubar-trigger")&&n!==null&&l(null)},c=m=>{m.key==="Escape"&&n!==null&&l(null)};return document.addEventListener("mousedown",u),document.addEventListener("keydown",c),()=>{document.removeEventListener("mousedown",u),document.removeEventListener("keydown",c)}},[n]),{activeMenuId:t,setActiveMenuId:a,openMenuId:n,setOpenMenuId:l,isMenuOpen:s,toggleMenu:d}},xi={sm:{padding:"6px 10px",fontSize:"14px"},md:{padding:"8px 12px",fontSize:"16px"},lg:{padding:"10px 16px",fontSize:"18px"}},wy={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"}},vy={horizontal:{flexDirection:"row"},vertical:{flexDirection:"column"}},hr={active:{backgroundColor:"color-gray-200",fontWeight:"bold"},hover:{backgroundColor:"color-gray-100"},disabled:{opacity:.5,cursor:"not-allowed"}},bi=p.createContext({activeMenuId:null,setActiveMenuId:()=>{},openMenuId:null,setOpenMenuId:()=>{},isMenuOpen:()=>!1,toggleMenu:()=>{},orientation:"horizontal",size:"md",variant:"default",triggerRefs:{current:{}}}),_r=()=>p.useContext(bi),Ty=({value:e,children:o})=>r.jsx(bi.Provider,{value:e,children:o}),ki=({children:e,orientation:o="horizontal",size:t="md",variant:a="default",views:n,...l})=>{const s=o==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(s,{role:"menubar","aria-orientation":o,...vy[o],...wy[a],...n==null?void 0:n.container,...l,children:e})},Ci=({children:e,id:o,disabled:t=!1,views:a})=>{const{orientation:n}=_r(),l=n==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(l,{role:"none",position:"relative",opacity:t?.5:1,pointerEvents:t?"none":"auto",...a==null?void 0:a.menu,children:p.Children.map(e,s=>p.isValidElement(s)?p.cloneElement(s,{...s.props,menuId:o}):s)})},Si=({children:e,menuId:o,disabled:t=!1,views:a})=>{const{activeMenuId:n,setActiveMenuId:l,toggleMenu:s,isMenuOpen:d,size:u,triggerRefs:c}=_r(),m=p.useRef(null),g=n===o,h=d(o);p.useEffect(()=>(m.current&&o&&(c.current[o]=m.current),()=>{o&&delete c.current[o]}),[o,c]);const f=()=>{t||(l(o),s(o))};return r.jsx(i.View,{ref:m,id:"menubar-trigger",role:"menuitem","aria-haspopup":"true","aria-expanded":h,userSelect:"none",display:"flex",alignItems:"center",justifyContent:"space-between",...xi[u],...g?hr.active:{},...t?hr.disabled:{},_hover:t?{}:hr.hover,onClick:f,...a==null?void 0:a.trigger,children:e})},ji=({children:e,menuId:o,views:t})=>{const{isMenuOpen:a,orientation:n,triggerRefs:l}=_r(),s=p.useRef(null),[d,u]=p.useState({x:0,y:0,placement:n==="horizontal"?"bottom":"right"}),c=a(o);if(p.useEffect(()=>{if(c&&s.current&&o&&l.current[o]){const g=s.current.getBoundingClientRect(),h=l.current[o].getBoundingClientRect(),f=Math.max(g.width||200,200),y=Math.max(g.height||150,150),x=window.innerWidth,b=window.innerHeight,k={top:h.top,right:x-h.right,bottom:b-h.bottom,left:h.left},j=n==="horizontal"?[{placement:"bottom",space:k.bottom,fits:k.bottom>=y+8,x:h.left,y:h.bottom+8},{placement:"top",space:k.top,fits:k.top>=y+8,x:h.left,y:h.top-y-8},{placement:"right",space:k.right,fits:k.right>=f+8,x:h.right+8,y:h.top},{placement:"left",space:k.left,fits:k.left>=f+8,x:h.left-f-8,y:h.top}]:[{placement:"right",space:k.right,fits:k.right>=f+8,x:h.right+8,y:h.top},{placement:"left",space:k.left,fits:k.left>=f+8,x:h.left-f-8,y:h.top},{placement:"bottom",space:k.bottom,fits:k.bottom>=y+8,x:h.left,y:h.bottom+8},{placement:"top",space:k.top,fits:k.top>=y+8,x:h.left,y:h.top-y-8}],w=j.find(I=>I.fits);if(w){u({x:w.x,y:w.y,placement:w.placement});return}const C=j.reduce((I,F)=>F.space>I.space?F:I);let S=C.x,v=C.y;S+f>x&&(S=x-f-8),S<8&&(S=8),v+y>b&&(v=b-y-8),v<8&&(v=8),u({x:S,y:v,placement:C.placement})}},[c,n,o,l]),!c)return null;const m={position:"fixed",left:d.x,top:d.y,zIndex:1e3};return r.jsx(i.View,{ref:s,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})},wi=({children:e,icon:o,disabled:t=!1,onClick:a,views:n})=>{const{size:l}=_r(),s=()=>{t||!a||a()};return r.jsxs(i.View,{role:"menuitem",cursor:t?"not-allowed":"pointer",userSelect:"none",display:"flex",alignItems:"center",opacity:t?.5:1,...xi[l],_hover:t?{}:hr.hover,onClick:s,...n==null?void 0:n.item,children:[o&&r.jsx(i.View,{marginRight:8,...n==null?void 0:n.icon,children:o}),e]})},vi=({views:e})=>r.jsx(i.View,{role:"separator",height:"1px",backgroundColor:"color-gray-200",margin:"4px 0",...e==null?void 0:e.separator}),Iy=({items:e,orientation:o,size:t,variant:a,views:n,themeMode:l})=>r.jsx(ki,{orientation:o,size:t,variant:a,views:n,children:e.map(s=>r.jsxs(Ci,{id:s.id,disabled:s.disabled,views:n,children:[r.jsxs(Si,{menuId:s.id,views:n,children:[s.icon&&r.jsx(i.View,{marginRight:8,...n==null?void 0:n.icon,children:s.icon}),s.label]}),s.items&&s.items.length>0&&r.jsx(ji,{menuId:s.id,views:n,children:s.items.map((d,u)=>d.separator?r.jsx(vi,{views:n},`separator-${u}`):r.jsx(wi,{id:d.id,icon:d.icon,disabled:d.disabled,onClick:d.onClick,views:n,children:d.label},d.id))})]},s.id))}),Fy=({items:e,orientation:o="horizontal",size:t="md",variant:a="default",defaultActiveMenuId:n=null,defaultOpenMenuId:l=null,views:s,...d})=>{const{activeMenuId:u,setActiveMenuId:c,openMenuId:m,setOpenMenuId:g,isMenuOpen:h,toggleMenu:f}=jy(n,l),y=p.useRef({});return r.jsx(Ty,{value:{activeMenuId:u,setActiveMenuId:c,openMenuId:m,setOpenMenuId:g,isMenuOpen:h,toggleMenu:f,orientation:o,size:t,variant:a,triggerRefs:y},children:r.jsx(Iy,{items:e,orientation:o,size:t,variant:a,views:s,...d})})},co=Fy;co.Root=ki;co.Menu=Ci;co.Trigger=Si;co.Content=ji;co.Item=wi;co.Separator=vi;const Ry=(e,o,t)=>{const[a,n]=p.useState([]);return p.useEffect(()=>{n((()=>{const s=[];if(o<=t)for(let d=1;d<=o;d++)s.push(d);else{s.push(1);let d=Math.max(2,e-Math.floor((t-2)/2)),u=Math.min(o-1,d+t-3);u>=o-1&&(u=o-1,d=Math.max(2,u-(t-3))),d>2&&s.push("...");for(let c=d;c<=u;c++)s.push(c);u<o-1&&s.push("..."),s.push(o)}return s})())},[e,o,t]),{visiblePageNumbers:a}},yo={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"}}}},Lo={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"}}},_o={rounded:{borderRadius:8},square:{borderRadius:"0px"},circular:{borderRadius:"50%"}},zy={backgroundColor:"theme-primary",color:"color-white",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"theme-primary",opacity:.9}},dr={opacity:.5,cursor:"not-allowed",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"transparent"}},My=({currentPage:e,totalPages:o,onPageChange:t,pageSize:a=10,pageSizeOptions:n=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"100 / page",value:100}],onPageSizeChange:l,showPageSizeSelector:s=!1,showPageInfo:d=!0,maxPageButtons:u=5,showFirstLastButtons:c=!1,size:m="md",variant:g="default",shape:h="rounded",visiblePageNumbers:f=[],views:y,...x})=>{const b=w=>{w<1||w>o||w===e||t(w)},k=w=>{l&&l(Number(w.target.value))},j=(w,C)=>{if(w==="...")return r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",...yo[m],...y==null?void 0:y.ellipsis,children:"..."},`ellipsis-${C}`);const S=w===e;return r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:S?"default":"pointer",...yo[m],...Lo[g],..._o[h],...S?zy:{},onClick:()=>b(w),"aria-label":`Page ${w}`,"aria-current":S?"page":void 0,...S?y==null?void 0:y.activePageButton:y==null?void 0:y.pageButton,children:w},`page-${w}`)};return r.jsxs(i.Horizontal,{alignItems:"center",gap:8,...y==null?void 0:y.container,...x,children:[c&&r.jsxs(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===1?"not-allowed":"pointer",...yo[m],...Lo[g],..._o[h],...e===1?dr:{},onClick:()=>b(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",...yo[m],...Lo[g],..._o[h],...e===1?dr:{},onClick:()=>b(e-1),"aria-label":"Previous page",disabled:e===1,...y==null?void 0:y.navigationButton,children:r.jsx(se,{orientation:"left",widthHeight:16})}),f.map((w,C)=>j(w,C)),r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===o?"not-allowed":"pointer",...yo[m],...Lo[g],..._o[h],...e===o?dr:{},onClick:()=>b(e+1),"aria-label":"Next page",disabled:e===o,...y==null?void 0:y.navigationButton,children:r.jsx(se,{orientation:"right",widthHeight:16})}),c&&r.jsxs(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===o?"not-allowed":"pointer",...yo[m],...Lo[g],..._o[h],...e===o?dr:{},onClick:()=>b(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]}),s&&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:a,onChange:k,...y==null?void 0:y.pageSizeSelector,children:n.map(w=>r.jsx("option",{value:w.value,children:w.label},w.value))})]})},Wy=({currentPage:e,totalPages:o,onPageChange:t,pageSize:a=10,pageSizeOptions:n,onPageSizeChange:l,showPageSizeSelector:s=!1,showPageInfo:d=!0,maxPageButtons:u=5,showFirstLastButtons:c=!1,size:m="md",variant:g="default",shape:h="rounded",views:f,...y})=>{const{visiblePageNumbers:x}=Ry(e,o,u);return r.jsx(My,{currentPage:e,totalPages:o,onPageChange:t,pageSize:a,pageSizeOptions:n,onPageSizeChange:l,showPageSizeSelector:s,showPageInfo:d,maxPageButtons:u,showFirstLastButtons:c,size:m,variant:g,shape:h,visiblePageNumbers:x,views:f,...y})},Ti=Wy,Hy=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),Py=p.memo(({shape:e="linear",value:o=0,max:t=100,color:a="theme-primary",backgroundColor:n="color-gray-200",height:l,size:s,radius:d=4,strokeWidth:u=10,showLabel:c=!1,labelColor:m="color-black-primary",animated:g=!0,animationDuration:h="0.5s",views:f,themeMode:y,...x})=>{var E;const{getColor:b,themeMode:k}=i.useTheme(),j=y||k,C=Math.min(t,Math.max(0,o))/t*100,S=T=>Hy(T)?T:b(T,{themeMode:j}),v=p.useMemo(()=>S(n),[b,n,j]),I=p.useMemo(()=>S(a),[b,a,j]);if(e==="circle"){const T=s||(typeof l=="number"?l:100),A=(T-u)/2,P=2*Math.PI*A,z=P-C/100*P;return r.jsxs(i.View,{width:T,height:T,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...f==null?void 0:f.container,...x,children:[r.jsxs("svg",{width:T,height:T,viewBox:`0 0 ${T} ${T}`,style:{transform:"rotate(-90deg)"},children:[r.jsx("circle",{cx:T/2,cy:T/2,r:A,stroke:v,strokeWidth:u,fill:"transparent",...f==null?void 0:f.track}),r.jsx("circle",{cx:T/2,cy:T/2,r:A,stroke:I,strokeWidth:u,strokeDasharray:P,strokeDashoffset:z,strokeLinecap:"round",fill:"transparent",style:{transition:g?`stroke-dashoffset ${h} ease-in-out`:"none"},...f==null?void 0:f.indicator})]}),c&&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:`${T*.2}px`,fontWeight:"bold",...f==null?void 0:f.text,children:[Math.round(C),"%"]})})]})}const F=l||8,W={backgroundColor:v,...((E=f==null?void 0:f.container)==null?void 0:E.style)||{},...x.style||{}};return r.jsxs(i.View,{role:"progressbar","aria-valuenow":o,"aria-valuemin":0,"aria-valuemax":t,width:"100%",height:F,borderRadius:d,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...f==null?void 0:f.container,...x,style:W,children:[r.jsx("div",{style:{height:"100%",backgroundColor:I,borderRadius:typeof d=="number"?`${d}px`:d,position:"absolute",left:0,top:0,bottom:0,width:`${C}%`,transition:g?`width ${h} ease-in-out`:"none",...f==null?void 0:f.bar}}),c&&r.jsxs(i.Text,{color:m,fontSize:typeof F=="number"&&F>16?`${F*.6}px`:"10px",fontWeight:"bold",position:"relative",zIndex:1,...f==null?void 0:f.text,children:[Math.round(C),"%"]})]})}),Ay=e=>{const o=me("progress",e);return r.jsx(Py,{...o})},Ii=Ay,Vy=e=>({solid:"solid",dashed:"dashed",dotted:"dotted"}),Ey=Vy(),Dy={thin:"1px",medium:"2px",thick:"4px"},Bo={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"}},$y=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),Ly=({orientation:e="horizontal",variant:o="solid",thickness:t="thin",color:a,spacing:n="0px",label:l,decorative:s=!1,views:d,themeMode:u,...c})=>{const{themeMode:m}=i.useTheme(),g=a||"color-gray-200",h=Ey[o],f=Dy[t],y=s?{"aria-hidden":!0}:{role:"separator","aria-orientation":e},x=$y(g)?{style:{borderColor:g}}:{borderColor:g};return l&&e==="horizontal"?r.jsxs(i.Horizontal,{alignItems:"center",justifyContent:"center",width:"100%",padding:n,...y,...c,children:[r.jsx(i.View,{height:"0px",flexGrow:1,borderTop:`${f} ${h}`,...x,...Bo.container,...d==null?void 0:d.container}),r.jsx(i.Text,{...Bo.label,...d==null?void 0:d.label,children:l}),r.jsx(i.View,{height:"0px",flexGrow:1,borderTop:`${f} ${h}`,...x,...Bo.container,...d==null?void 0:d.container})]}):e==="horizontal"?r.jsx(i.View,{height:"0px",width:"100%",borderTop:`${f} ${h}`,padding:n,...x,...Bo.container,...y,...d==null?void 0:d.container,...c}):r.jsx(i.View,{width:"0px",height:"100%",borderLeft:`${f} ${h}`,padding:n,...x,...Bo.container,...y,...d==null?void 0:d.container,...c})},Fi=e=>{const o=me("separator",e);return r.jsx(Ly,{...o})},Rr=Fi,_y=Fi,By={xs:12,sm:14,md:16,lg:18,xl:20},Oy=({isSupported:e,isSharing:o,onShare:t,label:a,children:n,icon:l,size:s,isDisabled:d,isLoading:u,iconPosition:c,disableWhenUnsupported:m=!0,...g})=>{const h=s??"md",f=l??r.jsx(wn,{widthHeight:By[h],strokeWidth:1.5,filled:!1}),y=!!d||!e&&m,x=!!u||o;return r.jsx(le,{...g,size:h,icon:f,iconPosition:c??"left",isDisabled:y,isLoading:x,onClick:t,children:n??a??"Share"})},Oa=()=>typeof navigator>"u"?void 0:navigator,Ny=(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},qy=e=>{if(typeof e=="object"&&e!==null&&"name"in e)return String(e.name)},Uy=e=>{const{shareData:o,onClick:t,onUnsupported:a,onShareStart:n,onShareSuccess:l,onShareCancel:s,onShareError:d}=e,[u,c]=p.useState(!1),m=p.useMemo(()=>Ny(Oa(),o),[o]),g=p.useCallback((...h)=>{t==null||t(...h);const f=Oa();if(!f||typeof f.share!="function"){a==null||a();return}if(!u){if(typeof f.canShare=="function")try{if(!f.canShare(o)){a==null||a();return}}catch(y){d==null||d(y);return}c(!0),n==null||n();try{f.share(o).then(()=>{l==null||l()}).catch(y=>{if(qy(y)==="AbortError"){s==null||s();return}d==null||d(y)}).finally(()=>{c(!1)})}catch(y){c(!1),d==null||d(y)}}},[u,t,s,d,n,l,a,o]);return{isSupported:m,isSharing:u,handleShare:g}},Gy=e=>{const{isSupported:o,isSharing:t,handleShare:a}=Uy(e),{shareData:n,onShareStart:l,onShareSuccess:s,onShareCancel:d,onShareError:u,onUnsupported:c,onClick:m,...g}=e;return r.jsx(Oy,{...g,isSupported:o,isSharing:t,onShare:a})},Ri=Gy,Yy=({label:e,status:o="default",views:t,themeMode:a,...n})=>{const{themeMode:l}=i.useTheme(),s=Pn();return r.jsxs(i.Horizontal,{alignItems:"center",gap:8,role:"status-indicator",...t==null?void 0:t.container,...n,children:[r.jsx(i.View,{role:"status-dot",width:"8px",height:"8px",borderRadius:"50%",...s[o].indicator,...t==null?void 0:t.indicator}),e&&r.jsx(i.Text,{role:"status-label",fontSize:"14px",lineHeight:"20px",...s[o].label,...t==null?void 0:t.label,children:e})]})},fr=e=>{const o=me("status",e);return r.jsx(Yy,{...o})},Xy=(e=!0,o,t,a)=>{const{on:n}=i.useResponsive(),l=n("mobile"),[s,d]=p.useState(o!==void 0?o:e);return p.useEffect(()=>{o!==void 0&&d(o)},[o]),{isExpanded:s,toggleExpanded:()=>{const g=!s;d(g),t&&t(g)},expand:()=>{s||(d(!0),t&&t(!0))},collapse:()=>{s&&(d(!1),t&&t(!1))},isMobile:l}},Ky={sm:{expandedWidth:"240px",collapsedWidth:"64px"},md:{expandedWidth:"280px",collapsedWidth:"72px"},lg:{expandedWidth:"320px",collapsedWidth:"80px"},xl:{expandedWidth:"360px",collapsedWidth:"88px"}},Jy=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"}}),Qy=Jy(),Zy={left:{left:0,borderRightWidth:"1px",borderRightStyle:"solid",borderRightColor:"color-gray-200"},right:{right:0,borderLeftWidth:"1px",borderLeftStyle:"solid",borderLeftColor:"color-gray-200"}},ex={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)"}},ox={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)"},zi=p.createContext({isExpanded:!0,toggleExpanded:()=>{},expand:()=>{},collapse:()=>{},position:"left",size:"md",variant:"default"}),Br=()=>p.useContext(zi),rx=({value:e,children:o})=>r.jsx(zi.Provider,{value:e,children:o}),tx=({children:e,showToggleButton:o=!0,views:t,...a})=>{const{isExpanded:n,toggleExpanded:l,position:s}=Br();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,...a,children:n?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":n?"Collapse sidebar":"Expand sidebar",...t==null?void 0:t.toggleButton,children:r.jsx(se,{orientation:s==="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":n?"Collapse sidebar":"Expand sidebar",...t==null?void 0:t.toggleButton,children:r.jsx(se,{orientation:s==="left"?"right":"left",widthHeight:16,...t==null?void 0:t.toggleButtonIcon})})})})},ax=({children:e,views:o,...t})=>{const{isExpanded:a}=Br();return r.jsx(i.View,{flex:"1",width:"100%",overflowY:"auto",overflowX:"hidden",padding:a?"16px":"8px",...o==null?void 0:o.content,...t,children:e})},nx=({children:e,views:o,...t})=>{const{isExpanded:a}=Br();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:a?e:null})},lx=({children:e,position:o="left",size:t="md",variant:a="default",fixed:n=!1,hasBackdrop:l=!0,expandedWidth:s,collapsedWidth:d,breakpoint:u,breakpointBehavior:c="overlay",elevation:m="none",transitionPreset:g="normal",ariaLabel:h="Sidebar navigation",showToggleButton:f,toggleExpanded:y,expand:x,isExpanded:b,isMobile:k,collapse:j,views:w,themeMode:C,...S})=>{const v=Ky[t],I=b?s||v.expandedWidth:d||v.collapsedWidth,F=!k||k&&c!=="hide",W=n||k&&c==="overlay"?"fixed":"relative",E=l&&k&&b&&c==="overlay";return r.jsxs(r.Fragment,{children:[E&&r.jsx(i.View,{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",backgroundColor:"color-blackAlpha-500",zIndex:998,onClick:j,...w==null?void 0:w.backdrop}),F&&r.jsx(i.Vertical,{position:W,top:0,height:"100vh",width:I,zIndex:999,transition:ox[g],transform:k&&c==="overlay"&&!b?`translateX(${o==="left"?"-100%":"100%"})`:"translateX(0)",role:"navigation","aria-label":h,...Qy[a],...Zy[o],...ex[m],...w==null?void 0:w.container,...S,children:p.Children.map(e,T=>T)})]})},ix=({children:e,position:o="left",size:t="md",variant:a="default",defaultExpanded:n=!0,expanded:l,onExpandedChange:s,fixed:d=!1,hasBackdrop:u=!0,showToggleButton:c=!0,expandedWidth:m,collapsedWidth:g,breakpoint:h=768,breakpointBehavior:f="overlay",views:y,...x})=>{const{isExpanded:b,toggleExpanded:k,expand:j,collapse:w,isMobile:C}=Xy(n,l,s);return r.jsx(rx,{value:{isExpanded:b,toggleExpanded:k,expand:j,collapse:w,position:o,size:t,variant:a,views:y},children:r.jsx(lx,{position:o,size:t,variant:a,fixed:d,hasBackdrop:u,showToggleButton:c,expandedWidth:m,collapsedWidth:g,breakpoint:h,breakpointBehavior:f,isExpanded:b,isMobile:C,toggleExpanded:k,expand:j,collapse:w,views:y,...x,children:e})})},or=ix;or.Header=tx;or.Content=ax;or.Footer=nx;or.useContext=Br;const sx=()=>({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)}}}),cx=(e,o,t,a=50,n=1/0,l=!1,s,d,u=10)=>{const[c,m]=p.useState(!1),[g,h]=p.useState([]),f=p.useRef(null),y=p.useRef(null),x=p.useRef(0),b=p.useRef([]),k=p.useRef(d||(typeof window<"u"?sx():null)),j=p.useCallback(()=>f.current?e==="horizontal"?f.current.offsetWidth:f.current.offsetHeight:0,[e]),w=p.useCallback(()=>{if(!s||!k.current)return null;const R=k.current.getItem(s);if(!R)return null;try{const H=JSON.parse(R);return Array.isArray(H.sizes)?H.sizes:null}catch(H){return console.warn("Failed to parse saved panel sizes:",H),null}},[s]),C=p.useCallback(()=>{if(!s||!k.current||g.length===0)return;const R=g.map(H=>({id:H.id,size:H.size,collapsed:H.collapsed||!1}));k.current.setItem(s,JSON.stringify({sizes:R}))},[s,g]),S=p.useCallback((R,H,M,D,L)=>{h(V=>V.some(O=>O.id===R)?V:[...V,{id:R,size:H,minSize:M??a,maxSize:D??n,collapsible:L??l,collapsed:!1}])},[a,n,l]),v=p.useCallback(R=>{h(H=>H.filter(M=>M.id!==R))},[]),I=p.useCallback(R=>{const H=g.find(M=>M.id===R);return H?H.size:0},[g]),F=p.useCallback((R,H)=>{h(M=>M.map(D=>D.id===R?{...D,size:H}:D))},[]),W=p.useCallback(R=>{const H=g.find(M=>M.id===R);return H?!!H.collapsed:!1},[g]),E=p.useCallback(R=>{h(H=>{const M=H.findIndex(O=>O.id===R);if(M===-1)return H;const D=H[M];if(!D.collapsible)return H;const L={...D,collapsed:!D.collapsed},V=[...H];return V[M]=L,V})},[]),T=p.useCallback((R,H)=>{y.current=R,x.current=H,b.current=g.map(M=>M.size),m(!0)},[g]),A=p.useCallback(R=>{if(!c||!y.current)return;const H=y.current,M=R-x.current;let D=-1;const L=H.match(/\d+$/);if(L&&(D=parseInt(L[0],10)-1),D===-1&&g.length>=2&&(D=0),D<0||D>=g.length-1)return;const V=g[D],O=g[D+1];if(V.collapsed||O.collapsed)return;let _=b.current[D]+M,q=b.current[D+1]-M;_=Math.max(V.minSize??a,Math.min(V.maxSize??n,_)),q=Math.max(O.minSize??a,Math.min(O.maxSize??n,q)),h(B=>B.map((X,$)=>$===D?{...X,size:_}:$===D+1?{...X,size:q}:X))},[c,g,e,a,n]),P=p.useCallback(()=>{c&&t&&t(g.map(R=>R.size)),y.current=null,m(!1),s&&C()},[c,g,t,s,C]),z=p.useCallback(R=>{if(!c||!y.current)return;const H=y.current;let M=-1;const D=H.match(/\d+$/);if(D&&(M=parseInt(D[0],10)-1),M===-1&&g.length>=2&&(M=0),M<0||M>=g.length-1)return;let L=0;e==="horizontal"?(R.key==="ArrowLeft"&&(L=-u),R.key==="ArrowRight"&&(L=u),R.key==="Home"&&(L=-100),R.key==="End"&&(L=100)):(R.key==="ArrowUp"&&(L=-u),R.key==="ArrowDown"&&(L=u),R.key==="Home"&&(L=-100),R.key==="End"&&(L=100)),L!==0&&(R.preventDefault(),A(x.current+L)),R.key==="Escape"&&(h(V=>V.map((O,_)=>({...O,size:b.current[_]}))),P())},[c,g,e,A,P,u]);return p.useEffect(()=>{const R=D=>{if(!c)return;const L=e==="horizontal"?D.clientX:D.clientY;A(L)},H=D=>{if(!c||D.touches.length===0)return;const L=D.touches[0],V=e==="horizontal"?L.clientX:L.clientY;A(V)},M=()=>{c&&P()};return c&&(document.addEventListener("mousemove",R),document.addEventListener("touchmove",H),document.addEventListener("mouseup",M),document.addEventListener("touchend",M),document.addEventListener("keydown",z),document.body.style.cursor=e==="horizontal"?"col-resize":"row-resize",document.body.style.userSelect="none"),()=>{document.removeEventListener("mousemove",R),document.removeEventListener("touchmove",H),document.removeEventListener("mouseup",M),document.removeEventListener("touchend",M),document.removeEventListener("keydown",z),document.body.style.cursor="",document.body.style.userSelect=""}},[c,e,A,P,z]),p.useEffect(()=>{if(g.length!==0){if(s){const R=w();if(R){h(H=>H.map(M=>{const D=R.find(L=>L.id===M.id);return D?{...M,size:D.size,collapsed:D.collapsed||!1}:M}));return}}if(!o){const H=j()/g.length;h(M=>M.map(D=>({...D,size:H})))}}},[g.length,o,j,s,w]),p.useEffect(()=>{if(!o||o.length===0||g.length===0)return;const R=j(),H=o.map(M=>typeof M=="string"&&M.endsWith("%")?parseFloat(M)/100*R:typeof M=="number"?M:parseFloat(M));h(M=>M.map((D,L)=>({...D,size:L<H.length?H[L]:D.size})))},[o,g.length,j]),p.useEffect(()=>{g.length>0&&s&&!c&&C()},[g,s,c,C]),{isResizing:c,setIsResizing:m,containerRef:f,panels:g,registerPanel:S,unregisterPanel:v,getPanelSize:I,setPanelSize:F,isPanelCollapsed:W,togglePanelCollapse:E,startResize:T,onResize:A,endResize:P}},dx={horizontal:{flexDirection:"row"},vertical:{flexDirection:"column"}},ux=(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],px=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"}}}),mx=px(),ur={horizontal:{width:"2px",height:"20px",backgroundColor:"color-gray-400",margin:"0 1px"},vertical:{width:"20px",height:"2px",backgroundColor:"color-gray-400",margin:"1px 0"}},Mi=p.createContext({orientation:"horizontal",size:"md",variant:"default",isResizing:!1,setIsResizing:()=>{},registerPanel:()=>{},unregisterPanel:()=>{},getPanelSize:()=>0,setPanelSize:()=>{},isPanelCollapsed:()=>!1,togglePanelCollapse:()=>{},startResize:()=>{},onResize:()=>{},endResize:()=>{}}),Wi=()=>p.useContext(Mi),gx=({value:e,children:o})=>r.jsx(Mi.Provider,{value:e,children:o}),hx=({children:e,id:o,defaultSize:t,minSize:a,maxSize:n,collapsible:l,defaultCollapsed:s,onCollapseChange:d,views:u,...c})=>{const{orientation:m,registerPanel:g,unregisterPanel:h,getPanelSize:f,isPanelCollapsed:y,togglePanelCollapse:x}=Wi(),b=typeof t=="string"&&t.endsWith("%")?0:typeof t=="number"?t:0;p.useEffect(()=>(g(o,b,a,n,l),()=>h(o)),[o,b,a,n,l,g,h]);const k=f(o),j=y(o);return p.useEffect(()=>{d&&j!==void 0&&d(j)},[j,d]),p.useEffect(()=>{l&&s&&!j&&x(o)},[o,l,s,j,x]),j?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:()=>x(o),"aria-label":`Expand panel ${o}`,role:"button",tabIndex:0,...u==null?void 0:u.collapsedPanel,...c}):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",...u==null?void 0:u.panel,...c,children:e})},fx=({id:e,position:o="both",disabled:t=!1,withVisualIndicator:a=!0,withCollapseButton:n=!1,collapseTarget:l,views:s,...d})=>{const{orientation:u,size:c,variant:m,startResize:g,isPanelCollapsed:h,togglePanelCollapse:f}=Wi(),x=(()=>{if(l)return l;const S=e.match(/\d+$/);if(!S)return"";const v=parseInt(S[0],10);return isNaN(v)?"":`panel${v}`})(),b=h(x),k=S=>{if(t)return;S.preventDefault();const v=u==="horizontal"?S.clientX:S.clientY;g(e,v)},j=S=>{if(t||S.touches.length===0)return;S.preventDefault();const v=S.touches[0],I=u==="horizontal"?v.clientX:v.clientY;g(e,I)},w=S=>{t||(S.key==="Enter"||S.key===" ")&&(S.preventDefault(),g(e,0))},C=S=>{S.stopPropagation(),x&&f(x)};return r.jsxs(i.View,{role:"separator","aria-orientation":u,"aria-valuemin":0,"aria-valuemax":100,tabIndex:t?-1:0,cursor:u==="horizontal"?"col-resize":"row-resize",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",...ux(c,u),...mx[m],onMouseDown:k,onTouchStart:j,onKeyDown:w,opacity:t?.5:1,pointerEvents:t?"none":"auto",...s==null?void 0:s.handle,...d,children:[a&&r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",width:u==="horizontal"?"100%":"auto",height:u==="vertical"?"100%":"auto",pointerEvents:"none",...s==null?void 0:s.handleIcon,children:u==="horizontal"?r.jsxs(i.Horizontal,{gap:1,children:[r.jsx(i.View,{...ur.horizontal}),r.jsx(i.View,{...ur.horizontal})]}):r.jsxs(i.Vertical,{gap:1,children:[r.jsx(i.View,{...ur.vertical}),r.jsx(i.View,{...ur.vertical})]})}),n&&x&&r.jsx(i.View,{position:"absolute",top:u==="horizontal"?"-20px":"50%",left:u==="horizontal"?"50%":"-20px",transform:u==="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":b?`Expand panel ${x}`:`Collapse panel ${x}`,role:"button",tabIndex:0,pointerEvents:"auto",_hover:{backgroundColor:"color-gray-200"},...s==null?void 0:s.collapseIcon,children:r.jsx(i.View,{width:"8px",height:"8px",display:"flex",alignItems:"center",justifyContent:"center",children:b?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"})})})]})},yx=({children:e,orientation:o="horizontal",size:t="md",variant:a="default",defaultSizes:n,minSize:l,maxSize:s,collapsible:d=!1,containerRef:u,autoSaveId:c,keyboardResizeBy:m,onLayout:g,views:h,...f})=>{const y=o==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(y,{ref:u,width:"100%",height:"100%",position:"relative",overflow:"hidden",...dx[o],...h==null?void 0:h.container,...f,children:e})},xx=({children:e,orientation:o="horizontal",size:t="md",variant:a="default",defaultSizes:n,onSizesChange:l,minSize:s=50,maxSize:d,collapsible:u=!1,autoSaveId:c,storage:m,keyboardResizeBy:g=10,views:h,...f})=>{const{isResizing:y,setIsResizing:x,containerRef:b,registerPanel:k,unregisterPanel:j,getPanelSize:w,setPanelSize:C,isPanelCollapsed:S,togglePanelCollapse:v,startResize:I,onResize:F,endResize:W}=cx(o,n,l,s,d,u,c,m,g);return r.jsx(gx,{value:{orientation:o,size:t,variant:a,isResizing:y,setIsResizing:x,registerPanel:k,unregisterPanel:j,getPanelSize:w,setPanelSize:C,isPanelCollapsed:S,togglePanelCollapse:v,startResize:I,onResize:F,endResize:W},children:r.jsx(yx,{orientation:o,size:t,variant:a,defaultSizes:n,minSize:s,maxSize:d,collapsible:u,autoSaveId:c,keyboardResizeBy:g,containerRef:b,views:h,...f,children:e})})},da=xx;da.Panel=hx;da.Handle=fx;const pr={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"}}},bx={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"}},kx=()=>Math.random().toString(36).substring(2,9);let xo=new Map;const rr=zr.create(e=>({toasts:[],add:(o,t,a,n={})=>{const l=n.id||kx(),s={id:l,variant:o,title:t,description:a,createdAt:Date.now(),isVisible:!0,...n};if(e(d=>({toasts:[...d.toasts,s]})),n.duration!==0){const d=n.duration||5e3,u=setTimeout(()=>{rr.getState().remove(l)},d);xo.set(l,u)}return l},remove:o=>{e(t=>({toasts:t.toasts.map(a=>a.id===o?{...a,isVisible:!1}:a)})),xo.has(o)&&(clearTimeout(xo.get(o)),xo.delete(o)),setTimeout(()=>{e(t=>({toasts:t.toasts.filter(a=>a.id!==o)}))},300)},removeAll:()=>{xo.forEach(clearTimeout),xo.clear(),e(o=>({toasts:o.toasts.map(t=>({...t,isVisible:!1}))})),setTimeout(()=>{e({toasts:[]})},300)}})),uo=(e,o,t,a)=>rr.getState().add(e,o,t,a),Hi=(e,o,t)=>uo("info",e,o,t),Pi=(e,o,t)=>uo("success",e,o,t),Ai=(e,o,t)=>uo("warning",e,o,t),Vi=(e,o,t)=>uo("error",e,o,t),Ei=e=>{rr.getState().remove(e)},Di=()=>{rr.getState().removeAll()},$i=({variant:e,title:o,description:t,onClose:a,isClosable:n=!0,action:l,actionText:s,showIcon:d=!0,theme:u,views:c,render:m,icon:g,id:h,isVisible:f=!0,themeMode:y})=>{const x=u??pr,b=()=>{var C,S;if(g!==void 0)return g;const w=e?(S=(C=pr[e])==null?void 0:C.icon)==null?void 0:S.color:pr.info.icon.color;switch(e){case"info":return r.jsx(Ge,{widthHeight:20,color:w});case"success":return r.jsx(Sn,{widthHeight:20,color:w});case"warning":return r.jsx(Ge,{widthHeight:20,color:w,orientation:"down"});case"error":return r.jsx(Wr,{widthHeight:20,color:w});default:return r.jsx(Ge,{widthHeight:20,color:pr.info.icon.color})}};if(m)return r.jsx(r.Fragment,{children:m({id:h||"",onClose:a})});const k=e==="error"?"alert":"status",j=e==="error"||e==="warning"?"assertive":"polite";return r.jsxs(i.Horizontal,{role:k,"aria-live":j,"aria-atomic":"true","data-state":f?"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:f?1:0,transform:f?"translateY(0)":"translateY(4px)",transition:"opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease",...c==null?void 0:c.container,children:[d&&r.jsx(i.View,{marginTop:"2px",...c==null?void 0:c.icon,children:b()}),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,...c==null?void 0:c.title,children:o}),t&&r.jsx(i.Text,{size:"xs",lineHeight:"18px",color:x[e].content.color,fontWeight:"400",backgroundColor:x[e].container.backgroundColor,...c==null?void 0:c.description,children:t}),l&&s&&r.jsx(i.Text,{size:"sm",fontWeight:"600",marginTop:"6px",cursor:"pointer",color:x[e].content.color,backgroundColor:x[e].container.backgroundColor,onClick:w=>{w.stopPropagation(),l()},_hover:{textDecoration:"underline"},transition:"opacity 0.2s ease, color 0.2s ease",...c==null?void 0:c.actionButton,children:s})]}),n&&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:w=>{w.stopPropagation(),a()},_hover:{backgroundColor:"color-blackAlpha-100"},transition:"background-color 0.2s ease, opacity 0.2s ease",...c==null?void 0:c.closeButton,children:r.jsx(Te,{widthHeight:16,color:x[e].content.color})})]})},Cx=({position:e="top-right",gap:o=8,limit:t=5,containerStyle:a})=>{const{toasts:n,remove:l}=rr(),d=p.useMemo(()=>{const u={top:[],"top-right":[],"top-left":[],bottom:[],"bottom-right":[],"bottom-left":[]};return n.forEach(c=>{const m=c.position||e;u[m].push(c)}),Object.keys(u).forEach(c=>{u[c]=u[c].slice(-t)}),u},[n,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",...bx[e],style:a,children:d.map(u=>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($i,{id:u.id,variant:u.variant,title:u.title,description:u.description,onClose:()=>l(u.id),isClosable:u.isClosable,action:u.action,actionText:u.actionText,showIcon:u.showIcon,views:u.views,render:u.render,icon:u.icon,isVisible:u.isVisible})},u.id))})},Sx=()=>({toast:(e,o,t,a)=>uo(e,o,t,a),info:(e,o,t)=>Hi(e,o,t),success:(e,o,t)=>Pi(e,o,t),warning:(e,o,t)=>Ai(e,o,t),error:(e,o,t)=>Vi(e,o,t),remove:e=>Ei(e),removeAll:()=>Di()}),jx=e=>r.jsx($i,{...e}),wx=Object.assign(jx,{Container:e=>r.jsx(Cx,{...e}),show:uo,info:Hi,success:Pi,warning:Ai,error:Vi,remove:Ei,removeAll:Di}),vx=Sx,Na=(e,o)=>{var s,d;if(!e)return!0;const t=e.toLowerCase(),a=o.name.toLowerCase().includes(t),n=((s=o.description)==null?void 0:s.toLowerCase().includes(t))||!1,l=((d=o.keywords)==null?void 0:d.some(u=>u.toLowerCase().includes(t)))||!1;return a||n||l},Tx=({open:e,onOpenChange:o,groups:t=[],commands:a=[],filter:n})=>{const[l,s]=p.useState(""),[d,u]=p.useState(0),c=p.useRef(null),m=p.useMemo(()=>n||Na,[n]),g=p.useMemo(()=>[...t.flatMap(b=>b.commands),...a],[t,a]),h=p.useMemo(()=>l.trim()?g.filter(x=>m(l,x)):g,[g,l,m]),f=p.useMemo(()=>{if(!l)return t;const x=n||Na;return t.map(b=>({...b,commands:b.commands.filter(k=>x(l,k))})).filter(b=>b.commands.length)},[t,l,n]);p.useEffect(()=>{u(0)},[h.length]);const y=p.useCallback(x=>{if(e)switch(x.key){case"ArrowDown":x.preventDefault(),u(b=>b<h.length-1?b+1:b);break;case"ArrowUp":x.preventDefault(),u(b=>b>0?b-1:b);break;case"Enter":x.preventDefault(),h[d]&&(h[d].onSelect(),o(!1),s(""));break;case"Escape":x.preventDefault(),o(!1),s("");break}},[e,h,d,o]);return p.useEffect(()=>(document.addEventListener("keydown",y),()=>{document.removeEventListener("keydown",y)}),[y]),p.useEffect(()=>{if(c.current&&e){const x=c.current.querySelector(`[data-index="${d}"]`);x&&x.scrollIntoView({block:"nearest"})}},[d,e]),p.useEffect(()=>{e?u(0):s("")},[e]),{search:l,setSearch:s,selectedIndex:d,setSelectedIndex:u,filteredCommands:h,filteredGroups:f,listRef:c}},Ix={sm:{width:"400px",maxHeight:"300px"},md:{width:"500px",maxHeight:"400px"},lg:{width:"600px",maxHeight:"500px"}},Fx=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)"}}),Rx=Fx(),zx={display:"flex",alignItems:"center",padding:"12px 16px",borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-200"},Mx={overflow:"auto",padding:"8px 0"},Wx={marginBottom:"8px"},Hx={padding:"8px 16px",fontSize:"12px",fontWeight:"bold",color:"color-gray-500",textTransform:"uppercase"},Px={display:"flex",alignItems:"center",padding:"8px 16px",cursor:"pointer",userSelect:"none",borderRadius:"4px",margin:"0 8px",_hover:{backgroundColor:"color-gray-100"}},Ax={backgroundColor:"color-blue-50",_hover:{backgroundColor:"color-blue-100"}},Vx={opacity:.5,cursor:"not-allowed",_hover:{backgroundColor:"transparent"}},Ex={display:"flex",alignItems:"center",justifyContent:"center",marginRight:"12px",color:"color-gray-500"},Dx={display:"flex",flexDirection:"column",flex:1},$x={fontSize:"14px",fontWeight:"medium"},Lx={fontSize:"12px",color:"color-gray-500",marginTop:"2px"},_x={display:"flex",alignItems:"center",marginLeft:"12px",fontSize:"12px",color:"color-gray-500"},Bx={display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",color:"color-gray-500",textAlign:"center"},Ox={display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 16px",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"color-gray-200",fontSize:"12px",color:"color-gray-500"},Nx=p.createContext({search:"",setSearch:()=>{},selectedIndex:0,setSelectedIndex:()=>{},filteredCommands:[],onSelect:()=>{}}),qx=({value:e,children:o})=>r.jsx(Nx.Provider,{value:e,children:o}),Li=({value:e,onValueChange:o,placeholder:t="Type a command or search...",views:a,...n})=>{const l=p.useRef(null);return p.useEffect(()=>{l.current&&l.current.focus()},[]),r.jsxs(i.View,{...zx,...a==null?void 0:a.container,...n,children:[r.jsx(Cr,{widthHeight:16,color:"color-gray-400",marginRight:"8px"}),r.jsx(i.View,{as:"input",type:"text",value:e,onChange:s=>o(s.target.value),placeholder:t,width:"100%",border:"none",outline:"none",backgroundColor:"transparent",fontSize:"14px",ref:l,...a==null?void 0:a.input})]})},Ux=({children:e,views:o,...t})=>r.jsx(i.View,{...Mx,...o==null?void 0:o.container,...t,children:e}),_i=({heading:e,children:o,views:t,...a})=>r.jsxs(i.View,{...Wx,...t==null?void 0:t.container,...a,children:[r.jsx(i.Text,{...Hx,...t==null?void 0:t.heading,children:e}),o]}),kt=({item:e,selected:o=!1,onSelect:t,views:a,...n})=>{const l=()=>{!e.disabled&&t&&t()};return r.jsxs(i.Horizontal,{...Px,...o?Ax:{},...e.disabled?Vx:{},onClick:l,...a==null?void 0:a.container,...n,children:[e.icon&&r.jsx(i.View,{...Ex,...a==null?void 0:a.icon,children:e.icon}),r.jsxs(i.Vertical,{...Dx,...a==null?void 0:a.content,children:[r.jsx(i.Text,{...$x,...a==null?void 0:a.name,children:e.name}),e.description&&r.jsx(i.Text,{...Lx,...a==null?void 0:a.description,children:e.description})]}),e.shortcut&&r.jsx(i.Text,{..._x,...a==null?void 0:a.shortcut,children:e.shortcut})]})},Bi=({children:e="No results found.",views:o,...t})=>r.jsx(i.View,{...Bx,...o==null?void 0:o.container,...t,children:e}),Gx=({open:e,onOpenChange:o,groups:t=[],commands:a=[],placeholder:n,size:l="md",variant:s="default",emptyState:d,footer:u,search:c,setSearch:m,selectedIndex:g,setSelectedIndex:h,filteredCommands:f,filteredGroups:y,listRef:x,views:b,filter:k,...j})=>{if(!e)return null;const w=p.useCallback(F=>{F.disabled||(F.onSelect(),o(!1),m(""))},[o,m]),C=p.useCallback(F=>F.target===F.currentTarget&&o(!1),[o]),S=p.useMemo(()=>({search:c,setSearch:m,selectedIndex:g,setSelectedIndex:h,filteredCommands:f,onSelect:w}),[c,g,f,w,m,h]),v=t.length>0,I=f.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,...j,children:r.jsx(qx,{value:S,children:r.jsxs(i.View,{borderRadius:"8px",overflow:"hidden",display:"flex",flexDirection:"column",...Ix[l],...Rx[s],...b==null?void 0:b.container,onClick:F=>F.stopPropagation(),children:[r.jsx(Li,{value:c,onValueChange:m,placeholder:n,views:b==null?void 0:b.searchInput}),r.jsx(i.View,{ref:x,flex:1,overflow:"auto",...b==null?void 0:b.list,children:I?d||r.jsx(Bi,{views:b==null?void 0:b.empty}):v?y.map(F=>r.jsx(_i,{heading:F.name,views:b==null?void 0:b.groupHeading,children:F.commands.map(W=>{const E=f.findIndex(T=>T.id===W.id);return r.jsx(kt,{item:W,selected:E===g,onSelect:()=>w(W),"data-index":E,views:{container:b==null?void 0:b.item,icon:b==null?void 0:b.icon,content:b==null?void 0:b.content,name:b==null?void 0:b.name,description:b==null?void 0:b.description,shortcut:b==null?void 0:b.shortcut}},W.id)})},F.id)):f.map((F,W)=>r.jsx(kt,{item:F,selected:W===g,onSelect:()=>w(F),"data-index":W,views:{container:b==null?void 0:b.item,icon:b==null?void 0:b.icon,content:b==null?void 0:b.content,name:b==null?void 0:b.name,description:b==null?void 0:b.description,shortcut:b==null?void 0:b.shortcut}},F.id))}),u&&r.jsx(i.View,{...Ox,...b==null?void 0:b.footer,children:u})]})})})},Yx=({open:e,onOpenChange:o,groups:t=[],commands:a=[],placeholder:n,size:l="md",variant:s="default",filter:d,emptyState:u,footer:c,views:m,...g})=>{const{search:h,setSearch:f,selectedIndex:y,setSelectedIndex:x,filteredCommands:b,filteredGroups:k,listRef:j}=Tx({open:e,onOpenChange:o,groups:t,commands:a,filter:d});return r.jsx(Gx,{open:e,onOpenChange:o,groups:t,commands:a,placeholder:n,size:l,variant:s,emptyState:u,footer:c,search:h,setSearch:f,selectedIndex:y,setSelectedIndex:x,filteredCommands:b,filteredGroups:k,listRef:j,views:m,...g})},Ho=Yx;Ho.Input=Li;Ho.List=Ux;Ho.Group=_i;Ho.Item=kt;Ho.Empty=Bi;const qa=()=>Math.random().toString(36).substring(2,11),Xx=({defaultOpen:e=!1,openDelay:o=200,closeDelay:t=200,isDisabled:a=!1}={})=>{const[n,l]=p.useState(e),s=p.useRef(null),d=p.useRef(null),u=p.useRef(null),c=p.useRef(null),m=p.useRef(`tooltip-trigger-${qa()}`).current,g=p.useRef(`tooltip-content-${qa()}`).current,h=p.useCallback(()=>{a||(c.current&&(clearTimeout(c.current),c.current=null),!n&&!u.current&&(u.current=setTimeout(()=>{l(!0),u.current=null},o)))},[n,o,a]),f=p.useCallback(()=>{u.current&&(clearTimeout(u.current),u.current=null),n&&!c.current&&(c.current=setTimeout(()=>{l(!1),c.current=null},t))},[n,t]),y=p.useCallback(()=>{c.current&&(clearTimeout(c.current),c.current=null)},[]);return p.useEffect(()=>()=>{u.current&&clearTimeout(u.current),c.current&&clearTimeout(c.current)},[]),p.useEffect(()=>{const x=b=>{b.key==="Escape"&&n&&l(!1)};return document.addEventListener("keydown",x),()=>{document.removeEventListener("keydown",x)}},[n]),{isOpen:n,openTooltip:h,closeTooltip:f,cancelCloseTimer:y,triggerRef:s,contentRef:d,triggerId:m,contentId:g}},Kx={sm:{padding:"4px 8px",fontSize:"12px",maxWidth:"200px"},md:{padding:"6px 10px",fontSize:"14px",maxWidth:"250px"},lg:{padding:"8px 12px",fontSize:"16px",maxWidth:"300px"}},Jx=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"}}),Qx=Jx(),Zx=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}},Oi=p.createContext({isOpen:!1,openTooltip:()=>{},closeTooltip:()=>{},triggerRef:{current:null},contentRef:{current:null},contentId:"",triggerId:""}),ua=()=>p.useContext(Oi),eb=({value:e,children:o})=>r.jsx(Oi.Provider,{value:e,children:o}),Ni=p.memo(({children:e,views:o,asChild:t=!1,...a})=>{const{openTooltip:n,closeTooltip:l,triggerRef:s,contentId:d,triggerId:u}=ua(),c=p.useCallback(()=>n(),[n]),m=p.useCallback(()=>l(),[l]),g=p.useCallback(()=>n(),[n]),h=p.useCallback(()=>l(),[l]),f={ref:s,onMouseEnter:c,onMouseLeave:m,onFocus:g,onBlur:h,id:u,"aria-describedby":d,...o==null?void 0:o.container,...a};return t&&p.isValidElement(e)?p.cloneElement(e,f):r.jsx(i.View,{display:"inline-block",...f,children:e})}),ob=p.memo(({children:e,views:o,...t})=>{const{isOpen:a,contentRef:n,contentId:l,triggerId:s}=ua();return a?r.jsx(i.View,{ref:n,id:l,role:"tooltip","aria-labelledby":s,...o==null?void 0:o.container,...t,children:e}):null}),rb=({content:e,children:o,position:t="top",align:a="center",size:n="md",variant:l="default",showArrow:s=!0,views:d,themeMode:u,...c})=>{const{isOpen:m,triggerRef:g,contentRef:h,contentId:f,triggerId:y}=ua(),{ref:x,relation:b}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),[k,j]=p.useState({x:0,y:0,placement:t});p.useEffect(()=>{g!=null&&g.current&&x&&(x.current=g.current)},[g,x,m]),p.useEffect(()=>{if(m&&(h!=null&&h.current)&&(g!=null&&g.current)){const S=g.current.getBoundingClientRect();let v=t;b&&(t==="top"&&b.space.vertical==="bottom"?v="bottom":t==="bottom"&&b.space.vertical==="top"?v="top":t==="right"&&b.space.horizontal==="left"?v="left":t==="left"&&b.space.horizontal==="right"&&(v="right"));let I=0,F=0;switch(v){case"top":I=a==="start"?S.left:a==="end"?S.right-120:S.left+S.width/2-60,F=S.top-8;break;case"bottom":I=a==="start"?S.left:a==="end"?S.right-120:S.left+S.width/2-60,F=S.bottom+8;break;case"right":I=S.right+8,F=a==="start"?S.top:a==="end"?S.bottom-32:S.top+S.height/2-16;break;case"left":I=S.left-8,F=a==="start"?S.top:a==="end"?S.bottom-32:S.top+S.height/2-16;break}j({x:I,y:F,placement:v})}},[m,t,a,g,h,b]);const w=p.useMemo(()=>s?Zx(k.placement):{},[s,k.placement]),C=p.useMemo(()=>{const S={position:"fixed",left:k.x,top:k.y,zIndex:1e3};switch(k.placement){case"top":return{...S,transform:"translateY(-100%)"};case"left":return{...S,transform:"translateX(-100%)"};case"bottom":case"right":default:return S}},[k.x,k.y,k.placement]);return r.jsxs(i.View,{position:"relative",display:"inline-block",...d==null?void 0:d.container,...c,children:[r.jsx(Ni,{children:o}),m&&r.jsxs(i.View,{ref:h,id:f,role:"tooltip","aria-labelledby":y,borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",style:C,...Kx[n],...Qx[l],...d==null?void 0:d.content,children:[typeof e=="string"?r.jsx(i.Text,{...d==null?void 0:d.text,children:e}):e,s&&r.jsx(i.View,{...w,...d==null?void 0:d.arrow})]})]})},tb=({content:e,children:o,position:t="top",align:a="center",size:n="md",variant:l="default",openDelay:s=200,closeDelay:d=200,showArrow:u=!0,defaultOpen:c=!1,isDisabled:m=!1,views:g,...h})=>{const f=Xx({defaultOpen:c,openDelay:s,closeDelay:d,isDisabled:m});return r.jsx(eb,{value:f,children:r.jsx(rb,{content:e,position:t,align:a,size:n,variant:l,showArrow:u,views:g,...h,children:o})})},Or=tb;Or.Trigger=Ni;Or.Content=ob;const qi=p.forwardRef((e,o)=>{const t=Rl(e);return r.jsx(Hl,{...e,...t})});qi.displayName="ChatInput";const ab={container:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}},Ua={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%"}},at={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}},nt={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}},nb=p.createContext({}),lb=({children:e,showRadialGradient:o=!0,views:t,themeMode:a,...n})=>{const l={white:"rgba(255,255,255,1)",transparent:"rgba(255,255,255,0)"},s=["rgb(59, 130, 246)","rgb(196, 181, 253)","rgb(147, 197, 253)","rgb(221, 214, 254)","rgb(96, 165, 250)"],d={...Ua.gradient,backgroundImage:`
26
+ ${ue}`:ue}let ie=M,ae=!1;M.endsWith("-thinking")&&(ie=M.replace(/-thinking$/,""),ae=!0),n==null||n(ee,{model_name:ie,enable_thinking:ae}),y||k(""),w([]),x([])},A=X=>{w(ee=>ee.filter((ie,ae)=>ae!==X)),!d&&S.length>X&&x(ee=>ee.filter((ie,ae)=>ae!==X))},G=X=>{X.preventDefault(),X.stopPropagation(),R(!0)},K=X=>{X.preventDefault(),X.stopPropagation(),R(!1)},Q=p.useCallback(X=>{!X||X.length===0||(x(ee=>[...ee,...X]),w(ee=>[...ee,...X]),I(ee=>[...ee,...X]),T(!0))},[x,w]),J=p.useCallback(()=>{if(E.length>0&&!H&&f){P(!0);const X=E[0];z.current=X,V(0);try{f(X)}catch(ee){I(ie=>ie.slice(1)),P(!1),z.current=null,V(0),T(ie=>E.length-1>0||!1),h==null||h(ee)}}else E.length===0&&v&&(T(!1),V(0))},[E,H,f,v,h]);p.useEffect(()=>{J()},[E,H,J]);const oe="active",te=X=>!0,re=()=>{N(!1),e.onGuideClose&&e.onGuideClose()},U=X=>{y&&t?t(X.text):k(X.text),e.onPromptExampleSelect&&e.onPromptExampleSelect(X),D.current&&D.current.focus()},Z=p.useCallback(()=>S,[S]),le=p.useCallback(()=>x([]),[]);return{onSubmit:n,getPendingFiles:Z,clearPendingFiles:le,value:C,handleChange:O,handleSubmit:Y,editableRef:D,fileInputRef:B,isUploading:v,uploadProgress:F,isDraggingOver:W,uploadedFiles:j,pendingFiles:S,removeUploadedFile:A,setPendingFiles:x,setUploadedFiles:w,setIsUploading:T,startUpload:Q,selectedModel:M,handleModelChange:$,modelOptions:L,subscriptionStatus:oe,canAccessModel:te,handleDragOver:G,handleDragLeave:K,isGuideTipShown:_,hideGuideTip:re,handlePromptExampleSelect:U}},mh={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}},qn={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"}},gh={default:{borderRadius:"8px"},square:{borderRadius:"0px"},rounded:{borderRadius:"8px"}},hh={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"}},fh={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"}},Un=e=>`${e}-${Math.random().toString(36).substring(2,9)}`,yh=({openDelay:e=200,closeDelay:o=300}={})=>{const[t,n]=p.useState(!1),a=p.useRef(null),l=p.useRef(null),s=p.useRef(null),u=p.useRef(null),c=p.useMemo(()=>Un("hovercard-content"),[]),d=p.useMemo(()=>Un("hovercard-trigger"),[]),m=p.useCallback(()=>{a.current&&(clearTimeout(a.current),a.current=null),l.current&&(clearTimeout(l.current),l.current=null)},[]),g=p.useCallback(()=>{m(),t||(a.current=setTimeout(()=>{n(!0)},e))},[t,e,m]),h=p.useCallback(()=>{m(),t&&(l.current=setTimeout(()=>{n(!1)},o))},[t,o,m]),f=p.useCallback(()=>{l.current&&(clearTimeout(l.current),l.current=null)},[]);return p.useEffect(()=>()=>m(),[m]),{isOpen:t,openCard:g,closeCard:h,cancelCloseTimer:f,triggerRef:s,contentRef:u,contentId:c,triggerId:d}},Ol=p.createContext({isOpen:!1,openCard:()=>{},closeCard:()=>{},cancelCloseTimer:()=>{},triggerRef:{current:null},contentRef:{current:null},contentId:"",triggerId:""}),xh=({children:e,value:o})=>r.jsx(Ol.Provider,{value:o,children:e}),Nl=()=>{const e=p.useContext(Ol);if(!e)throw new Error("useHoverCardContext must be used within a HoverCardProvider");return e},bh=({children:e,views:o,asChild:t=!1,...n})=>{const{openCard:a,closeCard:l,triggerRef:s,contentId:u,triggerId:c}=Nl(),f={ref:s,onMouseEnter:()=>a(),onMouseLeave:()=>l(),onFocus:()=>a(),onBlur:()=>l(),id:c,"aria-describedby":u,...o==null?void 0:o.container,...n};if(t&&p.isValidElement(e)){const y=p.Children.only(e);return p.cloneElement(y,{...f,...y.props})}return r.jsx(i.View,{position:"relative",display:"inline-block",...f,children:e})},kh=({children:e,views:o,side:t="bottom",align:n="center",sideOffset:a=8,style:l,backgroundColor:s="color-white",borderRadius:u="4px",boxShadow:c="0px 2px 8px rgba(0, 0, 0, 0.15)",padding:d="12px",minWidth:m="50px",maxWidth:g="300px",...h})=>{const{isOpen:f,cancelCloseTimer:y,closeCard:b,contentRef:k,triggerRef:C,contentId:j,triggerId:w}=Nl(),{ref:S,relation:x}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0});p.useEffect(()=>{C!=null&&C.current&&(S==null?void 0:S.current)!==C.current&&S&&(S.current=C.current)},[C,S,f]);const v=()=>y(),T=()=>b();if(!f)return null;const F=()=>{if(!x||!(C!=null&&C.current))return{position:"absolute",top:0,left:0,zIndex:1e3};const I=C.current.getBoundingClientRect();let H=t;t==="bottom"&&x.space.vertical==="top"?H="top":t==="top"&&x.space.vertical==="bottom"?H="bottom":t==="right"&&x.space.horizontal==="left"?H="left":t==="left"&&x.space.horizontal==="right"&&(H="right");let P=0,z=0;switch(H){case"bottom":P=I.left+I.width/2,z=I.bottom+a;break;case"top":P=I.left+I.width/2,z=I.top-a;break;case"right":P=I.right+a,z=I.top+I.height/2;break;case"left":P=I.left-a,z=I.top+I.height/2;break}return{position:"fixed",left:P,top:z,zIndex:1e3,transform:V(H)}},V=I=>{switch(I){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)"}},E=F();return r.jsx(i.View,{ref:k,id:j,role:"tooltip","aria-labelledby":w,onMouseEnter:v,onMouseLeave:T,backgroundColor:s,borderRadius:u,boxShadow:c,padding:d,minWidth:m,maxWidth:g,style:{...E,...l},...o==null?void 0:o.container,...h,children:e})},Ch=({children:e,views:o,openDelay:t,closeDelay:n,...a})=>{const l=yh({openDelay:t,closeDelay:n});return r.jsx(xh,{value:l,children:r.jsx(i.View,{position:"relative",display:"inline-block",...o==null?void 0:o.container,...a,children:e})})},Se=Ch;Se.Trigger=bh;Se.Content=kh;const Sh=({files:e,sandboxId:o,onRemove:t,layout:n="inline",maxHeight:a="120px",showPreviews:l=!1,views:s={}})=>{if(e.length===0)return null;const u=p.useCallback(d=>d<1024?`${d} B`:d<1024*1024?`${(d/1024).toFixed(1)} KB`:`${(d/(1024*1024)).toFixed(1)} MB`,[]),c=p.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",...s==null?void 0:s.container,children:e.map((d,m)=>{const g=(d==null?void 0:d.path)||(d==null?void 0:d.url)||(l?URL.createObjectURL(d):""),h=d.type.startsWith("image/"),f=d.type.startsWith("video/"),y=d.type.startsWith("audio/"),b=c(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,...s==null?void 0:s.item,children:l&&r.jsxs(Se,{children:[r.jsxs(Se.Trigger,{children:[h&&r.jsx(i.Image,{src:g,alt:d.name,width:"60px",height:"60px",borderRadius:"8px",objectFit:"cover"}),f&&r.jsx(i.View,{as:"video",src:g,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(Ro,{widthHeight:24,color:"color-black"})}),!h&&!f&&!y&&r.jsx(i.Center,{width:"60px",height:"60px",borderRadius:"8px",backgroundColor:"color-gray-100",children:r.jsx(ao,{widthHeight:24,color:"color-black"})}),t&&r.jsx(i.Button,{...mh.attachmentRemove,onClick:k=>{k.stopPropagation(),t(m)},"aria-label":`Remove ${d.name}`,children:"×"})]}),r.jsxs(Se.Content,{children:[h&&r.jsx(i.Image,{src:g,alt:d.name,maxWidth:"100%"}),f&&r.jsx(i.View,{as:"video",src:g,controls:!0,maxWidth:"100%"}),y&&r.jsx(i.View,{as:"audio",src:g,controls:!0,width:"100%"}),r.jsxs(i.Text,{marginTop:"4px",maxLines:1,width:"100%",...s==null?void 0:s.name,children:[d.name," (",u(d.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,...s==null?void 0:s.item,children:[r.jsx(i.Center,{width:"22px",height:"22px",minWidth:"22px",borderRadius:"9999px",backgroundColor:b.backgroundColor,color:b.color,children:y?r.jsx(Ro,{widthHeight:12,color:"currentColor"}):r.jsx(ao,{widthHeight:12,color:"currentColor"})}),r.jsxs(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-600",maxLines:1,maxWidth:"220px",...s==null?void 0:s.name,children:[d.name," · ",u(d.size)]}),t&&r.jsx(i.View,{as:"button",type:"button",onClick:()=>t(m),"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:"×"})]},m)})})},ql=p.forwardRef(({value:e,onChange:o,placeholder:t="Type your message...",disabled:n=!1,autoFocus:a=!0,suggestions:l=[],onSuggestionSelect:s,showSuggestions:u=!1,mentionData:c=[],mentionTrigger:d="@",onMentionSelect:m,maxHeight:g="200px",minHeight:h="40px",views:f={}},y)=>{var te,re;const b=p.useRef(e),[k,C]=p.useState(-1),[j,w]=p.useState(!e),S=p.useRef(null),[x,v]=p.useState(!1),[T,F]=p.useState(!1),[V,E]=p.useState(""),[I,H]=p.useState(-1),[P,z]=p.useState(-1),[W,R]=p.useState([]),{ref:M,relation:$}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),[L,D]=p.useState({x:0,y:0}),[B,_]=p.useState({x:0,y:0});p.useEffect(()=>{const U=y;U.current&&e!==b.current&&(U.current.textContent=e,b.current=e,w(!e))},[e,y]),p.useEffect(()=>{a&&y&&typeof y=="object"&&y.current&&y.current.focus()},[a,y]);const N=()=>{const U=window.getSelection();if(!U||U.rangeCount===0)return-1;const Z=U.getRangeAt(0),le=Z.cloneRange();return le.selectNodeContents(y&&typeof y=="object"&&y.current?y.current:document.body),le.setEnd(Z.endContainer,Z.endOffset),le.toString().length},O=p.useCallback((U,Z)=>{const le=U.substring(0,Z),X=le.lastIndexOf(d);if(X!==-1){const ee=le.substring(X+1);if(!ee.includes(" ")){const ae=ee.toLowerCase(),ue=c.filter(Ve=>Ve.name.toLowerCase().includes(ae));E(ae),H(X),R(ue),F(ue.length>0),z(0);const Re=Y();D(Re);return}}F(!1),E(""),H(-1),z(-1)},[c,d]);p.useEffect(()=>{S.current&&M&&(M.current=S.current)},[S,M]);const Y=p.useCallback((U=200)=>{if(!S.current)return{x:0,y:0};const Z=S.current.getBoundingClientRect();if($){const ie=$.space.vertical==="top";return{x:Z.left,y:ie?Z.top-U-8:Z.bottom+8}}const le=window.innerHeight,X={top:Z.top,bottom:le-Z.bottom},ee=X.bottom<U+8&&X.top>X.bottom;return{x:Z.left,y:ee?Z.top-U-8:Z.bottom+8}},[$]),A=p.useCallback(()=>{v(!0);const U=Y();_(U)},[Y]),G=p.useCallback(()=>{setTimeout(()=>{v(!1),C(-1)},150)},[]),K=U=>{const Z=U.currentTarget.textContent||"";if(Z!==b.current){o(Z),b.current=Z,w(!Z);const le=N();O(Z,le)}},Q=p.useCallback(U=>{if(y&&typeof y=="object"&&y.current){const Z=y.current.textContent||"",le=Z.substring(0,I),X=Z.substring(I+d.length+V.length),ee=le+d+U.name+" "+X;o(ee),b.current=ee,y.current.textContent=ee;const ie=le.length+d.length+U.name.length+1;setTimeout(()=>{var ae;if(y.current){const ue=document.createRange(),Re=window.getSelection(),Ve=y.current.firstChild;Ve&&Re&&(ue.setStart(Ve,Math.min(ie,((ae=Ve.textContent)==null?void 0:ae.length)||0)),ue.collapse(!0),Re.removeAllRanges(),Re.addRange(ue))}},0)}F(!1),E(""),H(-1),z(-1),m&&m(U)},[I,d,V,o,m,y]),J=p.useCallback(U=>{s&&s(U),C(-1)},[s]),oe=U=>{if(T&&W.length>0){if(U.key==="ArrowDown"){U.preventDefault(),z(Z=>Z<W.length-1?Z+1:0);return}if(U.key==="ArrowUp"){U.preventDefault(),z(Z=>Z>0?Z-1:W.length-1);return}if((U.key==="Tab"||U.key==="Enter")&&P>=0){U.preventDefault(),Q(W[P]);return}if(U.key==="Escape"){F(!1),z(-1);return}}if(u&&l.length>0){if(U.key==="ArrowDown"){U.preventDefault(),C(Z=>Z<l.length-1?Z+1:0);return}if(U.key==="ArrowUp"){U.preventDefault(),C(Z=>Z>0?Z-1:l.length-1);return}if(U.key==="Tab"&&k>=0){U.preventDefault(),J(l[k]);return}if(U.key==="Escape"){C(-1);return}}};return r.jsxs(i.View,{ref:S,width:"100%",position:"relative",...f==null?void 0:f.container,children:[r.jsxs(i.View,{width:"100%",minHeight:h,maxHeight:g,overflowY:"auto",position:"relative",children:[j&&r.jsx(i.Text,{position:"absolute",top:"8px",left:"8px",color:"color-gray-400",pointerEvents:"none",fontSize:"14px",zIndex:1,...f==null?void 0:f.placeholder,children:t}),r.jsx(i.View,{as:"div",ref:y,contentEditable:!n,suppressContentEditableWarning:!0,onInput:K,onKeyDown:oe,onFocus:A,onBlur:G,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",...f==null?void 0:f.input})]}),T&&W.length>0&&r.jsx(i.View,{position:"fixed",left:L.x,top:L.y,width:((te=S.current)==null?void 0:te.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",...f==null?void 0:f.mentionContainer,children:r.jsxs(i.Vertical,{gap:0,children:[W.map((U,Z)=>r.jsx(i.View,{as:"button",type:"button",width:"100%",padding:"12px 16px",backgroundColor:Z===P?"color-blue-50":"transparent",border:"none",cursor:"pointer",textAlign:"left",transition:"background-color 0.2s ease",onClick:()=>Q(U),onMouseEnter:()=>z(Z),_hover:{backgroundColor:"color-blue-50"},...f==null?void 0:f.mentionItem,children:r.jsxs(i.Vertical,{gap:4,children:[r.jsxs(i.Text,{fontSize:"14px",color:"color-gray-900",fontWeight:"medium",children:[d,U.name]}),U.description&&r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",children:U.description})]})},U.id)),process.env.NODE_ENV==="development"&&r.jsxs("div",{style:{fontSize:"8px",opacity:.7,padding:"4px"},children:["Mentions (Trigger: ",d,")",$&&r.jsxs(r.Fragment,{children:[r.jsx("br",{}),"Space: ",$.space.vertical,"-",$.space.horizontal]})]})]})}),u&&l.length>0&&!T&&x&&!e&&r.jsx(i.View,{position:"fixed",left:B.x,top:B.y,width:((re=S.current)==null?void 0:re.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",...f==null?void 0:f.suggestionsContainer,children:r.jsxs(i.Vertical,{gap:0,children:[l.map((U,Z)=>r.jsx(i.View,{as:"button",type:"button",width:"100%",padding:"12px 16px",backgroundColor:Z===k?"color-blue-50":"transparent",border:"none",cursor:"pointer",textAlign:"left",transition:"background-color 0.2s ease",onClick:()=>J(U),onMouseEnter:()=>C(Z),_hover:{backgroundColor:"color-blue-50"},...f==null?void 0:f.suggestionItem,children:r.jsxs(i.Vertical,{gap:4,children:[r.jsx(i.Text,{fontSize:"14px",color:"color-gray-900",fontWeight:"medium",children:U.text}),U.description&&r.jsx(i.Text,{fontSize:"12px",color:"color-gray-600",children:U.description})]})},U.id)),process.env.NODE_ENV==="development"&&r.jsxs("div",{style:{fontSize:"8px",opacity:.7,padding:"4px"},children:["Suggestions (Focus-triggered)",$&&r.jsxs(r.Fragment,{children:[r.jsx("br",{}),"Space: ",$.space.vertical,"-",$.space.horizontal]})]})]})})]})});ql.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))})},wh=({onRecordingComplete:e,onRecordingStart:o,views:t={}})=>{const{recording:n,paused:a,audioBlob:l,analyserNode:s,startRecording:u,stopRecording:c}=Ua();p.useEffect(()=>{if(l){const m=new File([l],`recording-${Date.now()}.webm`,{type:l.type||"audio/webm;codecs=opus"});e(m)}},[l]);const d=p.useCallback(()=>{u(),o==null||o()},[]);return r.jsxs(i.Horizontal,{alignItems:"center",gap:4,children:[r.jsx(i.View,{minWidth:90,children:n&&s&&r.jsx(Xt,{analyserNode:s,isPaused:a})}),r.jsx(i.View,{as:"button",type:"button",onClick:n?c: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(Dr,{widthHeight:16,color:"currentColor",filled:!1}):r.jsx(Bt,{widthHeight:16,color:"currentColor",filled:!1})})]})},Ul=p.memo(({onSubmit:e,placeholder:o="Type your message… use @ to mention",loading:t=!1,disabled:n=!1,isAgentRunning:a=!1,enableAudioRecording:l=!1,leftButtons:s,rightButtons:u,onStopAgent:c,loadingText:d="Agent is working...",autoFocus:m=!0,sandboxId:g,hideAttachments:h=!1,attachmentText:f="",promptExamples:y=[],suggestions:b=[],errorMessage:k,size:C="md",shape:j="rounded",variant:w="default",views:S={},mentionData:x=[],mentionTrigger:v="@",onMentionSelect:T,onAudioRecordingStart:F,onAudioRecordingStop:V,showGuideTip:E,guideVideoUrl:I,onGuideClose:H,onFileBrowse:P,onUploadProgress:z,onUploadSuccess:W,onUploadError:R,onFileUpload:M,onPromptExampleSelect:$,value:L,handleChange:D,handleSubmit:B,editableRef:_,fileInputRef:N,isUploading:O,uploadProgress:Y,isDraggingOver:A,uploadedFiles:G,pendingFiles:K,getPendingFiles:Q,clearPendingFiles:J,removeUploadedFile:oe,setPendingFiles:te,setUploadedFiles:re,setIsUploading:U,startUpload:Z,selectedModel:le,handleModelChange:X,modelOptions:ee,subscriptionStatus:ie,canAccessModel:ae,isGuideTipShown:ue,hideGuideTip:Re,handlePromptExampleSelect:Ve,handleDragOver:Jr,handleDragLeave:Do,onChange:vn,...Le})=>{i.useTheme();const go=p.useMemo(()=>({...qn.container,...gh[j],...S==null?void 0:S.container}),[j,S==null?void 0:S.container]),Qr=p.useMemo(()=>({...qn.content,...hh[C],...fh[w],...S==null?void 0:S.content}),[C,w,S==null?void 0:S.content]),$o=((L==null?void 0:L.trim().length)??0)>0||G.length>0,ks=p.useCallback(be=>{Z([be]),V==null||V(be)},[Z,V]),Zr=p.useCallback(be=>{const ho=be.filter(Tn=>Tn.size>52428800?(console.error(`File size exceeds 50MB limit: ${Tn.name}`),!1):!0);ho.length>0&&Z(ho)},[Z]),Cs=p.useCallback(be=>{if(be.preventDefault(),be.stopPropagation(),Do(be),be.dataTransfer.files.length>0){const ho=Array.from(be.dataTransfer.files);Zr(ho)}},[Do,Zr]),Ss=p.useMemo(()=>[...x||[],...G.map((be,ho)=>({id:`file-${ho}`,name:be.name}))],[x,G]);return r.jsxs(i.View,{display:"flex",flexDirection:"column",boxSizing:"border-box",...go,...Le,onDragOver:Jr,onDragLeave:Do,onDrop:Cs,children:[y.length>0&&r.jsx(jh,{examples:y,onSelect:Ve,views:{container:S==null?void 0:S.promptExamples,item:S==null?void 0:S.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"},...S==null?void 0:S.loadingIndicator,children:[r.jsx(Ot,{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:B,overflow:"visible",display:"flex",flexDirection:"column",position:"relative",...Qr,...go,paddingHorizontal:16,paddingVertical:10,backgroundColor:A?"color-blue-50":void 0,children:[r.jsx(Sh,{files:G,sandboxId:g,onRemove:oe,showPreviews:!0,views:{container:S==null?void 0:S.attachments,item:S==null?void 0:S.attachmentItem,name:S==null?void 0:S.attachmentName,size:S==null?void 0:S.attachmentSize,removeButton:S==null?void 0:S.attachmentRemove}}),r.jsx(ql,{ref:_,value:L||"",onChange:D,placeholder:o,disabled:n&&!a,autoFocus:m,suggestions:b||[],showSuggestions:b&&b.length>0&&!L,onSuggestionSelect:be=>{D(be.text)},mentionData:Ss,mentionTrigger:v,onMentionSelect:T,views:{container:{},input:S==null?void 0:S.editableInput}}),r.jsxs(i.Horizontal,{justifyContent:"space-between",alignItems:"center",marginTop:"8px",children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[!h&&r.jsx(Br,{accept:"*/*",icon:r.jsx(or,{widthHeight:16}),maxSize:50*1024*1024,multiple:!0,onMultipleFileSelect:Zr,isLoading:O,progress:Y||0,text:f,fileType:"file",renderError:({errorMessage:be})=>null,views:{container:{height:"36px",cursor:"pointer",_hover:{backgroundColor:"color-gray-100"},...S==null?void 0:S.fileButton}},containerProps:{display:"flex",alignItems:"center",justifyContent:"center",gap:4,borderRadius:j==="rounded"?"50%":4,padding:10},textProps:{fontSize:"14px",color:"color-gray-600"},validateFile:be=>be.size>50*1024*1024?"File size exceeds 50MB limit":null}),s]}),r.jsxs(i.Horizontal,{gap:8,alignItems:"center",children:[l&&r.jsx(wh,{onRecordingStart:F,onRecordingComplete:ks,views:{button:S==null?void 0:S.recordButton}}),r.jsx(i.View,{as:"button",type:"button",onClick:B,height:"40px",width:"40px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:a?"theme-error":$o?"theme-primary":"color-gray-300",color:"color-white",borderRadius:j==="rounded"?"50%":4,border:"none",cursor:$o?"pointer":"not-allowed",disabled:!$o||t||n&&!a,transition:"background-color 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease",_hover:{opacity:$o||a?.9:1},_active:{opacity:$o||a?.95:1},_focusVisible:{outline:"none",boxShadow:"0 0 0 2px white, 0 0 0 4px theme-primary"},...S==null?void 0:S.submitButton,children:a?r.jsx(Dr,{widthHeight:16,color:"currentColor",filled:!1}):t?r.jsx(Je,{type:"quarter",size:16,color:"color-white"}):r.jsx(_t,{widthHeight:16,color:"currentColor",filled:!1})}),u]})]})]})}),k&&r.jsx(i.Text,{color:"theme-error",marginTop:"4px",...S==null?void 0:S.bottomTip,children:k})]})}),vh=e=>{const{name:o,onSubmit:t,...n}=e,[a,l]=p.useState([]),s=fe({name:o,type:"text"}),u=h=>{s.onChangeText&&s.onChangeText(h)},c=(h,f)=>{t?t(h,f):u(h)},d=()=>a,m=()=>l([]),g=_l({...n,value:s.value||"",onChange:u,onSubmit:c});return r.jsx(Ul,{...n,...g,value:s.value||"",onChange:u,onSubmit:c,error:s.error,getPendingFiles:d,clearPendingFiles:m})},Th=vh,Ih=e=>{const o=fe(e),t=Sl(o);return r.jsx(jl,{...t,...o})},Fh=Ih,Rh=e=>{const o=fe(e),t=Rl();return r.jsx(zl,{...t,...o})},zh=Rh,Mh=e=>{const o=fe(e),t=wl(e);return r.jsx(vl,{...t,...o})},Wh=Mh,Ph=e=>{let o=fe(e);o.selected=o.value;const t=ul(e);return r.jsx(ml,{...t,...o})},Hh=Ph,Vh=e=>{const o=fe(e),t=gl(e);return r.jsx(hl,{...t,...o})},Ah=Vh,Eh=e=>{const{name:o,...t}=e,{values:n,errors:a,touched:l,submitCount:s,setFieldValue:u,setFieldTouched:c}=Pe.useFormikContext(),d=Pe.getIn(n,o)||[],m=Pe.getIn(l,o)||s>0?Pe.getIn(a,o):void 0,g=p.useCallback(k=>{var j;const C=Array.isArray(k)?k.filter(w=>typeof w=="string"):[];u(o,C),(j=e.onTagsChange)==null||j.call(e,C)},[o,u,e.onTagsChange]),h=p.useCallback(()=>{var k;c(o,!0),(k=e.onBlur)==null||k.call(e)},[o,c,e.onBlur]),f=Hl({...t,tags:d,onTagsChange:g,onBlur:h}),{tags:y,...b}=f;return r.jsx(Vl,{...b,...t,tags:y,error:m})},Dh=Eh,$h=e=>{const o=fe(e),t=xl(e);return r.jsx(bl,{...t,...o})},Lh=$h,Bh=e=>{const o=fe(e,{focusable:!0}),{value:t,...n}=an(e);return r.jsx(ar,{...n,...o})},_h=Bh,Oh=({visibleIcon:e=r.jsx(qt,{widthHeight:14}),hiddenIcon:o=r.jsx(Nt,{widthHeight:14}),...t})=>{const n=fe(t,{focusable:!0}),{isVisible:a,setIsVisible:l,...s}=Ml(n);return r.jsx(ar,{...s,type:a?"text":"password",isClearable:!1,right:r.jsx(i.View,{onClick:()=>{t.isDisabled||l(!a)},children:a?e:o})})},Nh=Oh,qh=({items:e,placeholder:o,searchPlaceholder:t,isMulti:n=!1,...a})=>{const l=fe(a),s=Wl(e,o,t);p.useEffect(()=>{if(n&&Array.isArray(l.value))s.setSelectedItems(l.value);else if(!n&&l.value){const c=typeof l.value=="object"?l.value:e.find(d=>d.value===l.value);c&&s.setSelectedItem(c)}},[l.value,n,e]);const u=c=>{l.onChange(c)};return r.jsx(Pl,{...s,...l,items:e,placeholder:o,isMulti:n,onSelect:u})},Uh=qh,To=(e,o,t)=>Math.min(Math.max(e,o),t),Gh=(e,o,t,n,a,l,s)=>{const u=n-t;let c;if(l==="horizontal"){const d=o.width,m=e-o.left;c=To(m/d,0,1)}else{const d=o.height,m=o.bottom-e;c=To(m/d,0,1)}if(s&&s.length>0){const d=t+c*u;let m=s[0],g=Math.abs(d-m);for(let h=1;h<s.length;h++){const f=Math.abs(d-s[h]);f<g&&(g=f,m=s[h])}return m}else{const d=t+c*u,m=Math.round(d/a)*a;return To(m,t,n)}},Gl=({min:e=0,max:o=100,step:t=1,value:n=0,defaultValue:a,onChange:l,onDrag:s,orientation:u="horizontal",isDisabled:c=!1,stepValues:d})=>{const m=To(n??a??e,e,o),[g,h]=p.useState(m),[f,y]=p.useState(!1),[b,k]=p.useState(!1),C=p.useRef(null),j=p.useRef(null),w=n!==void 0,S=w?n:g;p.useEffect(()=>{w&&h(To(n,e,o))},[n,w,e,o]);const x=p.useCallback(H=>{const P=To(H,e,o);w||h(P),l&&P!==S&&l(P),f&&s&&s(P)},[w,e,o,l,S,f,s]),v=p.useCallback(H=>{if(c||!C.current)return;const P=C.current;if(typeof P.getBoundingClientRect!="function")return;const z=P.getBoundingClientRect();let W;"touches"in H?W=u==="horizontal"?H.touches[0].clientX:H.touches[0].clientY:W=u==="horizontal"?H.clientX:H.clientY;const R=Gh(W,z,e,o,t,u,d);x(R)},[e,o,t,u,x,c,d]),T=p.useCallback(H=>{if(c)return;H.preventDefault(),y(!0),v(H);const P=W=>{v(W)},z=()=>{y(!1),document.removeEventListener("mousemove",P),document.removeEventListener("mouseup",z),document.removeEventListener("touchmove",P),document.removeEventListener("touchend",z)};typeof(document==null?void 0:document.addEventListener)=="function"&&(document.addEventListener("mousemove",P),document.addEventListener("mouseup",z),document.addEventListener("touchmove",P),document.addEventListener("touchend",z))},[v,c]),F=p.useCallback(H=>{const P=j.current;P&&typeof P.contains=="function"&&P.contains(H.target)||T(H)},[T]),V=p.useCallback(H=>{if(c)return;let P=S;switch(H.key){case"ArrowLeft":case"ArrowDown":P=S-t;break;case"ArrowRight":case"ArrowUp":P=S+t;break;case"Home":P=e;break;case"End":P=o;break;default:return}H.preventDefault(),x(P)},[S,e,o,t,x,c]),E=o-e,I=E===0?0:(S-e)/E*100;return{currentValue:S,isDragging:f,isHovered:b,setIsHovered:k,trackRef:C,thumbRef:j,handleThumbMouseDown:T,handleTrackMouseDown:F,handleKeyDown:V,thumbPositionPercent:I}},Gn={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%"}},Yn={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}},Xn={square:0,rounded:4,pill:24},Yh=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"}}),Kn=Yh(),Xh={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}},Kh={horizontal:{width:"100%",minWidth:"120px",height:"auto",flexDirection:"row",paddingVertical:8},vertical:{height:"100%",minHeight:"120px",width:"auto",flexDirection:"column-reverse",paddingHorizontal:8}},Jh=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),qo=(e,o)=>Jh(o)?{style:{[e]:o}}:{[e]:o},Yl=p.memo(({min:e=0,max:o=100,step:t=1,currentValue:n,stepValues:a,shape:l="rounded",size:s="md",variant:u="default",orientation:c="horizontal",isDisabled:d=!1,showValue:m=!1,showTooltip:g=!1,backgroundColor:h="theme-primary",label:f,helperText:y,themeMode:b,shadow:k={},isDragging:C,isHovered:j,setIsHovered:w,trackRef:S,thumbRef:x,handleThumbMouseDown:v,handleTrackMouseDown:T,handleKeyDown:F,thumbPositionPercent:V,ariaLabel:E="Slider",views:I={container:{},track:{},progress:{},filledTrack:{},thumb:{},label:{},valueLabel:{},stepMarks:{},tooltip:{}},onChange:H,onDrag:P,value:z,defaultValue:W,...R})=>{var A,G;const M=h,$="theme-disabled",L=Kn[u].backgroundColor,D=d?$:M,B=c==="vertical",{trackCrossAxisSize:_,thumbSize:N}=Xh[s]||{trackCrossAxisSize:Gn[s].height,thumbSize:Yn[s].width||16},O=r.jsxs(i.Vertical,{width:"100%",gap:8,...I.container,...R,children:[f&&r.jsxs(i.Horizontal,{justifyContent:"space-between",alignItems:"center",children:[r.jsx(i.Text,{fontSize:14,fontWeight:500,...I.label,children:f}),m&&r.jsx(i.Text,{fontSize:14,color:"color-gray-500",...I.valueLabel,children:n})]}),r.jsxs(i.View,{ref:S,position:"relative",cursor:d?"not-allowed":"pointer",opacity:d?.6:1,onMouseDown:T,onMouseEnter:()=>w(!0),onMouseLeave:()=>w(!1),...Gn[s],borderRadius:Xn[l],backgroundColor:L,...Kn[u],...k,...I.track,children:[a&&a.length>0&&r.jsx(r.Fragment,{children:a.map(K=>{const Q=(K-e)/(o-e)*100;return r.jsx(i.View,{position:"absolute",top:"50%",left:`${Q}%`,transform:"translate(-50%, -50%)",width:4,height:4,borderRadius:"50%",zIndex:1,...qo("backgroundColor",D),...I.stepMarks},K)})}),r.jsx(i.View,{position:"absolute",top:0,left:0,height:"100%",width:`${V}%`,borderRadius:Xn[l],transition:"width 0.1s ease-in-out",...qo("backgroundColor",D),...I.progress,...I.filledTrack}),r.jsx(i.View,{ref:x,role:"slider",tabIndex:d?-1:0,"aria-valuemin":e,"aria-valuemax":o,"aria-valuenow":n,"aria-orientation":c,"aria-disabled":d,"aria-label":E,position:"absolute",top:"50%",left:`${V}%`,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",...qo("borderColor",D),transform:j?"translate(-50%, -50%) scale(1.1)":"translate(-50%, -50%)",zIndex:2,onMouseDown:v,onTouchStart:v,onKeyDown:F,...Yn[s],...I.thumb,children:g&&(j||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,...I.tooltip,children:r.jsx(i.Text,{...(A=I.tooltip)==null?void 0:A.text,children:n==null?void 0:n.toFixed(t<1?1:0)})})})]}),y&&r.jsx(Ct,{children:y})]}),Y=r.jsxs(i.Center,{...Kh[c],position:"relative",onMouseEnter:()=>!d&&w(!0),onMouseLeave:()=>!d&&w(!1),...R,...I==null?void 0:I.container,children:[f&&r.jsxs(i.Horizontal,{justifyContent:"space-between",alignItems:"center",marginBottom:8,width:"100%",children:[r.jsx(i.Text,{fontSize:14,fontWeight:500,...I.label,children:f}),m&&r.jsx(i.Text,{fontSize:14,color:"color-gray-500",...I.valueLabel,children:n})]}),r.jsxs(i.View,{ref:S,position:"relative",borderRadius:_/2,backgroundColor:d?$:L,cursor:d?"not-allowed":"pointer",width:B?`${_}px`:"100%",height:B?"100%":`${_}px`,onMouseDown:T,onTouchStart:T,...I==null?void 0:I.track,children:[a&&a.length>0&&r.jsx(r.Fragment,{children:a.map(K=>{const Q=(K-e)/(o-e)*100;return r.jsx(i.View,{position:"absolute",width:4,height:4,borderRadius:"50%",backgroundColor:D,zIndex:1,...B?{bottom:`${Q}%`,left:"50%",transform:"translate(-50%, 50%)"}:{left:`${Q}%`,top:"50%",transform:"translate(-50%, -50%)"},...I.stepMarks},K)})}),r.jsx(i.View,{position:"absolute",borderRadius:_/2,...B?{bottom:0,left:0,width:"100%",height:`${V}%`}:{top:0,left:0,height:"100%",width:`${V}%`},...qo("backgroundColor",D),...I==null?void 0:I.filledTrack,...I==null?void 0:I.progress}),r.jsx(i.View,{ref:x,role:"slider",tabIndex:d?-1:0,"aria-valuemin":e,"aria-valuemax":o,"aria-valuenow":n,"aria-orientation":c,"aria-disabled":d,"aria-label":E,position:"absolute",width:`${N}px`,height:`${N}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:B?"translateX(-50%)":"translateY(-50%)",zIndex:2,transition:C?"none":"left 0.1s, bottom 0.1s",...qo("backgroundColor",D),...B?{left:"50%",bottom:`${V}%`}:{top:"50%",left:`${V}%`},onMouseDown:v,onTouchStart:v,onKeyDown:F,...I==null?void 0:I.thumb,children:g&&(j||C)&&r.jsx(i.View,{position:"absolute",padding:"4px 8px",backgroundColor:"color-black",color:"color-white",borderRadius:"4px",whiteSpace:"nowrap",zIndex:3,...B?{left:"100%",marginLeft:"8px",bottom:"0",transform:"translateY(50%)"}:{bottom:"100%",left:"50%",marginBottom:"8px",transform:"translateX(-50%)"},...I==null?void 0:I.tooltip,children:r.jsx(i.Text,{...(G=I==null?void 0:I.tooltip)==null?void 0:G.text,children:n==null?void 0:n.toFixed(t<1?1:0)})})})]}),y&&r.jsx(Ct,{marginTop:8,children:y})]});return B||g?Y:O}),Qh=e=>{const o=fe(e),t=Gl({...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(Yl,{...e,...t,...o})},Zh=Qh,Jn=e=>{if(e==null)return"";if(typeof e=="string"||typeof e=="number"){const o=String(e);return o==="[object Object]"?"":o}return""},it=(e,o)=>{console.log(`[FormikOTPInput] ${e}`,o)},ef=e=>e==null||typeof e=="string"||typeof e=="number"||typeof e=="boolean"?e:Object.prototype.toString.call(e),of=e=>{const o=fe(e),t=Jn(o.value).slice(0,e.length||6);it("render",{name:e.name,type:e.type,formValue:ef(o.value),displayValue:t,length:e.length||6,hasFormikOnChange:!!o.onChange,hasFormikOnChangeText:!!o.onChangeText});const{isFocused:n,setIsFocused:a,isHovered:l,setIsHovered:s,inputRef:u,containerRef:c,mirrorSelectionStart:d,mirrorSelectionEnd:m,setMirrorSelectionStart:g,setMirrorSelectionEnd:h,setInputRef:f,handleFocus:y,handleBlur:b,handleKeyDown:k,handlePaste:C}=Al(e),j=p.useCallback(S=>{const x=Jn(S).slice(0,e.length||6);it("setValue",{name:e.name,incomingValue:S,nextValue:x,hasFormikOnChange:!!o.onChange,hasFormikOnChangeText:!!o.onChangeText}),o.onChange&&o.onChange(x),o.onChangeText&&o.onChangeText(x),e.onComplete&&x.length===(e.length||6)&&e.onComplete(x),u.current&&(u.current.value=x)},[o,e,u]),w=p.useCallback(S=>{var T,F,V;const x=typeof S=="string"?S:((T=S==null?void 0:S.currentTarget)==null?void 0:T.value)??((F=S==null?void 0:S.target)==null?void 0:F.value)??((V=S==null?void 0:S.nativeEvent)==null?void 0:V.text)??"",v=String(x).slice(0,e.length||6);it("handleChange normalized",{name:e.name,raw:x,newValue:v}),j(v),u.current&&(u.current.value=v)},[e.length,j,u]);return r.jsx(El,{...e,...o,value:t,setValue:j,isFocused:n,setIsFocused:a,isHovered:l,setIsHovered:s,inputRef:u,containerRef:c,mirrorSelectionStart:d,mirrorSelectionEnd:m,setMirrorSelectionStart:g,setMirrorSelectionEnd:h,setInputRef:f,handleChange:w,handleFocus:y,handleBlur:b,handleKeyDown:k,handlePaste:C,stepValues:e.stepValues})},rf=of,tf=e=>Array.isArray(e)?e:e==null?[]:[e],Xl=({name:e,uploadFile:o,onUploadSuccess:t,onUploadError:n,transformResponse:a,onMultipleFileSelect:l,onFileSelect:s,multiple:u=!0,...c})=>{const{setFieldValue:d,setFieldTouched:m,values:g}=Pe.useFormikContext(),[h,f]=p.useState(!1),[y,b]=p.useState(0),k=p.useCallback(async w=>{if(!w||w.length===0)return;m(e,!0,!0),f(!0);const S=[];for(const x of w){b(0);try{const v=await o(x,F=>{b(F??0)}),T=a?a(v,x):v;S.push(T),t==null||t(x,T)}catch(v){n==null||n(x,v)}}if(S.length>0){const x=tf(Pe.getIn(g,e));d(e,[...x,...S],!0),b(100)}else b(0);f(!1)},[e,n,t,m,d,a,o,g]),C=p.useCallback(async w=>{l==null||l(w),await k(w)},[k,l]),j=p.useCallback(async w=>{s==null||s(w),await k([w])},[k,s]);return r.jsx(Br,{...c,multiple:u,onMultipleFileSelect:u?C:void 0,onFileSelect:u?void 0:j,isLoading:h,progress:y})};Xl.displayName="FormikUploader";const nf=e=>{let o=fe(e);o.selected=o.value;const t=fl(e);return r.jsx(yl,{...t,...o})},af=nf,Kl=e=>{const[o,t]=p.useState(!1),[n,a]=p.useState(e);return{isHovered:o,setIsHovered:t,isToggle:n,setIsToggled:a}},lf={square:0,rounded:8,pill:999},sf=(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"}}),Jl=p.memo(({children:e,shape:o="rounded",variant:t="ghost",isHovered:n,setIsHovered:a,isDisabled:l,isToggle:s,setIsToggled:u,onToggle:c,views:d,backgroundColor:m,color:g,themeMode:h,...f})=>{const{getColor:y,themeMode:b}=i.useTheme(),k=h??b,j=y(l?"theme-disabled":m??g??"theme-primary",{themeMode:k}),S=p.useMemo(()=>sf(j),[j,k])[t],x=!!s,v=p.useCallback(()=>a(!0),[a]),T=p.useCallback(()=>{l||u(F=>{const V=!F;return c&&c(V),V})},[l,u,c]);return r.jsx(i.Center,{role:"Toggle",padding:o==="pill"?"8px 12px":"8px",width:"fit-content",cursor:l?"not-allowed":"pointer",borderRadius:lf[o],onClick:T,onMouseEnter:v,onMouseLeave:()=>a(!1),...S,...x&&{...t==="link"?{backgroundColor:"transparent"}:{backgroundColor:"color-blue-50",borderWidth:1,borderStyle:"solid",borderColor:"color-blue-200"},color:j},...f,...d==null?void 0:d.container,children:e})}),cf=({children:e,shape:o,variant:t,isDisabled:n,isToggled:a=!1,onToggle:l,...s})=>{const u=fe(s),{isHovered:c,setIsHovered:d,isToggle:m,setIsToggled:g}=Kl(u.value??a);p.useEffect(()=>{g(u.value??a)},[u.value,a]);const h=f=>{g(f),u.onChange(f),l==null||l(f)};return r.jsx(Jl,{shape:o,variant:t,isDisabled:n,isHovered:c,setIsHovered:d,isToggle:m,setIsToggled:g,onToggle:h,...s,children:e})},df=cf,Ql=()=>{const[e,o]=p.useState([]);return{activeToggles:e,setActiveToggles:o}},uf=({children:e,shape:o,variant:t,isDisabled:n,isToggled:a=!1,onToggle:l,...s})=>{const{isHovered:u,setIsHovered:c,isToggle:d,setIsToggled:m}=Kl(a);return p.useEffect(()=>{m(a)},[a]),r.jsx(Jl,{shape:o,variant:t,isDisabled:n,isHovered:u,setIsHovered:c,isToggle:d,setIsToggled:m,onToggle:l,...s,children:e})},sn=uf,Zl=({items:e,onToggleChange:o,activeToggles:t,setActiveToggles:n,shape:a="rounded",variant:l="ghost",views:s})=>{const u=p.useCallback((c,d)=>{n(m=>{let g;return d?g=m.includes(c)?m:[...m,c]:g=m.filter(h=>h!==c),o==null||o(g),g})},[o,n]);return r.jsx(i.Horizontal,{role:"ToggleGroup",display:"flex",gap:8,flexWrap:"wrap",...s==null?void 0:s.container,children:e.map(c=>r.jsx(sn,{role:`toggle-${c.id}`,shape:a,variant:l,isToggled:t.includes(c.id)||c.isActive,onToggle:d=>u(c.id,d),isDisabled:c.isDisabled,views:s==null?void 0:s.toggle,children:c.value},c.id))})},pf=({items:e,shape:o,variant:t,onToggleChange:n,...a})=>{const l=fe(a),{activeToggles:s,setActiveToggles:u}=Ql();p.useEffect(()=>{Array.isArray(l.value)&&u(l.value)},[l.value]);const c=d=>{u(d),l.onChange(d),n==null||n(d)};return r.jsx(Zl,{items:e,shape:o,variant:t,activeToggles:s,setActiveToggles:u,onToggleChange:c,...a})},mf=pf,Qn=["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"],ei=e=>{const{value:o,defaultValue:t,onChange:n,isOpen:a,onOpen:l,onClose:s,closeOnSelect:u=!0}=e,[c,d]=p.useState(a??!1),[m,g]=p.useState(o??t),[h,f]=p.useState(""),y=p.useRef(null),b=p.useRef(null);p.useEffect(()=>{o!==void 0&&g(o)},[o]),p.useEffect(()=>{a!==void 0&&d(a)},[a]);const k=p.useMemo(()=>h?Qn.filter(x=>x.toLowerCase().includes(h.toLowerCase())).slice(0,100):Qn.slice(0,100),[h]);p.useEffect(()=>{const x=v=>{c&&y.current&&b.current&&!y.current.contains(v.target)&&!b.current.contains(v.target)&&C()};if(typeof(document==null?void 0:document.addEventListener)=="function")return document.addEventListener("mousedown",x),()=>document.removeEventListener("mousedown",x)},[c]);const C=p.useCallback(()=>{a===void 0&&d(!1),s&&s()},[s,a]),j=p.useCallback(()=>{const x=!c;a===void 0&&d(x),x?(l&&l(),f("")):s&&s()},[c,l,s,a]),w=p.useCallback(x=>{o===void 0&&g(x),n&&n(x),u&&C()},[n,u,C,o]),S=p.useCallback(x=>{f(x)},[]);return{isOpen:c,selectedIcon:m,searchQuery:h,filteredIcons:k,handleToggle:j,handleIconSelect:w,handleSearchChange:S,handleClose:C,triggerRef:y,dropdownRef:b}},bo={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"}},gf={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"}},hf={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},ff={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"}},oi=({label:e,placeholder:o="Select an icon",helperText:t,views:n={},size:a="md",shape:l="default",variant:s="default",error:u=!1,isDisabled:c=!1,isReadOnly:d=!1,showSearch:m=!0,isOpen:g,selectedIcon:h,searchQuery:f,filteredIcons:y,handleToggle:b,handleIconSelect:k,handleSearchChange:C,triggerRef:j,dropdownRef:w,handleClose:S,onChange:x,value:v,defaultValue:T,onOpen:F,onClose:V,closeOnSelect:E,...I})=>{const{getColor:H}=i.useTheme(),P={...bo.container,...n==null?void 0:n.container},z={...bo.trigger,...gf[a],...hf[l],...ff[s],...u&&{borderColor:"color-red-500"},...c&&{opacity:.6,cursor:"not-allowed"},...!c&&!d&&{_hover:{borderColor:"color-gray-300"}},...n==null?void 0:n.trigger},W={...bo.dropdown,...n==null?void 0:n.dropdown},R={...bo.iconGrid,...n==null?void 0:n.iconGrid};return r.jsxs(i.View,{...P,...I,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:j,onClick:c||d?void 0:b,...z,children:[r.jsx(i.Horizontal,{alignItems:"center",gap:8,width:"100%",children:h?r.jsxs(i.Horizontal,{alignItems:"center",gap:8,width:"100%",children:[r.jsx(Tr,{name:h,widthHeight:16}),r.jsx(i.Text,{color:"color-gray-800",fontSize:"inherit",style:{flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:h})]}):r.jsx(i.Text,{color:"color-gray-500",fontSize:"inherit",children:o})}),!d&&!c&&r.jsx(ce,{widthHeight:16,color:"color-gray-500",orientation:g?"up":"down"})]}),g&&r.jsxs(i.View,{ref:w,...W,children:[m&&r.jsx(i.View,{...bo.searchInput,...n==null?void 0:n.searchInput,children:r.jsx(ve,{placeholder:"Search icons...",value:f,onChange:M=>C(M),size:"sm",autoFocus:!0})}),r.jsx(i.View,{...R,children:y.length>0?y.map(M=>r.jsx(i.View,{...bo.iconItem,onClick:()=>k(M),title:M,_hover:{backgroundColor:"color-gray-50",transform:"scale(1.05)"},backgroundColor:h===M?"#EFF6FF":"transparent",borderWidth:h===M?"1px":"0px",borderStyle:"solid",borderColor:h===M?"#BFDBFE":"transparent",...n==null?void 0:n.iconItem,children:r.jsx(Tr,{name:M,widthHeight:20})},M)):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:u?"color-red-500":"color-gray-600",marginTop:"4px",...n==null?void 0:n.helperText,children:t})]})},yf=e=>{const o=fe(e),t={...e,value:o.value??e.value??e.defaultValue},n=ei(t),a=l=>{n.handleIconSelect(l),o.onChange(l)};return r.jsx(oi,{...n,...t,handleIconSelect:a})},xf=yf,Ge={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"}},bf={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"}},kf={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},Cf={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"}},Sf={recent:"🕒",smileys:"😀",people:"👤",animals:"🐶",food:"🍎",activities:"⚽",travel:"🚗",objects:"💡",symbols:"❤️",flags:"🏁"},jf=[{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"]}],ri=e=>{const{value:o,defaultValue:t="",onChange:n,onEmojiSelect:a,isOpen:l,onOpen:s,onClose:u,closeOnSelect:c=!0,maxRecentEmojis:d=16,showRecentEmojis:m=!0,enabledCategories:g=["recent","smileys","people","animals","food","activities","travel","objects","symbols","flags"],customEmojis:h=[]}=e,[f,y]=p.useState(l??!1),[b,k]=p.useState(o??t),[C,j]=p.useState(""),[w,S]=p.useState("smileys"),[x,v]=p.useState([]),T=p.useRef(null),F=p.useRef(null),V=p.useMemo(()=>[...jf,...h],[h]),E=p.useMemo(()=>{let M=V;if(w!=="recent"?M=M.filter($=>$.category===w):M=x,C){const $=C.toLowerCase();M=M.filter(L=>L.name.toLowerCase().includes($)||L.keywords.some(D=>D.toLowerCase().includes($)))}return M},[V,w,x,C]);p.useEffect(()=>{o!==void 0&&k(o)},[o]),p.useEffect(()=>{l!==void 0&&y(l)},[l]),p.useEffect(()=>{if(m&&typeof localStorage<"u"){const M=localStorage.getItem("emojiPicker-recentEmojis");if(M)try{v(JSON.parse(M))}catch{}}},[m]),p.useEffect(()=>{if(typeof(document==null?void 0:document.addEventListener)!="function")return;const M=$=>{f&&T.current&&F.current&&!T.current.contains($.target)&&!F.current.contains($.target)&&R()};return document.addEventListener("mousedown",M),()=>document.removeEventListener("mousedown",M)},[f]);const I=p.useCallback(M=>{m&&v($=>{const L=$.filter(B=>B.emoji!==M.emoji),D=[M,...L].slice(0,d);return typeof localStorage<"u"&&localStorage.setItem("emojiPicker-recentEmojis",JSON.stringify(D)),D})},[m,d]),H=p.useCallback(()=>{const M=!f;y(M),M?(s==null||s(),j(""),m&&x.length>0?S("recent"):S("smileys")):u==null||u()},[f,s,u,m,x.length]),P=p.useCallback(M=>{k(M.emoji),I(M),n==null||n(M.emoji),a==null||a(M),c&&(y(!1),u==null||u())},[n,a,c,u,I]),z=p.useCallback(M=>{j(M),M&&w==="recent"&&S("smileys")},[w]),W=p.useCallback(M=>{S(M),j("")},[]),R=p.useCallback(()=>{y(!1),u==null||u()},[u]);return{isOpen:f,selectedEmoji:b,recentEmojis:x,searchQuery:C,activeCategory:w,filteredEmojis:E,handleToggle:H,handleEmojiSelect:P,handleSearchChange:z,handleCategoryChange:W,handleClose:R,triggerRef:T,dropdownRef:F}},ti=({id:e,name:o,label:t,placeholder:n="Select an emoji",helperText:a,views:l={},size:s="md",shape:u="default",variant:c="default",error:d=!1,isDisabled:m=!1,isReadOnly:g=!1,showSearch:h=!0,showCategories:f=!0,showRecentEmojis:y=!0,enabledCategories:b=["recent","smileys","people","animals","food","activities","travel","objects","symbols","flags"],isOpen:k,selectedEmoji:C,recentEmojis:j,searchQuery:w,activeCategory:S,filteredEmojis:x,handleToggle:v,handleEmojiSelect:T,handleSearchChange:F,handleCategoryChange:V,handleClose:E,triggerRef:I,dropdownRef:H,onChange:P,onOpen:z,onClose:W,onEmojiSelect:R,customEmojis:M,closeOnSelect:$,maxRecentEmojis:L,value:D,defaultValue:B,..._})=>{const{getColor:N}=i.useTheme(),O={...Ge.container,...l==null?void 0:l.container},Y={...Ge.trigger,...bf[s],...kf[u],...Cf[c],...d&&{borderColor:"color-red-500"},...m&&{opacity:.6,cursor:"not-allowed"},...!m&&!g&&{_hover:{borderColor:"color-gray-300"}},...l==null?void 0:l.trigger},A={...Ge.dropdown,...l==null?void 0:l.dropdown},G={...Ge.categoryTabs,...l==null?void 0:l.categoryTabs},K={...Ge.emojiGrid,...l==null?void 0:l.emojiGrid},Q=b.filter(J=>J==="recent"?y&&j.length>0:!0);return r.jsxs(i.View,{...O,..._,children:[t&&r.jsx(i.Text,{fontSize:s==="xs"?"12px":s==="sm"?"14px":"16px",fontWeight:"500",color:"color-gray-700",marginBottom:"4px",...l==null?void 0:l.label,children:t}),r.jsxs(i.View,{ref:I,onClick:m||g?void 0:v,...Y,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})}),!g&&!m&&r.jsx(ce,{widthHeight:16,color:"color-gray-500",orientation:k?"up":"down"})]}),k&&r.jsxs(i.View,{ref:H,...A,children:[h&&r.jsx(i.View,{...Ge.searchInput,...l==null?void 0:l.searchInput,children:r.jsx(ve,{placeholder:"Search emojis...",value:w,onChange:J=>F(J.target.value),size:"sm"})}),f&&r.jsx(i.View,{...G,children:Q.map(J=>r.jsx(i.View,{...Ge.categoryTab,...S===J&&{borderBottomColor:"theme-primary",color:"theme-primary",backgroundColor:"color-blue-50"},onClick:()=>V(J),title:J.charAt(0).toUpperCase()+J.slice(1),...l==null?void 0:l.categoryTab,children:Sf[J]},J))}),r.jsx(i.View,{...K,children:x.length>0?x.map((J,oe)=>r.jsx(i.View,{...Ge.emoji,onClick:()=>T(J),title:J.name,_hover:{backgroundColor:"color-gray-50",transform:"scale(1.05)"},color:"color-gray-800",...l==null?void 0:l.emoji,children:J.emoji},`${J.emoji}-${oe}`)):r.jsx(i.View,{gridColumn:"1 / -1",padding:"20px",textAlign:"center",color:"color-gray-500",children:r.jsx(i.Text,{fontSize:"14px",children:w?"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})]})},wf=e=>{const o=fe(e),t={...e,value:o.value??e.value??e.defaultValue},n=ri(t),a=l=>{var s;n.handleEmojiSelect(l),o.onChange(l.emoji),(s=e.onEmojiSelect)==null||s.call(e,l)};return r.jsx(ti,{...n,...t,handleEmojiSelect:a})},vf=wf,Tf=({files:e,onRemove:o,maxHeight:t="120px",views:n={}})=>{if(e.length===0)return null;const a=p.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,s)=>{const u=l.url||"",c=l.type.startsWith("image/"),d=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(Se,{children:[r.jsx(Se.Trigger,{children:r.jsxs(i.View,{position:"relative",children:[c&&u&&r.jsx(i.Image,{src:u,alt:l.name,width:"60px",height:"60px",objectFit:"cover",borderRadius:"8px"}),d&&u&&r.jsx(i.View,{as:"video",src:u,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(Ro,{widthHeight:24,color:"color-black"})}),!c&&!d&&!m&&r.jsx(i.Center,{width:"60px",height:"60px",backgroundColor:"color-gray-100",borderRadius:"8px",children:r.jsx(ao,{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:g=>{g.stopPropagation(),o(s)},"aria-label":`Remove ${l.name}`,children:"×"})]})}),r.jsxs(Se.Content,{children:[c&&u&&r.jsx(i.Image,{src:u,alt:l.name,maxWidth:"300px"}),d&&u&&r.jsx(i.View,{as:"video",src:u,controls:!0,maxWidth:"300px"}),m&&u&&r.jsx(i.View,{as:"audio",src:u,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),")"]})]})]})},s)})})},If=e=>{const o=ge("slider",e),t=Gl(o);return r.jsx(Yl,{...o,...t})},ni=If,Ff=({url:e,type:o,name:t,onOpen:n})=>{const a=o.toLowerCase(),l=a.startsWith("image"),s=a.startsWith("video"),u=a.startsWith("audio"),c=()=>{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:c,children:[l&&r.jsx(i.Image,{src:e,alt:t,width:"100%",height:"100%",objectFit:"cover"}),s&&r.jsx(i.View,{as:"video",src:e,controls:!0,width:"100%",height:"100%",style:{objectFit:"cover"},onClick:d=>d.stopPropagation()}),u&&r.jsx(i.View,{as:"audio",controls:!0,src:e,width:"100%",onClick:d=>d.stopPropagation()}),!l&&!s&&!u&&r.jsx(ao,{widthHeight:24,color:"color-gray-600"})]})},Xe=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}))}})),Rf=(e,o={},t={})=>{Xe.getState().show(e,o,t),Xe.getState().onShow(e,o)},cn=e=>{Xe.getState().onHide(e),Xe.getState().hide(typeof e=="string"?e:void 0)},zf={square:{borderRadius:0},rounded:{borderRadius:8}},Mf={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"}},Wf={xs:12,sm:16,md:20,lg:24,xl:28},st={body:{fontSize:"16px",fontWeight:"400",color:"color-gray-700"}},ai=p.memo(({children:e,blur:o,isOpen:t=!1,isClosePrevented:n=!1,onClose:a=()=>{},position:l="center",views:s,...u})=>{const c=p.useCallback(()=>{n||a()},[n,a]);return r.jsx(i.Center,{position:"fixed",top:0,left:0,width:"100%",height:"100%",zIndex:1e3,onClick:c,visibility:t?"visible":"hidden",opacity:t?1:0,transition:"opacity 0.2s ease, visibility 0.2s ease",...s==null?void 0:s.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:c,...Mf[l],...u,...s==null?void 0:s.view,children:e})})}),Pf={boxShadow:"0px 4px 16px rgba(0, 0, 0, 0.15)"},Hf={elevation:5,shadowColor:"rgba(0, 0, 0, 0.15)",shadowOffset:{width:0,height:4},shadowOpacity:1,shadowRadius:16},Vf=p.memo(({children:e,shadow:o,isFullScreen:t=!1,shape:n="rounded",views:a,isOpen:l=!0,position:s,...u})=>{const c=typeof document!==void 0?Pf:Hf,d=p.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: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||c,...zf[n],media:{mobile:{width:"90%",maxWidth:"100%",margin:"16px"}},...u,...a==null?void 0:a.container,children:e})}),Af=p.memo(({children:e,buttonColor:o="theme-primary",iconSize:t="md",buttonPosition:n="right",views:a,onClose:l,...s})=>{const u=l||cn,c=r.jsx(i.View,{onClick:u,children:r.jsx(Te,{widthHeight:Wf[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}},...s,...a==null?void 0:a.header,children:[n==="left"&&c,e,n==="right"&&c]})}),Ef=p.memo(({children:e,views:o,...t})=>r.jsx(i.View,{paddingVertical:16,paddingHorizontal:24,fontSize:st.body.fontSize,fontWeight:st.body.fontWeight,color:st.body.color,media:{mobile:{paddingVertical:12,paddingHorizontal:16,fontSize:"14px"}},...t,...o==null?void 0:o.view,children:e})),Df=p.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})),dn=({modals:e,onShow:o,onHide:t})=>{const n=Xe(a=>a.modals);return p.useEffect(()=>{o&&Xe.getState().setOnShow(o)},[o]),p.useEffect(()=>{t&&Xe.getState().setOnHide(t)},[t]),n.length===0?null:r.jsx(p.Fragment,{children:n.map((a,l)=>{const s=e[a.name];return s?r.jsx(ai,{isOpen:a.props.isVisible,onClose:()=>cn(a.name),blur:5,...a.overlayProps,style:{zIndex:1e3+l},children:r.jsx(s,{...a.props})},l):(console.error(`${a.name} modal doesn't exist`),null)})})},so=({children:e})=>r.jsx(r.Fragment,{children:e});so.Overlay=ai;so.Container=Vf;so.Header=Af;so.Body=Ef;so.Footer=Df;so.Layout=dn;const Zn={xs:"320px",sm:"380px",md:"480px",lg:"640px",xl:"768px",full:"100%"},$f={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"}},un=({isOpen:e,onClose:o,isClosePrevented:t,blur:n,children:a,...l})=>{const s=()=>{t||o()};return p.useEffect(()=>{const u=c=>{c.key==="Escape"&&e&&!t&&o()};return e&&document.addEventListener("keydown",u),()=>{document.removeEventListener("keydown",u)}},[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:s,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})},pn=({placement:e="right",size:o="md",isOpen:t=!1,children:n,...a})=>{const l=m=>{m.stopPropagation()},u=e==="top"||e==="bottom"?{height:o==="full"?"100vh":Zn[o]||o,maxHeight:"100vh"}:{width:o==="full"?"100vw":Zn[o]||o,maxWidth:"100vw"},c=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:c,...$f[e],...u,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})},Lf=({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]})},Bf=({children:e,...o})=>r.jsx(i.Vertical,{padding:24,flex:1,overflowY:"auto",...o,children:e}),_f=({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}),Ke=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}))}})),Of=(e,o={},t={})=>{const n=Ke.getState();n.hide(e),n.show(e,o,t),n.onShow(e,o),queueMicrotask(()=>{Ke.setState(a=>({drawers:a.drawers.map(l=>l.name===e?{...l,props:{...l.props,isOpen:!0}}:l)}))})},li=e=>{Ke.getState().onHide(e),Ke.getState().hide(typeof e=="string"?e:void 0)},Nf=({drawers:e,onShow:o,onHide:t})=>{const n=Ke(a=>a.drawers);return p.useEffect(()=>{o&&Ke.getState().setOnShow(o)},[o]),p.useEffect(()=>{t&&Ke.getState().setOnHide(t)},[t]),n.length===0?null:r.jsx(p.Fragment,{children:n.map((a,l)=>{var f;const s=e[a.name];if(!s)return console.error(`${a.name} drawer doesn't exist`),null;const{placement:u,size:c,isClosePrevented:d,blur:m,containerProps:g,...h}=a.props||{};return r.jsx(un,{isOpen:a.props.isOpen,onClose:()=>li(a.name),isClosePrevented:d,blur:m,...a.overlayProps,style:{zIndex:1e3+l,...((f=a.overlayProps)==null?void 0:f.style)||{}},children:r.jsx(pn,{placement:u,size:c,isOpen:a.props.isOpen,...g||{},children:r.jsx(p.Suspense,{fallback:null,children:r.jsx(s,{...h})})})},l)})})},qf=({isOpen:e,onClose:o,placement:t="right",size:n="md",isClosePrevented:a,children:l,...s})=>r.jsx(un,{isOpen:e,onClose:o,isClosePrevented:a,...s,children:r.jsx(pn,{placement:t,size:n,isOpen:e,children:l})}),co=qf;co.Overlay=un;co.Container=pn;co.Header=Lf;co.Body=Bf;co.Footer=_f;co.Layout=Nf;const ii=({behavior:e,keyboardVerticalOffset:o,dismissOnTap:t,enabled:n,children:a,...l})=>r.jsx(i.View,{flex:1,width:"100%",...l,children:a}),Uf=({header:e,footer:o,children:t,isLoading:n=!1,safe:a=!0,scrollable:l=!0,dismissKeyboardOnTap:s=!0,keyboardVerticalOffset:u=0,views:c={},backgroundColor:d="color-white",...m})=>{const g=a?i.SafeArea:i.View,h=i.isBrowser()?{}:{keyboardShouldPersistTaps:"handled",showsVerticalScrollIndicator:!1,contentContainerStyle:{flexGrow:1}},f=n?r.jsx(i.Center,{flex:1,width:"100%",...c.content,children:r.jsx(Je,{})}):l?r.jsx(i.Scroll,{flex:1,width:"100%",...h,...c.content,children:t}):r.jsx(i.View,{flex:1,width:"100%",...c.content,children:t});return r.jsxs(g,{flex:1,height:"100%",width:"100%",flexDirection:"column",backgroundColor:d,...m,...c.container,children:[e!=null&&r.jsx(i.View,{width:"100%",flexShrink:0,...c.header,children:e}),r.jsxs(ii,{flexDirection:"column",dismissOnTap:s,keyboardVerticalOffset:u,children:[f,o!=null&&r.jsx(i.View,{width:"100%",flexShrink:0,...c.footer,children:o})]})]})},qr=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})})),Gf=(e=!0)=>qr.getState().setLoaded(e),Yf=(e=!0)=>qr.getState().setStarted(e),Xf=({logo:e,logoSrc:o,loader:t,showLoader:n=!0,duration:a=600,isLoaded:l,onHidden:s,backgroundColor:u="color-white",children:c,...d})=>{const m=qr(w=>w.loaded),g=l!==void 0?l:m,[h,f]=p.useState(!0),[y,b]=p.useState(!1);if(p.useEffect(()=>{if(!g||y)return;b(!0);const w=setTimeout(()=>{f(!1),s==null||s()},a);return()=>clearTimeout(w)},[g,y,a,s]),!h)return null;const k=i.isBrowser()?"fixed":"absolute",C=y?i.Animation.fadeOut({duration:`${a}ms`}):void 0,j=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:u,animate:C,...d,children:[r.jsxs(i.Vertical,{alignItems:"center",gap:24,children:[j,n&&(t??r.jsx(Je,{}))]}),c]})},Ee=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})})),Kf=(e,o)=>Ee.getState().push(e,o),Jf=()=>Ee.getState().back(),mn=()=>{const e=Ee(c=>c.stack),o=Ee(c=>c.index),t=Ee(c=>c.push),n=Ee(c=>c.replace),a=Ee(c=>c.back),l=Ee(c=>c.go),s=Ee(c=>c.reset),u=e[o]||{path:"/",params:{}};return{path:u.path,params:u.params,stack:e,index:o,canGoBack:o>0,push:t,replace:n,back:a,go:l,reset:s,navigate:t}},si=(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 s=t[l];if(s.startsWith(":"))a[s.slice(1)]=decodeURIComponent(n[l]);else if(s!==n[l])return null}return a},Qf=e=>Array.isArray(e)?e:Object.entries(e).map(([o,t])=>({path:o,component:t})),Zf=({routes:e,notFound:o})=>{const{path:t,params:n}=mn();for(const a of Qf(e)){const l=si(a.path,t);if(l){const s=a.component;return r.jsx(s,{...n,...l})}}return o?r.jsx(o,{}):null},ey=({routes:e,notFound:o,initialPath:t,syncBrowserHistory:n=!1})=>{const{path:a,push:l,back:s,reset:u}=mn(),c=p.useRef(!1);return i.useMount(()=>{t&&u(t)}),p.useEffect(()=>{if(!(!n||typeof window>"u")){if(c.current){c.current=!1;return}try{window.history.pushState({path:a},"",a)}catch{}}},[a,n]),p.useEffect(()=>{if(!n||typeof window>"u")return;const d=()=>{c.current=!0,s()||(c.current=!1)};return window.addEventListener("popstate",d),()=>window.removeEventListener("popstate",d)},[n,s,l]),r.jsx(Zf,{routes:e,notFound:o})},oy=(e=null,o=[])=>{const[t,n]=p.useState(e),[a,l]=p.useState(o),s=p.useRef({});return{activeItemId:t,setActiveItemId:n,expandedItemIds:a,toggleExpandedItem:d=>{l(m=>m.includes(d)?m.filter(h=>h!==d):[...m,d])},isItemExpanded:d=>a.includes(d),triggerRefs:s}},jt={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"}}}},wt={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"}},ci={horizontal:{flexDirection:"row",gap:"8px",media:{mobile:{flexDirection:"column",gap:"4px"}}},vertical:{flexDirection:"column",gap:"4px"}},vo={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"}},di=p.createContext({activeItemId:null,setActiveItemId:()=>{},expandedItemIds:[],toggleExpandedItem:()=>{},isItemExpanded:()=>!1,orientation:"vertical",size:"md",variant:"default",triggerRefs:{current:{}}}),ry=({children:e,value:o})=>r.jsx(di.Provider,{value:o,children:e}),lr=()=>{const e=p.useContext(di);if(!e)throw new Error("useNavigationMenuContext must be used within a NavigationMenuProvider");return e},gn=({children:e,views:o})=>{const{orientation:t}=lr(),n=t==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(n,{width:"100%",...ci[t],transition:"background-color 0.2s ease, border-color 0.2s ease",borderRadius:"8px",...o==null?void 0:o.container,children:e})},ui=p.createContext({itemValue:null,isDisabled:!1}),ty=()=>{const e=p.useContext(ui);if(!e)throw new Error("useNavigationMenuItemContext must be used within a NavigationMenuItem");return e},hn=({item:e,value:o,isDisabled:t=!1,children:n,views:a})=>{var C;const{activeItemId:l,setActiveItemId:s,orientation:u,size:c,variant:d,onItemActivate:m}=lr(),g=(e==null?void 0:e.id)||o,h=l===g,f=(e==null?void 0:e.items)&&e.items.length>0,y=(e==null?void 0:e.disabled)||t,b=()=>{y||g&&(s(g),m&&m(g))},k=u==="horizontal"?i.Horizontal:i.Vertical;return n?r.jsx(ui.Provider,{value:{itemValue:g||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",...jt[c],...wt[d],...h?vo.active:{},_hover:y?{}:vo.hover,...a==null?void 0:a.item,children:n})}):f&&e?r.jsxs(k,{width:"100%",flexDirection:"column",position:"relative",...a==null?void 0:a.item,children:[r.jsxs(pi,{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(mi,{itemId:e.id,children:r.jsx(gn,{children:(C=e.items)==null?void 0:C.map(j=>r.jsx(hn,{item:j},j.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",...jt[c],...wt[d],...h?vo.active:{},_hover:e.disabled?{}:vo.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},pi=({children:e,itemId:o,disabled:t,views:n})=>{const{activeItemId:a,toggleExpandedItem:l,isItemExpanded:s,size:u,variant:c,triggerRefs:d}=lr(),m=p.useRef(null),g=a===o,h=s(o);p.useEffect(()=>(m.current&&o&&(d.current[o]=m.current),()=>{o&&delete d.current[o]}),[o,d]);const f=y=>{y.preventDefault(),!t&&l(o)};return r.jsxs(i.View,{ref:m,onClick:f,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",...jt[u],...wt[c],...g?vo.active:{},_hover:t?{}:vo.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:h?"rotate(180deg)":"rotate(0deg)",...n==null?void 0:n.indicator,children:r.jsx(ce,{orientation:"down",widthHeight:16,color:"currentColor",filled:!0})})]})},mi=({children:e,itemId:o,views:t})=>{const{isItemExpanded:n,orientation:a,triggerRefs:l}=lr(),s=p.useRef(null),[u,c]=p.useState({x:0,y:0,placement:a==="horizontal"?"bottom":"right"}),d=n(o);if(p.useEffect(()=>{if(d&&s.current&&o&&l.current[o]&&a==="horizontal"){const g=s.current.getBoundingClientRect(),h=l.current[o].getBoundingClientRect(),f=Math.max(g.width||200,200),y=Math.max(g.height||150,150),b=window.innerWidth,k=window.innerHeight,C={top:h.top,right:b-h.right,bottom:k-h.bottom,left:h.left},j=a==="horizontal"?[{placement:"bottom",space:C.bottom,fits:C.bottom>=y+8,x:h.left,y:h.bottom+8},{placement:"top",space:C.top,fits:C.top>=y+8,x:h.left,y:h.top-y-8},{placement:"right",space:C.right,fits:C.right>=f+8,x:h.right+8,y:h.top},{placement:"left",space:C.left,fits:C.left>=f+8,x:h.left-f-8,y:h.top}]:[{placement:"right",space:C.right,fits:C.right>=f+8,x:h.right+8,y:h.top},{placement:"left",space:C.left,fits:C.left>=f+8,x:h.left-f-8,y:h.top},{placement:"bottom",space:C.bottom,fits:C.bottom>=y+8,x:h.left,y:h.bottom+8},{placement:"top",space:C.top,fits:C.top>=y+8,x:h.left,y:h.top-y-8}],w=j.find(T=>T.fits);if(w){c({x:w.x,y:w.y,placement:w.placement});return}const S=j.reduce((T,F)=>F.space>T.space?F:T);let x=S.x,v=S.y;x+f>b&&(x=b-f-8),x<8&&(x=8),v+y>k&&(v=k-y-8),v<8&&(v=8),c({x,y:v,placement:S.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 m={position:"fixed",left:u.x,top:u.y,zIndex:1e3};return r.jsx(i.View,{ref:s,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})},ny=({href:e,children:o,views:t,underline:n,isExternal:a,iconSize:l,...s})=>{const{itemValue:u,isDisabled:c}=ty(),{activeItemId:d,setActiveItemId:m,onItemActivate:g}=lr(),h=d===u,f=y=>{if(c){y.preventDefault();return}u&&(m(u),g&&g(u)),s.onClick&&s.onClick(y)};return r.jsx(i.View,{as:"a",href:c?void 0:e,onClick:f,cursor:c?"not-allowed":"pointer",opacity:c?.5:1,width:"100%",display:"flex",alignItems:"center","aria-current":h?"page":void 0,"aria-disabled":c,"data-active":h?"":void 0,"data-disabled":c?"":void 0,...h?{fontWeight:"bold"}:{},...t==null?void 0:t.container,...s,children:o})},ay=({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%",...ci[o],...t==null?void 0:t.container,children:r.jsx(gn,{views:t,children:e.map(l=>r.jsx(hn,{item:l,views:t},l.id))})})},ly=e=>{const o=ge("navigation",e),{items:t,children:n,orientation:a="vertical",size:l="md",variant:s="default",defaultActiveItemId:u=null,defaultExpandedItemIds:c=[],onItemActivate:d,views:m,...g}=o,{activeItemId:h,setActiveItemId:f,expandedItemIds:y,toggleExpandedItem:b,isItemExpanded:k,triggerRefs:C}=oy(u,c);return r.jsx(ry,{value:{activeItemId:h,setActiveItemId:f,expandedItemIds:y,toggleExpandedItem:b,isItemExpanded:k,orientation:a,size:l,variant:s,onItemActivate:d,triggerRefs:C},children:t?r.jsx(ay,{items:t,orientation:a,size:l,variant:s,views:m,...g}):n})},uo=ly;uo.List=gn;uo.Item=hn;uo.Trigger=pi;uo.Content=mi;uo.Link=ny;const gi={},hi=p.createContext({views:gi,onRowClick:()=>{}}),iy=({children:e,views:o=gi,onRowClick:t})=>r.jsx(hi.Provider,{value:{views:o,onRowClick:t},children:e}),eo=()=>p.useContext(hi),he={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"}}}};({...he.th},{...he.td});({...he.tr});({...he.td},{...he.th});({...he.table},{...he.th}),{...he.td},{...he.tr},{...he.tfoot},{...he.caption};const sy=({children:e})=>r.jsx(i.View,{width:"100%",style:{overflowX:"auto"},children:e}),fi=e=>{const{views:o}=eo();return r.jsx(i.Element,{as:"table",...he.table,...o==null?void 0:o.table,...e,style:{borderCollapse:"collapse",...e.style||{}}})},yi=e=>{const{views:o}=eo();return r.jsx(i.Element,{as:"thead",textAlign:"left",...he.thead,...o==null?void 0:o.thead,...e})},xi=e=>{const{views:o}=eo();return r.jsx(i.Element,{as:"th",whiteSpace:"nowrap",...he.th,...o==null?void 0:o.th,...e})},kr=e=>{const{views:o,onRowClick:t}=eo();return r.jsx(i.Element,{as:"tr",...he.tr,...o==null?void 0:o.tr,onClick:t,...e})},vt=({isFirstColumn:e,...o})=>{const{views:t}=eo();return r.jsx(i.Element,{as:"td",whiteSpace:"nowrap",fontWeight:e?"500":"400",...he.td,...t==null?void 0:t.td,...o})},bi=e=>{const{views:o}=eo();return r.jsx(i.Element,{as:"tbody",...he.tbody,...o==null?void 0:o.tbody,...e})},ki=e=>{const{views:o}=eo();return r.jsx(i.Element,{as:"tfoot",...he.tfoot,...o==null?void 0:o.tfoot,...e})},Ci=e=>{const{views:o}=eo();return r.jsx(i.Element,{as:"caption",...he.caption,...o==null?void 0:o.caption,...e})},cy=({data:e,columns:o,footer:t,caption:n,themeMode:a})=>{const l=Math.max(o.length*140,320);return r.jsx(sy,{children:r.jsxs(fi,{role:"Table",minWidth:l,children:[n&&r.jsx(Ci,{children:n}),r.jsx(yi,{children:r.jsx(kr,{children:o.map(s=>r.jsx(xi,{children:s.title},s.field))})}),r.jsx(bi,{children:e.map((s,u)=>r.jsx(kr,{children:o.map((c,d)=>r.jsx(vt,{isFirstColumn:d===0,children:s[c.field]},c.field))},u))}),t&&r.jsx(ki,{children:r.jsx(kr,{children:t.map((s,u)=>r.jsx(vt,{...s.props,children:s.value},u))})})]})})},Fe=({children:e,views:o,onClick:t})=>{const n=ge("table",{views:o,onClick:t});return r.jsx(iy,{views:n.views,onRowClick:n.onClick,children:e})};Fe.Head=yi;Fe.HeadCell=xi;Fe.Body=bi;Fe.Row=kr;Fe.Cell=vt;Fe.Footer=ki;Fe.Caption=Ci;Fe.Container=fi;Fe.Template=cy;const dy=(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(m=>n(m)===o);if(d)return d}return e[0]}},[l,s]=p.useState(a()),u=t!==void 0?e.find(d=>n(d)===t):l,c=d=>{t===void 0&&s(d)};return p.useEffect(()=>{if(t!==void 0)return;const d=a(),m=l&&e.some(g=>n(g)===n(l));d&&(!m||o!==void 0&&l&&n(l)!==o)?s(d):!d&&l&&s(void 0)},[e,o]),{activeTab:u,setActiveTab:c}},uy=(e,o,t)=>{const[n,a]=p.useState(e||null);return{activeValue:o!==void 0?o:n,setActiveValue:u=>{o===void 0&&a(u),t&&t(u)}}},py=p.memo(({tab:e,isActive:o,onClick:t,iconPosition:n="left",tabStyles:a,textStyles:l})=>{const s=()=>{switch(n){case"top":return"column";case"bottom":return"column-reverse";case"right":return"row-reverse";case"left":default:return"row"}},u=()=>["top","bottom"].includes(n)?"4px":"8px",c=e.icon&&p.isValidElement(e.icon)?p.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:s(),gap:u(),onClick:t,"data-state":o?"active":"inactive",children:[c&&r.jsx(i.Element,{children:c},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})]})]})}),fn=(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}}},my=({tabs:e=[],activeTab:o,handleTabClick:t,views:n={},renderTab:a,renderContent:l,variant:s="underline",iconPosition:u="left"})=>{const{themeMode:c}=i.useTheme(),d=fn(s,c);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(m=>{const g=(m.value!==void 0?m.value:m.title)===(o.value!==void 0?o.value:o.title),h=()=>t(m);return a?a(m,g,h):r.jsx(py,{tab:m,isActive:g,onClick:h,iconPosition:u,tabStyles:{...d.tab,...n.tab,...g?d.activeTab:{},...g?n.activeTab:{}},textStyles:{...d.text,...n.title,...g?d.activeText:{},...g?n.activeText:{}}},m.title)})}),r.jsx(i.View,{height:"100%",...d.content,...n.content,children:l?l(o):o.content})]}):null},Si=p.createContext(null),yn=()=>{const e=p.useContext(Si);if(!e)throw new Error("useTabsContext must be used within a Tabs component");return e},gy=p.memo(({children:e,views:o})=>{var u;const{themeMode:t}=i.useTheme(),{variant:n="underline"}=yn(),a=fn(n,t),l=Ho("tabs"),s=De({container:(u=l.views)==null?void 0:u.headerTabs},o);return r.jsx(i.Horizontal,{alignItems:"center",...a.header,...s==null?void 0:s.container,children:e})}),hy=p.memo(({value:e,children:o,disabled:t=!1,views:n})=>{var f,y;const{themeMode:a}=i.useTheme(),{activeValue:l,setActiveValue:s,variant:u="underline"}=yn(),c=l===e,d=fn(u,a),m=Ho("tabs"),g=De({trigger:(f=m.views)==null?void 0:f.tab,activeState:(y=m.views)==null?void 0:y.activeTab},n),h=p.useCallback(()=>{t||s(e)},[t,e,s]);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,...c?d.activeTab:{},_hover:t?{}:u==="underline"?{color:"theme-primary"}:{opacity:.9},onClick:h,...g==null?void 0:g.trigger,...c?g==null?void 0:g.activeState:{},children:r.jsx(i.View,{...d.text,...c?d.activeText:{},children:o})})}),fy=p.memo(({value:e,children:o,views:t})=>{const{activeValue:n}=yn();return n!==e?null:r.jsx(i.View,{width:"100%",padding:"24px",...t==null?void 0:t.content,children:o})}),yy=e=>{const o=ge("tabs",e),{tabs:t,views:n,defaultValue:a,onTabChange:l,renderTab:s,renderContent:u,variant:c="underline",iconPosition:d="left",value:m,onValueChange:g,children:h}=o,f=uy(a,m,g),y=dy(t||[],a,m);if(h)return r.jsx(Si.Provider,{value:{...f,variant:c},children:h});if(t){const b=k=>{const C=j=>j.value!==void 0?j.value:j.title;(!y.activeTab||C(y.activeTab)!==C(k))&&(y.setActiveTab(k),l&&l(k))};return r.jsx(my,{tabs:t,views:n,activeTab:y.activeTab,handleTabClick:b,renderTab:s,renderContent:u,variant:c,iconPosition:d})}return null},xy=p.memo(yy),zo=xy;zo.List=gy;zo.Trigger=hy;zo.Content=fy;const by=e=>{const{children:o,_isInView:t=!1,alternateHighlightText:n=[],alternateAnimation:a=!1,alternateDuration:l=3e3,highlightText:s,highlightTypewriter:u=!1,highlightSlide:c=!1,highlightSlideDuration:d=500,highlightSlideStagger:m=50,highlightSlideSequential:g=!0}=e,[h,f]=p.useState(o),[y,b]=p.useState(s);return p.useEffect(()=>{if(!a||n.length===0||!t||typeof o!="string"||typeof s!="string")return f(o),b(s),()=>{};const k=o,C=s;let j=0;const w=x=>{const v=n[x],T=C.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),F=new RegExp(T,"gi"),V=k.replace(F,v);f(V),b(v)};w(j);const S=setInterval(()=>{j=(j+1)%n.length,w(j)},l);return()=>clearInterval(S)},[a,n,l,s,o,t]),{finalDisplayedText:h,activeHighlightTarget:y,highlightTypewriter:u,highlightSlide:c,highlightSlideDuration:d,highlightSlideStagger:m,highlightSlideSequential:g}},ky={xs:24,sm:32,md:48,lg:96,xl:110},Cy={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}}}},Sy={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:()=>({})},jy=({text:e,typingSpeed:o=50,pauseTime:t=500,onComplete:n,showCursor:a=!0,cursorColor:l="currentColor",textStyle:s,textComponent:u,as:c,...d})=>{const m=u||i.Text,g=Array.isArray(e)?e:[e],[h,f]=p.useState(g.map(()=>"")),[y,b]=p.useState(!1),[k,C]=p.useState(0),[j,w]=p.useState(0);p.useEffect(()=>{f(g.map(()=>"")),b(!1),C(0),w(0)},[e]),p.useEffect(()=>{if(y){n&&n();return}const x=g[k];if(j>=x.length){if(k>=g.length-1){b(!0);return}const T=setTimeout(()=>{C(F=>F+1),w(0)},t);return()=>clearTimeout(T)}const v=setTimeout(()=>{f(T=>{const F=[...T];return F[k]=x.substring(0,j+1),F}),w(T=>T+1)},o);return()=>clearTimeout(v)},[g,k,j,y,n,t,o]);const S=x=>{if(!x||typeof x!="string")return x;const v=x.split("|");return v.length===1?x:v.map((T,F)=>r.jsxs(p.Fragment,{children:[T,F<v.length-1&&r.jsx("br",{})]},F))};return r.jsx(r.Fragment,{children:h.map((x,v)=>r.jsxs(p.Fragment,{children:[S(x),a&&v===k&&!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",...s})]},v))})},wy=({text:e,duration:o=500,direction:t="up",stagger:n=50,sequential:a=!1,textStyle:l,as:s,wordProps:u,textComponent:c,...d})=>{const[m,g]=p.useState(e),[h,f]=p.useState("entering"),[y,b]=p.useState(0),k=c||i.Text,C=p.useRef(null),j=p.useRef(null);p.useEffect(()=>{e===m&&h==="visible"||e!==m&&(h==="entering"||h==="visible"?(C.current=e,f("exiting")):h==="exiting"&&(C.current=e))},[e,m,h]);const{lines:w,totalWordCount:S}=p.useMemo(()=>{const R=m.split("|").map($=>$.trim().split(/\s+/).filter(L=>L.length>0)),M=R.reduce(($,L)=>$+L.length,0);return{lines:R,totalWordCount:M}},[m]),x=p.useMemo(()=>a?S*(o+n):(S-1)*n+o,[S,o,n,a]),v=p.useMemo(()=>a?S*(o+n):(S-1)*n+o,[S,o,n,a]);p.useEffect(()=>(j.current&&clearTimeout(j.current),h==="entering"?j.current=setTimeout(()=>{f("visible")},x+50):h==="exiting"&&(j.current=setTimeout(()=>{C.current!==null&&(g(C.current),C.current=null),b(W=>W+1),f("entering")},v+50)),()=>{j.current&&clearTimeout(j.current)}),[h,x,v]);const{style:T,...F}=u||{},V=t==="up",E=W=>a?W*(o+n):W*n,I=p.useMemo(()=>({display:"inline-block",position:"relative",verticalAlign:"bottom",whiteSpace:"nowrap",...l}),[l]),H=p.useMemo(()=>({display:"inline-flex",flexDirection:"column",alignItems:"center"}),[]),P=p.useMemo(()=>({display:"block",whiteSpace:"nowrap"}),[]);let z=0;return r.jsx(i.Element,{as:"span",style:I,...d,children:r.jsx("span",{style:H,children:w.map((W,R)=>r.jsx("span",{style:P,children:W.map((M,$)=>{const L=z++,D=E(L),B=$===W.length-1;let _;const N=`${o}ms`,O=`${D}ms`;h==="entering"?_=V?i.Animation.slideInUp({duration:N,delay:O,timingFunction:"ease-out",fillMode:"both"}):i.Animation.slideInDown({duration:N,delay:O,timingFunction:"ease-out",fillMode:"both"}):h==="exiting"&&(_=V?{from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(-100%)",opacity:0},duration:N,delay:O,timingFunction:"ease-in",fillMode:"both"}:{from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(100%)",opacity:0},duration:N,delay:O,timingFunction:"ease-in",fillMode:"both"});const Y={...T,display:"inline-block",marginRight:B?0:"0.25em",transform:h==="visible"?"translateY(0)":void 0,opacity:h==="visible"?1:void 0};return r.jsx(k,{as:"span",animate:_,...F,...Y,children:M},`${y}-${R}-${$}`)})},`line-${R}`))})})};function ea(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}const ct=e=>{if(!e||typeof e!="string")return e;const o=e.split("|");return o.length===1?e:o.map((t,n)=>r.jsxs(p.Fragment,{children:[t,n<o.length-1&&r.jsx("br",{})]},n))},vy=({children:e,highlightText:o,highlightStyle:t="solid",highlightColor:n="theme-primary",highlightSecondaryColor:a,size:l="lg",views:s,highlightAnimate:u,animate:c,animationLoop:d=1,highlightAnimationLoop:m=1,highlightTypewriter:g=!1,highlightTypewriterDuration:h=3e3,highlightSlide:f=!1,highlightSlideDuration:y=500,highlightSlideStagger:b=50,highlightSlideSequential:k=!0,themeMode:C,responsive:j,alternateHighlightText:w,alternateAnimation:S,alternateDuration:x,_isInView:v,...T})=>{const{ref:F,inView:V}=i.useInView(),{finalDisplayedText:E,activeHighlightTarget:I,highlightTypewriter:H,highlightSlide:P,highlightSlideDuration:z,highlightSlideStagger:W,highlightSlideSequential:R}=by({children:e,highlightText:o,_isInView:V,highlightTypewriter:g,highlightSlide:f,highlightSlideDuration:y,highlightSlideStagger:b,highlightSlideSequential:k,alternateHighlightText:w,alternateAnimation:S,alternateDuration:x,...T}),M=ky[l],$={fontFamily:"Mulish, Inter, Geist, system-ui, sans-serif",fontWeight:l==="xl"?700:600,letterSpacing:l==="xl"?"-1.5px":"-0.01em"},L=Sy[t](n,a),D=(A,G)=>A&&(Array.isArray(A)?A.map(K=>({...K,iterationCount:G.toString()})):{...A,iterationCount:G.toString()}),B=D(c,d),_=D(u,m),N=typeof E=="string"?E:typeof e=="string"?e:"",O={ref:F,animate:V?B:void 0,as:"h1",fontSize:M,...j?Cy[l]:{},...$},Y=A=>!V&&(H||P)?r.jsx("span",{style:{opacity:0},children:A}):H?r.jsx(jy,{text:A,typingSpeed:Math.max(30,h/(A.length*10)),cursorColor:"currentColor",...L}):P?r.jsx(wy,{text:A,duration:z,stagger:W,sequential:R,direction:"up",wordProps:L}):ct(A);if(typeof N=="string"&&I){const A=Array.isArray(I)?new RegExp(`(${I.map(J=>ea(String(J))).join("|")})`,"gi"):new RegExp(`(${ea(String(I))})`,"gi"),G=[];let K=0,Q;for(;Q=A.exec(N);)Q.index>K&&G.push(N.substring(K,Q.index)),G.push({highlight:!0,text:Q[0]}),K=Q.index+Q[0].length;return K<N.length&&G.push(N.substring(K)),r.jsx(i.Element,{...O,...s==null?void 0:s.container,...T,children:G.map((J,oe)=>typeof J=="string"?r.jsx(i.Text,{as:"span",display:"inline",...s==null?void 0:s.text,children:ct(J)},`text-${oe}`):r.jsx(i.Text,{as:"span",display:"inline",animate:V?_:void 0,...P?{}:L,...s==null?void 0:s.highlight,children:Y(J.text)},`highlight-${oe}`))})}return t&&!I?r.jsx(i.Element,{...O,...T,...s==null?void 0:s.container,children:r.jsx(i.Text,{as:"span",display:"inline",animate:V?_:void 0,...P?{}:L,...s==null?void 0:s.highlight,children:Y(N)})}):r.jsx(i.Text,{...O,...T,...s==null?void 0:s.container,...s==null?void 0:s.text,children:ct(N)})},Ty=e=>r.jsx(vy,{...e}),ji=Ty,Iy=({items:e,shape:o,variant:t,onToggleChange:n})=>{const{activeToggles:a,setActiveToggles:l}=Ql();return r.jsx(Zl,{items:e,shape:o,variant:t,activeToggles:a,setActiveToggles:l,onToggleChange:n})},wi=Iy,Fy=({items:e,onChange:o})=>{const[t,n]=p.useState(e),[a,l]=p.useState(null),[s,u]=p.useState(null),c=p.useRef({x:0,y:0}),d=p.useRef([]),m=p.useCallback((f,y)=>{f.preventDefault(),document.body.style.cursor="grabbing";const b="touches"in f?f.touches[0].clientX:f.clientX,k="touches"in f?f.touches[0].clientY:f.clientY;c.current={x:b,y:k},u(y),l(t[y])},[t]),g=p.useCallback(f=>{if(s===null)return;const y="touches"in f?f.touches[0].clientX:f.clientX,b="touches"in f?f.touches[0].clientY:f.clientY,k=d.current[s];if(!k)return;const C=y-c.current.x,j=b-c.current.y;k.style.transform=`translate(${C}px, ${j}px)`,k.style.zIndex="1000";const w=d.current.findIndex((S,x)=>{if(!S||x===s)return!1;const v=S.getBoundingClientRect();return b>=v.top&&b<=v.bottom});if(w!==-1&&w!==s){const S=[...t],[x]=S.splice(s,1);S.splice(w,0,x),n(S),u(w),o==null||o(S),c.current={x:y,y:b}}},[s,t,o]),h=p.useCallback(()=>{document.body.style.cursor="",d.current.forEach(f=>{f&&(f.style.transform="",f.style.zIndex="")}),u(null),l(null)},[s]);return p.useEffect(()=>{if(typeof(window==null?void 0:window.addEventListener)=="function")return s!==null&&(window.addEventListener("mousemove",g),window.addEventListener("touchmove",g),window.addEventListener("mouseup",h),window.addEventListener("touchend",h)),()=>{window.removeEventListener("mousemove",g),window.removeEventListener("touchmove",g),window.removeEventListener("mouseup",h),window.removeEventListener("touchend",h)}},[s,g,h]),{items:t,draggedItem:a,draggedIndex:s,itemRefs:d,handleDragStart:m}},Ry=({items:e,renderItem:o,containerProps:t,itemProps:n,draggedIndex:a,itemRefs:l,handleDragStart:s,views:u,themeMode:c})=>r.jsx(i.View,{overflow:"hidden",position:"relative",...t,...u==null?void 0:u.container,children:e.map((d,m)=>r.jsx(i.View,{ref:g=>{l.current[m]=g},onMouseDown:g=>s(g,m),onTouchStart:g=>s(g,m),position:"relative",cursor:"grab",transition:"transform 0.2s",...n,...u==null?void 0:u.item,children:o?o(d,m):d},m))}),vi=e=>{const{items:o,draggedIndex:t,itemRefs:n,handleDragStart:a}=Fy(e);return r.jsx(Ry,{...e,items:o,draggedIndex:t,itemRefs:n,handleDragStart:a})},zy=vi,My=({onFileSelect:e,onMultipleFileSelect:o,validateFile:t,accept:n,multiple:a,disabled:l,previewUrl:s})=>{const[u,c]=p.useState(!1),[d,m]=p.useState(null),g=p.useRef(null),h=s!==void 0?s:d;p.useEffect(()=>()=>{d&&URL.revokeObjectURL(d)},[d]);const f=p.useCallback(S=>{S.preventDefault(),S.stopPropagation(),!l&&c(!0)},[l]),y=p.useCallback(S=>{S.preventDefault(),S.stopPropagation(),!l&&c(!1)},[l]),b=p.useCallback(S=>{S.preventDefault(),S.stopPropagation(),!l&&c(!0)},[l]),k=p.useCallback(S=>{if(!S||S.length===0)return;const x=Array.from(S);if(!a&&x.length>0){const v=x[0];if(v.type.startsWith("image/")){const T=URL.createObjectURL(v);m(F=>(F&&URL.revokeObjectURL(F),T))}else m(null)}a?o&&o(x):x.length>0&&e&&e(x[0])},[a,o,e]),C=p.useCallback(S=>{S.preventDefault(),S.stopPropagation(),c(!1),!l&&S.dataTransfer.files&&S.dataTransfer.files.length>0&&(k(S.dataTransfer.files),S.dataTransfer.clearData())},[l,k]),j=p.useCallback(()=>{var S;l||(S=g.current)==null||S.click()},[l]),w=p.useCallback(S=>{k(S.target.files),S.target.value&&(S.target.value="")},[k]);return{isDragActive:u,handleDragEnter:f,handleDragLeave:y,handleDragOver:b,handleDrop:C,handleClick:j,handleFileChange:w,inputRef:g,preview:h}},Wy={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)"}},Ti=({files:e,sandboxId:o,onRemove:t,layout:n="inline",maxHeight:a="120px",showPreviews:l=!1,views:s={}})=>{if(e.length===0)return null;const u=p.useCallback(d=>d<1024?`${d} B`:d<1024*1024?`${(d/1024).toFixed(1)} KB`:`${(d/(1024*1024)).toFixed(1)} MB`,[]),c=p.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",...s==null?void 0:s.container,children:e.map((d,m)=>{const g=typeof URL<"u"&&typeof URL.createObjectURL=="function"&&typeof Blob<"u"&&d instanceof Blob,h=(d==null?void 0:d.path)||(d==null?void 0:d.url)||(l&&g?URL.createObjectURL(d):""),f=d.type.startsWith("image/"),y=d.type.startsWith("video/"),b=d.type.startsWith("audio/"),k=c(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,...s==null?void 0:s.item,children:l&&r.jsxs(Se,{children:[r.jsxs(Se.Trigger,{children:[f&&r.jsx(i.Image,{src:h,alt:d.name,width:"60px",height:"60px",borderRadius:"8px",objectFit:"cover"}),y&&r.jsx(i.View,{as:"video",src:h,alt:d.name,controls:!1,muted:!0,width:"60px",height:"60px",borderRadius:"8px",objectFit:"cover"}),b&&r.jsx(i.Center,{width:"60px",height:"60px",borderRadius:"8px",backgroundColor:"color-gray-100",children:r.jsx(Ro,{widthHeight:24,color:"color-black"})}),!f&&!y&&!b&&r.jsx(i.Center,{width:"60px",height:"60px",borderRadius:"8px",backgroundColor:"color-gray-100",children:r.jsx(ao,{widthHeight:24,color:"color-black"})}),t&&r.jsx(i.Button,{...Wy,onClick:C=>{C.stopPropagation(),t(m)},"aria-label":`Remove ${d.name}`,children:"×"})]}),r.jsxs(Se.Content,{children:[f&&r.jsx(i.Image,{src:h,alt:d.name,maxWidth:"100%"}),y&&r.jsx(i.View,{as:"video",src:h,controls:!0,maxWidth:"100%"}),b&&r.jsx(i.View,{as:"audio",src:h,controls:!0,width:"100%"}),r.jsxs(i.Text,{marginTop:"4px",maxLines:1,width:"100%",...s==null?void 0:s.name,children:[d.name," (",u(d.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,...s==null?void 0:s.item,children:[r.jsx(i.Center,{width:"22px",height:"22px",minWidth:"22px",borderRadius:"9999px",backgroundColor:k.backgroundColor,color:k.color,children:b?r.jsx(Ro,{widthHeight:12,color:"currentColor"}):r.jsx(ao,{widthHeight:12,color:"currentColor"})}),r.jsxs(i.Text,{fontSize:"12px",lineHeight:"16px",color:"color-gray-600",maxLines:1,maxWidth:"220px",...s==null?void 0:s.name,children:[d.name," · ",u(d.size)]}),t&&r.jsx(i.View,{as:"button",type:"button",onClick:()=>t(m),"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:"×"})]},m)})})},Py=({children:e,text:o="Drop files here or click to upload",textProps:t,containerProps:n,disabled:a,accept:l,multiple:s,isDragActive:u,handleDragEnter:c,handleDragLeave:d,handleDragOver:m,handleDrop:g,handleClick:h,handleFileChange:f,inputRef:y,preview:b,imageProps:k,selectedFiles:C,onRemove:j})=>r.jsxs(i.Center,{width:"100%",minHeight:"200px",height:C&&C.length>0?"auto":"200px",borderWidth:2,borderStyle:"dashed",borderColor:u?"theme-primary":"color-gray-300",borderRadius:12,backgroundColor:u?"#EFF6FF":"color-gray-50",flexDirection:"column",cursor:a?"not-allowed":"pointer",opacity:a?.6:1,onClick:h,onDragEnter:c,onDragLeave:d,onDragOver:m,onDrop:g,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:f,accept:l,multiple:s,style:{display:"none"},disabled:a}),b&&!s?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",...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(Gt,{widthHeight:40,color:u?"theme-primary":"color-gray-500"}),r.jsx(i.Text,{marginTop:16,color:u?"theme-primary":"color-gray-600",fontWeight:500,textAlign:"center",...t,children:o})]}),s&&C&&C.length>0&&r.jsx(i.View,{marginTop:16,width:"100%",children:r.jsx(Ti,{files:C,onRemove:j||(()=>{}),showPreviews:!0,layout:"inline",maxHeight:"160px"})})]})]}),Hy=e=>{const o=My(e);return r.jsx(Py,{...e,...o})},Vy=(e=!1)=>{const[o,t]=p.useState(e),[n,a]=p.useState(null);return p.useEffect(()=>{const l=c=>{!c.composedPath().some(g=>(g==null?void 0:g.id)==="dropdown-menu"||(g==null?void 0:g.id)==="dropdown-trigger")&&o&&(t(!1),a(null))},s=()=>{o&&(t(!1),a(null))},u=c=>{c.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",s),document.addEventListener("keydown",u),()=>{document.removeEventListener("mousedown",l),window.removeEventListener("resize",s),document.removeEventListener("keydown",u)}},[o]),{isOpen:o,setIsOpen:t,activeSubmenuId:n,setActiveSubmenuId:a}},Ay={sm:{padding:"6px 8px",fontSize:"14px",minWidth:"160px"},md:{padding:"8px 12px",fontSize:"16px",minWidth:"180px"},lg:{padding:"10px 16px",fontSize:"18px",minWidth:"200px"}},Ey={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"}},Dy={hover:{backgroundColor:"color-gray-100"}},Ii=p.createContext({isOpen:!1,setIsOpen:()=>{},activeSubmenuId:null,setActiveSubmenuId:()=>{},size:"md",variant:"default",triggerRef:{current:null}}),$y=({children:e,value:o})=>r.jsx(Ii.Provider,{value:o,children:e}),xn=()=>{const e=p.useContext(Ii);if(!e)throw new Error("useDropdownMenuContext must be used within a DropdownMenuProvider");return e},Fi=({children:e,views:o,...t})=>{const{isOpen:n,setIsOpen:a,triggerRef:l}=xn(),s=u=>{u.stopPropagation(),a(!n)};return r.jsx(i.View,{ref:l,id:"dropdown-trigger",onClick:s,cursor:"pointer",position:"relative",display:"inline-block",...o==null?void 0:o.container,...t,children:e})},bn=({items:e,side:o="bottom",align:t="start",views:n,...a})=>{const{isOpen:l,variant:s,triggerRef:u}=xn(),c=p.useRef(null),{ref:d,relation:m}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),[g,h]=p.useState({x:0,y:0,placement:o});if(p.useEffect(()=>{u.current&&d&&(d.current=u.current)},[u,d,l]),p.useEffect(()=>{if(l&&c.current&&u.current){const b=u.current.getBoundingClientRect();let k=o;m&&(o==="bottom"&&m.space.vertical==="top"?k="top":o==="top"&&m.space.vertical==="bottom"?k="bottom":o==="right"&&m.space.horizontal==="left"?k="left":o==="left"&&m.space.horizontal==="right"&&(k="right"));let C=0,j=0;switch(k){case"bottom":C=t==="start"?b.left:t==="end"?b.right-180:b.left+b.width/2-90,j=b.bottom+8;break;case"top":C=t==="start"?b.left:t==="end"?b.right-180:b.left+b.width/2-90,j=b.top-8;break;case"right":C=b.right+8,j=t==="start"?b.top:t==="end"?b.bottom-100:b.top+b.height/2-50;break;case"left":C=b.left-8,j=t==="start"?b.top:t==="end"?b.bottom-100:b.top+b.height/2-50;break}h({x:C,y:j,placement:k})}},[l,o,t,u,m]),!l)return null;const y=(()=>{const b={position:"fixed",left:g.x,top:g.y,zIndex:1e3};switch(g.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:c,id:"dropdown-menu",borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",overflow:"hidden",style:y,...Ey[s],...n==null?void 0:n.menu,...a,children:e.map((b,k)=>b.divider?r.jsx(zi,{views:n},`divider-${k}`):r.jsx(Ri,{item:b,views:n},b.id))})},Ri=({item:e,views:o,...t})=>{const{activeSubmenuId:n,setActiveSubmenuId:a,size:l}=xn(),[s,u]=p.useState(!1),c=e.items&&e.items.length>0,d=n===e.id,m=p.useRef(null),g=()=>{u(!0),c&&a(e.id)},h=()=>{u(!1)},f=y=>{y.stopPropagation(),!e.disabled&&!c&&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",...Ay[l],_hover:e.disabled?{}:Dy.hover,backgroundColor:s&&!e.disabled?"color-gray-100":"transparent",onMouseEnter:g,onMouseLeave:h,onClick:f,...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}),c&&r.jsx(i.View,{marginLeft:8,...o==null?void 0:o.submenuIndicator,children:r.jsx(ce,{orientation:"right",widthHeight:16,color:"currentColor",filled:!0})}),d&&c&&r.jsx(bn,{items:e.items||[],side:"right",align:"start",views:o})]})},zi=({views:e,...o})=>r.jsx(i.View,{height:"1px",backgroundColor:"color-gray-200",margin:"4px 0",...e==null?void 0:e.divider,...o}),Ly=({trigger:e,items:o,side:t="bottom",align:n="start",views:a,themeMode:l,...s})=>r.jsxs(i.View,{position:"relative",display:"inline-block",...a==null?void 0:a.container,...s,children:[r.jsx(Fi,{views:a,children:e}),r.jsx(bn,{items:o,side:t,align:n,views:a})]}),By=({trigger:e,items:o,size:t="md",variant:n="default",side:a="bottom",align:l="start",defaultOpen:s=!1,views:u,...c})=>{const{isOpen:d,setIsOpen:m,activeSubmenuId:g,setActiveSubmenuId:h}=Vy(s),f=p.useRef(null);return r.jsx($y,{value:{isOpen:d,setIsOpen:m,activeSubmenuId:g,setActiveSubmenuId:h,size:t,variant:n,triggerRef:f},children:r.jsx(Ly,{trigger:e,items:o,side:a,align:l,views:u,...c})})},ir=By;ir.Trigger=Fi;ir.Content=bn;ir.Item=Ri;ir.Divider=zi;const _y=e=>{const{value:o,defaultValue:t="",onChange:n,onChangeComplete:a,isOpen:l,onOpen:s,onClose:u,closeOnSelect:c=!0,maxRecentColors:d=8,showRecentColors:m=!0}=e,[g,h]=p.useState(l??!1),[f,y]=p.useState(o??t),[b,k]=p.useState(""),[C,j]=p.useState([]),w=p.useRef(null),S=p.useRef(null);p.useEffect(()=>{o!==void 0&&y(o)},[o]),p.useEffect(()=>{l!==void 0&&h(l)},[l]),p.useEffect(()=>{if(m&&typeof localStorage<"u"){const I=localStorage.getItem("colorPicker-recentColors");if(I)try{j(JSON.parse(I))}catch{}}},[m]),p.useEffect(()=>{if(typeof document>"u"||typeof document.addEventListener!="function")return;const I=H=>{g&&w.current&&S.current&&!w.current.contains(H.target)&&!S.current.contains(H.target)&&E()};return document.addEventListener("mousedown",I),()=>document.removeEventListener("mousedown",I)},[g]);const x=p.useCallback(I=>{m&&j(H=>{const P=H.filter(W=>W!==I),z=[I,...P].slice(0,d);return typeof localStorage<"u"&&localStorage.setItem("colorPicker-recentColors",JSON.stringify(z)),z})},[m,d]),v=p.useCallback(()=>{const I=!g;h(I),I?s==null||s():u==null||u()},[g,s,u]),T=p.useCallback(I=>{y(I),x(I),n==null||n(I),a==null||a(I),c&&(h(!1),u==null||u())},[n,a,c,u,x]),F=p.useCallback(I=>{k(I)},[]),V=p.useCallback(()=>{b&&(T(b),k(""))},[b,T]),E=p.useCallback(()=>{h(!1),u==null||u()},[u]);return{isOpen:g,selectedColor:f,recentColors:C,customColor:b,handleToggle:v,handleColorSelect:T,handleCustomColorChange:F,handleCustomColorSubmit:V,handleClose:E,triggerRef:w,dropdownRef:S}},ko={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"}},Oy={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"}},Ny={default:{borderRadius:8},square:{borderRadius:0},rounded:{borderRadius:8},pill:{borderRadius:9999}},qy={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"}},Uy=[{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"}],Gy=typeof navigator<"u"&&navigator.product!=="ReactNative"&&typeof document<"u"&&typeof document.createElement=="function",Yy=({id:e,name:o,label:t,placeholder:n="Select a color",helperText:a,views:l={},size:s="md",shape:u="default",variant:c="default",error:d=!1,isDisabled:m=!1,isReadOnly:g=!1,predefinedColors:h=Uy,showCustomInput:f=!0,showRecentColors:y=!0,isOpen:b,selectedColor:k,recentColors:C,customColor:j,handleToggle:w,handleColorSelect:S,handleCustomColorChange:x,handleCustomColorSubmit:v,handleClose:T,triggerRef:F,dropdownRef:V,onChange:E,onChangeComplete:I,onOpen:H,onClose:P,colorFormat:z,maxRecentColors:W,closeOnSelect:R,defaultValue:M,value:$,...L})=>{const D={...ko.container,...l==null?void 0:l.container},B={...ko.trigger,...Oy[s],...Ny[u],...qy[c],...d&&{borderColor:"color-red-500"},...m&&{opacity:.6,cursor:"not-allowed"},...!m&&!g&&{_hover:{borderColor:"color-gray-400"}},...l==null?void 0:l.trigger},_={...ko.dropdown,...l==null?void 0:l.dropdown},N={...ko.colorGrid,...l==null?void 0:l.colorGrid},O={...ko.recentColors,...l==null?void 0:l.recentColors},Y=k||"color-gray-200";return r.jsxs(i.View,{...D,...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:F,onClick:m||g?void 0:w,...B,children:[r.jsxs(i.Horizontal,{alignItems:"center",gap:8,children:[r.jsx(i.View,{width:"24px",height:"24px",borderRadius:"8px",backgroundColor:Y,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})]}),!g&&!m&&r.jsx(ce,{widthHeight:16,color:"color-gray-500",orientation:b?"up":"down"})]}),b&&r.jsxs(i.View,{ref:V,..._,children:[r.jsx(i.View,{...N,children:h.map((A,G)=>r.jsx(i.View,{width:"36px",height:"36px",borderRadius:"8px",backgroundColor:A.value,borderWidth:"1px",borderStyle:"solid",borderColor:k===A.value?"theme-primary":"transparent",cursor:"pointer",onClick:()=>S(A.value),title:A.name,_hover:{transform:"scale(1.05)",borderColor:"color-gray-300"},...l==null?void 0:l.colorSwatch},G))}),f&&r.jsxs(i.View,{...ko.customInput,...l==null?void 0:l.customInput,children:[r.jsxs(i.Horizontal,{gap:8,alignItems:"center",marginBottom:"10px",children:[Gy&&r.jsx("input",{type:"color",value:j||"#1D4ED8",onChange:A=>{const G=A.target.value;x(G),S(G)},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(ve,{placeholder:"#1D4ED8",value:j,onChange:A=>{var G;return x(typeof A=="string"?A:((G=A==null?void 0:A.target)==null?void 0:G.value)??"")},onKeyPress:A=>{A.key==="Enter"&&v()},size:"sm",right:j&&r.jsx(i.View,{width:"18px",height:"18px",borderRadius:"6px",backgroundColor:j,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",cursor:"pointer",onClick:v})})]}),y&&C.length>0&&r.jsxs(i.View,{...O,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((A,G)=>r.jsx(i.View,{width:"24px",height:"24px",borderRadius:"8px",backgroundColor:A,borderWidth:"1px",borderStyle:"solid",borderColor:"color-gray-200",cursor:"pointer",transition:"transform 0.2s ease, border-color 0.2s ease",onClick:()=>S(A),title:A,_hover:{transform:"scale(1.05)",borderColor:"color-gray-300"}},G))})]})]}),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})]})},Xy=e=>{const o=_y(e);return r.jsx(Yy,{...o,...e})},Mi=Xy,Ky=e=>{const o=ri(e);return r.jsx(ti,{...o,...e})},Jy=Ky,Qy=e=>{const o=ei(e);return r.jsx(oi,{...o,...e})},Zy=Qy,oa={"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"},hr={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"},ex={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"}]},ox=(e,o,t,n,a)=>{const l=o.map(s=>`${s.color} ${s.position||""}`).join(", ");switch(e){case"linear":return`linear-gradient(${t&&oa[t]?oa[t]:t||"to right"}, ${l})`;case"radial":const u=a&&hr[a]?hr[a]:a||"center";return`radial-gradient(${n||"circle"} at ${u}, ${l})`;case"conic":return`conic-gradient(from 0deg at ${a&&hr[a]?hr[a]:a||"center"}, ${l})`;default:return`linear-gradient(to right, ${l})`}},rx={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)"}}}},ra={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"}},tx=({type:e="linear",direction:o="to-right",shape:t="circle",position:n="center",from:a,to:l,colors:s,animate:u=!1,animationDuration:c=3,children:d,views:m,themeMode:g,...h})=>{const f=p.useMemo(()=>s&&s.length>0?s:a&&l?[{color:a,position:"0%"},{color:l,position:"100%"}]:ex[e],[s,a,l,e]),y=p.useMemo(()=>{const k=f.map(C=>({...C,color:C.color}));return ox(e,k,o,t,n)},[e,f,o,t,n]),b=p.useMemo(()=>{if(!u)return{};const k=rx[e];return{...k,transition:k.transition.replace("3s",`${c}s`),animationDuration:`${c}s`,animationIterationCount:"infinite",animationTimingFunction:e==="conic"?"linear":"ease-in-out"}},[u,c,e]);return r.jsx(i.View,{background:y,...ra.container,...b,...m==null?void 0:m.container,...h,children:d&&r.jsx(i.View,{...ra.content,...m==null?void 0:m.content,children:d})})},Wi=e=>r.jsx(tx,{...e}),nx=(e=null,o=null)=>{const[t,n]=p.useState(e),[a,l]=p.useState(o),s=c=>a===c,u=c=>{l(d=>d===c?null:c)};return p.useEffect(()=>{const c=m=>{!m.composedPath().some(f=>(f==null?void 0:f.id)==="menubar-content"||(f==null?void 0:f.id)==="menubar-trigger")&&a!==null&&l(null)},d=m=>{m.key==="Escape"&&a!==null&&l(null)};if(typeof(document==null?void 0:document.addEventListener)=="function")return document.addEventListener("mousedown",c),document.addEventListener("keydown",d),()=>{document.removeEventListener("mousedown",c),document.removeEventListener("keydown",d)}},[a]),{activeMenuId:t,setActiveMenuId:n,openMenuId:a,setOpenMenuId:l,isMenuOpen:s,toggleMenu:u}},Pi={sm:{padding:"6px 10px",fontSize:"14px"},md:{padding:"8px 12px",fontSize:"16px"},lg:{padding:"10px 16px",fontSize:"18px"}},ax={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"}},lx={horizontal:{flexDirection:"row"},vertical:{flexDirection:"column"}},Cr={active:{backgroundColor:"color-gray-200",fontWeight:"bold"},hover:{backgroundColor:"color-gray-100"},disabled:{opacity:.5,cursor:"not-allowed"}},Hi=p.createContext({activeMenuId:null,setActiveMenuId:()=>{},openMenuId:null,setOpenMenuId:()=>{},isMenuOpen:()=>!1,toggleMenu:()=>{},orientation:"horizontal",size:"md",variant:"default",triggerRefs:{current:{}}}),Ur=()=>p.useContext(Hi),ix=({value:e,children:o})=>r.jsx(Hi.Provider,{value:e,children:o}),Vi=({children:e,orientation:o="horizontal",size:t="md",variant:n="default",views:a,...l})=>{const s=o==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(s,{role:"menubar","aria-orientation":o,...lx[o],...ax[n],...a==null?void 0:a.container,...l,children:e})},Ai=({children:e,id:o,disabled:t=!1,views:n})=>{const{orientation:a}=Ur(),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:p.Children.map(e,s=>p.isValidElement(s)?p.cloneElement(s,{...s.props,menuId:o}):s)})},Ei=({children:e,menuId:o,disabled:t=!1,views:n})=>{const{activeMenuId:a,setActiveMenuId:l,toggleMenu:s,isMenuOpen:u,size:c,triggerRefs:d}=Ur(),m=p.useRef(null),g=a===o,h=u(o);p.useEffect(()=>(m.current&&o&&(d.current[o]=m.current),()=>{o&&delete d.current[o]}),[o,d]);const f=()=>{t||(l(o),s(o))};return r.jsx(i.View,{ref:m,id:"menubar-trigger",role:"menuitem","aria-haspopup":"true","aria-expanded":h,userSelect:"none",display:"flex",alignItems:"center",justifyContent:"space-between",...Pi[c],...g?Cr.active:{},...t?Cr.disabled:{},_hover:t?{}:Cr.hover,onClick:f,...n==null?void 0:n.trigger,children:e})},Di=({children:e,menuId:o,views:t})=>{const{isMenuOpen:n,orientation:a,triggerRefs:l}=Ur(),s=p.useRef(null),[u,c]=p.useState({x:0,y:0,placement:a==="horizontal"?"bottom":"right"}),d=n(o);if(p.useEffect(()=>{if(d&&s.current&&o&&l.current[o]){const g=s.current.getBoundingClientRect(),h=l.current[o].getBoundingClientRect(),f=Math.max(g.width||200,200),y=Math.max(g.height||150,150),b=window.innerWidth,k=window.innerHeight,C={top:h.top,right:b-h.right,bottom:k-h.bottom,left:h.left},j=a==="horizontal"?[{placement:"bottom",space:C.bottom,fits:C.bottom>=y+8,x:h.left,y:h.bottom+8},{placement:"top",space:C.top,fits:C.top>=y+8,x:h.left,y:h.top-y-8},{placement:"right",space:C.right,fits:C.right>=f+8,x:h.right+8,y:h.top},{placement:"left",space:C.left,fits:C.left>=f+8,x:h.left-f-8,y:h.top}]:[{placement:"right",space:C.right,fits:C.right>=f+8,x:h.right+8,y:h.top},{placement:"left",space:C.left,fits:C.left>=f+8,x:h.left-f-8,y:h.top},{placement:"bottom",space:C.bottom,fits:C.bottom>=y+8,x:h.left,y:h.bottom+8},{placement:"top",space:C.top,fits:C.top>=y+8,x:h.left,y:h.top-y-8}],w=j.find(T=>T.fits);if(w){c({x:w.x,y:w.y,placement:w.placement});return}const S=j.reduce((T,F)=>F.space>T.space?F:T);let x=S.x,v=S.y;x+f>b&&(x=b-f-8),x<8&&(x=8),v+y>k&&(v=k-y-8),v<8&&(v=8),c({x,y:v,placement:S.placement})}},[d,a,o,l]),!d)return null;const m={position:"fixed",left:u.x,top:u.y,zIndex:1e3};return r.jsx(i.View,{ref:s,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})},$i=({children:e,icon:o,disabled:t=!1,onClick:n,views:a})=>{const{size:l}=Ur(),s=()=>{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,...Pi[l],_hover:t?{}:Cr.hover,onClick:s,...a==null?void 0:a.item,children:[o&&r.jsx(i.View,{marginRight:8,...a==null?void 0:a.icon,children:o}),e]})},Li=({views:e})=>r.jsx(i.View,{role:"separator",height:"1px",backgroundColor:"color-gray-200",margin:"4px 0",...e==null?void 0:e.separator}),sx=({items:e,orientation:o,size:t,variant:n,views:a,themeMode:l})=>r.jsx(Vi,{orientation:o,size:t,variant:n,views:a,children:e.map(s=>r.jsxs(Ai,{id:s.id,disabled:s.disabled,views:a,children:[r.jsxs(Ei,{menuId:s.id,views:a,children:[s.icon&&r.jsx(i.View,{marginRight:8,...a==null?void 0:a.icon,children:s.icon}),s.label]}),s.items&&s.items.length>0&&r.jsx(Di,{menuId:s.id,views:a,children:s.items.map((u,c)=>u.separator?r.jsx(Li,{views:a},`separator-${c}`):r.jsx($i,{id:u.id,icon:u.icon,disabled:u.disabled,onClick:u.onClick,views:a,children:u.label},u.id))})]},s.id))}),cx=({items:e,orientation:o="horizontal",size:t="md",variant:n="default",defaultActiveMenuId:a=null,defaultOpenMenuId:l=null,views:s,...u})=>{const{activeMenuId:c,setActiveMenuId:d,openMenuId:m,setOpenMenuId:g,isMenuOpen:h,toggleMenu:f}=nx(a,l),y=p.useRef({});return r.jsx(ix,{value:{activeMenuId:c,setActiveMenuId:d,openMenuId:m,setOpenMenuId:g,isMenuOpen:h,toggleMenu:f,orientation:o,size:t,variant:n,triggerRefs:y},children:r.jsx(sx,{items:e,orientation:o,size:t,variant:n,views:s,...u})})},po=cx;po.Root=Vi;po.Menu=Ai;po.Trigger=Ei;po.Content=Di;po.Item=$i;po.Separator=Li;const dx=(e,o,t)=>{const[n,a]=p.useState([]);return p.useEffect(()=>{a((()=>{const s=[];if(o<=t)for(let u=1;u<=o;u++)s.push(u);else{s.push(1);let u=Math.max(2,e-Math.floor((t-2)/2)),c=Math.min(o-1,u+t-3);c>=o-1&&(c=o-1,u=Math.max(2,c-(t-3))),u>2&&s.push("...");for(let d=u;d<=c;d++)s.push(d);c<o-1&&s.push("..."),s.push(o)}return s})())},[e,o,t]),{visiblePageNumbers:n}},Co={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"}}}},Uo={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"}}},Go={rounded:{borderRadius:8},square:{borderRadius:"0px"},circular:{borderRadius:"50%"}},ux={backgroundColor:"theme-primary",color:"color-white",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"theme-primary",opacity:.9}},fr={opacity:.5,cursor:"not-allowed",transition:"all 0.2s ease-in-out",_hover:{backgroundColor:"transparent"}},px=({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:s=!1,showPageInfo:u=!0,maxPageButtons:c=5,showFirstLastButtons:d=!1,size:m="md",variant:g="default",shape:h="rounded",visiblePageNumbers:f=[],views:y,...b})=>{const k=w=>{w<1||w>o||w===e||t(w)},C=w=>{l&&l(Number(w.target.value))},j=(w,S)=>{if(w==="...")return r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",...Co[m],...y==null?void 0:y.ellipsis,children:"..."},`ellipsis-${S}`);const x=w===e;return r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:x?"default":"pointer",...Co[m],...Uo[g],...Go[h],...x?ux:{},onClick:()=>k(w),"aria-label":`Page ${w}`,"aria-current":x?"page":void 0,...x?y==null?void 0:y.activePageButton:y==null?void 0:y.pageButton,children:w},`page-${w}`)};return r.jsxs(i.Horizontal,{alignItems:"center",gap:8,...y==null?void 0:y.container,...b,children:[d&&r.jsxs(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===1?"not-allowed":"pointer",...Co[m],...Uo[g],...Go[h],...e===1?fr:{},onClick:()=>k(1),"aria-label":"First page",disabled:e===1,...y==null?void 0:y.navigationButton,children:[r.jsx(ce,{orientation:"left",widthHeight:16}),r.jsx(ce,{orientation:"left",widthHeight:16,marginLeft:"-8px"})]}),r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===1?"not-allowed":"pointer",...Co[m],...Uo[g],...Go[h],...e===1?fr:{},onClick:()=>k(e-1),"aria-label":"Previous page",disabled:e===1,...y==null?void 0:y.navigationButton,children:r.jsx(ce,{orientation:"left",widthHeight:16})}),f.map((w,S)=>j(w,S)),r.jsx(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===o?"not-allowed":"pointer",...Co[m],...Uo[g],...Go[h],...e===o?fr:{},onClick:()=>k(e+1),"aria-label":"Next page",disabled:e===o,...y==null?void 0:y.navigationButton,children:r.jsx(ce,{orientation:"right",widthHeight:16})}),d&&r.jsxs(i.View,{as:"button",display:"flex",alignItems:"center",justifyContent:"center",cursor:e===o?"not-allowed":"pointer",...Co[m],...Uo[g],...Go[h],...e===o?fr:{},onClick:()=>k(o),"aria-label":"Last page",disabled:e===o,...y==null?void 0:y.navigationButton,children:[r.jsx(ce,{orientation:"right",widthHeight:16}),r.jsx(ce,{orientation:"right",widthHeight:16,marginLeft:"-8px"})]}),u&&r.jsxs(i.Text,{marginLeft:16,color:"color-gray-600",...y==null?void 0:y.pageInfo,children:["Page ",e," of ",o]}),s&&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(w=>r.jsx("option",{value:w.value,children:w.label},w.value))})]})},mx=({currentPage:e,totalPages:o,onPageChange:t,pageSize:n=10,pageSizeOptions:a,onPageSizeChange:l,showPageSizeSelector:s=!1,showPageInfo:u=!0,maxPageButtons:c=5,showFirstLastButtons:d=!1,size:m="md",variant:g="default",shape:h="rounded",views:f,...y})=>{const{visiblePageNumbers:b}=dx(e,o,c);return r.jsx(px,{currentPage:e,totalPages:o,onPageChange:t,pageSize:n,pageSizeOptions:a,onPageSizeChange:l,showPageSizeSelector:s,showPageInfo:u,maxPageButtons:c,showFirstLastButtons:d,size:m,variant:g,shape:h,visiblePageNumbers:b,views:f,...y})},Bi=mx,gx=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),hx=p.memo(({shape:e="linear",value:o=0,max:t=100,color:n="theme-primary",backgroundColor:a="color-gray-200",height:l,size:s,radius:u=4,strokeWidth:c=10,showLabel:d=!1,labelColor:m="color-black-primary",animated:g=!0,animationDuration:h="0.5s",views:f,themeMode:y,...b})=>{var E;const{getColor:k,themeMode:C}=i.useTheme(),j=y||C,S=Math.min(t,Math.max(0,o))/t*100,x=I=>gx(I)?I:k(I,{themeMode:j}),v=p.useMemo(()=>x(a),[k,a,j]),T=p.useMemo(()=>x(n),[k,n,j]);if(e==="circle"){const I=s||(typeof l=="number"?l:100),H=(I-c)/2,P=2*Math.PI*H,z=P-S/100*P;return r.jsxs(i.View,{width:I,height:I,position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...f==null?void 0:f.container,...b,children:[r.jsxs("svg",{width:I,height:I,viewBox:`0 0 ${I} ${I}`,style:{transform:"rotate(-90deg)"},children:[r.jsx("circle",{cx:I/2,cy:I/2,r:H,stroke:v,strokeWidth:c,fill:"transparent",...f==null?void 0:f.track}),r.jsx("circle",{cx:I/2,cy:I/2,r:H,stroke:T,strokeWidth:c,strokeDasharray:P,strokeDashoffset:z,strokeLinecap:"round",fill:"transparent",style:{transition:g?`stroke-dashoffset ${h} ease-in-out`:"none"},...f==null?void 0:f.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:m,fontSize:`${I*.2}px`,fontWeight:"bold",...f==null?void 0:f.text,children:[Math.round(S),"%"]})})]})}const F=l||8,V={backgroundColor:v,...((E=f==null?void 0:f.container)==null?void 0:E.style)||{},...b.style||{}};return r.jsxs(i.View,{role:"progressbar","aria-valuenow":o,"aria-valuemin":0,"aria-valuemax":t,width:"100%",height:F,borderRadius:u,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",...f==null?void 0:f.container,...b,style:V,children:[r.jsx("div",{style:{height:"100%",backgroundColor:T,borderRadius:typeof u=="number"?`${u}px`:u,position:"absolute",left:0,top:0,bottom:0,width:`${S}%`,transition:g?`width ${h} ease-in-out`:"none",...f==null?void 0:f.bar}}),d&&r.jsxs(i.Text,{color:m,fontSize:typeof F=="number"&&F>16?`${F*.6}px`:"10px",fontWeight:"bold",position:"relative",zIndex:1,...f==null?void 0:f.text,children:[Math.round(S),"%"]})]})}),fx=e=>{const o=ge("progress",e);return r.jsx(hx,{...o})},_i=fx,yx=e=>({solid:"solid",dashed:"dashed",dotted:"dotted"}),xx=yx(),bx={thin:"1px",medium:"2px",thick:"4px"},Yo={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"}},kx=e=>typeof e=="string"&&(/^(#|rgb\(|rgba\(|hsl\(|hsla\(|var\()/.test(e)||["black","currentColor","inherit","transparent","white"].includes(e)),Cx=({orientation:e="horizontal",variant:o="solid",thickness:t="thin",color:n,spacing:a="0px",label:l,decorative:s=!1,views:u,themeMode:c,...d})=>{const{themeMode:m}=i.useTheme(),g=n||"color-gray-200",h=xx[o],f=bx[t],y=s?{"aria-hidden":!0}:{role:"separator","aria-orientation":e},b=kx(g)?{style:{borderColor:g}}:{borderColor:g};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:`${f} ${h}`,...b,...Yo.container,...u==null?void 0:u.container}),r.jsx(i.Text,{...Yo.label,...u==null?void 0:u.label,children:l}),r.jsx(i.View,{height:"0px",flexGrow:1,borderTop:`${f} ${h}`,...b,...Yo.container,...u==null?void 0:u.container})]}):e==="horizontal"?r.jsx(i.View,{height:"0px",width:"100%",borderTop:`${f} ${h}`,padding:a,...b,...Yo.container,...y,...u==null?void 0:u.container,...d}):r.jsx(i.View,{width:"0px",height:"100%",borderLeft:`${f} ${h}`,padding:a,...b,...Yo.container,...y,...u==null?void 0:u.container,...d})},Oi=e=>{const o=ge("separator",e);return r.jsx(Cx,{...o})},Vr=Oi,Sx=Oi,jx={xs:12,sm:14,md:16,lg:18,xl:20},wx=({isSupported:e,isSharing:o,onShare:t,label:n,children:a,icon:l,size:s,isDisabled:u,isLoading:c,iconPosition:d,disableWhenUnsupported:m=!0,...g})=>{const h=s??"md",f=l??r.jsx(Ea,{widthHeight:jx[h],strokeWidth:1.5,filled:!1}),y=!!u||!e&&m,b=!!c||o;return r.jsx(se,{...g,size:h,icon:f,iconPosition:d??"left",isDisabled:y,isLoading:b,onClick:t,children:a??n??"Share"})},ta=()=>typeof navigator>"u"?void 0:navigator,vx=(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},Tx=e=>{if(typeof e=="object"&&e!==null&&"name"in e)return String(e.name)},Ix=e=>{const{shareData:o,onClick:t,onUnsupported:n,onShareStart:a,onShareSuccess:l,onShareCancel:s,onShareError:u}=e,[c,d]=p.useState(!1),m=p.useMemo(()=>vx(ta(),o),[o]),g=p.useCallback((...h)=>{t==null||t(...h);const f=ta();if(!f||typeof f.share!="function"){n==null||n();return}if(!c){if(typeof f.canShare=="function")try{if(!f.canShare(o)){n==null||n();return}}catch(y){u==null||u(y);return}d(!0),a==null||a();try{f.share(o).then(()=>{l==null||l()}).catch(y=>{if(Tx(y)==="AbortError"){s==null||s();return}u==null||u(y)}).finally(()=>{d(!1)})}catch(y){d(!1),u==null||u(y)}}},[c,t,s,u,a,l,n,o]);return{isSupported:m,isSharing:c,handleShare:g}},Fx=e=>{const{isSupported:o,isSharing:t,handleShare:n}=Ix(e),{shareData:a,onShareStart:l,onShareSuccess:s,onShareCancel:u,onShareError:c,onUnsupported:d,onClick:m,...g}=e;return r.jsx(wx,{...g,isSupported:o,isSharing:t,onShare:n})},Ni=Fx,Rx=({label:e,status:o="default",views:t,themeMode:n,...a})=>{const{themeMode:l}=i.useTheme(),s=Ya();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%",...s[o].indicator,...t==null?void 0:t.indicator}),e&&r.jsx(i.Text,{role:"status-label",fontSize:"14px",lineHeight:"20px",...s[o].label,...t==null?void 0:t.label,children:e})]})},Sr=e=>{const o=ge("status",e);return r.jsx(Rx,{...o})},zx=(e=!0,o,t,n)=>{const{on:a}=i.useResponsive(),l=a("mobile"),[s,u]=p.useState(o!==void 0?o:e);return p.useEffect(()=>{o!==void 0&&u(o)},[o]),{isExpanded:s,toggleExpanded:()=>{const g=!s;u(g),t&&t(g)},expand:()=>{s||(u(!0),t&&t(!0))},collapse:()=>{s&&(u(!1),t&&t(!1))},isMobile:l}},Mx={sm:{expandedWidth:"240px",collapsedWidth:"64px"},md:{expandedWidth:"280px",collapsedWidth:"72px"},lg:{expandedWidth:"320px",collapsedWidth:"80px"},xl:{expandedWidth:"360px",collapsedWidth:"88px"}},Wx=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"}}),Px=Wx(),Hx={left:{left:0,borderRightWidth:"1px",borderRightStyle:"solid",borderRightColor:"color-gray-200"},right:{right:0,borderLeftWidth:"1px",borderLeftStyle:"solid",borderLeftColor:"color-gray-200"}},Vx={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)"}},Ax={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)"},qi=p.createContext({isExpanded:!0,toggleExpanded:()=>{},expand:()=>{},collapse:()=>{},position:"left",size:"md",variant:"default"}),Gr=()=>p.useContext(qi),Ex=({value:e,children:o})=>r.jsx(qi.Provider,{value:e,children:o}),Dx=({children:e,showToggleButton:o=!0,views:t,...n})=>{const{isExpanded:a,toggleExpanded:l,position:s}=Gr();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(ce,{orientation:s==="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(ce,{orientation:s==="left"?"right":"left",widthHeight:16,...t==null?void 0:t.toggleButtonIcon})})})})},$x=({children:e,views:o,...t})=>{const{isExpanded:n}=Gr();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})},Lx=({children:e,views:o,...t})=>{const{isExpanded:n}=Gr();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})},Bx=({children:e,position:o="left",size:t="md",variant:n="default",fixed:a=!1,hasBackdrop:l=!0,expandedWidth:s,collapsedWidth:u,breakpoint:c,breakpointBehavior:d="overlay",elevation:m="none",transitionPreset:g="normal",ariaLabel:h="Sidebar navigation",showToggleButton:f,toggleExpanded:y,expand:b,isExpanded:k,isMobile:C,collapse:j,views:w,themeMode:S,...x})=>{const v=Mx[t],T=k?s||v.expandedWidth:u||v.collapsedWidth,F=!C||C&&d!=="hide",V=a||C&&d==="overlay"?"fixed":"relative",E=l&&C&&k&&d==="overlay";return r.jsxs(r.Fragment,{children:[E&&r.jsx(i.View,{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",backgroundColor:"color-blackAlpha-500",zIndex:998,onClick:j,...w==null?void 0:w.backdrop}),F&&r.jsx(i.Vertical,{position:V,top:0,height:"100vh",width:T,zIndex:999,transition:Ax[g],transform:C&&d==="overlay"&&!k?`translateX(${o==="left"?"-100%":"100%"})`:"translateX(0)",role:"navigation","aria-label":h,...Px[n],...Hx[o],...Vx[m],...w==null?void 0:w.container,...x,children:p.Children.map(e,I=>I)})]})},_x=({children:e,position:o="left",size:t="md",variant:n="default",defaultExpanded:a=!0,expanded:l,onExpandedChange:s,fixed:u=!1,hasBackdrop:c=!0,showToggleButton:d=!0,expandedWidth:m,collapsedWidth:g,breakpoint:h=768,breakpointBehavior:f="overlay",views:y,...b})=>{const{isExpanded:k,toggleExpanded:C,expand:j,collapse:w,isMobile:S}=zx(a,l,s);return r.jsx(Ex,{value:{isExpanded:k,toggleExpanded:C,expand:j,collapse:w,position:o,size:t,variant:n,views:y},children:r.jsx(Bx,{position:o,size:t,variant:n,fixed:u,hasBackdrop:c,showToggleButton:d,expandedWidth:m,collapsedWidth:g,breakpoint:h,breakpointBehavior:f,isExpanded:k,isMobile:S,toggleExpanded:C,expand:j,collapse:w,views:y,...b,children:e})})},sr=_x;sr.Header=Dx;sr.Content=$x;sr.Footer=Lx;sr.useContext=Gr;const Ox=()=>({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)}}}),Nx=(e,o,t,n=50,a=1/0,l=!1,s,u,c=10)=>{const[d,m]=p.useState(!1),[g,h]=p.useState([]),f=p.useRef(null),y=p.useRef(null),b=p.useRef(0),k=p.useRef([]),C=p.useRef(u||(typeof window<"u"?Ox():null)),j=p.useCallback(()=>f.current?e==="horizontal"?f.current.offsetWidth:f.current.offsetHeight:0,[e]),w=p.useCallback(()=>{if(!s||!C.current)return null;const W=C.current.getItem(s);if(!W)return null;try{const R=JSON.parse(W);return Array.isArray(R.sizes)?R.sizes:null}catch(R){return console.warn("Failed to parse saved panel sizes:",R),null}},[s]),S=p.useCallback(()=>{if(!s||!C.current||g.length===0)return;const W=g.map(R=>({id:R.id,size:R.size,collapsed:R.collapsed||!1}));C.current.setItem(s,JSON.stringify({sizes:W}))},[s,g]),x=p.useCallback((W,R,M,$,L)=>{h(D=>D.some(B=>B.id===W)?D:[...D,{id:W,size:R,minSize:M??n,maxSize:$??a,collapsible:L??l,collapsed:!1}])},[n,a,l]),v=p.useCallback(W=>{h(R=>R.filter(M=>M.id!==W))},[]),T=p.useCallback(W=>{const R=g.find(M=>M.id===W);return R?R.size:0},[g]),F=p.useCallback((W,R)=>{h(M=>M.map($=>$.id===W?{...$,size:R}:$))},[]),V=p.useCallback(W=>{const R=g.find(M=>M.id===W);return R?!!R.collapsed:!1},[g]),E=p.useCallback(W=>{h(R=>{const M=R.findIndex(B=>B.id===W);if(M===-1)return R;const $=R[M];if(!$.collapsible)return R;const L={...$,collapsed:!$.collapsed},D=[...R];return D[M]=L,D})},[]),I=p.useCallback((W,R)=>{y.current=W,b.current=R,k.current=g.map(M=>M.size),m(!0)},[g]),H=p.useCallback(W=>{if(!d||!y.current)return;const R=y.current,M=W-b.current;let $=-1;const L=R.match(/\d+$/);if(L&&($=parseInt(L[0],10)-1),$===-1&&g.length>=2&&($=0),$<0||$>=g.length-1)return;const D=g[$],B=g[$+1];if(D.collapsed||B.collapsed)return;let _=k.current[$]+M,N=k.current[$+1]-M;_=Math.max(D.minSize??n,Math.min(D.maxSize??a,_)),N=Math.max(B.minSize??n,Math.min(B.maxSize??a,N)),h(O=>O.map((Y,A)=>A===$?{...Y,size:_}:A===$+1?{...Y,size:N}:Y))},[d,g,e,n,a]),P=p.useCallback(()=>{d&&t&&t(g.map(W=>W.size)),y.current=null,m(!1),s&&S()},[d,g,t,s,S]),z=p.useCallback(W=>{if(!d||!y.current)return;const R=y.current;let M=-1;const $=R.match(/\d+$/);if($&&(M=parseInt($[0],10)-1),M===-1&&g.length>=2&&(M=0),M<0||M>=g.length-1)return;let L=0;e==="horizontal"?(W.key==="ArrowLeft"&&(L=-c),W.key==="ArrowRight"&&(L=c),W.key==="Home"&&(L=-100),W.key==="End"&&(L=100)):(W.key==="ArrowUp"&&(L=-c),W.key==="ArrowDown"&&(L=c),W.key==="Home"&&(L=-100),W.key==="End"&&(L=100)),L!==0&&(W.preventDefault(),H(b.current+L)),W.key==="Escape"&&(h(D=>D.map((B,_)=>({...B,size:k.current[_]}))),P())},[d,g,e,H,P,c]);return p.useEffect(()=>{if(typeof(document==null?void 0:document.addEventListener)!="function")return;const W=$=>{if(!d)return;const L=e==="horizontal"?$.clientX:$.clientY;H(L)},R=$=>{if(!d||$.touches.length===0)return;const L=$.touches[0],D=e==="horizontal"?L.clientX:L.clientY;H(D)},M=()=>{d&&P()};return d&&(document.addEventListener("mousemove",W),document.addEventListener("touchmove",R),document.addEventListener("mouseup",M),document.addEventListener("touchend",M),document.addEventListener("keydown",z),document.body.style.cursor=e==="horizontal"?"col-resize":"row-resize",document.body.style.userSelect="none"),()=>{document.removeEventListener("mousemove",W),document.removeEventListener("touchmove",R),document.removeEventListener("mouseup",M),document.removeEventListener("touchend",M),document.removeEventListener("keydown",z),document.body.style.cursor="",document.body.style.userSelect=""}},[d,e,H,P,z]),p.useEffect(()=>{if(g.length!==0){if(s){const W=w();if(W){h(R=>R.map(M=>{const $=W.find(L=>L.id===M.id);return $?{...M,size:$.size,collapsed:$.collapsed||!1}:M}));return}}if(!o){const R=j()/g.length;h(M=>M.map($=>({...$,size:R})))}}},[g.length,o,j,s,w]),p.useEffect(()=>{if(!o||o.length===0||g.length===0)return;const W=j(),R=o.map(M=>typeof M=="string"&&M.endsWith("%")?parseFloat(M)/100*W:typeof M=="number"?M:parseFloat(M));h(M=>M.map(($,L)=>({...$,size:L<R.length?R[L]:$.size})))},[o,g.length,j]),p.useEffect(()=>{g.length>0&&s&&!d&&S()},[g,s,d,S]),{isResizing:d,setIsResizing:m,containerRef:f,panels:g,registerPanel:x,unregisterPanel:v,getPanelSize:T,setPanelSize:F,isPanelCollapsed:V,togglePanelCollapse:E,startResize:I,onResize:H,endResize:P}},qx={horizontal:{flexDirection:"row"},vertical:{flexDirection:"column"}},Ux=(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],Gx=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"}}}),Yx=Gx(),yr={horizontal:{width:"2px",height:"20px",backgroundColor:"color-gray-400",margin:"0 1px"},vertical:{width:"20px",height:"2px",backgroundColor:"color-gray-400",margin:"1px 0"}},Ui=p.createContext({orientation:"horizontal",size:"md",variant:"default",isResizing:!1,setIsResizing:()=>{},registerPanel:()=>{},unregisterPanel:()=>{},getPanelSize:()=>0,setPanelSize:()=>{},isPanelCollapsed:()=>!1,togglePanelCollapse:()=>{},startResize:()=>{},onResize:()=>{},endResize:()=>{}}),Gi=()=>p.useContext(Ui),Xx=({value:e,children:o})=>r.jsx(Ui.Provider,{value:e,children:o}),Kx=({children:e,id:o,defaultSize:t,minSize:n,maxSize:a,collapsible:l,defaultCollapsed:s,onCollapseChange:u,views:c,...d})=>{const{orientation:m,registerPanel:g,unregisterPanel:h,getPanelSize:f,isPanelCollapsed:y,togglePanelCollapse:b}=Gi(),k=typeof t=="string"&&t.endsWith("%")?0:typeof t=="number"?t:0;p.useEffect(()=>(g(o,k,n,a,l),()=>h(o)),[o,k,n,a,l,g,h]);const C=f(o),j=y(o);return p.useEffect(()=>{u&&j!==void 0&&u(j)},[j,u]),p.useEffect(()=>{l&&s&&!j&&b(o)},[o,l,s,j,b]),j?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,...c==null?void 0:c.collapsedPanel,...d}):r.jsx(i.View,{flex:C>0?"0 0 auto":"1",width:m==="horizontal"?`${C}px`:"100%",height:m==="vertical"?`${C}px`:"100%",overflow:"auto",...c==null?void 0:c.panel,...d,children:e})},Jx=({id:e,position:o="both",disabled:t=!1,withVisualIndicator:n=!0,withCollapseButton:a=!1,collapseTarget:l,views:s,...u})=>{const{orientation:c,size:d,variant:m,startResize:g,isPanelCollapsed:h,togglePanelCollapse:f}=Gi(),b=(()=>{if(l)return l;const x=e.match(/\d+$/);if(!x)return"";const v=parseInt(x[0],10);return isNaN(v)?"":`panel${v}`})(),k=h(b),C=x=>{if(t)return;x.preventDefault();const v=c==="horizontal"?x.clientX:x.clientY;g(e,v)},j=x=>{if(t||x.touches.length===0)return;x.preventDefault();const v=x.touches[0],T=c==="horizontal"?v.clientX:v.clientY;g(e,T)},w=x=>{t||(x.key==="Enter"||x.key===" ")&&(x.preventDefault(),g(e,0))},S=x=>{x.stopPropagation(),b&&f(b)};return r.jsxs(i.View,{role:"separator","aria-orientation":c,"aria-valuemin":0,"aria-valuemax":100,tabIndex:t?-1:0,cursor:c==="horizontal"?"col-resize":"row-resize",display:"flex",alignItems:"center",justifyContent:"center",position:"relative",...Ux(d,c),...Yx[m],onMouseDown:C,onTouchStart:j,onKeyDown:w,opacity:t?.5:1,pointerEvents:t?"none":"auto",...s==null?void 0:s.handle,...u,children:[n&&r.jsx(i.View,{display:"flex",alignItems:"center",justifyContent:"center",width:c==="horizontal"?"100%":"auto",height:c==="vertical"?"100%":"auto",pointerEvents:"none",...s==null?void 0:s.handleIcon,children:c==="horizontal"?r.jsxs(i.Horizontal,{gap:1,children:[r.jsx(i.View,{...yr.horizontal}),r.jsx(i.View,{...yr.horizontal})]}):r.jsxs(i.Vertical,{gap:1,children:[r.jsx(i.View,{...yr.vertical}),r.jsx(i.View,{...yr.vertical})]})}),a&&b&&r.jsx(i.View,{position:"absolute",top:c==="horizontal"?"-20px":"50%",left:c==="horizontal"?"50%":"-20px",transform:c==="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:S,"aria-label":k?`Expand panel ${b}`:`Collapse panel ${b}`,role:"button",tabIndex:0,pointerEvents:"auto",_hover:{backgroundColor:"color-gray-200"},...s==null?void 0:s.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"})})})]})},Qx=({children:e,orientation:o="horizontal",size:t="md",variant:n="default",defaultSizes:a,minSize:l,maxSize:s,collapsible:u=!1,containerRef:c,autoSaveId:d,keyboardResizeBy:m,onLayout:g,views:h,...f})=>{const y=o==="horizontal"?i.Horizontal:i.Vertical;return r.jsx(y,{ref:c,width:"100%",height:"100%",position:"relative",overflow:"hidden",...qx[o],...h==null?void 0:h.container,...f,children:e})},Zx=({children:e,orientation:o="horizontal",size:t="md",variant:n="default",defaultSizes:a,onSizesChange:l,minSize:s=50,maxSize:u,collapsible:c=!1,autoSaveId:d,storage:m,keyboardResizeBy:g=10,views:h,...f})=>{const{isResizing:y,setIsResizing:b,containerRef:k,registerPanel:C,unregisterPanel:j,getPanelSize:w,setPanelSize:S,isPanelCollapsed:x,togglePanelCollapse:v,startResize:T,onResize:F,endResize:V}=Nx(o,a,l,s,u,c,d,m,g);return r.jsx(Xx,{value:{orientation:o,size:t,variant:n,isResizing:y,setIsResizing:b,registerPanel:C,unregisterPanel:j,getPanelSize:w,setPanelSize:S,isPanelCollapsed:x,togglePanelCollapse:v,startResize:T,onResize:F,endResize:V},children:r.jsx(Qx,{orientation:o,size:t,variant:n,defaultSizes:a,minSize:s,maxSize:u,collapsible:c,autoSaveId:d,keyboardResizeBy:g,containerRef:k,views:h,...f,children:e})})},kn=Zx;kn.Panel=Kx;kn.Handle=Jx;const xr={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"}}},eb={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"}},ob=()=>Math.random().toString(36).substring(2,9);let So=new Map;const cr=Po.create(e=>({toasts:[],add:(o,t,n,a={})=>{const l=a.id||ob(),s={id:l,variant:o,title:t,description:n,createdAt:Date.now(),isVisible:!0,...a};if(e(u=>({toasts:[...u.toasts,s]})),a.duration!==0){const u=a.duration||5e3,c=setTimeout(()=>{cr.getState().remove(l)},u);So.set(l,c)}return l},remove:o=>{e(t=>({toasts:t.toasts.map(n=>n.id===o?{...n,isVisible:!1}:n)})),So.has(o)&&(clearTimeout(So.get(o)),So.delete(o)),setTimeout(()=>{e(t=>({toasts:t.toasts.filter(n=>n.id!==o)}))},300)},removeAll:()=>{So.forEach(clearTimeout),So.clear(),e(o=>({toasts:o.toasts.map(t=>({...t,isVisible:!1}))})),setTimeout(()=>{e({toasts:[]})},300)}})),mo=(e,o,t,n)=>cr.getState().add(e,o,t,n),Yi=(e,o,t)=>mo("info",e,o,t),Xi=(e,o,t)=>mo("success",e,o,t),Ki=(e,o,t)=>mo("warning",e,o,t),Ji=(e,o,t)=>mo("error",e,o,t),Qi=e=>{cr.getState().remove(e)},Zi=()=>{cr.getState().removeAll()},es=({variant:e,title:o,description:t,onClose:n,isClosable:a=!0,action:l,actionText:s,showIcon:u=!0,theme:c,views:d,render:m,icon:g,id:h,isVisible:f=!0,themeMode:y})=>{const b=c??xr,k=()=>{var S,x;if(g!==void 0)return g;const w=e?(x=(S=xr[e])==null?void 0:S.icon)==null?void 0:x.color:xr.info.icon.color;switch(e){case"info":return r.jsx(Ye,{widthHeight:20,color:w});case"success":return r.jsx(Va,{widthHeight:20,color:w});case"warning":return r.jsx(Ye,{widthHeight:20,color:w,orientation:"down"});case"error":return r.jsx(Er,{widthHeight:20,color:w});default:return r.jsx(Ye,{widthHeight:20,color:xr.info.icon.color})}};if(m)return r.jsx(r.Fragment,{children:m({id:h||"",onClose:n})});const C=e==="error"?"alert":"status",j=e==="error"||e==="warning"?"assertive":"polite";return r.jsxs(i.Horizontal,{role:C,"aria-live":j,"aria-atomic":"true","data-state":f?"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:f?1:0,transform:f?"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:[u&&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:b[e].content.color,backgroundColor:b[e].container.backgroundColor,...d==null?void 0:d.title,children:o}),t&&r.jsx(i.Text,{size:"xs",lineHeight:"18px",color:b[e].content.color,fontWeight:"400",backgroundColor:b[e].container.backgroundColor,...d==null?void 0:d.description,children:t}),l&&s&&r.jsx(i.Text,{size:"sm",fontWeight:"600",marginTop:"6px",cursor:"pointer",color:b[e].content.color,backgroundColor:b[e].container.backgroundColor,onClick:w=>{w.stopPropagation(),l()},_hover:{textDecoration:"underline"},transition:"opacity 0.2s ease, color 0.2s ease",...d==null?void 0:d.actionButton,children:s})]}),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:w=>{w.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:b[e].content.color})})]})},rb=({position:e="top-right",gap:o=8,limit:t=5,containerStyle:n})=>{const{toasts:a,remove:l}=cr(),u=p.useMemo(()=>{const c={top:[],"top-right":[],"top-left":[],bottom:[],"bottom-right":[],"bottom-left":[]};return a.forEach(d=>{const m=d.position||e;c[m].push(d)}),Object.keys(c).forEach(d=>{c[d]=c[d].slice(-t)}),c},[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",...eb[e],style:n,children:u.map(c=>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(es,{id:c.id,variant:c.variant,title:c.title,description:c.description,onClose:()=>l(c.id),isClosable:c.isClosable,action:c.action,actionText:c.actionText,showIcon:c.showIcon,views:c.views,render:c.render,icon:c.icon,isVisible:c.isVisible})},c.id))})},tb=()=>({toast:(e,o,t,n)=>mo(e,o,t,n),info:(e,o,t)=>Yi(e,o,t),success:(e,o,t)=>Xi(e,o,t),warning:(e,o,t)=>Ki(e,o,t),error:(e,o,t)=>Ji(e,o,t),remove:e=>Qi(e),removeAll:()=>Zi()}),nb=e=>r.jsx(es,{...e}),ab=Object.assign(nb,{Container:e=>r.jsx(rb,{...e}),show:mo,info:Yi,success:Xi,warning:Ki,error:Ji,remove:Qi,removeAll:Zi}),lb=tb,na=(e,o)=>{var s,u;if(!e)return!0;const t=e.toLowerCase(),n=o.name.toLowerCase().includes(t),a=((s=o.description)==null?void 0:s.toLowerCase().includes(t))||!1,l=((u=o.keywords)==null?void 0:u.some(c=>c.toLowerCase().includes(t)))||!1;return n||a||l},ib=({open:e,onOpenChange:o,groups:t=[],commands:n=[],filter:a})=>{const[l,s]=p.useState(""),[u,c]=p.useState(0),d=p.useRef(null),m=p.useMemo(()=>a||na,[a]),g=p.useMemo(()=>[...t.flatMap(k=>k.commands),...n],[t,n]),h=p.useMemo(()=>l.trim()?g.filter(b=>m(l,b)):g,[g,l,m]),f=p.useMemo(()=>{if(!l)return t;const b=a||na;return t.map(k=>({...k,commands:k.commands.filter(C=>b(l,C))})).filter(k=>k.commands.length)},[t,l,a]);p.useEffect(()=>{c(0)},[h.length]);const y=p.useCallback(b=>{if(e)switch(b.key){case"ArrowDown":b.preventDefault(),c(k=>k<h.length-1?k+1:k);break;case"ArrowUp":b.preventDefault(),c(k=>k>0?k-1:k);break;case"Enter":b.preventDefault(),h[u]&&(h[u].onSelect(),o(!1),s(""));break;case"Escape":b.preventDefault(),o(!1),s("");break}},[e,h,u,o]);return p.useEffect(()=>{if(typeof(document==null?void 0:document.addEventListener)=="function")return document.addEventListener("keydown",y),()=>{document.removeEventListener("keydown",y)}},[y]),p.useEffect(()=>{const b=d.current;if(b&&typeof b.querySelector=="function"&&e){const k=b.querySelector(`[data-index="${u}"]`);k&&typeof k.scrollIntoView=="function"&&k.scrollIntoView({block:"nearest"})}},[u,e]),p.useEffect(()=>{e?c(0):s("")},[e]),{search:l,setSearch:s,selectedIndex:u,setSelectedIndex:c,filteredCommands:h,filteredGroups:f,listRef:d}},sb=({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}),os=p.forwardRef(({value:e,onValueChange:o,...t},n)=>r.jsx(i.Input,{value:e,onChange:a=>{var l,s;return o(typeof a=="string"?a:((l=a==null?void 0:a.target)==null?void 0:l.value)??((s=a==null?void 0:a.nativeEvent)==null?void 0:s.text)??"")},ref:n,...t}));os.displayName="CommandTextInput";const cb={sm:{width:"400px",maxHeight:"300px"},md:{width:"500px",maxHeight:"400px"},lg:{width:"600px",maxHeight:"500px"}},db=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)"}}),ub=db(),pb={display:"flex",alignItems:"center",padding:"12px 16px",borderBottomWidth:"1px",borderBottomStyle:"solid",borderBottomColor:"color-gray-200"},mb={overflow:"auto",padding:"8px 0"},gb={marginBottom:"8px"},hb={padding:"8px 16px",fontSize:"12px",fontWeight:"bold",color:"color-gray-500",textTransform:"uppercase"},fb={display:"flex",alignItems:"center",padding:"8px 16px",cursor:"pointer",userSelect:"none",borderRadius:"4px",margin:"0 8px",_hover:{backgroundColor:"color-gray-100"}},yb={backgroundColor:"color-blue-50",_hover:{backgroundColor:"color-blue-100"}},xb={opacity:.5,cursor:"not-allowed",_hover:{backgroundColor:"transparent"}},bb={display:"flex",alignItems:"center",justifyContent:"center",marginRight:"12px",color:"color-gray-500"},kb={display:"flex",flexDirection:"column",flex:1},Cb={fontSize:"14px",fontWeight:"medium"},Sb={fontSize:"12px",color:"color-gray-500",marginTop:"2px"},jb={display:"flex",alignItems:"center",marginLeft:"12px",fontSize:"12px",color:"color-gray-500"},wb={display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",color:"color-gray-500",textAlign:"center"},vb={display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 16px",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"color-gray-200",fontSize:"12px",color:"color-gray-500"},Tb=p.createContext({search:"",setSearch:()=>{},selectedIndex:0,setSelectedIndex:()=>{},filteredCommands:[],onSelect:()=>{}}),Ib=({value:e,children:o})=>r.jsx(Tb.Provider,{value:e,children:o}),rs=({value:e,onValueChange:o,placeholder:t="Type a command or search...",views:n,...a})=>{const l=p.useRef(null);return p.useEffect(()=>{l.current&&l.current.focus()},[]),r.jsxs(i.View,{...pb,...n==null?void 0:n.container,...a,children:[r.jsx(Ir,{widthHeight:16,color:"color-gray-400",marginRight:"8px"}),r.jsx(os,{width:"100%",border:"none",outline:"none",backgroundColor:"transparent",fontSize:"14px",...n==null?void 0:n.input,value:e,onValueChange:o,placeholder:t,ref:l})]})},Fb=({children:e,views:o,...t})=>r.jsx(i.View,{...mb,...o==null?void 0:o.container,...t,children:e}),ts=({heading:e,children:o,views:t,...n})=>r.jsxs(i.View,{...gb,...t==null?void 0:t.container,...n,children:[r.jsx(i.Text,{...hb,...t==null?void 0:t.heading,children:e}),o]}),Tt=({item:e,selected:o=!1,onSelect:t,views:n,...a})=>{const l=()=>{!e.disabled&&t&&t()};return r.jsxs(i.Horizontal,{...fb,...o?yb:{},...e.disabled?xb:{},onPress:l,onClick:l,...n==null?void 0:n.container,...a,children:[e.icon&&r.jsx(i.View,{...bb,...n==null?void 0:n.icon,children:e.icon}),r.jsxs(i.Vertical,{...kb,...n==null?void 0:n.content,children:[r.jsx(i.Text,{...Cb,...n==null?void 0:n.name,children:e.name}),e.description&&r.jsx(i.Text,{...Sb,...n==null?void 0:n.description,children:e.description})]}),e.shortcut&&r.jsx(i.Text,{...jb,...n==null?void 0:n.shortcut,children:e.shortcut})]})},ns=({children:e="No results found.",views:o,...t})=>r.jsx(i.View,{...wb,...o==null?void 0:o.container,...t,children:e}),Rb=({open:e,onOpenChange:o,groups:t=[],commands:n=[],placeholder:a,size:l="md",variant:s="default",emptyState:u,footer:c,search:d,setSearch:m,selectedIndex:g,setSelectedIndex:h,filteredCommands:f,filteredGroups:y,listRef:b,views:k,filter:C,...j})=>{if(!e)return null;const w=p.useCallback(T=>{T.disabled||(T.onSelect(),o(!1),m(""))},[o,m]);p.useCallback(T=>T.target===T.currentTarget&&o(!1),[o]);const S=p.useMemo(()=>({search:d,setSearch:m,selectedIndex:g,setSelectedIndex:h,filteredCommands:f,onSelect:w}),[d,g,f,w,m,h]),x=t.length>0,v=f.length===0;return r.jsx(sb,{onClose:()=>o(!1),...j,children:r.jsx(Ib,{value:S,children:r.jsxs(i.View,{borderRadius:"8px",overflow:"hidden",display:"flex",flexDirection:"column",...cb[l],...ub[s],...k==null?void 0:k.container,onClick:T=>T.stopPropagation(),children:[r.jsx(rs,{value:d,onValueChange:m,placeholder:a,views:k==null?void 0:k.searchInput}),r.jsx(i.View,{ref:b,flex:1,overflow:"auto",...k==null?void 0:k.list,children:v?u||r.jsx(ns,{views:k==null?void 0:k.empty}):x?y.map(T=>r.jsx(ts,{heading:T.name,views:k==null?void 0:k.groupHeading,children:T.commands.map(F=>{const V=f.findIndex(E=>E.id===F.id);return r.jsx(Tt,{item:F,selected:V===g,onSelect:()=>w(F),"data-index":V,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)})},T.id)):f.map((T,F)=>r.jsx(Tt,{item:T,selected:F===g,onSelect:()=>w(T),"data-index":F,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}},T.id))}),c&&r.jsx(i.View,{...vb,...k==null?void 0:k.footer,children:c})]})})})},zb=({open:e,onOpenChange:o,groups:t=[],commands:n=[],placeholder:a,size:l="md",variant:s="default",filter:u,emptyState:c,footer:d,views:m,...g})=>{const{search:h,setSearch:f,selectedIndex:y,setSelectedIndex:b,filteredCommands:k,filteredGroups:C,listRef:j}=ib({open:e,onOpenChange:o,groups:t,commands:n,filter:u});return r.jsx(Rb,{open:e,onOpenChange:o,groups:t,commands:n,placeholder:a,size:l,variant:s,emptyState:c,footer:d,search:h,setSearch:f,selectedIndex:y,setSelectedIndex:b,filteredCommands:k,filteredGroups:C,listRef:j,views:m,...g})},Eo=zb;Eo.Input=rs;Eo.List=Fb;Eo.Group=ts;Eo.Item=Tt;Eo.Empty=ns;const aa=()=>Math.random().toString(36).substring(2,11),Mb=({defaultOpen:e=!1,openDelay:o=200,closeDelay:t=200,isDisabled:n=!1}={})=>{const[a,l]=p.useState(e),s=p.useRef(null),u=p.useRef(null),c=p.useRef(null),d=p.useRef(null),m=p.useRef(`tooltip-trigger-${aa()}`).current,g=p.useRef(`tooltip-content-${aa()}`).current,h=p.useCallback(()=>{n||(d.current&&(clearTimeout(d.current),d.current=null),!a&&!c.current&&(c.current=setTimeout(()=>{l(!0),c.current=null},o)))},[a,o,n]),f=p.useCallback(()=>{c.current&&(clearTimeout(c.current),c.current=null),a&&!d.current&&(d.current=setTimeout(()=>{l(!1),d.current=null},t))},[a,t]),y=p.useCallback(()=>{d.current&&(clearTimeout(d.current),d.current=null)},[]);return p.useEffect(()=>()=>{c.current&&clearTimeout(c.current),d.current&&clearTimeout(d.current)},[]),p.useEffect(()=>{if(typeof(document==null?void 0:document.addEventListener)!="function")return;const b=k=>{k.key==="Escape"&&a&&l(!1)};return document.addEventListener("keydown",b),()=>{document.removeEventListener("keydown",b)}},[a]),{isOpen:a,openTooltip:h,closeTooltip:f,cancelCloseTimer:y,triggerRef:s,contentRef:u,triggerId:m,contentId:g}},Wb={sm:{padding:"4px 8px",fontSize:"12px",maxWidth:"200px"},md:{padding:"6px 10px",fontSize:"14px",maxWidth:"250px"},lg:{padding:"8px 12px",fontSize:"16px",maxWidth:"300px"}},Pb=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"}}),Hb=Pb(),Vb=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}},as=p.createContext({isOpen:!1,openTooltip:()=>{},closeTooltip:()=>{},triggerRef:{current:null},contentRef:{current:null},contentId:"",triggerId:""}),Cn=()=>p.useContext(as),Ab=({value:e,children:o})=>r.jsx(as.Provider,{value:e,children:o}),ls=p.memo(({children:e,views:o,asChild:t=!1,...n})=>{const{openTooltip:a,closeTooltip:l,triggerRef:s,contentId:u,triggerId:c}=Cn(),d=p.useCallback(()=>a(),[a]),m=p.useCallback(()=>l(),[l]),g=p.useCallback(()=>a(),[a]),h=p.useCallback(()=>l(),[l]),f={ref:s,onMouseEnter:d,onMouseLeave:m,onFocus:g,onBlur:h,id:c,"aria-describedby":u,...o==null?void 0:o.container,...n};return t&&p.isValidElement(e)?p.cloneElement(e,f):r.jsx(i.View,{display:"inline-block",...f,children:e})}),Eb=p.memo(({children:e,views:o,...t})=>{const{isOpen:n,contentRef:a,contentId:l,triggerId:s}=Cn();return n?r.jsx(i.View,{ref:a,id:l,role:"tooltip","aria-labelledby":s,...o==null?void 0:o.container,...t,children:e}):null}),Db=({content:e,children:o,position:t="top",align:n="center",size:a="md",variant:l="default",showArrow:s=!0,views:u,themeMode:c,...d})=>{const{isOpen:m,triggerRef:g,contentRef:h,contentId:f,triggerId:y}=Cn(),{ref:b,relation:k}=i.useElementPosition({trackChanges:!0,trackOnHover:!0,trackOnScroll:!0,trackOnResize:!0}),[C,j]=p.useState({x:0,y:0,placement:t});p.useEffect(()=>{g!=null&&g.current&&b&&(b.current=g.current)},[g,b,m]),p.useEffect(()=>{if(m&&(h!=null&&h.current)&&(g!=null&&g.current)){const x=g.current.getBoundingClientRect();let v=t;k&&(t==="top"&&k.space.vertical==="bottom"?v="bottom":t==="bottom"&&k.space.vertical==="top"?v="top":t==="right"&&k.space.horizontal==="left"?v="left":t==="left"&&k.space.horizontal==="right"&&(v="right"));let T=0,F=0;switch(v){case"top":T=n==="start"?x.left:n==="end"?x.right-120:x.left+x.width/2-60,F=x.top-8;break;case"bottom":T=n==="start"?x.left:n==="end"?x.right-120:x.left+x.width/2-60,F=x.bottom+8;break;case"right":T=x.right+8,F=n==="start"?x.top:n==="end"?x.bottom-32:x.top+x.height/2-16;break;case"left":T=x.left-8,F=n==="start"?x.top:n==="end"?x.bottom-32:x.top+x.height/2-16;break}j({x:T,y:F,placement:v})}},[m,t,n,g,h,k]);const w=p.useMemo(()=>s?Vb(C.placement):{},[s,C.placement]),S=p.useMemo(()=>{const x={position:"fixed",left:C.x,top:C.y,zIndex:1e3};switch(C.placement){case"top":return{...x,transform:"translateY(-100%)"};case"left":return{...x,transform:"translateX(-100%)"};case"bottom":case"right":default:return x}},[C.x,C.y,C.placement]);return r.jsxs(i.View,{position:"relative",display:"inline-block",...u==null?void 0:u.container,...d,children:[r.jsx(ls,{children:o}),m&&r.jsxs(i.View,{ref:h,id:f,role:"tooltip","aria-labelledby":y,borderRadius:4,boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.15)",style:S,...Wb[a],...Hb[l],...u==null?void 0:u.content,children:[typeof e=="string"?r.jsx(i.Text,{...u==null?void 0:u.text,children:e}):e,s&&r.jsx(i.View,{...w,...u==null?void 0:u.arrow})]})]})},$b=({content:e,children:o,position:t="top",align:n="center",size:a="md",variant:l="default",openDelay:s=200,closeDelay:u=200,showArrow:c=!0,defaultOpen:d=!1,isDisabled:m=!1,views:g,...h})=>{const f=Mb({defaultOpen:d,openDelay:s,closeDelay:u,isDisabled:m});return r.jsx(Ab,{value:f,children:r.jsx(Db,{content:e,position:t,align:n,size:a,variant:l,showArrow:c,views:g,...h,children:o})})},Yr=$b;Yr.Trigger=ls;Yr.Content=Eb;const is=p.forwardRef((e,o)=>{const t=_l(e);return r.jsx(Ul,{...e,...t})});is.displayName="ChatInput";const Lb={container:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}},la={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%"}},dt={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}},ut={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}},Bb=p.createContext({}),_b=({children:e,showRadialGradient:o=!0,views:t,themeMode:n,...a})=>{const l={white:"rgba(255,255,255,1)",transparent:"rgba(255,255,255,0)"},s=["rgb(59, 130, 246)","rgb(196, 181, 253)","rgb(147, 197, 253)","rgb(221, 214, 254)","rgb(96, 165, 250)"],u={...la.gradient,backgroundImage:`
27
27
  repeating-linear-gradient(100deg, ${s.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,{...Ua.container,...t==null?void 0:t.container,...n,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,{...la.container,...t==null?void 0:t.container,...a,children:[r.jsx(i.View,{style:u}),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
- `})]})},ib=({number:e=20,children:o,...t})=>{const a=Array.from({length:e},(n,l)=>l);return r.jsxs(i.View,{width:"100%",height:"100%",backgroundColor:"black",position:"relative",overflow:"hidden",...t,children:[a.map(n=>{const l=n*37%200-100+"px",s=.2+n*13%6*.1+"s",d=(1+n*7%9)/2+"s",u=300+n*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(${u}) translateY(${u})`},iterationCount:"infinite",timingFunction:"linear",fillMode:"forwards",duration:d,delay:s},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)"})},n)}),o&&r.jsx(i.View,{position:"relative",zIndex:1,width:"100%",height:"100%",children:o})]})},Ga=["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)"],sb=()=>Ga[Math.floor(Math.random()*Ga.length)],cb=({rows:e=15,cols:o=10,squareSize:t=40,...a})=>{const n=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)",...a,children:n.map((s,d)=>r.jsx(i.Horizontal,{gap:0,children:l.map((u,c)=>r.jsx(i.View,{height:t/3,width:t,borderStyle:"solid",borderColor:"color-gray-200",borderWidth:.5,backgroundColor:"transparent",cursor:"pointer",on:{hover:{backgroundColor:sb(),transition:"background-color 0.2s ease"}}},`col-${c}`))},`row-${d}`))})},db=["rgb(59, 130, 246)","rgb(147, 51, 234)","rgb(236, 72, 153)","rgb(34, 197, 94)","rgb(251, 146, 60)","rgb(168, 85, 247)"],ub=({count:e=50,colors:o=db,speed:t="medium",shapes:a=["circle"],...n})=>{const l=Array.from({length:e},(c,m)=>m),s=()=>{switch(t){case"slow":return .5;case"fast":return 2;default:return 1}},d=()=>a[Math.floor(Math.random()*a.length)],u=()=>o[Math.floor(Math.random()*o.length)];return r.jsx(i.View,{width:400,height:300,position:"relative",overflow:"hidden",backgroundColor:"color-gray-900",...n,children:l.map(c=>{const m=Math.random()*8+4,g=Math.random()*400,h=Math.random()*300,f=Math.random()*400,y=Math.random()*300,x=(Math.random()*10+5)/s(),b=Math.random()*5,k=d(),j=u(),w={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:j,opacity:.7,style:{left:g,top:h,...w[k]},animate:{from:{transform:"translate(0px, 0px) scale(0.5)",opacity:0},to:{transform:`translate(${f-g}px, ${y-h}px) scale(1)`,opacity:.7},iterationCount:"infinite",direction:"alternate",timingFunction:"ease-in-out",duration:`${x}s`,delay:`${b}s`}},c)})})},pb=({gridSize:e=30,lineColor:o="rgba(59, 130, 246, 0.3)",pulseColor:t="rgba(59, 130, 246, 0.8)",animationSpeed:a="medium",...n})=>{const l=()=>{switch(a){case"slow":return 4;case"fast":return 1;default:return 2}},s=Math.floor(400/e),d=Math.floor(300/e),u=s*d,c=Array.from({length:u},(m,g)=>g);return r.jsxs(i.View,{width:400,height:300,position:"relative",overflow:"hidden",backgroundColor:"color-gray-900",...n,children:[Array.from({length:s+1},(m,g)=>r.jsx(i.View,{position:"absolute",left:g*e,top:0,width:1,height:"100%",backgroundColor:o},`v-line-${g}`)),Array.from({length:d+1},(m,g)=>r.jsx(i.View,{position:"absolute",left:0,top:g*e,width:"100%",height:1,backgroundColor:o},`h-line-${g}`)),c.map(m=>{const g=m%s,h=Math.floor(m/s),f=(g+h)*.1;return r.jsx(i.View,{position:"absolute",left:g*e+1,top:h*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:`${f}s`}},m)})]})},mb=["rgba(59, 130, 246, 0.6)","rgba(147, 51, 234, 0.6)","rgba(236, 72, 153, 0.6)","rgba(34, 197, 94, 0.6)"],gb=({rippleCount:e=5,colors:o=mb,maxSize:t=200,frequency:a=3,...n})=>{const l=Array.from({length:e},(s,d)=>({id:d,x:Math.random()*400,y:Math.random()*300,color:o[d%o.length],delay:d*(a/e),duration:3+Math.random()*2}));return r.jsxs(i.View,{width:400,height:300,position:"relative",overflow:"hidden",backgroundColor:"color-gray-100",...n,children:[l.map(s=>r.jsx(i.View,{position:"absolute",width:20,height:20,borderRadius:"50%",style:{left:s.x-10,top:s.y-10,border:`2px solid ${s.color}`,backgroundColor:"transparent"},animate:{from:{transform:"scale(0)",opacity:1},to:{transform:`scale(${t/20})`,opacity:0},iterationCount:"infinite",timingFunction:"ease-out",duration:`${s.duration}s`,delay:`${s.delay}s`}},s.id)),l.map(s=>r.jsx(i.View,{position:"absolute",width:10,height:10,borderRadius:"50%",style:{left:s.x-5,top:s.y-5,backgroundColor:s.color},animate:{from:{transform:"scale(1)",opacity:.8},to:{transform:`scale(${t/40})`,opacity:0},iterationCount:"infinite",timingFunction:"ease-out",duration:`${s.duration*1.2}s`,delay:`${s.delay+.5}s`}},`secondary-${s.id}`))]})},hb=({children:e,src:o,backgroundSize:t="cover",backgroundPosition:a="center",backgroundRepeat:n="no-repeat",backgroundAttachment:l="scroll",imageOpacity:s=1,overlay:d=null,blendMode:u="normal",views:c,themeMode:m,...g})=>{const h={...at.image,backgroundImage:`url(${o})`,backgroundSize:t,backgroundPosition:a,backgroundRepeat:n,backgroundAttachment:l,opacity:s};return r.jsxs(i.View,{...at.container,...c==null?void 0:c.container,...g,children:[r.jsx(i.View,{style:h,...c==null?void 0:c.image}),d,e&&r.jsx(i.View,{...at.content,...c==null?void 0:c.content,children:e})]})},fb=({children:e,src:o,autoPlay:t=!0,loop:a=!0,muted:n=!0,playsInline:l=!0,overlay:s=null,blendMode:d="normal",views:u,themeMode:c,...m})=>r.jsxs(i.View,{...nt.container,...u==null?void 0:u.container,...m,children:[r.jsx(i.View,{as:"video",src:o,autoPlay:t,loop:a,muted:n,playsInline:l,style:nt.video,...u==null?void 0:u.video}),s,e&&r.jsx(i.View,{...nt.content,...u==null?void 0:u.content,children:e})]}),yb=({children:e,...o})=>r.jsx(yi,{...o,children:e}),xb=({contentPosition:e,backgroundColor:o="color-black-900",...t})=>{const n=(()=>{let l=`${o}-100`,s=`${o}-900`,d=`${o}-600`,u=`${o}-400`;switch(o.indexOf("-")===-1&&(l=`color-mix(in srgb, ${o} 10%, transparent)`,s=`color-mix(in srgb, ${o} 90%, transparent)`,d=`color-mix(in srgb, ${o} 70%, transparent)`,u=`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, ${s} 0%, ${d} 65%, ${l} 100%)`;case"right":return`radial-gradient(circle at 30% 50%, ${l} 0%, ${l} 100%), linear-gradient(to left, ${s} 0%, ${d} 65%, ${l} 100%)`;case"top":return`radial-gradient(circle at 50% 40%, ${l} 0%, ${l} 100%), linear-gradient(to bottom, ${s} 0%, ${d} 60%, ${l} 100%)`;case"bottom":return`radial-gradient(circle at 50% 60%, ${l} 0%, ${l} 100%), linear-gradient(to top, ${s} 0%, ${d} 60%, ${l} 100%)`;case"center":return`radial-gradient(circle at 50% 70%, ${s} 0%, ${l} 100%)`;default:return u}})();return r.jsx(i.View,{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:n,pointerEvents:"none",zIndex:1,...t})},bb=({children:e,views:o,...t})=>r.jsx(nb.Provider,{value:{},children:r.jsx(i.View,{...ab.container,...o==null?void 0:o.container,...t,children:e})}),Ui=p.forwardRef(({children:e,designProps:o,shape:t="rounded",decorationRotation:a=5,decorationScale:n=1,decorationOpacity:l=.8,views:s,...d},u)=>{const m=(b=>{switch(b){case"square":return"0px";case"pill":return"9999px";case"rounded":default:return"16px"}})(t),g=Math.abs(a)*(Math.PI/180),h=Math.sin(g)*100,f=(n-1)*100/2,y=Math.ceil(h+f),x=d.backgroundColor??"theme-primary";return r.jsx(i.View,{...d,ref:u,backgroundColor:"transparent",position:"relative",overflow:"visible",...s==null?void 0:s.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:x,borderRadius:m,opacity:l/1.5,transform:`scale(${n})`,pointerEvents:"none",zIndex:1,...s==null?void 0:s.back}),r.jsx(i.View,{position:"absolute",top:y,left:y,right:y,bottom:y,transform:`rotate(${a}deg) scale(${n})`,opacity:l/1.2,backgroundColor:x,borderRadius:m,pointerEvents:"none",zIndex:2,...s==null?void 0:s.front}),r.jsx(i.View,{margin:"0 auto",position:"relative",zIndex:3,...s==null?void 0:s.content,children:e})]})})});Ui.displayName="Background.Layout";const ce=bb;ce.Aurora=lb;ce.Meteors=ib;ce.Wall=cb;ce.Particles=ub;ce.Grid=pb;ce.Ripples=gb;ce.Image=hb;ce.Video=fb;ce.Gradient=yb;ce.Overlay=xb;ce.Layout=Ui;const Gi=p.forwardRef((e,o)=>r.jsx(ce,{...e,ref:o}));Gi.displayName="Background";const Yi=Object.assign(Gi,{Layout:ce.Layout,Aurora:ce.Aurora,Meteors:ce.Meteors,Wall:ce.Wall,Particles:ce.Particles,Grid:ce.Grid,Ripples:ce.Ripples,Image:ce.Image,Video:ce.Video,Gradient:ce.Gradient,Overlay:ce.Overlay});Yi.displayName="Background";function kb(e){const{inputValue:o,onInputChange:t,onSubmit:a,messages:n=[]}=e,[l,s]=p.useState(""),d=p.useRef(null),u=p.useRef(null),c=o!==void 0,m=o!==void 0?o:l,g=p.useCallback(f=>{c?t==null||t(f):s(f)},[c,t]),h=p.useCallback(f=>{f&&f.preventDefault();const y=m.trim();y&&a&&(a(y),c||s(""),d.current&&(d.current.style.height="auto"))},[m,a,c]);return p.useEffect(()=>{u.current&&(u.current.scrollTop=u.current.scrollHeight)},[n.length]),{internalInputValue:m,handleInputChange:g,handleSubmit:h,inputRef:d,messagesRef:u}}const Cb={sm:{fontSize:"12px",padding:"8px"},md:{fontSize:"14px",padding:"10px"},lg:{fontSize:"14px",padding:"12px"}},Sb={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"}},jb={sm:{fontSize:"12px",padding:"8px 10px",borderRadius:"12px"},md:{fontSize:"14px",padding:"10px 12px",borderRadius:"12px"},lg:{fontSize:"14px",padding:"12px 14px",borderRadius:"14px"}},wb={backgroundColor:"theme-primary",color:"color-white",alignSelf:"flex-end",borderBottomRightRadius:"4px"},vb={backgroundColor:"color-white",color:"color-gray-900",alignSelf:"flex-start",borderBottomLeftRadius:"4px",border:"1px solid color-gray-200"},Tb={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"},_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:Tb,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}},Ib=({messages:e=[],inputPlaceholder:o="Type a message...",disableInput:t=!1,variant:a="default",size:n="md",showTimestamps:l=!0,enableAttachments:s=!1,enableContextPicker:d=!1,selectedContextElements:u=[],onContextPickerClick:c,onRemoveContextElement:m,isLoading:g=!1,loadingText:h="Loading...",styles:f={},maxHeight:y="600px",internalInputValue:x,handleInputChange:b,handleSubmit:k,inputRef:j,messagesRef:w,inputValue:C,onInputChange:S,...v})=>{var H;const I={..._e.container,...Sb[a],...f.container},F={..._e.messagesContainer,maxHeight:y,...f.messagesContainer},W={..._e.inputContainer,...f.inputContainer},E={..._e.input,...Cb[n],...f.input},T=p.useCallback(M=>{b(M.target.value),M.target.style.height="auto",M.target.style.height=`${M.target.scrollHeight}px`},[b]),A=p.useCallback(M=>{M.key==="Enter"&&!M.shiftKey&&(M.preventDefault(),k())},[k]),P=x.trim().length>0,{onSubmit:z,...R}=v;return r.jsxs(i.View,{...I,...R,children:[r.jsxs(i.View,{ref:w,...F,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(M=>r.jsx(Fb,{message:M,size:n,showTimestamp:l,styles:{bubble:f.bubble,userBubble:f.userBubble,assistantBubble:f.assistantBubble,timestamp:f.timestamp,reasoningContainer:f.reasoningContainer,reasoningContent:f.reasoningContent,errorMessage:f.errorMessage,systemMessage:f.systemMessage,toolMessage:f.toolMessage}},M.id)),g&&r.jsxs(i.Horizontal,{justifyContent:"flex-start",alignItems:"center",gap:8,marginTop:"8px",...f.loadingIndicator,children:[r.jsx(Vt,{widthHeight:12,color:"currentColor",filled:!1,style:{animation:"spin 1s linear infinite"}}),r.jsx(i.Text,{color:"color-gray-500",fontSize:"14px",children:h})]})]}),r.jsxs(i.View,{children:[u.length>0&&r.jsx(i.Horizontal,{gap:8,marginBottom:"8px",flexWrap:"wrap",padding:"0 12px 8px",...f.contextChipsContainer,children:u.map(M=>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:M.name}),r.jsx(i.View,{as:"button",type:"button",onClick:()=>m==null?void 0:m(M.id),cursor:"pointer",border:"none",backgroundColor:"transparent",display:"flex",alignItems:"center",children:r.jsx(Te,{widthHeight:12,color:"color-blue-700"})})]},M.id))}),r.jsxs(i.View,{as:"form",onSubmit:k,...W,children:[s&&r.jsx(i.View,{as:"button",type:"button",..._e.attachmentButton,...f.attachmentButton,_hover:{backgroundColor:"color-gray-100"},children:r.jsx(Xo,{widthHeight:16,color:"color-gray-600"})}),r.jsx(i.View,{as:"textarea",ref:j,value:x,onChange:T,onKeyDown:A,placeholder:o,disabled:t||g,...E,style:{...E,opacity:t||g?.5:1}}),r.jsxs(i.Vertical,{gap:4,alignItems:"center",children:[d&&r.jsx(i.View,{as:"button",type:"button",onClick:c,..._e.attachmentButton,...f.contextPickerButton,_hover:{backgroundColor:"color-gray-100",...(H=f.contextPickerButton)==null?void 0:H._hover},title:"Select element from page",children:r.jsx(In,{widthHeight:16,color:"color-gray-600"})}),r.jsx(i.View,{as:"button",type:"submit",disabled:!P||t||g,..._e.sendButton,backgroundColor:P?"theme-primary":"color-gray-300",_hover:{backgroundColor:P?"theme-primary":"color-gray-300"},...f.sendButton,style:{cursor:P?"pointer":"not-allowed",opacity:!P||t||g?.6:1},children:r.jsx(At,{widthHeight:16,color:"color-white",filled:!1})})]})]})]})]})},Fb=({message:e,size:o,showTimestamp:t,styles:a})=>{const[n,l]=p.useState(!1),[s,d]=p.useState(!1),u=e.role==="user",c=e.messageType==="system",m=e.messageType==="error",g=e.messageType==="tool";if(c)return r.jsx(i.View,{display:"flex",justifyContent:"center",padding:"8px",width:"100%",...a.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(g)return r.jsx(i.View,{display:"flex",justifyContent:"flex-start",padding:"8px 16px",width:"100%",...a.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(jn,{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 h={..._e.bubble,...jb[o],...u?wb:vb,...m?{backgroundColor:"color-red-50",borderWidth:1,borderStyle:"solid",borderColor:"color-red-200",color:"color-red-700"}:{},...a.bubble,...u?a.userBubble:a.assistantBubble,...m?a.errorMessage:{}},f={..._e.timestamp,[u?"right":"left"]:"8px",opacity:n?1:0,...a.timestamp};return r.jsx(i.View,{position:"relative",onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),display:"flex",justifyContent:u?"flex-end":"flex-start",children:r.jsxs(i.View,{...h,children:[t&&r.jsx(i.View,{...f,children:e.timestamp.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}),m&&r.jsxs(i.Horizontal,{gap:6,marginBottom:"4px",alignItems:"center",children:[r.jsx(Ar,{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",...a.reasoningContainer,children:[r.jsxs(i.Horizontal,{as:"button",onClick:()=>d(!s),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:s?"down":"right",widthHeight:10,color:"color-gray-500"})]}),s&&r.jsx(i.View,{padding:"8px",backgroundColor:"color-gray-50",borderRadius:"8px",marginTop:"4px",borderWidth:1,borderStyle:"solid",borderColor:"color-gray-200",...a.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(Xo,{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))]})]})})},pa=e=>{const o=kb(e);return r.jsx(Ib,{...e,...o})};pa.displayName="ChatWidget";const Xi=pa;function Rb({onSelect:e,onCancel:o,active:t}){const[a,n]=p.useState(null);p.useRef(null);const l=p.useCallback(u=>{var f;if(!t)return;const c=document.elementFromPoint(u.clientX,u.clientY);if(!c||c===document.body||c.closest('[data-chatwidget-ignore="true"]')||c.closest("#chatwidget-overlay")){n(null);return}const m=c.getBoundingClientRect();let g=c.tagName.toLowerCase();if(c.id)g+=`#${c.id}`;else if(c.className&&typeof c.className=="string"){const y=c.className.split(" ")[0];y&&(g+=`.${y}`)}const h=(f=c.innerText)==null?void 0:f.slice(0,20);h&&(g+=` ("${h}...")`),n({id:c.id||`el-${Date.now()}`,name:g,tagName:c.tagName.toLowerCase(),rect:m})},[t]),s=p.useCallback(u=>{!t||u.target.closest('[data-chatwidget-ignore="true"]')||(u.preventDefault(),u.stopPropagation(),a&&e(a))},[t,a,e]),d=p.useCallback(u=>{t&&u.key==="Escape"&&o()},[t,o]);return p.useEffect(()=>(t?(document.addEventListener("mousemove",l),document.addEventListener("click",s,!0),document.addEventListener("keydown",d),document.body.style.cursor="crosshair"):(n(null),document.removeEventListener("mousemove",l),document.removeEventListener("click",s,!0),document.removeEventListener("keydown",d),document.body.style.cursor=""),()=>{document.removeEventListener("mousemove",l),document.removeEventListener("click",s,!0),document.removeEventListener("keydown",d),document.body.style.cursor=""}),[t,l,s,d]),{highlightedElement:a}}function zb({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 Mb=({initialMessages:e=[],onSendMessage:o,bubbleSize:t="md"})=>{const[a,n]=p.useState(!1),[l,s]=p.useState(!1),[d,u]=p.useState(e),[c,m]=p.useState([]),{highlightedElement:g}=Rb({active:l,onSelect:b=>{m(k=>[...k,b]),s(!1),n(!0)},onCancel:()=>{s(!1),n(!0)}}),h=()=>n(!a),f=()=>{s(!0),n(!1)},y=b=>{m(k=>k.filter(j=>j.id!==b))},x=b=>{const k={id:Date.now().toString(),role:"user",content:b,timestamp:new Date,contextElements:[...c]};u(j=>[...j,k]),o==null||o(b,c),m([]),setTimeout(()=>{var S;const j=Math.random()>.7,w=Math.random()>.4,C={id:(Date.now()+1).toString(),role:"assistant",timestamp:new Date,content:j?"I will highlight the selected element.":`I received your message regarding: ${((S=k.contextElements)==null?void 0:S.map(v=>v.name).join(", "))||"general context"}. How can I assist you further?`,messageType:j?"tool":"text",reasoning:w?"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};u(v=>[...v,C]),j&&setTimeout(()=>{u(v=>[...v,{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(zb,{element:g}),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."})}),a&&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:()=>n(!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(Xi,{messages:d,onSubmit:x,size:t,variant:"minimal",enableContextPicker:!0,selectedContextElements:c,onContextPickerClick:f,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:h,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:a?r.jsx(Te,{widthHeight:24,color:"white"}):r.jsx(Tn,{widthHeight:24,color:"white"})})]})},Wb=e=>{const o=me("radio",e),t=Il(o);return r.jsx(Fl,{...t,...o})},Ki=Wb;function ma(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Hb=typeof Element<"u",Pb=typeof Map=="function",Ab=typeof Set=="function",Vb=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function yr(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,a,n;if(Array.isArray(e)){if(t=e.length,t!=o.length)return!1;for(a=t;a--!==0;)if(!yr(e[a],o[a]))return!1;return!0}var l;if(Pb&&e instanceof Map&&o instanceof Map){if(e.size!==o.size)return!1;for(l=e.entries();!(a=l.next()).done;)if(!o.has(a.value[0]))return!1;for(l=e.entries();!(a=l.next()).done;)if(!yr(a.value[1],o.get(a.value[0])))return!1;return!0}if(Ab&&e instanceof Set&&o instanceof Set){if(e.size!==o.size)return!1;for(l=e.entries();!(a=l.next()).done;)if(!o.has(a.value[0]))return!1;return!0}if(Vb&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(o)){if(t=e.length,t!=o.length)return!1;for(a=t;a--!==0;)if(e[a]!==o[a])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(n=Object.keys(e),t=n.length,t!==Object.keys(o).length)return!1;for(a=t;a--!==0;)if(!Object.prototype.hasOwnProperty.call(o,n[a]))return!1;if(Hb&&e instanceof Element)return!1;for(a=t;a--!==0;)if(!((n[a]==="_owner"||n[a]==="__v"||n[a]==="__o")&&e.$$typeof)&&!yr(e[n[a]],o[n[a]]))return!1;return!0}return e!==e&&o!==o}var Eb=function(o,t){try{return yr(o,t)}catch(a){if((a.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw a}};const Db=ma(Eb);var $b=function(e,o,t,a,n,l,s,d){if(process.env.NODE_ENV!=="production"&&o===void 0)throw new Error("invariant requires an error message argument");if(!e){var u;if(o===void 0)u=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[t,a,n,l,s,d],m=0;u=new Error(o.replace(/%s/g,function(){return c[m++]})),u.name="Invariant Violation"}throw u.framesToPop=1,u}},Lb=$b;const Ya=ma(Lb);var _b=function(o,t,a,n){var l=a?a.call(n,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 s=Object.keys(o),d=Object.keys(t);if(s.length!==d.length)return!1;for(var u=Object.prototype.hasOwnProperty.bind(t),c=0;c<s.length;c++){var m=s[c];if(!u(m))return!1;var g=o[m],h=t[m];if(l=a?a.call(n,g,h,m):void 0,l===!1||l===void 0&&g!==h)return!1}return!0};const Bb=ma(_b);var Ji=(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))(Ji||{}),lt={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"]}},Xa=Object.values(Ji),Nr={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},Qi=Object.entries(Nr).reduce((e,[o,t])=>(e[t]=o,e),{}),Pe="data-rh",jo={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 a=e[t];if(Object.prototype.hasOwnProperty.call(a,o))return a[o]}return null},Ob=e=>{let o=wo(e,"title");const t=wo(e,jo.TITLE_TEMPLATE);if(Array.isArray(o)&&(o=o.join("")),t&&o)return t.replace(/%s/g,()=>o);const a=wo(e,jo.DEFAULT_TITLE);return o||a||void 0},Nb=e=>wo(e,jo.ON_CHANGE_CLIENT_STATE)||(()=>{}),it=(e,o)=>o.filter(t=>typeof t[e]<"u").map(t=>t[e]).reduce((t,a)=>({...t,...a}),{}),qb=(e,o)=>o.filter(t=>typeof t.base<"u").map(t=>t.base).reverse().reduce((t,a)=>{if(!t.length){const n=Object.keys(a);for(let l=0;l<n.length;l+=1){const d=n[l].toLowerCase();if(e.indexOf(d)!==-1&&a[d])return t.concat(a)}}return t},[]),Ub=e=>console&&typeof console.warn=="function"&&console.warn(e),Oo=(e,o,t)=>{const a={};return t.filter(n=>Array.isArray(n[e])?!0:(typeof n[e]<"u"&&Ub(`Helmet: ${e} should be of type "Array". Instead found type "${typeof n[e]}"`),!1)).map(n=>n[e]).reverse().reduce((n,l)=>{const s={};l.filter(u=>{let c;const m=Object.keys(u);for(let h=0;h<m.length;h+=1){const f=m[h],y=f.toLowerCase();o.indexOf(y)!==-1&&!(c==="rel"&&u[c].toLowerCase()==="canonical")&&!(y==="rel"&&u[y].toLowerCase()==="stylesheet")&&(c=y),o.indexOf(f)!==-1&&(f==="innerHTML"||f==="cssText"||f==="itemprop")&&(c=f)}if(!c||!u[c])return!1;const g=u[c].toLowerCase();return a[c]||(a[c]={}),s[c]||(s[c]={}),a[c][g]?!1:(s[c][g]=!0,!0)}).reverse().forEach(u=>n.push(u));const d=Object.keys(s);for(let u=0;u<d.length;u+=1){const c=d[u],m={...a[c],...s[c]};a[c]=m}return n},[]).reverse()},Gb=(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},Yb=e=>({baseTag:qb(["href"],e),bodyAttributes:it("bodyAttributes",e),defer:wo(e,jo.DEFER),encode:wo(e,jo.ENCODE_SPECIAL_CHARACTERS),htmlAttributes:it("htmlAttributes",e),linkTags:Oo("link",["rel","href"],e),metaTags:Oo("meta",["name","charset","http-equiv","property","itemprop"],e),noscriptTags:Oo("noscript",["innerHTML"],e),onChangeClientState:Nb(e),scriptTags:Oo("script",["src","innerHTML"],e),styleTags:Oo("style",["cssText"],e),title:Ob(e),titleAttributes:it("titleAttributes",e),prioritizeSeoTags:Gb(e,jo.PRIORITIZE_SEO_TAGS)}),Zi=e=>Array.isArray(e)?e.join(""):e,Xb=(e,o)=>{const t=Object.keys(e);for(let a=0;a<t.length;a+=1)if(o[t[a]]&&o[t[a]].includes(e[t[a]]))return!0;return!1},st=(e,o)=>Array.isArray(e)?e.reduce((t,a)=>(Xb(a,o)?t.priority.push(a):t.default.push(a),t),{priority:[],default:[]}):{default:e,priority:[]},Ka=(e,o)=>({...e,[o]:void 0}),Kb=["noscript","script","style"],Ct=(e,o=!0)=>o===!1?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;"),es=e=>Object.keys(e).reduce((o,t)=>{const a=typeof e[t]<"u"?`${t}="${e[t]}"`:`${t}`;return o?`${o} ${a}`:a},""),Jb=(e,o,t,a)=>{const n=es(t),l=Zi(o);return n?`<${e} ${Pe}="true" ${n}>${Ct(l,a)}</${e}>`:`<${e} ${Pe}="true">${Ct(l,a)}</${e}>`},Qb=(e,o,t=!0)=>o.reduce((a,n)=>{const l=n,s=Object.keys(l).filter(c=>!(c==="innerHTML"||c==="cssText")).reduce((c,m)=>{const g=typeof l[m]>"u"?m:`${m}="${Ct(l[m],t)}"`;return c?`${c} ${g}`:g},""),d=l.innerHTML||l.cssText||"",u=Kb.indexOf(e)===-1;return`${a}<${e} ${Pe}="true" ${s}${u?"/>":`>${d}</${e}>`}`},""),os=(e,o={})=>Object.keys(e).reduce((t,a)=>{const n=Nr[a];return t[n||a]=e[a],t},o),Zb=(e,o,t)=>{const a={key:o,[Pe]:!0},n=os(t,a);return[p.createElement("title",n,o)]},xr=(e,o)=>o.map((t,a)=>{const n={key:a,[Pe]:!0};return Object.keys(t).forEach(l=>{const d=Nr[l]||l;if(d==="innerHTML"||d==="cssText"){const u=t.innerHTML||t.cssText;n.dangerouslySetInnerHTML={__html:u}}else n[d]=t[l]}),p.createElement(e,n)}),Ie=(e,o,t=!0)=>{switch(e){case"title":return{toComponent:()=>Zb(e,o.title,o.titleAttributes),toString:()=>Jb(e,o.title,o.titleAttributes,t)};case"bodyAttributes":case"htmlAttributes":return{toComponent:()=>os(o),toString:()=>es(o)};default:return{toComponent:()=>xr(e,o),toString:()=>Qb(e,o,t)}}},e1=({metaTags:e,linkTags:o,scriptTags:t,encode:a})=>{const n=st(e,lt.meta),l=st(o,lt.link),s=st(t,lt.script);return{priorityMethods:{toComponent:()=>[...xr("meta",n.priority),...xr("link",l.priority),...xr("script",s.priority)],toString:()=>`${Ie("meta",n.priority,a)} ${Ie("link",l.priority,a)} ${Ie("script",s.priority,a)}`},metaTags:n.default,linkTags:l.default,scriptTags:s.default}},o1=e=>{const{baseTag:o,bodyAttributes:t,encode:a=!0,htmlAttributes:n,noscriptTags:l,styleTags:s,title:d="",titleAttributes:u,prioritizeSeoTags:c}=e;let{linkTags:m,metaTags:g,scriptTags:h}=e,f={toComponent:()=>[],toString:()=>""};return c&&({priorityMethods:f,linkTags:m,metaTags:g,scriptTags:h}=e1(e)),{priority:f,base:Ie("base",o,a),bodyAttributes:Ie("bodyAttributes",t,a),htmlAttributes:Ie("htmlAttributes",n,a),link:Ie("link",m,a),meta:Ie("meta",g,a),noscript:Ie("noscript",l,a),script:Ie("script",h,a),style:Ie("style",s,a),title:Ie("title",{title:d,titleAttributes:u},a)}},St=o1,mr=[],ga=!!(typeof window<"u"&&window.document&&window.document.createElement),jt=class{constructor(e,o){Le(this,"instances",[]);Le(this,"canUseDOM",ga);Le(this,"context");Le(this,"value",{setHelmet:e=>{this.context.helmet=e},helmetInstances:{get:()=>this.canUseDOM?mr:this.instances,add:e=>{(this.canUseDOM?mr:this.instances).push(e)},remove:e=>{const o=(this.canUseDOM?mr:this.instances).indexOf(e);(this.canUseDOM?mr:this.instances).splice(o,1)}}});this.context=e,this.canUseDOM=o||!1,o||(e.helmet=St({baseTag:[],bodyAttributes:{},htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))}},r1=parseInt(p.version.split(".")[0],10),wt=r1>=19,t1={},rs=p.createContext(t1),ro,a1=(ro=class extends p.Component{constructor(t){super(t);Le(this,"helmetData");wt?this.helmetData=null:this.helmetData=new jt(this.props.context||{},ro.canUseDOM)}render(){return wt?p.createElement(p.Fragment,null,this.props.children):p.createElement(rs.Provider,{value:this.helmetData.value},this.props.children)}},Le(ro,"canUseDOM",ga),ro),bo=(e,o)=>{const t=document.head||document.querySelector("head"),a=t.querySelectorAll(`${e}[${Pe}]`),n=[].slice.call(a),l=[];let s;return o&&o.length&&o.forEach(d=>{const u=document.createElement(e);for(const c in d)if(Object.prototype.hasOwnProperty.call(d,c))if(c==="innerHTML")u.innerHTML=d.innerHTML;else if(c==="cssText"){const m=d.cssText;u.appendChild(document.createTextNode(m))}else{const m=c,g=typeof d[m]>"u"?"":d[m];u.setAttribute(c,g)}u.setAttribute(Pe,"true"),n.some((c,m)=>(s=m,u.isEqualNode(c)))?n.splice(s,1):l.push(u)}),n.forEach(d=>{var u;return(u=d.parentNode)==null?void 0:u.removeChild(d)}),l.forEach(d=>t.appendChild(d)),{oldTags:n,newTags:l}},vt=(e,o)=>{const t=document.getElementsByTagName(e)[0];if(!t)return;const a=t.getAttribute(Pe),n=a?a.split(","):[],l=[...n],s=Object.keys(o);for(const d of s){const u=o[d]||"";t.getAttribute(d)!==u&&t.setAttribute(d,u),n.indexOf(d)===-1&&n.push(d);const c=l.indexOf(d);c!==-1&&l.splice(c,1)}for(let d=l.length-1;d>=0;d-=1)t.removeAttribute(l[d]);n.length===l.length?t.removeAttribute(Pe):t.getAttribute(Pe)!==s.join(",")&&t.setAttribute(Pe,s.join(","))},n1=(e,o)=>{typeof e<"u"&&document.title!==e&&(document.title=Zi(e)),vt("title",o)},Ja=(e,o)=>{const{baseTag:t,bodyAttributes:a,htmlAttributes:n,linkTags:l,metaTags:s,noscriptTags:d,onChangeClientState:u,scriptTags:c,styleTags:m,title:g,titleAttributes:h}=e;vt("body",a),vt("html",n),n1(g,h);const f={baseTag:bo("base",t),linkTags:bo("link",l),metaTags:bo("meta",s),noscriptTags:bo("noscript",d),scriptTags:bo("script",c),styleTags:bo("style",m)},y={},x={};Object.keys(f).forEach(b=>{const{newTags:k,oldTags:j}=f[b];k.length&&(y[b]=k),j.length&&(x[b]=f[b].oldTags)}),o&&o(),u(e,y,x)},No=null,l1=e=>{No&&cancelAnimationFrame(No),e.defer?No=requestAnimationFrame(()=>{Ja(e,()=>{No=null})}):(Ja(e),No=null)},i1=l1,Qa=class extends p.Component{constructor(){super(...arguments);Le(this,"rendered",!1)}shouldComponentUpdate(o){return!Bb(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 a=null;const n=Yb(o.get().map(l=>{const{context:s,...d}=l.props;return d}));a1.canUseDOM?i1(n):St&&(a=St(n)),t(a)}init(){if(this.rendered)return;this.rendered=!0;const{helmetInstances:o}=this.props.context;o.add(this),this.emitChange()}render(){return this.init(),null}},br=[],Za=e=>{const o={};for(const t of Object.keys(e))o[Qi[t]||t]=e[t];return o},eo=e=>{const o={};for(const t of Object.keys(e)){const a=Nr[t];o[a||t]=e[t]}return o},en=(e,o)=>{if(!ga)return;const t=document.getElementsByTagName(e)[0];if(!t)return;const a="data-rh-managed",n=t.getAttribute(a),l=n?n.split(","):[],s=Object.keys(o);for(const d of l)s.includes(d)||t.removeAttribute(d);for(const d of s){const u=o[d];u==null||u===!1?t.removeAttribute(d):u===!0?t.setAttribute(d,""):t.setAttribute(d,String(u))}s.length>0?t.setAttribute(a,s.join(",")):t.removeAttribute(a)},ct=()=>{const e={},o={};for(const t of br){const{htmlAttributes:a,bodyAttributes:n}=t.props;a&&Object.assign(e,Za(a)),n&&Object.assign(o,Za(n))}en("html",e),en("body",o)},s1=class extends p.Component{componentDidMount(){br.push(this),ct()}componentDidUpdate(){ct()}componentWillUnmount(){const e=br.indexOf(this);e!==-1&&br.splice(e,1),ct()}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 p.createElement("title",eo(o),e)}renderBase(){const{base:e}=this.props;return e?p.createElement("base",eo(e)):null}renderMeta(){const{meta:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>p.createElement("meta",{key:t,...eo(o)}))}renderLink(){const{link:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>p.createElement("link",{key:t,...eo(o)}))}renderScript(){const{script:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>{const{innerHTML:a,...n}=o,l=eo(n);return a&&(l.dangerouslySetInnerHTML={__html:a}),p.createElement("script",{key:t,...l})})}renderStyle(){const{style:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>{const{cssText:a,...n}=o,l=eo(n);return a&&(l.dangerouslySetInnerHTML={__html:a}),p.createElement("style",{key:t,...l})})}renderNoscript(){const{noscript:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>{const{innerHTML:a,...n}=o,l=eo(n);return a&&(l.dangerouslySetInnerHTML={__html:a}),p.createElement("noscript",{key:t,...l})})}render(){return p.createElement(p.Fragment,null,this.renderTitle(),this.renderBase(),this.renderMeta(),this.renderLink(),this.renderScript(),this.renderStyle(),this.renderNoscript())}},ut,c1=(ut=class extends p.Component{shouldComponentUpdate(e){return!Db(Ka(this.props,"helmetData"),Ka(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,a){return{...o,[e.type]:[...o[e.type]||[],{...t,...this.mapNestedChildrenToProps(e,a)}]}}mapObjectTypeChildren(e,o,t,a){switch(e.type){case"title":return{...o,[e.type]:a,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(a=>{t={...t,[a]:e[a]}}),t}warnOnInvalidChildren(e,o){return Ya(Xa.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 ${Xa.join(", ")} are allowed. Helmet does not support rendering <${e.type}> elements. Refer to our API for more information.`),Ya(!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 p.Children.forEach(e,a=>{if(!a||!a.props)return;const{children:n,...l}=a.props,s=Object.keys(l).reduce((u,c)=>(u[Qi[c]||c]=l[c],u),{});let{type:d}=a;switch(typeof d=="symbol"?d=d.toString():this.warnOnInvalidChildren(a,n),d){case"Symbol(react.fragment)":o=this.mapChildrenToProps(n,o);break;case"link":case"meta":case"noscript":case"script":case"style":t=this.flattenArrayTypeChildren(a,t,s,n);break;default:o=this.mapObjectTypeChildren(a,o,s,n);break}}),this.mapArrayTypeChildrenToProps(t,o)}render(){const{children:e,...o}=this.props;let t={...o},{helmetData:a}=o;if(e&&(t=this.mapChildrenToProps(e,t)),a&&!(a instanceof jt)){const n=a;a=new jt(n.context,!0),delete t.helmetData}return wt?p.createElement(s1,{...t}):a?p.createElement(Qa,{...t,context:a.value}):p.createElement(rs.Consumer,null,n=>p.createElement(Qa,{...t,context:n}))}},Le(ut,"defaultProps",{defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1}),ut);const d1={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"}},u1={highlightStyle:"background",fontWeight:700,letterSpacing:"-0.02em"},p1=e=>d1[e.metadata.id]??u1,ts=(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}},m1=e=>ts(e,"light"),g1=e=>ts(e,"dark"),ue=({palette:e,label:o,config:t,children:a})=>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(Wt,{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:a})})]}),ke=e=>!e||typeof e!="string"?e:/^(color|theme|light|dark)-/.test(e)?`var(--${e})`:e,Be=(e,o)=>`color-mix(in srgb, ${ke(e)} ${o}%, transparent)`,h1=e=>e&&e.startsWith("var(--")?e.slice(6,-1):e,f1={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"},y1=e=>e.personality||f1,Oe=(e,o="normal")=>{let a={light:300,regular:400,bold:700,black:800}[e.typeWeight];return o==="light"&&(a=Math.max(300,a-200)),o==="heavy"&&(a=Math.min(900,a+100)),a},tr=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}}},x1=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)}}},Fo=(e,o)=>{const t=ke(o.primary),a=ke(o.secondary||o.primary);switch(e.accentTreatment){case"gradient":return`linear-gradient(135deg, ${t} 0%, ${a} 100%)`;case"glow":return t;case"stripe":return`repeating-linear-gradient(45deg, ${t} 0 8px, ${a} 8px 16px)`;case"halftone":return`radial-gradient(circle at 30% 30%, ${t} 0%, ${a} 70%)`;case"flat":default:return t}},Ro=(e,o)=>{if(e.accentTreatment==="glow")return`0 0 24px ${Be(o.primary,40)}, 0 0 4px ${ke(o.primary)}`},Ke=e=>({letterSpacing:e.letterSpacing,textTransform:x1(e),fontStyle:e.typeStyle,fontWeight:Oe(e,"heavy")}),ye=e=>({letterSpacing:e.typeCase==="uppercase"?"0.12em":"0.06em",textTransform:"uppercase",fontStyle:e.typeStyle,fontWeight:Oe(e,"normal")}),b1=(e,o)=>{var a,n,l;const t=(a=e.components)==null?void 0:a[o];return(l=(n=t==null?void 0:t.views)==null?void 0:n.container)==null?void 0:l.borderRadius},k1=e=>{const o=e.tokens.rawCssVars||{},t=e.theme.border,a=e.theme.surface,n=e.theme.primary,l=o["shadow-ring"]||"rgba(0,0,0,0.08) 0px 0px 0px 1px",s=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, ${a} 0px 0px 0px 1px`,u=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, ${a} 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:s},{name:"Level 2",label:"Card",description:"Ring + subtle lift",shadow:d},{name:"Level 3",label:"Full Card",description:"Ring + lift + ambient + glow",shadow:u},{name:"Focus",label:"Accessibility ring",description:"Focus state — 2px ring",shadow:`0 0 0 2px ${n}`}]},qo=(e,o)=>{const a={accordion:["accordion","card","alert"],tabs:["tabs","button"],panel:["card","alert"]}[o]??[o];for(const n of a){const l=b1(e,n);if(l!==void 0)return l}return"12px"},dt=({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]}),C1=[{title:"Homes",value:"homes",icon:r.jsx(dt,{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(dt,{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(dt,{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."})}],S1=[{title:"Token",field:"token"},{title:"Value",field:"value"},{title:"Role",field:"role"}],j1=[{id:"overview",label:"Overview",href:"#"},{id:"components",label:"Components",href:"#"},{id:"tokens",label:"Tokens",href:"#"}],w1=({color:e,name:o,role:t,border:a})=>r.jsxs(i.View,{borderWidth:1,borderStyle:"solid",borderRadius:8,overflow:"hidden",minWidth:0,borderColor:a,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]}),v1=({config:e})=>{const o=p1(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(Ce,{variant:"outline",content:`${e.metadata.label} hero`}),r.jsx(si,{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(le,{colorScheme:"primary",size:"md",children:"Get started"}),r.jsx(le,{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})]})]})]})})},T1=({config:e})=>{var t,a;const o=e.tokens.colors.slice(0,5).map(n=>({token:n.name,value:n.value,role:n.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(n=>r.jsx(w1,{color:n.value,name:n.name,role:n.role,text:e.theme.text,border:e.theme.border},n.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(n=>r.jsx(Ce,{variant:"outline",content:n},n))})]})}),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(n=>r.jsxs(i.Vertical,{gap:8,alignItems:"center",children:[r.jsx(i.View,{width:n,minWidth:4,height:24,borderRadius:2,backgroundColor:e.theme.primary}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:n})]},n))}),r.jsx(i.Horizontal,{gap:12,flexWrap:"wrap",children:e.tokens.radii.slice(0,6).map(n=>r.jsxs(i.Vertical,{gap:8,alignItems:"center",children:[r.jsx(i.View,{width:64,height:64,borderRadius:n,borderWidth:1,borderStyle:"solid",backgroundColor:e.theme.surface,borderColor:e.theme.border}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:n})]},n))}),r.jsx(i.View,{width:"100%",maxWidth:"100%",overflowX:"auto",style:{WebkitOverflowScrolling:"touch",color:e.theme.text},children:r.jsx(Fe,{views:(a=(t=e.components)==null?void 0:t.table)==null?void 0:a.views,children:r.jsx(Fe.Template,{caption:"First extracted color tokens",columns:S1,data:o})})})]})})]})},on=({palette:e})=>r.jsxs(fe,{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(fe.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(Ce,{variant:"filled",content:"Best value"})]})}),r.jsx(fe.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(le,{isFilled:!0,size:"lg",children:"Reserve"}),r.jsx(Rr,{}),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(Rr,{}),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"})]})]})})]}),rn=[{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"}],tn=({palette:e,tier:o,personality:t})=>{const a=tr(t),n=qr(t,e),l=Fo(t,e),s=Ro(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:s}:n,borderColor:e.border,color:o.featured?e.onPrimary:e.text},children:r.jsxs(i.Vertical,{gap:a.gap,padding:a.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:ye(t),children:o.name}),o.featured?r.jsx(i.View,{paddingHorizontal:10,paddingVertical:4,borderRadius:t.badgeRadius,backgroundColor:Be(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:ye(t),children:t.voice.includes("mission")?"PRIORITY":"POPULAR"})]})}):null]}),r.jsx(i.Text,{fontSize:13,lineHeight:"18px",color:o.featured?Be(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:a.large+8,color:o.featured?e.onPrimary:e.text,style:Ke(t),children:o.price}),o.period?r.jsx(i.Text,{fontSize:14,color:o.featured?Be(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?Be(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:Oe(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:{...ye(t),letterSpacing:t.typeCase==="uppercase"?"0.08em":"0.02em"},children:o.ctaLabel})})]})})},an=({palette:e,personality:o})=>{const t=tr(o),a=qr(o,e),n=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:{...a,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, ${Be(e.primary,20)} 0%, ${Be(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:Ke(o),children:n}),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:ye(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:Ke(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:ye(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:Fo(o,e),boxShadow:Ro(o,e)},children:r.jsx(i.Text,{fontSize:14,color:e.onPrimary,style:{...ye(o),letterSpacing:o.typeCase==="uppercase"?"0.08em":"0.02em"},children:"Add to cart"})})]})})},nn=({palette:e,personality:o})=>{const t=tr(o),a=qr(o,e),n=o.signatureMotif,l=o.voice.includes("athletic")?"★":o.voice.includes("mission")||o.voice.includes("futurist")?"◉":"♥",s=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",u=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:Fo(o,e),boxShadow:Ro(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:Oe(o,"heavy")},children:n}),r.jsx(i.Text,{fontSize:10,color:e.onPrimary,style:ye(o),children:u})]})}),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:{...a,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, ${Be(e.primary,20)} 0%, ${Be(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:Ke(o),children:s}),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:Ke(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:ye(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:Fo(o,e),boxShadow:Ro(o,e)},children:r.jsx(i.Text,{fontSize:13,color:e.onPrimary,style:{...ye(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:{...ye(o),letterSpacing:o.typeCase==="uppercase"?"0.08em":"0.02em"},children:"Add to cart"})})]})]})})]})},I1=[{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"}],Tt=(e,o)=>{const t=e.replace("#","").padEnd(6,"0").slice(0,6),a=parseInt(t.slice(0,2),16),n=parseInt(t.slice(2,4),16),l=parseInt(t.slice(4,6),16);return[a,n,l].some(Number.isNaN)?e:`rgba(${a}, ${n}, ${l}, ${o})`},It=e=>typeof e=="string"&&/^#([0-9a-f]{3}){1,2}$/i.test(e),we=(e,o,t)=>It(e)?Tt(e,o):e.startsWith("rgba")||e.startsWith("rgb")?e.replace(/rgba?\(([^)]+)\)/,(a,n)=>`rgba(${n.split(",").slice(0,3).map(s=>s.trim()).join(", ")}, ${o})`):t==="dark"?`rgba(255,255,255,${o})`:`rgba(0,0,0,${o})`,F1=({block:e,palette:o,personality:t})=>{const a=tr(t);let n,l;if(e.source==="ink")n=o.text,l=o.canvas;else{const m=o[e.source]||o.primary;e.intensity==="solid"?(n=m,l=o.onPrimary):(n=we(m,.32,o.appearance),l=(o.appearance==="dark",o.text))}if(t.accentTreatment==="gradient"&&e.intensity==="tint"){const m=o[e.source],g=o.secondary;It(m)&&It(g)&&(n=`linear-gradient(135deg, ${Tt(m,.32)} 0%, ${Tt(g,.32)} 100%)`)}if(t.accentTreatment==="stripe"&&e.intensity==="tint"){const m=we(o[e.source],.32,o.appearance),g=we(o.secondary,.18,o.appearance);n=`repeating-linear-gradient(135deg, ${m} 0 18px, ${g} 18px 36px)`}const s=we(l,.72,o.appearance),d=we(l,.55,o.appearance),u=l,c=l===o.canvas?o.text:o.canvas;return r.jsx(i.View,{width:"min(100%, 460px)",borderRadius:t.cardRadius*2,padding:a.large,style:{background:n},children:r.jsxs(i.Vertical,{gap:a.gap+6,children:[r.jsxs(i.Text,{fontSize:11,color:d,style:{...ye(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:Ke(t),children:e.heading}),r.jsx(i.Text,{fontSize:16,lineHeight:"22px",color:s,style:{fontStyle:t.typeStyle},children:e.body})]}),r.jsx(i.View,{alignSelf:"flex-start",paddingHorizontal:28,paddingVertical:14,borderRadius:t.pillRadius,style:{backgroundColor:u,cursor:"pointer"},children:r.jsx(i.Text,{fontSize:15,color:c,style:{...ye(t),letterSpacing:t.typeCase==="uppercase"?"0.08em":"0.01em",textTransform:t.typeCase==="uppercase"?"uppercase":"none"},children:e.cta})})]})})},ln=[{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"}],sn=({palette:e,article:o,personality:t})=>{const a=tr(t),n=qr(t,e),l=e[o.badgeTone]||e.primary,s=e.secondary||e.primary,d=t.accentTreatment==="gradient"?`linear-gradient(135deg, ${we(l,.55,e.appearance)} 0%, ${we(s,.55,e.appearance)} 100%)`:t.accentTreatment==="stripe"?`repeating-linear-gradient(45deg, ${we(l,.45,e.appearance)} 0 16px, ${we(s,.25,e.appearance)} 16px 32px)`:t.accentTreatment==="halftone"?`radial-gradient(circle at 30% 30%, ${we(l,.55,e.appearance)} 0%, ${we(s,.35,e.appearance)} 70%)`:t.accentTreatment==="glow"?`radial-gradient(circle at 50% 60%, ${we(l,.45,e.appearance)} 0%, ${e.appearance==="dark"?"#050505":"#0a0a0a"} 100%)`:we(l,.32,e.appearance),u=t.voice.includes("mission")||t.voice.includes("futurist")?"◉":o.favorite,c=u==="♥"?e.error||e.primary:u==="★"&&e.warning||e.primary;return r.jsx(i.View,{width:"min(100%, 320px)",borderRadius:t.cardRadius,overflow:"hidden",borderWidth:1,borderStyle:"solid",style:{...n,borderColor:e.border,color:e.text},children:r.jsxs(i.Vertical,{gap:a.gap,padding:a.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:Fo(t,{...e,primary:l}),boxShadow:Ro(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:Oe(t,"heavy")},children:t.signatureMotif}),r.jsx(i.Text,{fontSize:10,color:e.onPrimary,style:ye(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:c,style:{lineHeight:1},children:u})})]}),r.jsxs(i.Vertical,{gap:8,children:[r.jsx(i.Text,{fontSize:11,color:e.muted,style:ye(t),children:o.category}),r.jsx(i.Text,{fontSize:18,lineHeight:"24px",color:e.text,style:Ke(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:Oe(t,"normal"),fontStyle:t.typeStyle},children:o.author}),r.jsx(i.Text,{fontSize:11,color:e.muted,children:o.meta})]})]})]})})},cn=({palette:e,personality:o,config:t})=>{var g,h,f,y;const a=o.signatureMotif,n=e.primary,l=Fo(o,e),s=Ro(o,e),d=((h=(g=t.tokens)==null?void 0:g.typography)==null?void 0:h.fontFamily)||((y=(f=t.tokens)==null?void 0:f.rawCssVars)==null?void 0:y.display)||"inherit",u=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}`,c=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, ${n}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%, ${n}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:s},children:r.jsx(i.Text,{fontSize:16,color:e.onPrimary,style:{lineHeight:1,fontWeight:Oe(o,"heavy")},children:a})}),r.jsx(i.Text,{fontSize:13,color:e.muted,style:{...ye(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:{...Ke(o),letterSpacing:o.typeCase==="uppercase"?"0.06em":o.letterSpacing,maxWidth:580,fontFamily:d},children:u}),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:s},children:r.jsx(i.Text,{fontSize:15,color:e.onPrimary,style:{...ye(o),letterSpacing:o.typeCase==="uppercase"?"0.14em":"0.02em",fontWeight:Oe(o,"heavy"),fontFamily:d},children:c})}),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:{...ye(o),letterSpacing:o.typeCase==="uppercase"?"0.14em":"0.02em",fontWeight:Oe(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(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:ye(o),children:x.label}),r.jsx(i.Text,{fontSize:11,color:e.text,style:{fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace"},children:h1(x.value)})]})]},x.label))})]})]})},dn=({palette:e,config:o})=>r.jsxs(i.Vertical,{gap:20,padding:36,alignItems:"center",borderRadius:16,style:{backgroundColor:e.surface},children:[r.jsx(Ce,{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(le,{shape:"pill",size:"md",children:"Learn more"}),r.jsx(le,{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})]}),un=({palette:e,config:o})=>r.jsxs(fe,{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(fe.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(Ce,{variant:"filled",content:"New"})]})}),r.jsx(fe.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(fe.Footer,{children:r.jsx(le,{size:"sm",children:o.metadata.id==="spacex"?"Explore":"Review"})})]}),pn=({palette:e})=>r.jsxs(i.Vertical,{gap:14,children:[r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(le,{colorScheme:"primary",children:"Primary"}),r.jsx(le,{colorScheme:"secondary",children:"Secondary"}),r.jsx(le,{colorScheme:"black",children:"Black"}),r.jsx(le,{colorScheme:"white",children:"White"})]}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(le,{variant:"outline",colorScheme:"primary",children:"Primary"}),r.jsx(le,{variant:"outline",colorScheme:"secondary",children:"Secondary"}),r.jsx(le,{variant:"outline",colorScheme:"black",children:"Black"}),r.jsx(le,{variant:"outline",colorScheme:"white",children:"White"})]}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(le,{variant:"ghost",views:{container:{color:e.text}},children:"Ghost"}),r.jsx(le,{variant:"link",views:{container:{color:e.primary}},children:"Link"}),r.jsx(le,{isDisabled:!0,children:"Disabled"}),r.jsx(le,{isLoading:!0,children:"Loading"})]})]}),mn=({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(Ce,{content:"Badge"}),r.jsx(Ce,{variant:"outline",content:"Outline"}),r.jsx(Ce,{content:"Primary",views:{container:{backgroundColor:e.primary,color:e.onPrimary,borderColor:e.primary}}}),r.jsx(Ce,{content:"Success",views:{container:{backgroundColor:e.success,color:e.onPrimary,borderColor:e.success}}}),r.jsx(Ce,{content:"Warning",views:{container:{backgroundColor:e.warning,color:e.onPrimary,borderColor:e.warning}}}),r.jsx(Ce,{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(fr,{status:"success",label:"Operational"}),r.jsx(fr,{status:"warning",label:"Degraded"}),r.jsx(fr,{status:"error",label:"Outage"}),r.jsx(To,{size:"sm",loaderColor:o.theme.primary})]}),r.jsx(_t,{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(Ii,{value:64,height:10,showLabel:!0,color:e.primary,backgroundColor:e.border,views:{container:{backgroundColor:e.border},bar:{backgroundColor:e.primary}}})]})}),gn=({palette:e,config:o,mode:t})=>{const a={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(ve,{size:"md",label:"Name",placeholder:"Ada Lovelace",views:a}),r.jsx(Yo,{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:a.container,field:{fontSize:14,lineHeight:"20px",color:e.text},text:{fontSize:14,lineHeight:"20px",color:e.text}}}),r.jsx(Jt,{label:"Notes",placeholder:"Add implementation notes",views:a})]}),r.jsxs(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:[r.jsx(Zt,{label:"Email updates",defaultIsSelected:!0}),r.jsx(Ki,{label:"Standard",value:"standard",defaultIsSelected:!0}),r.jsx(Kt,{label:"Enabled",isChecked:!0})]})]})})},R1=({config:e})=>{const[o,t]=p.useState(1),a=m1(e),n=g1(e),l=y1(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(ue,{config:e,palette:a,label:"On light surface",children:r.jsx(cn,{palette:a,personality:l,config:e})}),r.jsx(ue,{config:e,palette:n,label:"On dark surface",children:r.jsx(cn,{palette:n,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(ue,{config:e,palette:a,label:"On light surface",children:r.jsx(pn,{palette:a})}),r.jsx(ue,{config:e,palette:n,label:"On dark surface",children:r.jsx(pn,{palette:n})})]})}),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(ue,{config:e,palette:a,label:"On light surface",children:r.jsx(mn,{palette:a,config:e})}),r.jsx(ue,{config:e,palette:n,label:"On dark surface",children:r.jsx(mn,{palette:n,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(ue,{config:e,palette:a,label:"On light surface",children:r.jsx(gn,{palette:a,config:e,mode:"light"})}),r.jsx(ue,{config:e,palette:n,label:"On dark surface",children:r.jsx(gn,{palette:n,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(ve,{size:"md",label:"Name",placeholder:"Ada Lovelace"}),r.jsx(Yo,{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(Jt,{label:"Notes",placeholder:"Add implementation notes"}),r.jsxs(i.Vertical,{gap:12,children:[r.jsx(Zt,{label:"Email updates",defaultIsSelected:!0}),r.jsx(Ki,{label:"Standard",value:"standard",defaultIsSelected:!0}),r.jsx(Kt,{label:"Enabled",isChecked:!0}),r.jsx(ql,{defaultValue:58,showValue:!0}),r.jsx(vl,{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(ve,{size:"md",label:"Default",placeholder:"Type here",helperText:"Resting state"}),r.jsx(ve,{size:"md",label:"Filled",defaultValue:"Ada Lovelace",helperText:"Has value"}),r.jsx(ve,{size:"md",label:"With helper",placeholder:"user@example.com",helperText:"We'll never share your email"}),r.jsx(ve,{size:"md",label:"Error",defaultValue:"invalid@",error:"Please enter a valid email"}),r.jsx(ve,{size:"md",label:"Disabled",isDisabled:!0,defaultValue:"Cannot edit",helperText:"Field locked"}),r.jsx(ve,{size:"md",label:"Read only",defaultValue:"Read-only value",isReadOnly:!0,helperText:"View only"}),r.jsx(Yo,{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(Yo,{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:k1(e).map(s=>r.jsxs(i.Vertical,{gap:12,children:[r.jsx(i.View,{height:120,borderRadius:12,backgroundColor:e.theme.canvas,style:{boxShadow:s.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:s.name}),r.jsx(i.Text,{fontSize:11,fontWeight:"600",color:e.theme.primary,children:s.label})]}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:s.description}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,style:{wordBreak:"break-word",opacity:.8},children:s.shadow})]})]},s.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(([s,d,u])=>{const c=e.theme[s];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:c}),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.",s]}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:c})]})]},s)})})}),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(ue,{config:e,palette:a,label:"On light surface",children:r.jsx(on,{palette:a})}),r.jsx(ue,{config:e,palette:n,label:"On dark surface",children:r.jsx(on,{palette:n})})]})}),r.jsx(pe,{title:"Pricing — SaaS Tiers (Light & Dark)",config:e,children:r.jsxs(i.Vertical,{gap:20,children:[r.jsx(ue,{config:e,palette:a,label:"On light surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:rn.map(s=>r.jsx(tn,{palette:a,tier:s,personality:l},s.name))})}),r.jsx(ue,{config:e,palette:n,label:"On dark surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:rn.map(s=>r.jsx(tn,{palette:n,tier:s,personality:l},s.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(ue,{config:e,palette:a,label:"On light surface",children:r.jsx(an,{palette:a,personality:l})}),r.jsx(ue,{config:e,palette:n,label:"On dark surface",children:r.jsx(an,{palette:n,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(ue,{config:e,palette:a,label:"On light surface",children:r.jsx(nn,{palette:a,personality:l})}),r.jsx(ue,{config:e,palette:n,label:"On dark surface",children:r.jsx(nn,{palette:n,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:I1.map(s=>r.jsx(F1,{block:s,palette:a,personality:l},s.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(ue,{config:e,palette:a,label:"On light surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:ln.map(s=>r.jsx(sn,{palette:a,article:s,personality:l},s.id))})}),r.jsx(ue,{config:e,palette:n,label:"On dark surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:ln.map(s=>r.jsx(sn,{palette:n,article:s,personality:l},s.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(ue,{config:e,palette:a,label:"On light surface",children:r.jsx(dn,{palette:a,config:e})}),r.jsx(ue,{config:e,palette:n,label:"On dark surface",children:r.jsx(dn,{palette:n,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(ue,{config:e,palette:a,label:"On light surface",children:r.jsx(un,{palette:a,config:e})}),r.jsx(ue,{config:e,palette:n,label:"On dark surface",children:r.jsx(un,{palette:n,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(fe,{width:"min(100%, 320px)",children:[r.jsx(fe.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(Ce,{variant:"filled",content:"New"})]})}),r.jsx(fe.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(fe.Footer,{children:r.jsx(le,{size:"sm",children:e.metadata.id==="spacex"?"Explore":"Review"})})]}),r.jsxs(fe,{width:"min(100%, 320px)",children:[r.jsx(fe.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(Hn,{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(Ce,{variant:"outline",content:"Active"})]})}),r.jsx(fe.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(_t,{variant:"info",title:"Config active",description:"This alert is rendered by the shared component."})})]})]}),r.jsx(v1,{config:e}),r.jsx(Fn,{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(Ce,{content:"Config primary color"})]})})}),r.jsxs(We,{children:[r.jsx(We.Content,{children:[1,2,3].map(s=>r.jsx(We.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 ",s]})})},s))}),r.jsxs(i.Horizontal,{gap:12,marginTop:12,justifyContent:"center",children:[r.jsx(We.Previous,{}),r.jsx(We.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(Io,{tabs:C1,defaultValue:"homes",views:{tab:{borderRadius:qo(e,"tabs")},activeTab:{borderRadius:qo(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(Io,{defaultValue:"overview",views:{tab:{borderRadius:qo(e,"tabs")},activeTab:{borderRadius:qo(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:j1,orientation:"horizontal",defaultActiveItemId:"components"}),(()=>{const s=qo(e,"accordion"),d={borderWidth:0,borderTopWidth:0,borderBottomWidth:0,borderLeftWidth:0,borderRightWidth:0,marginBottom:0,borderRadius:0},u={...d,borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.theme.border};return r.jsxs(Me,{defaultValue:"tokens",collapsible:!0,shape:"rounded",views:{container:{borderRadius:s,overflow:"hidden",borderWidth:1,borderStyle:"solid",borderColor:e.theme.border}},children:[r.jsxs(Me.Item,{value:"tokens",...d,views:{item:d,trigger:{borderRadius:0}},children:[r.jsx(Me.Trigger,{children:"Token extraction"}),r.jsx(Me.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(Me.Item,{value:"overrides",...u,views:{item:u,trigger:{borderRadius:0}},children:[r.jsx(Me.Trigger,{children:"Override behavior"}),r.jsx(Me.Content,{children:r.jsx(i.Text,{color:e.theme.muted,children:"Props passed directly to components override the design-system defaults."})})]})]})})(),r.jsx(Rr,{label:"advanced tools"}),r.jsxs(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:[r.jsx(ea,{color:e.theme.primary,children:"Toggle Button"}),r.jsx(ci,{color:e.theme.primary,items:[{id:"left",value:"Left"},{id:"center",value:"Center"},{id:"right",value:"Right"}]}),r.jsx(Or,{content:"Tooltip message",children:r.jsx(le,{variant:"outline",children:"Hover for Tooltip"})}),r.jsxs(Se,{children:[r.jsx(Se.Trigger,{children:r.jsx(le,{variant:"ghost",children:"Hover Card"})}),r.jsx(Se.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(fi,{value:e.theme.primary}),r.jsx(Ri,{shareData:{url:"https://example.com",title:"Example"}}),r.jsx(Ot,{to:"#",children:"Inline Link component"})]}),r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:r.jsx(Ti,{currentPage:o,totalPages:10,onPageChange:t})})]})})]})},z1=({config:e})=>{var o;return r.jsxs(Wt,{config:e,children:[r.jsx(c1,{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(T1,{config:e}),r.jsx(R1,{config:e})]})]})})]})};exports.Accordion=Me;exports.Alert=_t;exports.ArrowIcon=Iu;exports.AspectRatio=Fn;exports.AttachmentGroup=ui;exports.AttachmentIcon=Xo;exports.AttachmentPreview=ef;exports.AudioIcon=vo;exports.AudioInput=Yu;exports.AudioWaveform=Bt;exports.Avatar=Hn;exports.BackIcon=Jd;exports.Background=Yi;exports.Badge=Ce;exports.BatteryIcon=Ad;exports.BluetoothIcon=ju;exports.BoldArrowIcon=Tu;exports.BookmarkIcon=Vd;exports.Button=le;exports.CHART_COLORS=ze;exports.CalendarIcon=mu;exports.CameraIcon=Su;exports.Card=fe;exports.Carousel=We;exports.Chart=Zp;exports.ChartIcon=Yd;exports.ChatInput=qi;exports.ChatWidget=Xi;exports.ChatWidgetComponent=pa;exports.ChatWidgetWidget=Mb;exports.CheckIcon=Kd;exports.Checkbox=Zt;exports.ChevronIcon=se;exports.ClockIcon=gu;exports.CloseEyeIcon=Et;exports.CloseIcon=Te;exports.CloudIcon=Ed;exports.ColorInput=Qm;exports.ColorPicker=fi;exports.ComboBox=wg;exports.Command=Ho;exports.ContextMenu=Mo;exports.CookieConsent=am;exports.CopyIcon=Dd;exports.CountryPicker=n0;exports.CreditCardIcon=cu;exports.CropIcon=zu;exports.DEFAULT_CHART_COLORS=qn;exports.DatePicker=hg;exports.DeleteIcon=$d;exports.DesignSystem=z1;exports.DesignSystemProvider=Wt;exports.Divider=_y;exports.DocumentIcon=Gd;exports.DownloadIcon=Bd;exports.DragAndDrop=Kf;exports.DragAndDropComponent=di;exports.DragHandleIcon=kd;exports.DragHandleLinesIcon=Wu;exports.Drawer=io;exports.DropZone=ey;exports.DropdownMenu=er;exports.DustBinIcon=Wr;exports.EditIcon=Ld;exports.EmojiPicker=fy;exports.ErrorIcon=Ar;exports.ExternalLinkIcon=vn;exports.FacebookIcon=Fd;exports.FileIcon=to;exports.FileImage=pm;exports.FileSVG=um;exports.FilterIcon=pu;exports.FolderIcon=bd;exports.FormikChatInput=rh;exports.FormikCheckbox=Vg;exports.FormikColorInput=ah;exports.FormikComboBox=Sh;exports.FormikCountryPicker=sh;exports.FormikDatePicker=lh;exports.FormikEmojiPicker=Zh;exports.FormikForm=Hg;exports.FormikIconPicker=Uh;exports.FormikOTPInput=Mh;exports.FormikPassword=kh;exports.FormikRadio=Bg;exports.FormikSelect=dh;exports.FormikSelector=Ph;exports.FormikSlider=Rh;exports.FormikSwitch=ph;exports.FormikTagInput=gh;exports.FormikTextArea=fh;exports.FormikTextField=xh;exports.FormikToggle=Dh;exports.FormikToggleGroup=_h;exports.FormikUploader=Vl;exports.GiftIcon=ru;exports.Gradient=yi;exports.HeartIcon=Wd;exports.HelpIcon=xd;exports.HomeIcon=_d;exports.HoverCard=Se;exports.Icon=kr;exports.IconPicker=xy;exports.ImageIcon=Sd;exports.InfoIcon=Ge;exports.InstagramIcon=Td;exports.LayoutIcon=iu;exports.LikeIcon=Cu;exports.Link=Ot;exports.LinkIcon=lu;exports.LinkedinIcon=Rd;exports.Loader=To;exports.LoadingSpinnerIcon=Vt;exports.LockIcon=Nd;exports.LogoutIcon=au;exports.MagicWandIcon=bu;exports.MapPinIcon=hu;exports.MediaPreview=rf;exports.MenuIcon=fu;exports.Menubar=co;exports.MessageLayout=_u;exports.MessageView=Mn;exports.MicrophoneIcon=Pt;exports.MinusIcon=Cn;exports.Modal=lo;exports.MoonIcon=Xd;exports.MoreIcon=du;exports.MousePointerIcon=In;exports.NavigationMenu=so;exports.NotificationIcon=Ud;exports.OTPInput=vl;exports.OpenEyeIcon=Dt;exports.Pagination=Ti;exports.PanelIcon=Tn;exports.Password=yg;exports.PauseIcon=Md;exports.PlayIcon=Sn;exports.PlusIcon=Od;exports.PowerOffIcon=nu;exports.PrintIcon=xu;exports.ProfileIcon=qd;exports.ProgressBar=Ii;exports.RefreshIcon=yu;exports.Resizable=da;exports.RotateIcon=ou;exports.SaveIcon=Pd;exports.SearchIcon=Cr;exports.Select=Yo;exports.Selector=$m;exports.SendIcon=At;exports.Separator=Rr;exports.SettingsIcon=jn;exports.ShapeIcon=eu;exports.ShareButton=Ri;exports.ShareIcon=wn;exports.ShieldIcon=tu;exports.Sidebar=or;exports.Slider=ql;exports.SliderIcon=Ru;exports.SpinnerIcon=Fu;exports.StarIcon=Hd;exports.StatusIndicator=fr;exports.StopIcon=Hr;exports.SuccessIcon=$t;exports.Switch=Kt;exports.Table=Fe;exports.Tabs=Io;exports.TagInput=Ig;exports.TextArea=Jt;exports.TextField=ve;exports.TextIcon=Zd;exports.ThreadsIcon=zd;exports.TickIcon=Pr;exports.Title=si;exports.Toast=wx;exports.Toggle=ea;exports.ToggleGroup=ci;exports.Tooltip=Or;exports.TrashIcon=uu;exports.TwitchIcon=vd;exports.TwitterIcon=jd;exports.UnLikeIcon=ku;exports.UnlockIcon=wu;exports.UploadIcon=Lt;exports.Uploader=Er;exports.UserIcon=yd;exports.VideoIcon=Cd;exports.WarningIcon=Ht;exports.WifiIcon=vu;exports.XIcon=wd;exports.YoutubeIcon=Id;exports.ZapIcon=su;exports.ZoomInIcon=Mu;exports.ZoomOutIcon=Qd;exports.deepMerge=Ee;exports.defaultDesignSystemConfig=hn;exports.designSystemConfigList=cd;exports.designSystemConfigs=Rt;exports.getDesignSystemComponentProps=Mt;exports.hideDrawer=Gl;exports.hideMessage=zn;exports.hideModal=oa;exports.mergeDesignSystemComponentProps=yn;exports.normalizeDesignSystemComponentProps=zt;exports.showDrawer=bf;exports.showMessage=Rn;exports.showModal=tf;exports.showToast=uo;exports.useDesignSystem=Mr;exports.useDesignSystemComponentProps=zo;exports.useDrawerStore=Xe;exports.useMergedDesignSystemComponentProps=me;exports.useMessageStore=Vr;exports.useModalStore=Ye;exports.useToast=vx;
35
+ `})]})},Ob=({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",s=.2+a*13%6*.1+"s",u=(1+a*7%9)/2+"s",c=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(${c}) translateY(${c})`},iterationCount:"infinite",timingFunction:"linear",fillMode:"forwards",duration:u,delay:s},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})]})},ia=["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)"],Nb=()=>ia[Math.floor(Math.random()*ia.length)],qb=({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((s,u)=>r.jsx(i.Horizontal,{gap:0,children:l.map((c,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:Nb(),transition:"background-color 0.2s ease"}}},`col-${d}`))},`row-${u}`))})},Ub=["rgb(59, 130, 246)","rgb(147, 51, 234)","rgb(236, 72, 153)","rgb(34, 197, 94)","rgb(251, 146, 60)","rgb(168, 85, 247)"],Gb=({count:e=50,colors:o=Ub,speed:t="medium",shapes:n=["circle"],...a})=>{const l=Array.from({length:e},(d,m)=>m),s=()=>{switch(t){case"slow":return .5;case"fast":return 2;default:return 1}},u=()=>n[Math.floor(Math.random()*n.length)],c=()=>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 m=Math.random()*8+4,g=Math.random()*400,h=Math.random()*300,f=Math.random()*400,y=Math.random()*300,b=(Math.random()*10+5)/s(),k=Math.random()*5,C=u(),j=c(),w={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:j,opacity:.7,style:{left:g,top:h,...w[C]},animate:{from:{transform:"translate(0px, 0px) scale(0.5)",opacity:0},to:{transform:`translate(${f-g}px, ${y-h}px) scale(1)`,opacity:.7},iterationCount:"infinite",direction:"alternate",timingFunction:"ease-in-out",duration:`${b}s`,delay:`${k}s`}},d)})})},Yb=({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}},s=Math.floor(400/e),u=Math.floor(300/e),c=s*u,d=Array.from({length:c},(m,g)=>g);return r.jsxs(i.View,{width:400,height:300,position:"relative",overflow:"hidden",backgroundColor:"color-gray-900",...a,children:[Array.from({length:s+1},(m,g)=>r.jsx(i.View,{position:"absolute",left:g*e,top:0,width:1,height:"100%",backgroundColor:o},`v-line-${g}`)),Array.from({length:u+1},(m,g)=>r.jsx(i.View,{position:"absolute",left:0,top:g*e,width:"100%",height:1,backgroundColor:o},`h-line-${g}`)),d.map(m=>{const g=m%s,h=Math.floor(m/s),f=(g+h)*.1;return r.jsx(i.View,{position:"absolute",left:g*e+1,top:h*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:`${f}s`}},m)})]})},Xb=["rgba(59, 130, 246, 0.6)","rgba(147, 51, 234, 0.6)","rgba(236, 72, 153, 0.6)","rgba(34, 197, 94, 0.6)"],Kb=({rippleCount:e=5,colors:o=Xb,maxSize:t=200,frequency:n=3,...a})=>{const l=Array.from({length:e},(s,u)=>({id:u,x:Math.random()*400,y:Math.random()*300,color:o[u%o.length],delay:u*(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(s=>r.jsx(i.View,{position:"absolute",width:20,height:20,borderRadius:"50%",style:{left:s.x-10,top:s.y-10,border:`2px solid ${s.color}`,backgroundColor:"transparent"},animate:{from:{transform:"scale(0)",opacity:1},to:{transform:`scale(${t/20})`,opacity:0},iterationCount:"infinite",timingFunction:"ease-out",duration:`${s.duration}s`,delay:`${s.delay}s`}},s.id)),l.map(s=>r.jsx(i.View,{position:"absolute",width:10,height:10,borderRadius:"50%",style:{left:s.x-5,top:s.y-5,backgroundColor:s.color},animate:{from:{transform:"scale(1)",opacity:.8},to:{transform:`scale(${t/40})`,opacity:0},iterationCount:"infinite",timingFunction:"ease-out",duration:`${s.duration*1.2}s`,delay:`${s.delay+.5}s`}},`secondary-${s.id}`))]})},Jb=({children:e,src:o,backgroundSize:t="cover",backgroundPosition:n="center",backgroundRepeat:a="no-repeat",backgroundAttachment:l="scroll",imageOpacity:s=1,overlay:u=null,blendMode:c="normal",views:d,themeMode:m,...g})=>{const h={...dt.image,backgroundImage:`url(${o})`,backgroundSize:t,backgroundPosition:n,backgroundRepeat:a,backgroundAttachment:l,opacity:s};return r.jsxs(i.View,{...dt.container,...d==null?void 0:d.container,...g,children:[r.jsx(i.View,{style:h,...d==null?void 0:d.image}),u,e&&r.jsx(i.View,{...dt.content,...d==null?void 0:d.content,children:e})]})},Qb=({children:e,src:o,autoPlay:t=!0,loop:n=!0,muted:a=!0,playsInline:l=!0,overlay:s=null,blendMode:u="normal",views:c,themeMode:d,...m})=>r.jsxs(i.View,{...ut.container,...c==null?void 0:c.container,...m,children:[r.jsx(i.View,{as:"video",src:o,autoPlay:t,loop:n,muted:a,playsInline:l,style:ut.video,...c==null?void 0:c.video}),s,e&&r.jsx(i.View,{...ut.content,...c==null?void 0:c.content,children:e})]}),Zb=({children:e,...o})=>r.jsx(Wi,{...o,children:e}),e1=({contentPosition:e,backgroundColor:o="color-black-900",...t})=>{const a=(()=>{let l=`${o}-100`,s=`${o}-900`,u=`${o}-600`,c=`${o}-400`;switch(o.indexOf("-")===-1&&(l=`color-mix(in srgb, ${o} 10%, transparent)`,s=`color-mix(in srgb, ${o} 90%, transparent)`,u=`color-mix(in srgb, ${o} 70%, transparent)`,c=`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, ${s} 0%, ${u} 65%, ${l} 100%)`;case"right":return`radial-gradient(circle at 30% 50%, ${l} 0%, ${l} 100%), linear-gradient(to left, ${s} 0%, ${u} 65%, ${l} 100%)`;case"top":return`radial-gradient(circle at 50% 40%, ${l} 0%, ${l} 100%), linear-gradient(to bottom, ${s} 0%, ${u} 60%, ${l} 100%)`;case"bottom":return`radial-gradient(circle at 50% 60%, ${l} 0%, ${l} 100%), linear-gradient(to top, ${s} 0%, ${u} 60%, ${l} 100%)`;case"center":return`radial-gradient(circle at 50% 70%, ${s} 0%, ${l} 100%)`;default:return c}})();return r.jsx(i.View,{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:a,pointerEvents:"none",zIndex:1,...t})},o1=({children:e,views:o,...t})=>r.jsx(Bb.Provider,{value:{},children:r.jsx(i.View,{...Lb.container,...o==null?void 0:o.container,...t,children:e})}),ss=p.forwardRef(({children:e,designProps:o,shape:t="rounded",decorationRotation:n=5,decorationScale:a=1,decorationOpacity:l=.8,views:s,...u},c)=>{const m=(k=>{switch(k){case"square":return"0px";case"pill":return"9999px";case"rounded":default:return"16px"}})(t),g=Math.abs(n)*(Math.PI/180),h=Math.sin(g)*100,f=(a-1)*100/2,y=Math.ceil(h+f),b=u.backgroundColor??"theme-primary";return r.jsx(i.View,{...u,ref:c,backgroundColor:"transparent",position:"relative",overflow:"visible",...s==null?void 0:s.container,children:r.jsxs(i.View,{padding:u.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,...s==null?void 0:s.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,...s==null?void 0:s.front}),r.jsx(i.View,{margin:"0 auto",position:"relative",zIndex:3,...s==null?void 0:s.content,children:e})]})})});ss.displayName="Background.Layout";const de=o1;de.Aurora=_b;de.Meteors=Ob;de.Wall=qb;de.Particles=Gb;de.Grid=Yb;de.Ripples=Kb;de.Image=Jb;de.Video=Qb;de.Gradient=Zb;de.Overlay=e1;de.Layout=ss;const cs=p.forwardRef((e,o)=>r.jsx(de,{...e,ref:o}));cs.displayName="Background";const ds=Object.assign(cs,{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});ds.displayName="Background";function r1(e){const{inputValue:o,onInputChange:t,onSubmit:n,messages:a=[]}=e,[l,s]=p.useState(""),u=p.useRef(null),c=p.useRef(null),d=o!==void 0,m=o!==void 0?o:l,g=p.useCallback(f=>{d?t==null||t(f):s(f)},[d,t]),h=p.useCallback(f=>{f&&f.preventDefault();const y=m.trim();y&&n&&(n(y),d||s(""),u.current&&(u.current.style.height="auto"))},[m,n,d]);return p.useEffect(()=>{c.current&&(c.current.scrollTop=c.current.scrollHeight)},[a.length]),{internalInputValue:m,handleInputChange:g,handleSubmit:h,inputRef:u,messagesRef:c}}const t1={sm:{fontSize:"12px",padding:"8px"},md:{fontSize:"14px",padding:"10px"},lg:{fontSize:"14px",padding:"12px"}},n1={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"}},a1={sm:{fontSize:"12px",padding:"8px 10px",borderRadius:"12px"},md:{fontSize:"14px",padding:"10px 12px",borderRadius:"12px"},lg:{fontSize:"14px",padding:"12px 14px",borderRadius:"14px"}},l1={backgroundColor:"theme-primary",color:"color-white",alignSelf:"flex-end",borderBottomRightRadius:"4px"},i1={backgroundColor:"color-white",color:"color-gray-900",alignSelf:"flex-start",borderBottomLeftRadius:"4px",border:"1px solid color-gray-200"},s1={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"},_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:s1,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}},c1=({messages:e=[],inputPlaceholder:o="Type a message...",disableInput:t=!1,variant:n="default",size:a="md",showTimestamps:l=!0,enableAttachments:s=!1,enableContextPicker:u=!1,selectedContextElements:c=[],onContextPickerClick:d,onRemoveContextElement:m,isLoading:g=!1,loadingText:h="Loading...",styles:f={},maxHeight:y="600px",internalInputValue:b,handleInputChange:k,handleSubmit:C,inputRef:j,messagesRef:w,inputValue:S,onInputChange:x,...v})=>{var R;const T={..._e.container,...n1[n],...f.container},F={..._e.messagesContainer,maxHeight:y,...f.messagesContainer},V={..._e.inputContainer,...f.inputContainer},E={..._e.input,...t1[a],...f.input},I=p.useCallback(M=>{k(M.target.value),M.target.style.height="auto",M.target.style.height=`${M.target.scrollHeight}px`},[k]),H=p.useCallback(M=>{M.key==="Enter"&&!M.shiftKey&&(M.preventDefault(),C())},[C]),P=b.trim().length>0,{onSubmit:z,...W}=v;return r.jsxs(i.View,{...T,...W,children:[r.jsxs(i.View,{ref:w,...F,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(M=>r.jsx(d1,{message:M,size:a,showTimestamp:l,styles:{bubble:f.bubble,userBubble:f.userBubble,assistantBubble:f.assistantBubble,timestamp:f.timestamp,reasoningContainer:f.reasoningContainer,reasoningContent:f.reasoningContent,errorMessage:f.errorMessage,systemMessage:f.systemMessage,toolMessage:f.toolMessage}},M.id)),g&&r.jsxs(i.Horizontal,{justifyContent:"flex-start",alignItems:"center",gap:8,marginTop:"8px",...f.loadingIndicator,children:[r.jsx(Ot,{widthHeight:12,color:"currentColor",filled:!1,style:{animation:"spin 1s linear infinite"}}),r.jsx(i.Text,{color:"color-gray-500",fontSize:"14px",children:h})]})]}),r.jsxs(i.View,{children:[c.length>0&&r.jsx(i.Horizontal,{gap:8,marginBottom:"8px",flexWrap:"wrap",padding:"0 12px 8px",...f.contextChipsContainer,children:c.map(M=>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:M.name}),r.jsx(i.View,{as:"button",type:"button",onClick:()=>m==null?void 0:m(M.id),cursor:"pointer",border:"none",backgroundColor:"transparent",display:"flex",alignItems:"center",children:r.jsx(Te,{widthHeight:12,color:"color-blue-700"})})]},M.id))}),r.jsxs(i.View,{as:"form",onSubmit:C,...V,children:[s&&r.jsx(i.View,{as:"button",type:"button",..._e.attachmentButton,...f.attachmentButton,_hover:{backgroundColor:"color-gray-100"},children:r.jsx(or,{widthHeight:16,color:"color-gray-600"})}),r.jsx(i.View,{as:"textarea",ref:j,value:b,onChange:I,onKeyDown:H,placeholder:o,disabled:t||g,...E,style:{...E,opacity:t||g?.5:1}}),r.jsxs(i.Vertical,{gap:4,alignItems:"center",children:[u&&r.jsx(i.View,{as:"button",type:"button",onClick:d,..._e.attachmentButton,...f.contextPickerButton,_hover:{backgroundColor:"color-gray-100",...(R=f.contextPickerButton)==null?void 0:R._hover},title:"Select element from page",children:r.jsx(La,{widthHeight:16,color:"color-gray-600"})}),r.jsx(i.View,{as:"button",type:"submit",disabled:!P||t||g,..._e.sendButton,backgroundColor:P?"theme-primary":"color-gray-300",_hover:{backgroundColor:P?"theme-primary":"color-gray-300"},...f.sendButton,style:{cursor:P?"pointer":"not-allowed",opacity:!P||t||g?.6:1},children:r.jsx(_t,{widthHeight:16,color:"color-white",filled:!1})})]})]})]})]})},d1=({message:e,size:o,showTimestamp:t,styles:n})=>{const[a,l]=p.useState(!1),[s,u]=p.useState(!1),c=e.role==="user",d=e.messageType==="system",m=e.messageType==="error",g=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(g)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(Aa,{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 h={..._e.bubble,...a1[o],...c?l1:i1,...m?{backgroundColor:"color-red-50",borderWidth:1,borderStyle:"solid",borderColor:"color-red-200",color:"color-red-700"}:{},...n.bubble,...c?n.userBubble:n.assistantBubble,...m?n.errorMessage:{}},f={..._e.timestamp,[c?"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:c?"flex-end":"flex-start",children:r.jsxs(i.View,{...h,children:[t&&r.jsx(i.View,{...f,children:e.timestamp.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}),m&&r.jsxs(i.Horizontal,{gap:6,marginBottom:"4px",alignItems:"center",children:[r.jsx($r,{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:()=>u(!s),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(ce,{orientation:s?"down":"right",widthHeight:10,color:"color-gray-500"})]}),s&&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(or,{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))]})]})})},Sn=e=>{const o=r1(e);return r.jsx(c1,{...e,...o})};Sn.displayName="ChatWidget";const us=Sn;function u1({onSelect:e,onCancel:o,active:t}){const[n,a]=p.useState(null);p.useRef(null);const l=p.useCallback(c=>{var f;if(!t)return;const d=document.elementFromPoint(c.clientX,c.clientY);if(!d||d===document.body||d.closest('[data-chatwidget-ignore="true"]')||d.closest("#chatwidget-overlay")){a(null);return}const m=d.getBoundingClientRect();let g=d.tagName.toLowerCase();if(d.id)g+=`#${d.id}`;else if(d.className&&typeof d.className=="string"){const y=d.className.split(" ")[0];y&&(g+=`.${y}`)}const h=(f=d.innerText)==null?void 0:f.slice(0,20);h&&(g+=` ("${h}...")`),a({id:d.id||`el-${Date.now()}`,name:g,tagName:d.tagName.toLowerCase(),rect:m})},[t]),s=p.useCallback(c=>{!t||c.target.closest('[data-chatwidget-ignore="true"]')||(c.preventDefault(),c.stopPropagation(),n&&e(n))},[t,n,e]),u=p.useCallback(c=>{t&&c.key==="Escape"&&o()},[t,o]);return p.useEffect(()=>{if(!(typeof document>"u"))return t?(document.addEventListener("mousemove",l),document.addEventListener("click",s,!0),document.addEventListener("keydown",u),document.body.style.cursor="crosshair"):(a(null),document.removeEventListener("mousemove",l),document.removeEventListener("click",s,!0),document.removeEventListener("keydown",u),document.body.style.cursor=""),()=>{document.removeEventListener("mousemove",l),document.removeEventListener("click",s,!0),document.removeEventListener("keydown",u),document.body.style.cursor=""}},[t,l,s,u]),{highlightedElement:n}}function p1({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 m1=({initialMessages:e=[],onSendMessage:o,bubbleSize:t="md"})=>{const[n,a]=p.useState(!1),[l,s]=p.useState(!1),[u,c]=p.useState(e),[d,m]=p.useState([]),{highlightedElement:g}=u1({active:l,onSelect:k=>{m(C=>[...C,k]),s(!1),a(!0)},onCancel:()=>{s(!1),a(!0)}}),h=()=>a(!n),f=()=>{s(!0),a(!1)},y=k=>{m(C=>C.filter(j=>j.id!==k))},b=k=>{const C={id:Date.now().toString(),role:"user",content:k,timestamp:new Date,contextElements:[...d]};c(j=>[...j,C]),o==null||o(k,d),m([]),setTimeout(()=>{var x;const j=Math.random()>.7,w=Math.random()>.4,S={id:(Date.now()+1).toString(),role:"assistant",timestamp:new Date,content:j?"I will highlight the selected element.":`I received your message regarding: ${((x=C.contextElements)==null?void 0:x.map(v=>v.name).join(", "))||"general context"}. How can I assist you further?`,messageType:j?"tool":"text",reasoning:w?"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};c(v=>[...v,S]),j&&setTimeout(()=>{c(v=>[...v,{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(p1,{element:g}),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(us,{messages:u,onSubmit:b,size:t,variant:"minimal",enableContextPicker:!0,selectedContextElements:d,onContextPickerClick:f,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:h,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($a,{widthHeight:24,color:"white"})})]})},g1=e=>{const o=ge("radio",e),t=Ll(o);return r.jsx(Bl,{...t,...o})},ps=g1;function jn(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var h1=typeof Element<"u",f1=typeof Map=="function",y1=typeof Set=="function",x1=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function jr(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(!jr(e[n],o[n]))return!1;return!0}var l;if(f1&&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(!jr(n.value[1],o.get(n.value[0])))return!1;return!0}if(y1&&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(x1&&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(h1&&e instanceof Element)return!1;for(n=t;n--!==0;)if(!((a[n]==="_owner"||a[n]==="__v"||a[n]==="__o")&&e.$$typeof)&&!jr(e[a[n]],o[a[n]]))return!1;return!0}return e!==e&&o!==o}var b1=function(o,t){try{return jr(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 k1=jn(b1);var C1=function(e,o,t,n,a,l,s,u){if(process.env.NODE_ENV!=="production"&&o===void 0)throw new Error("invariant requires an error message argument");if(!e){var c;if(o===void 0)c=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,s,u],m=0;c=new Error(o.replace(/%s/g,function(){return d[m++]})),c.name="Invariant Violation"}throw c.framesToPop=1,c}},S1=C1;const sa=jn(S1);var j1=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 s=Object.keys(o),u=Object.keys(t);if(s.length!==u.length)return!1;for(var c=Object.prototype.hasOwnProperty.bind(t),d=0;d<s.length;d++){var m=s[d];if(!c(m))return!1;var g=o[m],h=t[m];if(l=n?n.call(a,g,h,m):void 0,l===!1||l===void 0&&g!==h)return!1}return!0};const w1=jn(j1);var ms=(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))(ms||{}),pt={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"]}},ca=Object.values(ms),Xr={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},gs=Object.entries(Xr).reduce((e,[o,t])=>(e[t]=o,e),{}),He="data-rh",Io={DEFAULT_TITLE:"defaultTitle",DEFER:"defer",ENCODE_SPECIAL_CHARACTERS:"encodeSpecialCharacters",ON_CHANGE_CLIENT_STATE:"onChangeClientState",TITLE_TEMPLATE:"titleTemplate",PRIORITIZE_SEO_TAGS:"prioritizeSeoTags"},Fo=(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},v1=e=>{let o=Fo(e,"title");const t=Fo(e,Io.TITLE_TEMPLATE);if(Array.isArray(o)&&(o=o.join("")),t&&o)return t.replace(/%s/g,()=>o);const n=Fo(e,Io.DEFAULT_TITLE);return o||n||void 0},T1=e=>Fo(e,Io.ON_CHANGE_CLIENT_STATE)||(()=>{}),mt=(e,o)=>o.filter(t=>typeof t[e]<"u").map(t=>t[e]).reduce((t,n)=>({...t,...n}),{}),I1=(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 u=a[l].toLowerCase();if(e.indexOf(u)!==-1&&n[u])return t.concat(n)}}return t},[]),F1=e=>console&&typeof console.warn=="function"&&console.warn(e),Xo=(e,o,t)=>{const n={};return t.filter(a=>Array.isArray(a[e])?!0:(typeof a[e]<"u"&&F1(`Helmet: ${e} should be of type "Array". Instead found type "${typeof a[e]}"`),!1)).map(a=>a[e]).reverse().reduce((a,l)=>{const s={};l.filter(c=>{let d;const m=Object.keys(c);for(let h=0;h<m.length;h+=1){const f=m[h],y=f.toLowerCase();o.indexOf(y)!==-1&&!(d==="rel"&&c[d].toLowerCase()==="canonical")&&!(y==="rel"&&c[y].toLowerCase()==="stylesheet")&&(d=y),o.indexOf(f)!==-1&&(f==="innerHTML"||f==="cssText"||f==="itemprop")&&(d=f)}if(!d||!c[d])return!1;const g=c[d].toLowerCase();return n[d]||(n[d]={}),s[d]||(s[d]={}),n[d][g]?!1:(s[d][g]=!0,!0)}).reverse().forEach(c=>a.push(c));const u=Object.keys(s);for(let c=0;c<u.length;c+=1){const d=u[c],m={...n[d],...s[d]};n[d]=m}return a},[]).reverse()},R1=(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},z1=e=>({baseTag:I1(["href"],e),bodyAttributes:mt("bodyAttributes",e),defer:Fo(e,Io.DEFER),encode:Fo(e,Io.ENCODE_SPECIAL_CHARACTERS),htmlAttributes:mt("htmlAttributes",e),linkTags:Xo("link",["rel","href"],e),metaTags:Xo("meta",["name","charset","http-equiv","property","itemprop"],e),noscriptTags:Xo("noscript",["innerHTML"],e),onChangeClientState:T1(e),scriptTags:Xo("script",["src","innerHTML"],e),styleTags:Xo("style",["cssText"],e),title:v1(e),titleAttributes:mt("titleAttributes",e),prioritizeSeoTags:R1(e,Io.PRIORITIZE_SEO_TAGS)}),hs=e=>Array.isArray(e)?e.join(""):e,M1=(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},gt=(e,o)=>Array.isArray(e)?e.reduce((t,n)=>(M1(n,o)?t.priority.push(n):t.default.push(n),t),{priority:[],default:[]}):{default:e,priority:[]},da=(e,o)=>({...e,[o]:void 0}),W1=["noscript","script","style"],It=(e,o=!0)=>o===!1?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;"),fs=e=>Object.keys(e).reduce((o,t)=>{const n=typeof e[t]<"u"?`${t}="${e[t]}"`:`${t}`;return o?`${o} ${n}`:n},""),P1=(e,o,t,n)=>{const a=fs(t),l=hs(o);return a?`<${e} ${He}="true" ${a}>${It(l,n)}</${e}>`:`<${e} ${He}="true">${It(l,n)}</${e}>`},H1=(e,o,t=!0)=>o.reduce((n,a)=>{const l=a,s=Object.keys(l).filter(d=>!(d==="innerHTML"||d==="cssText")).reduce((d,m)=>{const g=typeof l[m]>"u"?m:`${m}="${It(l[m],t)}"`;return d?`${d} ${g}`:g},""),u=l.innerHTML||l.cssText||"",c=W1.indexOf(e)===-1;return`${n}<${e} ${He}="true" ${s}${c?"/>":`>${u}</${e}>`}`},""),ys=(e,o={})=>Object.keys(e).reduce((t,n)=>{const a=Xr[n];return t[a||n]=e[n],t},o),V1=(e,o,t)=>{const n={key:o,[He]:!0},a=ys(t,n);return[p.createElement("title",a,o)]},wr=(e,o)=>o.map((t,n)=>{const a={key:n,[He]:!0};return Object.keys(t).forEach(l=>{const u=Xr[l]||l;if(u==="innerHTML"||u==="cssText"){const c=t.innerHTML||t.cssText;a.dangerouslySetInnerHTML={__html:c}}else a[u]=t[l]}),p.createElement(e,a)}),Ie=(e,o,t=!0)=>{switch(e){case"title":return{toComponent:()=>V1(e,o.title,o.titleAttributes),toString:()=>P1(e,o.title,o.titleAttributes,t)};case"bodyAttributes":case"htmlAttributes":return{toComponent:()=>ys(o),toString:()=>fs(o)};default:return{toComponent:()=>wr(e,o),toString:()=>H1(e,o,t)}}},A1=({metaTags:e,linkTags:o,scriptTags:t,encode:n})=>{const a=gt(e,pt.meta),l=gt(o,pt.link),s=gt(t,pt.script);return{priorityMethods:{toComponent:()=>[...wr("meta",a.priority),...wr("link",l.priority),...wr("script",s.priority)],toString:()=>`${Ie("meta",a.priority,n)} ${Ie("link",l.priority,n)} ${Ie("script",s.priority,n)}`},metaTags:a.default,linkTags:l.default,scriptTags:s.default}},E1=e=>{const{baseTag:o,bodyAttributes:t,encode:n=!0,htmlAttributes:a,noscriptTags:l,styleTags:s,title:u="",titleAttributes:c,prioritizeSeoTags:d}=e;let{linkTags:m,metaTags:g,scriptTags:h}=e,f={toComponent:()=>[],toString:()=>""};return d&&({priorityMethods:f,linkTags:m,metaTags:g,scriptTags:h}=A1(e)),{priority:f,base:Ie("base",o,n),bodyAttributes:Ie("bodyAttributes",t,n),htmlAttributes:Ie("htmlAttributes",a,n),link:Ie("link",m,n),meta:Ie("meta",g,n),noscript:Ie("noscript",l,n),script:Ie("script",h,n),style:Ie("style",s,n),title:Ie("title",{title:u,titleAttributes:c},n)}},Ft=E1,br=[],wn=!!(typeof window<"u"&&window.document&&window.document.createElement),Rt=class{constructor(e,o){Be(this,"instances",[]);Be(this,"canUseDOM",wn);Be(this,"context");Be(this,"value",{setHelmet:e=>{this.context.helmet=e},helmetInstances:{get:()=>this.canUseDOM?br:this.instances,add:e=>{(this.canUseDOM?br:this.instances).push(e)},remove:e=>{const o=(this.canUseDOM?br:this.instances).indexOf(e);(this.canUseDOM?br:this.instances).splice(o,1)}}});this.context=e,this.canUseDOM=o||!1,o||(e.helmet=Ft({baseTag:[],bodyAttributes:{},htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}}))}},D1=parseInt(p.version.split(".")[0],10),zt=D1>=19,$1={},xs=p.createContext($1),no,L1=(no=class extends p.Component{constructor(t){super(t);Be(this,"helmetData");zt?this.helmetData=null:this.helmetData=new Rt(this.props.context||{},no.canUseDOM)}render(){return zt?p.createElement(p.Fragment,null,this.props.children):p.createElement(xs.Provider,{value:this.helmetData.value},this.props.children)}},Be(no,"canUseDOM",wn),no),jo=(e,o)=>{const t=document.head||document.querySelector("head"),n=t.querySelectorAll(`${e}[${He}]`),a=[].slice.call(n),l=[];let s;return o&&o.length&&o.forEach(u=>{const c=document.createElement(e);for(const d in u)if(Object.prototype.hasOwnProperty.call(u,d))if(d==="innerHTML")c.innerHTML=u.innerHTML;else if(d==="cssText"){const m=u.cssText;c.appendChild(document.createTextNode(m))}else{const m=d,g=typeof u[m]>"u"?"":u[m];c.setAttribute(d,g)}c.setAttribute(He,"true"),a.some((d,m)=>(s=m,c.isEqualNode(d)))?a.splice(s,1):l.push(c)}),a.forEach(u=>{var c;return(c=u.parentNode)==null?void 0:c.removeChild(u)}),l.forEach(u=>t.appendChild(u)),{oldTags:a,newTags:l}},Mt=(e,o)=>{const t=document.getElementsByTagName(e)[0];if(!t)return;const n=t.getAttribute(He),a=n?n.split(","):[],l=[...a],s=Object.keys(o);for(const u of s){const c=o[u]||"";t.getAttribute(u)!==c&&t.setAttribute(u,c),a.indexOf(u)===-1&&a.push(u);const d=l.indexOf(u);d!==-1&&l.splice(d,1)}for(let u=l.length-1;u>=0;u-=1)t.removeAttribute(l[u]);a.length===l.length?t.removeAttribute(He):t.getAttribute(He)!==s.join(",")&&t.setAttribute(He,s.join(","))},B1=(e,o)=>{typeof e<"u"&&document.title!==e&&(document.title=hs(e)),Mt("title",o)},ua=(e,o)=>{const{baseTag:t,bodyAttributes:n,htmlAttributes:a,linkTags:l,metaTags:s,noscriptTags:u,onChangeClientState:c,scriptTags:d,styleTags:m,title:g,titleAttributes:h}=e;Mt("body",n),Mt("html",a),B1(g,h);const f={baseTag:jo("base",t),linkTags:jo("link",l),metaTags:jo("meta",s),noscriptTags:jo("noscript",u),scriptTags:jo("script",d),styleTags:jo("style",m)},y={},b={};Object.keys(f).forEach(k=>{const{newTags:C,oldTags:j}=f[k];C.length&&(y[k]=C),j.length&&(b[k]=f[k].oldTags)}),o&&o(),c(e,y,b)},Ko=null,_1=e=>{Ko&&cancelAnimationFrame(Ko),e.defer?Ko=requestAnimationFrame(()=>{ua(e,()=>{Ko=null})}):(ua(e),Ko=null)},O1=_1,pa=class extends p.Component{constructor(){super(...arguments);Be(this,"rendered",!1)}shouldComponentUpdate(o){return!w1(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=z1(o.get().map(l=>{const{context:s,...u}=l.props;return u}));L1.canUseDOM?O1(a):Ft&&(n=Ft(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}},vr=[],ma=e=>{const o={};for(const t of Object.keys(e))o[gs[t]||t]=e[t];return o},ro=e=>{const o={};for(const t of Object.keys(e)){const n=Xr[t];o[n||t]=e[t]}return o},ga=(e,o)=>{if(!wn)return;const t=document.getElementsByTagName(e)[0];if(!t)return;const n="data-rh-managed",a=t.getAttribute(n),l=a?a.split(","):[],s=Object.keys(o);for(const u of l)s.includes(u)||t.removeAttribute(u);for(const u of s){const c=o[u];c==null||c===!1?t.removeAttribute(u):c===!0?t.setAttribute(u,""):t.setAttribute(u,String(c))}s.length>0?t.setAttribute(n,s.join(",")):t.removeAttribute(n)},ht=()=>{const e={},o={};for(const t of vr){const{htmlAttributes:n,bodyAttributes:a}=t.props;n&&Object.assign(e,ma(n)),a&&Object.assign(o,ma(a))}ga("html",e),ga("body",o)},N1=class extends p.Component{componentDidMount(){vr.push(this),ht()}componentDidUpdate(){ht()}componentWillUnmount(){const e=vr.indexOf(this);e!==-1&&vr.splice(e,1),ht()}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 p.createElement("title",ro(o),e)}renderBase(){const{base:e}=this.props;return e?p.createElement("base",ro(e)):null}renderMeta(){const{meta:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>p.createElement("meta",{key:t,...ro(o)}))}renderLink(){const{link:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>p.createElement("link",{key:t,...ro(o)}))}renderScript(){const{script:e}=this.props;return!e||!Array.isArray(e)?null:e.map((o,t)=>{const{innerHTML:n,...a}=o,l=ro(a);return n&&(l.dangerouslySetInnerHTML={__html:n}),p.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=ro(a);return n&&(l.dangerouslySetInnerHTML={__html:n}),p.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=ro(a);return n&&(l.dangerouslySetInnerHTML={__html:n}),p.createElement("noscript",{key:t,...l})})}render(){return p.createElement(p.Fragment,null,this.renderTitle(),this.renderBase(),this.renderMeta(),this.renderLink(),this.renderScript(),this.renderStyle(),this.renderNoscript())}},yt,q1=(yt=class extends p.Component{shouldComponentUpdate(e){return!k1(da(this.props,"helmetData"),da(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 sa(ca.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 ${ca.join(", ")} are allowed. Helmet does not support rendering <${e.type}> elements. Refer to our API for more information.`),sa(!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 p.Children.forEach(e,n=>{if(!n||!n.props)return;const{children:a,...l}=n.props,s=Object.keys(l).reduce((c,d)=>(c[gs[d]||d]=l[d],c),{});let{type:u}=n;switch(typeof u=="symbol"?u=u.toString():this.warnOnInvalidChildren(n,a),u){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,s,a);break;default:o=this.mapObjectTypeChildren(n,o,s,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 Rt)){const a=n;n=new Rt(a.context,!0),delete t.helmetData}return zt?p.createElement(N1,{...t}):n?p.createElement(pa,{...t,context:n.value}):p.createElement(xs.Consumer,null,a=>p.createElement(pa,{...t,context:a}))}},Be(yt,"defaultProps",{defer:!0,encodeSpecialCharacters:!0,prioritizeSeoTags:!1}),yt);const U1={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"}},G1={highlightStyle:"background",fontWeight:700,letterSpacing:"-0.02em"},Y1=e=>U1[e.metadata.id]??G1,bs=(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}},X1=e=>bs(e,"light"),K1=e=>bs(e,"dark"),pe=({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(Dt,{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,Oe=(e,o)=>`color-mix(in srgb, ${ke(e)} ${o}%, transparent)`,J1=e=>e&&e.startsWith("var(--")?e.slice(6,-1):e,Q1={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"},Z1=e=>e.personality||Q1,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},dr=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}}},ek=e=>e.typeCase==="uppercase"?"uppercase":"none",Kr=(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)}}},Mo=(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}},Wo=(e,o)=>{if(e.accentTreatment==="glow")return`0 0 24px ${Oe(o.primary,40)}, 0 0 4px ${ke(o.primary)}`},Qe=e=>({letterSpacing:e.letterSpacing,textTransform:ek(e),fontStyle:e.typeStyle,fontWeight:Ne(e,"heavy")}),xe=e=>({letterSpacing:e.typeCase==="uppercase"?"0.12em":"0.06em",textTransform:"uppercase",fontStyle:e.typeStyle,fontWeight:Ne(e,"normal")}),ok=(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},rk=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",s=o["shadow-ring-light"]||`${t} 0px 0px 0px 1px`,u=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`,c=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:s},{name:"Level 2",label:"Card",description:"Ring + subtle lift",shadow:u},{name:"Level 3",label:"Full Card",description:"Ring + lift + ambient + glow",shadow:c},{name:"Focus",label:"Accessibility ring",description:"Focus state — 2px ring",shadow:`0 0 0 2px ${a}`}]},Jo=(e,o)=>{const n={accordion:["accordion","card","alert"],tabs:["tabs","button"],panel:["card","alert"]}[o]??[o];for(const a of n){const l=ok(e,a);if(l!==void 0)return l}return"12px"},ft=({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]}),tk=[{title:"Homes",value:"homes",icon:r.jsx(ft,{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(ft,{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(ft,{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."})}],nk=[{title:"Token",field:"token"},{title:"Value",field:"value"},{title:"Role",field:"role"}],ak=[{id:"overview",label:"Overview",href:"#"},{id:"components",label:"Components",href:"#"},{id:"tokens",label:"Tokens",href:"#"}],lk=({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})]})]}),me=({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]}),ik=({config:e})=>{const o=Y1(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(Ce,{variant:"outline",content:`${e.metadata.label} hero`}),r.jsx(ji,{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(se,{colorScheme:"primary",size:"md",children:"Get started"}),r.jsx(se,{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})]})]})]})})},sk=({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(me,{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(lk,{color:a.value,name:a.name,role:a.role,text:e.theme.text,border:e.theme.border},a.name))})}),r.jsx(me,{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(Ce,{variant:"outline",content:a},a))})]})}),r.jsx(me,{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(Fe,{views:(n=(t=e.components)==null?void 0:t.table)==null?void 0:n.views,children:r.jsx(Fe.Template,{caption:"First extracted color tokens",columns:nk,data:o})})})]})})]})},ha=({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(Ce,{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(se,{isFilled:!0,size:"lg",children:"Reserve"}),r.jsx(Vr,{}),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(Vr,{}),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"})]})]})})]}),fa=[{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"}],ya=({palette:e,tier:o,personality:t})=>{const n=dr(t),a=Kr(t,e),l=Mo(t,e),s=Wo(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:s}: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: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:xe(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:Qe(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(u=>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:u})]},u))}),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})})]})})},xa=({palette:e,personality:o})=>{const t=dr(o),n=Kr(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:Qe(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:Qe(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:Mo(o,e),boxShadow:Wo(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"})})]})})},ba=({palette:e,personality:o})=>{const t=dr(o),n=Kr(o,e),a=o.signatureMotif,l=o.voice.includes("athletic")?"★":o.voice.includes("mission")||o.voice.includes("futurist")?"◉":"♥",s=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",u=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",c=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:Mo(o,e),boxShadow:Wo(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:xe(o),children:c})]})}),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:Qe(o),children:s}),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:u})]}),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:Qe(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:Mo(o,e),boxShadow:Wo(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"})})]})]})})]})},ck=[{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"}],Wt=(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})`},Pt=e=>typeof e=="string"&&/^#([0-9a-f]{3}){1,2}$/i.test(e),we=(e,o,t)=>Pt(e)?Wt(e,o):e.startsWith("rgba")||e.startsWith("rgb")?e.replace(/rgba?\(([^)]+)\)/,(n,a)=>`rgba(${a.split(",").slice(0,3).map(s=>s.trim()).join(", ")}, ${o})`):t==="dark"?`rgba(255,255,255,${o})`:`rgba(0,0,0,${o})`,dk=({block:e,palette:o,personality:t})=>{const n=dr(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=we(m,.32,o.appearance),l=(o.appearance==="dark",o.text))}if(t.accentTreatment==="gradient"&&e.intensity==="tint"){const m=o[e.source],g=o.secondary;Pt(m)&&Pt(g)&&(a=`linear-gradient(135deg, ${Wt(m,.32)} 0%, ${Wt(g,.32)} 100%)`)}if(t.accentTreatment==="stripe"&&e.intensity==="tint"){const m=we(o[e.source],.32,o.appearance),g=we(o.secondary,.18,o.appearance);a=`repeating-linear-gradient(135deg, ${m} 0 18px, ${g} 18px 36px)`}const s=we(l,.72,o.appearance),u=we(l,.55,o.appearance),c=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:u,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:Qe(t),children:e.heading}),r.jsx(i.Text,{fontSize:16,lineHeight:"22px",color:s,style:{fontStyle:t.typeStyle},children:e.body})]}),r.jsx(i.View,{alignSelf:"flex-start",paddingHorizontal:28,paddingVertical:14,borderRadius:t.pillRadius,style:{backgroundColor:c,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})})]})})},ka=[{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"}],Ca=({palette:e,article:o,personality:t})=>{const n=dr(t),a=Kr(t,e),l=e[o.badgeTone]||e.primary,s=e.secondary||e.primary,u=t.accentTreatment==="gradient"?`linear-gradient(135deg, ${we(l,.55,e.appearance)} 0%, ${we(s,.55,e.appearance)} 100%)`:t.accentTreatment==="stripe"?`repeating-linear-gradient(45deg, ${we(l,.45,e.appearance)} 0 16px, ${we(s,.25,e.appearance)} 16px 32px)`:t.accentTreatment==="halftone"?`radial-gradient(circle at 30% 30%, ${we(l,.55,e.appearance)} 0%, ${we(s,.35,e.appearance)} 70%)`:t.accentTreatment==="glow"?`radial-gradient(circle at 50% 60%, ${we(l,.45,e.appearance)} 0%, ${e.appearance==="dark"?"#050505":"#0a0a0a"} 100%)`:we(l,.32,e.appearance),c=t.voice.includes("mission")||t.voice.includes("futurist")?"◉":o.favorite,d=c==="♥"?e.error||e.primary:c==="★"&&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:u},children:[r.jsx(i.View,{position:"absolute",top:12,left:12,paddingHorizontal:10,paddingVertical:4,borderRadius:t.badgeRadius,style:{background:Mo(t,{...e,primary:l}),boxShadow:Wo(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: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:c})})]}),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:Qe(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})]})]})]})})},Sa=({palette:e,personality:o,config:t})=>{var g,h,f,y;const n=o.signatureMotif,a=e.primary,l=Mo(o,e),s=Wo(o,e),u=((h=(g=t.tokens)==null?void 0:g.typography)==null?void 0:h.fontFamily)||((y=(f=t.tokens)==null?void 0:f.rawCssVars)==null?void 0:y.display)||"inherit",c=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",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:u,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:s},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:{...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:{...Qe(o),letterSpacing:o.typeCase==="uppercase"?"0.06em":o.letterSpacing,maxWidth:580,fontFamily:u},children:c}),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:s},children:r.jsx(i.Text,{fontSize:15,color:e.onPrimary,style:{...xe(o),letterSpacing:o.typeCase==="uppercase"?"0.14em":"0.02em",fontWeight:Ne(o,"heavy"),fontFamily:u},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:Ne(o,"heavy"),fontFamily:u},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:xe(o),children:b.label}),r.jsx(i.Text,{fontSize:11,color:e.text,style:{fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace"},children:J1(b.value)})]})]},b.label))})]})]})},ja=({palette:e,config:o})=>r.jsxs(i.Vertical,{gap:20,padding:36,alignItems:"center",borderRadius:16,style:{backgroundColor:e.surface},children:[r.jsx(Ce,{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(se,{shape:"pill",size:"md",children:"Learn more"}),r.jsx(se,{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})]}),wa=({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(Ce,{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(se,{size:"sm",children:o.metadata.id==="spacex"?"Explore":"Review"})})]}),va=({palette:e})=>r.jsxs(i.Vertical,{gap:14,children:[r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(se,{colorScheme:"primary",children:"Primary"}),r.jsx(se,{colorScheme:"secondary",children:"Secondary"}),r.jsx(se,{colorScheme:"black",children:"Black"}),r.jsx(se,{colorScheme:"white",children:"White"})]}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(se,{variant:"outline",colorScheme:"primary",children:"Primary"}),r.jsx(se,{variant:"outline",colorScheme:"secondary",children:"Secondary"}),r.jsx(se,{variant:"outline",colorScheme:"black",children:"Black"}),r.jsx(se,{variant:"outline",colorScheme:"white",children:"White"})]}),r.jsxs(i.Horizontal,{gap:12,flexWrap:"wrap",alignItems:"center",children:[r.jsx(se,{variant:"ghost",views:{container:{color:e.text}},children:"Ghost"}),r.jsx(se,{variant:"link",views:{container:{color:e.primary}},children:"Link"}),r.jsx(se,{isDisabled:!0,children:"Disabled"}),r.jsx(se,{isLoading:!0,children:"Loading"})]})]}),Ta=({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(Ce,{content:"Badge"}),r.jsx(Ce,{variant:"outline",content:"Outline"}),r.jsx(Ce,{content:"Primary",views:{container:{backgroundColor:e.primary,color:e.onPrimary,borderColor:e.primary}}}),r.jsx(Ce,{content:"Success",views:{container:{backgroundColor:e.success,color:e.onPrimary,borderColor:e.success}}}),r.jsx(Ce,{content:"Warning",views:{container:{backgroundColor:e.warning,color:e.onPrimary,borderColor:e.warning}}}),r.jsx(Ce,{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(Sr,{status:"success",label:"Operational"}),r.jsx(Sr,{status:"warning",label:"Degraded"}),r.jsx(Sr,{status:"error",label:"Outage"}),r.jsx(Je,{size:"sm",loaderColor:o.theme.primary})]}),r.jsx(Yt,{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(_i,{value:64,height:10,showLabel:!0,color:e.primary,backgroundColor:e.border,views:{container:{backgroundColor:e.border},bar:{backgroundColor:e.primary}}})]})}),Ia=({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(ve,{size:"md",label:"Name",placeholder:"Ada Lovelace",views:n}),r.jsx(er,{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(nn,{label:"Notes",placeholder:"Add implementation notes",views:n})]}),r.jsxs(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:[r.jsx(ln,{label:"Email updates",defaultIsSelected:!0}),r.jsx(ps,{label:"Standard",value:"standard",defaultIsSelected:!0}),r.jsx(tn,{label:"Enabled",isChecked:!0})]})]})})},uk=({config:e})=>{const[o,t]=p.useState(1),n=X1(e),a=K1(e),l=Z1(e);return r.jsxs(i.Vertical,{gap:24,children:[r.jsx(me,{title:"Brand Snapshot (Light & Dark)",config:e,children:r.jsxs(i.Vertical,{gap:20,children:[r.jsx(pe,{config:e,palette:n,label:"On light surface",children:r.jsx(Sa,{palette:n,personality:l,config:e})}),r.jsx(pe,{config:e,palette:a,label:"On dark surface",children:r.jsx(Sa,{palette:a,personality:l,config:e})})]})}),r.jsx(me,{title:"Buttons — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(pe,{config:e,palette:n,label:"On light surface",children:r.jsx(va,{palette:n})}),r.jsx(pe,{config:e,palette:a,label:"On dark surface",children:r.jsx(va,{palette:a})})]})}),r.jsx(me,{title:"Status & Feedback — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(pe,{config:e,palette:n,label:"On light surface",children:r.jsx(Ta,{palette:n,config:e})}),r.jsx(pe,{config:e,palette:a,label:"On dark surface",children:r.jsx(Ta,{palette:a,config:e})})]})}),r.jsx(me,{title:"Forms — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(pe,{config:e,palette:n,label:"On light surface",children:r.jsx(Ia,{palette:n,config:e,mode:"light"})}),r.jsx(pe,{config:e,palette:a,label:"On dark surface",children:r.jsx(Ia,{palette:a,config:e,mode:"dark"})})]})}),r.jsx(me,{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(ve,{size:"md",label:"Name",placeholder:"Ada Lovelace"}),r.jsx(er,{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(nn,{label:"Notes",placeholder:"Add implementation notes"}),r.jsxs(i.Vertical,{gap:12,children:[r.jsx(ln,{label:"Email updates",defaultIsSelected:!0}),r.jsx(ps,{label:"Standard",value:"standard",defaultIsSelected:!0}),r.jsx(tn,{label:"Enabled",isChecked:!0}),r.jsx(ni,{defaultValue:58,showValue:!0}),r.jsx(Dl,{length:6,label:"Verification Code"})]})]})}),r.jsx(me,{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(ve,{size:"md",label:"Default",placeholder:"Type here",helperText:"Resting state"}),r.jsx(ve,{size:"md",label:"Filled",defaultValue:"Ada Lovelace",helperText:"Has value"}),r.jsx(ve,{size:"md",label:"With helper",placeholder:"user@example.com",helperText:"We'll never share your email"}),r.jsx(ve,{size:"md",label:"Error",defaultValue:"invalid@",error:"Please enter a valid email"}),r.jsx(ve,{size:"md",label:"Disabled",isDisabled:!0,defaultValue:"Cannot edit",helperText:"Field locked"}),r.jsx(ve,{size:"md",label:"Read only",defaultValue:"Read-only value",isReadOnly:!0,helperText:"View only"}),r.jsx(er,{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(er,{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(me,{title:"Elevation & Depth",config:e,children:r.jsx(i.View,{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(200px, 1fr))",gap:20,children:rk(e).map(s=>r.jsxs(i.Vertical,{gap:12,children:[r.jsx(i.View,{height:120,borderRadius:12,backgroundColor:e.theme.canvas,style:{boxShadow:s.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:s.name}),r.jsx(i.Text,{fontSize:11,fontWeight:"600",color:e.theme.primary,children:s.label})]}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:s.description}),r.jsx(i.Text,{fontSize:10,color:e.theme.muted,style:{wordBreak:"break-word",opacity:.8},children:s.shadow})]})]},s.name))})}),r.jsx(me,{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(([s,u,c])=>{const d=e.theme[s];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:u}),r.jsxs(i.Text,{fontSize:11,color:e.theme.muted,children:["theme.",s]}),r.jsx(i.Text,{fontSize:11,color:e.theme.muted,children:d})]})]},s)})})}),r.jsx(me,{title:"Pricing — Booking (Light & Dark)",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(pe,{config:e,palette:n,label:"On light surface",children:r.jsx(ha,{palette:n})}),r.jsx(pe,{config:e,palette:a,label:"On dark surface",children:r.jsx(ha,{palette:a})})]})}),r.jsx(me,{title:"Pricing — SaaS Tiers (Light & Dark)",config:e,children:r.jsxs(i.Vertical,{gap:20,children:[r.jsx(pe,{config:e,palette:n,label:"On light surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:fa.map(s=>r.jsx(ya,{palette:n,tier:s,personality:l},s.name))})}),r.jsx(pe,{config:e,palette:a,label:"On dark surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:fa.map(s=>r.jsx(ya,{palette:a,tier:s,personality:l},s.name))})})]})}),r.jsx(me,{title:"Pricing — Product (Light & Dark)",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(pe,{config:e,palette:n,label:"On light surface",children:r.jsx(xa,{palette:n,personality:l})}),r.jsx(pe,{config:e,palette:a,label:"On dark surface",children:r.jsx(xa,{palette:a,personality:l})})]})}),r.jsx(me,{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(pe,{config:e,palette:n,label:"On light surface",children:r.jsx(ba,{palette:n,personality:l})}),r.jsx(pe,{config:e,palette:a,label:"On dark surface",children:r.jsx(ba,{palette:a,personality:l})})]})}),r.jsx(me,{title:"Content — Color Block Cards",config:e,children:r.jsx(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:ck.map(s=>r.jsx(dk,{block:s,palette:n,personality:l},s.slug))})}),r.jsx(me,{title:"Content — Article Cards w/ Badge & Favorite (Light & Dark)",config:e,children:r.jsxs(i.Vertical,{gap:20,children:[r.jsx(pe,{config:e,palette:n,label:"On light surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:ka.map(s=>r.jsx(Ca,{palette:n,article:s,personality:l},s.id))})}),r.jsx(pe,{config:e,palette:a,label:"On dark surface",children:r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"stretch",children:ka.map(s=>r.jsx(Ca,{palette:a,article:s,personality:l},s.id))})})]})}),r.jsx(me,{title:"CTA Card — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(pe,{config:e,palette:n,label:"On light surface",children:r.jsx(ja,{palette:n,config:e})}),r.jsx(pe,{config:e,palette:a,label:"On dark surface",children:r.jsx(ja,{palette:a,config:e})})]})}),r.jsx(me,{title:"Product Card — Light & Dark",config:e,children:r.jsxs(i.Horizontal,{gap:20,flexWrap:"wrap",alignItems:"flex-start",children:[r.jsx(pe,{config:e,palette:n,label:"On light surface",children:r.jsx(wa,{palette:n,config:e})}),r.jsx(pe,{config:e,palette:a,label:"On dark surface",children:r.jsx(wa,{palette:a,config:e})})]})}),r.jsx(me,{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(Ce,{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(se,{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(Ga,{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(Ce,{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(Yt,{variant:"info",title:"Config active",description:"This alert is rendered by the shared component."})})]})]}),r.jsx(ik,{config:e}),r.jsx(_a,{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(Ce,{content:"Config primary color"})]})})}),r.jsxs(We,{children:[r.jsx(We.Content,{children:[1,2,3].map(s=>r.jsx(We.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 ",s]})})},s))}),r.jsxs(i.Horizontal,{gap:12,marginTop:12,justifyContent:"center",children:[r.jsx(We.Previous,{}),r.jsx(We.Next,{})]})]})]})}),r.jsx(me,{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(zo,{tabs:tk,defaultValue:"homes",views:{tab:{borderRadius:Jo(e,"tabs")},activeTab:{borderRadius:Jo(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(zo,{defaultValue:"overview",views:{tab:{borderRadius:Jo(e,"tabs")},activeTab:{borderRadius:Jo(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(uo,{items:ak,orientation:"horizontal",defaultActiveItemId:"components"}),(()=>{const s=Jo(e,"accordion"),u={borderWidth:0,borderTopWidth:0,borderBottomWidth:0,borderLeftWidth:0,borderRightWidth:0,marginBottom:0,borderRadius:0},c={...u,borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.theme.border};return r.jsxs(Me,{defaultValue:"tokens",collapsible:!0,shape:"rounded",views:{container:{borderRadius:s,overflow:"hidden",borderWidth:1,borderStyle:"solid",borderColor:e.theme.border}},children:[r.jsxs(Me.Item,{value:"tokens",...u,views:{item:u,trigger:{borderRadius:0}},children:[r.jsx(Me.Trigger,{children:"Token extraction"}),r.jsx(Me.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(Me.Item,{value:"overrides",...c,views:{item:c,trigger:{borderRadius:0}},children:[r.jsx(Me.Trigger,{children:"Override behavior"}),r.jsx(Me.Content,{children:r.jsx(i.Text,{color:e.theme.muted,children:"Props passed directly to components override the design-system defaults."})})]})]})})(),r.jsx(Vr,{label:"advanced tools"}),r.jsxs(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:[r.jsx(sn,{color:e.theme.primary,children:"Toggle Button"}),r.jsx(wi,{color:e.theme.primary,items:[{id:"left",value:"Left"},{id:"center",value:"Center"},{id:"right",value:"Right"}]}),r.jsx(Yr,{content:"Tooltip message",children:r.jsx(se,{variant:"outline",children:"Hover for Tooltip"})}),r.jsxs(Se,{children:[r.jsx(Se.Trigger,{children:r.jsx(se,{variant:"ghost",children:"Hover Card"})}),r.jsx(Se.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(Mi,{value:e.theme.primary}),r.jsx(Ni,{shareData:{url:"https://example.com",title:"Example"}}),r.jsx(Kt,{to:"#",children:"Inline Link component"})]}),r.jsx(i.Horizontal,{gap:16,flexWrap:"wrap",alignItems:"center",children:r.jsx(Bi,{currentPage:o,totalPages:10,onPageChange:t})})]})})]})},pk=({config:e})=>{var o;return r.jsxs(Dt,{config:e,children:[r.jsx(q1,{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(sk,{config:e}),r.jsx(uk,{config:e})]})]})})]})};exports.Accordion=Me;exports.ActionSheet=Zu;exports.Alert=Yt;exports.ArrowIcon=Ou;exports.AspectRatio=_a;exports.AttachmentGroup=Ti;exports.AttachmentIcon=or;exports.AttachmentPreview=Tf;exports.AudioIcon=Ro;exports.AudioInput=hp;exports.AudioWaveform=Xt;exports.Avatar=Ga;exports.BackIcon=mu;exports.Background=ds;exports.Badge=Ce;exports.BatteryIcon=Jd;exports.BluetoothIcon=$u;exports.BoldArrowIcon=_u;exports.BookmarkIcon=Qd;exports.Button=se;exports.CHART_COLORS=ze;exports.CalendarIcon=Ru;exports.CameraIcon=Du;exports.Card=ye;exports.Carousel=We;exports.Chart=km;exports.ChartIcon=du;exports.ChatInput=is;exports.ChatWidget=us;exports.ChatWidgetComponent=Sn;exports.ChatWidgetWidget=m1;exports.CheckIcon=pu;exports.Checkbox=ln;exports.ChevronIcon=ce;exports.ClockIcon=zu;exports.CloseEyeIcon=Nt;exports.CloseIcon=Te;exports.CloudIcon=Zd;exports.ColorInput=b0;exports.ColorPicker=Mi;exports.ComboBox=qg;exports.Command=Eo;exports.ContextMenu=Vo;exports.CookieConsent=vm;exports.CopyIcon=eu;exports.CountryPicker=T0;exports.CreditCardIcon=vu;exports.CropIcon=Uu;exports.DEFAULT_CHART_COLORS=al;exports.DatePicker=Ag;exports.DeleteIcon=ou;exports.DesignSystem=pk;exports.DesignSystemProvider=Dt;exports.Divider=Sx;exports.DocumentIcon=cu;exports.DownloadIcon=nu;exports.DragAndDrop=zy;exports.DragAndDropComponent=vi;exports.DragHandleIcon=Ad;exports.DragHandleLinesIcon=Yu;exports.Drawer=co;exports.DropZone=Hy;exports.DropdownMenu=ir;exports.DustBinIcon=Er;exports.EditIcon=ru;exports.EmojiPicker=Jy;exports.ErrorIcon=$r;exports.ExternalLinkIcon=Da;exports.FacebookIcon=Nd;exports.FileIcon=ao;exports.FileImage=Pm;exports.FileSVG=Wm;exports.FilterIcon=Fu;exports.FolderIcon=Vd;exports.FormikChatInput=Th;exports.FormikCheckbox=lh;exports.FormikColorInput=Fh;exports.FormikComboBox=Uh;exports.FormikCountryPicker=Wh;exports.FormikDatePicker=zh;exports.FormikEmojiPicker=vf;exports.FormikForm=th;exports.FormikIconPicker=xf;exports.FormikOTPInput=rf;exports.FormikPassword=Nh;exports.FormikRadio=ph;exports.FormikSelect=Hh;exports.FormikSelector=af;exports.FormikSlider=Zh;exports.FormikSwitch=Ah;exports.FormikTagInput=Dh;exports.FormikTextArea=Lh;exports.FormikTextField=_h;exports.FormikToggle=df;exports.FormikToggleGroup=mf;exports.FormikUploader=Xl;exports.GiftIcon=xu;exports.Gradient=Wi;exports.HeartIcon=Yd;exports.HelpIcon=Hd;exports.HomeIcon=tu;exports.HoverCard=Se;exports.Icon=Tr;exports.IconPicker=Zy;exports.ImageIcon=Dd;exports.InfoIcon=Ye;exports.InstagramIcon=_d;exports.KeyboardAvoidingView=ii;exports.LayoutIcon=ju;exports.LikeIcon=Eu;exports.Link=Kt;exports.LinkIcon=Su;exports.LinkedinIcon=qd;exports.Loader=Je;exports.LoadingSpinnerIcon=Ot;exports.LockIcon=lu;exports.LogoutIcon=ku;exports.MagicWandIcon=Vu;exports.MapPinIcon=Mu;exports.MediaPreview=Ff;exports.MenuIcon=Wu;exports.Menubar=po;exports.MessageLayout=sp;exports.MessageView=qa;exports.MicrophoneIcon=Bt;exports.MinusIcon=Ha;exports.Modal=so;exports.ModalLayout=dn;exports.ModalRouter=dn;exports.MoonIcon=uu;exports.MoreIcon=Tu;exports.MousePointerIcon=La;exports.NavigationMenu=uo;exports.NotificationIcon=su;exports.OTPInput=Dl;exports.OpenEyeIcon=qt;exports.PageLayout=Uf;exports.Pagination=Bi;exports.PanelIcon=$a;exports.Password=Dg;exports.PauseIcon=Gd;exports.PlayIcon=Va;exports.PlusIcon=au;exports.PowerOffIcon=Cu;exports.PrintIcon=Hu;exports.ProfileIcon=iu;exports.ProgressBar=_i;exports.RefreshIcon=Pu;exports.Resizable=kn;exports.RotateIcon=yu;exports.Router=ey;exports.SaveIcon=Kd;exports.SearchIcon=Ir;exports.Select=er;exports.Selector=l0;exports.SendIcon=_t;exports.Separator=Vr;exports.SettingsIcon=Aa;exports.ShapeIcon=fu;exports.ShareButton=Ni;exports.ShareIcon=Ea;exports.ShieldIcon=bu;exports.Sidebar=sr;exports.Slider=ni;exports.SliderIcon=qu;exports.SpinnerIcon=Nu;exports.SplashScreen=Xf;exports.StarIcon=Xd;exports.StatusIndicator=Sr;exports.StopIcon=Dr;exports.SuccessIcon=Ut;exports.Switch=tn;exports.Table=Fe;exports.Tabs=zo;exports.TagInput=Yg;exports.TextArea=nn;exports.TextField=ve;exports.TextIcon=hu;exports.ThreadsIcon=Ud;exports.TickIcon=rr;exports.Title=ji;exports.Toast=ab;exports.Toggle=sn;exports.ToggleGroup=wi;exports.Tooltip=Yr;exports.TrashIcon=Iu;exports.TwitchIcon=Bd;exports.TwitterIcon=$d;exports.UnLikeIcon=Au;exports.UnlockIcon=Lu;exports.UploadIcon=Gt;exports.Uploader=Br;exports.UserIcon=Pd;exports.VideoIcon=Ed;exports.WarningIcon=Lt;exports.WifiIcon=Bu;exports.XIcon=Ld;exports.YoutubeIcon=Od;exports.ZapIcon=wu;exports.ZoomInIcon=Gu;exports.ZoomOutIcon=gu;exports.deepMerge=De;exports.defaultDesignSystemConfig=Fa;exports.designSystemConfigList=wd;exports.designSystemConfigs=Vt;exports.getDesignSystemComponentProps=Et;exports.goBack=Jf;exports.hideDrawer=li;exports.hideMessage=Na;exports.hideModal=cn;exports.matchPath=si;exports.mergeDesignSystemComponentProps=za;exports.navigate=Kf;exports.normalizeDesignSystemComponentProps=At;exports.setSplashLoaded=Gf;exports.setSplashStarted=Yf;exports.showDrawer=Of;exports.showMessage=Oa;exports.showModal=Rf;exports.showToast=mo;exports.useDesignSystem=Ar;exports.useDesignSystemComponentProps=Ho;exports.useDrawerStore=Ke;exports.useHistory=mn;exports.useMergedDesignSystemComponentProps=ge;exports.useMessageStore=Lr;exports.useModalStore=Xe;exports.useRouterStore=Ee;exports.useSplashStore=qr;exports.useToast=lb;
36
36
  //# sourceMappingURL=web.cjs.js.map