@admin-layout/gluestack-ui-mobile 10.0.2-alpha.8 → 11.0.2-alpha.0

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 (428) hide show
  1. package/CHANGELOG.md +2 -178
  2. package/lib/components/Fallback.js +12 -12
  3. package/lib/components/Fallback.js.map +1 -1
  4. package/lib/components/Layout/components/BasicLayout.js +2 -2
  5. package/lib/components/Layout/components/BasicLayout.js.map +1 -1
  6. package/lib/components/Layout/components/BottomTabBar.js +6 -6
  7. package/lib/components/Layout/components/BottomTabBar.js.map +1 -1
  8. package/lib/components/Layout/components/Drawer.js +16 -17
  9. package/lib/components/Layout/components/Drawer.js.map +1 -1
  10. package/lib/components/Layout/components/Header.js +12 -15
  11. package/lib/components/Layout/components/Header.js.map +1 -1
  12. package/lib/components/Layout/components/Sample.js +1 -1
  13. package/lib/components/Layout/components/Sample.js.map +1 -1
  14. package/lib/components/Layout/components/SettingDrawer/LayoutButton.js +9 -9
  15. package/lib/components/Layout/components/SettingDrawer/LayoutButton.js.map +1 -1
  16. package/lib/components/Layout/components/SettingDrawer/SettingDrawer.js +37 -36
  17. package/lib/components/Layout/components/SettingDrawer/SettingDrawer.js.map +1 -1
  18. package/lib/components/Layout/components/SettingDrawer/ThemeColorButton.js +13 -2
  19. package/lib/components/Layout/components/SettingDrawer/ThemeColorButton.js.map +1 -1
  20. package/lib/components/Layout/components/SideBar.js +7 -10
  21. package/lib/components/Layout/components/SideBar.js.map +1 -1
  22. package/lib/components/ToastAlert.d.ts +1 -1
  23. package/lib/components/ToastAlert.js +4 -4
  24. package/lib/components/ToastAlert.js.map +1 -1
  25. package/lib/components/UnAuthenticatedComponent.js +9 -9
  26. package/lib/components/UnAuthenticatedComponent.js.map +1 -1
  27. package/lib/components/WithConfiguration.js +1 -1
  28. package/lib/components/WithConfiguration.js.map +1 -1
  29. package/lib/components/WithPermission.d.ts +1 -1
  30. package/lib/components/WithPermission.js +1 -1
  31. package/lib/components/WithPermission.js.map +1 -1
  32. package/lib/components/WithPolicy.js +1 -1
  33. package/lib/components/WithPolicy.js.map +1 -1
  34. package/lib/components/index.d.ts +1 -0
  35. package/lib/components/index.js +1 -0
  36. package/lib/components/index.js.map +1 -1
  37. package/lib/components/ui/IconSymbol.d.ts +19 -0
  38. package/lib/components/ui/IconSymbol.ios.d.ts +10 -0
  39. package/lib/components/ui/IconSymbol.ios.js +12 -0
  40. package/lib/components/ui/IconSymbol.ios.js.map +1 -0
  41. package/lib/components/ui/IconSymbol.js +21 -0
  42. package/lib/components/ui/IconSymbol.js.map +1 -0
  43. package/lib/components/ui/TabBarBackground.d.ts +2 -0
  44. package/lib/components/ui/TabBarBackground.ios.d.ts +3 -0
  45. package/lib/components/ui/TabBarBackground.ios.js +20 -0
  46. package/lib/components/ui/TabBarBackground.ios.js.map +1 -0
  47. package/lib/components/ui/TabBarBackground.js +6 -0
  48. package/lib/components/ui/TabBarBackground.js.map +1 -0
  49. package/lib/components/ui/accordion/index.d.ts +193 -0
  50. package/lib/components/ui/accordion/index.js +177 -0
  51. package/lib/components/ui/accordion/index.js.map +1 -0
  52. package/lib/components/ui/actionsheet/index.d.ts +735 -0
  53. package/lib/components/ui/actionsheet/index.js +274 -0
  54. package/lib/components/ui/actionsheet/index.js.map +1 -0
  55. package/lib/components/ui/alert/index.d.ts +479 -0
  56. package/lib/components/ui/alert/index.js +153 -0
  57. package/lib/components/ui/alert/index.js.map +1 -0
  58. package/lib/components/ui/alert-dialog/index.d.ts +59 -0
  59. package/lib/components/ui/alert-dialog/index.js +137 -0
  60. package/lib/components/ui/alert-dialog/index.js.map +1 -0
  61. package/lib/components/ui/avatar/index.d.ts +144 -0
  62. package/lib/components/ui/avatar/index.js +99 -0
  63. package/lib/components/ui/avatar/index.js.map +1 -0
  64. package/lib/components/ui/badge/index.d.ts +386 -0
  65. package/lib/components/ui/badge/index.js +139 -0
  66. package/lib/components/ui/badge/index.js.map +1 -0
  67. package/lib/components/ui/box/index.d.ts +7 -0
  68. package/lib/components/ui/box/index.js +9 -0
  69. package/lib/components/ui/box/index.js.map +1 -0
  70. package/lib/components/ui/box/index.web.d.ts +6 -0
  71. package/lib/components/ui/box/index.web.js +8 -0
  72. package/lib/components/ui/box/index.web.js.map +1 -0
  73. package/lib/components/ui/box/styles.d.ts +1 -0
  74. package/lib/components/ui/box/styles.js +9 -0
  75. package/lib/components/ui/box/styles.js.map +1 -0
  76. package/lib/components/ui/button/index.d.ts +529 -0
  77. package/lib/components/ui/button/index.js +280 -0
  78. package/lib/components/ui/button/index.js.map +1 -0
  79. package/lib/components/ui/card/index.d.ts +129 -0
  80. package/lib/components/ui/card/index.js +9 -0
  81. package/lib/components/ui/card/index.js.map +1 -0
  82. package/lib/components/ui/card/index.web.d.ts +126 -0
  83. package/lib/components/ui/card/index.web.js +8 -0
  84. package/lib/components/ui/card/index.web.js.map +1 -0
  85. package/lib/components/ui/card/styles.d.ts +123 -0
  86. package/lib/components/ui/card/styles.js +20 -0
  87. package/lib/components/ui/card/styles.js.map +1 -0
  88. package/lib/components/ui/center/index.d.ts +5 -0
  89. package/lib/components/ui/center/index.js +9 -0
  90. package/lib/components/ui/center/index.js.map +1 -0
  91. package/lib/components/ui/center/index.web.d.ts +4 -0
  92. package/lib/components/ui/center/index.web.js +8 -0
  93. package/lib/components/ui/center/index.web.js.map +1 -0
  94. package/lib/components/ui/center/styles.d.ts +1 -0
  95. package/lib/components/ui/center/styles.js +7 -0
  96. package/lib/components/ui/center/styles.js.map +1 -0
  97. package/lib/components/ui/checkbox/index.d.ts +115 -0
  98. package/lib/components/ui/checkbox/index.js +127 -0
  99. package/lib/components/ui/checkbox/index.js.map +1 -0
  100. package/lib/components/ui/divider/index.d.ts +54 -0
  101. package/lib/components/ui/divider/index.js +22 -0
  102. package/lib/components/ui/divider/index.js.map +1 -0
  103. package/lib/components/ui/drawer/index.d.ts +207 -0
  104. package/lib/components/ui/drawer/index.js +198 -0
  105. package/lib/components/ui/drawer/index.js.map +1 -0
  106. package/lib/components/ui/fab/index.d.ts +520 -0
  107. package/lib/components/ui/fab/index.js +142 -0
  108. package/lib/components/ui/fab/index.js.map +1 -0
  109. package/lib/components/ui/flat-list/index.d.ts +1 -0
  110. package/lib/components/ui/flat-list/index.js +3 -0
  111. package/lib/components/ui/flat-list/index.js.map +1 -0
  112. package/lib/components/ui/form-control/index.d.ts +2072 -0
  113. package/lib/components/ui/form-control/index.js +290 -0
  114. package/lib/components/ui/form-control/index.js.map +1 -0
  115. package/lib/components/ui/gluestack-ui-provider/config.d.ts +4 -0
  116. package/lib/components/ui/gluestack-ui-provider/config.js +287 -0
  117. package/lib/components/ui/gluestack-ui-provider/config.js.map +1 -0
  118. package/lib/components/ui/gluestack-ui-provider/index.d.ts +8 -0
  119. package/lib/components/ui/gluestack-ui-provider/index.js +22 -0
  120. package/lib/components/ui/gluestack-ui-provider/index.js.map +1 -0
  121. package/lib/components/ui/gluestack-ui-provider/index.web.d.ts +7 -0
  122. package/lib/components/ui/gluestack-ui-provider/index.web.js +69 -0
  123. package/lib/components/ui/gluestack-ui-provider/index.web.js.map +1 -0
  124. package/lib/components/ui/gluestack-ui-provider/script.d.ts +1 -0
  125. package/lib/components/ui/gluestack-ui-provider/script.js +17 -0
  126. package/lib/components/ui/gluestack-ui-provider/script.js.map +1 -0
  127. package/lib/components/ui/gluestack-ui-provider/types.d.ts +1 -0
  128. package/lib/components/ui/gluestack-ui-provider/types.js +2 -0
  129. package/lib/components/ui/gluestack-ui-provider/types.js.map +1 -0
  130. package/lib/components/ui/grid/index.d.ts +27 -0
  131. package/lib/components/ui/grid/index.js +175 -0
  132. package/lib/components/ui/grid/index.js.map +1 -0
  133. package/lib/components/ui/grid/index.web.d.ts +23 -0
  134. package/lib/components/ui/grid/index.web.js +20 -0
  135. package/lib/components/ui/grid/index.web.js.map +1 -0
  136. package/lib/components/ui/grid/styles.d.ts +2 -0
  137. package/lib/components/ui/grid/styles.js +11 -0
  138. package/lib/components/ui/grid/styles.js.map +1 -0
  139. package/lib/components/ui/heading/index.d.ts +335 -0
  140. package/lib/components/ui/heading/index.js +135 -0
  141. package/lib/components/ui/heading/index.js.map +1 -0
  142. package/lib/components/ui/heading/index.web.d.ts +335 -0
  143. package/lib/components/ui/heading/index.web.js +113 -0
  144. package/lib/components/ui/heading/index.web.js.map +1 -0
  145. package/lib/components/ui/heading/styles.d.ts +330 -0
  146. package/lib/components/ui/heading/styles.js +43 -0
  147. package/lib/components/ui/heading/styles.js.map +1 -0
  148. package/lib/components/ui/hstack/index.d.ts +150 -0
  149. package/lib/components/ui/hstack/index.js +9 -0
  150. package/lib/components/ui/hstack/index.js.map +1 -0
  151. package/lib/components/ui/hstack/index.web.d.ts +148 -0
  152. package/lib/components/ui/hstack/index.web.js +8 -0
  153. package/lib/components/ui/hstack/index.web.js.map +1 -0
  154. package/lib/components/ui/hstack/styles.d.ts +145 -0
  155. package/lib/components/ui/hstack/styles.js +24 -0
  156. package/lib/components/ui/hstack/styles.js.map +1 -0
  157. package/lib/components/ui/icon/index.d.ts +364 -0
  158. package/lib/components/ui/icon/index.js +565 -0
  159. package/lib/components/ui/icon/index.js.map +1 -0
  160. package/lib/components/ui/icon/index.web.d.ts +489 -0
  161. package/lib/components/ui/icon/index.web.js +555 -0
  162. package/lib/components/ui/icon/index.web.js.map +1 -0
  163. package/lib/components/ui/image/index.d.ts +132 -0
  164. package/lib/components/ui/image/index.js +33 -0
  165. package/lib/components/ui/image/index.js.map +1 -0
  166. package/lib/components/ui/image-background/index.d.ts +3 -0
  167. package/lib/components/ui/image-background/index.js +11 -0
  168. package/lib/components/ui/image-background/index.js.map +1 -0
  169. package/lib/components/ui/index.d.ts +54 -0
  170. package/lib/components/ui/index.js +55 -0
  171. package/lib/components/ui/index.js.map +1 -0
  172. package/lib/components/ui/input/index.d.ts +262 -0
  173. package/lib/components/ui/input/index.js +121 -0
  174. package/lib/components/ui/input/index.js.map +1 -0
  175. package/lib/components/ui/input-accessory-view/index.d.ts +1 -0
  176. package/lib/components/ui/input-accessory-view/index.js +3 -0
  177. package/lib/components/ui/input-accessory-view/index.js.map +1 -0
  178. package/lib/components/ui/keyboard-avoiding-view/index.d.ts +1 -0
  179. package/lib/components/ui/keyboard-avoiding-view/index.js +3 -0
  180. package/lib/components/ui/keyboard-avoiding-view/index.js.map +1 -0
  181. package/lib/components/ui/link/index.d.ts +369 -0
  182. package/lib/components/ui/link/index.js +69 -0
  183. package/lib/components/ui/link/index.js.map +1 -0
  184. package/lib/components/ui/menu/index.d.ts +376 -0
  185. package/lib/components/ui/menu/index.js +120 -0
  186. package/lib/components/ui/menu/index.js.map +1 -0
  187. package/lib/components/ui/modal/index.d.ts +146 -0
  188. package/lib/components/ui/modal/index.js +137 -0
  189. package/lib/components/ui/modal/index.js.map +1 -0
  190. package/lib/components/ui/popover/index.d.ts +310 -0
  191. package/lib/components/ui/popover/index.js +172 -0
  192. package/lib/components/ui/popover/index.js.map +1 -0
  193. package/lib/components/ui/portal/index.d.ts +2 -0
  194. package/lib/components/ui/portal/index.js +9 -0
  195. package/lib/components/ui/portal/index.js.map +1 -0
  196. package/lib/components/ui/pressable/index.d.ts +13 -0
  197. package/lib/components/ui/pressable/index.js +20 -0
  198. package/lib/components/ui/pressable/index.js.map +1 -0
  199. package/lib/components/ui/progress/index.d.ts +174 -0
  200. package/lib/components/ui/progress/index.js +127 -0
  201. package/lib/components/ui/progress/index.js.map +1 -0
  202. package/lib/components/ui/radio/index.d.ts +160 -0
  203. package/lib/components/ui/radio/index.js +122 -0
  204. package/lib/components/ui/radio/index.js.map +1 -0
  205. package/lib/components/ui/refresh-control/index.d.ts +1 -0
  206. package/lib/components/ui/refresh-control/index.js +3 -0
  207. package/lib/components/ui/refresh-control/index.js.map +1 -0
  208. package/lib/components/ui/safe-area-view/index.d.ts +6 -0
  209. package/lib/components/ui/safe-area-view/index.js +9 -0
  210. package/lib/components/ui/safe-area-view/index.js.map +1 -0
  211. package/lib/components/ui/safe-area-view/styles.d.ts +1 -0
  212. package/lib/components/ui/safe-area-view/styles.js +9 -0
  213. package/lib/components/ui/safe-area-view/styles.js.map +1 -0
  214. package/lib/components/ui/scroll-view/index.d.ts +1 -0
  215. package/lib/components/ui/scroll-view/index.js +3 -0
  216. package/lib/components/ui/scroll-view/index.js.map +1 -0
  217. package/lib/components/ui/section-list/index.d.ts +1 -0
  218. package/lib/components/ui/section-list/index.js +3 -0
  219. package/lib/components/ui/section-list/index.js.map +1 -0
  220. package/lib/components/ui/select/index.d.ts +1708 -0
  221. package/lib/components/ui/select/index.js +155 -0
  222. package/lib/components/ui/select/index.js.map +1 -0
  223. package/lib/components/ui/select/select-actionsheet.d.ts +900 -0
  224. package/lib/components/ui/select/select-actionsheet.js +275 -0
  225. package/lib/components/ui/select/select-actionsheet.js.map +1 -0
  226. package/lib/components/ui/skeleton/index.d.ts +268 -0
  227. package/lib/components/ui/skeleton/index.js +63 -0
  228. package/lib/components/ui/skeleton/index.js.map +1 -0
  229. package/lib/components/ui/skeleton/index.web.d.ts +267 -0
  230. package/lib/components/ui/skeleton/index.web.js +37 -0
  231. package/lib/components/ui/skeleton/index.web.js.map +1 -0
  232. package/lib/components/ui/skeleton/styles.d.ts +257 -0
  233. package/lib/components/ui/skeleton/styles.js +35 -0
  234. package/lib/components/ui/skeleton/styles.js.map +1 -0
  235. package/lib/components/ui/slider/index.d.ts +211 -0
  236. package/lib/components/ui/slider/index.js +180 -0
  237. package/lib/components/ui/slider/index.js.map +1 -0
  238. package/lib/components/ui/spinner/index.d.ts +4 -0
  239. package/lib/components/ui/spinner/index.js +15 -0
  240. package/lib/components/ui/spinner/index.js.map +1 -0
  241. package/lib/components/ui/status-bar/index.d.ts +1 -0
  242. package/lib/components/ui/status-bar/index.js +3 -0
  243. package/lib/components/ui/status-bar/index.js.map +1 -0
  244. package/lib/components/ui/switch/index.d.ts +72 -0
  245. package/lib/components/ui/switch/index.js +25 -0
  246. package/lib/components/ui/switch/index.js.map +1 -0
  247. package/lib/components/ui/table/index.d.ts +17 -0
  248. package/lib/components/ui/table/index.js +96 -0
  249. package/lib/components/ui/table/index.js.map +1 -0
  250. package/lib/components/ui/table/index.web.d.ts +10 -0
  251. package/lib/components/ui/table/index.web.js +60 -0
  252. package/lib/components/ui/table/index.web.js.map +1 -0
  253. package/lib/components/ui/table/styles.d.ts +75 -0
  254. package/lib/components/ui/table/styles.js +36 -0
  255. package/lib/components/ui/table/styles.js.map +1 -0
  256. package/lib/components/ui/text/index.d.ts +358 -0
  257. package/lib/components/ui/text/index.js +19 -0
  258. package/lib/components/ui/text/index.js.map +1 -0
  259. package/lib/components/ui/text/index.web.d.ts +6 -0
  260. package/lib/components/ui/text/index.web.js +18 -0
  261. package/lib/components/ui/text/index.web.js.map +1 -0
  262. package/lib/components/ui/text/styles.d.ts +352 -0
  263. package/lib/components/ui/text/styles.js +45 -0
  264. package/lib/components/ui/text/styles.js.map +1 -0
  265. package/lib/components/ui/textarea/index.d.ts +129 -0
  266. package/lib/components/ui/textarea/index.js +52 -0
  267. package/lib/components/ui/textarea/index.js.map +1 -0
  268. package/lib/components/ui/toast/index.d.ts +527 -0
  269. package/lib/components/ui/toast/index.js +165 -0
  270. package/lib/components/ui/toast/index.js.map +1 -0
  271. package/lib/components/ui/tooltip/index.d.ts +391 -0
  272. package/lib/components/ui/tooltip/index.js +75 -0
  273. package/lib/components/ui/tooltip/index.js.map +1 -0
  274. package/lib/components/ui/utils/use-break-point-value.d.ts +14 -0
  275. package/lib/components/ui/utils/use-break-point-value.js +54 -0
  276. package/lib/components/ui/utils/use-break-point-value.js.map +1 -0
  277. package/lib/components/ui/view/index.d.ts +1 -0
  278. package/lib/components/ui/view/index.js +3 -0
  279. package/lib/components/ui/view/index.js.map +1 -0
  280. package/lib/components/ui/virtualized-list/index.d.ts +1 -0
  281. package/lib/components/ui/virtualized-list/index.js +3 -0
  282. package/lib/components/ui/virtualized-list/index.js.map +1 -0
  283. package/lib/components/ui/vstack/index.d.ts +149 -0
  284. package/lib/components/ui/vstack/index.js +9 -0
  285. package/lib/components/ui/vstack/index.js.map +1 -0
  286. package/lib/components/ui/vstack/index.web.d.ts +6 -0
  287. package/lib/components/ui/vstack/index.web.js +8 -0
  288. package/lib/components/ui/vstack/index.web.js.map +1 -0
  289. package/lib/components/ui/vstack/styles.d.ts +145 -0
  290. package/lib/components/ui/vstack/styles.js +24 -0
  291. package/lib/components/ui/vstack/styles.js.map +1 -0
  292. package/lib/components/with-interactions-lifecycle-managed.js +13 -11
  293. package/lib/components/with-interactions-lifecycle-managed.js.map +1 -1
  294. package/lib/components/with-interactions-managed.js +3 -3
  295. package/lib/components/with-interactions-managed.js.map +1 -1
  296. package/lib/containers/layout/ProLayout.js +2 -2
  297. package/lib/containers/layout/ProLayout.js.map +1 -1
  298. package/lib/global.css +3 -0
  299. package/lib/gluestack-ui-base-config.d.ts +8 -0
  300. package/lib/gluestack-ui-base-config.js +12 -0
  301. package/lib/gluestack-ui-base-config.js.map +1 -0
  302. package/lib/gluestack-ui.config.json +10 -0
  303. package/lib/index.d.ts +0 -3
  304. package/lib/index.js +5 -5
  305. package/lib/index.js.map +1 -1
  306. package/lib/nativewind-env.d.ts +1 -0
  307. package/lib/tailwind-base-config.d.ts +194 -0
  308. package/lib/tailwind-base-config.js +197 -0
  309. package/lib/tailwind-base-config.js.map +1 -0
  310. package/lib/tailwind.config.d.ts +1 -0
  311. package/lib/tailwind.config.js +197 -0
  312. package/lib/tailwind.config.js.map +1 -0
  313. package/lib/utils/generateMobileNavigations.js +64 -1
  314. package/lib/utils/generateMobileNavigations.js.map +1 -1
  315. package/package.json +39 -8
  316. package/src/components/Fallback.tsx +54 -58
  317. package/src/components/Layout/components/BasicLayout.tsx +2 -2
  318. package/src/components/Layout/components/BottomTabBar.tsx +92 -101
  319. package/src/components/Layout/components/Drawer.tsx +31 -28
  320. package/src/components/Layout/components/Header.tsx +26 -27
  321. package/src/components/Layout/components/Sample.tsx +1 -1
  322. package/src/components/Layout/components/SettingDrawer/LayoutButton.tsx +15 -29
  323. package/src/components/Layout/components/SettingDrawer/SettingDrawer.tsx +49 -57
  324. package/src/components/Layout/components/SettingDrawer/ThemeColorButton.tsx +14 -5
  325. package/src/components/Layout/components/SideBar.tsx +12 -17
  326. package/src/components/ToastAlert.tsx +13 -13
  327. package/src/components/UnAuthenticatedComponent.tsx +19 -27
  328. package/src/components/WithConfiguration.tsx +1 -1
  329. package/src/components/WithPermission.tsx +1 -1
  330. package/src/components/WithPolicy.tsx +1 -1
  331. package/src/components/index.ts +1 -0
  332. package/src/components/ui/IconSymbol.ios.tsx +33 -0
  333. package/src/components/ui/IconSymbol.tsx +40 -0
  334. package/src/components/ui/TabBarBackground.ios.tsx +23 -0
  335. package/src/components/ui/TabBarBackground.tsx +6 -0
  336. package/src/components/ui/accordion/index.tsx +304 -0
  337. package/src/components/ui/actionsheet/index.tsx +499 -0
  338. package/src/components/ui/alert/index.tsx +205 -0
  339. package/src/components/ui/alert-dialog/index.tsx +260 -0
  340. package/src/components/ui/avatar/index.tsx +162 -0
  341. package/src/components/ui/badge/index.tsx +188 -0
  342. package/src/components/ui/box/index.tsx +14 -0
  343. package/src/components/ui/box/index.web.tsx +13 -0
  344. package/src/components/ui/box/styles.tsx +10 -0
  345. package/src/components/ui/button/index.tsx +353 -0
  346. package/src/components/ui/card/index.tsx +16 -0
  347. package/src/components/ui/card/index.web.tsx +15 -0
  348. package/src/components/ui/card/styles.tsx +20 -0
  349. package/src/components/ui/center/index.tsx +14 -0
  350. package/src/components/ui/center/index.web.tsx +14 -0
  351. package/src/components/ui/center/styles.tsx +8 -0
  352. package/src/components/ui/checkbox/index.tsx +192 -0
  353. package/src/components/ui/divider/index.tsx +38 -0
  354. package/src/components/ui/drawer/index.tsx +311 -0
  355. package/src/components/ui/fab/index.tsx +190 -0
  356. package/src/components/ui/flat-list/index.tsx +2 -0
  357. package/src/components/ui/form-control/index.tsx +432 -0
  358. package/src/components/ui/gluestack-ui-provider/config.ts +309 -0
  359. package/src/components/ui/gluestack-ui-provider/index.tsx +38 -0
  360. package/src/components/ui/gluestack-ui-provider/index.web.tsx +88 -0
  361. package/src/components/ui/gluestack-ui-provider/script.ts +17 -0
  362. package/src/components/ui/gluestack-ui-provider/types.ts +1 -0
  363. package/src/components/ui/grid/index.tsx +284 -0
  364. package/src/components/ui/grid/index.web.tsx +61 -0
  365. package/src/components/ui/grid/styles.tsx +13 -0
  366. package/src/components/ui/heading/index.tsx +193 -0
  367. package/src/components/ui/heading/index.web.tsx +177 -0
  368. package/src/components/ui/heading/styles.tsx +43 -0
  369. package/src/components/ui/hstack/index.tsx +17 -0
  370. package/src/components/ui/hstack/index.web.tsx +15 -0
  371. package/src/components/ui/hstack/styles.tsx +25 -0
  372. package/src/components/ui/icon/index.tsx +1202 -0
  373. package/src/components/ui/icon/index.web.tsx +1190 -0
  374. package/src/components/ui/image/index.tsx +48 -0
  375. package/src/components/ui/image-background/index.tsx +21 -0
  376. package/src/components/ui/index.ts +54 -0
  377. package/src/components/ui/input/index.tsx +191 -0
  378. package/src/components/ui/input-accessory-view/index.tsx +2 -0
  379. package/src/components/ui/keyboard-avoiding-view/index.tsx +2 -0
  380. package/src/components/ui/link/index.tsx +92 -0
  381. package/src/components/ui/menu/index.tsx +179 -0
  382. package/src/components/ui/modal/index.tsx +244 -0
  383. package/src/components/ui/popover/index.tsx +309 -0
  384. package/src/components/ui/portal/index.tsx +12 -0
  385. package/src/components/ui/pressable/index.tsx +34 -0
  386. package/src/components/ui/progress/index.tsx +160 -0
  387. package/src/components/ui/radio/index.tsx +178 -0
  388. package/src/components/ui/refresh-control/index.tsx +2 -0
  389. package/src/components/ui/safe-area-view/index.tsx +22 -0
  390. package/src/components/ui/safe-area-view/styles.tsx +10 -0
  391. package/src/components/ui/scroll-view/index.tsx +2 -0
  392. package/src/components/ui/section-list/index.tsx +2 -0
  393. package/src/components/ui/select/index.tsx +251 -0
  394. package/src/components/ui/select/select-actionsheet.tsx +503 -0
  395. package/src/components/ui/skeleton/index.tsx +113 -0
  396. package/src/components/ui/skeleton/index.web.tsx +92 -0
  397. package/src/components/ui/skeleton/styles.tsx +35 -0
  398. package/src/components/ui/slider/index.tsx +239 -0
  399. package/src/components/ui/spinner/index.tsx +31 -0
  400. package/src/components/ui/status-bar/index.tsx +2 -0
  401. package/src/components/ui/switch/index.tsx +33 -0
  402. package/src/components/ui/table/index.tsx +171 -0
  403. package/src/components/ui/table/index.web.tsx +95 -0
  404. package/src/components/ui/table/styles.tsx +44 -0
  405. package/src/components/ui/text/index.tsx +53 -0
  406. package/src/components/ui/text/index.web.tsx +45 -0
  407. package/src/components/ui/text/styles.tsx +47 -0
  408. package/src/components/ui/textarea/index.tsx +83 -0
  409. package/src/components/ui/toast/index.tsx +218 -0
  410. package/src/components/ui/tooltip/index.tsx +104 -0
  411. package/src/components/ui/utils/use-break-point-value.ts +79 -0
  412. package/src/components/ui/view/index.tsx +2 -0
  413. package/src/components/ui/virtualized-list/index.tsx +2 -0
  414. package/src/components/ui/vstack/index.tsx +17 -0
  415. package/src/components/ui/vstack/index.web.tsx +16 -0
  416. package/src/components/ui/vstack/styles.tsx +25 -0
  417. package/src/components/with-interactions-lifecycle-managed.tsx +13 -14
  418. package/src/components/with-interactions-managed.tsx +3 -7
  419. package/src/containers/layout/ProLayout.tsx +3 -3
  420. package/src/global.css +3 -0
  421. package/src/gluestack-ui-base-config.js +12 -0
  422. package/src/gluestack-ui.config.json +10 -0
  423. package/src/index.ts +6 -7
  424. package/src/nativewind-env.d.ts +1 -0
  425. package/src/tailwind-base-config.js +197 -0
  426. package/src/tailwind.config.js +198 -0
  427. package/src/utils/generateMobileNavigations.ts +77 -0
  428. package/tsconfig.json +3 -9
@@ -0,0 +1,391 @@
1
+ import React from 'react';
2
+ import { View } from 'react-native';
3
+ import type { VariantProps } from '@gluestack-ui/nativewind-utils';
4
+ export declare const UITooltip: import("@gluestack-ui/tooltip/lib/types").IToolTipComponentType<import("react-native").ViewProps & {
5
+ context?: any;
6
+ } & React.RefAttributes<typeof View>, import("react-native").Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<View>> & import("@legendapp/motion").MotionComponentProps<typeof View, import("react-native").ViewStyle, unknown, unknown, unknown>, import("react-native").TextProps>;
7
+ declare const tooltipStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "w-full h-full web:pointer-events-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "w-full h-full web:pointer-events-none", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>;
8
+ type ITooltipProps = React.ComponentProps<typeof UITooltip> & VariantProps<typeof tooltipStyle> & {
9
+ className?: string;
10
+ };
11
+ declare const Tooltip: React.ForwardRefExoticComponent<Omit<ITooltipProps, "ref"> & React.RefAttributes<import("react-native").ViewProps & {
12
+ context?: any;
13
+ } & React.RefAttributes<typeof View>>>;
14
+ declare const TooltipContent: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<View>> & import("@legendapp/motion").MotionComponentProps<typeof View, import("react-native").ViewStyle, unknown, unknown, unknown>, "ref"> & React.RefAttributes<import("react-native").Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<View>> & import("@legendapp/motion").MotionComponentProps<typeof View, import("react-native").ViewStyle, unknown, unknown, unknown>> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{} | {}, undefined, "py-1 px-3 rounded-sm bg-background-900 web:pointer-events-auto", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<unknown, undefined, "py-1 px-3 rounded-sm bg-background-900 web:pointer-events-auto", import("tailwind-variants/dist/config").TVConfig<unknown, unknown>, unknown, unknown, undefined>>> & {
15
+ className?: string;
16
+ } & {
17
+ className?: string;
18
+ }, "ref"> & React.RefAttributes<import("react-native").Animated.AnimatedProps<import("react-native").ViewProps & React.RefAttributes<View>> & import("@legendapp/motion").MotionComponentProps<typeof View, import("react-native").ViewStyle, unknown, unknown, unknown>>>;
19
+ declare const TooltipText: React.ForwardRefExoticComponent<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").TextProps> & VariantProps<import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
20
+ isTruncated: {
21
+ true: {
22
+ props: string;
23
+ };
24
+ };
25
+ bold: {
26
+ true: string;
27
+ };
28
+ underline: {
29
+ true: string;
30
+ };
31
+ strikeThrough: {
32
+ true: string;
33
+ };
34
+ size: {
35
+ '2xs': string;
36
+ xs: string;
37
+ sm: string;
38
+ md: string;
39
+ lg: string;
40
+ xl: string;
41
+ '2xl': string;
42
+ '3xl': string;
43
+ '4xl': string;
44
+ '5xl': string;
45
+ '6xl': string;
46
+ };
47
+ sub: {
48
+ true: string;
49
+ };
50
+ italic: {
51
+ true: string;
52
+ };
53
+ highlight: {
54
+ true: string;
55
+ };
56
+ } | ({
57
+ isTruncated: {
58
+ true: {
59
+ props: string;
60
+ };
61
+ };
62
+ bold: {
63
+ true: string;
64
+ };
65
+ underline: {
66
+ true: string;
67
+ };
68
+ strikeThrough: {
69
+ true: string;
70
+ };
71
+ size: {
72
+ '2xs': string;
73
+ xs: string;
74
+ sm: string;
75
+ md: string;
76
+ lg: string;
77
+ xl: string;
78
+ '2xl': string;
79
+ '3xl': string;
80
+ '4xl': string;
81
+ '5xl': string;
82
+ '6xl': string;
83
+ };
84
+ sub: {
85
+ true: string;
86
+ };
87
+ italic: {
88
+ true: string;
89
+ };
90
+ highlight: {
91
+ true: string;
92
+ };
93
+ } & {
94
+ isTruncated: {
95
+ true: import("tailwind-merge").ClassNameValue | {
96
+ base?: import("tailwind-merge").ClassNameValue;
97
+ };
98
+ };
99
+ bold: {
100
+ true: import("tailwind-merge").ClassNameValue | {
101
+ base?: import("tailwind-merge").ClassNameValue;
102
+ };
103
+ };
104
+ underline: {
105
+ true: import("tailwind-merge").ClassNameValue | {
106
+ base?: import("tailwind-merge").ClassNameValue;
107
+ };
108
+ };
109
+ strikeThrough: {
110
+ true: import("tailwind-merge").ClassNameValue | {
111
+ base?: import("tailwind-merge").ClassNameValue;
112
+ };
113
+ };
114
+ size: {
115
+ '2xs': import("tailwind-merge").ClassNameValue | {
116
+ base?: import("tailwind-merge").ClassNameValue;
117
+ };
118
+ xs: import("tailwind-merge").ClassNameValue | {
119
+ base?: import("tailwind-merge").ClassNameValue;
120
+ };
121
+ sm: import("tailwind-merge").ClassNameValue | {
122
+ base?: import("tailwind-merge").ClassNameValue;
123
+ };
124
+ md: import("tailwind-merge").ClassNameValue | {
125
+ base?: import("tailwind-merge").ClassNameValue;
126
+ };
127
+ lg: import("tailwind-merge").ClassNameValue | {
128
+ base?: import("tailwind-merge").ClassNameValue;
129
+ };
130
+ xl: import("tailwind-merge").ClassNameValue | {
131
+ base?: import("tailwind-merge").ClassNameValue;
132
+ };
133
+ '2xl': import("tailwind-merge").ClassNameValue | {
134
+ base?: import("tailwind-merge").ClassNameValue;
135
+ };
136
+ '3xl': import("tailwind-merge").ClassNameValue | {
137
+ base?: import("tailwind-merge").ClassNameValue;
138
+ };
139
+ '4xl': import("tailwind-merge").ClassNameValue | {
140
+ base?: import("tailwind-merge").ClassNameValue;
141
+ };
142
+ '5xl': import("tailwind-merge").ClassNameValue | {
143
+ base?: import("tailwind-merge").ClassNameValue;
144
+ };
145
+ '6xl': import("tailwind-merge").ClassNameValue | {
146
+ base?: import("tailwind-merge").ClassNameValue;
147
+ };
148
+ };
149
+ sub: {
150
+ true: import("tailwind-merge").ClassNameValue | {
151
+ base?: import("tailwind-merge").ClassNameValue;
152
+ };
153
+ };
154
+ italic: {
155
+ true: import("tailwind-merge").ClassNameValue | {
156
+ base?: import("tailwind-merge").ClassNameValue;
157
+ };
158
+ };
159
+ highlight: {
160
+ true: import("tailwind-merge").ClassNameValue | {
161
+ base?: import("tailwind-merge").ClassNameValue;
162
+ };
163
+ };
164
+ }), undefined, "font-normal tracking-normal web:select-none text-xs text-typography-50", import("tailwind-variants/dist/config").TVConfig<{
165
+ isTruncated: {
166
+ true: {
167
+ props: string;
168
+ };
169
+ };
170
+ bold: {
171
+ true: string;
172
+ };
173
+ underline: {
174
+ true: string;
175
+ };
176
+ strikeThrough: {
177
+ true: string;
178
+ };
179
+ size: {
180
+ '2xs': string;
181
+ xs: string;
182
+ sm: string;
183
+ md: string;
184
+ lg: string;
185
+ xl: string;
186
+ '2xl': string;
187
+ '3xl': string;
188
+ '4xl': string;
189
+ '5xl': string;
190
+ '6xl': string;
191
+ };
192
+ sub: {
193
+ true: string;
194
+ };
195
+ italic: {
196
+ true: string;
197
+ };
198
+ highlight: {
199
+ true: string;
200
+ };
201
+ }, {
202
+ isTruncated: {
203
+ true: {
204
+ props: string;
205
+ };
206
+ };
207
+ bold: {
208
+ true: string;
209
+ };
210
+ underline: {
211
+ true: string;
212
+ };
213
+ strikeThrough: {
214
+ true: string;
215
+ };
216
+ size: {
217
+ '2xs': string;
218
+ xs: string;
219
+ sm: string;
220
+ md: string;
221
+ lg: string;
222
+ xl: string;
223
+ '2xl': string;
224
+ '3xl': string;
225
+ '4xl': string;
226
+ '5xl': string;
227
+ '6xl': string;
228
+ };
229
+ sub: {
230
+ true: string;
231
+ };
232
+ italic: {
233
+ true: string;
234
+ };
235
+ highlight: {
236
+ true: string;
237
+ };
238
+ }>, {
239
+ isTruncated: {
240
+ true: {
241
+ props: string;
242
+ };
243
+ };
244
+ bold: {
245
+ true: string;
246
+ };
247
+ underline: {
248
+ true: string;
249
+ };
250
+ strikeThrough: {
251
+ true: string;
252
+ };
253
+ size: {
254
+ '2xs': string;
255
+ xs: string;
256
+ sm: string;
257
+ md: string;
258
+ lg: string;
259
+ xl: string;
260
+ '2xl': string;
261
+ '3xl': string;
262
+ '4xl': string;
263
+ '5xl': string;
264
+ '6xl': string;
265
+ };
266
+ sub: {
267
+ true: string;
268
+ };
269
+ italic: {
270
+ true: string;
271
+ };
272
+ highlight: {
273
+ true: string;
274
+ };
275
+ }, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
276
+ isTruncated: {
277
+ true: {
278
+ props: string;
279
+ };
280
+ };
281
+ bold: {
282
+ true: string;
283
+ };
284
+ underline: {
285
+ true: string;
286
+ };
287
+ strikeThrough: {
288
+ true: string;
289
+ };
290
+ size: {
291
+ '2xs': string;
292
+ xs: string;
293
+ sm: string;
294
+ md: string;
295
+ lg: string;
296
+ xl: string;
297
+ '2xl': string;
298
+ '3xl': string;
299
+ '4xl': string;
300
+ '5xl': string;
301
+ '6xl': string;
302
+ };
303
+ sub: {
304
+ true: string;
305
+ };
306
+ italic: {
307
+ true: string;
308
+ };
309
+ highlight: {
310
+ true: string;
311
+ };
312
+ }, undefined, "font-normal tracking-normal web:select-none text-xs text-typography-50", import("tailwind-variants/dist/config").TVConfig<{
313
+ isTruncated: {
314
+ true: {
315
+ props: string;
316
+ };
317
+ };
318
+ bold: {
319
+ true: string;
320
+ };
321
+ underline: {
322
+ true: string;
323
+ };
324
+ strikeThrough: {
325
+ true: string;
326
+ };
327
+ size: {
328
+ '2xs': string;
329
+ xs: string;
330
+ sm: string;
331
+ md: string;
332
+ lg: string;
333
+ xl: string;
334
+ '2xl': string;
335
+ '3xl': string;
336
+ '4xl': string;
337
+ '5xl': string;
338
+ '6xl': string;
339
+ };
340
+ sub: {
341
+ true: string;
342
+ };
343
+ italic: {
344
+ true: string;
345
+ };
346
+ highlight: {
347
+ true: string;
348
+ };
349
+ }, {
350
+ isTruncated: {
351
+ true: {
352
+ props: string;
353
+ };
354
+ };
355
+ bold: {
356
+ true: string;
357
+ };
358
+ underline: {
359
+ true: string;
360
+ };
361
+ strikeThrough: {
362
+ true: string;
363
+ };
364
+ size: {
365
+ '2xs': string;
366
+ xs: string;
367
+ sm: string;
368
+ md: string;
369
+ lg: string;
370
+ xl: string;
371
+ '2xl': string;
372
+ '3xl': string;
373
+ '4xl': string;
374
+ '5xl': string;
375
+ '6xl': string;
376
+ };
377
+ sub: {
378
+ true: string;
379
+ };
380
+ italic: {
381
+ true: string;
382
+ };
383
+ highlight: {
384
+ true: string;
385
+ };
386
+ }>, unknown, unknown, undefined>>> & {
387
+ className?: string;
388
+ } & {
389
+ className?: string;
390
+ }, "ref"> & React.RefAttributes<import("react-native").TextProps>>;
391
+ export { Tooltip, TooltipContent, TooltipText };
@@ -0,0 +1,75 @@
1
+ 'use client';
2
+ import React from 'react';
3
+ import { createTooltip } from '@gluestack-ui/tooltip';
4
+ import { View, Text } from 'react-native';
5
+ import { tva } from '@gluestack-ui/nativewind-utils/tva';
6
+ import { withStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
7
+ import { Motion, AnimatePresence } from '@legendapp/motion';
8
+ import { cssInterop } from 'nativewind';
9
+ export const UITooltip = createTooltip({
10
+ Root: withStyleContext(View),
11
+ Content: Motion.View,
12
+ Text: Text,
13
+ AnimatePresence: AnimatePresence,
14
+ });
15
+ cssInterop(Motion.View, { className: 'style' });
16
+ const tooltipStyle = tva({
17
+ base: 'w-full h-full web:pointer-events-none',
18
+ });
19
+ const tooltipContentStyle = tva({
20
+ base: 'py-1 px-3 rounded-sm bg-background-900 web:pointer-events-auto',
21
+ });
22
+ const tooltipTextStyle = tva({
23
+ base: 'font-normal tracking-normal web:select-none text-xs text-typography-50',
24
+ variants: {
25
+ isTruncated: {
26
+ true: {
27
+ props: 'line-clamp-1 truncate',
28
+ },
29
+ },
30
+ bold: {
31
+ true: 'font-bold',
32
+ },
33
+ underline: {
34
+ true: 'underline',
35
+ },
36
+ strikeThrough: {
37
+ true: 'line-through',
38
+ },
39
+ size: {
40
+ '2xs': 'text-2xs',
41
+ xs: 'text-xs',
42
+ sm: 'text-sm',
43
+ md: 'text-base',
44
+ lg: 'text-lg',
45
+ xl: 'text-xl',
46
+ '2xl': 'text-2xl',
47
+ '3xl': 'text-3xl',
48
+ '4xl': 'text-4xl',
49
+ '5xl': 'text-5xl',
50
+ '6xl': 'text-6xl',
51
+ },
52
+ sub: {
53
+ true: 'text-xs',
54
+ },
55
+ italic: {
56
+ true: 'italic',
57
+ },
58
+ highlight: {
59
+ true: 'bg-yellow-500',
60
+ },
61
+ },
62
+ });
63
+ const Tooltip = React.forwardRef(({ className, ...props }, ref) => {
64
+ return React.createElement(UITooltip, { ref: ref, className: tooltipStyle({ class: className }), ...props });
65
+ });
66
+ const TooltipContent = React.forwardRef(({ className, ...props }, ref) => {
67
+ return (React.createElement(UITooltip.Content, { ref: ref, ...props, className: tooltipContentStyle({
68
+ class: className,
69
+ }), pointerEvents: "auto" }));
70
+ });
71
+ const TooltipText = React.forwardRef(({ size, className, ...props }, ref) => {
72
+ return React.createElement(UITooltip.Text, { ref: ref, className: tooltipTextStyle({ size, class: className }), ...props });
73
+ });
74
+ export { Tooltip, TooltipContent, TooltipText };
75
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,14 @@
1
+ /** Define your breakpoints manually */
2
+ declare const screenSize: {
3
+ sm: number;
4
+ md: number;
5
+ lg: number;
6
+ xl: number;
7
+ '2xl': number;
8
+ };
9
+ type Breakpoints = keyof typeof screenSize | 'default';
10
+ type BreakPointValue = Partial<Record<Breakpoints, any>>;
11
+ export declare const getBreakPointValue: (values: BreakPointValue, width: number) => any;
12
+ export declare function useBreakpointValue(values: BreakPointValue): any;
13
+ export declare function isValidBreakpoint(breakPointWidth: number, width?: number): boolean;
14
+ export {};
@@ -0,0 +1,54 @@
1
+ import { Dimensions, useWindowDimensions } from 'react-native';
2
+ import { useEffect, useState } from 'react';
3
+ /** Define your breakpoints manually */
4
+ const screenSize = {
5
+ sm: 640,
6
+ md: 768,
7
+ lg: 1024,
8
+ xl: 1280,
9
+ '2xl': 1536,
10
+ };
11
+ const resolveScreenWidth = {
12
+ default: 0,
13
+ ...screenSize,
14
+ };
15
+ export const getBreakPointValue = (values, width) => {
16
+ if (typeof values !== 'object')
17
+ return values;
18
+ let finalBreakPointResolvedValue;
19
+ const mediaQueriesBreakpoints = Object.entries(resolveScreenWidth).map(([key, breakpoint]) => ({
20
+ key,
21
+ breakpoint,
22
+ isValid: width >= breakpoint,
23
+ value: undefined, // Initialize `value` property
24
+ }));
25
+ mediaQueriesBreakpoints.sort((a, b) => a.breakpoint - b.breakpoint);
26
+ mediaQueriesBreakpoints.forEach((breakpoint, index) => {
27
+ breakpoint.value = values.hasOwnProperty(breakpoint.key)
28
+ ? values[breakpoint.key]
29
+ : mediaQueriesBreakpoints[index - 1]?.value || values.default;
30
+ });
31
+ const lastValidObject = getLastValidObject(mediaQueriesBreakpoints);
32
+ finalBreakPointResolvedValue = lastValidObject ? lastValidObject.value : values;
33
+ return finalBreakPointResolvedValue;
34
+ };
35
+ export function useBreakpointValue(values) {
36
+ const { width } = useWindowDimensions();
37
+ const [currentBreakPointValue, setCurrentBreakPointValue] = useState(getBreakPointValue(values, width));
38
+ useEffect(() => {
39
+ setCurrentBreakPointValue(getBreakPointValue(values, width));
40
+ }, [values, width]);
41
+ return typeof values !== 'object' ? values : currentBreakPointValue;
42
+ }
43
+ export function isValidBreakpoint(breakPointWidth, width = Dimensions.get('window').width) {
44
+ return width >= breakPointWidth;
45
+ }
46
+ function getLastValidObject(mediaQueries) {
47
+ for (let i = mediaQueries.length - 1; i >= 0; i--) {
48
+ if (mediaQueries[i].isValid) {
49
+ return mediaQueries[i];
50
+ }
51
+ }
52
+ return null;
53
+ }
54
+ //# sourceMappingURL=use-break-point-value.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-break-point-value.js","sourceRoot":"","sources":["../../../../src/components/ui/utils/use-break-point-value.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ export { View } from 'react-native';
@@ -0,0 +1,3 @@
1
+ 'use client';
2
+ export { View } from 'react-native';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/view/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1 @@
1
+ export { VirtualizedList } from 'react-native';
@@ -0,0 +1,3 @@
1
+ 'use client';
2
+ export { VirtualizedList } from 'react-native';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/virtualized-list/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}