@sikka/hawa 0.7.4-next → 0.7.6-next

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 (6) hide show
  1. package/README.md +37 -17
  2. package/dist/index.d.mts +27 -26
  3. package/dist/index.d.ts +27 -26
  4. package/dist/index.js +4885 -3362
  5. package/dist/index.mjs +4179 -3492
  6. package/package.json +4 -4
package/README.md CHANGED
@@ -2,32 +2,59 @@
2
2
  <img src="https://res.cloudinary.com/dt8onsdfl/image/upload/v1694478376/hawa-logo-white-bg.jpg" alt="Hawa | هواء" />
3
3
  </p>
4
4
 
5
+ <p align="center">
6
+ <a href="https://hawa.style/docs">Documentation</a>
7
+ <!-- <a href="https://hawa.style/changelog">Changelog</a> | -->
8
+ <!-- <a href="https://hawa.style/roadmap">Roadmap</a> -->
9
+ </p>
10
+
11
+ <p align="center">
12
+ <a href="https://www.npmjs.com/package/@sikka/hawa">
13
+ <img src="https://img.shields.io/npm/v/@sikka/hawa.svg?style=flat&colorA=000000&colorB=1082c3" alt="npm"/>
14
+ </a>
15
+ <!-- <a href="https://www.npmjs.com/package/@sikka/hawa">
16
+ <img src="https://img.shields.io/npm/v/@sikka/hawa/beta.svg?style=flat&colorA=000000&colorB=ea7637" alt="@beta tag"/>
17
+ </a> -->
18
+ <a href="https://www.npmjs.com/package/@sikka/hawa">
19
+ <img src="https://img.shields.io/npm/v/@sikka/hawa/next.svg?style=flat&colorA=000000&colorB=ea7637" alt="@next tag"/>
20
+ </a>
21
+ <a href="https://www.npmjs.com/package/@sikka/hawa">
22
+ <img src="https://img.shields.io/npm/dt/@sikka/hawa.svg?style=flat&colorA=000000&colorB=000000" alt="npm"/>
23
+ </a>
24
+ <br />
25
+ <a href="https://github.com/sikka-software/Hawa/actions/workflows/hawa-main.yml">
26
+ <img src="https://github.com/sikka-software/Hawa/actions/workflows/hawa-main.yml/badge.svg" alt="@next tag"/>
27
+ </a>
28
+ <a href="https://github.com/sikka-software/Hawa/actions/workflows/hawa-beta.yml">
29
+ <img src="https://github.com/sikka-software/Hawa/actions/workflows/hawa-beta.yml/badge.svg" alt="@next tag"/>
30
+ </a>
31
+ </p>
32
+
5
33
  # Hawa | هواء
6
34
 
7
- [![NPM](https://img.shields.io/npm/v/@sikka/hawa.svg?style=flat&colorA=000000&colorB=1082c3)](https://www.npmjs.com/package/@sikka/hawa)
8
- [![NPM@beta](https://img.shields.io/npm/v/@sikka/hawa/beta.svg?style=flat&colorA=000000&colorB=ea7637)](https://www.npmjs.com/package/@sikka/hawa)
9
- [![Hawa CI - @latest](https://github.com/sikka-software/Hawa/actions/workflows/hawa-main.yml/badge.svg)](https://github.com/sikka-software/Hawa/actions/workflows/hawa-main.yml)
10
- [![Hawa CI - @beta](https://github.com/sikka-software/Hawa/actions/workflows/hawa-beta.yml/badge.svg)](https://github.com/sikka-software/Hawa/actions/workflows/hawa-beta.yml)
11
- <!-- [![NPM](https://img.shields.io/npm/dt/@sikka/hawa.svg?style=flat&colorA=000000&colorB=000000)](https://www.npmjs.com/package/@sikka/hawa) -->
35
+ <!-- [![NPM](https://img.shields.io/npm/v/@sikka/hawa.svg?style=flat&colorA=000000&colorB=1082c3)](https://www.npmjs.com/package/@sikka/hawa) -->
12
36
 
37
+ <!-- [![NPM@beta](https://img.shields.io/npm/v/@sikka/hawa/beta.svg?style=flat&colorA=000000&colorB=ea7637)](https://www.npmjs.com/package/@sikka/hawa) -->
38
+ <!--
39
+ [![Hawa CI - @latest](https://github.com/sikka-software/Hawa/actions/workflows/hawa-main.yml/badge.svg)](https://github.com/sikka-software/Hawa/actions/workflows/hawa-main.yml)
40
+ [![Hawa CI - @beta](https://github.com/sikka-software/Hawa/actions/workflows/hawa-beta.yml/badge.svg)](https://github.com/sikka-software/Hawa/actions/workflows/hawa-beta.yml) -->
13
41
 
42
+ <!-- [![NPM](https://img.shields.io/npm/dt/@sikka/hawa.svg?style=flat&colorA=000000&colorB=000000)](https://www.npmjs.com/package/@sikka/hawa) -->
14
43
 
15
44
  > Opinionated UI Kit for web apps and websites built with TailwindCSS
16
-
17
- [Docs](https://hawa.style/docs)
18
45
 
19
46
  ### Tools used
47
+
20
48
  - Tailwind
21
49
  - Radix-UI
22
50
  - React Icons
23
51
  - @tanstack/react-table
24
52
 
25
-
26
-
27
-
28
53
  ## Install
54
+
29
55
  **Note:** `@beta` only points to pre-releases.
30
56
  Use `@latest` for the latest stable release.
57
+
31
58
  ```bash
32
59
  npm install @sikka/hawa
33
60
  ```
@@ -38,13 +65,6 @@ npm install @sikka/hawa
38
65
 
39
66
  To contribute, clone this github repository and run the development server
40
67
 
41
- ```bash
42
- git clone git@github.com:sikka-software/hawa.git
43
- cd hawa
44
- npm install
45
- npm run start
46
- ```
47
-
48
68
  </br>
49
69
 
50
70
  ![Alt](https://repobeats.axiom.co/api/embed/0aa365b7bd1591de135582699d523de7b262eecb.svg "Repobeats analytics image")
package/dist/index.d.mts CHANGED
@@ -2,6 +2,7 @@ import * as React$1 from 'react';
2
2
  import React__default, { FC, ReactNode, ChangeEvent, RefObject, PropsWithRef } from 'react';
3
3
  import * as class_variance_authority_types from 'class-variance-authority/types';
4
4
  import { VariantProps } from 'class-variance-authority';
5
+ import * as react_jsx_runtime from 'react/jsx-runtime';
5
6
  import * as DialogPrimitive from '@radix-ui/react-dialog';
6
7
  import { DialogProps } from '@radix-ui/react-dialog';
7
8
  import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
@@ -82,13 +83,13 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimit
82
83
  persist?: boolean | undefined;
83
84
  } & React$1.RefAttributes<HTMLDivElement>>;
84
85
  declare const DialogHeader: {
85
- ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
86
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
86
87
  displayName: string;
87
88
  };
88
89
  declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
89
90
  declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
90
91
  declare const DialogFooter: {
91
- ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
92
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
92
93
  displayName: string;
93
94
  };
94
95
 
@@ -191,7 +192,7 @@ type ToastActionElement = React$1.ReactElement<typeof ToastAction>;
191
192
  type ToasterProps = {
192
193
  direction?: "ltr" | "rtl";
193
194
  };
194
- declare function Toaster(props: ToasterProps): React__default.JSX.Element;
195
+ declare function Toaster(props: ToasterProps): react_jsx_runtime.JSX.Element;
195
196
 
196
197
  interface SwitchProps extends React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
197
198
  size?: "default" | "sm" | "lg";
@@ -221,7 +222,7 @@ interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
221
222
  className?: string;
222
223
  animation?: "none" | "pulse" | "shimmer";
223
224
  }
224
- declare function Skeleton({ className, animation, ...props }: SkeletonProps): React__default.JSX.Element;
225
+ declare function Skeleton({ className, animation, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
225
226
 
226
227
  type TChipTypes = {
227
228
  /** The text inside the chip */
@@ -426,7 +427,7 @@ declare module "@tanstack/table-core" {
426
427
  sortable: any;
427
428
  }
428
429
  }
429
- declare const DataTable: <DataProps extends {}>({ columns, data, ...props }: DataTableProps<DataProps>) => React$1.JSX.Element;
430
+ declare const DataTable: <DataProps extends {}>({ columns, data, ...props }: DataTableProps<DataProps>) => react_jsx_runtime.JSX.Element;
430
431
 
431
432
  type DataProps = {};
432
433
  type SimpleTableProps = {
@@ -541,23 +542,23 @@ declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimit
541
542
 
542
543
  type IconProps = React__default.HTMLAttributes<SVGElement>;
543
544
  declare const Logos: {
544
- logo: (props: IconProps) => React__default.JSX.Element;
545
- mail: (props: IconProps) => React__default.JSX.Element;
546
- phone: (props: IconProps) => React__default.JSX.Element;
547
- twitter: (props: IconProps) => React__default.JSX.Element;
548
- microsoft: (props: IconProps) => React__default.JSX.Element;
549
- gitHub: (props: IconProps) => React__default.JSX.Element;
550
- radix: (props: IconProps) => React__default.JSX.Element;
551
- aria: (props: IconProps) => React__default.JSX.Element;
552
- npm: (props: IconProps) => React__default.JSX.Element;
553
- yarn: (props: IconProps) => React__default.JSX.Element;
554
- pnpm: (props: IconProps) => React__default.JSX.Element;
555
- react: (props: IconProps) => React__default.JSX.Element;
556
- tailwind: (props: IconProps) => React__default.JSX.Element;
557
- google: (props: IconProps) => React__default.JSX.Element;
558
- apple: (props: IconProps) => React__default.JSX.Element;
559
- paypal: (props: IconProps) => React__default.JSX.Element;
560
- spinner: (props: IconProps) => React__default.JSX.Element;
545
+ logo: (props: IconProps) => react_jsx_runtime.JSX.Element;
546
+ mail: (props: IconProps) => react_jsx_runtime.JSX.Element;
547
+ phone: (props: IconProps) => react_jsx_runtime.JSX.Element;
548
+ twitter: (props: IconProps) => react_jsx_runtime.JSX.Element;
549
+ microsoft: (props: IconProps) => react_jsx_runtime.JSX.Element;
550
+ gitHub: (props: IconProps) => react_jsx_runtime.JSX.Element;
551
+ radix: (props: IconProps) => react_jsx_runtime.JSX.Element;
552
+ aria: (props: IconProps) => react_jsx_runtime.JSX.Element;
553
+ npm: (props: IconProps) => react_jsx_runtime.JSX.Element;
554
+ yarn: (props: IconProps) => react_jsx_runtime.JSX.Element;
555
+ pnpm: (props: IconProps) => react_jsx_runtime.JSX.Element;
556
+ react: (props: IconProps) => react_jsx_runtime.JSX.Element;
557
+ tailwind: (props: IconProps) => react_jsx_runtime.JSX.Element;
558
+ google: (props: IconProps) => react_jsx_runtime.JSX.Element;
559
+ apple: (props: IconProps) => react_jsx_runtime.JSX.Element;
560
+ paypal: (props: IconProps) => react_jsx_runtime.JSX.Element;
561
+ spinner: (props: IconProps) => react_jsx_runtime.JSX.Element;
561
562
  };
562
563
 
563
564
  declare const Command: React$1.ForwardRefExoticComponent<Omit<{
@@ -572,7 +573,7 @@ declare const Command: React$1.ForwardRefExoticComponent<Omit<{
572
573
  } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
573
574
  interface CommandDialogProps extends DialogProps {
574
575
  }
575
- declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => React$1.JSX.Element;
576
+ declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
576
577
  declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange"> & {
577
578
  value?: string | undefined;
578
579
  onValueChange?: ((search: string) => void) | undefined;
@@ -600,11 +601,11 @@ declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
600
601
  value?: string | undefined;
601
602
  } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
602
603
  declare const CommandShortcut: {
603
- ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): React$1.JSX.Element;
604
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
604
605
  displayName: string;
605
606
  };
606
607
 
607
- declare function Combobox(): React$1.JSX.Element;
608
+ declare function Combobox(): react_jsx_runtime.JSX.Element;
608
609
 
609
610
  type SelectTypes = {
610
611
  label?: string;
@@ -639,7 +640,7 @@ type SelectTypes = {
639
640
  declare const Select: FC<SelectTypes>;
640
641
 
641
642
  declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
642
- declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React$1.JSX.Element;
643
+ declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
643
644
  declare const useFormField: () => {
644
645
  invalid: boolean;
645
646
  isDirty: boolean;
package/dist/index.d.ts CHANGED
@@ -2,6 +2,7 @@ import * as React$1 from 'react';
2
2
  import React__default, { FC, ReactNode, ChangeEvent, RefObject, PropsWithRef } from 'react';
3
3
  import * as class_variance_authority_types from 'class-variance-authority/types';
4
4
  import { VariantProps } from 'class-variance-authority';
5
+ import * as react_jsx_runtime from 'react/jsx-runtime';
5
6
  import * as DialogPrimitive from '@radix-ui/react-dialog';
6
7
  import { DialogProps } from '@radix-ui/react-dialog';
7
8
  import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
@@ -82,13 +83,13 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimit
82
83
  persist?: boolean | undefined;
83
84
  } & React$1.RefAttributes<HTMLDivElement>>;
84
85
  declare const DialogHeader: {
85
- ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
86
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
86
87
  displayName: string;
87
88
  };
88
89
  declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
89
90
  declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
90
91
  declare const DialogFooter: {
91
- ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
92
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
92
93
  displayName: string;
93
94
  };
94
95
 
@@ -191,7 +192,7 @@ type ToastActionElement = React$1.ReactElement<typeof ToastAction>;
191
192
  type ToasterProps = {
192
193
  direction?: "ltr" | "rtl";
193
194
  };
194
- declare function Toaster(props: ToasterProps): React__default.JSX.Element;
195
+ declare function Toaster(props: ToasterProps): react_jsx_runtime.JSX.Element;
195
196
 
196
197
  interface SwitchProps extends React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
197
198
  size?: "default" | "sm" | "lg";
@@ -221,7 +222,7 @@ interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
221
222
  className?: string;
222
223
  animation?: "none" | "pulse" | "shimmer";
223
224
  }
224
- declare function Skeleton({ className, animation, ...props }: SkeletonProps): React__default.JSX.Element;
225
+ declare function Skeleton({ className, animation, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
225
226
 
226
227
  type TChipTypes = {
227
228
  /** The text inside the chip */
@@ -426,7 +427,7 @@ declare module "@tanstack/table-core" {
426
427
  sortable: any;
427
428
  }
428
429
  }
429
- declare const DataTable: <DataProps extends {}>({ columns, data, ...props }: DataTableProps<DataProps>) => React$1.JSX.Element;
430
+ declare const DataTable: <DataProps extends {}>({ columns, data, ...props }: DataTableProps<DataProps>) => react_jsx_runtime.JSX.Element;
430
431
 
431
432
  type DataProps = {};
432
433
  type SimpleTableProps = {
@@ -541,23 +542,23 @@ declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimit
541
542
 
542
543
  type IconProps = React__default.HTMLAttributes<SVGElement>;
543
544
  declare const Logos: {
544
- logo: (props: IconProps) => React__default.JSX.Element;
545
- mail: (props: IconProps) => React__default.JSX.Element;
546
- phone: (props: IconProps) => React__default.JSX.Element;
547
- twitter: (props: IconProps) => React__default.JSX.Element;
548
- microsoft: (props: IconProps) => React__default.JSX.Element;
549
- gitHub: (props: IconProps) => React__default.JSX.Element;
550
- radix: (props: IconProps) => React__default.JSX.Element;
551
- aria: (props: IconProps) => React__default.JSX.Element;
552
- npm: (props: IconProps) => React__default.JSX.Element;
553
- yarn: (props: IconProps) => React__default.JSX.Element;
554
- pnpm: (props: IconProps) => React__default.JSX.Element;
555
- react: (props: IconProps) => React__default.JSX.Element;
556
- tailwind: (props: IconProps) => React__default.JSX.Element;
557
- google: (props: IconProps) => React__default.JSX.Element;
558
- apple: (props: IconProps) => React__default.JSX.Element;
559
- paypal: (props: IconProps) => React__default.JSX.Element;
560
- spinner: (props: IconProps) => React__default.JSX.Element;
545
+ logo: (props: IconProps) => react_jsx_runtime.JSX.Element;
546
+ mail: (props: IconProps) => react_jsx_runtime.JSX.Element;
547
+ phone: (props: IconProps) => react_jsx_runtime.JSX.Element;
548
+ twitter: (props: IconProps) => react_jsx_runtime.JSX.Element;
549
+ microsoft: (props: IconProps) => react_jsx_runtime.JSX.Element;
550
+ gitHub: (props: IconProps) => react_jsx_runtime.JSX.Element;
551
+ radix: (props: IconProps) => react_jsx_runtime.JSX.Element;
552
+ aria: (props: IconProps) => react_jsx_runtime.JSX.Element;
553
+ npm: (props: IconProps) => react_jsx_runtime.JSX.Element;
554
+ yarn: (props: IconProps) => react_jsx_runtime.JSX.Element;
555
+ pnpm: (props: IconProps) => react_jsx_runtime.JSX.Element;
556
+ react: (props: IconProps) => react_jsx_runtime.JSX.Element;
557
+ tailwind: (props: IconProps) => react_jsx_runtime.JSX.Element;
558
+ google: (props: IconProps) => react_jsx_runtime.JSX.Element;
559
+ apple: (props: IconProps) => react_jsx_runtime.JSX.Element;
560
+ paypal: (props: IconProps) => react_jsx_runtime.JSX.Element;
561
+ spinner: (props: IconProps) => react_jsx_runtime.JSX.Element;
561
562
  };
562
563
 
563
564
  declare const Command: React$1.ForwardRefExoticComponent<Omit<{
@@ -572,7 +573,7 @@ declare const Command: React$1.ForwardRefExoticComponent<Omit<{
572
573
  } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
573
574
  interface CommandDialogProps extends DialogProps {
574
575
  }
575
- declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => React$1.JSX.Element;
576
+ declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
576
577
  declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange"> & {
577
578
  value?: string | undefined;
578
579
  onValueChange?: ((search: string) => void) | undefined;
@@ -600,11 +601,11 @@ declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
600
601
  value?: string | undefined;
601
602
  } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
602
603
  declare const CommandShortcut: {
603
- ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): React$1.JSX.Element;
604
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
604
605
  displayName: string;
605
606
  };
606
607
 
607
- declare function Combobox(): React$1.JSX.Element;
608
+ declare function Combobox(): react_jsx_runtime.JSX.Element;
608
609
 
609
610
  type SelectTypes = {
610
611
  label?: string;
@@ -639,7 +640,7 @@ type SelectTypes = {
639
640
  declare const Select: FC<SelectTypes>;
640
641
 
641
642
  declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
642
- declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React$1.JSX.Element;
643
+ declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
643
644
  declare const useFormField: () => {
644
645
  invalid: boolean;
645
646
  isDirty: boolean;