fluentglass 0.2.6

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 (414) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +169 -0
  3. package/lib/commonjs/assets/fonts/Inter-Black.ttf +0 -0
  4. package/lib/commonjs/assets/fonts/Inter-Bold.ttf +0 -0
  5. package/lib/commonjs/assets/fonts/Inter-ExtraBold.ttf +0 -0
  6. package/lib/commonjs/assets/fonts/Inter-Medium.ttf +0 -0
  7. package/lib/commonjs/assets/fonts/Inter-Regular.ttf +0 -0
  8. package/lib/commonjs/assets/fonts/Inter-SemiBold.ttf +0 -0
  9. package/lib/commonjs/components/FluentGlass.js +94 -0
  10. package/lib/commonjs/components/FluentGlass.js.map +1 -0
  11. package/lib/commonjs/components/FluentGlassAlert.js +126 -0
  12. package/lib/commonjs/components/FluentGlassAlert.js.map +1 -0
  13. package/lib/commonjs/components/FluentGlassBadge.js +124 -0
  14. package/lib/commonjs/components/FluentGlassBadge.js.map +1 -0
  15. package/lib/commonjs/components/FluentGlassBarChart.js +287 -0
  16. package/lib/commonjs/components/FluentGlassBarChart.js.map +1 -0
  17. package/lib/commonjs/components/FluentGlassBreadcrumb.js +155 -0
  18. package/lib/commonjs/components/FluentGlassBreadcrumb.js.map +1 -0
  19. package/lib/commonjs/components/FluentGlassButton.js +175 -0
  20. package/lib/commonjs/components/FluentGlassButton.js.map +1 -0
  21. package/lib/commonjs/components/FluentGlassCalendarWidget.js +73 -0
  22. package/lib/commonjs/components/FluentGlassCalendarWidget.js.map +1 -0
  23. package/lib/commonjs/components/FluentGlassCard.js +195 -0
  24. package/lib/commonjs/components/FluentGlassCard.js.map +1 -0
  25. package/lib/commonjs/components/FluentGlassCheckbox.js +121 -0
  26. package/lib/commonjs/components/FluentGlassCheckbox.js.map +1 -0
  27. package/lib/commonjs/components/FluentGlassClockWidget.js +80 -0
  28. package/lib/commonjs/components/FluentGlassClockWidget.js.map +1 -0
  29. package/lib/commonjs/components/FluentGlassCodeBlock.js +239 -0
  30. package/lib/commonjs/components/FluentGlassCodeBlock.js.map +1 -0
  31. package/lib/commonjs/components/FluentGlassContainer.js +52 -0
  32. package/lib/commonjs/components/FluentGlassContainer.js.map +1 -0
  33. package/lib/commonjs/components/FluentGlassCrossfade.js +118 -0
  34. package/lib/commonjs/components/FluentGlassCrossfade.js.map +1 -0
  35. package/lib/commonjs/components/FluentGlassDateInput.js +176 -0
  36. package/lib/commonjs/components/FluentGlassDateInput.js.map +1 -0
  37. package/lib/commonjs/components/FluentGlassDatePicker.js +271 -0
  38. package/lib/commonjs/components/FluentGlassDatePicker.js.map +1 -0
  39. package/lib/commonjs/components/FluentGlassDialog.js +169 -0
  40. package/lib/commonjs/components/FluentGlassDialog.js.map +1 -0
  41. package/lib/commonjs/components/FluentGlassDock.js +187 -0
  42. package/lib/commonjs/components/FluentGlassDock.js.map +1 -0
  43. package/lib/commonjs/components/FluentGlassDropdown.js +349 -0
  44. package/lib/commonjs/components/FluentGlassDropdown.js.map +1 -0
  45. package/lib/commonjs/components/FluentGlassEmailInput.js +43 -0
  46. package/lib/commonjs/components/FluentGlassEmailInput.js.map +1 -0
  47. package/lib/commonjs/components/FluentGlassInput.js +83 -0
  48. package/lib/commonjs/components/FluentGlassInput.js.map +1 -0
  49. package/lib/commonjs/components/FluentGlassLabeledInput.js +64 -0
  50. package/lib/commonjs/components/FluentGlassLabeledInput.js.map +1 -0
  51. package/lib/commonjs/components/FluentGlassLayout.js +106 -0
  52. package/lib/commonjs/components/FluentGlassLayout.js.map +1 -0
  53. package/lib/commonjs/components/FluentGlassPasswordInput.js +60 -0
  54. package/lib/commonjs/components/FluentGlassPasswordInput.js.map +1 -0
  55. package/lib/commonjs/components/FluentGlassPopover.js +75 -0
  56. package/lib/commonjs/components/FluentGlassPopover.js.map +1 -0
  57. package/lib/commonjs/components/FluentGlassResponsiveRow.js +74 -0
  58. package/lib/commonjs/components/FluentGlassResponsiveRow.js.map +1 -0
  59. package/lib/commonjs/components/FluentGlassScrollArea.js +101 -0
  60. package/lib/commonjs/components/FluentGlassScrollArea.js.map +1 -0
  61. package/lib/commonjs/components/FluentGlassSegmentedControl.js +126 -0
  62. package/lib/commonjs/components/FluentGlassSegmentedControl.js.map +1 -0
  63. package/lib/commonjs/components/FluentGlassSelect.js +155 -0
  64. package/lib/commonjs/components/FluentGlassSelect.js.map +1 -0
  65. package/lib/commonjs/components/FluentGlassSeparator.js +62 -0
  66. package/lib/commonjs/components/FluentGlassSeparator.js.map +1 -0
  67. package/lib/commonjs/components/FluentGlassSheet.js +189 -0
  68. package/lib/commonjs/components/FluentGlassSheet.js.map +1 -0
  69. package/lib/commonjs/components/FluentGlassSidebar.js +358 -0
  70. package/lib/commonjs/components/FluentGlassSidebar.js.map +1 -0
  71. package/lib/commonjs/components/FluentGlassSimpleCard.js +56 -0
  72. package/lib/commonjs/components/FluentGlassSimpleCard.js.map +1 -0
  73. package/lib/commonjs/components/FluentGlassSkeleton.js +52 -0
  74. package/lib/commonjs/components/FluentGlassSkeleton.js.map +1 -0
  75. package/lib/commonjs/components/FluentGlassSlider.js +197 -0
  76. package/lib/commonjs/components/FluentGlassSlider.js.map +1 -0
  77. package/lib/commonjs/components/FluentGlassStatWidget.js +133 -0
  78. package/lib/commonjs/components/FluentGlassStatWidget.js.map +1 -0
  79. package/lib/commonjs/components/FluentGlassStatusIndicator.js +89 -0
  80. package/lib/commonjs/components/FluentGlassStatusIndicator.js.map +1 -0
  81. package/lib/commonjs/components/FluentGlassSwitch.js +126 -0
  82. package/lib/commonjs/components/FluentGlassSwitch.js.map +1 -0
  83. package/lib/commonjs/components/FluentGlassTable.js +163 -0
  84. package/lib/commonjs/components/FluentGlassTable.js.map +1 -0
  85. package/lib/commonjs/components/FluentGlassTag.js +109 -0
  86. package/lib/commonjs/components/FluentGlassTag.js.map +1 -0
  87. package/lib/commonjs/components/FluentGlassTextInput.js +90 -0
  88. package/lib/commonjs/components/FluentGlassTextInput.js.map +1 -0
  89. package/lib/commonjs/components/FluentGlassTimeline.js +334 -0
  90. package/lib/commonjs/components/FluentGlassTimeline.js.map +1 -0
  91. package/lib/commonjs/components/FluentGlassWeatherWidget.js +72 -0
  92. package/lib/commonjs/components/FluentGlassWeatherWidget.js.map +1 -0
  93. package/lib/commonjs/components/index.js +308 -0
  94. package/lib/commonjs/components/index.js.map +1 -0
  95. package/lib/commonjs/fonts.js +33 -0
  96. package/lib/commonjs/fonts.js.map +1 -0
  97. package/lib/commonjs/hooks/useBreakpoint.js +57 -0
  98. package/lib/commonjs/hooks/useBreakpoint.js.map +1 -0
  99. package/lib/commonjs/index.js +462 -0
  100. package/lib/commonjs/index.js.map +1 -0
  101. package/lib/commonjs/package.json +1 -0
  102. package/lib/commonjs/theme/FluentGlassProvider.js +84 -0
  103. package/lib/commonjs/theme/FluentGlassProvider.js.map +1 -0
  104. package/lib/commonjs/theme/defaultTheme.js +55 -0
  105. package/lib/commonjs/theme/defaultTheme.js.map +1 -0
  106. package/lib/commonjs/theme/resolvers.js +118 -0
  107. package/lib/commonjs/theme/resolvers.js.map +1 -0
  108. package/lib/commonjs/theme/tokens.js +239 -0
  109. package/lib/commonjs/theme/tokens.js.map +1 -0
  110. package/lib/commonjs/theme/typography.js +50 -0
  111. package/lib/commonjs/theme/typography.js.map +1 -0
  112. package/lib/commonjs/theme/useTheme.js +22 -0
  113. package/lib/commonjs/theme/useTheme.js.map +1 -0
  114. package/lib/commonjs/types/components.js +6 -0
  115. package/lib/commonjs/types/components.js.map +1 -0
  116. package/lib/commonjs/types/theme.js +6 -0
  117. package/lib/commonjs/types/theme.js.map +1 -0
  118. package/lib/commonjs/utils/colors.js +59 -0
  119. package/lib/commonjs/utils/colors.js.map +1 -0
  120. package/lib/commonjs/utils/responsive.js +126 -0
  121. package/lib/commonjs/utils/responsive.js.map +1 -0
  122. package/lib/module/assets/fonts/Inter-Black.ttf +0 -0
  123. package/lib/module/assets/fonts/Inter-Bold.ttf +0 -0
  124. package/lib/module/assets/fonts/Inter-ExtraBold.ttf +0 -0
  125. package/lib/module/assets/fonts/Inter-Medium.ttf +0 -0
  126. package/lib/module/assets/fonts/Inter-Regular.ttf +0 -0
  127. package/lib/module/assets/fonts/Inter-SemiBold.ttf +0 -0
  128. package/lib/module/components/FluentGlass.js +89 -0
  129. package/lib/module/components/FluentGlass.js.map +1 -0
  130. package/lib/module/components/FluentGlassAlert.js +121 -0
  131. package/lib/module/components/FluentGlassAlert.js.map +1 -0
  132. package/lib/module/components/FluentGlassBadge.js +119 -0
  133. package/lib/module/components/FluentGlassBadge.js.map +1 -0
  134. package/lib/module/components/FluentGlassBarChart.js +281 -0
  135. package/lib/module/components/FluentGlassBarChart.js.map +1 -0
  136. package/lib/module/components/FluentGlassBreadcrumb.js +150 -0
  137. package/lib/module/components/FluentGlassBreadcrumb.js.map +1 -0
  138. package/lib/module/components/FluentGlassButton.js +169 -0
  139. package/lib/module/components/FluentGlassButton.js.map +1 -0
  140. package/lib/module/components/FluentGlassCalendarWidget.js +68 -0
  141. package/lib/module/components/FluentGlassCalendarWidget.js.map +1 -0
  142. package/lib/module/components/FluentGlassCard.js +190 -0
  143. package/lib/module/components/FluentGlassCard.js.map +1 -0
  144. package/lib/module/components/FluentGlassCheckbox.js +115 -0
  145. package/lib/module/components/FluentGlassCheckbox.js.map +1 -0
  146. package/lib/module/components/FluentGlassClockWidget.js +74 -0
  147. package/lib/module/components/FluentGlassClockWidget.js.map +1 -0
  148. package/lib/module/components/FluentGlassCodeBlock.js +233 -0
  149. package/lib/module/components/FluentGlassCodeBlock.js.map +1 -0
  150. package/lib/module/components/FluentGlassContainer.js +47 -0
  151. package/lib/module/components/FluentGlassContainer.js.map +1 -0
  152. package/lib/module/components/FluentGlassCrossfade.js +112 -0
  153. package/lib/module/components/FluentGlassCrossfade.js.map +1 -0
  154. package/lib/module/components/FluentGlassDateInput.js +170 -0
  155. package/lib/module/components/FluentGlassDateInput.js.map +1 -0
  156. package/lib/module/components/FluentGlassDatePicker.js +265 -0
  157. package/lib/module/components/FluentGlassDatePicker.js.map +1 -0
  158. package/lib/module/components/FluentGlassDialog.js +163 -0
  159. package/lib/module/components/FluentGlassDialog.js.map +1 -0
  160. package/lib/module/components/FluentGlassDock.js +181 -0
  161. package/lib/module/components/FluentGlassDock.js.map +1 -0
  162. package/lib/module/components/FluentGlassDropdown.js +343 -0
  163. package/lib/module/components/FluentGlassDropdown.js.map +1 -0
  164. package/lib/module/components/FluentGlassEmailInput.js +38 -0
  165. package/lib/module/components/FluentGlassEmailInput.js.map +1 -0
  166. package/lib/module/components/FluentGlassInput.js +78 -0
  167. package/lib/module/components/FluentGlassInput.js.map +1 -0
  168. package/lib/module/components/FluentGlassLabeledInput.js +59 -0
  169. package/lib/module/components/FluentGlassLabeledInput.js.map +1 -0
  170. package/lib/module/components/FluentGlassLayout.js +101 -0
  171. package/lib/module/components/FluentGlassLayout.js.map +1 -0
  172. package/lib/module/components/FluentGlassPasswordInput.js +54 -0
  173. package/lib/module/components/FluentGlassPasswordInput.js.map +1 -0
  174. package/lib/module/components/FluentGlassPopover.js +70 -0
  175. package/lib/module/components/FluentGlassPopover.js.map +1 -0
  176. package/lib/module/components/FluentGlassResponsiveRow.js +71 -0
  177. package/lib/module/components/FluentGlassResponsiveRow.js.map +1 -0
  178. package/lib/module/components/FluentGlassScrollArea.js +95 -0
  179. package/lib/module/components/FluentGlassScrollArea.js.map +1 -0
  180. package/lib/module/components/FluentGlassSegmentedControl.js +120 -0
  181. package/lib/module/components/FluentGlassSegmentedControl.js.map +1 -0
  182. package/lib/module/components/FluentGlassSelect.js +149 -0
  183. package/lib/module/components/FluentGlassSelect.js.map +1 -0
  184. package/lib/module/components/FluentGlassSeparator.js +57 -0
  185. package/lib/module/components/FluentGlassSeparator.js.map +1 -0
  186. package/lib/module/components/FluentGlassSheet.js +183 -0
  187. package/lib/module/components/FluentGlassSheet.js.map +1 -0
  188. package/lib/module/components/FluentGlassSidebar.js +351 -0
  189. package/lib/module/components/FluentGlassSidebar.js.map +1 -0
  190. package/lib/module/components/FluentGlassSimpleCard.js +51 -0
  191. package/lib/module/components/FluentGlassSimpleCard.js.map +1 -0
  192. package/lib/module/components/FluentGlassSkeleton.js +46 -0
  193. package/lib/module/components/FluentGlassSkeleton.js.map +1 -0
  194. package/lib/module/components/FluentGlassSlider.js +191 -0
  195. package/lib/module/components/FluentGlassSlider.js.map +1 -0
  196. package/lib/module/components/FluentGlassStatWidget.js +128 -0
  197. package/lib/module/components/FluentGlassStatWidget.js.map +1 -0
  198. package/lib/module/components/FluentGlassStatusIndicator.js +84 -0
  199. package/lib/module/components/FluentGlassStatusIndicator.js.map +1 -0
  200. package/lib/module/components/FluentGlassSwitch.js +122 -0
  201. package/lib/module/components/FluentGlassSwitch.js.map +1 -0
  202. package/lib/module/components/FluentGlassTable.js +158 -0
  203. package/lib/module/components/FluentGlassTable.js.map +1 -0
  204. package/lib/module/components/FluentGlassTag.js +103 -0
  205. package/lib/module/components/FluentGlassTag.js.map +1 -0
  206. package/lib/module/components/FluentGlassTextInput.js +85 -0
  207. package/lib/module/components/FluentGlassTextInput.js.map +1 -0
  208. package/lib/module/components/FluentGlassTimeline.js +327 -0
  209. package/lib/module/components/FluentGlassTimeline.js.map +1 -0
  210. package/lib/module/components/FluentGlassWeatherWidget.js +67 -0
  211. package/lib/module/components/FluentGlassWeatherWidget.js.map +1 -0
  212. package/lib/module/components/index.js +45 -0
  213. package/lib/module/components/index.js.map +1 -0
  214. package/lib/module/fonts.js +26 -0
  215. package/lib/module/fonts.js.map +1 -0
  216. package/lib/module/hooks/useBreakpoint.js +54 -0
  217. package/lib/module/hooks/useBreakpoint.js.map +1 -0
  218. package/lib/module/index.js +30 -0
  219. package/lib/module/index.js.map +1 -0
  220. package/lib/module/theme/FluentGlassProvider.js +77 -0
  221. package/lib/module/theme/FluentGlassProvider.js.map +1 -0
  222. package/lib/module/theme/defaultTheme.js +51 -0
  223. package/lib/module/theme/defaultTheme.js.map +1 -0
  224. package/lib/module/theme/resolvers.js +110 -0
  225. package/lib/module/theme/resolvers.js.map +1 -0
  226. package/lib/module/theme/tokens.js +235 -0
  227. package/lib/module/theme/tokens.js.map +1 -0
  228. package/lib/module/theme/typography.js +45 -0
  229. package/lib/module/theme/typography.js.map +1 -0
  230. package/lib/module/theme/useTheme.js +18 -0
  231. package/lib/module/theme/useTheme.js.map +1 -0
  232. package/lib/module/types/components.js +4 -0
  233. package/lib/module/types/components.js.map +1 -0
  234. package/lib/module/types/theme.js +4 -0
  235. package/lib/module/types/theme.js.map +1 -0
  236. package/lib/module/utils/colors.js +55 -0
  237. package/lib/module/utils/colors.js.map +1 -0
  238. package/lib/module/utils/responsive.js +116 -0
  239. package/lib/module/utils/responsive.js.map +1 -0
  240. package/lib/typescript/components/FluentGlass.d.ts +25 -0
  241. package/lib/typescript/components/FluentGlass.d.ts.map +1 -0
  242. package/lib/typescript/components/FluentGlassAlert.d.ts +13 -0
  243. package/lib/typescript/components/FluentGlassAlert.d.ts.map +1 -0
  244. package/lib/typescript/components/FluentGlassBadge.d.ts +22 -0
  245. package/lib/typescript/components/FluentGlassBadge.d.ts.map +1 -0
  246. package/lib/typescript/components/FluentGlassBarChart.d.ts +30 -0
  247. package/lib/typescript/components/FluentGlassBarChart.d.ts.map +1 -0
  248. package/lib/typescript/components/FluentGlassBreadcrumb.d.ts +22 -0
  249. package/lib/typescript/components/FluentGlassBreadcrumb.d.ts.map +1 -0
  250. package/lib/typescript/components/FluentGlassButton.d.ts +27 -0
  251. package/lib/typescript/components/FluentGlassButton.d.ts.map +1 -0
  252. package/lib/typescript/components/FluentGlassCalendarWidget.d.ts +13 -0
  253. package/lib/typescript/components/FluentGlassCalendarWidget.d.ts.map +1 -0
  254. package/lib/typescript/components/FluentGlassCard.d.ts +30 -0
  255. package/lib/typescript/components/FluentGlassCard.d.ts.map +1 -0
  256. package/lib/typescript/components/FluentGlassCheckbox.d.ts +14 -0
  257. package/lib/typescript/components/FluentGlassCheckbox.d.ts.map +1 -0
  258. package/lib/typescript/components/FluentGlassClockWidget.d.ts +11 -0
  259. package/lib/typescript/components/FluentGlassClockWidget.d.ts.map +1 -0
  260. package/lib/typescript/components/FluentGlassCodeBlock.d.ts +11 -0
  261. package/lib/typescript/components/FluentGlassCodeBlock.d.ts.map +1 -0
  262. package/lib/typescript/components/FluentGlassContainer.d.ts +22 -0
  263. package/lib/typescript/components/FluentGlassContainer.d.ts.map +1 -0
  264. package/lib/typescript/components/FluentGlassCrossfade.d.ts +24 -0
  265. package/lib/typescript/components/FluentGlassCrossfade.d.ts.map +1 -0
  266. package/lib/typescript/components/FluentGlassDateInput.d.ts +18 -0
  267. package/lib/typescript/components/FluentGlassDateInput.d.ts.map +1 -0
  268. package/lib/typescript/components/FluentGlassDatePicker.d.ts +9 -0
  269. package/lib/typescript/components/FluentGlassDatePicker.d.ts.map +1 -0
  270. package/lib/typescript/components/FluentGlassDialog.d.ts +18 -0
  271. package/lib/typescript/components/FluentGlassDialog.d.ts.map +1 -0
  272. package/lib/typescript/components/FluentGlassDock.d.ts +19 -0
  273. package/lib/typescript/components/FluentGlassDock.d.ts.map +1 -0
  274. package/lib/typescript/components/FluentGlassDropdown.d.ts +23 -0
  275. package/lib/typescript/components/FluentGlassDropdown.d.ts.map +1 -0
  276. package/lib/typescript/components/FluentGlassEmailInput.d.ts +17 -0
  277. package/lib/typescript/components/FluentGlassEmailInput.d.ts.map +1 -0
  278. package/lib/typescript/components/FluentGlassInput.d.ts +12 -0
  279. package/lib/typescript/components/FluentGlassInput.d.ts.map +1 -0
  280. package/lib/typescript/components/FluentGlassLabeledInput.d.ts +19 -0
  281. package/lib/typescript/components/FluentGlassLabeledInput.d.ts.map +1 -0
  282. package/lib/typescript/components/FluentGlassLayout.d.ts +11 -0
  283. package/lib/typescript/components/FluentGlassLayout.d.ts.map +1 -0
  284. package/lib/typescript/components/FluentGlassPasswordInput.d.ts +15 -0
  285. package/lib/typescript/components/FluentGlassPasswordInput.d.ts.map +1 -0
  286. package/lib/typescript/components/FluentGlassPopover.d.ts +17 -0
  287. package/lib/typescript/components/FluentGlassPopover.d.ts.map +1 -0
  288. package/lib/typescript/components/FluentGlassResponsiveRow.d.ts +25 -0
  289. package/lib/typescript/components/FluentGlassResponsiveRow.d.ts.map +1 -0
  290. package/lib/typescript/components/FluentGlassScrollArea.d.ts +16 -0
  291. package/lib/typescript/components/FluentGlassScrollArea.d.ts.map +1 -0
  292. package/lib/typescript/components/FluentGlassSegmentedControl.d.ts +15 -0
  293. package/lib/typescript/components/FluentGlassSegmentedControl.d.ts.map +1 -0
  294. package/lib/typescript/components/FluentGlassSelect.d.ts +23 -0
  295. package/lib/typescript/components/FluentGlassSelect.d.ts.map +1 -0
  296. package/lib/typescript/components/FluentGlassSeparator.d.ts +13 -0
  297. package/lib/typescript/components/FluentGlassSeparator.d.ts.map +1 -0
  298. package/lib/typescript/components/FluentGlassSheet.d.ts +11 -0
  299. package/lib/typescript/components/FluentGlassSheet.d.ts.map +1 -0
  300. package/lib/typescript/components/FluentGlassSidebar.d.ts +44 -0
  301. package/lib/typescript/components/FluentGlassSidebar.d.ts.map +1 -0
  302. package/lib/typescript/components/FluentGlassSimpleCard.d.ts +19 -0
  303. package/lib/typescript/components/FluentGlassSimpleCard.d.ts.map +1 -0
  304. package/lib/typescript/components/FluentGlassSkeleton.d.ts +14 -0
  305. package/lib/typescript/components/FluentGlassSkeleton.d.ts.map +1 -0
  306. package/lib/typescript/components/FluentGlassSlider.d.ts +31 -0
  307. package/lib/typescript/components/FluentGlassSlider.d.ts.map +1 -0
  308. package/lib/typescript/components/FluentGlassStatWidget.d.ts +17 -0
  309. package/lib/typescript/components/FluentGlassStatWidget.d.ts.map +1 -0
  310. package/lib/typescript/components/FluentGlassStatusIndicator.d.ts +16 -0
  311. package/lib/typescript/components/FluentGlassStatusIndicator.d.ts.map +1 -0
  312. package/lib/typescript/components/FluentGlassSwitch.d.ts +13 -0
  313. package/lib/typescript/components/FluentGlassSwitch.d.ts.map +1 -0
  314. package/lib/typescript/components/FluentGlassTable.d.ts +50 -0
  315. package/lib/typescript/components/FluentGlassTable.d.ts.map +1 -0
  316. package/lib/typescript/components/FluentGlassTag.d.ts +18 -0
  317. package/lib/typescript/components/FluentGlassTag.d.ts.map +1 -0
  318. package/lib/typescript/components/FluentGlassTextInput.d.ts +21 -0
  319. package/lib/typescript/components/FluentGlassTextInput.d.ts.map +1 -0
  320. package/lib/typescript/components/FluentGlassTimeline.d.ts +27 -0
  321. package/lib/typescript/components/FluentGlassTimeline.d.ts.map +1 -0
  322. package/lib/typescript/components/FluentGlassWeatherWidget.d.ts +13 -0
  323. package/lib/typescript/components/FluentGlassWeatherWidget.d.ts.map +1 -0
  324. package/lib/typescript/components/index.d.ts +43 -0
  325. package/lib/typescript/components/index.d.ts.map +1 -0
  326. package/lib/typescript/fonts.d.ts +13 -0
  327. package/lib/typescript/fonts.d.ts.map +1 -0
  328. package/lib/typescript/hooks/useBreakpoint.d.ts +26 -0
  329. package/lib/typescript/hooks/useBreakpoint.d.ts.map +1 -0
  330. package/lib/typescript/index.d.ts +18 -0
  331. package/lib/typescript/index.d.ts.map +1 -0
  332. package/lib/typescript/theme/FluentGlassProvider.d.ts +21 -0
  333. package/lib/typescript/theme/FluentGlassProvider.d.ts.map +1 -0
  334. package/lib/typescript/theme/defaultTheme.d.ts +10 -0
  335. package/lib/typescript/theme/defaultTheme.d.ts.map +1 -0
  336. package/lib/typescript/theme/resolvers.d.ts +55 -0
  337. package/lib/typescript/theme/resolvers.d.ts.map +1 -0
  338. package/lib/typescript/theme/tokens.d.ts +27 -0
  339. package/lib/typescript/theme/tokens.d.ts.map +1 -0
  340. package/lib/typescript/theme/typography.d.ts +27 -0
  341. package/lib/typescript/theme/typography.d.ts.map +1 -0
  342. package/lib/typescript/theme/useTheme.d.ts +12 -0
  343. package/lib/typescript/theme/useTheme.d.ts.map +1 -0
  344. package/lib/typescript/types/components.d.ts +32 -0
  345. package/lib/typescript/types/components.d.ts.map +1 -0
  346. package/lib/typescript/types/theme.d.ts +79 -0
  347. package/lib/typescript/types/theme.d.ts.map +1 -0
  348. package/lib/typescript/utils/colors.d.ts +3 -0
  349. package/lib/typescript/utils/colors.d.ts.map +1 -0
  350. package/lib/typescript/utils/responsive.d.ts +62 -0
  351. package/lib/typescript/utils/responsive.d.ts.map +1 -0
  352. package/package.json +90 -0
  353. package/src/assets/fonts/Inter-Black.ttf +0 -0
  354. package/src/assets/fonts/Inter-Bold.ttf +0 -0
  355. package/src/assets/fonts/Inter-ExtraBold.ttf +0 -0
  356. package/src/assets/fonts/Inter-Medium.ttf +0 -0
  357. package/src/assets/fonts/Inter-Regular.ttf +0 -0
  358. package/src/assets/fonts/Inter-SemiBold.ttf +0 -0
  359. package/src/components/FluentGlass.tsx +103 -0
  360. package/src/components/FluentGlassAlert.tsx +126 -0
  361. package/src/components/FluentGlassBadge.tsx +109 -0
  362. package/src/components/FluentGlassBarChart.tsx +295 -0
  363. package/src/components/FluentGlassBreadcrumb.tsx +173 -0
  364. package/src/components/FluentGlassButton.tsx +169 -0
  365. package/src/components/FluentGlassCalendarWidget.tsx +55 -0
  366. package/src/components/FluentGlassCard.tsx +186 -0
  367. package/src/components/FluentGlassCheckbox.tsx +138 -0
  368. package/src/components/FluentGlassClockWidget.tsx +61 -0
  369. package/src/components/FluentGlassCodeBlock.tsx +241 -0
  370. package/src/components/FluentGlassContainer.tsx +63 -0
  371. package/src/components/FluentGlassCrossfade.tsx +122 -0
  372. package/src/components/FluentGlassDateInput.tsx +182 -0
  373. package/src/components/FluentGlassDatePicker.tsx +224 -0
  374. package/src/components/FluentGlassDialog.tsx +153 -0
  375. package/src/components/FluentGlassDock.tsx +194 -0
  376. package/src/components/FluentGlassDropdown.tsx +382 -0
  377. package/src/components/FluentGlassEmailInput.tsx +46 -0
  378. package/src/components/FluentGlassInput.tsx +77 -0
  379. package/src/components/FluentGlassLabeledInput.tsx +63 -0
  380. package/src/components/FluentGlassLayout.tsx +89 -0
  381. package/src/components/FluentGlassPasswordInput.tsx +59 -0
  382. package/src/components/FluentGlassPopover.tsx +74 -0
  383. package/src/components/FluentGlassResponsiveRow.tsx +76 -0
  384. package/src/components/FluentGlassScrollArea.tsx +110 -0
  385. package/src/components/FluentGlassSegmentedControl.tsx +140 -0
  386. package/src/components/FluentGlassSelect.tsx +139 -0
  387. package/src/components/FluentGlassSeparator.tsx +54 -0
  388. package/src/components/FluentGlassSheet.tsx +183 -0
  389. package/src/components/FluentGlassSidebar.tsx +349 -0
  390. package/src/components/FluentGlassSimpleCard.tsx +59 -0
  391. package/src/components/FluentGlassSkeleton.tsx +69 -0
  392. package/src/components/FluentGlassSlider.tsx +202 -0
  393. package/src/components/FluentGlassStatWidget.tsx +107 -0
  394. package/src/components/FluentGlassStatusIndicator.tsx +82 -0
  395. package/src/components/FluentGlassSwitch.tsx +130 -0
  396. package/src/components/FluentGlassTable.tsx +145 -0
  397. package/src/components/FluentGlassTag.tsx +98 -0
  398. package/src/components/FluentGlassTextInput.tsx +87 -0
  399. package/src/components/FluentGlassTimeline.tsx +335 -0
  400. package/src/components/FluentGlassWeatherWidget.tsx +54 -0
  401. package/src/components/index.ts +42 -0
  402. package/src/fonts.ts +24 -0
  403. package/src/hooks/useBreakpoint.ts +55 -0
  404. package/src/index.ts +97 -0
  405. package/src/theme/FluentGlassProvider.tsx +82 -0
  406. package/src/theme/defaultTheme.ts +44 -0
  407. package/src/theme/resolvers.ts +115 -0
  408. package/src/theme/tokens.ts +200 -0
  409. package/src/theme/typography.ts +41 -0
  410. package/src/theme/useTheme.ts +17 -0
  411. package/src/types/components.ts +47 -0
  412. package/src/types/theme.ts +82 -0
  413. package/src/utils/colors.ts +55 -0
  414. package/src/utils/responsive.ts +110 -0
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","StyleSheet","TextInput","View","Text","FluentGlass","useTheme","jsx","_jsx","jsxs","_jsxs","FluentGlassInput","value","onChangeText","placeholder","label","style","keyboardType","secureTextEntry","accessibilityLabel","accessibilityHint","theme","COLORS","colors","styles","wrapper","children","color","textSecondary","fontFamily","typography","medium","container","backgroundColor","inputBg","intensity","borderRadius","borderOpacity","input","textPrimary","placeholderTextColor","create","marginBottom","width","fontSize","marginLeft","fontWeight","height","undefined","minHeight","flex","paddingHorizontal"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,SAAS,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAChE,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,QAAQ,MAAM,mBAAmB;;AAExC;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWA,eAAe,SAASC,gBAAgBA,CAAC;EACrCC,KAAK;EACLC,YAAY;EACZC,WAAW;EACXC,KAAK;EACLC,KAAK;EACLC,YAAY;EACZC,eAAe;EACfC,kBAAkB;EAClBC;AACmB,CAAC,EAAE;EACtB,MAAMC,KAAK,GAAGf,QAAQ,CAAC,CAAC;EACxB,MAAMgB,MAAM,GAAGD,KAAK,CAACE,MAAM;EAE3B,oBACIb,KAAA,CAACP,IAAI;IAACa,KAAK,EAAE,CAACQ,MAAM,CAACC,OAAO,EAAET,KAAK,CAAE;IAAAU,QAAA,GAChCX,KAAK,iBAAIP,IAAA,CAACJ,IAAI;MAACY,KAAK,EAAE,CAACQ,MAAM,CAACT,KAAK,EAAE;QAAEY,KAAK,EAAEL,MAAM,CAACM,aAAa;QAAEC,UAAU,EAAER,KAAK,CAACS,UAAU,CAACC;MAAO,CAAC,CAAE;MAAAL,QAAA,EAAEX;IAAK,CAAO,CAAC,eAE3HP,IAAA,CAACH,WAAW;MACRW,KAAK,EAAE,CAACQ,MAAM,CAACQ,SAAS,EAAE;QAAEC,eAAe,EAAEX,MAAM,CAACY;MAAQ,CAAC,CAAE;MAC/DC,SAAS,EAAE,EAAG;MACdC,YAAY,EAAE,EAAG;MACjBC,aAAa,EAAE,GAAI;MAAAX,QAAA,eAEnBlB,IAAA,CAACN,SAAS;QACNc,KAAK,EAAE,CAACQ,MAAM,CAACc,KAAK,EAAE;UAAEX,KAAK,EAAEL,MAAM,CAACiB;QAAY,CAAC,CAAE;QACrD3B,KAAK,EAAEA,KAAM;QACbC,YAAY,EAAEA,YAAa;QAC3BC,WAAW,EAAEA,WAAY;QACzB0B,oBAAoB,EAAElB,MAAM,CAACM,aAAc;QAC3CX,YAAY,EAAEA,YAAa;QAC3BC,eAAe,EAAEA,eAAgB;QACjCC,kBAAkB,EAAEA,kBAAkB,IAAIJ,KAAK,IAAID,WAAY;QAC/DM,iBAAiB,EAAEA;MAAkB,CACxC;IAAC,CACO,CAAC;EAAA,CACZ,CAAC;AAEf;AAEA,MAAMI,MAAM,GAAGvB,UAAU,CAACwC,MAAM,CAAC;EAC7BhB,OAAO,EAAE;IACLiB,YAAY,EAAE,EAAE;IAChBC,KAAK,EAAE;EACX,CAAC;EACD5B,KAAK,EAAE;IACH2B,YAAY,EAAE,CAAC;IACfE,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE;EAChB,CAAC;EACDd,SAAS,EAAE;IACPe,MAAM,EAAEC,SAAS;IACjBC,SAAS,EAAE;EACf,CAAC;EACDX,KAAK,EAAE;IACHY,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE,EAAE;IACrBP,QAAQ,EAAE;EACd;AACJ,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,59 @@
1
+ "use strict";
2
+
3
+ import React from 'react';
4
+ import { StyleSheet, View, Text } from 'react-native';
5
+ import FluentGlassTextInput from './FluentGlassTextInput';
6
+ import useTheme from '../theme/useTheme';
7
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
+ /**
9
+ * FluentGlassLabeledInput (Molécula)
10
+ * Input con una etiqueta (label) en la parte superior.
11
+ */
12
+ export default function FluentGlassLabeledInput({
13
+ label,
14
+ value,
15
+ onChangeText,
16
+ placeholder,
17
+ keyboardType,
18
+ autoCapitalize,
19
+ secureTextEntry,
20
+ style,
21
+ accessibilityLabel
22
+ }) {
23
+ const theme = useTheme();
24
+ const COLORS = theme.colors;
25
+ return /*#__PURE__*/_jsxs(View, {
26
+ style: [styles.wrapper, style],
27
+ children: [/*#__PURE__*/_jsx(Text, {
28
+ style: [styles.label, {
29
+ color: COLORS.textPrimary,
30
+ fontFamily: theme.typography.semiBold
31
+ }],
32
+ children: label
33
+ }), /*#__PURE__*/_jsx(FluentGlassTextInput, {
34
+ value: value,
35
+ onChangeText: onChangeText,
36
+ placeholder: placeholder,
37
+ keyboardType: keyboardType,
38
+ autoCapitalize: autoCapitalize,
39
+ secureTextEntry: secureTextEntry,
40
+ accessibilityLabel: accessibilityLabel ?? label
41
+ })]
42
+ });
43
+ }
44
+ const styles = StyleSheet.create({
45
+ wrapper: {
46
+ width: '100%',
47
+ marginBottom: 16
48
+ },
49
+ label: {
50
+ color: undefined,
51
+ // Applied inline from useTheme()
52
+ marginBottom: 8,
53
+ fontSize: 13,
54
+ marginLeft: 4,
55
+ fontWeight: '600',
56
+ letterSpacing: 0.3
57
+ }
58
+ });
59
+ //# sourceMappingURL=FluentGlassLabeledInput.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","StyleSheet","View","Text","FluentGlassTextInput","useTheme","jsx","_jsx","jsxs","_jsxs","FluentGlassLabeledInput","label","value","onChangeText","placeholder","keyboardType","autoCapitalize","secureTextEntry","style","accessibilityLabel","theme","COLORS","colors","styles","wrapper","children","color","textPrimary","fontFamily","typography","semiBold","create","width","marginBottom","undefined","fontSize","marginLeft","fontWeight","letterSpacing"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassLabeledInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmD,cAAc;AAChG,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,QAAQ,MAAM,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAczC;AACA;AACA;AACA;AACA,eAAe,SAASC,uBAAuBA,CAAC;EAAEC,KAAK;EACnDC,KAAK;EACLC,YAAY;EACZC,WAAW;EACXC,YAAY;EACZC,cAAc;EACdC,eAAe;EACfC,KAAK;EACLC;AAAkD,CAAC,EAAE;EACrD,MAAMC,KAAK,GAAGf,QAAQ,CAAC,CAAC;EACxB,MAAMgB,MAAM,GAAGD,KAAK,CAACE,MAAM;EAE3B,oBACIb,KAAA,CAACP,IAAI;IAACgB,KAAK,EAAE,CAACK,MAAM,CAACC,OAAO,EAAEN,KAAK,CAAE;IAAAO,QAAA,gBACjClB,IAAA,CAACJ,IAAI;MAACe,KAAK,EAAE,CAACK,MAAM,CAACZ,KAAK,EAAE;QAAEe,KAAK,EAAEL,MAAM,CAACM,WAAW;QAAEC,UAAU,EAAER,KAAK,CAACS,UAAU,CAACC;MAAS,CAAC,CAAE;MAAAL,QAAA,EAAEd;IAAK,CAAO,CAAC,eACjHJ,IAAA,CAACH,oBAAoB;MACjBQ,KAAK,EAAEA,KAAM;MACbC,YAAY,EAAEA,YAAa;MAC3BC,WAAW,EAAEA,WAAY;MACzBC,YAAY,EAAEA,YAAa;MAC3BC,cAAc,EAAEA,cAAe;MAC/BC,eAAe,EAAEA,eAAgB;MACjCE,kBAAkB,EAAEA,kBAAkB,IAAIR;IAAM,CACnD,CAAC;EAAA,CACA,CAAC;AAEf;AAEA,MAAMY,MAAM,GAAGtB,UAAU,CAAC8B,MAAM,CAAC;EAC7BP,OAAO,EAAE;IACLQ,KAAK,EAAE,MAAM;IACbC,YAAY,EAAE;EAClB,CAAC;EACDtB,KAAK,EAAE;IACHe,KAAK,EAAEQ,SAAS;IAAE;IAClBD,YAAY,EAAE,CAAC;IACfE,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE;EACnB;AACJ,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,101 @@
1
+ "use strict";
2
+
3
+ import React from 'react';
4
+ import { StyleSheet, View } from 'react-native';
5
+ import { LinearGradient } from 'expo-linear-gradient';
6
+ import useTheme from '../theme/useTheme';
7
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
+ /**
9
+ * FluentGlassLayout (Wrapper)
10
+ * The "Deep Liquid" environment.
11
+ * Replaces LiquidBackground with the specific "Orbs" mesh requested.
12
+ */
13
+ export default function FluentGlassLayout({
14
+ children
15
+ }) {
16
+ const theme = useTheme();
17
+ const COLORS = theme.colors;
18
+ return /*#__PURE__*/_jsxs(View, {
19
+ style: [styles.container, {
20
+ backgroundColor: COLORS.background
21
+ }],
22
+ children: [/*#__PURE__*/_jsx(View, {
23
+ style: [styles.baseLayer, {
24
+ backgroundColor: COLORS.background
25
+ }]
26
+ }), /*#__PURE__*/_jsx(View, {
27
+ style: [styles.orbCyan, {
28
+ backgroundColor: COLORS.accent
29
+ }]
30
+ }), /*#__PURE__*/_jsx(LinearGradient, {
31
+ colors: [COLORS.accent, 'transparent'],
32
+ start: {
33
+ x: 0.2,
34
+ y: 0.2
35
+ },
36
+ end: {
37
+ x: 0.8,
38
+ y: 0.8
39
+ },
40
+ style: styles.orbCyan
41
+ }), /*#__PURE__*/_jsx(View, {
42
+ style: [styles.orbBlue, {
43
+ backgroundColor: COLORS.secondary
44
+ }]
45
+ }), /*#__PURE__*/_jsx(LinearGradient, {
46
+ colors: [COLORS.secondary, 'transparent'],
47
+ start: {
48
+ x: 0.8,
49
+ y: 0.8
50
+ },
51
+ end: {
52
+ x: 0.2,
53
+ y: 0.2
54
+ },
55
+ style: styles.orbBlue
56
+ }), /*#__PURE__*/_jsx(View, {
57
+ style: styles.noiseOverlay
58
+ }), /*#__PURE__*/_jsx(View, {
59
+ style: styles.content,
60
+ children: children
61
+ })]
62
+ });
63
+ }
64
+ const styles = StyleSheet.create({
65
+ container: {
66
+ flex: 1,
67
+ overflow: 'hidden' // Contain decorative orbs
68
+ },
69
+ baseLayer: {
70
+ ...StyleSheet.absoluteFillObject
71
+ },
72
+ orbCyan: {
73
+ position: 'absolute',
74
+ top: -100,
75
+ left: -100,
76
+ width: 400,
77
+ height: 400,
78
+ borderRadius: 200,
79
+ opacity: 0.15
80
+ // blurRadius removed: not valid on View, only on Image
81
+ },
82
+ orbBlue: {
83
+ position: 'absolute',
84
+ bottom: -100,
85
+ right: -100,
86
+ width: 500,
87
+ height: 500,
88
+ borderRadius: 250,
89
+ opacity: 0.1
90
+ },
91
+ content: {
92
+ flex: 1,
93
+ zIndex: 1
94
+ },
95
+ noiseOverlay: {
96
+ ...StyleSheet.absoluteFillObject,
97
+ opacity: 0.02,
98
+ backgroundColor: '#fff' // Simple noise sim
99
+ }
100
+ });
101
+ //# sourceMappingURL=FluentGlassLayout.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","StyleSheet","View","LinearGradient","useTheme","jsx","_jsx","jsxs","_jsxs","FluentGlassLayout","children","theme","COLORS","colors","style","styles","container","backgroundColor","background","baseLayer","orbCyan","accent","start","x","y","end","orbBlue","secondary","noiseOverlay","content","create","flex","overflow","absoluteFillObject","position","top","left","width","height","borderRadius","opacity","bottom","right","zIndex"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassLayout.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,54 @@
1
+ "use strict";
2
+
3
+ import React, { useState } from 'react';
4
+ import { StyleSheet, TouchableOpacity } from 'react-native';
5
+ import { Ionicons } from '@expo/vector-icons';
6
+ import FluentGlassTextInput from './FluentGlassTextInput';
7
+ import useTheme from '../theme/useTheme';
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ /**
10
+ * FluentGlassPasswordInput (Molécula)
11
+ * Input específico para contraseñas con botón para revelar/ocultar.
12
+ */
13
+ export default function FluentGlassPasswordInput({
14
+ value,
15
+ onChangeText,
16
+ placeholder = 'Password',
17
+ style,
18
+ accessibilityLabel
19
+ }) {
20
+ const theme = useTheme();
21
+ const COLORS = theme.colors;
22
+ const [isPasswordVisible, setIsPasswordVisible] = useState(false);
23
+ const toggleVisibility = () => {
24
+ setIsPasswordVisible(!isPasswordVisible);
25
+ };
26
+ return /*#__PURE__*/_jsx(FluentGlassTextInput, {
27
+ value: value,
28
+ onChangeText: onChangeText,
29
+ placeholder: placeholder,
30
+ secureTextEntry: !isPasswordVisible,
31
+ autoCapitalize: "none",
32
+ style: style,
33
+ accessibilityLabel: accessibilityLabel ?? 'Password',
34
+ children: /*#__PURE__*/_jsx(TouchableOpacity, {
35
+ onPress: toggleVisibility,
36
+ style: styles.iconButton,
37
+ hitSlop: 10,
38
+ accessibilityRole: "button",
39
+ accessibilityLabel: "Toggle password visibility",
40
+ children: /*#__PURE__*/_jsx(Ionicons, {
41
+ name: isPasswordVisible ? "eye-off-outline" : "eye-outline",
42
+ size: 20,
43
+ color: COLORS.textSecondary
44
+ })
45
+ })
46
+ });
47
+ }
48
+ const styles = StyleSheet.create({
49
+ iconButton: {
50
+ padding: 10,
51
+ marginRight: 6
52
+ }
53
+ });
54
+ //# sourceMappingURL=FluentGlassPasswordInput.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","useState","StyleSheet","TouchableOpacity","Ionicons","FluentGlassTextInput","useTheme","jsx","_jsx","FluentGlassPasswordInput","value","onChangeText","placeholder","style","accessibilityLabel","theme","COLORS","colors","isPasswordVisible","setIsPasswordVisible","toggleVisibility","secureTextEntry","autoCapitalize","children","onPress","styles","iconButton","hitSlop","accessibilityRole","name","size","color","textSecondary","create","padding","marginRight"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassPasswordInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,UAAU,EAAEC,gBAAgB,QAA8B,cAAc;AACjF,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,QAAQ,MAAM,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUzC;AACA;AACA;AACA;AACA,eAAe,SAASC,wBAAwBA,CAAC;EAAEC,KAAK;EACpDC,YAAY;EACZC,WAAW,GAAG,UAAU;EACxBC,KAAK;EACLC;AAAmD,CAAC,EAAE;EACtD,MAAMC,KAAK,GAAGT,QAAQ,CAAC,CAAC;EACxB,MAAMU,MAAM,GAAGD,KAAK,CAACE,MAAM;EAE3B,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGlB,QAAQ,CAAC,KAAK,CAAC;EAEjE,MAAMmB,gBAAgB,GAAGA,CAAA,KAAM;IAC3BD,oBAAoB,CAAC,CAACD,iBAAiB,CAAC;EAC5C,CAAC;EAED,oBACIV,IAAA,CAACH,oBAAoB;IACjBK,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BC,WAAW,EAAEA,WAAY;IACzBS,eAAe,EAAE,CAACH,iBAAkB;IACpCI,cAAc,EAAC,MAAM;IACrBT,KAAK,EAAEA,KAAM;IACbC,kBAAkB,EAAEA,kBAAkB,IAAI,UAAW;IAAAS,QAAA,eAErDf,IAAA,CAACL,gBAAgB;MAACqB,OAAO,EAAEJ,gBAAiB;MAACP,KAAK,EAAEY,MAAM,CAACC,UAAW;MAACC,OAAO,EAAE,EAAG;MAACC,iBAAiB,EAAC,QAAQ;MAACd,kBAAkB,EAAC,4BAA4B;MAAAS,QAAA,eAC1Jf,IAAA,CAACJ,QAAQ;QACLyB,IAAI,EAAEX,iBAAiB,GAAG,iBAAiB,GAAG,aAAc;QAC5DY,IAAI,EAAE,EAAG;QACTC,KAAK,EAAEf,MAAM,CAACgB;MAAc,CAC/B;IAAC,CACY;EAAC,CACD,CAAC;AAE/B;AAEA,MAAMP,MAAM,GAAGvB,UAAU,CAAC+B,MAAM,CAAC;EAC7BP,UAAU,EAAE;IACRQ,OAAO,EAAE,EAAE;IACXC,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,70 @@
1
+ "use strict";
2
+
3
+ import React from 'react';
4
+ import { StyleSheet, View, Text } from 'react-native';
5
+ import FluentGlass from './FluentGlass';
6
+ import useTheme from '../theme/useTheme';
7
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
+ /**
9
+ * FluentGlassPopover (Component)
10
+ * Simple tooltip/popover container.
11
+ * Note: Full positioning logic is complex; this is a display atom.
12
+ */
13
+ export default function FluentGlassPopover({
14
+ children,
15
+ content,
16
+ visible,
17
+ size,
18
+ colorScheme,
19
+ blur,
20
+ radius = 'md',
21
+ style
22
+ }) {
23
+ const {
24
+ typography,
25
+ colors
26
+ } = useTheme();
27
+ if (!visible) return children;
28
+ return /*#__PURE__*/_jsxs(View, {
29
+ style: styles.container,
30
+ children: [children, /*#__PURE__*/_jsx(View, {
31
+ style: styles.popover,
32
+ accessibilityLabel: "Popover",
33
+ children: /*#__PURE__*/_jsx(FluentGlass, {
34
+ style: [styles.glass, style],
35
+ size: size,
36
+ colorScheme: colorScheme,
37
+ blur: blur,
38
+ radius: radius,
39
+ children: /*#__PURE__*/_jsx(Text, {
40
+ style: [styles.text, {
41
+ fontFamily: typography.medium,
42
+ color: colors.textPrimary
43
+ }],
44
+ children: content
45
+ })
46
+ })
47
+ })]
48
+ });
49
+ }
50
+ const styles = StyleSheet.create({
51
+ container: {
52
+ position: 'relative',
53
+ zIndex: 10
54
+ },
55
+ popover: {
56
+ position: 'absolute',
57
+ top: -40,
58
+ alignSelf: 'center'
59
+ },
60
+ glass: {
61
+ paddingVertical: 6,
62
+ paddingHorizontal: 12,
63
+ minWidth: 100,
64
+ alignItems: 'center'
65
+ },
66
+ text: {
67
+ fontSize: 12
68
+ }
69
+ });
70
+ //# sourceMappingURL=FluentGlassPopover.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","StyleSheet","View","Text","FluentGlass","useTheme","jsx","_jsx","jsxs","_jsxs","FluentGlassPopover","children","content","visible","size","colorScheme","blur","radius","style","typography","colors","styles","container","popover","accessibilityLabel","glass","text","fontFamily","medium","color","textPrimary","create","position","zIndex","top","alignSelf","paddingVertical","paddingHorizontal","minWidth","alignItems","fontSize"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassPopover.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAA8B,cAAc;AAC3E,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,QAAQ,MAAM,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWzC;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,kBAAkBA,CAAC;EAAEC,QAAQ;EACjDC,OAAO;EACPC,OAAO;EACPC,IAAI;EACJC,WAAW;EACXC,IAAI;EACJC,MAAM,GAAG,IAAI;EACbC;AAA+B,CAAC,EAAE;EAClC,MAAM;IAAEC,UAAU;IAAEC;EAAO,CAAC,GAAGf,QAAQ,CAAC,CAAC;EAEzC,IAAI,CAACQ,OAAO,EAAE,OAAOF,QAAQ;EAE7B,oBACIF,KAAA,CAACP,IAAI;IAACgB,KAAK,EAAEG,MAAM,CAACC,SAAU;IAAAX,QAAA,GACzBA,QAAQ,eACTJ,IAAA,CAACL,IAAI;MAACgB,KAAK,EAAEG,MAAM,CAACE,OAAQ;MAACC,kBAAkB,EAAC,SAAS;MAAAb,QAAA,eACrDJ,IAAA,CAACH,WAAW;QACRc,KAAK,EAAE,CAACG,MAAM,CAACI,KAAK,EAAEP,KAAK,CAAE;QAC7BJ,IAAI,EAAEA,IAAK;QACXC,WAAW,EAAEA,WAAY;QACzBC,IAAI,EAAEA,IAAK;QACXC,MAAM,EAAEA,MAAO;QAAAN,QAAA,eAEfJ,IAAA,CAACJ,IAAI;UAACe,KAAK,EAAE,CACTG,MAAM,CAACK,IAAI,EACX;YAAEC,UAAU,EAAER,UAAU,CAACS,MAAM;YAAEC,KAAK,EAAET,MAAM,CAACU;UAAY,CAAC,CAC9D;UAAAnB,QAAA,EACGC;QAAO,CACN;MAAC,CACE;IAAC,CACZ,CAAC;EAAA,CACL,CAAC;AAEf;AAEA,MAAMS,MAAM,GAAGpB,UAAU,CAAC8B,MAAM,CAAC;EAC7BT,SAAS,EAAE;IACPU,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE;EACZ,CAAC;EACDV,OAAO,EAAE;IACLS,QAAQ,EAAE,UAAU;IACpBE,GAAG,EAAE,CAAC,EAAE;IACRC,SAAS,EAAE;EACf,CAAC;EACDV,KAAK,EAAE;IACHW,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,QAAQ,EAAE,GAAG;IACbC,UAAU,EAAE;EAChB,CAAC;EACDb,IAAI,EAAE;IACFc,QAAQ,EAAE;EACd;AACJ,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,71 @@
1
+ "use strict";
2
+
3
+ import React from 'react';
4
+ import { StyleSheet, View } from 'react-native';
5
+ import useBreakpoint from '../hooks/useBreakpoint';
6
+
7
+ /**
8
+ * FluentGlassResponsiveRow (Layout Helper)
9
+ *
10
+ * Renders children in a responsive flex row:
11
+ * - Mobile (<600px): single column (children stack vertically)
12
+ * - Tablet (600–1023px): 2 columns
13
+ * - Desktop (≥1024px): configurable columns (default 2, max 3)
14
+ *
15
+ * Props:
16
+ * columns - Number of columns on desktop (default: 2, max: 3)
17
+ * gap - Gap between items (default: 16)
18
+ * style - Container style override (optional)
19
+ * mobileStack - If true, stack vertically on mobile (default: true)
20
+ * children - Elements to distribute across columns
21
+ */
22
+ import { jsx as _jsx } from "react/jsx-runtime";
23
+ export default function FluentGlassResponsiveRow({
24
+ columns: desktopCols = 2,
25
+ gap = 16,
26
+ style,
27
+ mobileStack = true,
28
+ children
29
+ }) {
30
+ const {
31
+ isMobile,
32
+ isTablet
33
+ } = useBreakpoint();
34
+
35
+ // Determine actual column count
36
+ let cols = desktopCols;
37
+ if (isMobile && mobileStack) cols = 1;else if (isTablet) cols = Math.min(desktopCols, 2);
38
+ const childrenArray = React.Children.toArray(children).filter(Boolean);
39
+ if (cols <= 1) {
40
+ // Stack vertically
41
+ return /*#__PURE__*/_jsx(View, {
42
+ style: [{
43
+ gap
44
+ }, style],
45
+ children: childrenArray
46
+ });
47
+ }
48
+
49
+ // Flex row with wrapping
50
+ return /*#__PURE__*/_jsx(View, {
51
+ style: [styles.row, {
52
+ gap
53
+ }, style],
54
+ children: childrenArray.map((child, index) => /*#__PURE__*/_jsx(View, {
55
+ style: {
56
+ flexBasis: `${100 / cols - 1}%`,
57
+ flexGrow: 1,
58
+ flexShrink: 1,
59
+ minWidth: 280
60
+ },
61
+ children: child
62
+ }, index))
63
+ });
64
+ }
65
+ const styles = StyleSheet.create({
66
+ row: {
67
+ flexDirection: 'row',
68
+ flexWrap: 'wrap'
69
+ }
70
+ });
71
+ //# sourceMappingURL=FluentGlassResponsiveRow.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","StyleSheet","View","useBreakpoint","jsx","_jsx","FluentGlassResponsiveRow","columns","desktopCols","gap","style","mobileStack","children","isMobile","isTablet","cols","Math","min","childrenArray","Children","toArray","filter","Boolean","styles","row","map","child","index","flexBasis","flexGrow","flexShrink","minWidth","create","flexDirection","flexWrap"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassResponsiveRow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAA8B,cAAc;AACrE,OAAOC,aAAa,MAAM,wBAAwB;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAdA,SAAAC,GAAA,IAAAC,IAAA;AAeA,eAAe,SAASC,wBAAwBA,CAAC;EAC7CC,OAAO,EAAEC,WAAW,GAAG,CAAC;EACxBC,GAAG,GAAG,EAAE;EACRC,KAAK;EACLC,WAAW,GAAG,IAAI;EAClBC;AAOJ,CAAC,EAAE;EACC,MAAM;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGX,aAAa,CAAC,CAAC;;EAE9C;EACA,IAAIY,IAAI,GAAGP,WAAW;EACtB,IAAIK,QAAQ,IAAIF,WAAW,EAAEI,IAAI,GAAG,CAAC,CAAC,KACjC,IAAID,QAAQ,EAAEC,IAAI,GAAGC,IAAI,CAACC,GAAG,CAACT,WAAW,EAAE,CAAC,CAAC;EAElD,MAAMU,aAAa,GAAGlB,KAAK,CAACmB,QAAQ,CAACC,OAAO,CAACR,QAAQ,CAAC,CAACS,MAAM,CAACC,OAAO,CAAC;EAEtE,IAAIP,IAAI,IAAI,CAAC,EAAE;IACX;IACA,oBACIV,IAAA,CAACH,IAAI;MAACQ,KAAK,EAAE,CAAC;QAAED;MAAI,CAAC,EAAEC,KAAK,CAAE;MAAAE,QAAA,EACzBM;IAAa,CACZ,CAAC;EAEf;;EAEA;EACA,oBACIb,IAAA,CAACH,IAAI;IAACQ,KAAK,EAAE,CAACa,MAAM,CAACC,GAAG,EAAE;MAAEf;IAAI,CAAC,EAAEC,KAAK,CAAE;IAAAE,QAAA,EACrCM,aAAa,CAACO,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBAC5BtB,IAAA,CAACH,IAAI;MAEDQ,KAAK,EAAE;QACHkB,SAAS,EAAE,GAAI,GAAG,GAAGb,IAAI,GAAI,CAAC,GAAG;QACjCc,QAAQ,EAAE,CAAC;QACXC,UAAU,EAAE,CAAC;QACbC,QAAQ,EAAE;MACd,CAAE;MAAAnB,QAAA,EAEDc;IAAK,GARDC,KASH,CACT;EAAC,CACA,CAAC;AAEf;AAEA,MAAMJ,MAAM,GAAGtB,UAAU,CAAC+B,MAAM,CAAC;EAC7BR,GAAG,EAAE;IACDS,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE;EACd;AACJ,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,95 @@
1
+ "use strict";
2
+
3
+ import React, { useEffect } from 'react';
4
+ import { StyleSheet, ScrollView, Platform } from 'react-native';
5
+ import useTheme from '../theme/useTheme';
6
+ import { jsx as _jsx } from "react/jsx-runtime";
7
+ // Inject global scrollbar CSS on web (once)
8
+ let scrollbarStyleInjected = false;
9
+ function injectScrollbarCSS(colors) {
10
+ if (scrollbarStyleInjected || Platform.OS !== 'web') return;
11
+ scrollbarStyleInjected = true;
12
+ const css = `
13
+ /* FluentGlass Custom Scrollbar — Deep Liquid Theme */
14
+ /* !important is required to override React Native Web's inline scrollbar hiding */
15
+
16
+ /* Webkit (Chrome, Edge, Safari) */
17
+ ::-webkit-scrollbar {
18
+ width: 8px !important;
19
+ height: 8px !important;
20
+ display: block !important;
21
+ }
22
+
23
+ ::-webkit-scrollbar-track {
24
+ background: ${colors.background}4D !important;
25
+ border-radius: 8px !important;
26
+ }
27
+
28
+ ::-webkit-scrollbar-thumb {
29
+ background: ${colors.border} !important;
30
+ border-radius: 8px !important;
31
+ border: 1px solid ${colors.borderSubtle} !important;
32
+ }
33
+
34
+ ::-webkit-scrollbar-thumb:hover {
35
+ background: ${colors.accent}73 !important;
36
+ border-color: ${colors.accent}4D !important;
37
+ }
38
+
39
+ ::-webkit-scrollbar-thumb:active {
40
+ background: ${colors.accent}99 !important;
41
+ }
42
+
43
+ ::-webkit-scrollbar-corner {
44
+ background: transparent !important;
45
+ }
46
+
47
+ /* Firefox */
48
+ * {
49
+ scrollbar-width: thin !important;
50
+ scrollbar-color: ${colors.border} ${colors.background}4D !important;
51
+ }
52
+ `;
53
+ const style = document.createElement('style');
54
+ style.textContent = css;
55
+ style.id = 'fluentglass-scrollbar';
56
+ document.head.appendChild(style);
57
+ }
58
+
59
+ /**
60
+ * FluentGlassScrollArea (Component)
61
+ * Standard scroll view wrapper with custom glassmorphism scrollbar on web.
62
+ * On native platforms, uses the default system scrollbar.
63
+ */
64
+
65
+ export default function FluentGlassScrollArea({
66
+ children,
67
+ style,
68
+ contentContainerStyle,
69
+ horizontal = false,
70
+ showsIndicators = true
71
+ }) {
72
+ const theme = useTheme();
73
+
74
+ // Inject custom scrollbar CSS on mount (web only, once globally)
75
+ useEffect(() => {
76
+ injectScrollbarCSS(theme.colors);
77
+ }, []);
78
+ return /*#__PURE__*/_jsx(ScrollView, {
79
+ style: [styles.container, style],
80
+ contentContainerStyle: [styles.content, contentContainerStyle],
81
+ horizontal: horizontal,
82
+ showsHorizontalScrollIndicator: showsIndicators && horizontal,
83
+ showsVerticalScrollIndicator: showsIndicators && !horizontal,
84
+ children: children
85
+ });
86
+ }
87
+ const styles = StyleSheet.create({
88
+ container: {
89
+ flex: 1
90
+ },
91
+ content: {
92
+ padding: 0
93
+ }
94
+ });
95
+ //# sourceMappingURL=FluentGlassScrollArea.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","useEffect","StyleSheet","ScrollView","Platform","useTheme","jsx","_jsx","scrollbarStyleInjected","injectScrollbarCSS","colors","OS","css","background","border","borderSubtle","accent","style","document","createElement","textContent","id","head","appendChild","FluentGlassScrollArea","children","contentContainerStyle","horizontal","showsIndicators","theme","styles","container","content","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","create","flex","padding"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassScrollArea.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAC/D,OAAOC,QAAQ,MAAM,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzC;AACA,IAAIC,sBAAsB,GAAG,KAAK;AAElC,SAASC,kBAAkBA,CAACC,MAAmB,EAAE;EAC7C,IAAIF,sBAAsB,IAAIJ,QAAQ,CAACO,EAAE,KAAK,KAAK,EAAE;EACrDH,sBAAsB,GAAG,IAAI;EAE7B,MAAMI,GAAG,GAAG;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0BF,MAAM,CAACG,UAAU;AAC3C;AACA;AACA;AACA;AACA,0BAA0BH,MAAM,CAACI,MAAM;AACvC;AACA,gCAAgCJ,MAAM,CAACK,YAAY;AACnD;AACA;AACA;AACA,0BAA0BL,MAAM,CAACM,MAAM;AACvC,4BAA4BN,MAAM,CAACM,MAAM;AACzC;AACA;AACA;AACA,0BAA0BN,MAAM,CAACM,MAAM;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+BN,MAAM,CAACI,MAAM,IAAIJ,MAAM,CAACG,UAAU;AACjE;AACA,KAAK;EAED,MAAMI,KAAK,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;EAC7CF,KAAK,CAACG,WAAW,GAAGR,GAAG;EACvBK,KAAK,CAACI,EAAE,GAAG,uBAAuB;EAClCH,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACN,KAAK,CAAC;AACpC;;AAEA;AACA;AACA;AACA;AACA;;AAWA,eAAe,SAASO,qBAAqBA,CAAC;EAC1CC,QAAQ;EACRR,KAAK;EACLS,qBAAqB;EACrBC,UAAU,GAAG,KAAK;EAClBC,eAAe,GAAG;AACM,CAAC,EAAE;EAC3B,MAAMC,KAAK,GAAGxB,QAAQ,CAAC,CAAC;;EAExB;EACAJ,SAAS,CAAC,MAAM;IACZQ,kBAAkB,CAACoB,KAAK,CAACnB,MAAM,CAAC;EACpC,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIH,IAAA,CAACJ,UAAU;IACPc,KAAK,EAAE,CAACa,MAAM,CAACC,SAAS,EAAEd,KAAK,CAAE;IACjCS,qBAAqB,EAAE,CAACI,MAAM,CAACE,OAAO,EAAEN,qBAAqB,CAAE;IAC/DC,UAAU,EAAEA,UAAW;IACvBM,8BAA8B,EAAEL,eAAe,IAAID,UAAW;IAC9DO,4BAA4B,EAAEN,eAAe,IAAI,CAACD,UAAW;IAAAF,QAAA,EAE5DA;EAAQ,CACD,CAAC;AAErB;AAEA,MAAMK,MAAM,GAAG5B,UAAU,CAACiC,MAAM,CAAC;EAC7BJ,SAAS,EAAE;IACPK,IAAI,EAAE;EACV,CAAC;EACDJ,OAAO,EAAE;IACLK,OAAO,EAAE;EACb;AACJ,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,120 @@
1
+ "use strict";
2
+
3
+ import React, { useState, useEffect } from 'react';
4
+ import { StyleSheet, Text, View, Pressable } from 'react-native';
5
+ import Animated, { useSharedValue, useAnimatedStyle, withSpring } from 'react-native-reanimated';
6
+ import FluentGlass from './FluentGlass';
7
+ import useTheme from '../theme/useTheme';
8
+
9
+ /**
10
+ * FluentGlassSegmentedControl
11
+ * A glass-style segmented control with a sliding indicator.
12
+ */
13
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
+ export default function FluentGlassSegmentedControl({
15
+ options = ['Option 1', 'Option 2'],
16
+ selectedIndex = 0,
17
+ onChange,
18
+ // (index: number) => void
19
+ style
20
+ }) {
21
+ const theme = useTheme();
22
+ const [containerWidth, setContainerWidth] = useState(0);
23
+ const translateX = useSharedValue(0);
24
+
25
+ // Calculate width of the indicator based on container width and item count
26
+ const itemWidth = containerWidth / options.length;
27
+ useEffect(() => {
28
+ if (itemWidth > 0) {
29
+ translateX.value = withSpring(selectedIndex * itemWidth, {
30
+ damping: 25,
31
+ stiffness: 120
32
+ });
33
+ }
34
+ }, [selectedIndex, itemWidth]);
35
+ const handlePress = index => {
36
+ if (onChange) {
37
+ onChange(index);
38
+ }
39
+ };
40
+ const animatedStyle = useAnimatedStyle(() => {
41
+ return {
42
+ transform: [{
43
+ translateX: translateX.value
44
+ }],
45
+ width: itemWidth - 8 // padding adjustment
46
+ };
47
+ });
48
+ return /*#__PURE__*/_jsx(FluentGlass, {
49
+ style: [styles.container, style],
50
+ intensity: 30,
51
+ tint: "deep",
52
+ borderRadius: 16,
53
+ accessibilityRole: "tablist",
54
+ children: /*#__PURE__*/_jsxs(View, {
55
+ style: styles.track,
56
+ onLayout: e => setContainerWidth(e.nativeEvent.layout.width),
57
+ children: [containerWidth > 0 && /*#__PURE__*/_jsx(Animated.View, {
58
+ style: [styles.indicatorContainer, animatedStyle],
59
+ children: /*#__PURE__*/_jsx(FluentGlass, {
60
+ style: styles.indicator,
61
+ intensity: 40,
62
+ tint: "dark",
63
+ borderRadius: 12,
64
+ borderOpacity: 0.4
65
+ })
66
+ }), options.map((option, index) => /*#__PURE__*/_jsx(Pressable, {
67
+ onPress: () => handlePress(index),
68
+ style: styles.option,
69
+ accessibilityRole: "tab",
70
+ accessibilityLabel: option,
71
+ accessibilityState: {
72
+ selected: selectedIndex === index
73
+ },
74
+ children: /*#__PURE__*/_jsx(Text, {
75
+ style: [{
76
+ fontSize: 14
77
+ }, {
78
+ color: theme.colors.textSecondary,
79
+ fontFamily: theme.typography.medium
80
+ }, selectedIndex === index && {
81
+ color: theme.colors.textPrimary,
82
+ fontFamily: theme.typography.bold
83
+ }],
84
+ children: option
85
+ })
86
+ }, index))]
87
+ })
88
+ });
89
+ }
90
+ const styles = StyleSheet.create({
91
+ container: {
92
+ height: 48,
93
+ justifyContent: 'center'
94
+ },
95
+ track: {
96
+ flex: 1,
97
+ flexDirection: 'row',
98
+ alignItems: 'center',
99
+ padding: 4
100
+ },
101
+ indicatorContainer: {
102
+ position: 'absolute',
103
+ height: '100%',
104
+ left: 4,
105
+ top: 4,
106
+ paddingBottom: 8 // compensate parent padding
107
+ },
108
+ indicator: {
109
+ flex: 1,
110
+ width: '100%',
111
+ height: '100%'
112
+ },
113
+ option: {
114
+ flex: 1,
115
+ alignItems: 'center',
116
+ justifyContent: 'center',
117
+ zIndex: 1
118
+ }
119
+ });
120
+ //# sourceMappingURL=FluentGlassSegmentedControl.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","useState","useEffect","StyleSheet","Text","View","Pressable","Animated","useSharedValue","useAnimatedStyle","withSpring","FluentGlass","useTheme","jsx","_jsx","jsxs","_jsxs","FluentGlassSegmentedControl","options","selectedIndex","onChange","style","theme","containerWidth","setContainerWidth","translateX","itemWidth","length","value","damping","stiffness","handlePress","index","animatedStyle","transform","width","styles","container","intensity","tint","borderRadius","accessibilityRole","children","track","onLayout","e","nativeEvent","layout","indicatorContainer","indicator","borderOpacity","map","option","onPress","accessibilityLabel","accessibilityState","selected","fontSize","color","colors","textSecondary","fontFamily","typography","medium","textPrimary","bold","create","height","justifyContent","flex","flexDirection","alignItems","padding","position","left","top","paddingBottom","zIndex"],"sourceRoot":"..\\..\\..\\src","sources":["components/FluentGlassSegmentedControl.tsx"],"mappings":"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","ignoreList":[]}