singularity-components 0.1.105 → 0.1.107

package/dist/main.d.cts

@@ -1,261 +1,24 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React$1 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';
-import { icons, LucideIcon } from 'lucide-react';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-
-declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
-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: {
-    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 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;
-
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Badge({ className, variant, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
-interface BadgesProps extends React$1.HTMLAttributes<HTMLDivElement> {
-}
-declare const Badges: ({ children, className, ...props }: BadgesProps) => react_jsx_runtime.JSX.Element;
-
-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 buttonVariantsProps> & {
-    asChild?: boolean;
-    iconStart?: keyof typeof icons;
-    iconStartAnimate?: boolean;
-    iconEnd?: keyof typeof icons;
-    iconEndAnimate?: boolean;
-};
-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>>;
-declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-interface CardImageProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    src: string;
-    alt?: string;
-}
-declare const CardImage: React$1.ForwardRefExoticComponent<CardImageProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-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 getGridColsClass: (cols?: CardsProps["cols"]) => string;
-declare const Cards: ({ children, className, cols, ...props }: CardsProps) => react_jsx_runtime.JSX.Element;
-
-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 iconVariantsProps> & {
-    icon: keyof typeof icons;
-    spin?: boolean;
-};
-declare function Icon({ className, size, color, icon, spin, ...props }: Props): react_jsx_runtime.JSX.Element;
-
-declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
-
-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" | "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 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 namespace Layout {
-    var Col1: typeof Col;
-    var Col2: typeof Col;
-    var Col3: typeof Col;
-    var Col4: typeof Col;
-}
-type colProp = {
-    children?: React$1.ReactNode;
-    hideDiv?: boolean;
-    className?: string;
-    as?: "div" | "section" | "article" | "main" | "header" | "footer";
-};
-declare function Col({ children, hideDiv, className, as: Component }: colProp): react_jsx_runtime.JSX.Element;
-
-declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
-
-declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-
-type SpinnerProps = {
-    variant?: "ring" | "dots";
-    size?: "xs" | "sm" | "md" | "lg";
-    className?: string;
-};
-declare function Spinner({ variant, size, className, }: SpinnerProps): react_jsx_runtime.JSX.Element;
-
-declare const stackVariants: (props?: ({
-    gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface StackProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
-    asChild?: boolean;
-}
-declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
-
-declare function Table({ className, ...props }: React$1.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
-declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
-declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
-declare function TableFooter({ className, ...props }: React$1.ComponentProps<"tfoot">): react_jsx_runtime.JSX.Element;
-declare function TableRow({ className, ...props }: React$1.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
-declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
-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;
-
-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 textElementVariantsProps> {
-    as?: "p" | "div" | "span" | "time";
-}
-
-declare const TextDiv: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
-
-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.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof textHeadingVariantsProps> {
-    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    foreground?: VariantProps<typeof textElementVariantsProps>["foreground"];
-}
-declare const TextHeading: ({ children, as, variant, foreground, className, ...props }: TextHeadingProps) => react_jsx_runtime.JSX.Element;
-
-declare const TextParagraph: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
-
-declare const TextSpan: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
-
-declare const TextTime: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
-
-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 };
+import { BaseImageProps, ImageComponentType, ImageProvider, useImage } from "./components/client/providers/ImageContext.cjs";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/client/primitives/accordion/accordion.cjs";
+import { Separator } from "./components/client/primitives/separator/separator.cjs";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/client/primitives/table/table.cjs";
+import { UiImage } from "./components/client/primitives/ui-image.cjs";
+import { Alert, AlertDescription, AlertTitle, alertVariants } from "./components/server/primitives/alert/alert.cjs";
+import { Badge, badgeVariants } from "./components/server/primitives/badge/badge.cjs";
+import { Badges, BadgesProps } from "./components/server/primitives/badge/badges.cjs";
+import { Button, buttonVariants, buttonVariantsProps } from "./components/server/primitives/button/button.cjs";
+import { BlogPost } from "./components/server/primitives/cards/blog-card.cjs";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle } from "./components/server/primitives/cards/card.cjs";
+import { Cards, CardsProps, getGridColsClass } from "./components/server/primitives/cards/cards.cjs";
+import { Icon, iconVariants, iconVariantsProps } from "./components/server/primitives/icon/icon.cjs";
+import { Input } from "./components/server/primitives/input/input.cjs";
+import { Layout, LayoutProps, layoutVariants, layoutVariantsProps } from "./components/server/primitives/layout/layout.cjs";
+import { Skeleton } from "./components/server/primitives/skeleton/skeleton.cjs";
+import { Spinner, SpinnerProps } from "./components/server/primitives/spinner/spinner.cjs";
+import { Stack, StackProps, stackVariants } from "./components/server/primitives/stack/stack.cjs";
+import { TextDiv } from "./components/server/primitives/text/text-div.cjs";
+import { TextHeading, TextHeadingProps, textHeadingVariants, textHeadingVariantsProps } from "./components/server/primitives/text/text-heading.cjs";
+import { TextParagraph } from "./components/server/primitives/text/text-paragraph.cjs";
+import { TextSpan } from "./components/server/primitives/text/text-span.cjs";
+import { TextTime } from "./components/server/primitives/text/text-time.cjs";
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, Badges, BadgesProps, BaseImageProps, BlogPost, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, Cards, CardsProps, Icon, ImageComponentType, ImageProvider, Input, Layout, LayoutProps, Separator, Skeleton, Spinner, SpinnerProps, Stack, StackProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TextDiv, TextHeading, TextHeadingProps, TextParagraph, TextSpan, TextTime, UiImage, alertVariants, badgeVariants, buttonVariants, buttonVariantsProps, getGridColsClass, iconVariants, iconVariantsProps, layoutVariants, layoutVariantsProps, stackVariants, textHeadingVariants, textHeadingVariantsProps, useImage };

package/dist/main.d.ts

@@ -1,261 +1,24 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React$1 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';
-import { icons, LucideIcon } from 'lucide-react';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-
-declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
-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: {
-    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 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;
-
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Badge({ className, variant, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
-    asChild?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
-interface BadgesProps extends React$1.HTMLAttributes<HTMLDivElement> {
-}
-declare const Badges: ({ children, className, ...props }: BadgesProps) => react_jsx_runtime.JSX.Element;
-
-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 buttonVariantsProps> & {
-    asChild?: boolean;
-    iconStart?: keyof typeof icons;
-    iconStartAnimate?: boolean;
-    iconEnd?: keyof typeof icons;
-    iconEndAnimate?: boolean;
-};
-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>>;
-declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-interface CardImageProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    src: string;
-    alt?: string;
-}
-declare const CardImage: React$1.ForwardRefExoticComponent<CardImageProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-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 getGridColsClass: (cols?: CardsProps["cols"]) => string;
-declare const Cards: ({ children, className, cols, ...props }: CardsProps) => react_jsx_runtime.JSX.Element;
-
-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 iconVariantsProps> & {
-    icon: keyof typeof icons;
-    spin?: boolean;
-};
-declare function Icon({ className, size, color, icon, spin, ...props }: Props): react_jsx_runtime.JSX.Element;
-
-declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
-
-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" | "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 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 namespace Layout {
-    var Col1: typeof Col;
-    var Col2: typeof Col;
-    var Col3: typeof Col;
-    var Col4: typeof Col;
-}
-type colProp = {
-    children?: React$1.ReactNode;
-    hideDiv?: boolean;
-    className?: string;
-    as?: "div" | "section" | "article" | "main" | "header" | "footer";
-};
-declare function Col({ children, hideDiv, className, as: Component }: colProp): react_jsx_runtime.JSX.Element;
-
-declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
-
-declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-
-type SpinnerProps = {
-    variant?: "ring" | "dots";
-    size?: "xs" | "sm" | "md" | "lg";
-    className?: string;
-};
-declare function Spinner({ variant, size, className, }: SpinnerProps): react_jsx_runtime.JSX.Element;
-
-declare const stackVariants: (props?: ({
-    gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface StackProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
-    asChild?: boolean;
-}
-declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
-
-declare function Table({ className, ...props }: React$1.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
-declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
-declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
-declare function TableFooter({ className, ...props }: React$1.ComponentProps<"tfoot">): react_jsx_runtime.JSX.Element;
-declare function TableRow({ className, ...props }: React$1.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
-declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
-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;
-
-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 textElementVariantsProps> {
-    as?: "p" | "div" | "span" | "time";
-}
-
-declare const TextDiv: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
-
-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.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof textHeadingVariantsProps> {
-    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    foreground?: VariantProps<typeof textElementVariantsProps>["foreground"];
-}
-declare const TextHeading: ({ children, as, variant, foreground, className, ...props }: TextHeadingProps) => react_jsx_runtime.JSX.Element;
-
-declare const TextParagraph: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
-
-declare const TextSpan: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
-
-declare const TextTime: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
-
-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 };
+import { BaseImageProps, ImageComponentType, ImageProvider, useImage } from "./components/client/providers/ImageContext.js";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/client/primitives/accordion/accordion.js";
+import { Separator } from "./components/client/primitives/separator/separator.js";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/client/primitives/table/table.js";
+import { UiImage } from "./components/client/primitives/ui-image.js";
+import { Alert, AlertDescription, AlertTitle, alertVariants } from "./components/server/primitives/alert/alert.js";
+import { Badge, badgeVariants } from "./components/server/primitives/badge/badge.js";
+import { Badges, BadgesProps } from "./components/server/primitives/badge/badges.js";
+import { Button, buttonVariants, buttonVariantsProps } from "./components/server/primitives/button/button.js";
+import { BlogPost } from "./components/server/primitives/cards/blog-card.js";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle } from "./components/server/primitives/cards/card.js";
+import { Cards, CardsProps, getGridColsClass } from "./components/server/primitives/cards/cards.js";
+import { Icon, iconVariants, iconVariantsProps } from "./components/server/primitives/icon/icon.js";
+import { Input } from "./components/server/primitives/input/input.js";
+import { Layout, LayoutProps, layoutVariants, layoutVariantsProps } from "./components/server/primitives/layout/layout.js";
+import { Skeleton } from "./components/server/primitives/skeleton/skeleton.js";
+import { Spinner, SpinnerProps } from "./components/server/primitives/spinner/spinner.js";
+import { Stack, StackProps, stackVariants } from "./components/server/primitives/stack/stack.js";
+import { TextDiv } from "./components/server/primitives/text/text-div.js";
+import { TextHeading, TextHeadingProps, textHeadingVariants, textHeadingVariantsProps } from "./components/server/primitives/text/text-heading.js";
+import { TextParagraph } from "./components/server/primitives/text/text-paragraph.js";
+import { TextSpan } from "./components/server/primitives/text/text-span.js";
+import { TextTime } from "./components/server/primitives/text/text-time.js";
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, Badges, BadgesProps, BaseImageProps, BlogPost, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, Cards, CardsProps, Icon, ImageComponentType, ImageProvider, Input, Layout, LayoutProps, Separator, Skeleton, Spinner, SpinnerProps, Stack, StackProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TextDiv, TextHeading, TextHeadingProps, TextParagraph, TextSpan, TextTime, UiImage, alertVariants, badgeVariants, buttonVariants, buttonVariantsProps, getGridColsClass, iconVariants, iconVariantsProps, layoutVariants, layoutVariantsProps, stackVariants, textHeadingVariants, textHeadingVariantsProps, useImage };