singularity-components 0.1.103 → 0.1.105

package/dist/main.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { PropsWithChildren } from 'react';
+import React__default, { PropsWithChildren, ReactNode } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -12,10 +12,16 @@ declare function AccordionItem({ className, ...props }: React$1.ComponentProps<t
 declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
 declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
-declare const alertVariants: (props?: ({
+declare const alertVariants: {
+    variant: {
+        default: string;
+        destructive: string;
+    };
+};
+declare const alertVariantsProps: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Alert({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element;
+declare function Alert({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariantsProps>): react_jsx_runtime.JSX.Element;
 declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
@@ -30,11 +36,27 @@ interface BadgesProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare const Badges: ({ children, className, ...props }: BadgesProps) => react_jsx_runtime.JSX.Element;
 
-declare const buttonVariants: (props?: ({
+declare const buttonVariants: {
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+        icon: string;
+    };
+};
+declare const buttonVariantsProps: (props?: ({
     variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1 = React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+type Props$1 = React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariantsProps> & {
     asChild?: boolean;
     iconStart?: keyof typeof icons;
     iconStartAnimate?: boolean;
@@ -43,6 +65,17 @@ type Props$1 = React$1.ComponentProps<"button"> & VariantProps<typeof buttonVari
 };
 declare function Button({ className, variant, size, asChild, iconStart, iconStartAnimate, iconEnd, iconEndAnimate, children, ...props }: Props$1): react_jsx_runtime.JSX.Element;
 
+interface BlogPost {
+    id: number;
+    title: string;
+    excerpt: string;
+    author: string;
+    date: Date;
+    readTime: string;
+    category: string;
+    image: string;
+}
+
 declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
@@ -56,14 +89,38 @@ declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttribu
 declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 
 interface CardsProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    cols?: {
+        default?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        "2xl"?: number;
+    };
 }
-declare const Cards: ({ children, className, ...props }: CardsProps) => react_jsx_runtime.JSX.Element;
+declare const getGridColsClass: (cols?: CardsProps["cols"]) => string;
+declare const Cards: ({ children, className, cols, ...props }: CardsProps) => react_jsx_runtime.JSX.Element;
 
-declare const iconVariants: (props?: ({
+declare const iconVariants: {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        default: string;
+        black: string;
+        white: string;
+        gray: string;
+        primary: string;
+        secondary: string;
+    };
+};
+declare const iconVariantsProps: (props?: ({
     size?: "sm" | "lg" | "md" | null | undefined;
     color?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props = Omit<React$1.ComponentProps<LucideIcon>, "size"> & VariantProps<typeof iconVariants> & {
+type Props = Omit<React$1.ComponentProps<LucideIcon>, "size"> & VariantProps<typeof iconVariantsProps> & {
     icon: keyof typeof icons;
     spin?: boolean;
 };
@@ -71,15 +128,39 @@ declare function Icon({ className, size, color, icon, spin, ...props }: Props):
 
 declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
 
-declare const layoutVariants: (props?: ({
+declare const layoutVariants: {
+    type: {
+        full: string;
+        wide: string;
+        col: string;
+    };
+    cols: {
+        "100": string;
+        "66-33": string;
+        "50-50": string;
+        "33-33-33": string;
+        "25-25-25-25": string;
+    };
+    bgColor: {
+        transparent: string;
+        white: string;
+        black: string;
+        orange: string;
+        pink: string;
+        gradient1: string;
+        gradient2: string;
+        "primarylight-pink-orange": string;
+    };
+};
+declare const layoutVariantsProps: (props?: ({
     type?: "col" | "full" | "wide" | null | undefined;
     cols?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
-    bgcolor?: "black" | "white" | "transparent" | "orange" | "purple" | "gradient" | null | undefined;
+    bgColor?: "black" | "white" | "pink" | "orange" | "transparent" | "gradient1" | "gradient2" | "primarylight-pink-orange" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface LayoutProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof layoutVariants> {
+interface LayoutProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof layoutVariantsProps> {
     as?: "div" | "section" | "article" | "main" | "header" | "footer";
 }
-declare function Layout({ children, className, type, cols, bgcolor, as: Component, ...props }: PropsWithChildren<LayoutProps>): react_jsx_runtime.JSX.Element;
+declare function Layout({ children, className, type, cols, bgColor, as: Component, ...props }: PropsWithChildren<LayoutProps>): react_jsx_runtime.JSX.Element;
 declare namespace Layout {
     var Col1: typeof Col;
     var Col2: typeof Col;
@@ -122,25 +203,35 @@ declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">
 declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
 declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
 
-declare const textElementVariants: (props?: ({
-    size?: "base" | "sm" | "lg" | "md" | "xs" | "xl" | "2xl" | "3xl" | null | undefined;
-    foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | "gradient" | "muted" | null | undefined;
+type OmitClassProperty<T1, T2 extends string> = Omit<T1, T2>;
+
+declare const textElementVariantsProps: (props?: ({
+    size?: "base" | "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | null | undefined;
+    foreground?: "default" | "secondary" | "muted" | "black" | "white" | "gray" | "primary" | "pink" | "orange" | "primary-to-pink" | "pink-to-orange" | "multi-color" | null | undefined;
     fontweight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface TextElementProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof textElementVariants> {
+interface TextElementProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof textElementVariantsProps> {
     as?: "p" | "div" | "span" | "time";
 }
 
-type OmitClassProperty<T1, T2 extends string> = Omit<T1, T2>;
-
 declare const TextDiv: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
 
-declare const textHeadingVariants: (props?: ({
+declare const textHeadingVariants: {
+    variant: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+    };
+};
+declare const textHeadingVariantsProps: (props?: ({
     variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface TextHeadingProps extends React__default.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof textHeadingVariants> {
+interface TextHeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof textHeadingVariantsProps> {
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    foreground?: VariantProps<typeof textElementVariants>["foreground"];
+    foreground?: VariantProps<typeof textElementVariantsProps>["foreground"];
 }
 declare const TextHeading: ({ children, as, variant, foreground, className, ...props }: TextHeadingProps) => react_jsx_runtime.JSX.Element;
 
@@ -150,4 +241,21 @@ declare const TextSpan: ({ children, size, foreground, fontweight, className, ..
 
 declare const TextTime: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, Badges, type BadgesProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, Cards, type CardsProps, Icon, Input, Layout, type LayoutProps, Separator, Skeleton, Spinner, type SpinnerProps, Stack, type StackProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TextDiv, TextHeading, type TextHeadingProps, TextParagraph, TextSpan, TextTime, badgeVariants, buttonVariants, iconVariants, layoutVariants, stackVariants };
+interface BaseImageProps {
+    src: string;
+    alt?: string;
+    [key: string]: any;
+}
+type ImageComponentType<P extends BaseImageProps = BaseImageProps> = React__default.ComponentType<P>;
+interface ImageProviderProps {
+    ImageComponent: ImageComponentType;
+    children: ReactNode;
+}
+declare const ImageProvider: React__default.FC<ImageProviderProps>;
+declare const useImage: <P extends BaseImageProps = BaseImageProps>() => ImageComponentType<P>;
+
+declare const UiImage: React__default.FC<BaseImageProps>;
+
+declare function formatDate(dateInput: string | Date | null | undefined): string;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, Badges, type BadgesProps, type BaseImageProps, type BlogPost, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, Cards, type CardsProps, Icon, type ImageComponentType, ImageProvider, Input, Layout, type LayoutProps, Separator, Skeleton, Spinner, type SpinnerProps, Stack, type StackProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TextDiv, TextHeading, type TextHeadingProps, TextParagraph, TextSpan, TextTime, UiImage, alertVariants, badgeVariants, buttonVariants, buttonVariantsProps, formatDate, getGridColsClass, iconVariants, iconVariantsProps, layoutVariants, layoutVariantsProps, stackVariants, textHeadingVariants, textHeadingVariantsProps, useImage };

package/dist/main.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { PropsWithChildren } from 'react';
+import React__default, { PropsWithChildren, ReactNode } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -12,10 +12,16 @@ declare function AccordionItem({ className, ...props }: React$1.ComponentProps<t
 declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
 declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
-declare const alertVariants: (props?: ({
+declare const alertVariants: {
+    variant: {
+        default: string;
+        destructive: string;
+    };
+};
+declare const alertVariantsProps: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Alert({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element;
+declare function Alert({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariantsProps>): react_jsx_runtime.JSX.Element;
 declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
@@ -30,11 +36,27 @@ interface BadgesProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare const Badges: ({ children, className, ...props }: BadgesProps) => react_jsx_runtime.JSX.Element;
 
-declare const buttonVariants: (props?: ({
+declare const buttonVariants: {
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+        icon: string;
+    };
+};
+declare const buttonVariantsProps: (props?: ({
     variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props$1 = React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+type Props$1 = React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariantsProps> & {
     asChild?: boolean;
     iconStart?: keyof typeof icons;
     iconStartAnimate?: boolean;
@@ -43,6 +65,17 @@ type Props$1 = React$1.ComponentProps<"button"> & VariantProps<typeof buttonVari
 };
 declare function Button({ className, variant, size, asChild, iconStart, iconStartAnimate, iconEnd, iconEndAnimate, children, ...props }: Props$1): react_jsx_runtime.JSX.Element;
 
+interface BlogPost {
+    id: number;
+    title: string;
+    excerpt: string;
+    author: string;
+    date: Date;
+    readTime: string;
+    category: string;
+    image: string;
+}
+
 declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
@@ -56,14 +89,38 @@ declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttribu
 declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 
 interface CardsProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    cols?: {
+        default?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        "2xl"?: number;
+    };
 }
-declare const Cards: ({ children, className, ...props }: CardsProps) => react_jsx_runtime.JSX.Element;
+declare const getGridColsClass: (cols?: CardsProps["cols"]) => string;
+declare const Cards: ({ children, className, cols, ...props }: CardsProps) => react_jsx_runtime.JSX.Element;
 
-declare const iconVariants: (props?: ({
+declare const iconVariants: {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        default: string;
+        black: string;
+        white: string;
+        gray: string;
+        primary: string;
+        secondary: string;
+    };
+};
+declare const iconVariantsProps: (props?: ({
     size?: "sm" | "lg" | "md" | null | undefined;
     color?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type Props = Omit<React$1.ComponentProps<LucideIcon>, "size"> & VariantProps<typeof iconVariants> & {
+type Props = Omit<React$1.ComponentProps<LucideIcon>, "size"> & VariantProps<typeof iconVariantsProps> & {
     icon: keyof typeof icons;
     spin?: boolean;
 };
@@ -71,15 +128,39 @@ declare function Icon({ className, size, color, icon, spin, ...props }: Props):
 
 declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
 
-declare const layoutVariants: (props?: ({
+declare const layoutVariants: {
+    type: {
+        full: string;
+        wide: string;
+        col: string;
+    };
+    cols: {
+        "100": string;
+        "66-33": string;
+        "50-50": string;
+        "33-33-33": string;
+        "25-25-25-25": string;
+    };
+    bgColor: {
+        transparent: string;
+        white: string;
+        black: string;
+        orange: string;
+        pink: string;
+        gradient1: string;
+        gradient2: string;
+        "primarylight-pink-orange": string;
+    };
+};
+declare const layoutVariantsProps: (props?: ({
     type?: "col" | "full" | "wide" | null | undefined;
     cols?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
-    bgcolor?: "black" | "white" | "transparent" | "orange" | "purple" | "gradient" | null | undefined;
+    bgColor?: "black" | "white" | "pink" | "orange" | "transparent" | "gradient1" | "gradient2" | "primarylight-pink-orange" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface LayoutProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof layoutVariants> {
+interface LayoutProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof layoutVariantsProps> {
     as?: "div" | "section" | "article" | "main" | "header" | "footer";
 }
-declare function Layout({ children, className, type, cols, bgcolor, as: Component, ...props }: PropsWithChildren<LayoutProps>): react_jsx_runtime.JSX.Element;
+declare function Layout({ children, className, type, cols, bgColor, as: Component, ...props }: PropsWithChildren<LayoutProps>): react_jsx_runtime.JSX.Element;
 declare namespace Layout {
     var Col1: typeof Col;
     var Col2: typeof Col;
@@ -122,25 +203,35 @@ declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">
 declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
 declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
 
-declare const textElementVariants: (props?: ({
-    size?: "base" | "sm" | "lg" | "md" | "xs" | "xl" | "2xl" | "3xl" | null | undefined;
-    foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | "gradient" | "muted" | null | undefined;
+type OmitClassProperty<T1, T2 extends string> = Omit<T1, T2>;
+
+declare const textElementVariantsProps: (props?: ({
+    size?: "base" | "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | null | undefined;
+    foreground?: "default" | "secondary" | "muted" | "black" | "white" | "gray" | "primary" | "pink" | "orange" | "primary-to-pink" | "pink-to-orange" | "multi-color" | null | undefined;
     fontweight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface TextElementProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof textElementVariants> {
+interface TextElementProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof textElementVariantsProps> {
     as?: "p" | "div" | "span" | "time";
 }
 
-type OmitClassProperty<T1, T2 extends string> = Omit<T1, T2>;
-
 declare const TextDiv: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
 
-declare const textHeadingVariants: (props?: ({
+declare const textHeadingVariants: {
+    variant: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+    };
+};
+declare const textHeadingVariantsProps: (props?: ({
     variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface TextHeadingProps extends React__default.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof textHeadingVariants> {
+interface TextHeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof textHeadingVariantsProps> {
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    foreground?: VariantProps<typeof textElementVariants>["foreground"];
+    foreground?: VariantProps<typeof textElementVariantsProps>["foreground"];
 }
 declare const TextHeading: ({ children, as, variant, foreground, className, ...props }: TextHeadingProps) => react_jsx_runtime.JSX.Element;
 
@@ -150,4 +241,21 @@ declare const TextSpan: ({ children, size, foreground, fontweight, className, ..
 
 declare const TextTime: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, Badges, type BadgesProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, Cards, type CardsProps, Icon, Input, Layout, type LayoutProps, Separator, Skeleton, Spinner, type SpinnerProps, Stack, type StackProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TextDiv, TextHeading, type TextHeadingProps, TextParagraph, TextSpan, TextTime, badgeVariants, buttonVariants, iconVariants, layoutVariants, stackVariants };
+interface BaseImageProps {
+    src: string;
+    alt?: string;
+    [key: string]: any;
+}
+type ImageComponentType<P extends BaseImageProps = BaseImageProps> = React__default.ComponentType<P>;
+interface ImageProviderProps {
+    ImageComponent: ImageComponentType;
+    children: ReactNode;
+}
+declare const ImageProvider: React__default.FC<ImageProviderProps>;
+declare const useImage: <P extends BaseImageProps = BaseImageProps>() => ImageComponentType<P>;
+
+declare const UiImage: React__default.FC<BaseImageProps>;
+
+declare function formatDate(dateInput: string | Date | null | undefined): string;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, Badges, type BadgesProps, type BaseImageProps, type BlogPost, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, Cards, type CardsProps, Icon, type ImageComponentType, ImageProvider, Input, Layout, type LayoutProps, Separator, Skeleton, Spinner, type SpinnerProps, Stack, type StackProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TextDiv, TextHeading, type TextHeadingProps, TextParagraph, TextSpan, TextTime, UiImage, alertVariants, badgeVariants, buttonVariants, buttonVariantsProps, formatDate, getGridColsClass, iconVariants, iconVariantsProps, layoutVariants, layoutVariantsProps, stackVariants, textHeadingVariants, textHeadingVariantsProps, useImage };