@inspirecn/react 1.0.0

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

@@ -0,0 +1,59 @@
+import { useFormContext as F } from "react-hook-form";
+import { cn as c } from "../../../lib/utils.js";
+import { Select as f, SelectTrigger as S, SelectValue as x, SelectContent as g, SelectItem as v } from "../../select/Select.js";
+import { FormField as C, FormItem as N, FormLabel as j, FormControl as I, FormMessage as V } from "../Form.js";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+const w = ({
+  name: m,
+  label: t,
+  placeholder: n,
+  options: o,
+  required: s = !1,
+  className: i,
+  selectButtonClassName: d = "w-full",
+  size: h = "default",
+  disabled: u = !1
+}) => {
+  const {
+    control: p
+  } = F();
+  return /* @__PURE__ */ e(C, {
+    name: m,
+    control: p,
+    render: ({
+      field: a
+    }) => /* @__PURE__ */ r(N, {
+      className: c(i),
+      children: [t && /* @__PURE__ */ r(j, {
+        children: [/* @__PURE__ */ e("span", {
+          children: t
+        }), s && /* @__PURE__ */ e("span", {
+          className: "ml-1 text-red-500",
+          children: "*"
+        })]
+      }), /* @__PURE__ */ r(f, {
+        onValueChange: a.onChange,
+        value: a.value,
+        disabled: u,
+        children: [/* @__PURE__ */ e(I, {
+          children: /* @__PURE__ */ e(S, {
+            size: h,
+            className: c(d),
+            children: /* @__PURE__ */ e(x, {
+              placeholder: n ?? "Select an item"
+            })
+          })
+        }), /* @__PURE__ */ e(g, {
+          children: o.map((l) => /* @__PURE__ */ e(v, {
+            value: l.value,
+            children: l.text
+          }, l.value))
+        })]
+      }), /* @__PURE__ */ e(V, {})]
+    })
+  });
+};
+w.displayName = "SelectField";
+export {
+  w as SelectField
+};

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

@@ -0,0 +1,27 @@
+import { FC, ReactNode } from 'react';
+import { ButtonProps } from '../../button/Button';
+type SubmitButtonProps = ButtonProps & {
+    isLoading?: boolean;
+    disabled?: boolean;
+    label?: string;
+    loadingLabel?: string;
+    width?: 'full' | 'auto';
+    loadingIconClass?: string;
+    showLoadingIcon?: boolean;
+    icon?: ReactNode;
+};
+/**
+ * SubmitButton component
+ *
+ * @param {boolean} isLoading - Whether the button is loading
+ * @param {boolean} disabled - Whether the button is disabled
+ * @param {string} label - The label of the button
+ * @param {string} loadingLabel - The loading label of the button
+ * @param {'full' | 'auto'} width - The width of the button
+ * @param {string} loadingIconClass - The loading icon class of the button
+ *
+ * @returns {ReactElement} - The submit button component
+ */
+export declare const SubmitButton: FC<SubmitButtonProps>;
+export {};
+//# sourceMappingURL=SubmitButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/SubmitButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAU,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG1D,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;GAWG;AAEH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAiC9C,CAAC"}

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

@@ -0,0 +1,36 @@
+import { cn as s } from "../../../lib/utils.js";
+import { Button as p } from "../../button/Button.js";
+import { Loader2 as c } from "lucide-react";
+import { jsx as e, jsxs as d, Fragment as h } from "react/jsx-runtime";
+const b = ({
+  isLoading: t = !1,
+  disabled: r = !1,
+  label: m = "Save Changes",
+  loadingLabel: l = "Saving",
+  width: n = "full",
+  className: i,
+  showLoadingIcon: o = !1,
+  loadingIconClass: u,
+  icon: a,
+  ...f
+}) => /* @__PURE__ */ e(p, {
+  className: s("h-9 w-full", n === "auto" && "w-auto", i),
+  type: "submit",
+  disabled: t || r,
+  ...f,
+  children: t ? /* @__PURE__ */ d("span", {
+    className: "flex items-center justify-center gap-2",
+    children: [o && /* @__PURE__ */ e("span", {
+      className: s("animate-spin", u),
+      children: a || /* @__PURE__ */ e(c, {
+        size: 16
+      })
+    }), l]
+  }) : /* @__PURE__ */ e(h, {
+    children: m
+  })
+});
+b.displayName = "SubmitButton";
+export {
+  b as SubmitButton
+};

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

@@ -0,0 +1,40 @@
+import { FieldValues, Path } from 'react-hook-form';
+type SwitchFieldProps<T extends FieldValues> = {
+    name: Path<T>;
+    label?: string;
+    className?: string;
+    disabled?: boolean;
+    required?: boolean;
+    column?: boolean;
+    longGap?: boolean;
+    reverse?: boolean;
+    gap?: "2" | "4" | "6";
+    validationMessage?: string;
+};
+/**
+ * SwitchField
+ *
+ * @param name - The name of the field.
+ * @param label - The label of the field.
+ * @param className - The class name of the field.
+ * @param disabled - The disabled state of the field.
+ * @param required - The required state of the field.
+ * @param column - The column state of the field.
+ * @param longGap - The long gap state of the field.
+ * @param reverse - The reverse state of the field.
+ * @param gap - The gap state of the field.
+ * @param validationMessage - The custom validation message to display.
+ *
+ * @returns The SwitchField component.
+ *
+ * @example
+ * ```tsx
+ * <SwitchField name="notifications" label="Enable notifications" />
+ * ```
+ */
+export declare const SwitchField: {
+    <T extends FieldValues>({ name, label, className, required, disabled, column, longGap, reverse, gap, validationMessage, }: SwitchFieldProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=SwitchField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/SwitchField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAkB,MAAM,iBAAiB,CAAC;AAWpE,KAAK,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI;IAC7C,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,eAAO,MAAM,WAAW;KAAI,CAAC,SAAS,WAAW,qGAW9C,gBAAgB,CAAC,CAAC,CAAC;;CAkFrB,CAAC"}

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

@@ -0,0 +1,77 @@
+import N from "react";
+import { useFormContext as S } from "react-hook-form";
+import { cn as u } from "../../../lib/utils.js";
+import { Switch as w } from "../../switch/Switch.js";
+import { FormField as y, FormItem as C, FormControl as $, FormLabel as g, FormMessage as j } from "../Form.js";
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+const v = ({
+  name: r,
+  label: e,
+  className: d,
+  required: o = !1,
+  disabled: l = !1,
+  column: f = !1,
+  longGap: p = !1,
+  reverse: h = !1,
+  gap: x = "2",
+  validationMessage: c
+}) => {
+  const {
+    control: F,
+    setError: m,
+    clearErrors: k,
+    formState: n
+  } = S();
+  return /* @__PURE__ */ s(y, {
+    name: r,
+    control: F,
+    rules: {
+      validate: (t) => o && t !== !0 ? c || (e ? `${e} must be checked` : "This field must be checked") : !0
+    },
+    render: ({
+      field: t
+    }) => (N.useEffect(() => {
+      o && n.isSubmitted && t.value !== !0 && m(r, {
+        type: "manual",
+        message: c || (e ? `${e} must be checked` : "This field must be checked")
+      });
+    }, [o, n.isSubmitted, t.value, r, m, e, c]), /* @__PURE__ */ i(C, {
+      className: d,
+      children: [/* @__PURE__ */ s($, {
+        children: /* @__PURE__ */ i("div", {
+          className: u("relative flex items-center", `gap-${x}`, f ? "flex-col items-start" : "", p ? "justify-between" : ""),
+          children: [/* @__PURE__ */ s(w, {
+            className: u(h ? "order-1" : "order-0"),
+            onCheckedChange: (a) => {
+              t.onChange(a), a && k(r);
+            },
+            onBlur: () => {
+              t.onBlur(), o && t.value !== !0 && m(r, {
+                type: "manual",
+                message: c || (e ? `${e} must be checked` : "This field must be checked")
+              });
+            },
+            id: r,
+            checked: t.value,
+            disabled: l
+          }), e && /* @__PURE__ */ i(g, {
+            htmlFor: r,
+            className: u(h ? "order-0" : "order-1", l && "cursor-not-allowed opacity-50"),
+            children: [/* @__PURE__ */ s("span", {
+              children: e
+            }), o && /* @__PURE__ */ s("span", {
+              className: "ml-1 text-delete",
+              children: "*"
+            })]
+          })]
+        })
+      }), /* @__PURE__ */ s(j, {
+        className: "mt-1 text-xs text-delete"
+      })]
+    }))
+  });
+};
+v.displayName = "SwitchField";
+export {
+  v as SwitchField
+};

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

@@ -0,0 +1,25 @@
+import { HTMLInputTypeAttribute, ReactNode } from "react";
+import { FieldValues, Path } from "react-hook-form";
+export type TextFieldProps<T extends FieldValues> = {
+    name: Path<T>;
+    label?: string;
+    type?: HTMLInputTypeAttribute;
+    placeholder?: string;
+    required?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    loading?: boolean;
+    className?: string;
+    inputClassName?: string;
+    disabled?: boolean;
+    action?: () => void;
+    horizontal?: boolean;
+    description?: string;
+    descriptionLeftIcon?: ReactNode;
+    descriptionRightIcon?: ReactNode;
+    linkText?: string;
+    onLinkClick?: () => void;
+    showClear?: boolean;
+};
+export declare const TextField: <T extends FieldValues>({ name, label, type, placeholder, required, leftIcon, rightIcon, loading, className, inputClassName, disabled, action, horizontal, description, descriptionLeftIcon, descriptionRightIcon, linkText, onLinkClick, showClear, }: TextFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/TextField.tsx"],"names":[],"mappings":"AAkHA,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,IAAI,EAAkB,MAAM,iBAAiB,CAAC;AAcpE,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI;IAClD,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,EAAE,gOAoB9C,cAAc,CAAC,CAAC,CAAC,4CA+FnB,CAAC"}

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

@@ -0,0 +1,98 @@
+import { cn as p } from "@inspirecn/ui/lib/utils";
+import { X as D } from "lucide-react";
+import { useFormContext as L } from "react-hook-form";
+import { Button as f } from "../../button/Button.js";
+import { Input as M } from "../../input/Input.js";
+import { Label as R } from "../../label/Label.js";
+import { Spinner as X } from "../../spinner/Spinner.js";
+import { FormField as _, FormItem as A, FormControl as G } from "../Form.js";
+import { FieldDescription as H } from "./FieldDescription.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+const Y = ({
+  name: t,
+  label: n,
+  type: h = "text",
+  placeholder: x,
+  required: m = !1,
+  leftIcon: u,
+  rightIcon: o,
+  loading: g = !1,
+  className: y,
+  inputClassName: F,
+  disabled: N = !1,
+  action: a,
+  horizontal: s = !1,
+  description: v,
+  descriptionLeftIcon: C,
+  descriptionRightIcon: j,
+  linkText: l,
+  onLinkClick: w,
+  showClear: I
+}) => {
+  const {
+    control: b
+  } = L();
+  return /* @__PURE__ */ r(_, {
+    control: b,
+    name: t,
+    render: ({
+      field: k,
+      fieldState: c
+    }) => {
+      var d;
+      const e = !!c.error, E = ((d = c.error) == null ? void 0 : d.message) || v, B = () => g ? /* @__PURE__ */ r(X, {
+        className: "h-4 w-4"
+      }) : a ? /* @__PURE__ */ r(f, {
+        variant: "ghost",
+        size: "sm",
+        onClick: a,
+        type: "button",
+        className: "h-7 w-7 p-0",
+        children: o || /* @__PURE__ */ r(D, {
+          className: "h-4 w-4 text-text-tertiary"
+        })
+      }) : o;
+      return /* @__PURE__ */ i(A, {
+        className: p("", s && "grid grid-cols-[auto_1fr] items-baseline gap-4 space-y-0 ", y),
+        children: [/* @__PURE__ */ i("div", {
+          className: p("flex items-center justify-between", s && "justify-start"),
+          children: [n && /* @__PURE__ */ r(R, {
+            htmlFor: t,
+            required: m,
+            optional: !m,
+            children: n
+          }), !s && l && /* @__PURE__ */ r(f, {
+            variant: "link",
+            onClick: w,
+            className: "text-heading-xs! text-text-tertiary font-normal",
+            children: l
+          })]
+        }), /* @__PURE__ */ i("div", {
+          className: "space-y-2",
+          children: [/* @__PURE__ */ r(G, {
+            children: /* @__PURE__ */ r(M, {
+              ...k,
+              type: h,
+              placeholder: x ?? "",
+              hasError: e,
+              leftIcon: u,
+              rightIcon: B(),
+              className: F,
+              disabled: N,
+              id: t,
+              showClear: I
+            })
+          }), /* @__PURE__ */ r(H, {
+            isError: e,
+            leftIcon: e ? void 0 : C,
+            rightIcon: e ? void 0 : j,
+            children: E
+          })]
+        })]
+      });
+    }
+  });
+};
+export {
+  Y as TextField
+};

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

@@ -0,0 +1,44 @@
+import { FieldValues, Path } from 'react-hook-form';
+interface Props<T extends FieldValues> {
+    name: Path<T>;
+    label?: string;
+    required?: boolean;
+    placeholder?: string;
+    resizable?: boolean;
+    autoResize?: boolean;
+    action?: () => void;
+    Icon?: React.ReactNode;
+    loading?: boolean;
+    className?: string;
+    inputClassName?: string;
+    iconClassName?: string;
+}
+/**
+ * TextareaField 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 {boolean} resizable - Whether the field is resizable
+ * @param {boolean} autoResize - Whether the field should auto-grow based on content
+ * @param {Function} action - The action to be performed on the field
+ * @param {ReactNode} icon - The icon to be displayed
+ * @param {boolean} loading - Whether the field is loading
+ * @param {string} className - The class name of the field
+ * @param {string} inputClassName - The class name of the input
+ * @param {string} iconClassName - The class name of the icon
+ *
+ * @returns {ReactElement} - The textarea field component
+ *
+ * @example
+ * ```tsx
+ * <TextareaField control={control} name="summary" label="Summary" autoResize />
+ * ```
+ */
+export declare const TextAreaField: {
+    <T extends FieldValues>({ name, label, placeholder, required, resizable, autoResize, action, Icon, loading, className, inputClassName, iconClassName, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=TextareaField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/TextareaField.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAkB,MAAM,iBAAiB,CAAC;AAapE,UAAU,KAAK,CAAC,CAAC,SAAS,WAAW;IACnC,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,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,aAAa;KAAI,CAAC,SAAS,WAAW,mIAahD,KAAK,CAAC,CAAC,CAAC;;CAuDV,CAAC"}

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

@@ -0,0 +1,71 @@
+import { X as u } from "lucide-react";
+import { useFormContext as N } from "react-hook-form";
+import { cn as l } from "../../../lib/utils.js";
+import { Button as g } from "../../button/Button.js";
+import { Spinner as v } from "../../spinner/Spinner.js";
+import { Textarea as b } from "../../textarea/Textarea.js";
+import { FormField as y, FormItem as T, FormLabel as j, FormControl as w, FormMessage as z } from "../Form.js";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+const A = ({
+  name: n,
+  label: o,
+  placeholder: p,
+  required: d = !1,
+  resizable: a = !1,
+  autoResize: s = !1,
+  action: r,
+  Icon: t,
+  loading: c,
+  className: h,
+  inputClassName: f,
+  iconClassName: i
+}) => {
+  const {
+    control: x
+  } = N();
+  return /* @__PURE__ */ e(y, {
+    name: n,
+    control: x,
+    render: ({
+      field: F
+    }) => /* @__PURE__ */ m(T, {
+      className: l(h),
+      children: [o && /* @__PURE__ */ m(j, {
+        children: [/* @__PURE__ */ e("span", {
+          children: o
+        }), d && /* @__PURE__ */ e("span", {
+          className: "ml-1 text-delete",
+          children: "*"
+        })]
+      }), /* @__PURE__ */ e(w, {
+        children: /* @__PURE__ */ m("div", {
+          className: "relative flex items-center gap-2",
+          children: [/* @__PURE__ */ e(b, {
+            ...F,
+            placeholder: p ?? "Enter a value",
+            className: l("w-full", r && "pr-12", s && "resize-none", !a && "resize-none!", a && !s && "resize-y", f),
+            autoResize: !s
+          }), c && /* @__PURE__ */ e(v, {
+            className: "absolute right-4"
+          }), r && /* @__PURE__ */ e(g, {
+            variant: "ghost",
+            size: "sm",
+            onClick: r,
+            type: "button",
+            className: l(i, "absolute right-0.5 top-0.5"),
+            children: t || /* @__PURE__ */ e(u, {
+              className: "h-4 w-4 text-delete"
+            })
+          }), !r && t && /* @__PURE__ */ e("div", {
+            className: l(i, "absolute right-2 top-3"),
+            children: t
+          })]
+        })
+      }), /* @__PURE__ */ e(z, {})]
+    })
+  });
+};
+A.displayName = "TextAreaField";
+export {
+  A as TextAreaField
+};

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

@@ -0,0 +1,38 @@
+import { FieldValues, Path } from 'react-hook-form';
+type AvailabilityResult = {
+    available: boolean;
+    message?: string;
+};
+type AvailabilityCheckFunction = (value: string) => Promise<AvailabilityResult>;
+type UniqueTextFieldProps<T extends FieldValues> = {
+    name: Path<T>;
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    className?: string;
+    type?: 'text' | 'email';
+    checkFn: AvailabilityCheckFunction;
+    debounceMs?: number;
+    errorMessage?: string;
+    currentValue?: string;
+};
+/**
+ * Unique text field component for checking field uniqueness with debounced validation
+ *
+ * @param name - The form field name
+ * @param label - The field label
+ * @param placeholder - The input placeholder
+ * @param required - Whether the field is required
+ * @param className - Additional CSS classes
+ * @param type - The input type ('text' or 'email')
+ * @param checkFn - Function to check availability of the value
+ * @param debounceMs - Debounce delay in milliseconds
+ * @param errorMessage - Custom error message for unavailable values
+ * @param currentValue - The current/existing value that should be considered as "available" (e.g., user's current username)
+ */
+export declare const UniqueTextField: {
+    <T extends FieldValues>({ name, label, placeholder, required, className, type, checkFn, debounceMs, errorMessage, currentValue, }: UniqueTextFieldProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=UniqueTextField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UniqueTextField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/UniqueTextField.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,EACX,IAAI,EAIL,MAAM,iBAAiB,CAAC;AAYzB,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,yBAAyB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;AAEhF,KAAK,oBAAoB,CAAC,CAAC,SAAS,WAAW,IAAI;IACjD,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,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,OAAO,EAAE,yBAAyB,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe;KAAI,CAAC,SAAS,WAAW,6GAWlD,oBAAoB,CAAC,CAAC,CAAC;;CAuDzB,CAAC"}