@qodo/design-system 0.3.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/design-system.css +1 -1
  2. package/dist/index.cjs.js +40 -32
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.d.ts +42 -42
  5. package/dist/index.esm.js +4020 -3630
  6. package/dist/index.esm.js.map +1 -1
  7. package/package.json +11 -9
package/dist/index.d.ts CHANGED
@@ -8,7 +8,7 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
8
8
  import { FieldValues } from 'react-hook-form';
9
9
  import { FormState } from 'react-hook-form';
10
10
  import { InputProps as InputProps_2 } from './types';
11
- import { JSX } from 'react/jsx-runtime';
11
+ import { JSX as JSX_2 } from 'react/jsx-runtime';
12
12
  import * as ProgressPrimitive from '@radix-ui/react-progress';
13
13
  import { PropsWithChildren } from 'react';
14
14
  import * as React_2 from 'react';
@@ -37,17 +37,17 @@ import { UseFormUnregister } from 'react-hook-form';
37
37
  import { UseFormWatch } from 'react-hook-form';
38
38
  import { VariantProps } from 'class-variance-authority';
39
39
 
40
- export declare function Accordion({ ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Root>): JSX.Element;
40
+ export declare function Accordion({ ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Root>): JSX_2.Element;
41
41
 
42
- export declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Content>): JSX.Element;
42
+ export declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Content>): JSX_2.Element;
43
43
 
44
- export declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Item>): JSX.Element;
44
+ export declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Item>): JSX_2.Element;
45
45
 
46
- export declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Trigger>): JSX.Element;
46
+ export declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Trigger>): JSX_2.Element;
47
47
 
48
48
  export declare function Badge({ className, variant, asChild, ...props }: React_2.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
49
49
  asChild?: boolean;
50
- }): JSX.Element;
50
+ }): JSX_2.Element;
51
51
 
52
52
  declare const badgeVariants: (props?: ({
53
53
  variant?: "default" | "destructive" | "outline" | "secondary" | "success" | null | undefined;
@@ -70,19 +70,19 @@ declare const buttonVariants: (props?: ({
70
70
  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
71
71
  } & ClassProp) | undefined) => string;
72
72
 
73
- export declare function Card({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
73
+ export declare function Card({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
74
74
 
75
- export declare function CardAction({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
75
+ export declare function CardAction({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
76
76
 
77
- export declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
77
+ export declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
78
78
 
79
- export declare function CardDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
79
+ export declare function CardDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
80
80
 
81
- export declare function CardFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
81
+ export declare function CardFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
82
82
 
83
- export declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
83
+ export declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
84
84
 
85
- export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
85
+ export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
86
86
 
87
87
  export declare function cn(...inputs: ClassValue[]): string;
88
88
 
@@ -132,36 +132,36 @@ export declare interface ComboboxProps {
132
132
  className?: string;
133
133
  }
134
134
 
135
- export declare function Dialog({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
135
+ export declare function Dialog({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX_2.Element;
136
136
 
137
- export declare function DialogClose({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>): JSX.Element;
137
+ export declare function DialogClose({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>): JSX_2.Element;
138
138
 
139
139
  export declare function DialogContent({ className, children, showCloseButton, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content> & {
140
140
  showCloseButton?: boolean;
141
- }): JSX.Element;
141
+ }): JSX_2.Element;
142
142
 
143
- export declare function DialogDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
143
+ export declare function DialogDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX_2.Element;
144
144
 
145
- export declare function DialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
145
+ export declare function DialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
146
146
 
147
- export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
147
+ export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX_2.Element;
148
148
 
149
- export declare function DialogOverlay({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Overlay>): JSX.Element;
149
+ export declare function DialogOverlay({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Overlay>): JSX_2.Element;
150
150
 
151
- export declare function DialogPortal({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Portal>): JSX.Element;
151
+ export declare function DialogPortal({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Portal>): JSX_2.Element;
152
152
 
153
- export declare function DialogTitle({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Title>): JSX.Element;
153
+ export declare function DialogTitle({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Title>): JSX_2.Element;
154
154
 
155
- export declare function DialogTrigger({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Trigger>): JSX.Element;
155
+ export declare function DialogTrigger({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Trigger>): JSX_2.Element;
156
156
 
157
157
  export declare const Form: {
158
- <T extends FieldValues>(props: FormProps<T>): JSX.Element;
159
- Button: ({ type, ...rest }: ButtonProps_2) => JSX.Element;
160
- Input: (props: InputProps_2) => JSX.Element;
161
- Select: (props: SelectProps) => JSX.Element;
162
- Combobox: (props: ComboboxProps_2) => JSX.Element;
163
- Divider: (props: React.HTMLAttributes<HTMLHRElement>) => JSX.Element;
164
- Title: ({ children, description, className }: TitleProps) => JSX.Element;
158
+ <T extends FieldValues>(props: FormProps<T>): JSX_2.Element;
159
+ Button: ({ type, ...rest }: ButtonProps_2) => JSX_2.Element;
160
+ Input: (props: InputProps_2) => JSX_2.Element;
161
+ Select: (props: SelectProps) => JSX_2.Element;
162
+ Combobox: (props: ComboboxProps_2) => JSX_2.Element;
163
+ Divider: (props: React.HTMLAttributes<HTMLHRElement>) => JSX_2.Element;
164
+ Title: ({ children, description, className }: TitleProps) => JSX_2.Element;
165
165
  };
166
166
 
167
167
  declare type FormProps<T extends FieldValues> = PropsWithChildren<{
@@ -173,7 +173,7 @@ declare type FormProps<T extends FieldValues> = PropsWithChildren<{
173
173
  readOnly?: boolean;
174
174
  }>;
175
175
 
176
- export declare const FormProvider: <T extends FieldValues>(props: FormProviderProps<T>) => JSX.Element;
176
+ export declare const FormProvider: <T extends FieldValues>(props: FormProviderProps<T>) => JSX_2.Element;
177
177
 
178
178
  declare type FormProviderProps<T extends FieldValues> = PropsWithChildren<{
179
179
  methods: UseFormReturn<T>;
@@ -182,7 +182,7 @@ declare type FormProviderProps<T extends FieldValues> = PropsWithChildren<{
182
182
  readOnly?: boolean;
183
183
  }>;
184
184
 
185
- export declare function Input({ className, variant, type, ...props }: InputProps): JSX.Element;
185
+ export declare function Input({ className, variant, type, ...props }: InputProps): JSX_2.Element;
186
186
 
187
187
  export declare interface InputProps extends React_2.ComponentProps<"input">, VariantProps<typeof inputVariants> {
188
188
  }
@@ -191,7 +191,7 @@ declare const inputVariants: (props?: ({
191
191
  variant?: "default" | "destructive" | "secondary" | "success" | "warning" | "accent" | null | undefined;
192
192
  } & ClassProp) | undefined) => string;
193
193
 
194
- export declare function Progress({ className, value, ...props }: React_2.ComponentProps<typeof ProgressPrimitive.Root>): JSX.Element;
194
+ export declare function Progress({ className, value, ...props }: React_2.ComponentProps<typeof ProgressPrimitive.Root>): JSX_2.Element;
195
195
 
196
196
  export declare const Select: React_2.FC<SelectPrimitive.SelectProps>;
197
197
 
@@ -213,7 +213,7 @@ export declare const SelectTrigger: React_2.ForwardRefExoticComponent<Omit<Selec
213
213
 
214
214
  export declare const SelectValue: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React_2.RefAttributes<HTMLSpanElement>>;
215
215
 
216
- export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
216
+ export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX_2.Element;
217
217
 
218
218
  export declare const spacing: {
219
219
  readonly xs: "0.25rem";
@@ -224,26 +224,26 @@ export declare const spacing: {
224
224
  readonly "2xl": "3rem";
225
225
  };
226
226
 
227
- export declare function Switch({ className, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root>): JSX.Element;
227
+ export declare function Switch({ className, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root>): JSX_2.Element;
228
228
 
229
- export declare function Toggle({ className, variant, size, ...props }: React_2.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): JSX.Element;
229
+ export declare function Toggle({ className, variant, size, ...props }: React_2.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): JSX_2.Element;
230
230
 
231
- export declare function ToggleGroup({ className, variant, size, children, ...props }: React_2.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): JSX.Element;
231
+ export declare function ToggleGroup({ className, variant, size, children, ...props }: React_2.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): JSX_2.Element;
232
232
 
233
- export declare function ToggleGroupItem({ className, children, variant, size, ...props }: React_2.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): JSX.Element;
233
+ export declare function ToggleGroupItem({ className, children, variant, size, ...props }: React_2.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): JSX_2.Element;
234
234
 
235
235
  declare const toggleVariants: (props?: ({
236
236
  variant?: "default" | "outline" | null | undefined;
237
237
  size?: "default" | "sm" | "lg" | null | undefined;
238
238
  } & ClassProp) | undefined) => string;
239
239
 
240
- export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
240
+ export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX_2.Element;
241
241
 
242
- export declare function TooltipContent({ className, sideOffset, children, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Content>): JSX.Element;
242
+ export declare function TooltipContent({ className, sideOffset, children, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Content>): JSX_2.Element;
243
243
 
244
- export declare function TooltipProvider({ delayDuration, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Provider>): JSX.Element;
244
+ export declare function TooltipProvider({ delayDuration, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Provider>): JSX_2.Element;
245
245
 
246
- export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Trigger>): JSX.Element;
246
+ export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Trigger>): JSX_2.Element;
247
247
 
248
248
  export declare const typography: {
249
249
  readonly fontFamily: {