@inspirecn/react 1.0.0

package/dist/components/form/fields/FieldDescription.js

@@ -0,0 +1,30 @@
+import { cn as n } from "@inspirecn/ui/lib/utils";
+import { AlertCircle as m } from "lucide-react";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+const f = ({
+  children: t,
+  leftIcon: s,
+  rightIcon: r,
+  className: l,
+  isError: a = !1
+}) => t ? /* @__PURE__ */ i("div", {
+  className: n("flex items-center w-93.25 justify-between font-normal transition-colors", a ? "text-delete" : "text-text-tertiary", l),
+  children: [/* @__PURE__ */ i("div", {
+    className: "flex gap-1 items-center",
+    children: [a && !s ? /* @__PURE__ */ e(m, {
+      className: "h-4 w-4"
+    }) : s && /* @__PURE__ */ e("span", {
+      className: "flex-shrink-0",
+      children: s
+    }), /* @__PURE__ */ e("span", {
+      className: "text-heading-xs!",
+      children: t
+    })]
+  }), r && /* @__PURE__ */ e("span", {
+    className: "flex-shrink-0",
+    children: r
+  })]
+}) : null;
+export {
+  f as FieldDescription
+};

package/dist/components/form/fields/FileField.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { FieldValues, Path } from 'react-hook-form';
+export type FileFieldProps<T extends FieldValues> = {
+    name: Path<T>;
+    label?: string;
+    required?: boolean;
+    className?: string;
+    inputClassName?: string;
+    disabled?: boolean;
+    horizontal?: boolean;
+    description?: string;
+    descriptionLeftIcon?: ReactNode;
+    descriptionRightIcon?: ReactNode;
+};
+export declare const FileField: <T extends FieldValues>({ name, label, required, className, inputClassName, disabled, horizontal, description, descriptionLeftIcon, descriptionRightIcon, }: FileFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FileField.d.ts.map

package/dist/components/form/fields/FileField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/FileField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,IAAI,EAAkB,MAAM,iBAAiB,CAAC;AAOpE,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI;IAClD,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,oBAAoB,CAAC,EAAE,SAAS,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,EAAE,qIAW9C,cAAc,CAAC,CAAC,CAAC,4CAwEnB,CAAC"}

package/dist/components/form/fields/FileField.js

@@ -0,0 +1,79 @@
+import { useFormContext as N } from "react-hook-form";
+import { FormField as j, FormItem as w, FormControl as b } from "../Form.js";
+import { cn as t } from "@inspirecn/ui/lib/utils";
+import { Label as E } from "../../label/Label.js";
+import { Input as D } from "../../input/Input.js";
+import { FieldDescription as f } from "./FieldDescription.js";
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+const J = ({
+  name: e,
+  label: o,
+  required: i = !1,
+  className: p,
+  inputClassName: h,
+  disabled: u = !1,
+  horizontal: s = !1,
+  description: l,
+  descriptionLeftIcon: x,
+  descriptionRightIcon: g
+}) => {
+  const {
+    control: F,
+    trigger: y
+  } = N();
+  return /* @__PURE__ */ r(j, {
+    control: F,
+    name: e,
+    render: ({
+      field: {
+        onChange: n,
+        ...I
+      },
+      fieldState: a
+    }) => {
+      var c;
+      const m = !!a.error;
+      return /* @__PURE__ */ d(w, {
+        className: t("w-93.25", s && "grid grid-cols-[auto_1fr] items-baseline gap-4 space-y-0", p),
+        children: [/* @__PURE__ */ r("div", {
+          className: t("flex items-center", s && "justify-start"),
+          children: o && /* @__PURE__ */ r(E, {
+            htmlFor: e,
+            required: i,
+            optional: !i,
+            children: o
+          })
+        }), /* @__PURE__ */ d("div", {
+          className: "w-full space-y-2",
+          children: [/* @__PURE__ */ r(b, {
+            children: /* @__PURE__ */ r(D, {
+              type: "file",
+              id: e,
+              disabled: u,
+              hasError: m,
+              className: t("text-text-tertiary h-8.5 text-heading-xs! cursor-pointer file:mr-2.5 file:pt-0.5 disabled:text-transparent", h),
+              onChange: (v) => {
+                const C = v.target.files;
+                n(C), y(e);
+              },
+              showClear: !0,
+              onClear: () => n(null),
+              ...I,
+              value: ""
+            })
+          }), m ? /* @__PURE__ */ r(f, {
+            isError: !0,
+            children: (c = a.error) == null ? void 0 : c.message
+          }) : l && /* @__PURE__ */ r(f, {
+            leftIcon: x,
+            rightIcon: g,
+            children: l
+          })]
+        })]
+      });
+    }
+  });
+};
+export {
+  J as FileField
+};

package/dist/components/form/fields/FileUploaderField.d.ts

@@ -0,0 +1,72 @@
+import { FieldValues, Path } from 'react-hook-form';
+import { FileConfiguration, UploadedFile, UploadResult } from '../../file-uploader/types';
+interface FileUploaderFieldProps<T extends FieldValues> {
+    name: Path<T>;
+    label?: string;
+    required?: boolean;
+    className?: string;
+    disabled?: boolean;
+    config?: FileConfiguration;
+    uploader: (files: UploadedFile[]) => Promise<UploadResult[]> | UploadResult[] | Promise<string[]> | string[];
+    description?: string;
+    onUploadError?: (error: Error | unknown) => void;
+}
+/**
+ * FileUploaderField component that integrates FileUploader with react-hook-form
+ * Requires manual upload via the upload button
+ *
+ * @param name - The name of the field in the form
+ * @param label - The label for the field
+ * @param required - Whether the field is required
+ * @param className - Additional CSS classes
+ * @param disabled - Whether the field is disabled
+ * @param config - FileUploader configuration
+ * @param uploader - Upload function that handles the actual upload
+ * @param description - Description text for the field
+ * @param onUploadError - Callback when upload fails
+ *
+ * @example
+ * ```tsx
+ * // In your form schema
+ * const schema = z.object({
+ *   pdfFile: z.string().url().optional(), // Store the uploaded file URL
+ *   title: z.string().min(1),
+ * });
+ *
+ * // In your component
+ * <FileUploaderField
+ *   name="pdfFile"
+ *   label="PDF Document"
+ *   required
+ *   config={{
+ *     maxFiles: 1,
+ *     maxSize: 5000000,
+ *     resourceType: 'PDF'
+ *   }}
+ *   uploader={async (files) => {
+ *     // Your upload logic here
+ *     const uploadPromises = files.map(async (fileData) => {
+ *       const formData = new FormData();
+ *       formData.append('file', fileData.file);
+ *
+ *       const response = await fetch('/api/upload', {
+ *         method: 'POST',
+ *         body: formData,
+ *       });
+ *
+ *       const result = await response.json();
+ *       return result.url; // Return the uploaded file URL
+ *     });
+ *
+ *     return await Promise.all(uploadPromises);
+ *   }}
+ *   description="PDF will be uploaded when the upload button is clicked"
+ * />
+ * ```
+ */
+export declare const FileUploaderField: {
+    <T extends FieldValues>({ name, label, required, className, disabled, config, uploader, description, onUploadError, }: FileUploaderFieldProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=FileUploaderField.d.ts.map

package/dist/components/form/fields/FileUploaderField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/FileUploaderField.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,WAAW,EAAE,IAAI,EAA6B,MAAM,iBAAiB,CAAC;AAG/E,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACb,MAAM,2BAA2B,CAAC;AAUnC,UAAU,sBAAsB,CAAC,CAAC,SAAS,WAAW;IACpD,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,CACR,KAAK,EAAE,YAAY,EAAE,KAClB,OAAO,CAAC,YAAY,EAAE,CAAC,GAAG,YAAY,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,KAAK,IAAI,CAAC;CAClD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,eAAO,MAAM,iBAAiB;KAAI,CAAC,SAAS,WAAW,iGAUpD,sBAAsB,CAAC,CAAC,CAAC;;CA6F3B,CAAC"}

package/dist/components/form/fields/FileUploaderField.js

@@ -0,0 +1,79 @@
+import { useState as C } from "react";
+import { useFormContext as N } from "react-hook-form";
+import { cn as F } from "../../../lib/utils.js";
+import { FileUploader as R } from "../../file-uploader/FileUploader.js";
+import { FormField as b, FormItem as v, FormLabel as I, FormControl as q, FormDescription as B, FormMessage as D } from "../Form.js";
+import { jsx as l, jsxs as L } from "react/jsx-runtime";
+const M = ({
+  name: t,
+  label: p,
+  required: h = !1,
+  className: f,
+  disabled: y = !1,
+  config: e,
+  uploader: x,
+  description: n,
+  onUploadError: u
+}) => {
+  const {
+    control: U,
+    setValue: d
+  } = N(), [V, c] = C(!1), j = async (r) => {
+    if (r.length) {
+      c(!0);
+      try {
+        const s = await x(r);
+        if (Array.isArray(s) && s.length > 0) {
+          const a = s[0];
+          if (typeof a == "string") {
+            const m = s, o = (e == null ? void 0 : e.maxFiles) === 1 ? m[0] : m;
+            d(t, o, {
+              shouldValidate: !0
+            });
+          } else if (a && typeof a == "object" && "success" in a) {
+            const o = s.filter((i) => i.success);
+            if (o.length > 0) {
+              const i = o.map((A) => A.url).filter(Boolean), w = (e == null ? void 0 : e.maxFiles) === 1 ? i[0] : i;
+              d(t, w, {
+                shouldValidate: !0
+              });
+            } else
+              throw new Error("All uploads failed");
+          }
+        }
+      } catch (s) {
+        console.error("Upload failed:", s), u == null || u(s);
+      } finally {
+        c(!1);
+      }
+    }
+  };
+  return /* @__PURE__ */ l(b, {
+    control: U,
+    name: t,
+    render: () => /* @__PURE__ */ L(v, {
+      className: F("space-y-2", f),
+      children: [p && /* @__PURE__ */ l(I, {
+        className: F(h && "required"),
+        children: p
+      }), /* @__PURE__ */ l(q, {
+        children: /* @__PURE__ */ l(R, {
+          config: e,
+          disabled: y || V,
+          onUpload: j,
+          onFilesChange: (r) => {
+            r.length === 0 && d(t, (e == null ? void 0 : e.maxFiles) === 1 ? "" : [], {
+              shouldValidate: !0
+            });
+          }
+        })
+      }), n && /* @__PURE__ */ l(B, {
+        children: n
+      }), /* @__PURE__ */ l(D, {})]
+    })
+  });
+};
+M.displayName = "FileUploaderField";
+export {
+  M as FileUploaderField
+};

package/dist/components/form/fields/InputPhoneField.d.ts

@@ -0,0 +1,40 @@
+import { FieldValues, Path } from 'react-hook-form';
+import * as RPNInput from 'react-phone-number-input';
+type InputPhoneFieldProps<T extends FieldValues> = {
+    name: Path<T>;
+    label?: string;
+    required?: boolean;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    defaultCountry?: RPNInput.Country;
+};
+/**
+ * PhoneInputField component
+ *
+ * @param {Path<T>} name - The name of the field
+ * @param {string} label - The label of the field
+ * @param {boolean} required - Whether the field is required
+ * @param {string} placeholder - The placeholder of the field
+ * @param {string} className - The class name of the field
+ * @param {boolean} disabled - Whether the field is disabled
+ * @param {RPNInput.Country} defaultCountry - The default country for the phone input
+ *
+ * @returns {ReactElement} - The phone input field component
+ *
+ * @example
+ * ```tsx
+ * <InputPhoneField
+ *   name="phoneNumber"
+ *   label="Phone Number"
+ *   required
+ *   defaultCountry="BD"
+ * />
+ * ```
+ */
+export declare const InputPhoneField: {
+    <T extends FieldValues>({ name, label, required, placeholder, className, disabled, defaultCountry, }: InputPhoneFieldProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=InputPhoneField.d.ts.map

package/dist/components/form/fields/InputPhoneField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputPhoneField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/InputPhoneField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAkB,MAAM,iBAAiB,CAAC;AACpE,OAAO,KAAK,QAAQ,MAAM,0BAA0B,CAAC;AAWrD,KAAK,oBAAoB,CAAC,CAAC,SAAS,WAAW,IAAI;IACjD,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,eAAe;KAAI,CAAC,SAAS,WAAW,gFAQlD,oBAAoB,CAAC,CAAC,CAAC;;CA8BzB,CAAC"}

package/dist/components/form/fields/InputPhoneField.js

@@ -0,0 +1,48 @@
+import { useFormContext as c } from "react-hook-form";
+import { cn as h } from "../../../lib/utils.js";
+import { InputPhone as d } from "../../input-phone/InputPhone.js";
+import { FormField as F, FormItem as u, FormLabel as f, FormControl as x, FormMessage as C } from "../Form.js";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+const I = ({
+  name: t,
+  label: o,
+  required: m = !1,
+  placeholder: l,
+  className: a,
+  disabled: s = !1,
+  defaultCountry: i = "BD"
+}) => {
+  const {
+    control: p
+  } = c();
+  return /* @__PURE__ */ e(F, {
+    control: p,
+    name: t,
+    render: ({
+      field: r
+    }) => /* @__PURE__ */ n(u, {
+      className: h(a),
+      children: [o && /* @__PURE__ */ n(f, {
+        children: [/* @__PURE__ */ e("span", {
+          children: o
+        }), m && /* @__PURE__ */ e("span", {
+          className: "ml-1 h-8 text-delete",
+          children: "*"
+        })]
+      }), /* @__PURE__ */ e(x, {
+        children: /* @__PURE__ */ e(d, {
+          placeholder: l,
+          disabled: s,
+          value: r.value,
+          onChange: r.onChange,
+          defaultCountry: i,
+          international: !0
+        })
+      }), /* @__PURE__ */ e(C, {})]
+    })
+  });
+};
+I.displayName = "InputPhoneField";
+export {
+  I as InputPhoneField
+};

package/dist/components/form/fields/InputTagsField.d.ts

@@ -0,0 +1,32 @@
+import { FieldValues, Path } from 'react-hook-form';
+type InputTagsFieldProps<T extends FieldValues> = {
+    name: Path<T>;
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    className?: string;
+    inputClass?: string;
+};
+/**
+ * A text field component.
+ * @param name The name of the field.
+ * @param label The label of the field.
+ * @param placeholder The placeholder of the field.
+ * @param required If the field is required.
+ * @param className The class name of the
+ * @param inputClass The class name of the input.
+ * @param disabled If the field is disabled.
+ *
+ * @returns The text field component.
+ *
+ * @example
+ * ```tsx
+ * <TagsInputField name="tags" label="Tags" />
+ * ```
+ */
+export declare const InputTagsField: {
+    <T extends FieldValues>({ name, label, placeholder, required, className, inputClass, }: InputTagsFieldProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=InputTagsField.d.ts.map

package/dist/components/form/fields/InputTagsField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTagsField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/InputTagsField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAkB,MAAM,iBAAiB,CAAC;AAMpE,KAAK,mBAAmB,CAAC,CAAC,SAAS,WAAW,IAAI;IAChD,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AAEH,eAAO,MAAM,cAAc;KAAI,CAAC,SAAS,WAAW,kEAOjD,mBAAmB,CAAC,CAAC,CAAC;;CA2BxB,CAAC"}

package/dist/components/form/fields/InputTagsField.js

@@ -0,0 +1,50 @@
+import { useFormContext as c } from "react-hook-form";
+import { cn as a } from "../../../lib/utils.js";
+import { InputTags as F } from "../../input-tags/InputTags.js";
+import { FormField as d, FormItem as f, FormControl as u, FormMessage as g } from "../Form.js";
+import { Label as h } from "../../label/Label.js";
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
+const I = ({
+  name: r,
+  label: t,
+  placeholder: n = "Input",
+  required: m = !1,
+  className: s,
+  inputClass: l
+}) => {
+  const {
+    control: i
+  } = c();
+  return /* @__PURE__ */ o(d, {
+    control: i,
+    name: r,
+    render: ({
+      field: e,
+      formState: {
+        errors: p
+      }
+    }) => /* @__PURE__ */ x(f, {
+      className: a(s),
+      children: [t && /* @__PURE__ */ o(h, {
+        htmlFor: r,
+        required: m,
+        optional: !m,
+        children: t
+      }), /* @__PURE__ */ o(u, {
+        children: /* @__PURE__ */ o(F, {
+          value: e.value || [],
+          onChange: e.onChange,
+          placeholder: n,
+          className: a(l),
+          validationError: !!p[r]
+        })
+      }), /* @__PURE__ */ o(g, {
+        className: "line-clamp-1 text-xs"
+      })]
+    })
+  });
+};
+I.displayName = "InputTagsField";
+export {
+  I as InputTagsField
+};

package/dist/components/form/fields/RadioGroupField.d.ts

@@ -0,0 +1,40 @@
+import { FieldValues, Path } from 'react-hook-form';
+type OptionType = {
+    value: string;
+    text: string;
+};
+type RadioGroupFieldProps<T extends FieldValues> = {
+    name: Path<T>;
+    options: OptionType[];
+    label?: string;
+    required?: boolean;
+    className?: string;
+    direction?: 'row' | 'column';
+    labelPosition?: 'left' | 'right';
+    labelGap?: '2' | '4' | '6';
+    labelClassName?: string;
+    containerClassName?: string;
+    disabled?: boolean;
+};
+/**
+ * RadioGroupField component is responsible for rendering the radio group field in the form.
+ *
+ * @param name - The name of the field.
+ * @param options - The options for the radio group.
+ * @param label - The label for the radio group.
+ * @param required - The required flag for the radio group.
+ * @param className - The class name for the radio group.
+ * @param direction - The direction of the radio group ('row' or 'column').
+ * @param labelPosition - The position of the label relative to the radio button ('left' or 'right').
+ * @param labelGap - The gap between the radio button and its label.
+ * @param labelClassName - The class name for the radio button labels.
+ * @param containerClassName - The class name for the radio button containers.
+ * @param disabled - Whether the radio group is disabled.
+ * @returns The RadioGroupField component.
+ */
+export declare const RadioGroupField: {
+    <T extends FieldValues>({ name, options, label, required, className, direction, labelPosition, labelGap, labelClassName, containerClassName, disabled, }: RadioGroupFieldProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=RadioGroupField.d.ts.map

package/dist/components/form/fields/RadioGroupField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/RadioGroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAkB,MAAM,iBAAiB,CAAC;AAKpE,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,oBAAoB,CAAC,CAAC,SAAS,WAAW,IAAI;IACjD,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AAEH,eAAO,MAAM,eAAe;KAAI,CAAC,SAAS,WAAW,oIAYlD,oBAAoB,CAAC,CAAC,CAAC;;CAqDzB,CAAC"}

package/dist/components/form/fields/RadioGroupField.js

@@ -0,0 +1,61 @@
+import { useFormContext as F } from "react-hook-form";
+import { RadioGroup as f, RadioGroupItem as v } from "../../radio-group/RadioGroup.js";
+import { FormField as g, FormItem as x, FormControl as C, FormMessage as G } from "../Form.js";
+import { Label as R } from "../../label/Label.js";
+import { jsx as e, jsxs as N } from "react/jsx-runtime";
+const b = ({
+  name: o,
+  options: a,
+  label: l,
+  required: t = !1,
+  className: i = "",
+  direction: d = "column",
+  labelPosition: s = "right",
+  labelGap: n = "2",
+  labelClassName: u,
+  containerClassName: p,
+  disabled: c = !1
+}) => {
+  const {
+    control: h
+  } = F();
+  return a.length < 2 ? /* @__PURE__ */ e("div", {
+    className: "text-red-500",
+    children: "Please provide at least two options for the radio group."
+  }) : /* @__PURE__ */ e(g, {
+    control: h,
+    name: o,
+    render: ({
+      field: m
+    }) => /* @__PURE__ */ N(x, {
+      className: i,
+      children: [l && /* @__PURE__ */ e(R, {
+        htmlFor: o,
+        required: t,
+        optional: !t,
+        className: "mb-2",
+        children: l
+      }), /* @__PURE__ */ e(C, {
+        children: /* @__PURE__ */ e(f, {
+          onValueChange: m.onChange,
+          value: m.value,
+          direction: d,
+          children: a.map((r) => /* @__PURE__ */ e(v, {
+            id: r.value,
+            value: r.value,
+            label: r.text,
+            labelPosition: s,
+            labelGap: n,
+            labelClassName: u,
+            containerClassName: p,
+            disabled: c
+          }, r.value))
+        })
+      }), /* @__PURE__ */ e(G, {})]
+    })
+  });
+};
+b.displayName = "RadioGroupField";
+export {
+  b as RadioGroupField
+};

package/dist/components/form/fields/ResetButton.d.ts

@@ -0,0 +1,19 @@
+type Props = {
+    resetLabel?: string;
+    disabled?: boolean;
+    className?: string;
+};
+/**
+ * ResetButton component
+ *
+ * @param resetLabel - The label for the reset button.
+ * @param disabled - Whether the button is disabled.
+ * @param className - The class name for the button.
+ * @returns The ResetButton component.
+ */
+export declare const ResetButton: {
+    ({ resetLabel, disabled, className, }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=ResetButton.d.ts.map

package/dist/components/form/fields/ResetButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetButton.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/ResetButton.tsx"],"names":[],"mappings":"AAIA,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;GAOG;AAEH,eAAO,MAAM,WAAW;2CAIrB,KAAK;;CAeP,CAAC"}

package/dist/components/form/fields/ResetButton.js

@@ -0,0 +1,25 @@
+import { useFormContext as s } from "react-hook-form";
+import { cn as m } from "../../../lib/utils.js";
+import { Button as n } from "../../button/Button.js";
+import { jsx as i } from "react/jsx-runtime";
+const a = ({
+  resetLabel: t = "Reset",
+  disabled: e = !1,
+  className: o
+}) => {
+  const r = s();
+  return /* @__PURE__ */ i(n, {
+    type: "reset",
+    variant: "outline",
+    disabled: e,
+    className: m("h-9", o),
+    onClick: () => {
+      r.reset();
+    },
+    children: t
+  });
+};
+a.displayName = "ResetButton";
+export {
+  a as ResetButton
+};

package/dist/components/form/fields/SelectField.d.ts

@@ -0,0 +1,44 @@
+import { FieldValues, Path } from 'react-hook-form';
+type Props<T extends FieldValues> = {
+    name: Path<T>;
+    label?: string;
+    placeholder?: string;
+    options: {
+        value: string;
+        text: string;
+    }[];
+    required?: boolean;
+    className?: string;
+    selectButtonClassName?: string;
+    size?: 'sm' | 'default';
+    disabled?: boolean;
+};
+/**
+ * SelectField component
+ *
+ * @param {Path<T>} name - The name of the field
+ * @param {string} label - The label of the field
+ * @param {string} placeholder - The placeholder of the field
+ * @param {Array<{ value: string, text: string }>} options - The options of the field
+ * @param {boolean} required - Whether the field is required
+ * @param {string} className - The class name of the field
+ * @param {'sm' | 'default'} size - The size of the select field
+ * @param {boolean} disabled - Whether the field is disabled
+ *
+ * @returns {ReactElement} - The select field component
+ *
+ * @example
+ * ```tsx
+ * <SelectField
+ *  name="publishedStatus"
+ *  label="Published Status"
+ *  options={PublishedOptions}
+ * />
+ * ```
+ */
+export declare const SelectField: {
+    <T extends FieldValues>({ name, label, placeholder, options, required, className, selectButtonClassName, size, disabled, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=SelectField.d.ts.map

package/dist/components/form/fields/SelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAkB,MAAM,iBAAiB,CAAC;AAiBpE,KAAK,KAAK,CAAC,CAAC,SAAS,WAAW,IAAI;IAClC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,eAAO,MAAM,WAAW;KAAI,CAAC,SAAS,WAAW,sGAU9C,KAAK,CAAC,CAAC,CAAC;;CAwCV,CAAC"}