@digilogiclabs/saas-factory-ui 0.15.0 → 0.15.2

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.mts CHANGED
@@ -575,6 +575,11 @@ interface ResponsiveHeaderProps extends React$1.HTMLAttributes<HTMLDivElement>,
575
575
  mobileMenuPosition?: "right" | "left" | "fullscreen";
576
576
  showBrandOnMobile?: boolean;
577
577
  children: React$1.ReactNode;
578
+ navigationItems?: any;
579
+ showThemeToggle?: boolean;
580
+ mobileBreakpoint?: string;
581
+ hamburgerIcon?: React$1.ReactNode;
582
+ networkStatus?: any;
578
583
  }
579
584
  declare const ResponsiveHeader: React$1.ForwardRefExoticComponent<ResponsiveHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
580
585
  interface HeaderBrandProps extends React$1.HTMLAttributes<HTMLElement> {
@@ -2031,8 +2036,13 @@ declare const CollaborativePlaylist: React$1.FC<CollaborativePlaylistProps>;
2031
2036
  interface ContainerProps$1 extends React.HTMLAttributes<HTMLDivElement> {
2032
2037
  children: React.ReactNode;
2033
2038
  as?: React.ElementType;
2039
+ navigationItems?: any;
2040
+ showThemeToggle?: boolean;
2041
+ mobileBreakpoint?: string;
2042
+ hamburgerIcon?: React.ReactNode;
2043
+ networkStatus?: any;
2034
2044
  }
2035
- declare function Container$1({ className, as: Component, children, ...props }: ContainerProps$1): react_jsx_runtime.JSX.Element;
2045
+ declare function Container$1({ className, as: Component, children, navigationItems, showThemeToggle, mobileBreakpoint, hamburgerIcon, networkStatus, ...domProps }: ContainerProps$1): react_jsx_runtime.JSX.Element;
2036
2046
 
2037
2047
  interface GridProps$1 extends React$1.HTMLAttributes<HTMLDivElement> {
2038
2048
  children: React$1.ReactNode;
@@ -2043,8 +2053,13 @@ declare function Grid$1({ className, cols, gap, children, ...props }: GridProps$
2043
2053
 
2044
2054
  interface SectionProps$1 extends React$1.HTMLAttributes<HTMLElement> {
2045
2055
  children: React$1.ReactNode;
2056
+ navigationItems?: any;
2057
+ showThemeToggle?: boolean;
2058
+ mobileBreakpoint?: string;
2059
+ hamburgerIcon?: React$1.ReactNode;
2060
+ networkStatus?: any;
2046
2061
  }
2047
- declare function Section$1({ className, children, ...props }: SectionProps$1): react_jsx_runtime.JSX.Element;
2062
+ declare function Section$1({ className, children, navigationItems, showThemeToggle, mobileBreakpoint, hamburgerIcon, networkStatus, ...domProps }: SectionProps$1): react_jsx_runtime.JSX.Element;
2048
2063
 
2049
2064
  type ViewProps$2 = {
2050
2065
  style?: object;
@@ -2135,7 +2150,16 @@ interface ThemeProviderProps {
2135
2150
  disableTransitionOnChange?: boolean;
2136
2151
  }
2137
2152
  declare const ThemeProvider: React__default.FC<ThemeProviderProps>;
2138
- declare const useTheme: () => ThemeContextType;
2153
+ declare const useTheme: () => ThemeContextType | {
2154
+ theme: any;
2155
+ isDark: boolean;
2156
+ toggleTheme: () => void;
2157
+ setTheme: () => void;
2158
+ reducedMotion: boolean;
2159
+ setReducedMotion: () => void;
2160
+ systemTheme: "light";
2161
+ currentTheme: "light";
2162
+ };
2139
2163
  interface ThemeToggleProps {
2140
2164
  className?: string;
2141
2165
  size?: "sm" | "md" | "lg";
@@ -2569,4 +2593,4 @@ type PlatformSelectMultiple<T> = {
2569
2593
  default: T;
2570
2594
  };
2571
2595
 
2572
- export { ANIMATION_DURATION, type ActivityType, type AdvancedAudioTrack, AdvancedPlayer, type AdvancedPlayerProps, Alert, AlertDescription, AlertTitle, AnimatedSectionTitle, type AnimatedSectionTitleProps, AudioFeed, type AudioFeedProps, AudioPlayer, type AudioPlayerProps, type AudioTrack, type AudioTrackCardData, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BarChart3IconBand, type BaseTheme, type BorderRadiusScale, Button, type ButtonProps, type ButtonVariants, type CacheStrategy, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CollaborativePlaylist, type CollaborativePlaylistData, type CollaborativePlaylistProps, type Collaborator, type CollaboratorRole, type Column, type Comment, type CommentData, CommentSystem, type CommentSystemProps, type CommentUser, type ComponentProps, Container$1 as Container, type CrossfadeMode, DataTable, type DataTableProps, type DateFilter, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DurationFilter, EnhancedScrollToTop, type EnhancedScrollToTopProps, ErrorAnimation, type FeedFilter, type FeedItem, type FeedSortOrder, FixedAudioBar, type FixedAudioBarProps, Form, FormDescription, FormGroup, FormLabel, FormMessage, FormProgress, type FormProps, FormSection, type GenreFilter, Grid$1 as Grid, GridItem, HamburgerIcon, type HamburgerIconProps, HeaderActions, HeaderBrand, HeaderContainer, HeaderDesktopNav, HeaderMobileTrigger, HeaderNavLink, Hero, HeroCTA, HeroContent, type HeroProps, HeroSubtitle, HeroTitle, InfoAnimation, Input, type InputProps, type InputVariants, Label, LavaLamp, type LavaLampProps, LazyImage, type LazyImagePlaceholder, type LazyImageProps, MobileContainer, type MobileContainerProps, MobileContent, MobileEmailInput, MobileForm, MobileFormActions, MobileFormField, MobileFormGroup, type MobileFormProps, MobileFormSection, MobileGrid, MobileHero, type MobileHeroProps, MobileNavButton, MobileNavContent, MobileNavDrawer, MobileNavFooter, MobileNavHeader, MobileNavLink, MobileNavOverlay, MobileNavTrigger, MobileNavigation, MobileOTPInput, MobilePage, MobilePhoneInput, MobileSection, MobileSticky, Modal, type NativeComponentProps, Container as NativeContainer, Grid as NativeGrid, Section as NativeSection, type NativeStyle, NetworkAwareContent, type NetworkAwareContentProps, type NetworkInfo, type NetworkSpeed, type NetworkType, NotificationCenter, type NotificationCenterProps, type NotificationItem, type NotificationType, type NotificationUser, OfflineWrapper, type OfflineWrapperProps, PageTransition, type PageTransitionDirection, type PageTransitionProps, type PageTransitionType, Pagination, PaginationInfo, type PaginationInfoProps, type PaginationProps, type Platform, type PlatformConfig, type PlatformSelect, type PlatformSelectMultiple, type PlaybackQuality, type PlaybackState, type PlaylistActivity, PlaylistBuilder, type PlaylistBuilderProps, type PlaylistData, type PlaylistTrack, type PlaylistVisibility, Preloader, type PreloaderProps, Progress, ProgressiveImage, type ProgressiveImageProps, type ProgressiveImageStrategy, type ProgressiveImageTransition, PullToRefresh, type PullToRefreshProps, QuickForm, type RefreshState, type RepeatMode, type ResponsiveColumns, ResponsiveFlex, ResponsiveGrid, type ResponsiveGridProps, ResponsiveHeader, type ResponsiveHeaderProps, SafeAreaWrapper, ScrollToTop, type ScrollToTopProps, type SearchCategory, type SearchFilters, type SearchResult, type SearchSortBy, type SearchSuggestion, SearchWithFilters, type SearchWithFiltersProps, Section$1 as Section, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type ShareOption, SimpleHero, SimpleResponsiveHeader, type Size, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonText, type SocialAction, SocialActions, type SocialActionsProps, type SocialLinks, type SpacingScale, Stack, SuccessAnimation, type SuccessAnimationProps, SuccessCheckmark, type SwipeAction, SwipeableCard, type SwipeableCardProps, THEME_COLORS, type TabItem, TabNavigation, type TabNavigationProps, Tabs, TabsContent, TabsList, TabsTrigger, type Theme, type ThemeColors, ThemeProvider, ThemeToggle, type ThemeToggleProps, Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, TouchInput, type TouchInputProps, type Track, TrackCard, type TrackCardProps, type TrendingSection, type TrendingTrack, TrendingTracks, type TrendingTracksProps, UserProfile, type UserProfileData, type UserProfileProps, type UserStats, type Variant, type VideoAuthor, type VideoChapter, VideoPlayer, type VideoPlayerProps, type VideoQuality, type VideoSubtitle, type VideoTrack, VirtualScrollList, type VirtualScrollListProps, type VisualizerType, WarningAnimation, type WaveformData, WaveformPlayer, type WaveformPlayerProps, type WebComponentProps, type WebStyle, Z_INDEX, audioAppTabs, audioPlayerVariants, badgeVariants, buttonVariants, cn, containerVariants, contentVariants, dailyTrendingConfig, disableScroll, enableScroll, fadeIn, formVariants, formatCurrency, formatDate, formatNumber, genreChartsConfigs, getConfig, getScrollbarWidth, gridVariants, hamburgerVariants, headerVariants, heroVariants, inputVariants, isBrowser, isExpo, isNative, isWeb, labelVariants, musicAppTabs, nativeConfig, platform, podcastAppTabs, scaleIn, slideIn, stickyActionsVariants, theme, themes, useCache, useLockBody, useMediaQuery, useMobileNavigation, useMounted, useNetworkInfo, useOfflineState, useTheme, validateEmail, validatePassword, videoPlayerVariants, webConfig, weeklyChartsConfig, withNetworkAware, withPageTransition };
2596
+ export { ANIMATION_DURATION, type ActivityType, type AdvancedAudioTrack, AdvancedPlayer, type AdvancedPlayerProps, Alert, AlertDescription, AlertTitle, AnimatedSectionTitle, type AnimatedSectionTitleProps, AudioFeed, type AudioFeedProps, AudioPlayer, type AudioPlayerProps, SearchWithFilters as AudioSearch, type AudioTrack, type AudioTrackCardData, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BarChart3IconBand, type BaseTheme, type BorderRadiusScale, Button, type ButtonProps, type ButtonVariants, type CacheStrategy, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CollaborativePlaylist, type CollaborativePlaylistData, type CollaborativePlaylistProps, type Collaborator, type CollaboratorRole, type Column, type Comment, type CommentData, CommentSystem, type CommentSystemProps, type CommentUser, type ComponentProps, Container$1 as Container, type CrossfadeMode, DataTable, type DataTableProps, type DateFilter, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DurationFilter, EnhancedScrollToTop, type EnhancedScrollToTopProps, ErrorAnimation, type FeedFilter, type FeedItem, type FeedSortOrder, FixedAudioBar, type FixedAudioBarProps, Form, FormDescription, FormGroup, FormLabel, FormMessage, FormProgress, type FormProps, FormSection, type GenreFilter, Grid$1 as Grid, GridItem, HamburgerIcon, type HamburgerIconProps, HeaderActions, HeaderBrand, HeaderContainer, HeaderDesktopNav, HeaderMobileTrigger, HeaderNavLink, Hero, HeroCTA, HeroContent, type HeroProps, HeroSubtitle, HeroTitle, InfoAnimation, Input, type InputProps, type InputVariants, Label, LavaLamp, type LavaLampProps, LazyImage, type LazyImagePlaceholder, type LazyImageProps, MobileContainer, type MobileContainerProps, MobileContent, MobileEmailInput, MobileForm, MobileFormActions, MobileFormField, MobileFormGroup, type MobileFormProps, MobileFormSection, MobileGrid, MobileHero, type MobileHeroProps, MobileNavButton, MobileNavContent, MobileNavDrawer, MobileNavFooter, MobileNavHeader, MobileNavLink, MobileNavOverlay, MobileNavTrigger, MobileNavigation, MobileOTPInput, MobilePage, MobilePhoneInput, MobileSection, MobileSticky, Modal, type NativeComponentProps, Container as NativeContainer, Grid as NativeGrid, Section as NativeSection, type NativeStyle, NetworkAwareContent, type NetworkAwareContentProps, type NetworkInfo, type NetworkSpeed, type NetworkType, NotificationCenter, type NotificationCenterProps, type NotificationItem, type NotificationType, type NotificationUser, TrackCard as NowPlayingCard, OfflineWrapper, type OfflineWrapperProps, PageTransition, type PageTransitionDirection, type PageTransitionProps, type PageTransitionType, Pagination, PaginationInfo, type PaginationInfoProps, type PaginationProps, type Platform, type PlatformConfig, type PlatformSelect, type PlatformSelectMultiple, type PlaybackQuality, type PlaybackState, type PlaylistActivity, PlaylistBuilder, type PlaylistBuilderProps, PlaylistBuilder as PlaylistCard, type PlaylistData, PlaylistBuilder as PlaylistSidebar, type PlaylistTrack, type PlaylistVisibility, Preloader, type PreloaderProps, Progress, ProgressiveImage, type ProgressiveImageProps, type ProgressiveImageStrategy, type ProgressiveImageTransition, PullToRefresh, type PullToRefreshProps, QuickForm, type RefreshState, type RepeatMode, type ResponsiveColumns, ResponsiveFlex, ResponsiveGrid, type ResponsiveGridProps, ResponsiveHeader, type ResponsiveHeaderProps, SafeAreaWrapper, ScrollToTop, type ScrollToTopProps, type SearchCategory, type SearchFilters, type SearchResult, type SearchSortBy, type SearchSuggestion, SearchWithFilters, type SearchWithFiltersProps, Section$1 as Section, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type ShareOption, SimpleHero, SimpleResponsiveHeader, type Size, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonText, type SocialAction, SocialActions, type SocialActionsProps, type SocialLinks, type SpacingScale, Stack, SuccessAnimation, type SuccessAnimationProps, SuccessCheckmark, type SwipeAction, SwipeableCard, type SwipeableCardProps, THEME_COLORS, type TabItem, TabNavigation, type TabNavigationProps, Tabs, TabsContent, TabsList, TabsTrigger, type Theme, type ThemeColors, ThemeProvider, ThemeToggle, type ThemeToggleProps, Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, TouchInput, type TouchInputProps, type Track, TrackCard, type TrackCardProps, AudioFeed as TrackList, type TrendingSection, type TrendingTrack, TrendingTracks, type TrendingTracksProps, UserProfile, type UserProfileData, type UserProfileProps, type UserStats, type Variant, type VideoAuthor, type VideoChapter, VideoPlayer, type VideoPlayerProps, type VideoQuality, type VideoSubtitle, type VideoTrack, VirtualScrollList, type VirtualScrollListProps, type VisualizerType, WarningAnimation, type WaveformData, WaveformPlayer, type WaveformPlayerProps, type WebComponentProps, type WebStyle, Z_INDEX, audioAppTabs, audioPlayerVariants, badgeVariants, buttonVariants, cn, containerVariants, contentVariants, dailyTrendingConfig, disableScroll, enableScroll, fadeIn, formVariants, formatCurrency, formatDate, formatNumber, genreChartsConfigs, getConfig, getScrollbarWidth, gridVariants, hamburgerVariants, headerVariants, heroVariants, inputVariants, isBrowser, isExpo, isNative, isWeb, labelVariants, musicAppTabs, nativeConfig, platform, podcastAppTabs, scaleIn, slideIn, stickyActionsVariants, theme, themes, useCache, useLockBody, useMediaQuery, useMobileNavigation, useMounted, useNetworkInfo, useOfflineState, useTheme, validateEmail, validatePassword, videoPlayerVariants, webConfig, weeklyChartsConfig, withNetworkAware, withPageTransition };
package/dist/index.d.ts CHANGED
@@ -575,6 +575,11 @@ interface ResponsiveHeaderProps extends React$1.HTMLAttributes<HTMLDivElement>,
575
575
  mobileMenuPosition?: "right" | "left" | "fullscreen";
576
576
  showBrandOnMobile?: boolean;
577
577
  children: React$1.ReactNode;
578
+ navigationItems?: any;
579
+ showThemeToggle?: boolean;
580
+ mobileBreakpoint?: string;
581
+ hamburgerIcon?: React$1.ReactNode;
582
+ networkStatus?: any;
578
583
  }
579
584
  declare const ResponsiveHeader: React$1.ForwardRefExoticComponent<ResponsiveHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
580
585
  interface HeaderBrandProps extends React$1.HTMLAttributes<HTMLElement> {
@@ -2031,8 +2036,13 @@ declare const CollaborativePlaylist: React$1.FC<CollaborativePlaylistProps>;
2031
2036
  interface ContainerProps$1 extends React.HTMLAttributes<HTMLDivElement> {
2032
2037
  children: React.ReactNode;
2033
2038
  as?: React.ElementType;
2039
+ navigationItems?: any;
2040
+ showThemeToggle?: boolean;
2041
+ mobileBreakpoint?: string;
2042
+ hamburgerIcon?: React.ReactNode;
2043
+ networkStatus?: any;
2034
2044
  }
2035
- declare function Container$1({ className, as: Component, children, ...props }: ContainerProps$1): react_jsx_runtime.JSX.Element;
2045
+ declare function Container$1({ className, as: Component, children, navigationItems, showThemeToggle, mobileBreakpoint, hamburgerIcon, networkStatus, ...domProps }: ContainerProps$1): react_jsx_runtime.JSX.Element;
2036
2046
 
2037
2047
  interface GridProps$1 extends React$1.HTMLAttributes<HTMLDivElement> {
2038
2048
  children: React$1.ReactNode;
@@ -2043,8 +2053,13 @@ declare function Grid$1({ className, cols, gap, children, ...props }: GridProps$
2043
2053
 
2044
2054
  interface SectionProps$1 extends React$1.HTMLAttributes<HTMLElement> {
2045
2055
  children: React$1.ReactNode;
2056
+ navigationItems?: any;
2057
+ showThemeToggle?: boolean;
2058
+ mobileBreakpoint?: string;
2059
+ hamburgerIcon?: React$1.ReactNode;
2060
+ networkStatus?: any;
2046
2061
  }
2047
- declare function Section$1({ className, children, ...props }: SectionProps$1): react_jsx_runtime.JSX.Element;
2062
+ declare function Section$1({ className, children, navigationItems, showThemeToggle, mobileBreakpoint, hamburgerIcon, networkStatus, ...domProps }: SectionProps$1): react_jsx_runtime.JSX.Element;
2048
2063
 
2049
2064
  type ViewProps$2 = {
2050
2065
  style?: object;
@@ -2135,7 +2150,16 @@ interface ThemeProviderProps {
2135
2150
  disableTransitionOnChange?: boolean;
2136
2151
  }
2137
2152
  declare const ThemeProvider: React__default.FC<ThemeProviderProps>;
2138
- declare const useTheme: () => ThemeContextType;
2153
+ declare const useTheme: () => ThemeContextType | {
2154
+ theme: any;
2155
+ isDark: boolean;
2156
+ toggleTheme: () => void;
2157
+ setTheme: () => void;
2158
+ reducedMotion: boolean;
2159
+ setReducedMotion: () => void;
2160
+ systemTheme: "light";
2161
+ currentTheme: "light";
2162
+ };
2139
2163
  interface ThemeToggleProps {
2140
2164
  className?: string;
2141
2165
  size?: "sm" | "md" | "lg";
@@ -2569,4 +2593,4 @@ type PlatformSelectMultiple<T> = {
2569
2593
  default: T;
2570
2594
  };
2571
2595
 
2572
- export { ANIMATION_DURATION, type ActivityType, type AdvancedAudioTrack, AdvancedPlayer, type AdvancedPlayerProps, Alert, AlertDescription, AlertTitle, AnimatedSectionTitle, type AnimatedSectionTitleProps, AudioFeed, type AudioFeedProps, AudioPlayer, type AudioPlayerProps, type AudioTrack, type AudioTrackCardData, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BarChart3IconBand, type BaseTheme, type BorderRadiusScale, Button, type ButtonProps, type ButtonVariants, type CacheStrategy, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CollaborativePlaylist, type CollaborativePlaylistData, type CollaborativePlaylistProps, type Collaborator, type CollaboratorRole, type Column, type Comment, type CommentData, CommentSystem, type CommentSystemProps, type CommentUser, type ComponentProps, Container$1 as Container, type CrossfadeMode, DataTable, type DataTableProps, type DateFilter, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DurationFilter, EnhancedScrollToTop, type EnhancedScrollToTopProps, ErrorAnimation, type FeedFilter, type FeedItem, type FeedSortOrder, FixedAudioBar, type FixedAudioBarProps, Form, FormDescription, FormGroup, FormLabel, FormMessage, FormProgress, type FormProps, FormSection, type GenreFilter, Grid$1 as Grid, GridItem, HamburgerIcon, type HamburgerIconProps, HeaderActions, HeaderBrand, HeaderContainer, HeaderDesktopNav, HeaderMobileTrigger, HeaderNavLink, Hero, HeroCTA, HeroContent, type HeroProps, HeroSubtitle, HeroTitle, InfoAnimation, Input, type InputProps, type InputVariants, Label, LavaLamp, type LavaLampProps, LazyImage, type LazyImagePlaceholder, type LazyImageProps, MobileContainer, type MobileContainerProps, MobileContent, MobileEmailInput, MobileForm, MobileFormActions, MobileFormField, MobileFormGroup, type MobileFormProps, MobileFormSection, MobileGrid, MobileHero, type MobileHeroProps, MobileNavButton, MobileNavContent, MobileNavDrawer, MobileNavFooter, MobileNavHeader, MobileNavLink, MobileNavOverlay, MobileNavTrigger, MobileNavigation, MobileOTPInput, MobilePage, MobilePhoneInput, MobileSection, MobileSticky, Modal, type NativeComponentProps, Container as NativeContainer, Grid as NativeGrid, Section as NativeSection, type NativeStyle, NetworkAwareContent, type NetworkAwareContentProps, type NetworkInfo, type NetworkSpeed, type NetworkType, NotificationCenter, type NotificationCenterProps, type NotificationItem, type NotificationType, type NotificationUser, OfflineWrapper, type OfflineWrapperProps, PageTransition, type PageTransitionDirection, type PageTransitionProps, type PageTransitionType, Pagination, PaginationInfo, type PaginationInfoProps, type PaginationProps, type Platform, type PlatformConfig, type PlatformSelect, type PlatformSelectMultiple, type PlaybackQuality, type PlaybackState, type PlaylistActivity, PlaylistBuilder, type PlaylistBuilderProps, type PlaylistData, type PlaylistTrack, type PlaylistVisibility, Preloader, type PreloaderProps, Progress, ProgressiveImage, type ProgressiveImageProps, type ProgressiveImageStrategy, type ProgressiveImageTransition, PullToRefresh, type PullToRefreshProps, QuickForm, type RefreshState, type RepeatMode, type ResponsiveColumns, ResponsiveFlex, ResponsiveGrid, type ResponsiveGridProps, ResponsiveHeader, type ResponsiveHeaderProps, SafeAreaWrapper, ScrollToTop, type ScrollToTopProps, type SearchCategory, type SearchFilters, type SearchResult, type SearchSortBy, type SearchSuggestion, SearchWithFilters, type SearchWithFiltersProps, Section$1 as Section, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type ShareOption, SimpleHero, SimpleResponsiveHeader, type Size, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonText, type SocialAction, SocialActions, type SocialActionsProps, type SocialLinks, type SpacingScale, Stack, SuccessAnimation, type SuccessAnimationProps, SuccessCheckmark, type SwipeAction, SwipeableCard, type SwipeableCardProps, THEME_COLORS, type TabItem, TabNavigation, type TabNavigationProps, Tabs, TabsContent, TabsList, TabsTrigger, type Theme, type ThemeColors, ThemeProvider, ThemeToggle, type ThemeToggleProps, Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, TouchInput, type TouchInputProps, type Track, TrackCard, type TrackCardProps, type TrendingSection, type TrendingTrack, TrendingTracks, type TrendingTracksProps, UserProfile, type UserProfileData, type UserProfileProps, type UserStats, type Variant, type VideoAuthor, type VideoChapter, VideoPlayer, type VideoPlayerProps, type VideoQuality, type VideoSubtitle, type VideoTrack, VirtualScrollList, type VirtualScrollListProps, type VisualizerType, WarningAnimation, type WaveformData, WaveformPlayer, type WaveformPlayerProps, type WebComponentProps, type WebStyle, Z_INDEX, audioAppTabs, audioPlayerVariants, badgeVariants, buttonVariants, cn, containerVariants, contentVariants, dailyTrendingConfig, disableScroll, enableScroll, fadeIn, formVariants, formatCurrency, formatDate, formatNumber, genreChartsConfigs, getConfig, getScrollbarWidth, gridVariants, hamburgerVariants, headerVariants, heroVariants, inputVariants, isBrowser, isExpo, isNative, isWeb, labelVariants, musicAppTabs, nativeConfig, platform, podcastAppTabs, scaleIn, slideIn, stickyActionsVariants, theme, themes, useCache, useLockBody, useMediaQuery, useMobileNavigation, useMounted, useNetworkInfo, useOfflineState, useTheme, validateEmail, validatePassword, videoPlayerVariants, webConfig, weeklyChartsConfig, withNetworkAware, withPageTransition };
2596
+ export { ANIMATION_DURATION, type ActivityType, type AdvancedAudioTrack, AdvancedPlayer, type AdvancedPlayerProps, Alert, AlertDescription, AlertTitle, AnimatedSectionTitle, type AnimatedSectionTitleProps, AudioFeed, type AudioFeedProps, AudioPlayer, type AudioPlayerProps, SearchWithFilters as AudioSearch, type AudioTrack, type AudioTrackCardData, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BarChart3IconBand, type BaseTheme, type BorderRadiusScale, Button, type ButtonProps, type ButtonVariants, type CacheStrategy, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CollaborativePlaylist, type CollaborativePlaylistData, type CollaborativePlaylistProps, type Collaborator, type CollaboratorRole, type Column, type Comment, type CommentData, CommentSystem, type CommentSystemProps, type CommentUser, type ComponentProps, Container$1 as Container, type CrossfadeMode, DataTable, type DataTableProps, type DateFilter, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DurationFilter, EnhancedScrollToTop, type EnhancedScrollToTopProps, ErrorAnimation, type FeedFilter, type FeedItem, type FeedSortOrder, FixedAudioBar, type FixedAudioBarProps, Form, FormDescription, FormGroup, FormLabel, FormMessage, FormProgress, type FormProps, FormSection, type GenreFilter, Grid$1 as Grid, GridItem, HamburgerIcon, type HamburgerIconProps, HeaderActions, HeaderBrand, HeaderContainer, HeaderDesktopNav, HeaderMobileTrigger, HeaderNavLink, Hero, HeroCTA, HeroContent, type HeroProps, HeroSubtitle, HeroTitle, InfoAnimation, Input, type InputProps, type InputVariants, Label, LavaLamp, type LavaLampProps, LazyImage, type LazyImagePlaceholder, type LazyImageProps, MobileContainer, type MobileContainerProps, MobileContent, MobileEmailInput, MobileForm, MobileFormActions, MobileFormField, MobileFormGroup, type MobileFormProps, MobileFormSection, MobileGrid, MobileHero, type MobileHeroProps, MobileNavButton, MobileNavContent, MobileNavDrawer, MobileNavFooter, MobileNavHeader, MobileNavLink, MobileNavOverlay, MobileNavTrigger, MobileNavigation, MobileOTPInput, MobilePage, MobilePhoneInput, MobileSection, MobileSticky, Modal, type NativeComponentProps, Container as NativeContainer, Grid as NativeGrid, Section as NativeSection, type NativeStyle, NetworkAwareContent, type NetworkAwareContentProps, type NetworkInfo, type NetworkSpeed, type NetworkType, NotificationCenter, type NotificationCenterProps, type NotificationItem, type NotificationType, type NotificationUser, TrackCard as NowPlayingCard, OfflineWrapper, type OfflineWrapperProps, PageTransition, type PageTransitionDirection, type PageTransitionProps, type PageTransitionType, Pagination, PaginationInfo, type PaginationInfoProps, type PaginationProps, type Platform, type PlatformConfig, type PlatformSelect, type PlatformSelectMultiple, type PlaybackQuality, type PlaybackState, type PlaylistActivity, PlaylistBuilder, type PlaylistBuilderProps, PlaylistBuilder as PlaylistCard, type PlaylistData, PlaylistBuilder as PlaylistSidebar, type PlaylistTrack, type PlaylistVisibility, Preloader, type PreloaderProps, Progress, ProgressiveImage, type ProgressiveImageProps, type ProgressiveImageStrategy, type ProgressiveImageTransition, PullToRefresh, type PullToRefreshProps, QuickForm, type RefreshState, type RepeatMode, type ResponsiveColumns, ResponsiveFlex, ResponsiveGrid, type ResponsiveGridProps, ResponsiveHeader, type ResponsiveHeaderProps, SafeAreaWrapper, ScrollToTop, type ScrollToTopProps, type SearchCategory, type SearchFilters, type SearchResult, type SearchSortBy, type SearchSuggestion, SearchWithFilters, type SearchWithFiltersProps, Section$1 as Section, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type ShareOption, SimpleHero, SimpleResponsiveHeader, type Size, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonText, type SocialAction, SocialActions, type SocialActionsProps, type SocialLinks, type SpacingScale, Stack, SuccessAnimation, type SuccessAnimationProps, SuccessCheckmark, type SwipeAction, SwipeableCard, type SwipeableCardProps, THEME_COLORS, type TabItem, TabNavigation, type TabNavigationProps, Tabs, TabsContent, TabsList, TabsTrigger, type Theme, type ThemeColors, ThemeProvider, ThemeToggle, type ThemeToggleProps, Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, TouchInput, type TouchInputProps, type Track, TrackCard, type TrackCardProps, AudioFeed as TrackList, type TrendingSection, type TrendingTrack, TrendingTracks, type TrendingTracksProps, UserProfile, type UserProfileData, type UserProfileProps, type UserStats, type Variant, type VideoAuthor, type VideoChapter, VideoPlayer, type VideoPlayerProps, type VideoQuality, type VideoSubtitle, type VideoTrack, VirtualScrollList, type VirtualScrollListProps, type VisualizerType, WarningAnimation, type WaveformData, WaveformPlayer, type WaveformPlayerProps, type WebComponentProps, type WebStyle, Z_INDEX, audioAppTabs, audioPlayerVariants, badgeVariants, buttonVariants, cn, containerVariants, contentVariants, dailyTrendingConfig, disableScroll, enableScroll, fadeIn, formVariants, formatCurrency, formatDate, formatNumber, genreChartsConfigs, getConfig, getScrollbarWidth, gridVariants, hamburgerVariants, headerVariants, heroVariants, inputVariants, isBrowser, isExpo, isNative, isWeb, labelVariants, musicAppTabs, nativeConfig, platform, podcastAppTabs, scaleIn, slideIn, stickyActionsVariants, theme, themes, useCache, useLockBody, useMediaQuery, useMobileNavigation, useMounted, useNetworkInfo, useOfflineState, useTheme, validateEmail, validatePassword, videoPlayerVariants, webConfig, weeklyChartsConfig, withNetworkAware, withPageTransition };
package/dist/index.js CHANGED
@@ -242,6 +242,7 @@ __export(index_exports, {
242
242
  AnimatedSectionTitle: () => AnimatedSectionTitle,
243
243
  AudioFeed: () => AudioFeed,
244
244
  AudioPlayer: () => AudioPlayer,
245
+ AudioSearch: () => SearchWithFilters,
245
246
  Avatar: () => Avatar,
246
247
  AvatarFallback: () => AvatarFallback,
247
248
  AvatarImage: () => AvatarImage,
@@ -342,11 +343,14 @@ __export(index_exports, {
342
343
  NativeSection: () => Section2,
343
344
  NetworkAwareContent: () => NetworkAwareContent,
344
345
  NotificationCenter: () => NotificationCenter,
346
+ NowPlayingCard: () => TrackCard,
345
347
  OfflineWrapper: () => OfflineWrapper,
346
348
  PageTransition: () => PageTransition,
347
349
  Pagination: () => Pagination,
348
350
  PaginationInfo: () => PaginationInfo,
349
351
  PlaylistBuilder: () => PlaylistBuilder,
352
+ PlaylistCard: () => PlaylistBuilder,
353
+ PlaylistSidebar: () => PlaylistBuilder,
350
354
  Preloader: () => Preloader,
351
355
  Progress: () => Progress,
352
356
  ProgressiveImage: () => ProgressiveImage,
@@ -404,6 +408,7 @@ __export(index_exports, {
404
408
  TooltipTrigger: () => TooltipTrigger,
405
409
  TouchInput: () => TouchInput,
406
410
  TrackCard: () => TrackCard,
411
+ TrackList: () => AudioFeed,
407
412
  TrendingTracks: () => TrendingTracks,
408
413
  UserProfile: () => UserProfile,
409
414
  VideoPlayer: () => VideoPlayer,
@@ -4429,7 +4434,12 @@ var ResponsiveHeader = React23.forwardRef(
4429
4434
  mobileMenuPosition,
4430
4435
  showBrandOnMobile,
4431
4436
  children,
4432
- ...props
4437
+ navigationItems,
4438
+ showThemeToggle,
4439
+ mobileBreakpoint,
4440
+ hamburgerIcon,
4441
+ networkStatus,
4442
+ ...domProps
4433
4443
  }, ref) => {
4434
4444
  const [isScrolledUp, setIsScrolledUp] = React23.useState(true);
4435
4445
  const lastScrollY = React23.useRef(0);
@@ -4456,7 +4466,7 @@ var ResponsiveHeader = React23.forwardRef(
4456
4466
  sticky === "scroll-up" && !isScrolledUp && "-translate-y-full",
4457
4467
  className
4458
4468
  ),
4459
- ...props,
4469
+ ...domProps,
4460
4470
  children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn(containerVariants({ maxWidth })), children })
4461
4471
  }
4462
4472
  );
@@ -8259,7 +8269,7 @@ var SearchWithFilters = ({
8259
8269
  onVoiceSearchEnd,
8260
8270
  onLoadMore
8261
8271
  }) => {
8262
- const [localQuery, setLocalQuery] = (0, import_react14.useState)(query);
8272
+ const [localQuery, setLocalQuery] = (0, import_react14.useState)(query || "");
8263
8273
  const [showSuggestions, setShowSuggestions] = (0, import_react14.useState)(false);
8264
8274
  const [showFiltersPanel, setShowFiltersPanel] = (0, import_react14.useState)(false);
8265
8275
  const [isVoiceRecording, setIsVoiceRecording] = (0, import_react14.useState)(false);
@@ -8329,7 +8339,7 @@ var SearchWithFilters = ({
8329
8339
  const newFilters = { ...filters, [key]: value };
8330
8340
  onFiltersChange?.(newFilters);
8331
8341
  triggerHaptic("light");
8332
- if (localQuery.trim()) {
8342
+ if (localQuery?.trim()) {
8333
8343
  onSearch?.(localQuery, newFilters);
8334
8344
  }
8335
8345
  };
@@ -8378,9 +8388,9 @@ var SearchWithFilters = ({
8378
8388
  { id: "custom", label: "Custom Range" }
8379
8389
  ];
8380
8390
  const filteredSuggestions = (0, import_react14.useMemo)(() => {
8381
- if (!localQuery.trim()) return suggestions.slice(0, 8);
8391
+ if (!localQuery?.trim()) return suggestions.slice(0, 8);
8382
8392
  return suggestions.filter(
8383
- (suggestion) => suggestion.text.toLowerCase().includes(localQuery.toLowerCase())
8393
+ (suggestion) => suggestion.text.toLowerCase().includes(localQuery?.toLowerCase() || "")
8384
8394
  ).slice(0, 8);
8385
8395
  }, [suggestions, localQuery]);
8386
8396
  const activeFiltersCount = (0, import_react14.useMemo)(() => {
@@ -13659,13 +13669,18 @@ function Container({
13659
13669
  className,
13660
13670
  as: Component = "div",
13661
13671
  children,
13662
- ...props
13672
+ navigationItems,
13673
+ showThemeToggle,
13674
+ mobileBreakpoint,
13675
+ hamburgerIcon,
13676
+ networkStatus,
13677
+ ...domProps
13663
13678
  }) {
13664
13679
  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
13665
13680
  Component,
13666
13681
  {
13667
13682
  className: cn("mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8", className),
13668
- ...props,
13683
+ ...domProps,
13669
13684
  children
13670
13685
  }
13671
13686
  );
@@ -13695,8 +13710,17 @@ function Grid({
13695
13710
 
13696
13711
  // src/components/layout/web/section.tsx
13697
13712
  var import_jsx_runtime54 = require("react/jsx-runtime");
13698
- function Section({ className, children, ...props }) {
13699
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("section", { className: cn("py-12 md:py-16 lg:py-20", className), ...props, children });
13713
+ function Section({
13714
+ className,
13715
+ children,
13716
+ navigationItems,
13717
+ showThemeToggle,
13718
+ mobileBreakpoint,
13719
+ hamburgerIcon,
13720
+ networkStatus,
13721
+ ...domProps
13722
+ }) {
13723
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("section", { className: cn("py-12 md:py-16 lg:py-20", className), ...domProps, children });
13700
13724
  }
13701
13725
 
13702
13726
  // src/components/layout/native/container.tsx
@@ -14072,7 +14096,20 @@ var ThemeProvider = ({
14072
14096
  var useTheme = () => {
14073
14097
  const context = (0, import_react24.useContext)(ThemeContext);
14074
14098
  if (!context) {
14075
- throw new Error("useTheme must be used within a ThemeProvider");
14099
+ console.warn("useTheme must be used within a ThemeProvider. Using default values.");
14100
+ return {
14101
+ theme: theme3,
14102
+ isDark: false,
14103
+ toggleTheme: () => {
14104
+ },
14105
+ setTheme: () => {
14106
+ },
14107
+ reducedMotion: false,
14108
+ setReducedMotion: () => {
14109
+ },
14110
+ systemTheme: "light",
14111
+ currentTheme: "light"
14112
+ };
14076
14113
  }
14077
14114
  return context;
14078
14115
  };
@@ -15599,7 +15636,7 @@ var _OfflineCache = class _OfflineCache {
15599
15636
  }
15600
15637
  loadFromStorage() {
15601
15638
  try {
15602
- const stored = localStorage.getItem(this.storageKey);
15639
+ const stored = typeof window !== "undefined" ? localStorage?.getItem(this.storageKey) : null;
15603
15640
  if (stored) {
15604
15641
  const parsed = JSON.parse(stored);
15605
15642
  this.cache = new Map(Object.entries(parsed));
@@ -15610,8 +15647,10 @@ var _OfflineCache = class _OfflineCache {
15610
15647
  }
15611
15648
  saveToStorage() {
15612
15649
  try {
15613
- const cacheObject = Object.fromEntries(this.cache.entries());
15614
- localStorage.setItem(this.storageKey, JSON.stringify(cacheObject));
15650
+ if (typeof window !== "undefined" && localStorage) {
15651
+ const cacheObject = Object.fromEntries(this.cache.entries());
15652
+ localStorage.setItem(this.storageKey, JSON.stringify(cacheObject));
15653
+ }
15615
15654
  } catch (error) {
15616
15655
  console.warn("Failed to save cache to storage:", error);
15617
15656
  }
@@ -15692,7 +15731,7 @@ var OfflineWrapper = ({
15692
15731
  maxRetries = 3,
15693
15732
  retryDelay = 1e3
15694
15733
  }) => {
15695
- const [isOnline, setIsOnline] = (0, import_react35.useState)(navigator.onLine);
15734
+ const [isOnline, setIsOnline] = (0, import_react35.useState)(typeof window !== "undefined" ? navigator.onLine : true);
15696
15735
  const [hasCache, setHasCache] = (0, import_react35.useState)(false);
15697
15736
  const [isLoading, setIsLoading] = (0, import_react35.useState)(false);
15698
15737
  const [retryCount, setRetryCount] = (0, import_react35.useState)(0);
@@ -15810,7 +15849,7 @@ var OfflineWrapper = ({
15810
15849
  ] });
15811
15850
  };
15812
15851
  var useOfflineState = () => {
15813
- const [isOnline, setIsOnline] = (0, import_react35.useState)(navigator.onLine);
15852
+ const [isOnline, setIsOnline] = (0, import_react35.useState)(typeof window !== "undefined" ? navigator.onLine : true);
15814
15853
  (0, import_react35.useEffect)(() => {
15815
15854
  const handleOnline = () => setIsOnline(true);
15816
15855
  const handleOffline = () => setIsOnline(false);