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.
- package/LICENSE +21 -0
- package/README.md +169 -0
- package/lib/commonjs/assets/fonts/Inter-Black.ttf +0 -0
- package/lib/commonjs/assets/fonts/Inter-Bold.ttf +0 -0
- package/lib/commonjs/assets/fonts/Inter-ExtraBold.ttf +0 -0
- package/lib/commonjs/assets/fonts/Inter-Medium.ttf +0 -0
- package/lib/commonjs/assets/fonts/Inter-Regular.ttf +0 -0
- package/lib/commonjs/assets/fonts/Inter-SemiBold.ttf +0 -0
- package/lib/commonjs/components/FluentGlass.js +94 -0
- package/lib/commonjs/components/FluentGlass.js.map +1 -0
- package/lib/commonjs/components/FluentGlassAlert.js +126 -0
- package/lib/commonjs/components/FluentGlassAlert.js.map +1 -0
- package/lib/commonjs/components/FluentGlassBadge.js +124 -0
- package/lib/commonjs/components/FluentGlassBadge.js.map +1 -0
- package/lib/commonjs/components/FluentGlassBarChart.js +287 -0
- package/lib/commonjs/components/FluentGlassBarChart.js.map +1 -0
- package/lib/commonjs/components/FluentGlassBreadcrumb.js +155 -0
- package/lib/commonjs/components/FluentGlassBreadcrumb.js.map +1 -0
- package/lib/commonjs/components/FluentGlassButton.js +175 -0
- package/lib/commonjs/components/FluentGlassButton.js.map +1 -0
- package/lib/commonjs/components/FluentGlassCalendarWidget.js +73 -0
- package/lib/commonjs/components/FluentGlassCalendarWidget.js.map +1 -0
- package/lib/commonjs/components/FluentGlassCard.js +195 -0
- package/lib/commonjs/components/FluentGlassCard.js.map +1 -0
- package/lib/commonjs/components/FluentGlassCheckbox.js +121 -0
- package/lib/commonjs/components/FluentGlassCheckbox.js.map +1 -0
- package/lib/commonjs/components/FluentGlassClockWidget.js +80 -0
- package/lib/commonjs/components/FluentGlassClockWidget.js.map +1 -0
- package/lib/commonjs/components/FluentGlassCodeBlock.js +239 -0
- package/lib/commonjs/components/FluentGlassCodeBlock.js.map +1 -0
- package/lib/commonjs/components/FluentGlassContainer.js +52 -0
- package/lib/commonjs/components/FluentGlassContainer.js.map +1 -0
- package/lib/commonjs/components/FluentGlassCrossfade.js +118 -0
- package/lib/commonjs/components/FluentGlassCrossfade.js.map +1 -0
- package/lib/commonjs/components/FluentGlassDateInput.js +176 -0
- package/lib/commonjs/components/FluentGlassDateInput.js.map +1 -0
- package/lib/commonjs/components/FluentGlassDatePicker.js +271 -0
- package/lib/commonjs/components/FluentGlassDatePicker.js.map +1 -0
- package/lib/commonjs/components/FluentGlassDialog.js +169 -0
- package/lib/commonjs/components/FluentGlassDialog.js.map +1 -0
- package/lib/commonjs/components/FluentGlassDock.js +187 -0
- package/lib/commonjs/components/FluentGlassDock.js.map +1 -0
- package/lib/commonjs/components/FluentGlassDropdown.js +349 -0
- package/lib/commonjs/components/FluentGlassDropdown.js.map +1 -0
- package/lib/commonjs/components/FluentGlassEmailInput.js +43 -0
- package/lib/commonjs/components/FluentGlassEmailInput.js.map +1 -0
- package/lib/commonjs/components/FluentGlassInput.js +83 -0
- package/lib/commonjs/components/FluentGlassInput.js.map +1 -0
- package/lib/commonjs/components/FluentGlassLabeledInput.js +64 -0
- package/lib/commonjs/components/FluentGlassLabeledInput.js.map +1 -0
- package/lib/commonjs/components/FluentGlassLayout.js +106 -0
- package/lib/commonjs/components/FluentGlassLayout.js.map +1 -0
- package/lib/commonjs/components/FluentGlassPasswordInput.js +60 -0
- package/lib/commonjs/components/FluentGlassPasswordInput.js.map +1 -0
- package/lib/commonjs/components/FluentGlassPopover.js +75 -0
- package/lib/commonjs/components/FluentGlassPopover.js.map +1 -0
- package/lib/commonjs/components/FluentGlassResponsiveRow.js +74 -0
- package/lib/commonjs/components/FluentGlassResponsiveRow.js.map +1 -0
- package/lib/commonjs/components/FluentGlassScrollArea.js +101 -0
- package/lib/commonjs/components/FluentGlassScrollArea.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSegmentedControl.js +126 -0
- package/lib/commonjs/components/FluentGlassSegmentedControl.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSelect.js +155 -0
- package/lib/commonjs/components/FluentGlassSelect.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSeparator.js +62 -0
- package/lib/commonjs/components/FluentGlassSeparator.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSheet.js +189 -0
- package/lib/commonjs/components/FluentGlassSheet.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSidebar.js +358 -0
- package/lib/commonjs/components/FluentGlassSidebar.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSimpleCard.js +56 -0
- package/lib/commonjs/components/FluentGlassSimpleCard.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSkeleton.js +52 -0
- package/lib/commonjs/components/FluentGlassSkeleton.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSlider.js +197 -0
- package/lib/commonjs/components/FluentGlassSlider.js.map +1 -0
- package/lib/commonjs/components/FluentGlassStatWidget.js +133 -0
- package/lib/commonjs/components/FluentGlassStatWidget.js.map +1 -0
- package/lib/commonjs/components/FluentGlassStatusIndicator.js +89 -0
- package/lib/commonjs/components/FluentGlassStatusIndicator.js.map +1 -0
- package/lib/commonjs/components/FluentGlassSwitch.js +126 -0
- package/lib/commonjs/components/FluentGlassSwitch.js.map +1 -0
- package/lib/commonjs/components/FluentGlassTable.js +163 -0
- package/lib/commonjs/components/FluentGlassTable.js.map +1 -0
- package/lib/commonjs/components/FluentGlassTag.js +109 -0
- package/lib/commonjs/components/FluentGlassTag.js.map +1 -0
- package/lib/commonjs/components/FluentGlassTextInput.js +90 -0
- package/lib/commonjs/components/FluentGlassTextInput.js.map +1 -0
- package/lib/commonjs/components/FluentGlassTimeline.js +334 -0
- package/lib/commonjs/components/FluentGlassTimeline.js.map +1 -0
- package/lib/commonjs/components/FluentGlassWeatherWidget.js +72 -0
- package/lib/commonjs/components/FluentGlassWeatherWidget.js.map +1 -0
- package/lib/commonjs/components/index.js +308 -0
- package/lib/commonjs/components/index.js.map +1 -0
- package/lib/commonjs/fonts.js +33 -0
- package/lib/commonjs/fonts.js.map +1 -0
- package/lib/commonjs/hooks/useBreakpoint.js +57 -0
- package/lib/commonjs/hooks/useBreakpoint.js.map +1 -0
- package/lib/commonjs/index.js +462 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/theme/FluentGlassProvider.js +84 -0
- package/lib/commonjs/theme/FluentGlassProvider.js.map +1 -0
- package/lib/commonjs/theme/defaultTheme.js +55 -0
- package/lib/commonjs/theme/defaultTheme.js.map +1 -0
- package/lib/commonjs/theme/resolvers.js +118 -0
- package/lib/commonjs/theme/resolvers.js.map +1 -0
- package/lib/commonjs/theme/tokens.js +239 -0
- package/lib/commonjs/theme/tokens.js.map +1 -0
- package/lib/commonjs/theme/typography.js +50 -0
- package/lib/commonjs/theme/typography.js.map +1 -0
- package/lib/commonjs/theme/useTheme.js +22 -0
- package/lib/commonjs/theme/useTheme.js.map +1 -0
- package/lib/commonjs/types/components.js +6 -0
- package/lib/commonjs/types/components.js.map +1 -0
- package/lib/commonjs/types/theme.js +6 -0
- package/lib/commonjs/types/theme.js.map +1 -0
- package/lib/commonjs/utils/colors.js +59 -0
- package/lib/commonjs/utils/colors.js.map +1 -0
- package/lib/commonjs/utils/responsive.js +126 -0
- package/lib/commonjs/utils/responsive.js.map +1 -0
- package/lib/module/assets/fonts/Inter-Black.ttf +0 -0
- package/lib/module/assets/fonts/Inter-Bold.ttf +0 -0
- package/lib/module/assets/fonts/Inter-ExtraBold.ttf +0 -0
- package/lib/module/assets/fonts/Inter-Medium.ttf +0 -0
- package/lib/module/assets/fonts/Inter-Regular.ttf +0 -0
- package/lib/module/assets/fonts/Inter-SemiBold.ttf +0 -0
- package/lib/module/components/FluentGlass.js +89 -0
- package/lib/module/components/FluentGlass.js.map +1 -0
- package/lib/module/components/FluentGlassAlert.js +121 -0
- package/lib/module/components/FluentGlassAlert.js.map +1 -0
- package/lib/module/components/FluentGlassBadge.js +119 -0
- package/lib/module/components/FluentGlassBadge.js.map +1 -0
- package/lib/module/components/FluentGlassBarChart.js +281 -0
- package/lib/module/components/FluentGlassBarChart.js.map +1 -0
- package/lib/module/components/FluentGlassBreadcrumb.js +150 -0
- package/lib/module/components/FluentGlassBreadcrumb.js.map +1 -0
- package/lib/module/components/FluentGlassButton.js +169 -0
- package/lib/module/components/FluentGlassButton.js.map +1 -0
- package/lib/module/components/FluentGlassCalendarWidget.js +68 -0
- package/lib/module/components/FluentGlassCalendarWidget.js.map +1 -0
- package/lib/module/components/FluentGlassCard.js +190 -0
- package/lib/module/components/FluentGlassCard.js.map +1 -0
- package/lib/module/components/FluentGlassCheckbox.js +115 -0
- package/lib/module/components/FluentGlassCheckbox.js.map +1 -0
- package/lib/module/components/FluentGlassClockWidget.js +74 -0
- package/lib/module/components/FluentGlassClockWidget.js.map +1 -0
- package/lib/module/components/FluentGlassCodeBlock.js +233 -0
- package/lib/module/components/FluentGlassCodeBlock.js.map +1 -0
- package/lib/module/components/FluentGlassContainer.js +47 -0
- package/lib/module/components/FluentGlassContainer.js.map +1 -0
- package/lib/module/components/FluentGlassCrossfade.js +112 -0
- package/lib/module/components/FluentGlassCrossfade.js.map +1 -0
- package/lib/module/components/FluentGlassDateInput.js +170 -0
- package/lib/module/components/FluentGlassDateInput.js.map +1 -0
- package/lib/module/components/FluentGlassDatePicker.js +265 -0
- package/lib/module/components/FluentGlassDatePicker.js.map +1 -0
- package/lib/module/components/FluentGlassDialog.js +163 -0
- package/lib/module/components/FluentGlassDialog.js.map +1 -0
- package/lib/module/components/FluentGlassDock.js +181 -0
- package/lib/module/components/FluentGlassDock.js.map +1 -0
- package/lib/module/components/FluentGlassDropdown.js +343 -0
- package/lib/module/components/FluentGlassDropdown.js.map +1 -0
- package/lib/module/components/FluentGlassEmailInput.js +38 -0
- package/lib/module/components/FluentGlassEmailInput.js.map +1 -0
- package/lib/module/components/FluentGlassInput.js +78 -0
- package/lib/module/components/FluentGlassInput.js.map +1 -0
- package/lib/module/components/FluentGlassLabeledInput.js +59 -0
- package/lib/module/components/FluentGlassLabeledInput.js.map +1 -0
- package/lib/module/components/FluentGlassLayout.js +101 -0
- package/lib/module/components/FluentGlassLayout.js.map +1 -0
- package/lib/module/components/FluentGlassPasswordInput.js +54 -0
- package/lib/module/components/FluentGlassPasswordInput.js.map +1 -0
- package/lib/module/components/FluentGlassPopover.js +70 -0
- package/lib/module/components/FluentGlassPopover.js.map +1 -0
- package/lib/module/components/FluentGlassResponsiveRow.js +71 -0
- package/lib/module/components/FluentGlassResponsiveRow.js.map +1 -0
- package/lib/module/components/FluentGlassScrollArea.js +95 -0
- package/lib/module/components/FluentGlassScrollArea.js.map +1 -0
- package/lib/module/components/FluentGlassSegmentedControl.js +120 -0
- package/lib/module/components/FluentGlassSegmentedControl.js.map +1 -0
- package/lib/module/components/FluentGlassSelect.js +149 -0
- package/lib/module/components/FluentGlassSelect.js.map +1 -0
- package/lib/module/components/FluentGlassSeparator.js +57 -0
- package/lib/module/components/FluentGlassSeparator.js.map +1 -0
- package/lib/module/components/FluentGlassSheet.js +183 -0
- package/lib/module/components/FluentGlassSheet.js.map +1 -0
- package/lib/module/components/FluentGlassSidebar.js +351 -0
- package/lib/module/components/FluentGlassSidebar.js.map +1 -0
- package/lib/module/components/FluentGlassSimpleCard.js +51 -0
- package/lib/module/components/FluentGlassSimpleCard.js.map +1 -0
- package/lib/module/components/FluentGlassSkeleton.js +46 -0
- package/lib/module/components/FluentGlassSkeleton.js.map +1 -0
- package/lib/module/components/FluentGlassSlider.js +191 -0
- package/lib/module/components/FluentGlassSlider.js.map +1 -0
- package/lib/module/components/FluentGlassStatWidget.js +128 -0
- package/lib/module/components/FluentGlassStatWidget.js.map +1 -0
- package/lib/module/components/FluentGlassStatusIndicator.js +84 -0
- package/lib/module/components/FluentGlassStatusIndicator.js.map +1 -0
- package/lib/module/components/FluentGlassSwitch.js +122 -0
- package/lib/module/components/FluentGlassSwitch.js.map +1 -0
- package/lib/module/components/FluentGlassTable.js +158 -0
- package/lib/module/components/FluentGlassTable.js.map +1 -0
- package/lib/module/components/FluentGlassTag.js +103 -0
- package/lib/module/components/FluentGlassTag.js.map +1 -0
- package/lib/module/components/FluentGlassTextInput.js +85 -0
- package/lib/module/components/FluentGlassTextInput.js.map +1 -0
- package/lib/module/components/FluentGlassTimeline.js +327 -0
- package/lib/module/components/FluentGlassTimeline.js.map +1 -0
- package/lib/module/components/FluentGlassWeatherWidget.js +67 -0
- package/lib/module/components/FluentGlassWeatherWidget.js.map +1 -0
- package/lib/module/components/index.js +45 -0
- package/lib/module/components/index.js.map +1 -0
- package/lib/module/fonts.js +26 -0
- package/lib/module/fonts.js.map +1 -0
- package/lib/module/hooks/useBreakpoint.js +54 -0
- package/lib/module/hooks/useBreakpoint.js.map +1 -0
- package/lib/module/index.js +30 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/theme/FluentGlassProvider.js +77 -0
- package/lib/module/theme/FluentGlassProvider.js.map +1 -0
- package/lib/module/theme/defaultTheme.js +51 -0
- package/lib/module/theme/defaultTheme.js.map +1 -0
- package/lib/module/theme/resolvers.js +110 -0
- package/lib/module/theme/resolvers.js.map +1 -0
- package/lib/module/theme/tokens.js +235 -0
- package/lib/module/theme/tokens.js.map +1 -0
- package/lib/module/theme/typography.js +45 -0
- package/lib/module/theme/typography.js.map +1 -0
- package/lib/module/theme/useTheme.js +18 -0
- package/lib/module/theme/useTheme.js.map +1 -0
- package/lib/module/types/components.js +4 -0
- package/lib/module/types/components.js.map +1 -0
- package/lib/module/types/theme.js +4 -0
- package/lib/module/types/theme.js.map +1 -0
- package/lib/module/utils/colors.js +55 -0
- package/lib/module/utils/colors.js.map +1 -0
- package/lib/module/utils/responsive.js +116 -0
- package/lib/module/utils/responsive.js.map +1 -0
- package/lib/typescript/components/FluentGlass.d.ts +25 -0
- package/lib/typescript/components/FluentGlass.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassAlert.d.ts +13 -0
- package/lib/typescript/components/FluentGlassAlert.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassBadge.d.ts +22 -0
- package/lib/typescript/components/FluentGlassBadge.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassBarChart.d.ts +30 -0
- package/lib/typescript/components/FluentGlassBarChart.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassBreadcrumb.d.ts +22 -0
- package/lib/typescript/components/FluentGlassBreadcrumb.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassButton.d.ts +27 -0
- package/lib/typescript/components/FluentGlassButton.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassCalendarWidget.d.ts +13 -0
- package/lib/typescript/components/FluentGlassCalendarWidget.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassCard.d.ts +30 -0
- package/lib/typescript/components/FluentGlassCard.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassCheckbox.d.ts +14 -0
- package/lib/typescript/components/FluentGlassCheckbox.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassClockWidget.d.ts +11 -0
- package/lib/typescript/components/FluentGlassClockWidget.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassCodeBlock.d.ts +11 -0
- package/lib/typescript/components/FluentGlassCodeBlock.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassContainer.d.ts +22 -0
- package/lib/typescript/components/FluentGlassContainer.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassCrossfade.d.ts +24 -0
- package/lib/typescript/components/FluentGlassCrossfade.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassDateInput.d.ts +18 -0
- package/lib/typescript/components/FluentGlassDateInput.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassDatePicker.d.ts +9 -0
- package/lib/typescript/components/FluentGlassDatePicker.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassDialog.d.ts +18 -0
- package/lib/typescript/components/FluentGlassDialog.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassDock.d.ts +19 -0
- package/lib/typescript/components/FluentGlassDock.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassDropdown.d.ts +23 -0
- package/lib/typescript/components/FluentGlassDropdown.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassEmailInput.d.ts +17 -0
- package/lib/typescript/components/FluentGlassEmailInput.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassInput.d.ts +12 -0
- package/lib/typescript/components/FluentGlassInput.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassLabeledInput.d.ts +19 -0
- package/lib/typescript/components/FluentGlassLabeledInput.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassLayout.d.ts +11 -0
- package/lib/typescript/components/FluentGlassLayout.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassPasswordInput.d.ts +15 -0
- package/lib/typescript/components/FluentGlassPasswordInput.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassPopover.d.ts +17 -0
- package/lib/typescript/components/FluentGlassPopover.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassResponsiveRow.d.ts +25 -0
- package/lib/typescript/components/FluentGlassResponsiveRow.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassScrollArea.d.ts +16 -0
- package/lib/typescript/components/FluentGlassScrollArea.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSegmentedControl.d.ts +15 -0
- package/lib/typescript/components/FluentGlassSegmentedControl.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSelect.d.ts +23 -0
- package/lib/typescript/components/FluentGlassSelect.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSeparator.d.ts +13 -0
- package/lib/typescript/components/FluentGlassSeparator.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSheet.d.ts +11 -0
- package/lib/typescript/components/FluentGlassSheet.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSidebar.d.ts +44 -0
- package/lib/typescript/components/FluentGlassSidebar.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSimpleCard.d.ts +19 -0
- package/lib/typescript/components/FluentGlassSimpleCard.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSkeleton.d.ts +14 -0
- package/lib/typescript/components/FluentGlassSkeleton.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSlider.d.ts +31 -0
- package/lib/typescript/components/FluentGlassSlider.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassStatWidget.d.ts +17 -0
- package/lib/typescript/components/FluentGlassStatWidget.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassStatusIndicator.d.ts +16 -0
- package/lib/typescript/components/FluentGlassStatusIndicator.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassSwitch.d.ts +13 -0
- package/lib/typescript/components/FluentGlassSwitch.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassTable.d.ts +50 -0
- package/lib/typescript/components/FluentGlassTable.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassTag.d.ts +18 -0
- package/lib/typescript/components/FluentGlassTag.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassTextInput.d.ts +21 -0
- package/lib/typescript/components/FluentGlassTextInput.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassTimeline.d.ts +27 -0
- package/lib/typescript/components/FluentGlassTimeline.d.ts.map +1 -0
- package/lib/typescript/components/FluentGlassWeatherWidget.d.ts +13 -0
- package/lib/typescript/components/FluentGlassWeatherWidget.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +43 -0
- package/lib/typescript/components/index.d.ts.map +1 -0
- package/lib/typescript/fonts.d.ts +13 -0
- package/lib/typescript/fonts.d.ts.map +1 -0
- package/lib/typescript/hooks/useBreakpoint.d.ts +26 -0
- package/lib/typescript/hooks/useBreakpoint.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +18 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/theme/FluentGlassProvider.d.ts +21 -0
- package/lib/typescript/theme/FluentGlassProvider.d.ts.map +1 -0
- package/lib/typescript/theme/defaultTheme.d.ts +10 -0
- package/lib/typescript/theme/defaultTheme.d.ts.map +1 -0
- package/lib/typescript/theme/resolvers.d.ts +55 -0
- package/lib/typescript/theme/resolvers.d.ts.map +1 -0
- package/lib/typescript/theme/tokens.d.ts +27 -0
- package/lib/typescript/theme/tokens.d.ts.map +1 -0
- package/lib/typescript/theme/typography.d.ts +27 -0
- package/lib/typescript/theme/typography.d.ts.map +1 -0
- package/lib/typescript/theme/useTheme.d.ts +12 -0
- package/lib/typescript/theme/useTheme.d.ts.map +1 -0
- package/lib/typescript/types/components.d.ts +32 -0
- package/lib/typescript/types/components.d.ts.map +1 -0
- package/lib/typescript/types/theme.d.ts +79 -0
- package/lib/typescript/types/theme.d.ts.map +1 -0
- package/lib/typescript/utils/colors.d.ts +3 -0
- package/lib/typescript/utils/colors.d.ts.map +1 -0
- package/lib/typescript/utils/responsive.d.ts +62 -0
- package/lib/typescript/utils/responsive.d.ts.map +1 -0
- package/package.json +90 -0
- package/src/assets/fonts/Inter-Black.ttf +0 -0
- package/src/assets/fonts/Inter-Bold.ttf +0 -0
- package/src/assets/fonts/Inter-ExtraBold.ttf +0 -0
- package/src/assets/fonts/Inter-Medium.ttf +0 -0
- package/src/assets/fonts/Inter-Regular.ttf +0 -0
- package/src/assets/fonts/Inter-SemiBold.ttf +0 -0
- package/src/components/FluentGlass.tsx +103 -0
- package/src/components/FluentGlassAlert.tsx +126 -0
- package/src/components/FluentGlassBadge.tsx +109 -0
- package/src/components/FluentGlassBarChart.tsx +295 -0
- package/src/components/FluentGlassBreadcrumb.tsx +173 -0
- package/src/components/FluentGlassButton.tsx +169 -0
- package/src/components/FluentGlassCalendarWidget.tsx +55 -0
- package/src/components/FluentGlassCard.tsx +186 -0
- package/src/components/FluentGlassCheckbox.tsx +138 -0
- package/src/components/FluentGlassClockWidget.tsx +61 -0
- package/src/components/FluentGlassCodeBlock.tsx +241 -0
- package/src/components/FluentGlassContainer.tsx +63 -0
- package/src/components/FluentGlassCrossfade.tsx +122 -0
- package/src/components/FluentGlassDateInput.tsx +182 -0
- package/src/components/FluentGlassDatePicker.tsx +224 -0
- package/src/components/FluentGlassDialog.tsx +153 -0
- package/src/components/FluentGlassDock.tsx +194 -0
- package/src/components/FluentGlassDropdown.tsx +382 -0
- package/src/components/FluentGlassEmailInput.tsx +46 -0
- package/src/components/FluentGlassInput.tsx +77 -0
- package/src/components/FluentGlassLabeledInput.tsx +63 -0
- package/src/components/FluentGlassLayout.tsx +89 -0
- package/src/components/FluentGlassPasswordInput.tsx +59 -0
- package/src/components/FluentGlassPopover.tsx +74 -0
- package/src/components/FluentGlassResponsiveRow.tsx +76 -0
- package/src/components/FluentGlassScrollArea.tsx +110 -0
- package/src/components/FluentGlassSegmentedControl.tsx +140 -0
- package/src/components/FluentGlassSelect.tsx +139 -0
- package/src/components/FluentGlassSeparator.tsx +54 -0
- package/src/components/FluentGlassSheet.tsx +183 -0
- package/src/components/FluentGlassSidebar.tsx +349 -0
- package/src/components/FluentGlassSimpleCard.tsx +59 -0
- package/src/components/FluentGlassSkeleton.tsx +69 -0
- package/src/components/FluentGlassSlider.tsx +202 -0
- package/src/components/FluentGlassStatWidget.tsx +107 -0
- package/src/components/FluentGlassStatusIndicator.tsx +82 -0
- package/src/components/FluentGlassSwitch.tsx +130 -0
- package/src/components/FluentGlassTable.tsx +145 -0
- package/src/components/FluentGlassTag.tsx +98 -0
- package/src/components/FluentGlassTextInput.tsx +87 -0
- package/src/components/FluentGlassTimeline.tsx +335 -0
- package/src/components/FluentGlassWeatherWidget.tsx +54 -0
- package/src/components/index.ts +42 -0
- package/src/fonts.ts +24 -0
- package/src/hooks/useBreakpoint.ts +55 -0
- package/src/index.ts +97 -0
- package/src/theme/FluentGlassProvider.tsx +82 -0
- package/src/theme/defaultTheme.ts +44 -0
- package/src/theme/resolvers.ts +115 -0
- package/src/theme/tokens.ts +200 -0
- package/src/theme/typography.ts +41 -0
- package/src/theme/useTheme.ts +17 -0
- package/src/types/components.ts +47 -0
- package/src/types/theme.ts +82 -0
- package/src/utils/colors.ts +55 -0
- 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":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,OAAOC,QAAQ,MAAM,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMzC;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,iBAAiBA,CAAC;EAAEC;AAAiC,CAAC,EAAE;EAC5E,MAAMC,KAAK,GAAGP,QAAQ,CAAC,CAAC;EACxB,MAAMQ,MAAM,GAAGD,KAAK,CAACE,MAAM;EAE3B,oBACIL,KAAA,CAACN,IAAI;IAACY,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEL,MAAM,CAACM;IAAW,CAAC,CAAE;IAAAR,QAAA,gBAEpEJ,IAAA,CAACJ,IAAI;MAACY,KAAK,EAAE,CAACC,MAAM,CAACI,SAAS,EAAE;QAAEF,eAAe,EAAEL,MAAM,CAACM;MAAW,CAAC;IAAE,CAAE,CAAC,eAG3EZ,IAAA,CAACJ,IAAI;MAACY,KAAK,EAAE,CAACC,MAAM,CAACK,OAAO,EAAE;QAAEH,eAAe,EAAEL,MAAM,CAACS;MAAO,CAAC;IAAE,CAAE,CAAC,eACrEf,IAAA,CAACH,cAAc;MACXU,MAAM,EAAE,CAACD,MAAM,CAACS,MAAM,EAAE,aAAa,CAAE;MACvCC,KAAK,EAAE;QAAEC,CAAC,EAAE,GAAG;QAAEC,CAAC,EAAE;MAAI,CAAE;MAC1BC,GAAG,EAAE;QAAEF,CAAC,EAAE,GAAG;QAAEC,CAAC,EAAE;MAAI,CAAE;MACxBV,KAAK,EAAEC,MAAM,CAACK;IAAQ,CACzB,CAAC,eAGFd,IAAA,CAACJ,IAAI;MAACY,KAAK,EAAE,CAACC,MAAM,CAACW,OAAO,EAAE;QAAET,eAAe,EAAEL,MAAM,CAACe;MAAU,CAAC;IAAE,CAAE,CAAC,eACxErB,IAAA,CAACH,cAAc;MACXU,MAAM,EAAE,CAACD,MAAM,CAACe,SAAS,EAAE,aAAa,CAAE;MAC1CL,KAAK,EAAE;QAAEC,CAAC,EAAE,GAAG;QAAEC,CAAC,EAAE;MAAI,CAAE;MAC1BC,GAAG,EAAE;QAAEF,CAAC,EAAE,GAAG;QAAEC,CAAC,EAAE;MAAI,CAAE;MACxBV,KAAK,EAAEC,MAAM,CAACW;IAAQ,CACzB,CAAC,eAGFpB,IAAA,CAACJ,IAAI;MAACY,KAAK,EAAEC,MAAM,CAACa;IAAa,CAAE,CAAC,eAGpCtB,IAAA,CAACJ,IAAI;MAACY,KAAK,EAAEC,MAAM,CAACc,OAAQ;MAAAnB,QAAA,EACvBA;IAAQ,CACP,CAAC;EAAA,CACL,CAAC;AAEf;AAEA,MAAMK,MAAM,GAAGd,UAAU,CAAC6B,MAAM,CAAC;EAC7Bd,SAAS,EAAE;IACPe,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,QAAQ,CAAE;EACxB,CAAC;EACDb,SAAS,EAAE;IACP,GAAGlB,UAAU,CAACgC;EAClB,CAAC;EACDb,OAAO,EAAE;IACLc,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC,GAAG;IACTC,IAAI,EAAE,CAAC,GAAG;IACVC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,GAAG;IACXC,YAAY,EAAE,GAAG;IACjBC,OAAO,EAAE;IACT;EACJ,CAAC;EACDd,OAAO,EAAE;IACLQ,QAAQ,EAAE,UAAU;IACpBO,MAAM,EAAE,CAAC,GAAG;IACZC,KAAK,EAAE,CAAC,GAAG;IACXL,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,GAAG;IACXC,YAAY,EAAE,GAAG;IACjBC,OAAO,EAAE;EACb,CAAC;EACDX,OAAO,EAAE;IACLE,IAAI,EAAE,CAAC;IACPY,MAAM,EAAE;EACZ,CAAC;EACDf,YAAY,EAAE;IACV,GAAG3B,UAAU,CAACgC,kBAAkB;IAChCO,OAAO,EAAE,IAAI;IACbvB,eAAe,EAAE,MAAM,CAAE;EAC7B;AACJ,CAAC,CAAC","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":[]}
|