impact-nova 2.2.9 → 2.4.0

package/dist/form-engine/field-dependency-graph.js

@@ -0,0 +1,90 @@
+import { isEmptyValue as l } from "./is-empty-value.js";
+function a(e) {
+  const t = /* @__PURE__ */ new Set();
+  return e.visibilityDependency?.forEach((n) => {
+    t.add(n.fieldId);
+  }), e.disableDependency?.forEach((n) => {
+    t.add(n.fieldId);
+  }), e.cascadingDependency?.forEach((n) => {
+    t.add(n.fieldId);
+  }), Array.from(t);
+}
+function d(e, t) {
+  return !e.visibilityDependency || e.visibilityDependency.length === 0 ? !0 : e.visibilityDependency.every((n) => t[n.fieldId] === n.value);
+}
+function u(e, t) {
+  const n = t[e.fieldId];
+  return e.value === null ? !l(n) : e.value === "__empty__" ? l(n) : typeof n == "boolean" ? n === (e.value === "true") : Array.isArray(n) ? n.some((r) => typeof r == "object" && r?.value === e.value ? !0 : typeof r == "string" && r === e.value) : typeof n == "object" && n !== null && "value" in n ? n.value === e.value : n === e.value;
+}
+function s(e, t, n) {
+  return !!(!d(e, t) || e.isDisabled || e.disableDependency && e.disableDependency.length > 0 && (e.disableDependencyMode === "every" ? e.disableDependency.every(
+    (i) => u(i, t)
+  ) : e.disableDependency.some(
+    (i) => u(i, t)
+  )) || n?.isCascadingDisabled?.(e));
+}
+function f(e, t, n) {
+  return !n || !e.cascadingDependency || e.cascadingDependency.length === 0 ? !1 : e.cascadingDependency.some((r) => {
+    const i = t[r.fieldId];
+    return r.value === null || r.value === void 0 ? l(i) : i === r.value;
+  });
+}
+function y(e, t) {
+  return e.filter(
+    (n) => n.cascadingDependency?.some(
+      (r) => r.fieldId === t
+    )
+  ).map((n) => n.id);
+}
+function p(e, t) {
+  if (!e || e.length === 0)
+    return null;
+  const n = {};
+  for (const r of e) {
+    const i = t[r.fieldId];
+    i == null || i === "" || Array.isArray(i) && i.length === 0 || (n[r.fieldId] = i);
+  }
+  return Object.keys(n).length > 0 ? n : null;
+}
+function o(e) {
+  const t = /* @__PURE__ */ new Set();
+  for (const n of e) {
+    n.doNotIncludeInSubmit || t.add(n.id);
+    for (const r of a(n))
+      t.add(r);
+  }
+  return Array.from(t);
+}
+function b(e) {
+  return o(e);
+}
+function v(e) {
+  const t = /* @__PURE__ */ new Set();
+  for (const n of e) {
+    t.add(n.id);
+    for (const r of a(n))
+      t.add(r);
+  }
+  return Array.from(t);
+}
+function D(e, t, n) {
+  return e.some(
+    (r) => !!t[r.id] && d(r, n)
+  );
+}
+function I(e, t) {
+  return e.filter((n) => d(n, t)).map((n) => n.id);
+}
+export {
+  p as buildCascadeParentFormState,
+  a as collectFieldDependencyIds,
+  b as collectFilterSidebarWatchFieldIds,
+  o as collectFormWatchFieldIds,
+  v as collectSectionWatchFieldIds,
+  I as collectVisibleFieldIds,
+  f as computeIsCascadingDisabled,
+  s as computeIsFieldDisabled,
+  d as computeIsFieldVisible,
+  y as getDependentFieldIds,
+  D as hasVisibleFieldErrors
+};

package/dist/form-engine/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Headless dynamic form dependency engine.
+ * Pure functions — no React, no network, no DOM.
+ *
+ * @packageDocumentation
+ */
+export { isEmptyValue } from './is-empty-value';
+export type { FieldDependency, FieldVisibilityBase, FormValuesSnapshot, } from './types';
+export { buildCascadeParentFormState, collectFieldDependencyIds, collectFormWatchFieldIds, collectFilterSidebarWatchFieldIds, collectSectionWatchFieldIds, collectVisibleFieldIds, computeIsCascadingDisabled, computeIsFieldDisabled, computeIsFieldVisible, getDependentFieldIds, hasVisibleFieldErrors, } from './field-dependency-graph';

package/dist/form-engine/index.js

@@ -0,0 +1,16 @@
+import { isEmptyValue as d } from "./is-empty-value.js";
+import { buildCascadeParentFormState as t, collectFieldDependencyIds as c, collectFilterSidebarWatchFieldIds as s, collectFormWatchFieldIds as o, collectSectionWatchFieldIds as a, collectVisibleFieldIds as r, computeIsCascadingDisabled as F, computeIsFieldDisabled as I, computeIsFieldVisible as m, getDependentFieldIds as p, hasVisibleFieldErrors as b } from "./field-dependency-graph.js";
+export {
+  t as buildCascadeParentFormState,
+  c as collectFieldDependencyIds,
+  s as collectFilterSidebarWatchFieldIds,
+  o as collectFormWatchFieldIds,
+  a as collectSectionWatchFieldIds,
+  r as collectVisibleFieldIds,
+  F as computeIsCascadingDisabled,
+  I as computeIsFieldDisabled,
+  m as computeIsFieldVisible,
+  p as getDependentFieldIds,
+  b as hasVisibleFieldErrors,
+  d as isEmptyValue
+};

package/dist/form-engine/is-empty-value.d.ts

@@ -0,0 +1 @@
+export declare function isEmptyValue(value: unknown): boolean;

package/dist/form-engine/is-empty-value.js

@@ -0,0 +1,8 @@
+function e(r) {
+  return !!(r == null || typeof r == "string" && r.trim() === "" || Array.isArray(r) && (r.length === 0 || r.every((t) => t == null)) || typeof r == "object" && !Array.isArray(r) && (Object.keys(r).length === 0 || Object.values(r).every(
+    (t) => t == null
+  )));
+}
+export {
+  e as isEmptyValue
+};

package/dist/form-engine/types.d.ts

@@ -0,0 +1,17 @@
+export type FormValuesSnapshot = Record<string, unknown>;
+export type FieldDependency = {
+    fieldId: string;
+    value: unknown;
+};
+/** Minimal field shape for dependency / visibility evaluation. */
+export type FieldVisibilityBase = {
+    id: string;
+    label?: string;
+    isRequired?: boolean;
+    visibilityDependency?: FieldDependency[];
+    disableDependency?: FieldDependency[];
+    disableDependencyMode?: 'some' | 'every';
+    cascadingDependency?: FieldDependency[];
+    isDisabled?: boolean;
+    doNotIncludeInSubmit?: boolean;
+};

package/dist/form-react/Fields/ButtonsGroupField.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+export declare const ButtonsGroupField: FC<FormFieldProps>;

package/dist/form-react/Fields/ButtonsGroupField.js

@@ -0,0 +1,52 @@
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import "react";
+import { Controller as p } from "react-hook-form";
+import { Button as v } from "../../components/primitives/button/button.js";
+import { getAppIcon as b } from "../utils/icons.js";
+import { ButtonGroup as d } from "../../components/primitives/button-group/button-group.js";
+const T = ({
+  field: e,
+  formHelpers: t,
+  validationRules: a,
+  isDisabled: i
+}) => {
+  const l = e.fieldType === "button_group" ? e : null;
+  if (!l) return null;
+  const m = l.options?.map((r) => ({
+    label: r.label,
+    value: r.value,
+    icon: r.icon ? typeof r.icon == "string" ? b(r.icon, { className: "mr-1" }) : r.icon : void 0
+  }));
+  return /* @__PURE__ */ n(
+    p,
+    {
+      name: e.id,
+      control: t.form.control,
+      rules: a,
+      render: ({ field: r, fieldState: u }) => {
+        const s = r.value;
+        return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
+          d,
+          {
+            label: e.label,
+            required: e.isRequired,
+            value: s ?? void 0,
+            disabled: i,
+            onValueChange: (o) => {
+              r.onChange(o), r.onBlur();
+            },
+            error: !!u.error,
+            helperText: u.error?.message || e.helpText,
+            children: m.map((o) => /* @__PURE__ */ c(v, { value: o.value, children: [
+              o.icon,
+              o.label
+            ] }, o.value))
+          }
+        ) });
+      }
+    }
+  );
+};
+export {
+  T as ButtonsGroupField
+};

package/dist/form-react/Fields/CheckboxField.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+export declare const CheckboxField: FC<FormFieldProps>;

package/dist/form-react/Fields/CheckboxField.js

@@ -0,0 +1,46 @@
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import "react";
+import { Controller as m } from "react-hook-form";
+import { Checkbox as i } from "../../components/forms/checkbox/checkbox.js";
+const p = ({
+  field: e,
+  validationRules: c,
+  isDisabled: l,
+  formHelpers: a
+}) => (e.fieldType === "checkbox" ? e : null) ? /* @__PURE__ */ r(
+  m,
+  {
+    name: e.id,
+    control: a.form.control,
+    rules: c,
+    render: ({ field: o }) => {
+      const t = !!(o.value ?? !1);
+      return /* @__PURE__ */ n("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ r(
+          i,
+          {
+            checked: t,
+            onCheckedChange: (s) => {
+              o.onChange(s === !0);
+            },
+            disabled: l
+          }
+        ),
+        e.label && /* @__PURE__ */ n(
+          "label",
+          {
+            className: "text-sm font-medium text-content cursor-pointer",
+            onClick: () => o.onChange(!t),
+            children: [
+              e.label,
+              e.isRequired && /* @__PURE__ */ r("span", { className: "text-destructive ml-1", children: "*" })
+            ]
+          }
+        )
+      ] });
+    }
+  }
+) : null;
+export {
+  p as CheckboxField
+};

package/dist/form-react/Fields/ChipsField.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+export declare const ChipsField: FC<FormFieldProps>;

package/dist/form-react/Fields/ChipsField.js

@@ -0,0 +1,146 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import "react";
+import { Controller as w } from "react-hook-form";
+import { Info as T } from "impact-nova-icons";
+import { Chip as f } from "../../components/primitives/chips/chips.js";
+import { Checkbox as z } from "../../components/forms/checkbox/checkbox.js";
+import { cn as i } from "../../lib/utils.js";
+import { getFieldTestId as V } from "../utils/fieldTestIds.js";
+const j = "mb-[6px] block text-xs font-medium leading-[18px] text-content-tertiary", G = ({
+  field: s,
+  validationRules: h,
+  isDisabled: n,
+  formHelpers: v
+}) => {
+  if (s.fieldType !== "chips") return null;
+  const u = s, d = u.options ?? [], g = u.chipsType ?? "single", b = u.allowDeselect === !0, C = v.form.control, N = s.id;
+  return /* @__PURE__ */ t(
+    w,
+    {
+      name: N,
+      control: C,
+      disabled: n,
+      rules: h,
+      render: ({ field: a, fieldState: p }) => {
+        const c = a.value, k = typeof c == "string" ? c : "", m = Array.isArray(c) ? c : [], l = !!p.error, x = l ? p.error?.message : s.helpText;
+        return /* @__PURE__ */ o("div", { "data-testid": V(s.id), children: [
+          s.label ? /* @__PURE__ */ o(
+            "div",
+            {
+              className: i(
+                j,
+                l && "text-destructive"
+              ),
+              children: [
+                s.label,
+                s.isRequired ? /* @__PURE__ */ t("span", { className: "ml-1 text-destructive", children: "*" }) : null
+              ]
+            }
+          ) : null,
+          g === "single" ? /* @__PURE__ */ t(
+            "div",
+            {
+              role: "radiogroup",
+              "aria-label": s.label,
+              "aria-invalid": l,
+              className: "mb-2 flex w-full flex-wrap items-center gap-3",
+              children: d.map((e) => {
+                const r = k === e.value;
+                return /* @__PURE__ */ t(
+                  f,
+                  {
+                    variant: "outline",
+                    shape: "rounded",
+                    size: "lg",
+                    selectionMode: "single",
+                    selected: r,
+                    disabled: n,
+                    className: i(
+                      "cursor-pointer gap-2 focus-visible:ring-0 focus-visible:ring-offset-0",
+                      l && !r && "!border-destructive !text-destructive"
+                    ),
+                    onClick: () => {
+                      if (!n) {
+                        if (r && b) {
+                          a.onChange("");
+                          return;
+                        }
+                        r || a.onChange(e.value);
+                      }
+                    },
+                    children: /* @__PURE__ */ t("span", { className: "text-sm", children: e.label })
+                  },
+                  e.value
+                );
+              })
+            }
+          ) : /* @__PURE__ */ t("div", { className: "mb-2 flex w-full flex-wrap gap-3", children: d.map((e) => {
+            const r = m.includes(e.value);
+            return /* @__PURE__ */ o(
+              f,
+              {
+                variant: "outline",
+                shape: "rounded",
+                size: "lg",
+                selected: r,
+                className: i(
+                  "cursor-pointer gap-2 focus-visible:ring-0 focus-visible:ring-offset-0",
+                  l && !r && "!border-destructive !text-destructive"
+                ),
+                onClick: () => {
+                  n || (r ? a.onChange(
+                    m.filter(
+                      (y) => y !== e.value
+                    )
+                  ) : a.onChange([
+                    ...m,
+                    e.value
+                  ]));
+                },
+                children: [
+                  /* @__PURE__ */ t(z, { checked: r, disabled: n }),
+                  /* @__PURE__ */ t("span", { className: "text-sm", children: e.label })
+                ]
+              },
+              e.value
+            );
+          }) }),
+          x ? /* @__PURE__ */ o(
+            "div",
+            {
+              className: i(
+                "mt-1 flex items-center gap-1",
+                l && "text-destructive"
+              ),
+              children: [
+                /* @__PURE__ */ t(
+                  T,
+                  {
+                    size: "xs",
+                    className: i(
+                      "shrink-0",
+                      l ? "text-destructive" : "text-content-icon"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "p",
+                  {
+                    className: i(
+                      "text-[12px] font-medium leading-[18px] text-navigation-muted",
+                      l && "text-destructive"
+                    ),
+                    children: x
+                  }
+                )
+              ]
+            }
+          ) : null
+        ] });
+      }
+    }
+  );
+};
+export {
+  G as ChipsField
+};

package/dist/form-react/Fields/DateInputField.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+import { UseReactHookFormReturn } from '../hooks/useReactHookForm';
+interface DateInputFieldProps extends FormFieldProps {
+    formHelpers: UseReactHookFormReturn;
+}
+export declare const DateInputField: FC<DateInputFieldProps>;
+export {};

package/dist/form-react/Fields/DateInputField.js

@@ -0,0 +1,134 @@
+import { jsx as F, jsxs as N } from "react/jsx-runtime";
+import { useMemo as I, useRef as q, useEffect as O } from "react";
+import { useWatch as S, Controller as K } from "react-hook-form";
+import { DatePicker as M } from "../../components/forms/date-picker/date-picker.js";
+import { getEffectiveMinOffsetDaysFromToday as Y } from "../utils/formDate.utils.js";
+import { startOfDayDate as v, addDaysDate as y, handleDateFnsFormat as L } from "../utils/date.utils.js";
+import { parseYmdString as f, formatYmd as $ } from "../utils/calendar-boundary.js";
+const B = "__dateInputPairedSentinel__", H = ({
+  field: a,
+  validationRules: E,
+  isDisabled: u,
+  formHelpers: h
+}) => {
+  const m = a.fieldType === "date", e = m ? a : null, g = h.form.control, A = h.form.trigger, T = h.getValues, i = I(() => e?.dateAfterFieldId ? Array.isArray(e.dateAfterFieldId) ? e.dateAfterFieldId : [e.dateAfterFieldId] : [], [e]), s = I(() => e?.dateBeforeFieldId ? Array.isArray(e.dateBeforeFieldId) ? e.dateBeforeFieldId : [e.dateBeforeFieldId] : [], [e]), P = i.length > 0 ? i : [B], p = S({
+    control: g,
+    name: P,
+    disabled: !m || i.length === 0
+  }), _ = s.length > 0 ? s : [B], D = S({
+    control: g,
+    name: _,
+    disabled: !m || s.length === 0
+  }), W = i.length > 0 || s.length > 0, b = q(!0), C = i.length > 0 ? p.join("|") : "", R = s.length > 0 ? D.join("|") : "";
+  O(() => {
+    if (!e || !W) return;
+    if (b.current) {
+      b.current = !1;
+      return;
+    }
+    const r = T()[e.id];
+    r != null && String(r).trim() !== "" && A(e.id);
+  }, [
+    C,
+    R,
+    e,
+    T,
+    W,
+    A
+  ]);
+  const { minDate: V, maxDate: j } = I(() => {
+    if (!e)
+      return {
+        minDate: void 0,
+        maxDate: void 0
+      };
+    const r = [], l = Y(e);
+    if (l != null && l >= 0 && r.push(v(y(/* @__PURE__ */ new Date(), l))), e.minDate) {
+      const t = f(e.minDate);
+      t && r.push(t);
+    }
+    if (i.length > 0) {
+      const t = i.length > 0 ? p : [];
+      for (const n of t) {
+        if (!n) continue;
+        const c = f(String(n));
+        if (c) {
+          const x = e.dateAfterFieldIdInclusive ? 0 : 1;
+          r.push(v(y(c, x)));
+        }
+      }
+    }
+    let d;
+    r.length > 0 && (d = r.reduce(
+      (t, n) => t.getTime() >= n.getTime() ? t : n
+    ));
+    let o;
+    if (e.maxDate) {
+      const t = f(e.maxDate);
+      t && (o = t);
+    }
+    if (s.length > 0) {
+      const t = s.length > 0 ? D : [];
+      for (const n of t) {
+        if (!n) continue;
+        const c = f(String(n));
+        if (c) {
+          const x = e.dateBeforeFieldIdInclusive ? 0 : -1, w = v(y(c, x));
+          o = o == null || w.getTime() < o.getTime() ? w : o;
+        }
+      }
+    }
+    return { minDate: d, maxDate: o };
+  }, [e, i, s, p, D]);
+  if (!m || !e) return null;
+  const k = L(e.dateFormat);
+  return /* @__PURE__ */ F(
+    K,
+    {
+      name: a.id,
+      control: g,
+      disabled: u,
+      rules: E,
+      render: ({ field: r, fieldState: l }) => {
+        const d = !!l.error, o = r.value, t = o ? f(String(o)) : void 0;
+        return /* @__PURE__ */ N("div", { className: "flex w-full min-w-0 flex-col gap-[6px]", children: [
+          /* @__PURE__ */ N(
+            "label",
+            {
+              htmlFor: a.id,
+              className: `text-[12px] font-medium leading-[18px] text-[#60697d]${u ? " opacity-70" : ""}`,
+              children: [
+                a.label,
+                " ",
+                a.isRequired ? /* @__PURE__ */ F("span", { className: "text-[red]", children: "*" }) : null
+              ]
+            }
+          ),
+          /* @__PURE__ */ F(
+            M,
+            {
+              id: a.id,
+              label: void 0,
+              format: k,
+              minDate: V,
+              maxDate: j,
+              value: t,
+              onChange: (n) => {
+                r.onChange(n ? $(n) : "");
+              },
+              placeholder: a.placeholder,
+              required: a.isRequired,
+              disabled: u,
+              error: d,
+              helperText: d ? l.error?.message : a.helpText,
+              showFooter: e.showFooter
+            }
+          )
+        ] });
+      }
+    }
+  );
+};
+export {
+  H as DateInputField
+};

package/dist/form-react/Fields/DateRangeField.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+import { UseReactHookFormReturn } from '../hooks/useReactHookForm';
+interface DateRangeFieldProps extends FormFieldProps {
+    formHelpers: UseReactHookFormReturn;
+}
+export declare const DateRangeField: FC<DateRangeFieldProps>;
+export {};

package/dist/form-react/Fields/DateRangeField.js

@@ -0,0 +1,57 @@
+import { jsx as a } from "react/jsx-runtime";
+import "react";
+import { Controller as M } from "react-hook-form";
+import { DateRangePicker as S } from "../../components/forms/date-picker/date-range-picker.js";
+import { toLocalDate as n } from "../utils/calendar-boundary.js";
+import { handleMinMaxProp as v } from "../utils/date.utils.js";
+const T = ({
+  field: t,
+  validationRules: i,
+  isDisabled: l,
+  formHelpers: d
+}) => {
+  const r = t.fieldType === "date_range" ? t : null;
+  if (!r) return null;
+  const m = d.form.control, { minDate: c, maxDate: u } = v(r);
+  return /* @__PURE__ */ a(
+    M,
+    {
+      name: t.id,
+      control: m,
+      disabled: l,
+      rules: i,
+      render: ({ field: p, fieldState: s }) => {
+        const h = !!s.error, e = p.value;
+        return /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
+          S,
+          {
+            label: t.label,
+            minDate: c,
+            maxDate: u,
+            startMonth: r.startMonth ? n(r.startMonth) : void 0,
+            endMonth: r.endMonth ? n(r.endMonth) : void 0,
+            value: {
+              from: e?.start ? n(e.start) : void 0,
+              to: e?.end ? n(e.end) : void 0
+            },
+            onChange: (o) => {
+              const g = o?.from ? `${o.from.getFullYear()}-${String(o.from.getMonth() + 1).padStart(2, "0")}-${String(o.from.getDate()).padStart(2, "0")}` : null, D = o?.to ? `${o.to.getFullYear()}-${String(o.to.getMonth() + 1).padStart(2, "0")}-${String(o.to.getDate()).padStart(2, "0")}` : null;
+              d.setValue(t.id, { start: g, end: D });
+            },
+            startPlaceholder: r.startPlaceholder || "Start Date",
+            endPlaceholder: r.endPlaceholder || "End Date",
+            placeholder: t.placeholder,
+            required: t.isRequired,
+            disabled: l,
+            error: h,
+            helperText: h ? s.error?.message : t.helpText,
+            showFooter: !0
+          }
+        ) });
+      }
+    }
+  );
+};
+export {
+  T as DateRangeField
+};

package/dist/form-react/Fields/DividerField.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+export declare const DividerField: FC<FormFieldProps>;

package/dist/form-react/Fields/DividerField.js

@@ -0,0 +1,9 @@
+import { jsx as i } from "react/jsx-runtime";
+import { cn as l } from "../../lib/utils.js";
+const n = ({ field: r }) => {
+  const e = r.fieldType === "divider" ? r : null;
+  return e ? /* @__PURE__ */ i("hr", { className: l(e.className ?? "my-2", "border-stroke-hairline") }) : null;
+};
+export {
+  n as DividerField
+};

package/dist/form-react/Fields/DividerWithLabelField.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+export declare const DividerWithLabelField: FC<FormFieldProps>;

package/dist/form-react/Fields/DividerWithLabelField.js

@@ -0,0 +1,31 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { cn as l } from "../../lib/utils.js";
+const n = ({ field: i }) => {
+  const e = i.fieldType === "divider_with_label" ? i : null;
+  return e ? /* @__PURE__ */ s(
+    "div",
+    {
+      className: l(
+        "my-4 flex items-center gap-3",
+        e.dividerClassName
+      ),
+      children: [
+        /* @__PURE__ */ r("hr", { className: "flex-1 border-stroke-hairline" }),
+        /* @__PURE__ */ r(
+          "span",
+          {
+            className: l(
+              "text-xs font-medium text-content-icon uppercase shrink-0",
+              e.labelClassName
+            ),
+            children: e.label
+          }
+        ),
+        /* @__PURE__ */ r("hr", { className: "flex-1 border-stroke-hairline" })
+      ]
+    }
+  ) : null;
+};
+export {
+  n as DividerWithLabelField
+};

package/dist/form-react/Fields/FileUploadField.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FormFieldProps } from '../types/reactHookForm.types';
+export declare const FileUploadField: FC<FormFieldProps>;