@geegeez/ui 0.0.3 → 0.0.4

package/dist/index.d.ts

@@ -124,7 +124,7 @@ declare interface BadgeProps extends React_2.HTMLAttributes<HTMLDivElement>, Var
 }
 
 export declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    variant?: "secondary" | "default" | "outline" | "destructive" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const Breadcrumb: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
@@ -151,9 +151,9 @@ export declare const BreadcrumbSeparator: {
     displayName: string;
 };
 
-export declare function Button({ className, variant, size, asChild, ...props }: React_2.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-}): JSX.Element;
+export declare function Button({ className, variant, color, shape, size, density, asChild, ...props }: React_2.ComponentProps<"button"> & ButtonProps): JSX.Element;
+
+declare type ButtonColor = (typeof COLORS)[number];
 
 export declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): JSX.Element;
 
@@ -169,20 +169,25 @@ export declare const buttonGroupVariants: (props?: ({
 
 declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
+    color?: ButtonColor;
 }
 
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "flat" | "link" | "default" | "outline" | "ghost" | "light" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+    shape?: "rectangle" | "square" | null | undefined;
+    density?: "default" | "compact" | "relaxed" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React_2.ComponentProps<typeof DayPicker> & {
     buttonVariant?: React_2.ComponentProps<typeof Button>["variant"];
 }): JSX.Element;
 
-export declare function CalendarDayButton({ className, day, modifiers, ...props }: React_2.ComponentProps<typeof DayButton>): JSX.Element;
+export declare function CalendarDayButton({ className, day, modifiers, color, ...props }: React_2.ComponentProps<typeof DayButton>): JSX.Element;
 
-export declare const Card: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare type CardColor = (typeof COLORS)[number];
 
 export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
@@ -192,8 +197,18 @@ export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLA
 
 export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
+declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+    color?: CardColor;
+}
+
 export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
+declare const cardVariants: (props?: ({
+    variant?: "outline" | "unstyled" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+    density?: "default" | "compact" | "relaxed" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const Carousel: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & CarouselProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare type CarouselApi = UseEmblaCarouselType[1];
@@ -202,23 +217,13 @@ export declare const CarouselContent: React_2.ForwardRefExoticComponent<React_2.
 
 export declare const CarouselItem: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const CarouselNext: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
-variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
-} & ClassProp) | undefined) => string> & {
-    asChild?: boolean;
-}, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const CarouselNext: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & ButtonProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 declare type CarouselOptions = UseCarouselParameters[0];
 
 declare type CarouselPlugin = UseCarouselParameters[1];
 
-export declare const CarouselPrevious: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
-variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
-} & ClassProp) | undefined) => string> & {
-    asChild?: boolean;
-}, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const CarouselPrevious: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & ButtonProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 declare type CarouselProps = {
     opts?: CarouselOptions;
@@ -297,6 +302,8 @@ export declare const CollapsibleContent: ForwardRefExoticComponent<CollapsiblePr
 
 export declare const CollapsibleTrigger: ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & RefAttributes<HTMLButtonElement>>;
 
+declare const COLORS: readonly ["primary", "secondary", "neutral", "error", "warning", "info", "success"];
+
 export declare const Command: React_2.ForwardRefExoticComponent<Omit<{
     children?: React_2.ReactNode;
 } & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
@@ -422,12 +429,16 @@ export declare const ContextMenuSubTrigger: React_2.ForwardRefExoticComponent<Om
 
 export declare const ContextMenuTrigger: React_2.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React_2.RefAttributes<HTMLSpanElement>>;
 
-export declare const Dialog: React_2.FC<DialogPrimitive.DialogProps>;
+export declare const Dialog: ({ density, ...props }: DialogProps_2) => JSX.Element;
 
 export declare const DialogClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare const DialogContent: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
+declare const dialogContentVariants: (props?: ({
+    density?: "default" | "compact" | "relaxed" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const DialogDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
 
 export declare const DialogFooter: {
@@ -444,6 +455,9 @@ export declare const DialogOverlay: React_2.ForwardRefExoticComponent<Omit<Dialo
 
 export declare const DialogPortal: React_2.FC<DialogPrimitive.DialogPortalProps>;
 
+declare interface DialogProps_2 extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>, VariantProps<typeof dialogContentVariants> {
+}
+
 export declare const DialogTitle: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
 
 export declare const DialogTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
@@ -591,13 +605,13 @@ export declare function InputGroup({ className, ...props }: React_2.ComponentPro
 export declare function InputGroupAddon({ className, align, ...props }: React_2.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): JSX.Element;
 
 declare const inputGroupAddonVariants: (props?: ({
-    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React_2.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): JSX.Element;
 
 declare const inputGroupButtonVariants: (props?: ({
-    size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare function InputGroupInput({ className, ...props }: React_2.ComponentProps<"input">): JSX.Element;
@@ -753,13 +767,13 @@ export declare const PaginationEllipsis: {
 export declare const PaginationItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;
 
 export declare const PaginationLink: {
-    ({ className, isActive, size, ...props }: PaginationLinkProps): JSX.Element;
+    ({ className, isActive, size, shape, ...props }: PaginationLinkProps): JSX.Element;
     displayName: string;
 };
 
 declare type PaginationLinkProps = {
     isActive?: boolean;
-} & Pick<ButtonProps, "size"> & React_2.ComponentProps<"a">;
+} & Pick<ButtonProps, "size" | "shape"> & React_2.ComponentProps<"a">;
 
 export declare const PaginationNext: {
     ({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
@@ -865,7 +879,7 @@ export declare const SheetTitle: React_2.ForwardRefExoticComponent<Omit<DialogPr
 export declare const SheetTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const Sidebar: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
@@ -950,12 +964,7 @@ export declare const SidebarRail: React_2.ForwardRefExoticComponent<Omit<React_2
 
 export declare const SidebarSeparator: React_2.ForwardRefExoticComponent<Omit<Omit<SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const SidebarTrigger: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
-} & ClassProp) | undefined) => string> & {
-    asChild?: boolean;
-}, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const SidebarTrigger: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & ButtonProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;