@qodo/design-system 0.4.0 → 0.5.1

package/dist/index.d.ts

@@ -14,6 +14,7 @@ import { PropsWithChildren } from 'react';
 import * as React_2 from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { SelectProps } from './types';
+import { Steps as Steps_2 } from '@ark-ui/react/steps';
 import { SubmitHandler } from 'react-hook-form';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { TitleProps } from './types';
@@ -182,6 +183,10 @@ declare type FormProviderProps<T extends FieldValues> = PropsWithChildren<{
     readOnly?: boolean;
 }>;
 
+declare type IndicatorProps = React.ComponentProps<typeof Steps_2.Indicator> & {
+    index: number;
+};
+
 export declare function Input({ className, variant, type, ...props }: InputProps): JSX_2.Element;
 
 export declare interface InputProps extends React_2.ComponentProps<"input">, VariantProps<typeof inputVariants> {
@@ -213,6 +218,10 @@ export declare const SelectTrigger: React_2.ForwardRefExoticComponent<Omit<Selec
 
 export declare const SelectValue: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React_2.RefAttributes<HTMLSpanElement>>;
 
+declare type SeparatorProps = React.ComponentProps<typeof Steps_2.Separator> & {
+    index: number;
+};
+
 export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX_2.Element;
 
 export declare const spacing: {
@@ -224,6 +233,19 @@ export declare const spacing: {
     readonly "2xl": "3rem";
 };
 
+export declare const Steps: {
+    Root: ({ className: propsClassName, step, ...rest }: React.ComponentProps<typeof Steps_2.Root>) => JSX_2.Element;
+    List: ({ className: propsClassName, ...rest }: React.ComponentProps<typeof Steps_2.List>) => JSX_2.Element;
+    Item: ({ className: propsClassName, ...rest }: React.ComponentProps<typeof Steps_2.Item>) => JSX_2.Element;
+    Trigger: ({ className: propsClassName, ...rest }: React.ComponentProps<typeof Steps_2.Trigger>) => JSX_2.Element;
+    Indicator: ({ index, className: propsClassName, ...rest }: IndicatorProps) => JSX_2.Element;
+    Separator: ({ index, className: propsClassName, ...rest }: SeparatorProps) => JSX_2.Element;
+    Content: ({ className: propsClassName, ...rest }: React.ComponentProps<typeof Steps_2.Content>) => JSX_2.Element;
+    CompletedContent: ({ className: propsClassName, ...rest }: React.ComponentProps<typeof Steps_2.CompletedContent>) => JSX_2.Element;
+    PrevTrigger: ({ className: propsClassName, ...rest }: React.ComponentProps<typeof Steps_2.PrevTrigger>) => JSX_2.Element;
+    NextTrigger: ({ className: propsClassName, ...rest }: React.ComponentProps<typeof Steps_2.NextTrigger>) => JSX_2.Element;
+};
+
 export declare function Switch({ className, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root>): JSX_2.Element;
 
 export declare function Toggle({ className, variant, size, ...props }: React_2.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): JSX_2.Element;