@qodo/design-system 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -1,8 +1,32 @@
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { JSX } from 'react/jsx-runtime';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as React_2 from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { VariantProps } from 'class-variance-authority';
 
+export declare function Accordion({ ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Root>): JSX.Element;
+
+export declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Content>): JSX.Element;
+
+export declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Item>): JSX.Element;
+
+export declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Trigger>): JSX.Element;
+
+export declare function Badge({ className, variant, asChild, ...props }: React_2.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): JSX.Element;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const borderRadius: {
     readonly sm: "0.25rem";
     readonly md: "0.375rem";
@@ -20,6 +44,20 @@ declare const buttonVariants: (props?: ({
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare function Card({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardAction({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
 export declare function cn(...inputs: ClassValue[]): string;
 
 export declare const colors: {
@@ -49,15 +87,71 @@ export declare const colors: {
     };
 };
 
+export declare function Dialog({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
+
+export declare function DialogClose({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>): JSX.Element;
+
+export declare function DialogContent({ className, children, showCloseButton, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): JSX.Element;
+
+export declare function DialogDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
+
+export declare function DialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function DialogOverlay({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Overlay>): JSX.Element;
+
+export declare function DialogPortal({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Portal>): JSX.Element;
+
+export declare function DialogTitle({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Title>): JSX.Element;
+
+export declare function DialogTrigger({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Trigger>): JSX.Element;
+
+export declare function Input({ className, variant, type, ...props }: InputProps): JSX.Element;
+
+export declare interface InputProps extends React_2.ComponentProps<"input">, VariantProps<typeof inputVariants> {
+}
+
+declare const inputVariants: (props?: ({
+    variant?: "default" | "destructive" | "secondary" | "success" | "warning" | "accent" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Progress({ className, value, ...props }: React_2.ComponentProps<typeof ProgressPrimitive.Root>): JSX.Element;
+
+export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
 export declare const spacing: {
     readonly xs: "0.25rem";
     readonly sm: "0.5rem";
     readonly md: "1rem";
     readonly lg: "1.5rem";
     readonly xl: "2rem";
-    readonly '2xl': "3rem";
+    readonly "2xl": "3rem";
 };
 
+export declare function Switch({ className, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root>): JSX.Element;
+
+export declare function Toggle({ className, variant, size, ...props }: React_2.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): JSX.Element;
+
+export declare function ToggleGroup({ className, variant, size, children, ...props }: React_2.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): JSX.Element;
+
+export declare function ToggleGroupItem({ className, children, variant, size, ...props }: React_2.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): JSX.Element;
+
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
+
+export declare function TooltipContent({ className, sideOffset, children, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Content>): JSX.Element;
+
+export declare function TooltipProvider({ delayDuration, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Provider>): JSX.Element;
+
+export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Trigger>): JSX.Element;
+
 export declare const typography: {
     readonly fontFamily: {
         readonly sans: readonly ["Inter", "system-ui", "sans-serif"];
@@ -69,7 +163,7 @@ export declare const typography: {
         readonly base: "1rem";
         readonly lg: "1.125rem";
         readonly xl: "1.25rem";
-        readonly '2xl': "1.5rem";
+        readonly "2xl": "1.5rem";
     };
 };