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,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// FluentGlass — Default Color Palette (Deep Liquid Dark)
|
|
4
|
+
// These are the default colors used when no FluentGlassProvider is present.
|
|
5
|
+
// They will be replaced by the theme system in Phase 3.
|
|
6
|
+
|
|
7
|
+
export const COLORS = {
|
|
8
|
+
// Fondo principal: Deepest Navy
|
|
9
|
+
background: '#020617',
|
|
10
|
+
// Fondo de tarjetas: Slate Glass
|
|
11
|
+
card: 'rgba(30, 41, 59, 0.7)',
|
|
12
|
+
// Fondo de inputs: Carved Dark
|
|
13
|
+
inputBg: 'rgba(15, 23, 42, 0.6)',
|
|
14
|
+
// Bordes: Slate Ridge
|
|
15
|
+
border: 'rgba(148, 163, 184, 0.2)',
|
|
16
|
+
// Texto principal: Slate White
|
|
17
|
+
textPrimary: '#F8FAFC',
|
|
18
|
+
// Texto secundario: Slate Grey
|
|
19
|
+
textSecondary: '#94A3B8',
|
|
20
|
+
// Texto sobre inputs
|
|
21
|
+
textInput: '#FFFFFF',
|
|
22
|
+
// Acentos: Cyan & Blue
|
|
23
|
+
accent: '#06B6D4',
|
|
24
|
+
// Cyan Glow
|
|
25
|
+
secondary: '#3B82F6',
|
|
26
|
+
// Blue Depth
|
|
27
|
+
|
|
28
|
+
// Estados (colorScheme colors)
|
|
29
|
+
positive: '#10B981',
|
|
30
|
+
// Emerald (success)
|
|
31
|
+
negative: '#EF4444',
|
|
32
|
+
// Red (error)
|
|
33
|
+
warning: '#F59E0B',
|
|
34
|
+
// Amber (warning)
|
|
35
|
+
|
|
36
|
+
// Colores semánticos adicionales
|
|
37
|
+
purple: '#8B5CF6',
|
|
38
|
+
// Purple
|
|
39
|
+
pink: '#EC4899',
|
|
40
|
+
// Pink
|
|
41
|
+
|
|
42
|
+
// Utilidad para transparencia
|
|
43
|
+
glass: 'rgba(30, 41, 59, 0.7)',
|
|
44
|
+
// Dark Glass
|
|
45
|
+
glassText: 'rgba(255, 255, 255, 0.8)',
|
|
46
|
+
transparent: 'transparent',
|
|
47
|
+
// Legacy / Compatibilidad
|
|
48
|
+
white: '#FFFFFF',
|
|
49
|
+
black: '#000000',
|
|
50
|
+
// Overlay & Shadow
|
|
51
|
+
overlay: 'rgba(0, 0, 0, 0.6)',
|
|
52
|
+
shadow: '#000000',
|
|
53
|
+
borderSubtle: 'rgba(148, 163, 184, 0.12)'
|
|
54
|
+
};
|
|
55
|
+
//# sourceMappingURL=colors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["COLORS","background","card","inputBg","border","textPrimary","textSecondary","textInput","accent","secondary","positive","negative","warning","purple","pink","glass","glassText","transparent","white","black","overlay","shadow","borderSubtle"],"sourceRoot":"..\\..\\..\\src","sources":["utils/colors.ts"],"mappings":";;AAAA;AACA;AACA;;AAIA,OAAO,MAAMA,MAA4C,GAAG;EACxD;EACAC,UAAU,EAAE,SAAS;EAErB;EACAC,IAAI,EAAE,uBAAuB;EAE7B;EACAC,OAAO,EAAE,uBAAuB;EAEhC;EACAC,MAAM,EAAE,0BAA0B;EAElC;EACAC,WAAW,EAAE,SAAS;EAEtB;EACAC,aAAa,EAAE,SAAS;EAExB;EACAC,SAAS,EAAE,SAAS;EAEpB;EACAC,MAAM,EAAE,SAAS;EAAE;EACnBC,SAAS,EAAE,SAAS;EAAE;;EAEtB;EACAC,QAAQ,EAAE,SAAS;EAAE;EACrBC,QAAQ,EAAE,SAAS;EAAE;EACrBC,OAAO,EAAE,SAAS;EAAE;;EAEpB;EACAC,MAAM,EAAE,SAAS;EAAE;EACnBC,IAAI,EAAE,SAAS;EAAI;;EAEnB;EACAC,KAAK,EAAE,uBAAuB;EAAE;EAChCC,SAAS,EAAE,0BAA0B;EACrCC,WAAW,EAAE,aAAa;EAE1B;EACAC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAEhB;EACAC,OAAO,EAAE,oBAAoB;EAC7BC,MAAM,EAAE,SAAS;EACjBC,YAAY,EAAE;AAClB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Dimensions, PixelRatio } from 'react-native';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* responsive.js — Utilidades para diseño responsive mobile-first
|
|
7
|
+
*
|
|
8
|
+
* Referencia base: iPhone 14 (375pt de ancho, 812pt de alto)
|
|
9
|
+
* Todas las funciones escalan relativo a esta referencia.
|
|
10
|
+
*/
|
|
11
|
+
|
|
12
|
+
const {
|
|
13
|
+
width: SCREEN_WIDTH,
|
|
14
|
+
height: SCREEN_HEIGHT
|
|
15
|
+
} = Dimensions.get('window');
|
|
16
|
+
|
|
17
|
+
// ── Reference dimensions ──
|
|
18
|
+
const BASE_WIDTH = 375;
|
|
19
|
+
const BASE_HEIGHT = 812;
|
|
20
|
+
|
|
21
|
+
// Cap the effective width to prevent blowup on web/desktop/tablets.
|
|
22
|
+
// Max reference: iPhone 15 Pro Max = 430pt
|
|
23
|
+
const MAX_MOBILE_WIDTH = 430;
|
|
24
|
+
const EFFECTIVE_WIDTH = Math.min(SCREEN_WIDTH, MAX_MOBILE_WIDTH);
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* Escala un valor linealmente según el ancho de la pantalla.
|
|
28
|
+
* Útil para anchos, márgenes horizontales, paddings.
|
|
29
|
+
*
|
|
30
|
+
* @param {number} size - Valor en puntos diseñado para 375pt
|
|
31
|
+
* @returns {number} Valor escalado para la pantalla actual
|
|
32
|
+
*/
|
|
33
|
+
export function scale(size) {
|
|
34
|
+
return EFFECTIVE_WIDTH / BASE_WIDTH * size;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* Escala un valor linealmente según la altura de la pantalla.
|
|
39
|
+
* Útil para alturas, márgenes verticales.
|
|
40
|
+
*
|
|
41
|
+
* @param {number} size - Valor en puntos diseñado para 812pt
|
|
42
|
+
* @returns {number} Valor escalado
|
|
43
|
+
*/
|
|
44
|
+
export function verticalScale(size) {
|
|
45
|
+
return SCREEN_HEIGHT / BASE_HEIGHT * size;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* Escalado moderado: aplica solo un porcentaje de la diferencia.
|
|
50
|
+
* Ideal para fontSize — evita que textos crezcan demasiado en tablets.
|
|
51
|
+
*
|
|
52
|
+
* @param {number} size - Tamaño base en puntos
|
|
53
|
+
* @param {number} factor - Factor de escalado (0 = sin escalar, 1 = escala completa). Default: 0.5
|
|
54
|
+
* @returns {number} Valor moderadamente escalado
|
|
55
|
+
*/
|
|
56
|
+
export function moderateScale(size, factor = 0.5) {
|
|
57
|
+
return size + (scale(size) - size) * factor;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* Porcentaje del ancho de pantalla.
|
|
62
|
+
* @param {number} percentage - Porcentaje deseado (0-100)
|
|
63
|
+
* @returns {number} Valor en puntos
|
|
64
|
+
*/
|
|
65
|
+
export function wp(percentage) {
|
|
66
|
+
return PixelRatio.roundToNearestPixel(SCREEN_WIDTH * percentage / 100);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
/**
|
|
70
|
+
* Porcentaje de la altura de pantalla.
|
|
71
|
+
* @param {number} percentage - Porcentaje deseado (0-100)
|
|
72
|
+
* @returns {number} Valor en puntos
|
|
73
|
+
*/
|
|
74
|
+
export function hp(percentage) {
|
|
75
|
+
return PixelRatio.roundToNearestPixel(SCREEN_HEIGHT * percentage / 100);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
// ── Device flags ──
|
|
79
|
+
|
|
80
|
+
/** Pantalla menor a 360pt de ancho (e.g. iPhone SE, Galaxy S) */
|
|
81
|
+
export const isSmallDevice = SCREEN_WIDTH < 360;
|
|
82
|
+
|
|
83
|
+
/** Pantalla menor a 375pt (incluye iPhone SE 3rd gen) */
|
|
84
|
+
export const isCompactDevice = SCREEN_WIDTH < 375;
|
|
85
|
+
|
|
86
|
+
/** Pantalla mayor a 600pt de ancho (tablets) */
|
|
87
|
+
export const isTablet = SCREEN_WIDTH >= 600;
|
|
88
|
+
|
|
89
|
+
/** Pantalla mayor a 1024pt (tablets iPad, landscape) */
|
|
90
|
+
export const isLargeTablet = SCREEN_WIDTH >= 1024;
|
|
91
|
+
|
|
92
|
+
// ── Responsive font size ──
|
|
93
|
+
|
|
94
|
+
/**
|
|
95
|
+
* Calcula un fontSize que respeta PixelRatio para densidad de pantalla.
|
|
96
|
+
* Usa moderateScale con factor 0.25 para evitar crecimiento excesivo.
|
|
97
|
+
*
|
|
98
|
+
* @param {number} size - Tamaño de fuente base
|
|
99
|
+
* @returns {number} Tamaño ajustado
|
|
100
|
+
*/
|
|
101
|
+
export function responsiveFontSize(size) {
|
|
102
|
+
const scaledSize = moderateScale(size, 0.25);
|
|
103
|
+
return Math.round(PixelRatio.roundToNearestPixel(scaledSize));
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
// ── Spacing scale ──
|
|
107
|
+
|
|
108
|
+
export const SPACING = {
|
|
109
|
+
xs: scale(4),
|
|
110
|
+
sm: scale(8),
|
|
111
|
+
md: scale(12),
|
|
112
|
+
lg: scale(16),
|
|
113
|
+
xl: scale(24),
|
|
114
|
+
xxl: scale(32)
|
|
115
|
+
};
|
|
116
|
+
//# sourceMappingURL=responsive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Dimensions","PixelRatio","width","SCREEN_WIDTH","height","SCREEN_HEIGHT","get","BASE_WIDTH","BASE_HEIGHT","MAX_MOBILE_WIDTH","EFFECTIVE_WIDTH","Math","min","scale","size","verticalScale","moderateScale","factor","wp","percentage","roundToNearestPixel","hp","isSmallDevice","isCompactDevice","isTablet","isLargeTablet","responsiveFontSize","scaledSize","round","SPACING","xs","sm","md","lg","xl","xxl"],"sourceRoot":"..\\..\\..\\src","sources":["utils/responsive.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,UAAU,QAAQ,cAAc;;AAErD;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAM;EAAEC,KAAK,EAAEC,YAAY;EAAEC,MAAM,EAAEC;AAAc,CAAC,GAAGL,UAAU,CAACM,GAAG,CAAC,QAAQ,CAAC;;AAE/E;AACA,MAAMC,UAAU,GAAG,GAAG;AACtB,MAAMC,WAAW,GAAG,GAAG;;AAEvB;AACA;AACA,MAAMC,gBAAgB,GAAG,GAAG;AAC5B,MAAMC,eAAe,GAAGC,IAAI,CAACC,GAAG,CAACT,YAAY,EAAEM,gBAAgB,CAAC;;AAEhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,KAAKA,CAACC,IAAY,EAAE;EAChC,OAAQJ,eAAe,GAAGH,UAAU,GAAIO,IAAI;AAChD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAACD,IAAY,EAAE;EACxC,OAAQT,aAAa,GAAGG,WAAW,GAAIM,IAAI;AAC/C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,aAAaA,CAACF,IAAY,EAAEG,MAAM,GAAG,GAAG,EAAE;EACtD,OAAOH,IAAI,GAAG,CAACD,KAAK,CAACC,IAAI,CAAC,GAAGA,IAAI,IAAIG,MAAM;AAC/C;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,EAAEA,CAACC,UAAkB,EAAE;EACnC,OAAOlB,UAAU,CAACmB,mBAAmB,CAAEjB,YAAY,GAAGgB,UAAU,GAAI,GAAG,CAAC;AAC5E;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,EAAEA,CAACF,UAAkB,EAAE;EACnC,OAAOlB,UAAU,CAACmB,mBAAmB,CAAEf,aAAa,GAAGc,UAAU,GAAI,GAAG,CAAC;AAC7E;;AAEA;;AAEA;AACA,OAAO,MAAMG,aAAa,GAAGnB,YAAY,GAAG,GAAG;;AAE/C;AACA,OAAO,MAAMoB,eAAe,GAAGpB,YAAY,GAAG,GAAG;;AAEjD;AACA,OAAO,MAAMqB,QAAQ,GAAGrB,YAAY,IAAI,GAAG;;AAE3C;AACA,OAAO,MAAMsB,aAAa,GAAGtB,YAAY,IAAI,IAAI;;AAEjD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASuB,kBAAkBA,CAACZ,IAAY,EAAE;EAC7C,MAAMa,UAAU,GAAGX,aAAa,CAACF,IAAI,EAAE,IAAI,CAAC;EAC5C,OAAOH,IAAI,CAACiB,KAAK,CAAC3B,UAAU,CAACmB,mBAAmB,CAACO,UAAU,CAAC,CAAC;AACjE;;AAEA;;AAEA,OAAO,MAAME,OAAO,GAAG;EACnBC,EAAE,EAAEjB,KAAK,CAAC,CAAC,CAAC;EACZkB,EAAE,EAAElB,KAAK,CAAC,CAAC,CAAC;EACZmB,EAAE,EAAEnB,KAAK,CAAC,EAAE,CAAC;EACboB,EAAE,EAAEpB,KAAK,CAAC,EAAE,CAAC;EACbqB,EAAE,EAAErB,KAAK,CAAC,EAAE,CAAC;EACbsB,GAAG,EAAEtB,KAAK,CAAC,EAAE;AACjB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* FluentGlass (Atom)
|
|
4
|
+
* The fundamental building block for the FluentGlass Core.
|
|
5
|
+
* Provides the "glass" material with configurable intensity and border.
|
|
6
|
+
*
|
|
7
|
+
* @param {string} colorScheme - 'default' | 'dark' | 'deep' | 'light' | 'success' | 'error' | 'warning' | 'info'
|
|
8
|
+
* @param {string} blur - 'none' | 'subtle' | 'medium' | 'strong' | 'max'
|
|
9
|
+
* @param {string} radius - 'none' | 'sm' | 'md' | 'lg' | 'pill'
|
|
10
|
+
* @param {number} borderOpacity - Border opacity (0-1)
|
|
11
|
+
*
|
|
12
|
+
* Legacy props (backward compat): tint, intensity, borderRadius
|
|
13
|
+
*/
|
|
14
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
15
|
+
import { FluentGlassBaseProps } from '../types/components';
|
|
16
|
+
export interface FluentGlassProps extends FluentGlassBaseProps {
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
style?: StyleProp<ViewStyle>;
|
|
19
|
+
borderOpacity?: number;
|
|
20
|
+
intensity?: number;
|
|
21
|
+
tint?: string;
|
|
22
|
+
borderRadius?: number;
|
|
23
|
+
}
|
|
24
|
+
export default function FluentGlass({ children, style, colorScheme, blur, radius, intensity, tint, borderOpacity, borderRadius, accessible, accessibilityRole, accessibilityLabel, accessibilityHint, accessibilityState, accessibilityValue, accessibilityViewIsModal, }: FluentGlassProps): React.JSX.Element;
|
|
25
|
+
//# sourceMappingURL=FluentGlass.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentGlass.d.ts","sourceRoot":"","sources":["../../../src/components/FluentGlass.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;;;;;;GAWG;AACH,OAAO,EAAa,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,QAAQ,EACR,KAAK,EAEL,WAAW,EACX,IAAI,EACJ,MAAM,EAEN,SAAS,EACT,IAAI,EACJ,aAAmB,EACnB,YAAY,EAEZ,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,wBAAwB,GAC3B,EAAE,gBAAgB,qBAwClB"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
import { FluentGlassBaseProps } from '../types/components';
|
|
4
|
+
export interface FluentGlassAlertProps extends FluentGlassBaseProps {
|
|
5
|
+
/** Legacy prop mapped to colorScheme */
|
|
6
|
+
type?: 'success' | 'error' | 'warning' | 'info';
|
|
7
|
+
title?: string;
|
|
8
|
+
message?: string;
|
|
9
|
+
style?: StyleProp<ViewStyle>;
|
|
10
|
+
}
|
|
11
|
+
export default function FluentGlassAlert({ // New standardized props
|
|
12
|
+
colorScheme, size, blur, radius, type, title, message, style, accessibilityLabel, }: FluentGlassAlertProps): React.JSX.Element;
|
|
13
|
+
//# sourceMappingURL=FluentGlassAlert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentGlassAlert.d.ts","sourceRoot":"","sources":["../../../src/components/FluentGlassAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA0B,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IAC/D,wCAAwC;IACxC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AASD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,yBAAyB;AAChE,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,MAAM,EAEN,IAAa,EACb,KAAK,EACL,OAAO,EACP,KAAK,EACL,kBAAkB,GAAG,EAAE,qBAAqB,qBAiE/C"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* FluentGlassBadge (Atom)
|
|
4
|
+
* Glassmorphism badge with variants: default, secondary, outline, destructive.
|
|
5
|
+
* Pill-shaped, compact label for status or categorization.
|
|
6
|
+
*
|
|
7
|
+
* @param {string} size - 'xs' | 'sm' | 'md' | 'lg' | 'xl'
|
|
8
|
+
* @param {string} colorScheme - 'default' | 'info' | 'success' | 'error' | 'warning'
|
|
9
|
+
* @param {string} radius - border radius
|
|
10
|
+
*/
|
|
11
|
+
import { ViewStyle, TextStyle, StyleProp } from 'react-native';
|
|
12
|
+
import { FluentGlassBaseProps } from '../types/components';
|
|
13
|
+
export interface FluentGlassBadgeProps extends FluentGlassBaseProps {
|
|
14
|
+
label: string | number;
|
|
15
|
+
variant?: 'default' | 'secondary' | 'outline' | 'destructive' | string;
|
|
16
|
+
style?: StyleProp<ViewStyle>;
|
|
17
|
+
textStyle?: StyleProp<TextStyle>;
|
|
18
|
+
icon?: React.ReactNode;
|
|
19
|
+
}
|
|
20
|
+
export default function FluentGlassBadge({ label, variant, // mapped via backward compat
|
|
21
|
+
style, textStyle, icon, size, colorScheme, radius, }: FluentGlassBadgeProps): React.JSX.Element;
|
|
22
|
+
//# sourceMappingURL=FluentGlassBadge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentGlassBadge.d.ts","sourceRoot":"","sources":["../../../src/components/FluentGlassBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;;;GAQG;AACH,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IAC/D,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,GAAG,MAAM,CAAC;IACvE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACrC,KAAK,EACL,OAAO,EAAE,6BAA6B;AACtC,KAAK,EACL,SAAS,EACT,IAAI,EAEJ,IAAI,EACJ,WAAW,EACX,MAAe,GAClB,EAAE,qBAAqB,qBA6CvB"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* FluentGlassBarChart (Component)
|
|
4
|
+
* Glassmorphism bar chart with animated glass bars.
|
|
5
|
+
*
|
|
6
|
+
* Props:
|
|
7
|
+
* data - Array of { label, value, color? }
|
|
8
|
+
* title - Optional chart title
|
|
9
|
+
* height - Chart area height (default 180)
|
|
10
|
+
* showGrid - Show horizontal grid lines (default true)
|
|
11
|
+
* showValues - Show value labels on bars (default true)
|
|
12
|
+
* style - Container style override
|
|
13
|
+
* style - Container style override
|
|
14
|
+
*/
|
|
15
|
+
import { ViewStyle, StyleProp } from 'react-native';
|
|
16
|
+
export interface BarChartData {
|
|
17
|
+
label: string;
|
|
18
|
+
value: number;
|
|
19
|
+
color?: string;
|
|
20
|
+
}
|
|
21
|
+
export interface FluentGlassBarChartProps {
|
|
22
|
+
data?: BarChartData[];
|
|
23
|
+
title?: string;
|
|
24
|
+
height?: number;
|
|
25
|
+
showGrid?: boolean;
|
|
26
|
+
showValues?: boolean;
|
|
27
|
+
style?: StyleProp<ViewStyle>;
|
|
28
|
+
}
|
|
29
|
+
export default function FluentGlassBarChart({ data, title, height, showGrid, showValues, style, }: FluentGlassBarChartProps): React.JSX.Element;
|
|
30
|
+
//# sourceMappingURL=FluentGlassBarChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentGlassBarChart.d.ts","sourceRoot":"","sources":["../../../src/components/FluentGlassBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAazC;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,wBAAwB;IACrC,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AA+ED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EACxC,IAAS,EACT,KAAK,EACL,MAAY,EACZ,QAAe,EACf,UAAiB,EACjB,KAAK,GACR,EAAE,wBAAwB,qBA+E1B"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ViewStyle } from 'react-native';
|
|
3
|
+
export interface BreadcrumbItem {
|
|
4
|
+
label: string;
|
|
5
|
+
icon?: string;
|
|
6
|
+
onPress?: () => void;
|
|
7
|
+
}
|
|
8
|
+
export interface FluentGlassBreadcrumbProps {
|
|
9
|
+
items?: BreadcrumbItem[];
|
|
10
|
+
variant?: 'standard' | 'collapsed';
|
|
11
|
+
separator?: string;
|
|
12
|
+
onExpandCollapsed?: () => void;
|
|
13
|
+
style?: ViewStyle;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* FluentGlassBreadcrumb (Molecule)
|
|
17
|
+
* Glassmorphism breadcrumb navigation with two variants:
|
|
18
|
+
* - 'standard': All items visible, last one bold
|
|
19
|
+
* - 'collapsed': Middle items replaced with "..." ellipsis button
|
|
20
|
+
*/
|
|
21
|
+
export default function FluentGlassBreadcrumb({ items, variant, separator, onExpandCollapsed, style, }: FluentGlassBreadcrumbProps): React.JSX.Element;
|
|
22
|
+
//# sourceMappingURL=FluentGlassBreadcrumb.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentGlassBreadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/FluentGlassBreadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqC,SAAS,EAAE,MAAM,cAAc,CAAC;AAI5E,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAOD,MAAM,WAAW,0BAA0B;IACvC,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC1C,KAAU,EACV,OAAoB,EACpB,SAAe,EACf,iBAAiB,EACjB,KAAK,GACR,EAAE,0BAA0B,qBA6D5B"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* FluentGlassButton (Component)
|
|
4
|
+
* Interactive glass button with scale animation and variants.
|
|
5
|
+
*
|
|
6
|
+
* @param {string} size - 'xs' | 'sm' | 'md' | 'lg' | 'xl'
|
|
7
|
+
* @param {string} colorScheme - 'default' | 'dark' | 'info' | 'success' | 'error' | 'warning'
|
|
8
|
+
* @param {string} blur - 'none' | 'subtle' | 'medium' | 'strong' | 'max'
|
|
9
|
+
* @param {string} radius - 'none' | 'sm' | 'md' | 'lg' | 'pill'
|
|
10
|
+
*
|
|
11
|
+
* Legacy props: variant ('primary' | 'secondary' | 'ghost'), intensity, tint
|
|
12
|
+
*/
|
|
13
|
+
import { ViewStyle, TextStyle, StyleProp } from 'react-native';
|
|
14
|
+
import { FluentGlassBaseProps } from '../types/components';
|
|
15
|
+
export interface FluentGlassButtonProps extends FluentGlassBaseProps {
|
|
16
|
+
title: string;
|
|
17
|
+
onPress?: () => void;
|
|
18
|
+
variant?: 'primary' | 'secondary' | 'ghost' | 'destructive' | 'outline' | string;
|
|
19
|
+
style?: StyleProp<ViewStyle>;
|
|
20
|
+
textStyle?: StyleProp<TextStyle>;
|
|
21
|
+
icon?: React.ReactNode;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
intensity?: number;
|
|
24
|
+
tint?: string;
|
|
25
|
+
}
|
|
26
|
+
export default function FluentGlassButton({ title, onPress, size, colorScheme, blur, radius, variant, style, textStyle, icon, disabled, intensity, tint, accessibilityLabel, accessibilityHint, }: FluentGlassButtonProps): React.JSX.Element;
|
|
27
|
+
//# sourceMappingURL=FluentGlassButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentGlassButton.d.ts","sourceRoot":"","sources":["../../../src/components/FluentGlassButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B;;;;;;;;;;GAUG;AACH,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,GAAG,MAAM,CAAC;IACjF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACtC,KAAK,EACL,OAAO,EAEP,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,MAAM,EAEN,OAAmB,EACnB,KAAK,EACL,SAAS,EACT,IAAI,EACJ,QAAgB,EAChB,SAAS,EACT,IAAI,EACJ,kBAAkB,EAClB,iBAAiB,GACpB,EAAE,sBAAsB,qBA8FxB"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
export interface FluentGlassCalendarWidgetProps {
|
|
4
|
+
day?: string;
|
|
5
|
+
month?: string;
|
|
6
|
+
style?: StyleProp<ViewStyle>;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* FluentGlassCalendarWidget (Atom/Molecule)
|
|
10
|
+
* Dashboard widget displaying month and day.
|
|
11
|
+
*/
|
|
12
|
+
export default function FluentGlassCalendarWidget({ day, month, style }: FluentGlassCalendarWidgetProps): React.JSX.Element;
|
|
13
|
+
//# sourceMappingURL=FluentGlassCalendarWidget.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentGlassCalendarWidget.d.ts","sourceRoot":"","sources":["../../../src/components/FluentGlassCalendarWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAA0B,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK5E,MAAM,WAAW,8BAA8B;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAAE,GAAU,EAAE,KAAa,EAAE,KAAK,EAAE,EAAE,8BAA8B,qBAarH"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* FluentGlassCard (Organism)
|
|
4
|
+
* Structured glass card with two variants:
|
|
5
|
+
* - 'standard': Title + description + content + optional action
|
|
6
|
+
* - 'featured': Colored header area + icon + title + description + optional action
|
|
7
|
+
*
|
|
8
|
+
* @param {string} size - 'xs' | 'sm' | 'md' | 'lg' | 'xl'
|
|
9
|
+
* @param {string} colorScheme - 'default' | 'dark' | 'info' | 'success' | 'error' | 'warning'
|
|
10
|
+
* @param {string} blur - blur intensity
|
|
11
|
+
* @param {string} radius - border radius
|
|
12
|
+
*/
|
|
13
|
+
import { ViewStyle, StyleProp } from 'react-native';
|
|
14
|
+
import { FluentGlassBaseProps } from '../types/components';
|
|
15
|
+
export interface FluentGlassCardProps extends FluentGlassBaseProps {
|
|
16
|
+
variant?: 'standard' | 'featured' | string;
|
|
17
|
+
title?: string;
|
|
18
|
+
description?: string;
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
actionLabel?: string;
|
|
21
|
+
onAction?: () => void;
|
|
22
|
+
icon?: string | React.ReactNode;
|
|
23
|
+
headerColor?: string;
|
|
24
|
+
style?: StyleProp<ViewStyle>;
|
|
25
|
+
}
|
|
26
|
+
export default function FluentGlassCard({ variant, // 'standard' | 'featured'
|
|
27
|
+
title, description, children, actionLabel, onAction, icon, // String emoji or React node for featured header
|
|
28
|
+
headerColor, // Override header bg color (featured variant)
|
|
29
|
+
style, size, colorScheme, blur, radius, }: FluentGlassCardProps): React.JSX.Element;
|
|
30
|
+
//# sourceMappingURL=FluentGlassCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentGlassCard.d.ts","sourceRoot":"","sources":["../../../src/components/FluentGlassCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;;;;;GAUG;AACH,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAC9D,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACpC,OAAoB,EAAE,0BAA0B;AAChD,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAI,EAAU,iDAAiD;AAC/D,WAAW,EAAG,8CAA8C;AAC5D,KAAK,EAEL,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,MAAM,GACT,EAAE,oBAAoB,qBAmGtB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
export interface FluentGlassCheckboxProps {
|
|
4
|
+
checked?: boolean;
|
|
5
|
+
onToggle?: (value: boolean) => void;
|
|
6
|
+
label?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
size?: number;
|
|
9
|
+
style?: StyleProp<ViewStyle>;
|
|
10
|
+
}
|
|
11
|
+
export default function FluentGlassCheckbox({ checked, onToggle, label, disabled, size, style, accessibilityLabel, }: FluentGlassCheckboxProps & {
|
|
12
|
+
accessibilityLabel?: string;
|
|
13
|
+
}): React.JSX.Element;
|
|
14
|
+
//# sourceMappingURL=FluentGlassCheckbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentGlassCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/FluentGlassCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAA+B,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AASjF,MAAM,WAAW,wBAAwB;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAQD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,OAAe,EACzD,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,IAAS,EACT,KAAK,EACL,kBAAkB,GAAG,EAAE,wBAAwB,GAAG;IAAE,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAAE,qBAiFpF"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
export interface FluentGlassClockWidgetProps {
|
|
4
|
+
style?: StyleProp<ViewStyle>;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* FluentGlassClockWidget (Atom/Molecule)
|
|
8
|
+
* Dashboard widget displaying current time.
|
|
9
|
+
*/
|
|
10
|
+
export default function FluentGlassClockWidget({ style }: FluentGlassClockWidgetProps): React.JSX.Element;
|
|
11
|
+
//# sourceMappingURL=FluentGlassClockWidget.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentGlassClockWidget.d.ts","sourceRoot":"","sources":["../../../src/components/FluentGlassClockWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAA0B,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK5E,MAAM,WAAW,2BAA2B;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAAE,KAAK,EAAE,EAAE,2BAA2B,qBAsBpF"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
export interface FluentGlassCodeBlockProps {
|
|
4
|
+
code?: string;
|
|
5
|
+
language?: string;
|
|
6
|
+
showLineNumbers?: boolean;
|
|
7
|
+
onCopy?: (code: string) => void;
|
|
8
|
+
style?: StyleProp<ViewStyle>;
|
|
9
|
+
}
|
|
10
|
+
export default function FluentGlassCodeBlock({ code, language, showLineNumbers, onCopy, style, }: FluentGlassCodeBlockProps): React.JSX.Element;
|
|
11
|
+
//# sourceMappingURL=FluentGlassCodeBlock.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentGlassCodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/FluentGlassCodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAiD,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKnG,MAAM,WAAW,yBAAyB;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AA0DD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAAE,IAAS,EACpD,QAAiB,EACjB,eAAsB,EACtB,MAAM,EACN,KAAK,GAAG,EAAE,yBAAyB,qBAwGtC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
import { FluentGlassColorScheme, FluentGlassRadius } from '../types/components';
|
|
4
|
+
export interface FluentGlassContainerProps {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
colorScheme?: FluentGlassColorScheme | string;
|
|
7
|
+
radius?: FluentGlassRadius | string;
|
|
8
|
+
/** @deprecated Use colorScheme instead */
|
|
9
|
+
tint?: string;
|
|
10
|
+
padding?: number;
|
|
11
|
+
/** @deprecated Use radius instead */
|
|
12
|
+
borderRadius?: number;
|
|
13
|
+
borderOpacity?: number;
|
|
14
|
+
style?: StyleProp<ViewStyle>;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* FluentGlassContainer (Atom)
|
|
18
|
+
* Section-level glass wrapper for layout depth.
|
|
19
|
+
* Uses plain View (no BlurView) to avoid nested-blur artifacts.
|
|
20
|
+
*/
|
|
21
|
+
export default function FluentGlassContainer({ children, colorScheme, radius, tint, padding, borderRadius, borderOpacity, style, }: FluentGlassContainerProps): React.JSX.Element;
|
|
22
|
+
//# sourceMappingURL=FluentGlassContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentGlassContainer.d.ts","sourceRoot":"","sources":["../../../src/components/FluentGlassContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGtE,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEhF,MAAM,WAAW,yBAAyB;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,sBAAsB,GAAG,MAAM,CAAC;IAC9C,MAAM,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;IACpC,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAAE,QAAQ,EACnD,WAAW,EACX,MAAM,EACN,IAAc,EACd,OAAY,EACZ,YAAY,EACZ,aAAoB,EACpB,KAAK,GAAG,EAAE,yBAAyB,qBAwBtC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
export interface FluentGlassCrossfadeProps {
|
|
4
|
+
activeKey: string;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
fadeOutDuration?: number;
|
|
7
|
+
fadeInDuration?: number;
|
|
8
|
+
translateY?: number;
|
|
9
|
+
style?: StyleProp<ViewStyle>;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* FluentGlassCrossfade
|
|
13
|
+
*
|
|
14
|
+
* Universal animated content switcher. Crossfades between children
|
|
15
|
+
* with a fade + translateY spring animation.
|
|
16
|
+
*
|
|
17
|
+
* Usage:
|
|
18
|
+
* <FluentGlassCrossfade activeKey="home">
|
|
19
|
+
* <HomeScreen key="home" />
|
|
20
|
+
* <SettingsScreen key="settings" />
|
|
21
|
+
* </FluentGlassCrossfade>
|
|
22
|
+
*/
|
|
23
|
+
export default function FluentGlassCrossfade({ activeKey, children, fadeOutDuration, fadeInDuration, translateY: translateYAmount, style, }: FluentGlassCrossfadeProps): React.JSX.Element;
|
|
24
|
+
//# sourceMappingURL=FluentGlassCrossfade.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentGlassCrossfade.d.ts","sourceRoot":"","sources":["../../../src/components/FluentGlassCrossfade.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAWtE,MAAM,WAAW,yBAAyB;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EACzC,SAAS,EACT,QAAQ,EACR,eAAe,EACf,cAAc,EACd,UAAU,EAAE,gBAAgB,EAC5B,KAAK,GACR,EAAE,yBAAyB,qBAsE3B"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ViewStyle } from 'react-native';
|
|
3
|
+
type DateFormat = 'mm/dd/yyyy' | 'dd/mm/yyyy';
|
|
4
|
+
export interface FluentGlassDateInputProps {
|
|
5
|
+
value?: Date;
|
|
6
|
+
onChange?: (date: Date) => void;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
format?: DateFormat;
|
|
9
|
+
style?: ViewStyle;
|
|
10
|
+
accessibilityLabel?: string;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* FluentGlassDateInput (Molécula)
|
|
14
|
+
* Hybrid date input: type manually OR tap the calendar icon to open FluentGlassDatePicker.
|
|
15
|
+
*/
|
|
16
|
+
export default function FluentGlassDateInput({ value, onChange, placeholder, format, style, accessibilityLabel, }: FluentGlassDateInputProps): React.JSX.Element;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=FluentGlassDateInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentGlassDateInput.d.ts","sourceRoot":"","sources":["../../../src/components/FluentGlassDateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAmE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM1G,KAAK,UAAU,GAAG,YAAY,GAAG,YAAY,CAAC;AAE9C,MAAM,WAAW,yBAAyB;IACtC,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EACzC,KAAK,EACL,QAAQ,EACR,WAA0B,EAC1B,MAAqB,EACrB,KAAK,EACL,kBAAkB,GACrB,EAAE,yBAAyB,qBA0H3B"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
export interface FluentGlassDatePickerProps {
|
|
4
|
+
value?: Date;
|
|
5
|
+
onChange?: (date: Date) => void;
|
|
6
|
+
style?: StyleProp<ViewStyle>;
|
|
7
|
+
}
|
|
8
|
+
export default function FluentGlassDatePicker({ value, onChange, style, }: FluentGlassDatePickerProps): React.JSX.Element;
|
|
9
|
+
//# sourceMappingURL=FluentGlassDatePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentGlassDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/FluentGlassDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAuD,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzG,MAAM,WAAW,0BAA0B;IACvC,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAAE,KAAkB,EAC9D,QAAQ,EACR,KAAK,GAAG,EAAE,0BAA0B,qBAiIvC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface FluentGlassDialogProps {
|
|
3
|
+
visible: boolean;
|
|
4
|
+
title?: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
onConfirm?: () => void;
|
|
7
|
+
onClose?: () => void;
|
|
8
|
+
confirmText?: string;
|
|
9
|
+
cancelText?: string;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* FluentGlassDialog (Component)
|
|
13
|
+
* Central alert/confirmation modal.
|
|
14
|
+
* Uses absolute positioning instead of Modal to avoid
|
|
15
|
+
* BlurView initialisation flicker.
|
|
16
|
+
*/
|
|
17
|
+
export default function FluentGlassDialog({ visible, onClose, title, description, onConfirm, confirmText, cancelText, }: FluentGlassDialogProps): React.JSX.Element | null;
|
|
18
|
+
//# sourceMappingURL=FluentGlassDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentGlassDialog.d.ts","sourceRoot":"","sources":["../../../src/components/FluentGlassDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAazC,MAAM,WAAW,sBAAsB;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACtC,OAAO,EACP,OAAO,EACP,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAuB,EACvB,UAAqB,GACxB,EAAE,sBAAsB,4BA6ExB"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ViewStyle } from 'react-native';
|
|
3
|
+
export interface DockItemConfig {
|
|
4
|
+
icon: React.ReactNode;
|
|
5
|
+
label?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface FluentGlassDockProps {
|
|
8
|
+
items: DockItemConfig[];
|
|
9
|
+
activeIndex: number;
|
|
10
|
+
onSelect: (index: number) => void;
|
|
11
|
+
floating?: boolean;
|
|
12
|
+
style?: ViewStyle;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* FluentGlassDock (Component)
|
|
16
|
+
* Floating bottom navigation bar with sliding glow indicator.
|
|
17
|
+
*/
|
|
18
|
+
export default function FluentGlassDock({ items, activeIndex, onSelect, floating, style }: FluentGlassDockProps): React.JSX.Element;
|
|
19
|
+
//# sourceMappingURL=FluentGlassDock.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FluentGlassDock.d.ts","sourceRoot":"","sources":["../../../src/components/FluentGlassDock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+B,SAAS,EAAE,MAAM,cAAc,CAAC;AAoBtE,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAoDD,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAe,EAAE,KAAK,EAAE,EAAE,oBAAoB,qBAmDrH"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
interface DropdownOption {
|
|
4
|
+
label: string;
|
|
5
|
+
value: any;
|
|
6
|
+
}
|
|
7
|
+
interface DropdownSection {
|
|
8
|
+
title: string;
|
|
9
|
+
data: DropdownOption[];
|
|
10
|
+
}
|
|
11
|
+
export interface FluentGlassDropdownProps {
|
|
12
|
+
value?: any;
|
|
13
|
+
onValueChange?: (val: any) => void;
|
|
14
|
+
options?: DropdownOption[];
|
|
15
|
+
sections?: DropdownSection[];
|
|
16
|
+
placeholder?: string;
|
|
17
|
+
label?: string;
|
|
18
|
+
style?: StyleProp<ViewStyle>;
|
|
19
|
+
accessibilityLabel?: string;
|
|
20
|
+
}
|
|
21
|
+
export default function FluentGlassDropdown({ value, onValueChange, options, sections, placeholder, label, style, accessibilityLabel, }: FluentGlassDropdownProps): React.JSX.Element;
|
|
22
|
+
export {};
|
|
23
|
+
//# sourceMappingURL=FluentGlassDropdown.d.ts.map
|