@digilogiclabs/saas-factory-ui 0.13.0 → 0.13.1

package/dist/index.d.mts

@@ -575,7 +575,7 @@ interface ResponsiveHeaderProps extends React$1.HTMLAttributes<HTMLDivElement>,
     children: React$1.ReactNode;
 }
 declare const ResponsiveHeader: React$1.ForwardRefExoticComponent<ResponsiveHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
-interface HeaderBrandProps {
+interface HeaderBrandProps extends React$1.HTMLAttributes<HTMLElement> {
     children: React$1.ReactNode;
     className?: string;
     href?: string;
@@ -679,8 +679,17 @@ declare const gridVariants: (props?: ({
     align?: "center" | "end" | "start" | "stretch" | null | undefined;
     justify?: "center" | "end" | "start" | "stretch" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ResponsiveColumns {
+    base?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    '2xl'?: number;
+}
 interface ResponsiveGridProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
     as?: React$1.ElementType;
+    columns?: ResponsiveColumns;
     breakpoints?: {
         mobile?: number;
         tablet?: number;
@@ -1399,4 +1408,4 @@ type PlatformSelectMultiple<T> = {
     default: T;
 };
 
-export { ANIMATION_DURATION, Alert, AlertDescription, AlertTitle, AnimatedSectionTitle, type AnimatedSectionTitleProps, AudioPlayer, type AudioPlayerProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BaseTheme, type BorderRadiusScale, Button, type ButtonProps, type ButtonVariants, type CacheStrategy, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type Column, type ComponentProps, Container$1 as Container, DataTable, type DataTableProps, 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, EnhancedScrollToTop, type EnhancedScrollToTopProps, ErrorAnimation, Form, FormDescription, FormGroup, FormLabel, FormMessage, FormProgress, type FormProps, FormSection, 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, OfflineWrapper, type OfflineWrapperProps, PageTransition, type PageTransitionDirection, type PageTransitionProps, type PageTransitionType, Pagination, PaginationInfo, type PaginationInfoProps, type PaginationProps, type Platform, type PlatformConfig, type PlatformSelect, type PlatformSelectMultiple, Preloader, type PreloaderProps, Progress, ProgressiveImage, type ProgressiveImageProps, type ProgressiveImageStrategy, type ProgressiveImageTransition, PullToRefresh, type PullToRefreshProps, QuickForm, type RefreshState, ResponsiveFlex, ResponsiveGrid, type ResponsiveGridProps, ResponsiveHeader, type ResponsiveHeaderProps, SafeAreaWrapper, ScrollToTop, type ScrollToTopProps, Section$1 as Section, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SimpleHero, SimpleResponsiveHeader, type Size, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonText, type SpacingScale, Stack, SuccessAnimation, type SuccessAnimationProps, SuccessCheckmark, type SwipeAction, SwipeableCard, type SwipeableCardProps, THEME_COLORS, 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, type Variant, type VideoAuthor, type VideoChapter, VideoPlayer, type VideoPlayerProps, type VideoQuality, type VideoSubtitle, type VideoTrack, VirtualScrollList, type VirtualScrollListProps, WarningAnimation, type WebComponentProps, type WebStyle, Z_INDEX, audioPlayerVariants, badgeVariants, buttonVariants, cn, containerVariants, contentVariants, disableScroll, enableScroll, fadeIn, formVariants, formatCurrency, formatDate, formatNumber, getConfig, getScrollbarWidth, gridVariants, hamburgerVariants, headerVariants, heroVariants, inputVariants, isBrowser, isExpo, isNative, isWeb, labelVariants, nativeConfig, platform, scaleIn, slideIn, stickyActionsVariants, theme, themes, useCache, useLockBody, useMediaQuery, useMobileNavigation, useMounted, useNetworkInfo, useOfflineState, useTheme, validateEmail, validatePassword, videoPlayerVariants, webConfig, withNetworkAware, withPageTransition };
+export { ANIMATION_DURATION, Alert, AlertDescription, AlertTitle, AnimatedSectionTitle, type AnimatedSectionTitleProps, AudioPlayer, type AudioPlayerProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BaseTheme, type BorderRadiusScale, Button, type ButtonProps, type ButtonVariants, type CacheStrategy, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type Column, type ComponentProps, Container$1 as Container, DataTable, type DataTableProps, 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, EnhancedScrollToTop, type EnhancedScrollToTopProps, ErrorAnimation, Form, FormDescription, FormGroup, FormLabel, FormMessage, FormProgress, type FormProps, FormSection, 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, OfflineWrapper, type OfflineWrapperProps, PageTransition, type PageTransitionDirection, type PageTransitionProps, type PageTransitionType, Pagination, PaginationInfo, type PaginationInfoProps, type PaginationProps, type Platform, type PlatformConfig, type PlatformSelect, type PlatformSelectMultiple, Preloader, type PreloaderProps, Progress, ProgressiveImage, type ProgressiveImageProps, type ProgressiveImageStrategy, type ProgressiveImageTransition, PullToRefresh, type PullToRefreshProps, QuickForm, type RefreshState, type ResponsiveColumns, ResponsiveFlex, ResponsiveGrid, type ResponsiveGridProps, ResponsiveHeader, type ResponsiveHeaderProps, SafeAreaWrapper, ScrollToTop, type ScrollToTopProps, Section$1 as Section, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SimpleHero, SimpleResponsiveHeader, type Size, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonText, type SpacingScale, Stack, SuccessAnimation, type SuccessAnimationProps, SuccessCheckmark, type SwipeAction, SwipeableCard, type SwipeableCardProps, THEME_COLORS, 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, type Variant, type VideoAuthor, type VideoChapter, VideoPlayer, type VideoPlayerProps, type VideoQuality, type VideoSubtitle, type VideoTrack, VirtualScrollList, type VirtualScrollListProps, WarningAnimation, type WebComponentProps, type WebStyle, Z_INDEX, audioPlayerVariants, badgeVariants, buttonVariants, cn, containerVariants, contentVariants, disableScroll, enableScroll, fadeIn, formVariants, formatCurrency, formatDate, formatNumber, getConfig, getScrollbarWidth, gridVariants, hamburgerVariants, headerVariants, heroVariants, inputVariants, isBrowser, isExpo, isNative, isWeb, labelVariants, nativeConfig, platform, scaleIn, slideIn, stickyActionsVariants, theme, themes, useCache, useLockBody, useMediaQuery, useMobileNavigation, useMounted, useNetworkInfo, useOfflineState, useTheme, validateEmail, validatePassword, videoPlayerVariants, webConfig, withNetworkAware, withPageTransition };

package/dist/index.d.ts

@@ -575,7 +575,7 @@ interface ResponsiveHeaderProps extends React$1.HTMLAttributes<HTMLDivElement>,
     children: React$1.ReactNode;
 }
 declare const ResponsiveHeader: React$1.ForwardRefExoticComponent<ResponsiveHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
-interface HeaderBrandProps {
+interface HeaderBrandProps extends React$1.HTMLAttributes<HTMLElement> {
     children: React$1.ReactNode;
     className?: string;
     href?: string;
@@ -679,8 +679,17 @@ declare const gridVariants: (props?: ({
     align?: "center" | "end" | "start" | "stretch" | null | undefined;
     justify?: "center" | "end" | "start" | "stretch" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ResponsiveColumns {
+    base?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    '2xl'?: number;
+}
 interface ResponsiveGridProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
     as?: React$1.ElementType;
+    columns?: ResponsiveColumns;
     breakpoints?: {
         mobile?: number;
         tablet?: number;
@@ -1399,4 +1408,4 @@ type PlatformSelectMultiple<T> = {
     default: T;
 };
 
-export { ANIMATION_DURATION, Alert, AlertDescription, AlertTitle, AnimatedSectionTitle, type AnimatedSectionTitleProps, AudioPlayer, type AudioPlayerProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BaseTheme, type BorderRadiusScale, Button, type ButtonProps, type ButtonVariants, type CacheStrategy, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type Column, type ComponentProps, Container$1 as Container, DataTable, type DataTableProps, 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, EnhancedScrollToTop, type EnhancedScrollToTopProps, ErrorAnimation, Form, FormDescription, FormGroup, FormLabel, FormMessage, FormProgress, type FormProps, FormSection, 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, OfflineWrapper, type OfflineWrapperProps, PageTransition, type PageTransitionDirection, type PageTransitionProps, type PageTransitionType, Pagination, PaginationInfo, type PaginationInfoProps, type PaginationProps, type Platform, type PlatformConfig, type PlatformSelect, type PlatformSelectMultiple, Preloader, type PreloaderProps, Progress, ProgressiveImage, type ProgressiveImageProps, type ProgressiveImageStrategy, type ProgressiveImageTransition, PullToRefresh, type PullToRefreshProps, QuickForm, type RefreshState, ResponsiveFlex, ResponsiveGrid, type ResponsiveGridProps, ResponsiveHeader, type ResponsiveHeaderProps, SafeAreaWrapper, ScrollToTop, type ScrollToTopProps, Section$1 as Section, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SimpleHero, SimpleResponsiveHeader, type Size, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonText, type SpacingScale, Stack, SuccessAnimation, type SuccessAnimationProps, SuccessCheckmark, type SwipeAction, SwipeableCard, type SwipeableCardProps, THEME_COLORS, 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, type Variant, type VideoAuthor, type VideoChapter, VideoPlayer, type VideoPlayerProps, type VideoQuality, type VideoSubtitle, type VideoTrack, VirtualScrollList, type VirtualScrollListProps, WarningAnimation, type WebComponentProps, type WebStyle, Z_INDEX, audioPlayerVariants, badgeVariants, buttonVariants, cn, containerVariants, contentVariants, disableScroll, enableScroll, fadeIn, formVariants, formatCurrency, formatDate, formatNumber, getConfig, getScrollbarWidth, gridVariants, hamburgerVariants, headerVariants, heroVariants, inputVariants, isBrowser, isExpo, isNative, isWeb, labelVariants, nativeConfig, platform, scaleIn, slideIn, stickyActionsVariants, theme, themes, useCache, useLockBody, useMediaQuery, useMobileNavigation, useMounted, useNetworkInfo, useOfflineState, useTheme, validateEmail, validatePassword, videoPlayerVariants, webConfig, withNetworkAware, withPageTransition };
+export { ANIMATION_DURATION, Alert, AlertDescription, AlertTitle, AnimatedSectionTitle, type AnimatedSectionTitleProps, AudioPlayer, type AudioPlayerProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, type BaseTheme, type BorderRadiusScale, Button, type ButtonProps, type ButtonVariants, type CacheStrategy, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type Column, type ComponentProps, Container$1 as Container, DataTable, type DataTableProps, 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, EnhancedScrollToTop, type EnhancedScrollToTopProps, ErrorAnimation, Form, FormDescription, FormGroup, FormLabel, FormMessage, FormProgress, type FormProps, FormSection, 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, OfflineWrapper, type OfflineWrapperProps, PageTransition, type PageTransitionDirection, type PageTransitionProps, type PageTransitionType, Pagination, PaginationInfo, type PaginationInfoProps, type PaginationProps, type Platform, type PlatformConfig, type PlatformSelect, type PlatformSelectMultiple, Preloader, type PreloaderProps, Progress, ProgressiveImage, type ProgressiveImageProps, type ProgressiveImageStrategy, type ProgressiveImageTransition, PullToRefresh, type PullToRefreshProps, QuickForm, type RefreshState, type ResponsiveColumns, ResponsiveFlex, ResponsiveGrid, type ResponsiveGridProps, ResponsiveHeader, type ResponsiveHeaderProps, SafeAreaWrapper, ScrollToTop, type ScrollToTopProps, Section$1 as Section, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SimpleHero, SimpleResponsiveHeader, type Size, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonText, type SpacingScale, Stack, SuccessAnimation, type SuccessAnimationProps, SuccessCheckmark, type SwipeAction, SwipeableCard, type SwipeableCardProps, THEME_COLORS, 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, type Variant, type VideoAuthor, type VideoChapter, VideoPlayer, type VideoPlayerProps, type VideoQuality, type VideoSubtitle, type VideoTrack, VirtualScrollList, type VirtualScrollListProps, WarningAnimation, type WebComponentProps, type WebStyle, Z_INDEX, audioPlayerVariants, badgeVariants, buttonVariants, cn, containerVariants, contentVariants, disableScroll, enableScroll, fadeIn, formVariants, formatCurrency, formatDate, formatNumber, getConfig, getScrollbarWidth, gridVariants, hamburgerVariants, headerVariants, heroVariants, inputVariants, isBrowser, isExpo, isNative, isWeb, labelVariants, nativeConfig, platform, scaleIn, slideIn, stickyActionsVariants, theme, themes, useCache, useLockBody, useMediaQuery, useMobileNavigation, useMounted, useNetworkInfo, useOfflineState, useTheme, validateEmail, validatePassword, videoPlayerVariants, webConfig, withNetworkAware, withPageTransition };

package/dist/index.js

@@ -4403,6 +4403,8 @@ var ResponsiveHeader = React23.forwardRef(
     size,
     maxWidth,
     desktopBreakpoint = "md",
+    mobileMenuPosition,
+    showBrandOnMobile,
     children,
     ...props
   }, ref) => {
@@ -4845,6 +4847,7 @@ var ResponsiveGrid = React25.forwardRef(
   ({
     className,
     cols,
+    columns,
     gap,
     align,
     justify,
@@ -4856,12 +4859,72 @@ var ResponsiveGrid = React25.forwardRef(
     const gridStyle = autoFit ? {
       gridTemplateColumns: `repeat(auto-fit, minmax(${autoFit.minWidth}, ${autoFit.maxWidth || "1fr"}))`
     } : void 0;
+    const generateColumnClasses = (columns2) => {
+      const classes = [];
+      if (columns2.base) classes.push(`grid-cols-${columns2.base}`);
+      if (columns2.sm) classes.push(`sm:grid-cols-${columns2.sm}`);
+      if (columns2.md) classes.push(`md:grid-cols-${columns2.md}`);
+      if (columns2.lg) classes.push(`lg:grid-cols-${columns2.lg}`);
+      if (columns2.xl) classes.push(`xl:grid-cols-${columns2.xl}`);
+      if (columns2["2xl"]) classes.push(`2xl:grid-cols-${columns2["2xl"]}`);
+      return classes.join(" ");
+    };
+    const responsiveColumnClasses = columns ? generateColumnClasses(columns) : "";
+    const getGapClass = (gapValue) => {
+      if (typeof gapValue === "number") return `gap-${gapValue}`;
+      const gapMap = {
+        "0": "gap-0",
+        "1": "gap-1",
+        "2": "gap-2",
+        "3": "gap-3",
+        "4": "gap-4",
+        "6": "gap-6",
+        "8": "gap-8",
+        "12": "gap-12",
+        "2-4": "gap-2 sm:gap-4",
+        "4-6": "gap-4 sm:gap-6",
+        "4-8": "gap-4 sm:gap-8",
+        "6-8": "gap-6 sm:gap-8"
+      };
+      return gapMap[gapValue] || `gap-${gapValue}`;
+    };
+    const getAlignClass = (alignValue) => {
+      const alignMap = {
+        start: "items-start",
+        center: "items-center",
+        end: "items-end",
+        stretch: "items-stretch"
+      };
+      return alignMap[alignValue] || "";
+    };
+    const getJustifyClass = (justifyValue) => {
+      const justifyMap = {
+        start: "justify-items-start",
+        center: "justify-items-center",
+        end: "justify-items-end",
+        stretch: "justify-items-stretch"
+      };
+      return justifyMap[justifyValue] || "";
+    };
     return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       Component,
       {
         ref,
         className: cn(
-          gridVariants({ cols: !autoFit ? cols : void 0, gap, align, justify }),
+          "grid w-full",
+          // Base grid classes
+          !columns && !autoFit && gridVariants({ cols, gap, align, justify }),
+          // Use variant system when columns not provided
+          columns && !autoFit && [
+            responsiveColumnClasses,
+            // Use columns prop when provided
+            gap && getGapClass(gap),
+            // Apply gap when using columns prop
+            align && getAlignClass(align),
+            // Apply align when using columns prop  
+            justify && getJustifyClass(justify)
+            // Apply justify when using columns prop
+          ].filter(Boolean).join(" "),
           autoFit && "grid",
           // Ensure grid class when using autoFit
           className