@lssm/lib.ui-kit-web 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/node_modules/sonner/dist/index.js +630 -0
- package/dist/node_modules/sonner/dist/index.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/dist/ui/accordion.d.ts +25 -0
- package/dist/ui/accordion.d.ts.map +1 -0
- package/dist/ui/accordion.js +49 -0
- package/dist/ui/accordion.js.map +1 -0
- package/dist/ui/alert-dialog.d.ts +49 -0
- package/dist/ui/alert-dialog.d.ts.map +1 -0
- package/dist/ui/alert-dialog.js +86 -0
- package/dist/ui/alert-dialog.js.map +1 -0
- package/dist/ui/alert.d.ts +25 -0
- package/dist/ui/alert.d.ts.map +1 -0
- package/dist/ui/alert.js +39 -0
- package/dist/ui/alert.js.map +1 -0
- package/dist/ui/aspect-ratio.d.ts +8 -0
- package/dist/ui/aspect-ratio.d.ts.map +1 -0
- package/dist/ui/aspect-ratio.js +11 -0
- package/dist/ui/aspect-ratio.js.map +1 -0
- package/dist/ui/atoms/FilterSelect/FilterSelect.d.ts +8 -0
- package/dist/ui/atoms/FilterSelect/FilterSelect.d.ts.map +1 -0
- package/dist/ui/atoms/FilterSelect/FilterSelect.js +53 -0
- package/dist/ui/atoms/FilterSelect/FilterSelect.js.map +1 -0
- package/dist/ui/atoms/FilterSelect/index.d.ts +3 -0
- package/dist/ui/atoms/FilterSelect/index.js +3 -0
- package/dist/ui/atoms/FilterSelect/types.d.ts +19 -0
- package/dist/ui/atoms/FilterSelect/types.d.ts.map +1 -0
- package/dist/ui/atoms/FilterSelect/types.js +1 -0
- package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.d.ts +23 -0
- package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.d.ts.map +1 -0
- package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.js +46 -0
- package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.js.map +1 -0
- package/dist/ui/atoms/LoadingSpinner/index.d.ts +2 -0
- package/dist/ui/atoms/LoadingSpinner/index.js +3 -0
- package/dist/ui/atoms/Pagination/Pagination.d.ts +8 -0
- package/dist/ui/atoms/Pagination/Pagination.d.ts.map +1 -0
- package/dist/ui/atoms/Pagination/Pagination.js +157 -0
- package/dist/ui/atoms/Pagination/Pagination.js.map +1 -0
- package/dist/ui/atoms/Pagination/index.d.ts +3 -0
- package/dist/ui/atoms/Pagination/index.js +3 -0
- package/dist/ui/atoms/Pagination/types.d.ts +16 -0
- package/dist/ui/atoms/Pagination/types.d.ts.map +1 -0
- package/dist/ui/atoms/Pagination/types.js +1 -0
- package/dist/ui/atoms/SearchInput/SearchInput.d.ts +8 -0
- package/dist/ui/atoms/SearchInput/SearchInput.d.ts.map +1 -0
- package/dist/ui/atoms/SearchInput/SearchInput.js +50 -0
- package/dist/ui/atoms/SearchInput/SearchInput.js.map +1 -0
- package/dist/ui/atoms/SearchInput/index.d.ts +3 -0
- package/dist/ui/atoms/SearchInput/index.js +3 -0
- package/dist/ui/atoms/SearchInput/types.d.ts +13 -0
- package/dist/ui/atoms/SearchInput/types.d.ts.map +1 -0
- package/dist/ui/atoms/SearchInput/types.js +1 -0
- package/dist/ui/avatar.d.ts +20 -0
- package/dist/ui/avatar.d.ts.map +1 -0
- package/dist/ui/avatar.js +34 -0
- package/dist/ui/avatar.js.map +1 -0
- package/dist/ui/badge.d.ts +20 -0
- package/dist/ui/badge.d.ts.map +1 -0
- package/dist/ui/badge.js +27 -0
- package/dist/ui/badge.js.map +1 -0
- package/dist/ui/breadcrumb.d.ts +38 -0
- package/dist/ui/breadcrumb.d.ts.map +1 -0
- package/dist/ui/breadcrumb.js +72 -0
- package/dist/ui/breadcrumb.js.map +1 -0
- package/dist/ui/button.d.ts +23 -0
- package/dist/ui/button.d.ts.map +1 -0
- package/dist/ui/button.js +44 -0
- package/dist/ui/button.js.map +1 -0
- package/dist/ui/calendar.d.ts +27 -0
- package/dist/ui/calendar.d.ts.map +1 -0
- package/dist/ui/calendar.js +110 -0
- package/dist/ui/calendar.js.map +1 -0
- package/dist/ui/card.d.ts +35 -0
- package/dist/ui/card.d.ts.map +1 -0
- package/dist/ui/card.js +58 -0
- package/dist/ui/card.js.map +1 -0
- package/dist/ui/carousel.d.ts +48 -0
- package/dist/ui/carousel.d.ts.map +1 -0
- package/dist/ui/carousel.js +137 -0
- package/dist/ui/carousel.js.map +1 -0
- package/dist/ui/checkbox.d.ts +12 -0
- package/dist/ui/checkbox.d.ts.map +1 -0
- package/dist/ui/checkbox.js +26 -0
- package/dist/ui/checkbox.js.map +1 -0
- package/dist/ui/collapsible.d.ts +16 -0
- package/dist/ui/collapsible.d.ts.map +1 -0
- package/dist/ui/collapsible.js +29 -0
- package/dist/ui/collapsible.js.map +1 -0
- package/dist/ui/command.d.ts +53 -0
- package/dist/ui/command.d.ts.map +1 -0
- package/dist/ui/command.js +91 -0
- package/dist/ui/command.js.map +1 -0
- package/dist/ui/confirm-dialog.d.ts +31 -0
- package/dist/ui/confirm-dialog.d.ts.map +1 -0
- package/dist/ui/confirm-dialog.js +34 -0
- package/dist/ui/confirm-dialog.js.map +1 -0
- package/dist/ui/context-menu.d.ts +35 -0
- package/dist/ui/context-menu.d.ts.map +1 -0
- package/dist/ui/context-menu.js +85 -0
- package/dist/ui/context-menu.js.map +1 -0
- package/dist/ui/cta.d.ts +15 -0
- package/dist/ui/cta.d.ts.map +1 -0
- package/dist/ui/cta.js +39 -0
- package/dist/ui/cta.js.map +1 -0
- package/dist/ui/date-picker.d.ts +26 -0
- package/dist/ui/date-picker.d.ts.map +1 -0
- package/dist/ui/date-picker.js +102 -0
- package/dist/ui/date-picker.js.map +1 -0
- package/dist/ui/date-range-picker.d.ts +26 -0
- package/dist/ui/date-range-picker.d.ts.map +1 -0
- package/dist/ui/date-range-picker.js +55 -0
- package/dist/ui/date-range-picker.js.map +1 -0
- package/dist/ui/datetime-picker.d.ts +28 -0
- package/dist/ui/datetime-picker.d.ts.map +1 -0
- package/dist/ui/datetime-picker.js +45 -0
- package/dist/ui/datetime-picker.js.map +1 -0
- package/dist/ui/dialog.d.ts +48 -0
- package/dist/ui/dialog.d.ts.map +1 -0
- package/dist/ui/dialog.js +91 -0
- package/dist/ui/dialog.js.map +1 -0
- package/dist/ui/drawer.d.ts +45 -0
- package/dist/ui/drawer.d.ts.map +1 -0
- package/dist/ui/drawer.js +83 -0
- package/dist/ui/drawer.js.map +1 -0
- package/dist/ui/dropdown-menu.d.ts +78 -0
- package/dist/ui/dropdown-menu.d.ts.map +1 -0
- package/dist/ui/dropdown-menu.js +128 -0
- package/dist/ui/dropdown-menu.js.map +1 -0
- package/dist/ui/empty-state.d.ts +29 -0
- package/dist/ui/empty-state.d.ts.map +1 -0
- package/dist/ui/empty-state.js +43 -0
- package/dist/ui/empty-state.js.map +1 -0
- package/dist/ui/empty.d.ts +36 -0
- package/dist/ui/empty.d.ts.map +1 -0
- package/dist/ui/empty.js +62 -0
- package/dist/ui/empty.js.map +1 -0
- package/dist/ui/field.d.ts +65 -0
- package/dist/ui/field.d.ts.map +1 -0
- package/dist/ui/field.js +122 -0
- package/dist/ui/field.js.map +1 -0
- package/dist/ui/focus-on-route-change.d.ts +9 -0
- package/dist/ui/focus-on-route-change.d.ts.map +1 -0
- package/dist/ui/focus-on-route-change.js +17 -0
- package/dist/ui/focus-on-route-change.js.map +1 -0
- package/dist/ui/form.d.ts +47 -0
- package/dist/ui/form.d.ts.map +1 -0
- package/dist/ui/form.js +95 -0
- package/dist/ui/form.js.map +1 -0
- package/dist/ui/hover-card.d.ts +20 -0
- package/dist/ui/hover-card.d.ts.map +1 -0
- package/dist/ui/hover-card.js +37 -0
- package/dist/ui/hover-card.js.map +1 -0
- package/dist/ui/input-group.d.ts +44 -0
- package/dist/ui/input-group.d.ts.map +1 -0
- package/dist/ui/input-group.js +84 -0
- package/dist/ui/input-group.js.map +1 -0
- package/dist/ui/input-otp.d.ts +39 -0
- package/dist/ui/input-otp.d.ts.map +1 -0
- package/dist/ui/input-otp.js +47 -0
- package/dist/ui/input-otp.js.map +1 -0
- package/dist/ui/input.d.ts +13 -0
- package/dist/ui/input.d.ts.map +1 -0
- package/dist/ui/input.js +17 -0
- package/dist/ui/input.js.map +1 -0
- package/dist/ui/label.d.ts +12 -0
- package/dist/ui/label.d.ts.map +1 -0
- package/dist/ui/label.js +20 -0
- package/dist/ui/label.js.map +1 -0
- package/dist/ui/link.d.ts +9 -0
- package/dist/ui/link.d.ts.map +1 -0
- package/dist/ui/link.js +18 -0
- package/dist/ui/link.js.map +1 -0
- package/dist/ui/live-region.d.ts +17 -0
- package/dist/ui/live-region.d.ts.map +1 -0
- package/dist/ui/live-region.js +48 -0
- package/dist/ui/live-region.js.map +1 -0
- package/dist/ui/loading-button.d.ts +20 -0
- package/dist/ui/loading-button.d.ts.map +1 -0
- package/dist/ui/loading-button.js +21 -0
- package/dist/ui/loading-button.js.map +1 -0
- package/dist/ui/map/MapBase.d.ts +29 -0
- package/dist/ui/map/MapBase.d.ts.map +1 -0
- package/dist/ui/map/MapBase.js +48 -0
- package/dist/ui/map/MapBase.js.map +1 -0
- package/dist/ui/map/MapGeoJsonOverlay.d.ts +16 -0
- package/dist/ui/map/MapGeoJsonOverlay.d.ts.map +1 -0
- package/dist/ui/map/MapGeoJsonOverlay.js +39 -0
- package/dist/ui/map/MapGeoJsonOverlay.js.map +1 -0
- package/dist/ui/map/MapHeatmapH3.d.ts +18 -0
- package/dist/ui/map/MapHeatmapH3.d.ts.map +1 -0
- package/dist/ui/map/MapHeatmapH3.js +52 -0
- package/dist/ui/map/MapHeatmapH3.js.map +1 -0
- package/dist/ui/map/MapMarkers.d.ts +20 -0
- package/dist/ui/map/MapMarkers.d.ts.map +1 -0
- package/dist/ui/map/MapMarkers.js +35 -0
- package/dist/ui/map/MapMarkers.js.map +1 -0
- package/dist/ui/map/index.d.ts +5 -0
- package/dist/ui/map/index.js +6 -0
- package/dist/ui/marketing/FeatureGrid.d.ts +21 -0
- package/dist/ui/marketing/FeatureGrid.d.ts.map +1 -0
- package/dist/ui/marketing/FeatureGrid.js +35 -0
- package/dist/ui/marketing/FeatureGrid.js.map +1 -0
- package/dist/ui/marketing/Hero.d.ts +28 -0
- package/dist/ui/marketing/Hero.d.ts.map +1 -0
- package/dist/ui/marketing/Hero.js +53 -0
- package/dist/ui/marketing/Hero.js.map +1 -0
- package/dist/ui/marketing/PricingTable.d.ts +25 -0
- package/dist/ui/marketing/PricingTable.d.ts.map +1 -0
- package/dist/ui/marketing/PricingTable.js +60 -0
- package/dist/ui/marketing/PricingTable.js.map +1 -0
- package/dist/ui/marketing/index.d.ts +4 -0
- package/dist/ui/marketing/index.js +5 -0
- package/dist/ui/menubar.d.ts +85 -0
- package/dist/ui/menubar.d.ts.map +1 -0
- package/dist/ui/menubar.js +138 -0
- package/dist/ui/menubar.js.map +1 -0
- package/dist/ui/molecules/Autocomplete/index.d.ts +7 -0
- package/dist/ui/molecules/Autocomplete/index.d.ts.map +1 -0
- package/dist/ui/molecules/Autocomplete/index.js +86 -0
- package/dist/ui/molecules/Autocomplete/index.js.map +1 -0
- package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.d.ts +8 -0
- package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.d.ts.map +1 -0
- package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js +103 -0
- package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js.map +1 -0
- package/dist/ui/molecules/SearchAndFilter/index.d.ts +3 -0
- package/dist/ui/molecules/SearchAndFilter/index.js +3 -0
- package/dist/ui/molecules/SearchAndFilter/types.d.ts +24 -0
- package/dist/ui/molecules/SearchAndFilter/types.d.ts.map +1 -0
- package/dist/ui/molecules/SearchAndFilter/types.js +1 -0
- package/dist/ui/molecules/SkeletonList.d.ts +16 -0
- package/dist/ui/molecules/SkeletonList.d.ts.map +1 -0
- package/dist/ui/molecules/SkeletonList.js +15 -0
- package/dist/ui/molecules/SkeletonList.js.map +1 -0
- package/dist/ui/nav-layout.d.ts +71 -0
- package/dist/ui/nav-layout.d.ts.map +1 -0
- package/dist/ui/nav-layout.js +133 -0
- package/dist/ui/nav-layout.js.map +1 -0
- package/dist/ui/navigation-menu.d.ts +47 -0
- package/dist/ui/navigation-menu.d.ts.map +1 -0
- package/dist/ui/navigation-menu.js +83 -0
- package/dist/ui/navigation-menu.js.map +1 -0
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.d.ts +30 -0
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.d.ts.map +1 -0
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.js +112 -0
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.js.map +1 -0
- package/dist/ui/organisms/ErrorBoundary/index.d.ts +2 -0
- package/dist/ui/organisms/ErrorBoundary/index.js +3 -0
- package/dist/ui/organisms/ListPage/ListPage.d.ts +29 -0
- package/dist/ui/organisms/ListPage/ListPage.d.ts.map +1 -0
- package/dist/ui/organisms/ListPage/ListPage.js +198 -0
- package/dist/ui/organisms/ListPage/ListPage.js.map +1 -0
- package/dist/ui/organisms/ListPage/index.d.ts +3 -0
- package/dist/ui/organisms/ListPage/index.js +3 -0
- package/dist/ui/organisms/ListPage/types.d.ts +41 -0
- package/dist/ui/organisms/ListPage/types.d.ts.map +1 -0
- package/dist/ui/organisms/ListPage/types.js +1 -0
- package/dist/ui/page-header.d.ts +27 -0
- package/dist/ui/page-header.d.ts.map +1 -0
- package/dist/ui/page-header.js +40 -0
- package/dist/ui/page-header.js.map +1 -0
- package/dist/ui/pagination.d.ts +50 -0
- package/dist/ui/pagination.d.ts.map +1 -0
- package/dist/ui/pagination.js +65 -0
- package/dist/ui/pagination.js.map +1 -0
- package/dist/ui/popover.d.ts +23 -0
- package/dist/ui/popover.d.ts.map +1 -0
- package/dist/ui/popover.js +40 -0
- package/dist/ui/popover.js.map +1 -0
- package/dist/ui/progress.d.ts +13 -0
- package/dist/ui/progress.d.ts.map +1 -0
- package/dist/ui/progress.js +25 -0
- package/dist/ui/progress.js.map +1 -0
- package/dist/ui/radio-group.d.ts +16 -0
- package/dist/ui/radio-group.d.ts.map +1 -0
- package/dist/ui/radio-group.js +33 -0
- package/dist/ui/radio-group.js.map +1 -0
- package/dist/ui/resizable.d.ts +36 -0
- package/dist/ui/resizable.d.ts.map +1 -0
- package/dist/ui/resizable.js +26 -0
- package/dist/ui/resizable.js.map +1 -0
- package/dist/ui/route-announcer.d.ts +11 -0
- package/dist/ui/route-announcer.d.ts.map +1 -0
- package/dist/ui/route-announcer.js +23 -0
- package/dist/ui/route-announcer.js.map +1 -0
- package/dist/ui/scroll-area.d.ts +18 -0
- package/dist/ui/scroll-area.d.ts.map +1 -0
- package/dist/ui/scroll-area.js +41 -0
- package/dist/ui/scroll-area.js.map +1 -0
- package/dist/ui/section.d.ts +27 -0
- package/dist/ui/section.d.ts.map +1 -0
- package/dist/ui/section.js +63 -0
- package/dist/ui/section.js.map +1 -0
- package/dist/ui/select.d.ts +52 -0
- package/dist/ui/select.d.ts.map +1 -0
- package/dist/ui/select.js +101 -0
- package/dist/ui/select.js.map +1 -0
- package/dist/ui/separator.d.ts +14 -0
- package/dist/ui/separator.d.ts.map +1 -0
- package/dist/ui/separator.js +22 -0
- package/dist/ui/separator.js.map +1 -0
- package/dist/ui/sheet.d.ts +41 -0
- package/dist/ui/sheet.d.ts.map +1 -0
- package/dist/ui/sheet.js +87 -0
- package/dist/ui/sheet.js.map +1 -0
- package/dist/ui/sidebar.d.ts +77 -0
- package/dist/ui/sidebar.d.ts.map +1 -0
- package/dist/ui/sidebar.js +380 -0
- package/dist/ui/sidebar.js.map +1 -0
- package/dist/ui/skeleton.d.ts +10 -0
- package/dist/ui/skeleton.d.ts.map +1 -0
- package/dist/ui/skeleton.js +15 -0
- package/dist/ui/skeleton.js.map +1 -0
- package/dist/ui/skip-link.d.ts +17 -0
- package/dist/ui/skip-link.d.ts.map +1 -0
- package/dist/ui/skip-link.js +17 -0
- package/dist/ui/skip-link.js.map +1 -0
- package/dist/ui/slider.d.ts +16 -0
- package/dist/ui/slider.d.ts.map +1 -0
- package/dist/ui/slider.js +41 -0
- package/dist/ui/slider.js.map +1 -0
- package/dist/ui/sonner.d.ts +10 -0
- package/dist/ui/sonner.d.ts.map +1 -0
- package/dist/ui/sonner.js +25 -0
- package/dist/ui/sonner.js.map +1 -0
- package/dist/ui/stack.d.ts +48 -0
- package/dist/ui/stack.d.ts.map +1 -0
- package/dist/ui/stack.js +158 -0
- package/dist/ui/stack.js.map +1 -0
- package/dist/ui/stat-card-group.d.ts +19 -0
- package/dist/ui/stat-card-group.d.ts.map +1 -0
- package/dist/ui/stat-card-group.js +39 -0
- package/dist/ui/stat-card-group.js.map +1 -0
- package/dist/ui/stepper.d.ts +23 -0
- package/dist/ui/stepper.d.ts.map +1 -0
- package/dist/ui/stepper.js +37 -0
- package/dist/ui/stepper.js.map +1 -0
- package/dist/ui/switch.d.ts +12 -0
- package/dist/ui/switch.d.ts.map +1 -0
- package/dist/ui/switch.js +24 -0
- package/dist/ui/switch.js.map +1 -0
- package/dist/ui/table.d.ts +39 -0
- package/dist/ui/table.d.ts.map +1 -0
- package/dist/ui/table.js +72 -0
- package/dist/ui/table.js.map +1 -0
- package/dist/ui/tabs.d.ts +24 -0
- package/dist/ui/tabs.d.ts.map +1 -0
- package/dist/ui/tabs.js +41 -0
- package/dist/ui/tabs.js.map +1 -0
- package/dist/ui/text.d.ts +16 -0
- package/dist/ui/text.d.ts.map +1 -0
- package/dist/ui/text.js +16 -0
- package/dist/ui/text.js.map +1 -0
- package/dist/ui/textarea.d.ts +12 -0
- package/dist/ui/textarea.d.ts.map +1 -0
- package/dist/ui/textarea.js +16 -0
- package/dist/ui/textarea.js.map +1 -0
- package/dist/ui/time-picker.d.ts +22 -0
- package/dist/ui/time-picker.d.ts.map +1 -0
- package/dist/ui/time-picker.js +82 -0
- package/dist/ui/time-picker.js.map +1 -0
- package/dist/ui/toast.d.ts +20 -0
- package/dist/ui/toast.d.ts.map +1 -0
- package/dist/ui/toast.js +63 -0
- package/dist/ui/toast.js.map +1 -0
- package/dist/ui/toaster.d.ts +7 -0
- package/dist/ui/toaster.d.ts.map +1 -0
- package/dist/ui/toaster.js +28 -0
- package/dist/ui/toaster.js.map +1 -0
- package/dist/ui/toggle-group.d.ts +24 -0
- package/dist/ui/toggle-group.d.ts.map +1 -0
- package/dist/ui/toggle-group.js +49 -0
- package/dist/ui/toggle-group.js.map +1 -0
- package/dist/ui/toggle.d.ts +20 -0
- package/dist/ui/toggle.d.ts.map +1 -0
- package/dist/ui/toggle.js +42 -0
- package/dist/ui/toggle.js.map +1 -0
- package/dist/ui/tooltip.d.ts +24 -0
- package/dist/ui/tooltip.d.ts.map +1 -0
- package/dist/ui/tooltip.js +41 -0
- package/dist/ui/tooltip.js.map +1 -0
- package/dist/ui/typography.d.ts +65 -0
- package/dist/ui/typography.d.ts.map +1 -0
- package/dist/ui/typography.js +87 -0
- package/dist/ui/typography.js.map +1 -0
- package/dist/ui/use-media-query.d.ts +5 -0
- package/dist/ui/use-media-query.d.ts.map +1 -0
- package/dist/ui/use-media-query.js +20 -0
- package/dist/ui/use-media-query.js.map +1 -0
- package/dist/ui/use-mobile.d.ts +5 -0
- package/dist/ui/use-mobile.d.ts.map +1 -0
- package/dist/ui/use-mobile.js +21 -0
- package/dist/ui/use-mobile.js.map +1 -0
- package/dist/ui/use-reduced-motion.d.ts +5 -0
- package/dist/ui/use-reduced-motion.d.ts.map +1 -0
- package/dist/ui/use-reduced-motion.js +18 -0
- package/dist/ui/use-reduced-motion.js.map +1 -0
- package/dist/ui/use-toast.d.ts +50 -0
- package/dist/ui/use-toast.d.ts.map +1 -0
- package/dist/ui/use-toast.js +123 -0
- package/dist/ui/use-toast.js.map +1 -0
- package/dist/ui/useListState.d.ts +34 -0
- package/dist/ui/useListState.d.ts.map +1 -0
- package/dist/ui/useListState.js +75 -0
- package/dist/ui/useListState.js.map +1 -0
- package/dist/ui/usecases/UseCaseCard.d.ts +19 -0
- package/dist/ui/usecases/UseCaseCard.d.ts.map +1 -0
- package/dist/ui/usecases/UseCaseCard.js +35 -0
- package/dist/ui/usecases/UseCaseCard.js.map +1 -0
- package/dist/ui/usecases/UserStoryCard.d.ts +15 -0
- package/dist/ui/usecases/UserStoryCard.d.ts.map +1 -0
- package/dist/ui/usecases/UserStoryCard.js +36 -0
- package/dist/ui/usecases/UserStoryCard.js.map +1 -0
- package/dist/ui/usecases/index.d.ts +3 -0
- package/dist/ui/usecases/index.js +4 -0
- package/dist/ui/utils.d.ts +7 -0
- package/dist/ui/utils.d.ts.map +1 -0
- package/dist/ui/utils.js +11 -0
- package/dist/ui/utils.js.map +1 -0
- package/dist/ui/visually-hidden.d.ts +10 -0
- package/dist/ui/visually-hidden.d.ts.map +1 -0
- package/dist/ui/visually-hidden.js +31 -0
- package/dist/ui/visually-hidden.js.map +1 -0
- package/package.json +222 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"live-region.d.ts","names":[],"sources":["../../ui/live-region.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,oBAAA;UAQF,wBAAA;wCAC8B;AATxC;AAQU,iBAOM,eAAA,CAAA,CAPkB,EAOH,wBAN6B;AAM5C,iBAOA,oBAAA,CAPe;EAAA;CAAA,EAAA;EAOf,QAAA,EAGJ,OAAA,CAAM,SAHkB;CAClC,CAAA,EAGD,oBAAA,CAAA,GAAA,CAAA,OAHC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
import * as React$1 from "react";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
|
|
7
|
+
//#region ui/live-region.tsx
|
|
8
|
+
const SRLiveRegionContext = React$1.createContext(null);
|
|
9
|
+
function useSRLiveRegion() {
|
|
10
|
+
const ctx = React$1.useContext(SRLiveRegionContext);
|
|
11
|
+
if (!ctx) throw new Error("useSRLiveRegion must be used within SRLiveRegionProvider");
|
|
12
|
+
return ctx;
|
|
13
|
+
}
|
|
14
|
+
function SRLiveRegionProvider({ children }) {
|
|
15
|
+
const [messages, setMessages] = React$1.useState([]);
|
|
16
|
+
const idRef = React$1.useRef(0);
|
|
17
|
+
const announce = React$1.useCallback((text, politeness = "polite") => {
|
|
18
|
+
const id = ++idRef.current;
|
|
19
|
+
setMessages((prev) => [...prev, {
|
|
20
|
+
id,
|
|
21
|
+
text,
|
|
22
|
+
politeness
|
|
23
|
+
}]);
|
|
24
|
+
setTimeout(() => setMessages((prev) => prev.filter((m) => m.id !== id)), 1e3);
|
|
25
|
+
}, []);
|
|
26
|
+
return /* @__PURE__ */ jsxs(SRLiveRegionContext.Provider, {
|
|
27
|
+
value: { announce },
|
|
28
|
+
children: [
|
|
29
|
+
children,
|
|
30
|
+
/* @__PURE__ */ jsx("div", {
|
|
31
|
+
"aria-live": "polite",
|
|
32
|
+
"aria-atomic": "true",
|
|
33
|
+
className: "sr-only",
|
|
34
|
+
children: messages.filter((m) => m.politeness === "polite").map((m) => /* @__PURE__ */ jsx("div", { children: m.text }, m.id))
|
|
35
|
+
}),
|
|
36
|
+
/* @__PURE__ */ jsx("div", {
|
|
37
|
+
"aria-live": "assertive",
|
|
38
|
+
"aria-atomic": "true",
|
|
39
|
+
className: "sr-only",
|
|
40
|
+
children: messages.filter((m) => m.politeness === "assertive").map((m) => /* @__PURE__ */ jsx("div", { children: m.text }, m.id))
|
|
41
|
+
})
|
|
42
|
+
]
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
//#endregion
|
|
47
|
+
export { SRLiveRegionProvider, useSRLiveRegion };
|
|
48
|
+
//# sourceMappingURL=live-region.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"live-region.js","names":["React"],"sources":["../../ui/live-region.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport type LiveRegionPoliteness = 'polite' | 'assertive';\n\ninterface LiveRegionMessage {\n id: number;\n text: string;\n politeness: LiveRegionPoliteness;\n}\n\ninterface SRLiveRegionContextValue {\n announce: (text: string, politeness?: LiveRegionPoliteness) => void;\n}\n\nconst SRLiveRegionContext =\n React.createContext<SRLiveRegionContextValue | null>(null);\n\nexport function useSRLiveRegion() {\n const ctx = React.useContext(SRLiveRegionContext);\n if (!ctx)\n throw new Error('useSRLiveRegion must be used within SRLiveRegionProvider');\n return ctx;\n}\n\nexport function SRLiveRegionProvider({\n children,\n}: {\n children: React.ReactNode;\n}) {\n const [messages, setMessages] = React.useState<LiveRegionMessage[]>([]);\n const idRef = React.useRef(0);\n\n const announce = React.useCallback(\n (text: string, politeness: LiveRegionPoliteness = 'polite') => {\n const id = ++idRef.current;\n setMessages((prev) => [...prev, { id, text, politeness }]);\n // Remove message after render tick to avoid accumulation\n setTimeout(\n () => setMessages((prev) => prev.filter((m) => m.id !== id)),\n 1000\n );\n },\n []\n );\n\n return (\n <SRLiveRegionContext.Provider value={{ announce }}>\n {children}\n <div aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n {messages\n .filter((m) => m.politeness === 'polite')\n .map((m) => (\n <div key={m.id}>{m.text}</div>\n ))}\n </div>\n <div aria-live=\"assertive\" aria-atomic=\"true\" className=\"sr-only\">\n {messages\n .filter((m) => m.politeness === 'assertive')\n .map((m) => (\n <div key={m.id}>{m.text}</div>\n ))}\n </div>\n </SRLiveRegionContext.Provider>\n );\n}\n"],"mappings":";;;;;;;AAgBA,MAAM,sBACJA,QAAM,cAA+C,KAAK;AAE5D,SAAgB,kBAAkB;CAChC,MAAM,MAAMA,QAAM,WAAW,oBAAoB;AACjD,KAAI,CAAC,IACH,OAAM,IAAI,MAAM,2DAA2D;AAC7E,QAAO;;AAGT,SAAgB,qBAAqB,EACnC,YAGC;CACD,MAAM,CAAC,UAAU,eAAeA,QAAM,SAA8B,EAAE,CAAC;CACvE,MAAM,QAAQA,QAAM,OAAO,EAAE;CAE7B,MAAM,WAAWA,QAAM,aACpB,MAAc,aAAmC,aAAa;EAC7D,MAAM,KAAK,EAAE,MAAM;AACnB,eAAa,SAAS,CAAC,GAAG,MAAM;GAAE;GAAI;GAAM;GAAY,CAAC,CAAC;AAE1D,mBACQ,aAAa,SAAS,KAAK,QAAQ,MAAM,EAAE,OAAO,GAAG,CAAC,EAC5D,IACD;IAEH,EAAE,CACH;AAED,QACE,qBAAC,oBAAoB;EAAS,OAAO,EAAE,UAAU;;GAC9C;GACD,oBAAC;IAAI,aAAU;IAAS,eAAY;IAAO,WAAU;cAClD,SACE,QAAQ,MAAM,EAAE,eAAe,SAAS,CACxC,KAAK,MACJ,oBAAC,mBAAgB,EAAE,QAAT,EAAE,GAAkB,CAC9B;KACA;GACN,oBAAC;IAAI,aAAU;IAAY,eAAY;IAAO,WAAU;cACrD,SACE,QAAQ,MAAM,EAAE,eAAe,YAAY,CAC3C,KAAK,MACJ,oBAAC,mBAAgB,EAAE,QAAT,EAAE,GAAkB,CAC9B;KACA;;GACuB"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ButtonProps } from "./button.js";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import * as react_jsx_runtime17 from "react/jsx-runtime";
|
|
4
|
+
|
|
5
|
+
//#region ui/loading-button.d.ts
|
|
6
|
+
interface LoadingButtonProps extends ButtonProps {
|
|
7
|
+
isLoading?: boolean;
|
|
8
|
+
loadingText?: string;
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
declare function LoadingButton({
|
|
12
|
+
isLoading,
|
|
13
|
+
loadingText,
|
|
14
|
+
children,
|
|
15
|
+
disabled,
|
|
16
|
+
...props
|
|
17
|
+
}: LoadingButtonProps): react_jsx_runtime17.JSX.Element;
|
|
18
|
+
//#endregion
|
|
19
|
+
export { LoadingButton };
|
|
20
|
+
//# sourceMappingURL=loading-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loading-button.d.ts","names":[],"sources":["../../ui/loading-button.tsx"],"sourcesContent":[],"mappings":";;;;;UAOU,kBAAA,SAA2B;;;EAA3B,QAAA,EAGE,KAAA,CAAM,SAHW;AAM7B;AACE,iBADc,aAAA,CACd;EAAA,SAAA;EAAA,WAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAKC,kBALD,CAAA,EAKmB,mBAAA,CAAA,GAAA,CAAA,OALnB"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Button } from "./button.js";
|
|
2
|
+
import { HStack } from "./stack.js";
|
|
3
|
+
import { Text } from "./text.js";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
|
|
7
|
+
//#region ui/loading-button.tsx
|
|
8
|
+
function LoadingButton({ isLoading = false, loadingText, children, disabled,...props }) {
|
|
9
|
+
return /* @__PURE__ */ jsx(Button, {
|
|
10
|
+
disabled: disabled || isLoading,
|
|
11
|
+
...props,
|
|
12
|
+
children: isLoading ? /* @__PURE__ */ jsx(HStack, {
|
|
13
|
+
className: "items-center gap-x-2",
|
|
14
|
+
children: /* @__PURE__ */ jsx(Text, { children: loadingText || "Loading..." })
|
|
15
|
+
}) : children
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
//#endregion
|
|
20
|
+
export { LoadingButton };
|
|
21
|
+
//# sourceMappingURL=loading-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loading-button.js","names":[],"sources":["../../ui/loading-button.tsx"],"sourcesContent":["import React from 'react';\n// import { ActivityIndicator } from 'react-native';\nimport type { ButtonProps } from './button';\nimport { Button } from './button';\nimport { Text } from './text';\nimport { HStack } from './stack';\n\ninterface LoadingButtonProps extends ButtonProps {\n isLoading?: boolean;\n loadingText?: string;\n children: React.ReactNode;\n}\n\nexport function LoadingButton({\n isLoading = false,\n loadingText,\n children,\n disabled,\n ...props\n}: LoadingButtonProps) {\n return (\n <Button disabled={disabled || isLoading} {...props}>\n {isLoading ? (\n <HStack className=\"items-center gap-x-2\">\n {/*<ActivityIndicator*/}\n {/* size=\"small\"*/}\n {/* color={props.variant === 'outline' ? '#6b7280' : '#ffffff'}*/}\n {/*/>*/}\n <Text>{loadingText || 'Loading...'}</Text>\n </HStack>\n ) : (\n children\n )}\n </Button>\n );\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,cAAc,EAC5B,YAAY,OACZ,aACA,UACA,SACA,GAAG,SACkB;AACrB,QACE,oBAAC;EAAO,UAAU,YAAY;EAAW,GAAI;YAC1C,YACC,oBAAC;GAAO,WAAU;aAKhB,oBAAC,kBAAM,eAAe,eAAoB;IACnC,GAET;GAEK"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from "react";
|
|
2
|
+
import * as react_jsx_runtime207 from "react/jsx-runtime";
|
|
3
|
+
import { MapRef } from "react-map-gl/maplibre";
|
|
4
|
+
|
|
5
|
+
//#region ui/map/MapBase.d.ts
|
|
6
|
+
interface BBox {
|
|
7
|
+
minLng: number;
|
|
8
|
+
minLat: number;
|
|
9
|
+
maxLng: number;
|
|
10
|
+
maxLat: number;
|
|
11
|
+
}
|
|
12
|
+
interface MapBaseProps {
|
|
13
|
+
initialViewState?: {
|
|
14
|
+
longitude: number;
|
|
15
|
+
latitude: number;
|
|
16
|
+
zoom: number;
|
|
17
|
+
};
|
|
18
|
+
styleUrl?: string;
|
|
19
|
+
style?: CSSProperties;
|
|
20
|
+
showControls?: boolean;
|
|
21
|
+
showCssLink?: boolean;
|
|
22
|
+
onMoveEnd?: (bbox: BBox) => void;
|
|
23
|
+
onMapRef?: (ref: MapRef | null) => void;
|
|
24
|
+
children?: ReactNode;
|
|
25
|
+
}
|
|
26
|
+
declare function MapBase(props: MapBaseProps): react_jsx_runtime207.JSX.Element;
|
|
27
|
+
//#endregion
|
|
28
|
+
export { BBox, MapBase, MapBase as default, MapBaseProps };
|
|
29
|
+
//# sourceMappingURL=MapBase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MapBase.d.ts","names":[],"sources":["../../../ui/map/MapBase.tsx"],"sourcesContent":[],"mappings":";;;;;UAaiB,IAAA;;;EAAA,MAAA,EAAI,MAAA;EAOJ,MAAA,EAAA,MAAA;;AAMI,UANJ,YAAA,CAMI;EACF,gBAAA,CAAA,EAAA;IACN,SAAA,EAAA,MAAA;IAAS,QAAA,EAAA,MAAA;IAGN,IAAA,EAAO,MAAA;;;UARb;;;qBAGW;mBACF;aACN;;iBAGG,OAAA,QAAe,eAAY,oBAAA,CAAA,GAAA,CAAA"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
import * as React$1 from "react";
|
|
5
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
import Map, { NavigationControl, ScaleControl } from "react-map-gl/maplibre";
|
|
7
|
+
|
|
8
|
+
//#region ui/map/MapBase.tsx
|
|
9
|
+
const DEFAULT_STYLE = "https://basemaps.cartocdn.com/gl/positron-gl-style/style.json";
|
|
10
|
+
function MapBase(props) {
|
|
11
|
+
const { initialViewState = {
|
|
12
|
+
longitude: 2.3522,
|
|
13
|
+
latitude: 48.8566,
|
|
14
|
+
zoom: 5
|
|
15
|
+
}, styleUrl = DEFAULT_STYLE, style, showControls = true, showCssLink = true, onMoveEnd, onMapRef, children } = props;
|
|
16
|
+
const mapRef = React$1.useRef(null);
|
|
17
|
+
React$1.useEffect(() => {
|
|
18
|
+
onMapRef?.(mapRef.current);
|
|
19
|
+
}, [mapRef.current]);
|
|
20
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
21
|
+
style: {
|
|
22
|
+
position: "relative",
|
|
23
|
+
width: "100%",
|
|
24
|
+
height: "100%",
|
|
25
|
+
...style || {}
|
|
26
|
+
},
|
|
27
|
+
children: [showCssLink && /* @__PURE__ */ jsx("link", {
|
|
28
|
+
href: "https://unpkg.com/maplibre-gl@4.7.0/dist/maplibre-gl.css",
|
|
29
|
+
rel: "stylesheet"
|
|
30
|
+
}), /* @__PURE__ */ jsxs(Map, {
|
|
31
|
+
ref: mapRef,
|
|
32
|
+
mapLib: import("maplibre-gl"),
|
|
33
|
+
initialViewState,
|
|
34
|
+
style: {
|
|
35
|
+
width: "100%",
|
|
36
|
+
height: "100%"
|
|
37
|
+
},
|
|
38
|
+
mapStyle: styleUrl,
|
|
39
|
+
maplibreLogo: false,
|
|
40
|
+
children: [showControls && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ScaleControl, { position: "bottom-left" }), /* @__PURE__ */ jsx(NavigationControl, { position: "bottom-left" })] }), children]
|
|
41
|
+
})]
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
var MapBase_default = MapBase;
|
|
45
|
+
|
|
46
|
+
//#endregion
|
|
47
|
+
export { MapBase, MapBase_default as default };
|
|
48
|
+
//# sourceMappingURL=MapBase.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MapBase.js","names":["React"],"sources":["../../../ui/map/MapBase.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { CSSProperties, ReactNode } from 'react';\nimport Map, {\n type MapRef,\n NavigationControl,\n ScaleControl,\n} from 'react-map-gl/maplibre';\n\nconst DEFAULT_STYLE =\n 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json';\n\nexport interface BBox {\n minLng: number;\n minLat: number;\n maxLng: number;\n maxLat: number;\n}\n\nexport interface MapBaseProps {\n initialViewState?: { longitude: number; latitude: number; zoom: number };\n styleUrl?: string;\n style?: CSSProperties;\n showControls?: boolean;\n showCssLink?: boolean;\n onMoveEnd?: (bbox: BBox) => void;\n onMapRef?: (ref: MapRef | null) => void;\n children?: ReactNode;\n}\n\nexport function MapBase(props: MapBaseProps) {\n const {\n initialViewState = { longitude: 2.3522, latitude: 48.8566, zoom: 5 },\n styleUrl = DEFAULT_STYLE,\n style,\n showControls = true,\n showCssLink = true,\n onMoveEnd,\n onMapRef,\n children,\n } = props;\n\n const mapRef = React.useRef<MapRef | null>(null);\n\n React.useEffect(() => {\n onMapRef?.(mapRef.current);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [mapRef.current]);\n\n // const handleMoveEnd = React.useCallback(() => {\n // if (!onMoveEnd) return;\n // const b = mapRef.current?.getBounds();\n // if (!b) return;\n // // maplibre-gl bounds → [[minLng,minLat],[maxLng,maxLat]]\n // const arr = (b as any).toArray?.() as [number, number][] | undefined;\n // if (!arr || arr.length < 2) return;\n // const [sw, ne] = arr;\n // onMoveEnd({ minLng: sw[0], minLat: sw[1], maxLng: ne[0], maxLat: ne[1] });\n // }, [onMoveEnd]);\n\n return (\n <div\n style={{\n position: 'relative',\n width: '100%',\n height: '100%',\n ...(style || {}),\n }}\n >\n {showCssLink && (\n <link\n href=\"https://unpkg.com/maplibre-gl@4.7.0/dist/maplibre-gl.css\"\n rel=\"stylesheet\"\n />\n )}\n <Map\n ref={mapRef}\n mapLib={import('maplibre-gl') as unknown as any}\n initialViewState={initialViewState}\n style={{ width: '100%', height: '100%' }}\n mapStyle={styleUrl}\n // onMoveEnd={handleMoveEnd}\n maplibreLogo={false}\n >\n {showControls && (\n <>\n <ScaleControl position=\"bottom-left\" />\n <NavigationControl position=\"bottom-left\" />\n </>\n )}\n {children}\n </Map>\n </div>\n );\n}\n\nexport default MapBase;\n"],"mappings":";;;;;;;;AAUA,MAAM,gBACJ;AAoBF,SAAgB,QAAQ,OAAqB;CAC3C,MAAM,EACJ,mBAAmB;EAAE,WAAW;EAAQ,UAAU;EAAS,MAAM;EAAG,EACpE,WAAW,eACX,OACA,eAAe,MACf,cAAc,MACd,WACA,UACA,aACE;CAEJ,MAAM,SAASA,QAAM,OAAsB,KAAK;AAEhD,SAAM,gBAAgB;AACpB,aAAW,OAAO,QAAQ;IAEzB,CAAC,OAAO,QAAQ,CAAC;AAapB,QACE,qBAAC;EACC,OAAO;GACL,UAAU;GACV,OAAO;GACP,QAAQ;GACR,GAAI,SAAS,EAAE;GAChB;aAEA,eACC,oBAAC;GACC,MAAK;GACL,KAAI;IACJ,EAEJ,qBAAC;GACC,KAAK;GACL,QAAQ,OAAO;GACG;GAClB,OAAO;IAAE,OAAO;IAAQ,QAAQ;IAAQ;GACxC,UAAU;GAEV,cAAc;cAEb,gBACC,4CACE,oBAAC,gBAAa,UAAS,gBAAgB,EACvC,oBAAC,qBAAkB,UAAS,gBAAgB,IAC3C,EAEJ;IACG;GACF;;AAIV,sBAAe"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as react_jsx_runtime208 from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region ui/map/MapGeoJsonOverlay.d.ts
|
|
4
|
+
interface GeoJsonOverlayProps {
|
|
5
|
+
id?: string;
|
|
6
|
+
data: GeoJSON.FeatureCollection;
|
|
7
|
+
fillColor?: string;
|
|
8
|
+
fillOpacity?: number;
|
|
9
|
+
lineColor?: string;
|
|
10
|
+
lineWidth?: number;
|
|
11
|
+
lineOpacity?: number;
|
|
12
|
+
}
|
|
13
|
+
declare function MapGeoJsonOverlay(props: GeoJsonOverlayProps): react_jsx_runtime208.JSX.Element;
|
|
14
|
+
//#endregion
|
|
15
|
+
export { GeoJsonOverlayProps, MapGeoJsonOverlay, MapGeoJsonOverlay as default };
|
|
16
|
+
//# sourceMappingURL=MapGeoJsonOverlay.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MapGeoJsonOverlay.d.ts","names":[],"sources":["../../../ui/map/MapGeoJsonOverlay.tsx"],"sourcesContent":[],"mappings":";;;UAKiB,mBAAA;;QAET,OAAA,CAAQ;EAFC,SAAA,CAAA,EAAA,MAAA;EAUD,WAAA,CAAA,EAAA,MAAiB;;;;;iBAAjB,iBAAA,QAAyB,sBAAmB,oBAAA,CAAA,GAAA,CAAA"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
import { Layer, Source } from "react-map-gl/maplibre";
|
|
7
|
+
|
|
8
|
+
//#region ui/map/MapGeoJsonOverlay.tsx
|
|
9
|
+
function MapGeoJsonOverlay(props) {
|
|
10
|
+
const { id = "geojson-overlay", data, fillColor = "#2563eb", fillOpacity = .25, lineColor = "#1e40af", lineWidth = 1.5, lineOpacity = .8 } = props;
|
|
11
|
+
const fillLayer = {
|
|
12
|
+
id: `${id}-fill`,
|
|
13
|
+
type: "fill",
|
|
14
|
+
paint: {
|
|
15
|
+
"fill-color": fillColor,
|
|
16
|
+
"fill-opacity": fillOpacity
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
const outlineLayer = {
|
|
20
|
+
id: `${id}-outline`,
|
|
21
|
+
type: "line",
|
|
22
|
+
paint: {
|
|
23
|
+
"line-color": lineColor,
|
|
24
|
+
"line-width": lineWidth,
|
|
25
|
+
"line-opacity": lineOpacity
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
return /* @__PURE__ */ jsxs(Source, {
|
|
29
|
+
id,
|
|
30
|
+
type: "geojson",
|
|
31
|
+
data,
|
|
32
|
+
children: [/* @__PURE__ */ jsx(Layer, { ...fillLayer }), /* @__PURE__ */ jsx(Layer, { ...outlineLayer })]
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
var MapGeoJsonOverlay_default = MapGeoJsonOverlay;
|
|
36
|
+
|
|
37
|
+
//#endregion
|
|
38
|
+
export { MapGeoJsonOverlay, MapGeoJsonOverlay_default as default };
|
|
39
|
+
//# sourceMappingURL=MapGeoJsonOverlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MapGeoJsonOverlay.js","names":["fillLayer: any","outlineLayer: any"],"sources":["../../../ui/map/MapGeoJsonOverlay.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Layer, Source } from 'react-map-gl/maplibre';\n\nexport interface GeoJsonOverlayProps {\n id?: string;\n data: GeoJSON.FeatureCollection;\n fillColor?: string;\n fillOpacity?: number;\n lineColor?: string;\n lineWidth?: number;\n lineOpacity?: number;\n}\n\nexport function MapGeoJsonOverlay(props: GeoJsonOverlayProps) {\n const {\n id = 'geojson-overlay',\n data,\n fillColor = '#2563eb',\n fillOpacity = 0.25,\n lineColor = '#1e40af',\n lineWidth = 1.5,\n lineOpacity = 0.8,\n } = props;\n\n const fillLayer: any = {\n id: `${id}-fill`,\n type: 'fill',\n paint: {\n 'fill-color': fillColor,\n 'fill-opacity': fillOpacity,\n },\n };\n\n const outlineLayer: any = {\n id: `${id}-outline`,\n type: 'line',\n paint: {\n 'line-color': lineColor,\n 'line-width': lineWidth,\n 'line-opacity': lineOpacity,\n },\n };\n\n return (\n <Source id={id} type=\"geojson\" data={data as any}>\n <Layer {...fillLayer} />\n <Layer {...outlineLayer} />\n </Source>\n );\n}\n\nexport default MapGeoJsonOverlay;\n"],"mappings":";;;;;;;;AAeA,SAAgB,kBAAkB,OAA4B;CAC5D,MAAM,EACJ,KAAK,mBACL,MACA,YAAY,WACZ,cAAc,KACd,YAAY,WACZ,YAAY,KACZ,cAAc,OACZ;CAEJ,MAAMA,YAAiB;EACrB,IAAI,GAAG,GAAG;EACV,MAAM;EACN,OAAO;GACL,cAAc;GACd,gBAAgB;GACjB;EACF;CAED,MAAMC,eAAoB;EACxB,IAAI,GAAG,GAAG;EACV,MAAM;EACN,OAAO;GACL,cAAc;GACd,cAAc;GACd,gBAAgB;GACjB;EACF;AAED,QACE,qBAAC;EAAW;EAAI,MAAK;EAAgB;aACnC,oBAAC,SAAM,GAAI,YAAa,EACxB,oBAAC,SAAM,GAAI,eAAgB;GACpB;;AAIb,gCAAe"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as react_jsx_runtime206 from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region ui/map/MapHeatmapH3.d.ts
|
|
4
|
+
interface H3FeatureProperties {
|
|
5
|
+
id: string;
|
|
6
|
+
h3Index?: string;
|
|
7
|
+
count: number;
|
|
8
|
+
}
|
|
9
|
+
interface H3HeatmapProps {
|
|
10
|
+
id?: string;
|
|
11
|
+
data: GeoJSON.FeatureCollection<GeoJSON.Polygon | GeoJSON.MultiPolygon, H3FeatureProperties>;
|
|
12
|
+
colorStops?: [number, string][];
|
|
13
|
+
maxCount?: number;
|
|
14
|
+
}
|
|
15
|
+
declare function MapHeatmapH3(props: H3HeatmapProps): react_jsx_runtime206.JSX.Element;
|
|
16
|
+
//#endregion
|
|
17
|
+
export { H3FeatureProperties, H3HeatmapProps, MapHeatmapH3, MapHeatmapH3 as default };
|
|
18
|
+
//# sourceMappingURL=MapHeatmapH3.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MapHeatmapH3.d.ts","names":[],"sources":["../../../ui/map/MapHeatmapH3.tsx"],"sourcesContent":[],"mappings":";;;UAKiB,mBAAA;;;EAAA,KAAA,EAAA,MAAA;AAMjB;AAGI,UAHa,cAAA,CAGL;EAAU,EAAA,CAAA,EAAQ,MAAA;EAC1B,IAAA,EAFI,OAAA,CAAQ,iBAEZ,CADA,OAAA,CAAQ,OACR,GADkB,OAAA,CAAQ,YAC1B,EAAA,mBAAA,CAAA;EAFI,UAAQ,CAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA;EAAiB,QAAA,CAAA,EAAA,MAAA;AAwBjC;iBAAgB,YAAA,QAAoB,iBAAc,oBAAA,CAAA,GAAA,CAAA"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
import { Layer, Source } from "react-map-gl/maplibre";
|
|
7
|
+
|
|
8
|
+
//#region ui/map/MapHeatmapH3.tsx
|
|
9
|
+
function buildChoroplethPaint(stops, maxCount) {
|
|
10
|
+
const scaleStops = (stops || []).map(([c, col]) => [c, col]);
|
|
11
|
+
return {
|
|
12
|
+
"fill-color": [
|
|
13
|
+
"interpolate",
|
|
14
|
+
["linear"],
|
|
15
|
+
["get", "count"],
|
|
16
|
+
...scaleStops.flat()
|
|
17
|
+
],
|
|
18
|
+
"fill-opacity": .6
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
function MapHeatmapH3(props) {
|
|
22
|
+
const { id = "h3-heatmap", data, colorStops = [
|
|
23
|
+
[0, "#22c55e"],
|
|
24
|
+
[5, "#eab308"],
|
|
25
|
+
[10, "#ef4444"]
|
|
26
|
+
], maxCount } = props;
|
|
27
|
+
const fillLayer = {
|
|
28
|
+
id: `${id}-fill`,
|
|
29
|
+
type: "fill",
|
|
30
|
+
paint: buildChoroplethPaint(colorStops, maxCount)
|
|
31
|
+
};
|
|
32
|
+
const lineLayer = {
|
|
33
|
+
id: `${id}-outline`,
|
|
34
|
+
type: "line",
|
|
35
|
+
paint: {
|
|
36
|
+
"line-color": "#ffffff",
|
|
37
|
+
"line-width": .25,
|
|
38
|
+
"line-opacity": .25
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
return /* @__PURE__ */ jsxs(Source, {
|
|
42
|
+
id,
|
|
43
|
+
type: "geojson",
|
|
44
|
+
data,
|
|
45
|
+
children: [/* @__PURE__ */ jsx(Layer, { ...fillLayer }), /* @__PURE__ */ jsx(Layer, { ...lineLayer })]
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
var MapHeatmapH3_default = MapHeatmapH3;
|
|
49
|
+
|
|
50
|
+
//#endregion
|
|
51
|
+
export { MapHeatmapH3, MapHeatmapH3_default as default };
|
|
52
|
+
//# sourceMappingURL=MapHeatmapH3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MapHeatmapH3.js","names":["fillLayer: any","lineLayer: any"],"sources":["../../../ui/map/MapHeatmapH3.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Layer, Source } from 'react-map-gl/maplibre';\n\nexport interface H3FeatureProperties {\n id: string;\n h3Index?: string;\n count: number;\n}\n\nexport interface H3HeatmapProps {\n id?: string;\n data: GeoJSON.FeatureCollection<\n GeoJSON.Polygon | GeoJSON.MultiPolygon,\n H3FeatureProperties\n >;\n colorStops?: [number, string][]; // [count, color]\n maxCount?: number; // for normalization\n}\n\nfunction buildChoroplethPaint(\n stops: [number, string][],\n maxCount: number | undefined\n) {\n const scaleStops = (stops || []).map(([c, col]) => [c, col]);\n return {\n 'fill-color': [\n 'interpolate',\n ['linear'],\n ['get', 'count'],\n ...scaleStops.flat(),\n ],\n 'fill-opacity': 0.6,\n } as const;\n}\n\nexport function MapHeatmapH3(props: H3HeatmapProps) {\n const {\n id = 'h3-heatmap',\n data,\n colorStops = [\n [0, '#22c55e'],\n [5, '#eab308'],\n [10, '#ef4444'],\n ],\n maxCount,\n } = props;\n\n const fillLayer: any = {\n id: `${id}-fill`,\n type: 'fill',\n paint: buildChoroplethPaint(colorStops, maxCount),\n };\n\n const lineLayer: any = {\n id: `${id}-outline`,\n type: 'line',\n paint: {\n 'line-color': '#ffffff',\n 'line-width': 0.25,\n 'line-opacity': 0.25,\n },\n };\n\n return (\n <Source id={id} type=\"geojson\" data={data as any}>\n <Layer {...fillLayer} />\n <Layer {...lineLayer} />\n </Source>\n );\n}\n\nexport default MapHeatmapH3;\n"],"mappings":";;;;;;;;AAqBA,SAAS,qBACP,OACA,UACA;CACA,MAAM,cAAc,SAAS,EAAE,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,GAAG,IAAI,CAAC;AAC5D,QAAO;EACL,cAAc;GACZ;GACA,CAAC,SAAS;GACV,CAAC,OAAO,QAAQ;GAChB,GAAG,WAAW,MAAM;GACrB;EACD,gBAAgB;EACjB;;AAGH,SAAgB,aAAa,OAAuB;CAClD,MAAM,EACJ,KAAK,cACL,MACA,aAAa;EACX,CAAC,GAAG,UAAU;EACd,CAAC,GAAG,UAAU;EACd,CAAC,IAAI,UAAU;EAChB,EACD,aACE;CAEJ,MAAMA,YAAiB;EACrB,IAAI,GAAG,GAAG;EACV,MAAM;EACN,OAAO,qBAAqB,YAAY,SAAS;EAClD;CAED,MAAMC,YAAiB;EACrB,IAAI,GAAG,GAAG;EACV,MAAM;EACN,OAAO;GACL,cAAc;GACd,cAAc;GACd,gBAAgB;GACjB;EACF;AAED,QACE,qBAAC;EAAW;EAAI,MAAK;EAAgB;aACnC,oBAAC,SAAM,GAAI,YAAa,EACxB,oBAAC,SAAM,GAAI,YAAa;GACjB;;AAIb,2BAAe"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as react_jsx_runtime209 from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region ui/map/MapMarkers.d.ts
|
|
4
|
+
interface MapPoint {
|
|
5
|
+
id: string;
|
|
6
|
+
lng: number;
|
|
7
|
+
lat: number;
|
|
8
|
+
color?: string;
|
|
9
|
+
size?: number;
|
|
10
|
+
ariaLabel?: string;
|
|
11
|
+
onClick?: () => void;
|
|
12
|
+
}
|
|
13
|
+
declare function MapMarkers({
|
|
14
|
+
points
|
|
15
|
+
}: {
|
|
16
|
+
points: MapPoint[];
|
|
17
|
+
}): react_jsx_runtime209.JSX.Element;
|
|
18
|
+
//#endregion
|
|
19
|
+
export { MapMarkers, MapMarkers as default, MapPoint };
|
|
20
|
+
//# sourceMappingURL=MapMarkers.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MapMarkers.d.ts","names":[],"sources":["../../../ui/map/MapMarkers.tsx"],"sourcesContent":[],"mappings":";;;UAKiB,QAAA;;;EAAA,GAAA,EAAA,MAAQ;EAUT,KAAA,CAAA,EAAA,MAAU;EAAG,IAAA,CAAA,EAAA,MAAA;EAAoB,SAAA,CAAA,EAAA,MAAA;EAAY,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;;iBAA7C,UAAA;;;UAAiC;IAAY,oBAAA,CAAA,GAAA,CAAA"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
import "react";
|
|
5
|
+
import { Fragment, jsx } from "react/jsx-runtime";
|
|
6
|
+
import { Marker } from "react-map-gl/maplibre";
|
|
7
|
+
|
|
8
|
+
//#region ui/map/MapMarkers.tsx
|
|
9
|
+
function MapMarkers({ points }) {
|
|
10
|
+
return /* @__PURE__ */ jsx(Fragment, { children: points.map((p) => /* @__PURE__ */ jsx(Marker, {
|
|
11
|
+
longitude: p.lng,
|
|
12
|
+
latitude: p.lat,
|
|
13
|
+
anchor: "bottom",
|
|
14
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
15
|
+
role: p.onClick ? "button" : void 0,
|
|
16
|
+
tabIndex: p.onClick ? 0 : -1,
|
|
17
|
+
"aria-label": p.ariaLabel || "marker",
|
|
18
|
+
onClick: p.onClick,
|
|
19
|
+
style: {
|
|
20
|
+
width: p.size ?? 14,
|
|
21
|
+
height: p.size ?? 14,
|
|
22
|
+
background: p.color ?? "#2563eb",
|
|
23
|
+
border: "2px solid white",
|
|
24
|
+
borderRadius: 9999,
|
|
25
|
+
boxShadow: "0 1px 3px rgba(0,0,0,0.35)",
|
|
26
|
+
cursor: p.onClick ? "pointer" : "default"
|
|
27
|
+
}
|
|
28
|
+
})
|
|
29
|
+
}, p.id)) });
|
|
30
|
+
}
|
|
31
|
+
var MapMarkers_default = MapMarkers;
|
|
32
|
+
|
|
33
|
+
//#endregion
|
|
34
|
+
export { MapMarkers, MapMarkers_default as default };
|
|
35
|
+
//# sourceMappingURL=MapMarkers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MapMarkers.js","names":[],"sources":["../../../ui/map/MapMarkers.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Marker } from 'react-map-gl/maplibre';\n\nexport interface MapPoint {\n id: string;\n lng: number;\n lat: number;\n color?: string;\n size?: number;\n ariaLabel?: string;\n onClick?: () => void;\n}\n\nexport function MapMarkers({ points }: { points: MapPoint[] }) {\n return (\n <>\n {points.map((p) => (\n <Marker key={p.id} longitude={p.lng} latitude={p.lat} anchor=\"bottom\">\n <div\n role={p.onClick ? 'button' : undefined}\n tabIndex={p.onClick ? 0 : -1}\n aria-label={p.ariaLabel || 'marker'}\n onClick={p.onClick}\n style={{\n width: p.size ?? 14,\n height: p.size ?? 14,\n background: p.color ?? '#2563eb',\n border: '2px solid white',\n borderRadius: 9999,\n boxShadow: '0 1px 3px rgba(0,0,0,0.35)',\n cursor: p.onClick ? 'pointer' : 'default',\n }}\n />\n </Marker>\n ))}\n </>\n );\n}\n\nexport default MapMarkers;\n"],"mappings":";;;;;;;;AAeA,SAAgB,WAAW,EAAE,UAAkC;AAC7D,QACE,0CACG,OAAO,KAAK,MACX,oBAAC;EAAkB,WAAW,EAAE;EAAK,UAAU,EAAE;EAAK,QAAO;YAC3D,oBAAC;GACC,MAAM,EAAE,UAAU,WAAW;GAC7B,UAAU,EAAE,UAAU,IAAI;GAC1B,cAAY,EAAE,aAAa;GAC3B,SAAS,EAAE;GACX,OAAO;IACL,OAAO,EAAE,QAAQ;IACjB,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,SAAS;IACvB,QAAQ;IACR,cAAc;IACd,WAAW;IACX,QAAQ,EAAE,UAAU,YAAY;IACjC;IACD;IAfS,EAAE,GAgBN,CACT,GACD;;AAIP,yBAAe"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { BBox, MapBase, MapBaseProps } from "./MapBase.js";
|
|
2
|
+
import { GeoJsonOverlayProps, MapGeoJsonOverlay } from "./MapGeoJsonOverlay.js";
|
|
3
|
+
import { H3FeatureProperties, H3HeatmapProps, MapHeatmapH3 } from "./MapHeatmapH3.js";
|
|
4
|
+
import { MapMarkers, MapPoint } from "./MapMarkers.js";
|
|
5
|
+
export { BBox, GeoJsonOverlayProps, H3FeatureProperties, H3HeatmapProps, MapBase, MapBaseProps, MapGeoJsonOverlay, MapHeatmapH3, MapMarkers, MapPoint };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { MapBase } from "./MapBase.js";
|
|
2
|
+
import { MapGeoJsonOverlay } from "./MapGeoJsonOverlay.js";
|
|
3
|
+
import { MapHeatmapH3 } from "./MapHeatmapH3.js";
|
|
4
|
+
import { MapMarkers } from "./MapMarkers.js";
|
|
5
|
+
|
|
6
|
+
export { MapBase, MapGeoJsonOverlay, MapHeatmapH3, MapMarkers };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React$1 from "react";
|
|
2
|
+
import * as react_jsx_runtime246 from "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region ui/marketing/FeatureGrid.d.ts
|
|
5
|
+
interface FeatureItem {
|
|
6
|
+
title: React$1.ReactNode;
|
|
7
|
+
description?: React$1.ReactNode;
|
|
8
|
+
icon?: React$1.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
declare function FeatureGrid({
|
|
11
|
+
items,
|
|
12
|
+
columns,
|
|
13
|
+
className
|
|
14
|
+
}: {
|
|
15
|
+
items: FeatureItem[];
|
|
16
|
+
columns?: 2 | 3 | 4;
|
|
17
|
+
className?: string;
|
|
18
|
+
}): react_jsx_runtime246.JSX.Element;
|
|
19
|
+
//#endregion
|
|
20
|
+
export { FeatureGrid, FeatureItem };
|
|
21
|
+
//# sourceMappingURL=FeatureGrid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeatureGrid.d.ts","names":[],"sources":["../../../ui/marketing/FeatureGrid.tsx"],"sourcesContent":[],"mappings":";;;;UAGiB,WAAA;SACR,OAAA,CAAM;gBACC,OAAA,CAAM;EAFL,IAAA,CAAA,EAGR,OAAA,CAAM,SAHa;;AAEZ,iBAIA,WAAA,CAJM;EAAA,KAAA;EAAA,OAAA;EAAA;CAAA,EAAA;EACb,KAAM,EAQN,WARM,EAAA;EAAS,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,GAAA,CAAA;EAGR,SAAA,CAAA,EAAA,MAAW;CACzB,CAAA,EAOD,oBAAA,CAAA,GAAA,CAAA,OAPC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { cn } from "../utils.js";
|
|
2
|
+
import "react";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
+
|
|
5
|
+
//#region ui/marketing/FeatureGrid.tsx
|
|
6
|
+
function FeatureGrid({ items, columns = 3, className }) {
|
|
7
|
+
const gridCols = columns === 4 ? "md:grid-cols-4" : columns === 2 ? "md:grid-cols-2" : "md:grid-cols-3";
|
|
8
|
+
return /* @__PURE__ */ jsx("section", {
|
|
9
|
+
className: cn("mx-auto max-w-6xl py-12", className),
|
|
10
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
11
|
+
className: cn("grid grid-cols-1 gap-6", gridCols),
|
|
12
|
+
children: items.map((it, idx) => /* @__PURE__ */ jsxs("div", {
|
|
13
|
+
className: "rounded-lg border p-6",
|
|
14
|
+
children: [
|
|
15
|
+
it.icon && /* @__PURE__ */ jsx("div", {
|
|
16
|
+
className: "text-primary mb-3",
|
|
17
|
+
children: it.icon
|
|
18
|
+
}),
|
|
19
|
+
/* @__PURE__ */ jsx("h3", {
|
|
20
|
+
className: "text-lg font-semibold",
|
|
21
|
+
children: it.title
|
|
22
|
+
}),
|
|
23
|
+
it.description && /* @__PURE__ */ jsx("p", {
|
|
24
|
+
className: "text-muted-foreground mt-2 text-base",
|
|
25
|
+
children: it.description
|
|
26
|
+
})
|
|
27
|
+
]
|
|
28
|
+
}, idx))
|
|
29
|
+
})
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
//#endregion
|
|
34
|
+
export { FeatureGrid };
|
|
35
|
+
//# sourceMappingURL=FeatureGrid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeatureGrid.js","names":[],"sources":["../../../ui/marketing/FeatureGrid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../utils';\n\nexport interface FeatureItem {\n title: React.ReactNode;\n description?: React.ReactNode;\n icon?: React.ReactNode;\n}\n\nexport function FeatureGrid({\n items,\n columns = 3,\n className,\n}: {\n items: FeatureItem[];\n columns?: 2 | 3 | 4;\n className?: string;\n}) {\n const gridCols =\n columns === 4\n ? 'md:grid-cols-4'\n : columns === 2\n ? 'md:grid-cols-2'\n : 'md:grid-cols-3';\n return (\n <section className={cn('mx-auto max-w-6xl py-12', className)}>\n <div className={cn('grid grid-cols-1 gap-6', gridCols)}>\n {items.map((it, idx) => (\n <div key={idx} className=\"rounded-lg border p-6\">\n {it.icon && <div className=\"text-primary mb-3\">{it.icon}</div>}\n <h3 className=\"text-lg font-semibold\">{it.title}</h3>\n {it.description && (\n <p className=\"text-muted-foreground mt-2 text-base\">\n {it.description}\n </p>\n )}\n </div>\n ))}\n </div>\n </section>\n );\n}\n"],"mappings":";;;;;AASA,SAAgB,YAAY,EAC1B,OACA,UAAU,GACV,aAKC;CACD,MAAM,WACJ,YAAY,IACR,mBACA,YAAY,IACV,mBACA;AACR,QACE,oBAAC;EAAQ,WAAW,GAAG,2BAA2B,UAAU;YAC1D,oBAAC;GAAI,WAAW,GAAG,0BAA0B,SAAS;aACnD,MAAM,KAAK,IAAI,QACd,qBAAC;IAAc,WAAU;;KACtB,GAAG,QAAQ,oBAAC;MAAI,WAAU;gBAAqB,GAAG;OAAW;KAC9D,oBAAC;MAAG,WAAU;gBAAyB,GAAG;OAAW;KACpD,GAAG,eACF,oBAAC;MAAE,WAAU;gBACV,GAAG;OACF;;MANE,IAQJ,CACN;IACE;GACE"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as React$1 from "react";
|
|
2
|
+
import * as react_jsx_runtime247 from "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region ui/marketing/Hero.d.ts
|
|
5
|
+
declare function Hero({
|
|
6
|
+
title,
|
|
7
|
+
subtitle,
|
|
8
|
+
primaryCta,
|
|
9
|
+
secondaryCta,
|
|
10
|
+
className
|
|
11
|
+
}: {
|
|
12
|
+
title: React$1.ReactNode;
|
|
13
|
+
subtitle?: React$1.ReactNode;
|
|
14
|
+
primaryCta?: {
|
|
15
|
+
label: string;
|
|
16
|
+
href?: string;
|
|
17
|
+
onClick?: () => void;
|
|
18
|
+
};
|
|
19
|
+
secondaryCta?: {
|
|
20
|
+
label: string;
|
|
21
|
+
href?: string;
|
|
22
|
+
onClick?: () => void;
|
|
23
|
+
};
|
|
24
|
+
className?: string;
|
|
25
|
+
}): react_jsx_runtime247.JSX.Element;
|
|
26
|
+
//#endregion
|
|
27
|
+
export { Hero };
|
|
28
|
+
//# sourceMappingURL=Hero.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Hero.d.ts","names":[],"sources":["../../../ui/marketing/Hero.tsx"],"sourcesContent":[],"mappings":";;;;iBAIgB,IAAA;;;;;;;SAOP,OAAA,CAAM;aACF,OAAA,CAAM;EARH,UAAI,CAAA,EAAA;IAClB,KAAA,EAAA,MAAA;IACA,IAAA,CAAA,EAAA,MAAA;IACA,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACA,CAAA;EACA,YAAA,CAAA,EAAA;IAEO,KAAM,EAAA,MAAA;IACF,IAAM,CAAA,EAAA,MAAA;IAIlB,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA;;IAAA,oBAAA,CAAA,GAAA,CAAA"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { cn } from "../utils.js";
|
|
2
|
+
import { Button } from "../button.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
|
|
6
|
+
//#region ui/marketing/Hero.tsx
|
|
7
|
+
function Hero({ title, subtitle, primaryCta, secondaryCta, className }) {
|
|
8
|
+
return /* @__PURE__ */ jsxs("section", {
|
|
9
|
+
className: cn("mx-auto max-w-4xl py-16 text-center", className),
|
|
10
|
+
children: [
|
|
11
|
+
/* @__PURE__ */ jsx("h1", {
|
|
12
|
+
className: "text-4xl font-bold tracking-tight md:text-5xl",
|
|
13
|
+
children: title
|
|
14
|
+
}),
|
|
15
|
+
subtitle && /* @__PURE__ */ jsx("p", {
|
|
16
|
+
className: "text-muted-foreground mt-4 text-lg md:text-xl",
|
|
17
|
+
children: subtitle
|
|
18
|
+
}),
|
|
19
|
+
(primaryCta || secondaryCta) && /* @__PURE__ */ jsxs("div", {
|
|
20
|
+
className: "mt-8 flex items-center justify-center gap-3",
|
|
21
|
+
children: [primaryCta && (primaryCta.href ? /* @__PURE__ */ jsx(Button, {
|
|
22
|
+
asChild: true,
|
|
23
|
+
size: "lg",
|
|
24
|
+
children: /* @__PURE__ */ jsx("a", {
|
|
25
|
+
href: primaryCta.href,
|
|
26
|
+
children: primaryCta.label
|
|
27
|
+
})
|
|
28
|
+
}) : /* @__PURE__ */ jsx(Button, {
|
|
29
|
+
size: "lg",
|
|
30
|
+
onClick: primaryCta.onClick,
|
|
31
|
+
children: primaryCta.label
|
|
32
|
+
})), secondaryCta && (secondaryCta.href ? /* @__PURE__ */ jsx(Button, {
|
|
33
|
+
variant: "outline",
|
|
34
|
+
asChild: true,
|
|
35
|
+
size: "lg",
|
|
36
|
+
children: /* @__PURE__ */ jsx("a", {
|
|
37
|
+
href: secondaryCta.href,
|
|
38
|
+
children: secondaryCta.label
|
|
39
|
+
})
|
|
40
|
+
}) : /* @__PURE__ */ jsx(Button, {
|
|
41
|
+
variant: "outline",
|
|
42
|
+
size: "lg",
|
|
43
|
+
onClick: secondaryCta.onClick,
|
|
44
|
+
children: secondaryCta.label
|
|
45
|
+
}))]
|
|
46
|
+
})
|
|
47
|
+
]
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
//#endregion
|
|
52
|
+
export { Hero };
|
|
53
|
+
//# sourceMappingURL=Hero.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Hero.js","names":[],"sources":["../../../ui/marketing/Hero.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button } from '../button';\nimport { cn } from '../utils';\n\nexport function Hero({\n title,\n subtitle,\n primaryCta,\n secondaryCta,\n className,\n}: {\n title: React.ReactNode;\n subtitle?: React.ReactNode;\n primaryCta?: { label: string; href?: string; onClick?: () => void };\n secondaryCta?: { label: string; href?: string; onClick?: () => void };\n className?: string;\n}) {\n return (\n <section className={cn('mx-auto max-w-4xl py-16 text-center', className)}>\n <h1 className=\"text-4xl font-bold tracking-tight md:text-5xl\">{title}</h1>\n {subtitle && (\n <p className=\"text-muted-foreground mt-4 text-lg md:text-xl\">\n {subtitle}\n </p>\n )}\n {(primaryCta || secondaryCta) && (\n <div className=\"mt-8 flex items-center justify-center gap-3\">\n {primaryCta &&\n (primaryCta.href ? (\n <Button asChild size=\"lg\">\n {}\n <a href={primaryCta.href}>{primaryCta.label}</a>\n </Button>\n ) : (\n <Button size=\"lg\" onClick={primaryCta.onClick}>\n {primaryCta.label}\n </Button>\n ))}\n {secondaryCta &&\n (secondaryCta.href ? (\n <Button variant=\"outline\" asChild size=\"lg\">\n {}\n <a href={secondaryCta.href}>{secondaryCta.label}</a>\n </Button>\n ) : (\n <Button\n variant=\"outline\"\n size=\"lg\"\n onClick={secondaryCta.onClick}\n >\n {secondaryCta.label}\n </Button>\n ))}\n </div>\n )}\n </section>\n );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,KAAK,EACnB,OACA,UACA,YACA,cACA,aAOC;AACD,QACE,qBAAC;EAAQ,WAAW,GAAG,uCAAuC,UAAU;;GACtE,oBAAC;IAAG,WAAU;cAAiD;KAAW;GACzE,YACC,oBAAC;IAAE,WAAU;cACV;KACC;IAEJ,cAAc,iBACd,qBAAC;IAAI,WAAU;eACZ,eACE,WAAW,OACV,oBAAC;KAAO;KAAQ,MAAK;eAEnB,oBAAC;MAAE,MAAM,WAAW;gBAAO,WAAW;OAAU;MACzC,GAET,oBAAC;KAAO,MAAK;KAAK,SAAS,WAAW;eACnC,WAAW;MACL,GAEZ,iBACE,aAAa,OACZ,oBAAC;KAAO,SAAQ;KAAU;KAAQ,MAAK;eAErC,oBAAC;MAAE,MAAM,aAAa;gBAAO,aAAa;OAAU;MAC7C,GAET,oBAAC;KACC,SAAQ;KACR,MAAK;KACL,SAAS,aAAa;eAErB,aAAa;MACP;KAET;;GAEA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as react_jsx_runtime197 from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region ui/marketing/PricingTable.d.ts
|
|
4
|
+
interface PricingTier {
|
|
5
|
+
name: string;
|
|
6
|
+
price: string;
|
|
7
|
+
tagline?: string;
|
|
8
|
+
features: string[];
|
|
9
|
+
cta?: {
|
|
10
|
+
label: string;
|
|
11
|
+
href?: string;
|
|
12
|
+
onClick?: () => void;
|
|
13
|
+
};
|
|
14
|
+
highlighted?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare function PricingTable({
|
|
17
|
+
tiers,
|
|
18
|
+
className
|
|
19
|
+
}: {
|
|
20
|
+
tiers: PricingTier[];
|
|
21
|
+
className?: string;
|
|
22
|
+
}): react_jsx_runtime197.JSX.Element;
|
|
23
|
+
//#endregion
|
|
24
|
+
export { PricingTable, PricingTier };
|
|
25
|
+
//# sourceMappingURL=PricingTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PricingTable.d.ts","names":[],"sources":["../../../ui/marketing/PricingTable.tsx"],"sourcesContent":[],"mappings":";;;UAIiB,WAAA;;;EAAA,OAAA,CAAA,EAAA,MAAW;EASZ,QAAA,EAAA,MAAY,EAAA;EAC1B,GAAA,CAAA,EAAA;IACA,KAAA,EAAA,MAAA;IAEO,IAAA,CAAA,EAAA,MAAA;IAER,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA;;;iBANe,YAAA;;;;SAIP;;IAER,oBAAA,CAAA,GAAA,CAAA"}
|