@reeverdev/ui 0.5.6 → 0.5.8

package/dist/adapters/tanstack-form/index.cjs

@@ -0,0 +1,2 @@
+'use strict';var reactForm=require('@tanstack/react-form');function o(e={}){return reactForm.useForm(e)}Object.defineProperty(exports,"useField",{enumerable:true,get:function(){return reactForm.useField}});exports.useForm=o;//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/adapters/tanstack-form/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/adapters/tanstack-form/use-form.ts"],"names":["useForm","options","useTanStackForm"],"mappings":"2DAoEO,SAASA,CAAAA,CACdC,CAAAA,CAAqC,EAAC,CACP,CAC/B,OAAOC,iBAAAA,CAAsCD,CAA4C,CAC3F","file":"index.cjs","sourcesContent":["\"use client\";\n\nimport {\n  useForm as useTanStackForm,\n  type FormOptions,\n  type FormApi,\n} from \"@tanstack/react-form\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface UseFormOptions<TFormData> extends Partial<FormOptions<TFormData, undefined>> {\n  /**\n   * Default values for form fields\n   */\n  defaultValues?: TFormData;\n}\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Enhanced useForm hook that wraps @tanstack/react-form with Reever UI defaults\n *\n * @example\n * ```tsx\n * import { useForm } from \"@reeverdev/ui/adapters/tanstack-form\";\n *\n * function ContactForm() {\n *   const form = useForm({\n *     defaultValues: {\n *       email: \"\",\n *       message: \"\",\n *     },\n *     onSubmit: async ({ value }) => {\n *       console.log(value);\n *     },\n *   });\n *\n *   return (\n *     <form\n *       onSubmit={(e) => {\n *         e.preventDefault();\n *         form.handleSubmit();\n *       }}\n *     >\n *       <form.Field name=\"email\">\n *         {(field) => (\n *           <TextField\n *             label=\"Email\"\n *             value={field.state.value}\n *             onChange={(e) => field.handleChange(e.target.value)}\n *             onBlur={field.handleBlur}\n *             isInvalid={field.state.meta.isTouched && !field.state.meta.isValid}\n *             errorMessage={field.state.meta.errors[0]}\n *           />\n *         )}\n *       </form.Field>\n *       <Button type=\"submit\" isLoading={form.state.isSubmitting}>\n *         Submit\n *       </Button>\n *     </form>\n *   );\n * }\n * ```\n */\nexport function useForm<TFormData>(\n  options: UseFormOptions<TFormData> = {}\n): FormApi<TFormData, undefined> {\n  return useTanStackForm<TFormData, undefined>(options as FormOptions<TFormData, undefined>);\n}\n\n// ============================================================================\n// Re-exports from @tanstack/react-form\n// ============================================================================\n\nexport {\n  useField,\n  type FormApi,\n  type FormOptions,\n  type FieldApi,\n  type FieldOptions,\n  type FieldMeta,\n  type FieldState,\n  type FormState,\n  type ValidationError,\n} from \"@tanstack/react-form\";\n"]}

package/dist/adapters/tanstack-form/index.d.cts

@@ -0,0 +1,57 @@
+import { FormOptions, FormApi } from '@tanstack/react-form';
+export { FieldApi, FieldMeta, FieldOptions, FieldState, FormApi, FormOptions, FormState, ValidationError, useField } from '@tanstack/react-form';
+
+interface UseFormOptions<TFormData> extends Partial<FormOptions<TFormData, undefined>> {
+    /**
+     * Default values for form fields
+     */
+    defaultValues?: TFormData;
+}
+/**
+ * Enhanced useForm hook that wraps @tanstack/react-form with Reever UI defaults
+ *
+ * @example
+ * ```tsx
+ * import { useForm } from "@reeverdev/ui/adapters/tanstack-form";
+ *
+ * function ContactForm() {
+ *   const form = useForm({
+ *     defaultValues: {
+ *       email: "",
+ *       message: "",
+ *     },
+ *     onSubmit: async ({ value }) => {
+ *       console.log(value);
+ *     },
+ *   });
+ *
+ *   return (
+ *     <form
+ *       onSubmit={(e) => {
+ *         e.preventDefault();
+ *         form.handleSubmit();
+ *       }}
+ *     >
+ *       <form.Field name="email">
+ *         {(field) => (
+ *           <TextField
+ *             label="Email"
+ *             value={field.state.value}
+ *             onChange={(e) => field.handleChange(e.target.value)}
+ *             onBlur={field.handleBlur}
+ *             isInvalid={field.state.meta.isTouched && !field.state.meta.isValid}
+ *             errorMessage={field.state.meta.errors[0]}
+ *           />
+ *         )}
+ *       </form.Field>
+ *       <Button type="submit" isLoading={form.state.isSubmitting}>
+ *         Submit
+ *       </Button>
+ *     </form>
+ *   );
+ * }
+ * ```
+ */
+declare function useForm<TFormData>(options?: UseFormOptions<TFormData>): FormApi<TFormData, undefined>;
+
+export { type UseFormOptions, useForm };

package/dist/adapters/tanstack-form/index.d.ts

@@ -0,0 +1,57 @@
+import { FormOptions, FormApi } from '@tanstack/react-form';
+export { FieldApi, FieldMeta, FieldOptions, FieldState, FormApi, FormOptions, FormState, ValidationError, useField } from '@tanstack/react-form';
+
+interface UseFormOptions<TFormData> extends Partial<FormOptions<TFormData, undefined>> {
+    /**
+     * Default values for form fields
+     */
+    defaultValues?: TFormData;
+}
+/**
+ * Enhanced useForm hook that wraps @tanstack/react-form with Reever UI defaults
+ *
+ * @example
+ * ```tsx
+ * import { useForm } from "@reeverdev/ui/adapters/tanstack-form";
+ *
+ * function ContactForm() {
+ *   const form = useForm({
+ *     defaultValues: {
+ *       email: "",
+ *       message: "",
+ *     },
+ *     onSubmit: async ({ value }) => {
+ *       console.log(value);
+ *     },
+ *   });
+ *
+ *   return (
+ *     <form
+ *       onSubmit={(e) => {
+ *         e.preventDefault();
+ *         form.handleSubmit();
+ *       }}
+ *     >
+ *       <form.Field name="email">
+ *         {(field) => (
+ *           <TextField
+ *             label="Email"
+ *             value={field.state.value}
+ *             onChange={(e) => field.handleChange(e.target.value)}
+ *             onBlur={field.handleBlur}
+ *             isInvalid={field.state.meta.isTouched && !field.state.meta.isValid}
+ *             errorMessage={field.state.meta.errors[0]}
+ *           />
+ *         )}
+ *       </form.Field>
+ *       <Button type="submit" isLoading={form.state.isSubmitting}>
+ *         Submit
+ *       </Button>
+ *     </form>
+ *   );
+ * }
+ * ```
+ */
+declare function useForm<TFormData>(options?: UseFormOptions<TFormData>): FormApi<TFormData, undefined>;
+
+export { type UseFormOptions, useForm };

package/dist/adapters/tanstack-form/index.js

@@ -0,0 +1,2 @@
+import {useForm}from'@tanstack/react-form';export{useField}from'@tanstack/react-form';function o(e={}){return useForm(e)}export{o as useForm};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/adapters/tanstack-form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/adapters/tanstack-form/use-form.ts"],"names":["useForm","options","useTanStackForm"],"mappings":"sFAoEO,SAASA,CAAAA,CACdC,CAAAA,CAAqC,EAAC,CACP,CAC/B,OAAOC,OAAAA,CAAsCD,CAA4C,CAC3F","file":"index.js","sourcesContent":["\"use client\";\n\nimport {\n  useForm as useTanStackForm,\n  type FormOptions,\n  type FormApi,\n} from \"@tanstack/react-form\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface UseFormOptions<TFormData> extends Partial<FormOptions<TFormData, undefined>> {\n  /**\n   * Default values for form fields\n   */\n  defaultValues?: TFormData;\n}\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Enhanced useForm hook that wraps @tanstack/react-form with Reever UI defaults\n *\n * @example\n * ```tsx\n * import { useForm } from \"@reeverdev/ui/adapters/tanstack-form\";\n *\n * function ContactForm() {\n *   const form = useForm({\n *     defaultValues: {\n *       email: \"\",\n *       message: \"\",\n *     },\n *     onSubmit: async ({ value }) => {\n *       console.log(value);\n *     },\n *   });\n *\n *   return (\n *     <form\n *       onSubmit={(e) => {\n *         e.preventDefault();\n *         form.handleSubmit();\n *       }}\n *     >\n *       <form.Field name=\"email\">\n *         {(field) => (\n *           <TextField\n *             label=\"Email\"\n *             value={field.state.value}\n *             onChange={(e) => field.handleChange(e.target.value)}\n *             onBlur={field.handleBlur}\n *             isInvalid={field.state.meta.isTouched && !field.state.meta.isValid}\n *             errorMessage={field.state.meta.errors[0]}\n *           />\n *         )}\n *       </form.Field>\n *       <Button type=\"submit\" isLoading={form.state.isSubmitting}>\n *         Submit\n *       </Button>\n *     </form>\n *   );\n * }\n * ```\n */\nexport function useForm<TFormData>(\n  options: UseFormOptions<TFormData> = {}\n): FormApi<TFormData, undefined> {\n  return useTanStackForm<TFormData, undefined>(options as FormOptions<TFormData, undefined>);\n}\n\n// ============================================================================\n// Re-exports from @tanstack/react-form\n// ============================================================================\n\nexport {\n  useField,\n  type FormApi,\n  type FormOptions,\n  type FieldApi,\n  type FieldOptions,\n  type FieldMeta,\n  type FieldState,\n  type FormState,\n  type ValidationError,\n} from \"@tanstack/react-form\";\n"]}