@nestledjs/forms-native 0.1.0

package/index.js

@@ -0,0 +1,4077 @@
+import { z as r, ZodError as ce } from "zod";
+import { createContext as Q, useContext as ee, useMemo as W, useState as B, useEffect as E, useRef as Oe } from "react";
+import { zodResolver as Ve } from "@hookform/resolvers/zod";
+import ue from "dayjs";
+import { jsxs as x, Fragment as F, jsx as n } from "react/jsx-runtime";
+import { StyleSheet as w, TextInput as D, Text as u, View as f, Pressable as H, Switch as ie, ActivityIndicator as Fe, Platform as L, ScrollView as Pe } from "react-native";
+import { Controller as z, useWatch as pe, useForm as De } from "react-hook-form";
+var C = /* @__PURE__ */ ((t) => (t.Text = "Text", t.TextArea = "TextArea", t.Email = "Email", t.Password = "Password", t.Url = "Url", t.Phone = "Phone", t.Number = "Number", t.Currency = "Currency", t.Checkbox = "Checkbox", t.Switch = "Switch", t.Button = "Button", t.DatePicker = "DatePicker", t.DateTimePicker = "DateTimePicker", t.TimePicker = "TimePicker", t.Select = "Select", t.EnumSelect = "EnumSelect", t.MultiSelect = "MultiSelect", t.Radio = "Radio", t.CheckboxGroup = "CheckboxGroup", t.SearchSelect = "SearchSelect", t.SearchSelectApollo = "SearchSelectApollo", t.SearchSelectMulti = "SearchSelectMulti", t.SearchSelectMultiApollo = "SearchSelectMultiApollo", t.Content = "Content", t.Custom = "Custom", t.CustomCheckbox = "CustomCheckbox", t.MarkdownEditor = "MarkdownEditor", t))(C || {});
+const he = r.object({
+  global: r.object({
+    input: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default("")
+  }).default({}),
+  label: r.object({
+    base: r.string().default(""),
+    requiredIndicator: r.string().default("")
+  }).default({}),
+  textField: r.object({
+    input: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    helpText: r.string().default("")
+  }).default({}),
+  checkbox: r.object({
+    wrapper: r.string().default(""),
+    row: r.string().default(""),
+    rowFullWidth: r.string().default(""),
+    input: r.string().default(""),
+    focus: r.string().default(""),
+    checked: r.string().default(""),
+    indeterminate: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    label: r.string().default(""),
+    fullWidthLabel: r.string().default(""),
+    helpText: r.string().default(""),
+    errorText: r.string().default(""),
+    readonlyCheckedIcon: r.any().optional(),
+    readonlyUncheckedIcon: r.any().optional()
+  }).default({}),
+  customCheckbox: r.object({
+    wrapper: r.string().default(""),
+    row: r.string().default(""),
+    rowFullWidth: r.string().default(""),
+    checkboxContainer: r.string().default(""),
+    hiddenInput: r.string().default(""),
+    customCheckbox: r.string().default(""),
+    focus: r.string().default(""),
+    checked: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    label: r.string().default(""),
+    fullWidthLabel: r.string().default(""),
+    helpText: r.string().default(""),
+    errorText: r.string().default(""),
+    checkedIcon: r.any().optional(),
+    uncheckedIcon: r.any().optional(),
+    readonlyCheckedIcon: r.any().optional(),
+    readonlyUncheckedIcon: r.any().optional()
+  }).default({}),
+  customField: r.object({
+    wrapper: r.string().default(""),
+    readOnlyInput: r.string().default(""),
+    readOnlyValue: r.string().default(""),
+    errorContainer: r.string().default(""),
+    errorText: r.string().default("")
+  }).default({}),
+  datePicker: r.object({
+    wrapper: r.string().default(""),
+    input: r.string().default(""),
+    focus: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    readOnlyInput: r.string().default(""),
+    readOnlyValue: r.string().default("")
+  }).default({}),
+  dateTimePicker: r.object({
+    wrapper: r.string().default(""),
+    input: r.string().default(""),
+    focus: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    readOnlyInput: r.string().default(""),
+    readOnlyValue: r.string().default("")
+  }).default({}),
+  button: r.object({
+    base: r.string().default(""),
+    primary: r.string().default(""),
+    secondary: r.string().default(""),
+    danger: r.string().default(""),
+    disabled: r.string().default(""),
+    loading: r.string().default(""),
+    fullWidth: r.string().default("")
+  }).default({}),
+  emailField: r.object({
+    wrapper: r.string().default(""),
+    input: r.string().default(""),
+    focus: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    readOnlyInput: r.string().default(""),
+    readOnlyValue: r.string().default("")
+  }).default({}),
+  moneyField: r.object({
+    wrapper: r.string().default(""),
+    container: r.string().default(""),
+    currencySymbol: r.string().default(""),
+    currencySymbolHidden: r.string().default(""),
+    input: r.string().default(""),
+    inputWithSymbol: r.string().default(""),
+    focus: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    readOnlyInput: r.string().default(""),
+    readOnlyValue: r.string().default("")
+  }).default({}),
+  multiSelect: r.object({
+    wrapper: r.string().default(""),
+    container: r.string().default(""),
+    inputContainer: r.string().default(""),
+    selectedItem: r.string().default(""),
+    selectedItemLabel: r.string().default(""),
+    selectedItemRemoveButton: r.string().default(""),
+    selectedItemRemoveIcon: r.string().default(""),
+    input: r.string().default(""),
+    button: r.string().default(""),
+    buttonIcon: r.string().default(""),
+    dropdown: r.string().default(""),
+    option: r.string().default(""),
+    optionActive: r.string().default(""),
+    optionSelected: r.string().default(""),
+    optionLabel: r.string().default(""),
+    optionCheckIcon: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    readOnlyInput: r.string().default(""),
+    readOnlyValue: r.string().default("")
+  }).default({}),
+  numberField: r.object({
+    input: r.string().default(""),
+    focus: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    readOnlyInput: r.string().default(""),
+    readOnlyValue: r.string().default("")
+  }).default({}),
+  passwordField: r.object({
+    input: r.string().default(""),
+    focus: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    readOnlyInput: r.string().default(""),
+    readOnlyValue: r.string().default("")
+  }).default({}),
+  phoneField: r.object({
+    wrapper: r.string().default(""),
+    input: r.string().default(""),
+    focus: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    readOnlyInput: r.string().default(""),
+    readOnlyValue: r.string().default(""),
+    errorMessage: r.string().default("")
+  }).default({}),
+  radioField: r.object({
+    wrapper: r.string().default(""),
+    container: r.string().default(""),
+    containerRow: r.string().default(""),
+    containerColumn: r.string().default(""),
+    optionContainer: r.string().default(""),
+    optionContainerFullWidth: r.string().default(""),
+    optionContainerFancy: r.string().default(""),
+    radioContainer: r.string().default(""),
+    input: r.string().default(""),
+    inputFullWidth: r.string().default(""),
+    inputChecked: r.string().default(""),
+    inputFocus: r.string().default(""),
+    inputDisabled: r.string().default(""),
+    label: r.string().default(""),
+    labelFullWidth: r.string().default(""),
+    labelRow: r.string().default(""),
+    labelColumn: r.string().default(""),
+    subOptionInput: r.string().default(""),
+    subOptionError: r.string().default(""),
+    readOnlyContainer: r.string().default(""),
+    readOnlySelected: r.string().default(""),
+    readOnlyUnselected: r.string().default(""),
+    readOnlyIcon: r.any().optional(),
+    readOnlyUnselectedIcon: r.any().optional()
+  }).default({}),
+  checkboxGroup: r.object({
+    wrapper: r.string().default(""),
+    container: r.string().default(""),
+    containerRow: r.string().default(""),
+    containerColumn: r.string().default(""),
+    optionContainer: r.string().default(""),
+    optionContainerFullWidth: r.string().default(""),
+    optionContainerFancy: r.string().default(""),
+    checkboxContainer: r.string().default(""),
+    input: r.string().default(""),
+    inputFullWidth: r.string().default(""),
+    inputChecked: r.string().default(""),
+    inputFocus: r.string().default(""),
+    inputDisabled: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    label: r.string().default(""),
+    labelFullWidth: r.string().default(""),
+    labelRow: r.string().default(""),
+    labelColumn: r.string().default(""),
+    readOnly: r.string().default(""),
+    readOnlyInput: r.string().default(""),
+    readOnlyValue: r.string().default(""),
+    readOnlyContainer: r.string().default(""),
+    readOnlySelected: r.string().default(""),
+    readOnlyUnselected: r.string().default(""),
+    helpText: r.string().default("")
+  }).default({}),
+  searchSelectField: r.object({
+    wrapper: r.string().default(""),
+    container: r.string().default(""),
+    inputContainer: r.string().default(""),
+    input: r.string().default(""),
+    inputWithClear: r.string().default(""),
+    button: r.string().default(""),
+    buttonIcon: r.string().default(""),
+    clearButton: r.string().default(""),
+    clearIcon: r.string().default(""),
+    dropdown: r.string().default(""),
+    option: r.string().default(""),
+    optionActive: r.string().default(""),
+    optionSelected: r.string().default(""),
+    optionLabel: r.string().default(""),
+    optionCheckIcon: r.string().default(""),
+    loadingText: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    readOnlyInput: r.string().default(""),
+    readOnlyValue: r.string().default(""),
+    fallback: r.string().default("")
+  }).default({}),
+  searchSelectMultiField: r.object({
+    wrapper: r.string().default(""),
+    container: r.string().default(""),
+    inputContainer: r.string().default(""),
+    selectedItem: r.string().default(""),
+    selectedItemLabel: r.string().default(""),
+    selectedItemRemoveButton: r.string().default(""),
+    selectedItemRemoveIcon: r.string().default(""),
+    input: r.string().default(""),
+    button: r.string().default(""),
+    buttonIcon: r.string().default(""),
+    dropdown: r.string().default(""),
+    option: r.string().default(""),
+    optionActive: r.string().default(""),
+    optionSelected: r.string().default(""),
+    optionLabel: r.string().default(""),
+    optionCheckIcon: r.string().default(""),
+    loadingText: r.string().default(""),
+    noResultsText: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    readOnlyInput: r.string().default(""),
+    readOnlyValue: r.string().default(""),
+    fallback: r.string().default("")
+  }).default({}),
+  selectField: r.object({
+    wrapper: r.string().default(""),
+    container: r.string().default(""),
+    input: r.string().default(""),
+    clearButton: r.string().default(""),
+    clearIcon: r.string().default(""),
+    arrow: r.string().default(""),
+    arrowIcon: r.string().default(""),
+    option: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    readOnlyInput: r.string().default(""),
+    readOnlyValue: r.string().default(""),
+    helpText: r.string().default(""),
+    fallback: r.string().default("")
+  }).default({}),
+  switchField: r.object({
+    wrapper: r.string().default(""),
+    container: r.string().default(""),
+    label: r.string().default(""),
+    switchTrack: r.string().default(""),
+    switchTrackOn: r.string().default(""),
+    switchTrackOff: r.string().default(""),
+    switchThumb: r.string().default(""),
+    switchThumbOn: r.string().default(""),
+    switchThumbOff: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    readOnlyValue: r.string().default(""),
+    helpText: r.string().default("")
+  }).default({}),
+  textAreaField: r.object({
+    wrapper: r.string().default(""),
+    textarea: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    readOnlyValue: r.string().default(""),
+    helpText: r.string().default("")
+  }).default({}),
+  markdownEditor: r.object({
+    wrapper: r.string().default(""),
+    editor: r.string().default(""),
+    toolbar: r.string().default(""),
+    preview: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    readOnlyValue: r.string().default(""),
+    helpText: r.string().default("")
+  }).default({}),
+  timePickerField: r.object({
+    wrapper: r.string().default(""),
+    input: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    readOnlyValue: r.string().default(""),
+    helpText: r.string().default("")
+  }).default({}),
+  urlField: r.object({
+    wrapper: r.string().default(""),
+    input: r.string().default(""),
+    error: r.string().default(""),
+    disabled: r.string().default(""),
+    readOnly: r.string().default(""),
+    readOnlyValue: r.string().default(""),
+    helpText: r.string().default("")
+  }).default({})
+  // Add more fields as needed
+}), X = "This field is required";
+class It {
+  /**
+   * Creates a generic form field. Usually you'll want to use specific methods like text(), email(), etc.
+   *
+   * @param type - The field type from FormFieldType enum
+   * @param key - Unique identifier for the field (used as form field name)
+   * @param options - Configuration options for the field
+   * @returns A FormField object that can be used with Form component
+   */
+  static field(e, o, i = {}) {
+    return { type: e, key: o, options: i };
+  }
+  /**
+   * Creates a text input field.
+   *
+   * @param key - Unique identifier for the field
+   * @param options - Configuration options including label, placeholder, validation, etc.
+   * @returns A text field definition
+   *
+   * @example
+   * ```tsx
+   * FormFieldClass.text('firstName', {
+   *   label: 'First Name',
+   *   required: true,
+   *   placeholder: 'Enter your first name'
+   * })
+   * ```
+   */
+  static text(e, o = {}) {
+    return this.field(C.Text, e, o);
+  }
+  /**
+   * Creates a textarea field for multi-line text input.
+   *
+   * @param key - Unique identifier for the field
+   * @param options - Configuration options including label, placeholder, rows, etc.
+   * @returns A textarea field definition
+   *
+   * @example
+   * ```tsx
+   * FormFieldClass.textArea('description', {
+   *   label: 'Description',
+   *   placeholder: 'Enter a detailed description',
+   *   rows: 4
+   * })
+   * ```
+   */
+  static textArea(e, o = {}) {
+    return this.field(C.TextArea, e, o);
+  }
+  /**
+   * Creates a markdown editor field with rich text editing capabilities.
+   *
+   * @param key - Unique identifier for the field
+   * @param options - Configuration options including label, height, preview, toolbar, etc.
+   * @returns A markdown editor field definition
+   *
+   * @example
+   * ```tsx
+   * FormFieldClass.markdownEditor('content', {
+   *   label: 'Content',
+   *   height: 400,
+   *   preview: true,
+   *   toolbar: ['bold', 'italic', 'link', 'quote', 'code']
+   * })
+   * ```
+   *
+   * @example Dual format output
+   * ```tsx
+   * FormFieldClass.markdownEditor('content', {
+   *   label: 'Content',
+   *   outputFormat: 'both', // Outputs both markdown and HTML
+   *   onHtmlChange: (html) => console.log('HTML:', html)
+   * })
+   * ```
+   *
+   * @example Modal-on-modal fix
+   * ```tsx
+   * FormFieldClass.markdownEditor('content', {
+   *   label: 'Content',
+   *   // Fix for when MarkdownEditor is inside a modal
+   *   overlayContainer: document.getElementById('modal-container'),
+   *   popupZIndex: 10000, // Higher than your modal's z-index
+   * })
+   * ```
+   */
+  static markdownEditor(e, o = {}) {
+    return {
+      key: e,
+      type: C.MarkdownEditor,
+      options: {
+        label: e,
+        outputFormat: "markdown",
+        // Default to markdown only
+        ...o
+      }
+    };
+  }
+  /**
+   * Creates a Markdown editor field with image upload support
+   */
+  static markdownEditorWithImages(e, o, i = {}) {
+    return {
+      key: e,
+      type: C.MarkdownEditor,
+      options: {
+        label: e,
+        enableImageUpload: !0,
+        imageUploadHandler: o,
+        maxImageSize: 5 * 1024 * 1024,
+        // 5MB default
+        allowedImageTypes: ["image/png", "image/jpeg", "image/gif", "image/webp"],
+        imageUploadMode: "custom",
+        ...i
+      }
+    };
+  }
+  /**
+   * Creates an email input field with built-in email validation.
+   *
+   * @param key - Unique identifier for the field
+   * @param options - Configuration options including label, placeholder, validation, etc.
+   * @returns An email field definition
+   *
+   * @example
+   * ```tsx
+   * FormFieldClass.email('email', {
+   *   label: 'Email Address',
+   *   required: true,
+   *   placeholder: 'user@example.com'
+   * })
+   * ```
+   */
+  static email(e, o = {}) {
+    return this.field(C.Email, e, o);
+  }
+  /**
+   * Creates a password input field.
+   *
+   * @param key - Unique identifier for the field
+   * @param options - Configuration options including label, placeholder, validation, etc.
+   * @returns A password field definition
+   *
+   * @example
+   * ```tsx
+   * FormFieldClass.password('password', {
+   *   label: 'Password',
+   *   required: true,
+   *   validate: (value) => value.length >= 8 || 'Password must be at least 8 characters'
+   * })
+   * ```
+   */
+  static password(e, o = {}) {
+    return this.field(C.Password, e, o);
+  }
+  static url(e, o = {}) {
+    return this.field(C.Url, e, o);
+  }
+  static phone(e, o = {}) {
+    return this.field(C.Phone, e, o);
+  }
+  static number(e, o = {}) {
+    return this.field(C.Number, e, o);
+  }
+  static currency(e, o = {}) {
+    return this.field(C.Currency, e, o);
+  }
+  static checkbox(e, o = {}) {
+    return this.field(C.Checkbox, e, o);
+  }
+  /**
+   * Creates a checkbox group field with multiple selectable options.
+   *
+   * @param key - Unique identifier for the field
+   * @param options - Configuration options including checkboxOptions array, layout, etc.
+   * @returns A checkbox group field definition
+   *
+   * @example
+   * ```tsx
+   * FormFieldClass.checkboxGroup('interests', {
+   *   label: 'Interests',
+   *   checkboxOptions: [
+   *     { key: 'sports', value: 'sports', label: 'Sports' },
+   *     { key: 'music', value: 'music', label: 'Music' },
+   *     { key: 'travel', value: 'travel', label: 'Travel' }
+   *   ],
+   *   checkboxDirection: 'column',
+   *   defaultValue: 'sports,music' // comma-separated selected values
+   * })
+   * ```
+   */
+  static checkboxGroup(e, o) {
+    return this.field(C.CheckboxGroup, e, o);
+  }
+  static customCheckbox(e, o = {}) {
+    return this.field(C.CustomCheckbox, e, o);
+  }
+  static switch(e, o = {}) {
+    return this.field(C.Switch, e, o);
+  }
+  static button(e, o = {}) {
+    const { label: i, ...s } = o;
+    return this.field(C.Button, e, s);
+  }
+  static datePicker(e, o = {}) {
+    return this.field(C.DatePicker, e, o);
+  }
+  static dateTimePicker(e, o = {}) {
+    return this.field(C.DateTimePicker, e, o);
+  }
+  static select(e, o) {
+    return this.field(C.Select, e, o);
+  }
+  static enumSelect(e, o) {
+    return this.field(C.EnumSelect, e, o);
+  }
+  static searchSelect(e, o) {
+    return this.field(C.SearchSelect, e, o);
+  }
+  static searchSelectApollo(e, o) {
+    return this.field(C.SearchSelectApollo, e, o);
+  }
+  static searchSelectMulti(e, o) {
+    return this.field(C.SearchSelectMulti, e, o);
+  }
+  static searchSelectMultiApollo(e, o) {
+    return this.field(C.SearchSelectMultiApollo, e, o);
+  }
+  static content(e, o) {
+    return this.field(C.Content, e, o);
+  }
+  static custom(e, o) {
+    return this.field(C.Custom, e, o);
+  }
+}
+const be = Q(null);
+function ze() {
+  const t = ee(be);
+  if (!t)
+    throw new Error("FormField components must be used within a <Form> component.");
+  return t;
+}
+const ye = Q({
+  labelDisplay: "default"
+  // 'default' is the sensible default
+});
+function Ie() {
+  const t = ee(ye);
+  if (!t)
+    throw new Error("useFormConfig must be used within a <Form> component.");
+  return t;
+}
+const Re = he.parse({}), fe = Q(Re);
+function Rt() {
+  return ee(fe);
+}
+function Be(t, e) {
+  return async (o) => {
+    try {
+      return await t.parseAsync(o), !0;
+    } catch (i) {
+      if (i instanceof ce) {
+        const s = i.errors[0], l = s.code;
+        return e?.[l] ?? s.message;
+      }
+      return "Invalid value";
+    }
+  };
+}
+function se(t, e) {
+  return async (o, i) => {
+    const s = await t(o, i);
+    return s !== !0 ? s : e(o, i);
+  };
+}
+async function He(t, e, o) {
+  const { options: i } = t;
+  if (i.validateWhen && !i.validateWhen(o))
+    return null;
+  if ((i.required || i.requiredWhen?.(o)) && !e)
+    return {
+      type: "required",
+      message: i.errorMessages?.required || "This field is required"
+    };
+  if (i.schema)
+    try {
+      await i.schema.parseAsync(e);
+    } catch (l) {
+      if (l instanceof ce) {
+        const a = l.errors[0];
+        return {
+          type: a.code,
+          message: i.errorMessages?.[a.code] || a.message
+        };
+      }
+    }
+  if (i.validate) {
+    const l = await i.validate(e);
+    if (l !== !0)
+      return {
+        type: "validate",
+        message: l
+      };
+  }
+  if (i.validateWithForm) {
+    const l = await i.validateWithForm(e, o);
+    if (l !== !0)
+      return {
+        type: "validateWithForm",
+        message: l
+      };
+  }
+  return null;
+}
+function We(t, e, o) {
+  const i = {};
+  if (e && (i.required = t.errorMessages?.required || "This field is required"), t.schema) {
+    const s = Be(t.schema, t.errorMessages);
+    i.validate && typeof i.validate == "object" ? i.validate.schema = s : i.validate = s;
+  }
+  if (t.validate)
+    if (!i.validate)
+      i.validate = t.validate;
+    else if (typeof i.validate == "object")
+      i.validate.custom = t.validate;
+    else {
+      const s = t.validate;
+      i.validate = se(i.validate, (l) => s(l));
+    }
+  if (t.validateWithForm && (i.validate ? typeof i.validate == "object" ? i.validate.crossField = t.validateWithForm : i.validate = se(i.validate, t.validateWithForm) : i.validate = t.validateWithForm), i.validate && (t.validateWhen || t.validationGroup)) {
+    const s = i.validate;
+    i.validate = async (l, a) => {
+      if (t.validateWhen && !t.validateWhen(a) || o && t.validationGroup && t.validationGroup !== o)
+        return !0;
+      if (typeof s == "function")
+        return s(l, a);
+      if (typeof s == "object") {
+        for (const [, p] of Object.entries(s))
+          if (typeof p == "function") {
+            const h = await p(l, a);
+            if (h !== !0) return h;
+          }
+        return !0;
+      }
+      return !0;
+    };
+  }
+  return i;
+}
+function Ae(t, e, o) {
+  if (t)
+    return Ve(t);
+  const i = e?.filter(
+    (s) => s.options.schema || s.options.validateWithForm || s.options.validate
+  );
+  if (i?.length)
+    return async (s, l, a) => {
+      const p = {};
+      for (const h of i) {
+        const c = s[h.key], b = await He(h, c, s);
+        b && (p[h.key] = b);
+      }
+      return {
+        values: Object.keys(p).length ? {} : s,
+        errors: p
+      };
+    };
+}
+async function Bt(t, e, o) {
+  const i = o.filter((s) => s.options.validationGroup === e).map((s) => s.key);
+  return i.length === 0 ? !0 : await t.trigger(i);
+}
+function Ht(t) {
+  const e = /* @__PURE__ */ new Set();
+  return t.forEach((o) => {
+    o.options.validationGroup && e.add(o.options.validationGroup);
+  }), Array.from(e).sort((o, i) => o.localeCompare(i));
+}
+function Wt(t, e) {
+  return t.filter((o) => o.options.validationGroup === e);
+}
+function At(t, e, o) {
+  return !(t.options.validateWhen && !t.options.validateWhen(e) || o && t.options.validationGroup && t.options.validationGroup !== o);
+}
+function ae(t, e) {
+  return W(() => {
+    const i = t.options.required || !1;
+    return We(
+      t.options,
+      i,
+      void 0
+    );
+  }, [
+    // Use stable references for the field options
+    t.key,
+    t.options.required,
+    t.options.schema
+    // Don't use function references as dependencies - they might change on every render
+    // The validation functions themselves will be stable inside createFieldValidation
+  ]);
+}
+function jt(t, e = 500) {
+  const [o, i] = B(t);
+  return E(() => {
+    const s = setTimeout(() => {
+      i(t);
+    }, e);
+    return () => {
+      clearTimeout(s);
+    };
+  }, [t, e]), o;
+}
+const A = {
+  USD: {
+    code: "USD",
+    symbol: "$",
+    name: "US Dollar",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: ",",
+    decimalSeparator: "."
+  },
+  EUR: {
+    code: "EUR",
+    symbol: "€",
+    name: "Euro",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: ".",
+    decimalSeparator: ","
+  },
+  GBP: {
+    code: "GBP",
+    symbol: "£",
+    name: "British Pound",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: ",",
+    decimalSeparator: "."
+  },
+  JPY: {
+    code: "JPY",
+    symbol: "¥",
+    name: "Japanese Yen",
+    symbolPosition: "before",
+    decimalPlaces: 0,
+    thousandsSeparator: ",",
+    decimalSeparator: "."
+  },
+  CNY: {
+    code: "CNY",
+    symbol: "¥",
+    name: "Chinese Yuan",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: ",",
+    decimalSeparator: "."
+  },
+  CAD: {
+    code: "CAD",
+    symbol: "C$",
+    name: "Canadian Dollar",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: ",",
+    decimalSeparator: "."
+  },
+  AUD: {
+    code: "AUD",
+    symbol: "A$",
+    name: "Australian Dollar",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: ",",
+    decimalSeparator: "."
+  },
+  CHF: {
+    code: "CHF",
+    symbol: "CHF",
+    name: "Swiss Franc",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: "'",
+    decimalSeparator: "."
+  },
+  SEK: {
+    code: "SEK",
+    symbol: "kr",
+    name: "Swedish Krona",
+    symbolPosition: "after",
+    decimalPlaces: 2,
+    thousandsSeparator: " ",
+    decimalSeparator: ","
+  },
+  NOK: {
+    code: "NOK",
+    symbol: "kr",
+    name: "Norwegian Krone",
+    symbolPosition: "after",
+    decimalPlaces: 2,
+    thousandsSeparator: " ",
+    decimalSeparator: ","
+  },
+  DKK: {
+    code: "DKK",
+    symbol: "kr",
+    name: "Danish Krone",
+    symbolPosition: "after",
+    decimalPlaces: 2,
+    thousandsSeparator: ".",
+    decimalSeparator: ","
+  },
+  PLN: {
+    code: "PLN",
+    symbol: "zł",
+    name: "Polish Złoty",
+    symbolPosition: "after",
+    decimalPlaces: 2,
+    thousandsSeparator: " ",
+    decimalSeparator: ","
+  },
+  CZK: {
+    code: "CZK",
+    symbol: "Kč",
+    name: "Czech Koruna",
+    symbolPosition: "after",
+    decimalPlaces: 2,
+    thousandsSeparator: " ",
+    decimalSeparator: ","
+  },
+  HUF: {
+    code: "HUF",
+    symbol: "Ft",
+    name: "Hungarian Forint",
+    symbolPosition: "after",
+    decimalPlaces: 0,
+    thousandsSeparator: " ",
+    decimalSeparator: ","
+  },
+  RON: {
+    code: "RON",
+    symbol: "lei",
+    name: "Romanian Leu",
+    symbolPosition: "after",
+    decimalPlaces: 2,
+    thousandsSeparator: ".",
+    decimalSeparator: ","
+  },
+  BGN: {
+    code: "BGN",
+    symbol: "лв",
+    name: "Bulgarian Lev",
+    symbolPosition: "after",
+    decimalPlaces: 2,
+    thousandsSeparator: " ",
+    decimalSeparator: ","
+  },
+  HRK: {
+    code: "HRK",
+    symbol: "kn",
+    name: "Croatian Kuna",
+    symbolPosition: "after",
+    decimalPlaces: 2,
+    thousandsSeparator: ".",
+    decimalSeparator: ","
+  },
+  RUB: {
+    code: "RUB",
+    symbol: "₽",
+    name: "Russian Ruble",
+    symbolPosition: "after",
+    decimalPlaces: 2,
+    thousandsSeparator: " ",
+    decimalSeparator: ","
+  },
+  TRY: {
+    code: "TRY",
+    symbol: "₺",
+    name: "Turkish Lira",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: ".",
+    decimalSeparator: ","
+  },
+  BRL: {
+    code: "BRL",
+    symbol: "R$",
+    name: "Brazilian Real",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: ".",
+    decimalSeparator: ","
+  },
+  MXN: {
+    code: "MXN",
+    symbol: "$",
+    name: "Mexican Peso",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: ",",
+    decimalSeparator: "."
+  },
+  INR: {
+    code: "INR",
+    symbol: "₹",
+    name: "Indian Rupee",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: ",",
+    decimalSeparator: "."
+  },
+  KRW: {
+    code: "KRW",
+    symbol: "₩",
+    name: "South Korean Won",
+    symbolPosition: "before",
+    decimalPlaces: 0,
+    thousandsSeparator: ",",
+    decimalSeparator: "."
+  },
+  SGD: {
+    code: "SGD",
+    symbol: "S$",
+    name: "Singapore Dollar",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: ",",
+    decimalSeparator: "."
+  },
+  HKD: {
+    code: "HKD",
+    symbol: "HK$",
+    name: "Hong Kong Dollar",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: ",",
+    decimalSeparator: "."
+  },
+  NZD: {
+    code: "NZD",
+    symbol: "NZ$",
+    name: "New Zealand Dollar",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: ",",
+    decimalSeparator: "."
+  },
+  ZAR: {
+    code: "ZAR",
+    symbol: "R",
+    name: "South African Rand",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: " ",
+    decimalSeparator: ","
+  },
+  THB: {
+    code: "THB",
+    symbol: "฿",
+    name: "Thai Baht",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: ",",
+    decimalSeparator: "."
+  },
+  MYR: {
+    code: "MYR",
+    symbol: "RM",
+    name: "Malaysian Ringgit",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: ",",
+    decimalSeparator: "."
+  },
+  IDR: {
+    code: "IDR",
+    symbol: "Rp",
+    name: "Indonesian Rupiah",
+    symbolPosition: "before",
+    decimalPlaces: 0,
+    thousandsSeparator: ".",
+    decimalSeparator: ","
+  },
+  PHP: {
+    code: "PHP",
+    symbol: "₱",
+    name: "Philippine Peso",
+    symbolPosition: "before",
+    decimalPlaces: 2,
+    thousandsSeparator: ",",
+    decimalSeparator: "."
+  },
+  VND: {
+    code: "VND",
+    symbol: "₫",
+    name: "Vietnamese Dong",
+    symbolPosition: "after",
+    decimalPlaces: 0,
+    thousandsSeparator: ".",
+    decimalSeparator: ","
+  }
+};
+function je(t) {
+  return A[t];
+}
+function Mt() {
+  return Object.values(A).map((t) => ({
+    value: t.code,
+    label: `${t.symbol} ${t.code} - ${t.name}`
+  }));
+}
+function qt() {
+  return ["USD", "EUR", "GBP", "JPY", "CAD", "AUD", "CHF", "CNY"].map((e) => ({
+    value: e,
+    label: `${A[e].symbol} ${e} - ${A[e].name}`
+  }));
+}
+function Me(t, e) {
+  const o = t.startsWith("-"), i = o ? t.slice(1) : t;
+  if (i.length <= 3 || e === "")
+    return o ? "-" + i : i;
+  let s = "";
+  for (let p = i.length; p > 3; p -= 3)
+    s = e + i.slice(p - 3, p) + s;
+  const l = i.length % 3 || 3, a = i.slice(0, l) + s;
+  return o ? "-" + a : a;
+}
+function q(t, e, o = {}) {
+  const { showSymbol: i = !0, showCode: s = !1, includeDecimals: l = !0 } = o;
+  if (t == null || t === "")
+    return "";
+  const a = typeof t == "string" ? parseFloat(t) : t;
+  if (isNaN(a))
+    return "";
+  const p = l ? e.decimalPlaces : 0, h = a.toFixed(p), [c, b] = h.split("."), d = Me(c, e.thousandsSeparator);
+  let S = b ? `${d}${e.decimalSeparator}${b}` : d;
+  return i && (e.symbolPosition === "before" ? S = `${e.symbol}${S}` : S = `${S} ${e.symbol}`), s && (S = `${S} ${e.code}`), S;
+}
+function Lt(t, e) {
+  if (!t || typeof t != "string")
+    return null;
+  let o = t.replace(e.symbol, "").replace(e.code, "").trim();
+  o = o.replace(new RegExp(`\\${e.thousandsSeparator}`, "g"), ""), e.decimalSeparator !== "." && (o = o.replace(e.decimalSeparator, "."));
+  const i = parseFloat(o);
+  return isNaN(i) ? null : i;
+}
+function Et(t) {
+  return t.decimalPlaces === 0 ? "1" : `0.${"0".repeat(t.decimalPlaces - 1)}1`;
+}
+function qe(t = "USD", e) {
+  return t === "custom" && e ? {
+    ...A.USD,
+    ...e,
+    code: e.code || "USD"
+  } : A[t] || A.USD;
+}
+function Nt(t) {
+  return t in A;
+}
+function $t(t, e, o, i) {
+  if (e === o)
+    return t;
+  if (!i)
+    throw new Error("Exchange rates required for currency conversion");
+  const s = i[`${e}_${o}`];
+  if (!s)
+    throw new Error(`Exchange rate not found for ${e} to ${o}`);
+  return t * s;
+}
+function Ut(t, e, o = "display") {
+  const i = je(e);
+  switch (o) {
+    case "input":
+      return q(t, { ...i, thousandsSeparator: "" }, { showSymbol: !1 });
+    case "compact": {
+      const s = typeof t == "string" ? parseFloat(t) : t;
+      return s && s >= 1e6 ? q(s / 1e6, i, { includeDecimals: !1 }) + "M" : s && s >= 1e3 ? q(s / 1e3, i, { includeDecimals: !1 }) + "K" : q(t, i);
+    }
+    case "display":
+    default:
+      return q(t, i);
+  }
+}
+function ge(t) {
+  return t ? t.split("T")[0] : null;
+}
+function re(t, e) {
+  return t ? ue(ge(t)).format(e ? "MM/DD/YYYY" : "MMMM DD, YYYY") : null;
+}
+function Le(t) {
+  return t ? t.slice(0, 16) : null;
+}
+function le(t, e) {
+  return t ? ue(t).format(e ? "MM/DD/YYYY h:mm A" : "MMMM DD, YYYY h:mm A") : null;
+}
+const $ = {
+  // ── Global ──
+  global: w.create({
+    input: {
+      borderWidth: 1,
+      borderColor: "#d1d5db",
+      borderRadius: 8,
+      paddingHorizontal: 12,
+      paddingVertical: 10,
+      fontSize: 16,
+      color: "#111827",
+      backgroundColor: "#ffffff"
+    },
+    inputFocused: {
+      borderColor: "#7dd3fc",
+      borderWidth: 2
+    },
+    error: {
+      borderColor: "#dc2626"
+    },
+    disabled: {
+      opacity: 0.5,
+      backgroundColor: "#f3f4f6"
+    },
+    readOnly: {
+      minHeight: 40,
+      justifyContent: "center",
+      paddingHorizontal: 12
+    },
+    readOnlyText: {
+      fontSize: 16,
+      color: "#374151"
+    },
+    errorText: {
+      color: "#dc2626",
+      fontSize: 13,
+      marginTop: 4
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    },
+    fieldWrapper: {
+      marginBottom: 16
+    }
+  }),
+  // ── Label ──
+  label: w.create({
+    base: {
+      fontSize: 14,
+      fontWeight: "500",
+      color: "#374151",
+      marginBottom: 4
+    },
+    requiredIndicator: {
+      color: "#dc2626",
+      fontSize: 14
+    }
+  }),
+  // ── Text Field ──
+  textField: w.create({
+    input: {
+      borderWidth: 1,
+      borderColor: "#d1d5db",
+      borderRadius: 8,
+      paddingHorizontal: 12,
+      paddingVertical: 10,
+      fontSize: 16,
+      color: "#111827",
+      backgroundColor: "#ffffff"
+    },
+    error: {
+      borderColor: "#dc2626"
+    },
+    disabled: {
+      opacity: 0.5,
+      backgroundColor: "#f3f4f6"
+    },
+    readOnly: {
+      minHeight: 40,
+      justifyContent: "center",
+      paddingHorizontal: 12
+    },
+    readOnlyText: {
+      fontSize: 16,
+      color: "#374151"
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    }
+  }),
+  // ── TextArea Field ──
+  textAreaField: w.create({
+    textarea: {
+      borderWidth: 1,
+      borderColor: "#d1d5db",
+      borderRadius: 8,
+      paddingHorizontal: 12,
+      paddingVertical: 10,
+      fontSize: 16,
+      color: "#111827",
+      backgroundColor: "#ffffff",
+      textAlignVertical: "top"
+    },
+    error: {
+      borderColor: "#dc2626"
+    },
+    disabled: {
+      opacity: 0.5,
+      backgroundColor: "#f3f4f6"
+    },
+    readOnlyValue: {
+      fontSize: 16,
+      color: "#374151",
+      minHeight: 40,
+      paddingHorizontal: 12
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    }
+  }),
+  // ── Email Field ──
+  emailField: w.create({
+    input: {
+      borderWidth: 1,
+      borderColor: "#d1d5db",
+      borderRadius: 8,
+      paddingHorizontal: 12,
+      paddingVertical: 10,
+      fontSize: 16,
+      color: "#111827",
+      backgroundColor: "#ffffff"
+    },
+    error: {
+      borderColor: "#dc2626"
+    },
+    disabled: {
+      opacity: 0.5,
+      backgroundColor: "#f3f4f6"
+    },
+    readOnlyValue: {
+      fontSize: 16,
+      color: "#374151",
+      minHeight: 40,
+      justifyContent: "center",
+      paddingHorizontal: 12
+    }
+  }),
+  // ── Password Field ──
+  passwordField: w.create({
+    container: {
+      position: "relative"
+    },
+    input: {
+      borderWidth: 1,
+      borderColor: "#d1d5db",
+      borderRadius: 8,
+      paddingHorizontal: 12,
+      paddingVertical: 10,
+      paddingRight: 48,
+      fontSize: 16,
+      color: "#111827",
+      backgroundColor: "#ffffff"
+    },
+    error: {
+      borderColor: "#dc2626"
+    },
+    disabled: {
+      opacity: 0.5,
+      backgroundColor: "#f3f4f6"
+    },
+    readOnlyValue: {
+      fontSize: 16,
+      color: "#374151",
+      minHeight: 40,
+      justifyContent: "center",
+      paddingHorizontal: 12
+    },
+    toggleButton: {
+      position: "absolute",
+      right: 12,
+      top: 0,
+      bottom: 0,
+      justifyContent: "center"
+    },
+    toggleText: {
+      fontSize: 14,
+      color: "#6b7280"
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    }
+  }),
+  // ── URL Field ──
+  urlField: w.create({
+    input: {
+      borderWidth: 1,
+      borderColor: "#d1d5db",
+      borderRadius: 8,
+      paddingHorizontal: 12,
+      paddingVertical: 10,
+      fontSize: 16,
+      color: "#111827",
+      backgroundColor: "#ffffff"
+    },
+    error: {
+      borderColor: "#dc2626"
+    },
+    disabled: {
+      opacity: 0.5,
+      backgroundColor: "#f3f4f6"
+    },
+    readOnlyValue: {
+      fontSize: 16,
+      color: "#374151",
+      minHeight: 40,
+      justifyContent: "center",
+      paddingHorizontal: 12
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    }
+  }),
+  // ── Number Field ──
+  numberField: w.create({
+    input: {
+      borderWidth: 1,
+      borderColor: "#d1d5db",
+      borderRadius: 8,
+      paddingHorizontal: 12,
+      paddingVertical: 10,
+      fontSize: 16,
+      color: "#111827",
+      backgroundColor: "#ffffff"
+    },
+    error: {
+      borderColor: "#dc2626"
+    },
+    disabled: {
+      opacity: 0.5,
+      backgroundColor: "#f3f4f6"
+    },
+    readOnlyValue: {
+      fontSize: 16,
+      color: "#374151",
+      minHeight: 40,
+      justifyContent: "center",
+      paddingHorizontal: 12
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    }
+  }),
+  // ── Money Field ──
+  moneyField: w.create({
+    container: {
+      flexDirection: "row",
+      alignItems: "center"
+    },
+    currencySymbol: {
+      fontSize: 16,
+      color: "#6b7280",
+      paddingHorizontal: 8
+    },
+    currencySymbolHidden: {
+      opacity: 0
+    },
+    input: {
+      flex: 1,
+      borderWidth: 1,
+      borderColor: "#d1d5db",
+      borderRadius: 8,
+      paddingHorizontal: 12,
+      paddingVertical: 10,
+      fontSize: 16,
+      color: "#111827",
+      backgroundColor: "#ffffff"
+    },
+    error: {
+      borderColor: "#dc2626"
+    },
+    disabled: {
+      opacity: 0.5,
+      backgroundColor: "#f3f4f6"
+    },
+    readOnlyValue: {
+      fontSize: 16,
+      color: "#374151",
+      minHeight: 40,
+      justifyContent: "center",
+      paddingHorizontal: 12
+    }
+  }),
+  // ── Phone Field ──
+  phoneField: w.create({
+    input: {
+      borderWidth: 1,
+      borderColor: "#d1d5db",
+      borderRadius: 8,
+      paddingHorizontal: 12,
+      paddingVertical: 10,
+      fontSize: 16,
+      color: "#111827",
+      backgroundColor: "#ffffff"
+    },
+    error: {
+      borderColor: "#dc2626"
+    },
+    disabled: {
+      opacity: 0.5,
+      backgroundColor: "#f3f4f6"
+    },
+    readOnlyValue: {
+      fontSize: 16,
+      color: "#374151",
+      minHeight: 40,
+      justifyContent: "center",
+      paddingHorizontal: 12
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    }
+  }),
+  // ── Checkbox ──
+  checkbox: w.create({
+    wrapper: {
+      flexDirection: "column"
+    },
+    row: {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: 8
+    },
+    label: {
+      fontSize: 16,
+      color: "#374151"
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    },
+    errorMessage: {
+      color: "#dc2626",
+      fontSize: 13,
+      marginTop: 4
+    },
+    disabled: {
+      opacity: 0.5
+    },
+    readOnly: {
+      fontSize: 16,
+      color: "#374151"
+    }
+  }),
+  // ── Custom Checkbox ──
+  customCheckbox: w.create({
+    wrapper: {
+      flexDirection: "column"
+    },
+    row: {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: 8
+    },
+    checkboxContainer: {
+      width: 24,
+      height: 24,
+      justifyContent: "center",
+      alignItems: "center"
+    },
+    label: {
+      fontSize: 16,
+      color: "#374151"
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    },
+    disabled: {
+      opacity: 0.5
+    },
+    readOnly: {
+      fontSize: 16,
+      color: "#374151"
+    },
+    checked: {
+      // Styling applied when checked — override in theme
+    },
+    error: {
+      // Styling applied on error — override in theme
+    }
+  }),
+  // ── Switch Field ──
+  switchField: w.create({
+    container: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between"
+    },
+    label: {
+      fontSize: 16,
+      color: "#374151",
+      flex: 1
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    },
+    disabled: {
+      opacity: 0.5
+    },
+    readOnlyValue: {
+      fontSize: 16,
+      color: "#374151"
+    },
+    error: {
+      // Applied on error
+    }
+  }),
+  // ── Checkbox Group ──
+  checkboxGroup: w.create({
+    wrapper: {
+      flexDirection: "column"
+    },
+    containerColumn: {
+      flexDirection: "column",
+      gap: 8
+    },
+    containerRow: {
+      flexDirection: "row",
+      flexWrap: "wrap",
+      gap: 16
+    },
+    optionContainer: {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: 8
+    },
+    label: {
+      fontSize: 16,
+      color: "#374151"
+    },
+    readOnlyValue: {
+      fontSize: 16,
+      color: "#374151"
+    },
+    readOnlySelected: {
+      fontSize: 16,
+      color: "#374151"
+    },
+    readOnlyUnselected: {
+      fontSize: 16,
+      color: "#9ca3af"
+    },
+    disabled: {
+      opacity: 0.5
+    }
+  }),
+  // ── Button ──
+  button: w.create({
+    base: {
+      borderRadius: 8,
+      paddingVertical: 12,
+      paddingHorizontal: 16,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    primary: {
+      backgroundColor: "#0284c7"
+    },
+    secondary: {
+      backgroundColor: "#ffffff",
+      borderWidth: 1,
+      borderColor: "#d1d5db"
+    },
+    danger: {
+      backgroundColor: "#dc2626"
+    },
+    disabled: {
+      opacity: 0.5
+    },
+    loading: {
+      opacity: 0.7
+    },
+    fullWidth: {
+      width: "100%"
+    },
+    text: {
+      fontSize: 16,
+      fontWeight: "600"
+    },
+    primaryText: {
+      color: "#ffffff"
+    },
+    secondaryText: {
+      color: "#374151"
+    },
+    dangerText: {
+      color: "#ffffff"
+    },
+    disabledText: {
+      color: "#9ca3af"
+    }
+  }),
+  // ── Date Picker ──
+  datePicker: w.create({
+    trigger: {
+      borderWidth: 1,
+      borderColor: "#d1d5db",
+      borderRadius: 8,
+      paddingHorizontal: 12,
+      paddingVertical: 10,
+      backgroundColor: "#ffffff",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between"
+    },
+    triggerText: {
+      fontSize: 16,
+      color: "#111827"
+    },
+    placeholderText: {
+      fontSize: 16,
+      color: "#9ca3af"
+    },
+    error: {
+      borderColor: "#dc2626"
+    },
+    disabled: {
+      opacity: 0.5,
+      backgroundColor: "#f3f4f6"
+    },
+    readOnlyValue: {
+      fontSize: 16,
+      color: "#374151",
+      minHeight: 40,
+      justifyContent: "center",
+      paddingHorizontal: 12
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    }
+  }),
+  // ── DateTime Picker (reuses datePicker styles) ──
+  dateTimePicker: w.create({
+    trigger: {
+      borderWidth: 1,
+      borderColor: "#d1d5db",
+      borderRadius: 8,
+      paddingHorizontal: 12,
+      paddingVertical: 10,
+      backgroundColor: "#ffffff",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between"
+    },
+    triggerText: {
+      fontSize: 16,
+      color: "#111827"
+    },
+    placeholderText: {
+      fontSize: 16,
+      color: "#9ca3af"
+    },
+    error: {
+      borderColor: "#dc2626"
+    },
+    disabled: {
+      opacity: 0.5,
+      backgroundColor: "#f3f4f6"
+    },
+    readOnlyValue: {
+      fontSize: 16,
+      color: "#374151",
+      minHeight: 40,
+      justifyContent: "center",
+      paddingHorizontal: 12
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    }
+  }),
+  // ── Time Picker ──
+  timePicker: w.create({
+    trigger: {
+      borderWidth: 1,
+      borderColor: "#d1d5db",
+      borderRadius: 8,
+      paddingHorizontal: 12,
+      paddingVertical: 10,
+      backgroundColor: "#ffffff",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between"
+    },
+    triggerText: {
+      fontSize: 16,
+      color: "#111827"
+    },
+    placeholderText: {
+      fontSize: 16,
+      color: "#9ca3af"
+    },
+    error: {
+      borderColor: "#dc2626"
+    },
+    disabled: {
+      opacity: 0.5,
+      backgroundColor: "#f3f4f6"
+    },
+    readOnlyValue: {
+      fontSize: 16,
+      color: "#374151",
+      minHeight: 40,
+      justifyContent: "center",
+      paddingHorizontal: 12
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    }
+  }),
+  // ── Select Field ──
+  selectField: w.create({
+    wrapper: {
+      flexDirection: "column"
+    },
+    container: {
+      borderWidth: 1,
+      borderColor: "#d1d5db",
+      borderRadius: 8,
+      backgroundColor: "#ffffff"
+    },
+    error: {
+      borderColor: "#dc2626"
+    },
+    disabled: {
+      opacity: 0.5,
+      backgroundColor: "#f3f4f6"
+    },
+    readOnlyValue: {
+      fontSize: 16,
+      color: "#374151",
+      minHeight: 40,
+      justifyContent: "center",
+      paddingHorizontal: 12
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    },
+    placeholder: {
+      fontSize: 16,
+      color: "#9ca3af"
+    },
+    selectedText: {
+      fontSize: 16,
+      color: "#111827"
+    },
+    itemText: {
+      fontSize: 16,
+      color: "#111827"
+    },
+    selectedItem: {
+      backgroundColor: "#eff6ff"
+    }
+  }),
+  // ── Multi Select ──
+  multiSelect: w.create({
+    wrapper: {
+      flexDirection: "column"
+    },
+    container: {
+      borderWidth: 1,
+      borderColor: "#d1d5db",
+      borderRadius: 8,
+      backgroundColor: "#ffffff"
+    },
+    error: {
+      borderColor: "#dc2626"
+    },
+    disabled: {
+      opacity: 0.5,
+      backgroundColor: "#f3f4f6"
+    },
+    readOnlyValue: {
+      fontSize: 16,
+      color: "#374151",
+      minHeight: 40,
+      justifyContent: "center",
+      paddingHorizontal: 12
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    },
+    selectedItem: {
+      backgroundColor: "#eff6ff",
+      borderRadius: 4,
+      paddingHorizontal: 8,
+      paddingVertical: 4,
+      marginRight: 4,
+      marginBottom: 4,
+      flexDirection: "row",
+      alignItems: "center"
+    },
+    selectedItemText: {
+      fontSize: 14,
+      color: "#1e40af"
+    },
+    removeButton: {
+      marginLeft: 4,
+      padding: 2
+    },
+    removeButtonText: {
+      fontSize: 12,
+      color: "#6b7280"
+    },
+    placeholder: {
+      fontSize: 16,
+      color: "#9ca3af"
+    }
+  }),
+  // ── Radio Field ──
+  radioField: w.create({
+    wrapper: {
+      flexDirection: "column"
+    },
+    containerColumn: {
+      flexDirection: "column",
+      gap: 8
+    },
+    containerRow: {
+      flexDirection: "row",
+      flexWrap: "wrap",
+      gap: 16
+    },
+    optionContainer: {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: 8
+    },
+    radio: {
+      width: 22,
+      height: 22,
+      borderRadius: 11,
+      borderWidth: 2,
+      borderColor: "#d1d5db",
+      justifyContent: "center",
+      alignItems: "center"
+    },
+    radioSelected: {
+      borderColor: "#0284c7"
+    },
+    radioInner: {
+      width: 12,
+      height: 12,
+      borderRadius: 6,
+      backgroundColor: "#0284c7"
+    },
+    label: {
+      fontSize: 16,
+      color: "#374151"
+    },
+    disabled: {
+      opacity: 0.5
+    },
+    readOnlySelected: {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: 4
+    },
+    readOnlyUnselected: {
+      fontSize: 16,
+      color: "#9ca3af"
+    },
+    subOptionInput: {
+      borderWidth: 1,
+      borderColor: "#d1d5db",
+      borderRadius: 8,
+      paddingHorizontal: 12,
+      paddingVertical: 8,
+      fontSize: 14,
+      color: "#111827",
+      backgroundColor: "#ffffff",
+      marginTop: 4,
+      marginLeft: 30
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    }
+  }),
+  // ── Search Select ──
+  searchSelect: w.create({
+    wrapper: {
+      flexDirection: "column"
+    },
+    container: {
+      borderWidth: 1,
+      borderColor: "#d1d5db",
+      borderRadius: 8,
+      backgroundColor: "#ffffff"
+    },
+    error: {
+      borderColor: "#dc2626"
+    },
+    disabled: {
+      opacity: 0.5,
+      backgroundColor: "#f3f4f6"
+    },
+    readOnlyValue: {
+      fontSize: 16,
+      color: "#374151",
+      minHeight: 40,
+      justifyContent: "center",
+      paddingHorizontal: 12
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    },
+    placeholder: {
+      fontSize: 16,
+      color: "#9ca3af"
+    },
+    inputSearch: {
+      fontSize: 16,
+      color: "#111827"
+    }
+  }),
+  // ── Custom Field ──
+  customField: w.create({
+    wrapper: {
+      flexDirection: "column"
+    },
+    readOnlyValue: {
+      fontSize: 16,
+      color: "#374151",
+      minHeight: 40,
+      justifyContent: "center",
+      paddingHorizontal: 12
+    },
+    errorText: {
+      color: "#dc2626",
+      fontSize: 13,
+      marginTop: 4
+    }
+  }),
+  // ── Markdown Editor ──
+  markdownEditor: w.create({
+    wrapper: {
+      flexDirection: "column"
+    },
+    editor: {
+      borderWidth: 1,
+      borderColor: "#d1d5db",
+      borderRadius: 8,
+      backgroundColor: "#ffffff",
+      overflow: "hidden"
+    },
+    toolbar: {
+      flexDirection: "row",
+      borderBottomWidth: 1,
+      borderBottomColor: "#e5e7eb",
+      paddingHorizontal: 8,
+      paddingVertical: 4,
+      gap: 4
+    },
+    toolbarButton: {
+      padding: 8,
+      borderRadius: 4
+    },
+    toolbarButtonText: {
+      fontSize: 14,
+      fontWeight: "600",
+      color: "#6b7280"
+    },
+    textInput: {
+      padding: 12,
+      fontSize: 16,
+      color: "#111827",
+      textAlignVertical: "top"
+    },
+    preview: {
+      padding: 12
+    },
+    toggleContainer: {
+      flexDirection: "row",
+      borderBottomWidth: 1,
+      borderBottomColor: "#e5e7eb"
+    },
+    toggleButton: {
+      flex: 1,
+      paddingVertical: 8,
+      alignItems: "center"
+    },
+    toggleButtonActive: {
+      borderBottomWidth: 2,
+      borderBottomColor: "#0284c7"
+    },
+    toggleButtonText: {
+      fontSize: 14,
+      color: "#6b7280"
+    },
+    toggleButtonTextActive: {
+      color: "#0284c7",
+      fontWeight: "600"
+    },
+    error: {
+      borderColor: "#dc2626"
+    },
+    disabled: {
+      opacity: 0.5,
+      backgroundColor: "#f3f4f6"
+    },
+    readOnlyValue: {
+      padding: 12
+    },
+    helpText: {
+      color: "#6b7280",
+      fontSize: 13,
+      marginTop: 4
+    }
+  }),
+  // ── Content Field ──
+  contentField: w.create({
+    wrapper: {
+      flexDirection: "column"
+    }
+  })
+}, me = Q($);
+function v() {
+  return ee(me);
+}
+function Ee(t = {}) {
+  if (!t || Object.keys(t).length === 0)
+    return $;
+  const e = {};
+  for (const o of Object.keys($)) {
+    const i = $[o], s = t[o];
+    if (!s) {
+      e[o] = i;
+      continue;
+    }
+    const l = {};
+    for (const a of Object.keys(i)) {
+      const p = i[a], h = s[a];
+      h ? l[a] = { ...p, ...h } : l[a] = p;
+    }
+    for (const a of Object.keys(s))
+      a in l || (l[a] = s[a]);
+    e[o] = l;
+  }
+  return e;
+}
+function Ne({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v(), a = e.options.readOnly ?? i, p = e.options.readOnlyStyle ?? s, h = t.getValues(e.key) ?? "", c = ae(e);
+  if (a)
+    return p === "disabled" ? /* @__PURE__ */ x(F, { children: [
+      /* @__PURE__ */ n(
+        D,
+        {
+          nativeID: e.key,
+          editable: !1,
+          value: h,
+          style: [l.textField.input, o && l.textField.error, l.textField.disabled],
+          accessibilityLabel: e.options.label
+        }
+      ),
+      e.options.helpText && /* @__PURE__ */ n(u, { style: l.textField.helpText, children: e.options.helpText })
+    ] }) : /* @__PURE__ */ x(F, { children: [
+      /* @__PURE__ */ n(f, { style: l.textField.readOnly, children: /* @__PURE__ */ n(u, { style: l.textField.readOnlyText, children: h || "—" }) }),
+      e.options.helpText && /* @__PURE__ */ n(u, { style: l.textField.helpText, children: e.options.helpText })
+    ] });
+  const { onChange: b, onBlur: d, name: y, ref: S } = t.register(e.key, c);
+  return /* @__PURE__ */ x(F, { children: [
+    /* @__PURE__ */ n(
+      D,
+      {
+        nativeID: e.key,
+        editable: !e.options.disabled,
+        placeholder: e.options.placeholder,
+        placeholderTextColor: "#9ca3af",
+        defaultValue: e.options.defaultValue,
+        onChangeText: (m) => t.setValue(e.key, m, { shouldValidate: !0 }),
+        onBlur: () => t.trigger(e.key),
+        style: [
+          l.textField.input,
+          e.options.disabled && l.textField.disabled,
+          o && l.textField.error
+        ],
+        accessibilityLabel: e.options.label,
+        keyboardType: "default"
+      }
+    ),
+    e.options.helpText && /* @__PURE__ */ n(u, { style: l.textField.helpText, children: e.options.helpText })
+  ] });
+}
+function $e({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v(), a = e.options.readOnly ?? i, p = e.options.readOnlyStyle ?? s, h = t.getValues(e.key) ?? "", c = e.options.rows ?? 4, [b, d] = B(c * 20);
+  return a ? p === "disabled" ? /* @__PURE__ */ x(F, { children: [
+    /* @__PURE__ */ n(
+      D,
+      {
+        nativeID: e.key,
+        multiline: !0,
+        numberOfLines: c,
+        editable: !1,
+        value: h,
+        style: [l.textAreaField.textarea, l.textAreaField.disabled, o && l.textAreaField.error, { minHeight: c * 20 }],
+        accessibilityLabel: e.options.label
+      }
+    ),
+    e.options.helpText && /* @__PURE__ */ n(u, { style: l.textAreaField.helpText, children: e.options.helpText })
+  ] }) : /* @__PURE__ */ x(F, { children: [
+    /* @__PURE__ */ n(u, { style: l.textAreaField.readOnlyValue, children: h || "—" }),
+    e.options.helpText && /* @__PURE__ */ n(u, { style: l.textAreaField.helpText, children: e.options.helpText })
+  ] }) : /* @__PURE__ */ x(F, { children: [
+    /* @__PURE__ */ n(
+      D,
+      {
+        nativeID: e.key,
+        multiline: !0,
+        numberOfLines: c,
+        editable: !e.options.disabled,
+        placeholder: e.options.placeholder,
+        placeholderTextColor: "#9ca3af",
+        defaultValue: e.options.defaultValue,
+        onChangeText: (y) => t.setValue(e.key, y, { shouldValidate: !0 }),
+        onBlur: () => t.trigger(e.key),
+        onContentSizeChange: (y) => {
+          d(Math.max(c * 20, y.nativeEvent.contentSize.height));
+        },
+        style: [
+          l.textAreaField.textarea,
+          { minHeight: b },
+          e.options.disabled && l.textAreaField.disabled,
+          o && l.textAreaField.error
+        ],
+        accessibilityLabel: e.options.label
+      }
+    ),
+    e.options.helpText && /* @__PURE__ */ n(u, { style: l.textAreaField.helpText, children: e.options.helpText })
+  ] });
+}
+function Ue({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v(), a = e.options.readOnly ?? i, p = e.options.readOnlyStyle ?? s, h = t.getValues(e.key) ?? "";
+  return ae(e), a ? p === "disabled" ? /* @__PURE__ */ n(
+    D,
+    {
+      nativeID: e.key,
+      editable: !1,
+      value: h,
+      style: [l.emailField.input, l.emailField.disabled, o && l.emailField.error],
+      accessibilityLabel: e.options.label
+    }
+  ) : /* @__PURE__ */ n(f, { style: l.emailField.readOnlyValue, children: /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: h || "—" }) }) : /* @__PURE__ */ n(
+    D,
+    {
+      nativeID: e.key,
+      editable: !e.options.disabled,
+      placeholder: e.options.placeholder,
+      placeholderTextColor: "#9ca3af",
+      defaultValue: e.options.defaultValue,
+      keyboardType: "email-address",
+      autoCapitalize: "none",
+      autoComplete: "email",
+      onChangeText: (c) => t.setValue(e.key, c, { shouldValidate: !0 }),
+      onBlur: () => t.trigger(e.key),
+      style: [
+        l.emailField.input,
+        e.options.disabled && l.emailField.disabled,
+        o && l.emailField.error
+      ],
+      accessibilityLabel: e.options.label
+    }
+  );
+}
+function Ke({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v(), [a, p] = B(!1), h = e.options.readOnly ?? i, c = e.options.readOnlyStyle ?? s, b = t.getValues(e.key) ?? "";
+  return ae(e), h ? c === "disabled" ? /* @__PURE__ */ n(
+    D,
+    {
+      nativeID: e.key,
+      editable: !1,
+      secureTextEntry: !0,
+      value: b,
+      style: [l.passwordField.input, l.passwordField.disabled, o && l.passwordField.error],
+      accessibilityLabel: e.options.label
+    }
+  ) : /* @__PURE__ */ n(f, { style: l.passwordField.readOnlyValue, children: /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: "*".repeat(b.length) || "—" }) }) : /* @__PURE__ */ x(f, { style: l.passwordField.container, children: [
+    /* @__PURE__ */ n(
+      D,
+      {
+        nativeID: e.key,
+        editable: !e.options.disabled,
+        placeholder: e.options.placeholder,
+        placeholderTextColor: "#9ca3af",
+        defaultValue: e.options.defaultValue,
+        secureTextEntry: !a,
+        autoCapitalize: "none",
+        autoComplete: "password",
+        onChangeText: (d) => t.setValue(e.key, d, { shouldValidate: !0 }),
+        onBlur: () => t.trigger(e.key),
+        style: [
+          l.passwordField.input,
+          e.options.disabled && l.passwordField.disabled,
+          o && l.passwordField.error
+        ],
+        accessibilityLabel: e.options.label
+      }
+    ),
+    /* @__PURE__ */ n(
+      H,
+      {
+        onPress: () => p(!a),
+        style: l.passwordField.toggleButton,
+        accessibilityLabel: a ? "Hide password" : "Show password",
+        accessibilityRole: "button",
+        children: /* @__PURE__ */ n(u, { style: l.passwordField.toggleText, children: a ? "Hide" : "Show" })
+      }
+    ),
+    e.options.helpText && /* @__PURE__ */ n(u, { style: l.passwordField.helpText, children: e.options.helpText })
+  ] });
+}
+function Ge({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v(), a = e.options.readOnly ?? i, p = e.options.readOnlyStyle ?? s, h = t.getValues(e.key) ?? "";
+  return a ? p === "disabled" ? /* @__PURE__ */ x(F, { children: [
+    /* @__PURE__ */ n(
+      D,
+      {
+        nativeID: e.key,
+        editable: !1,
+        value: h,
+        style: [l.urlField.input, l.urlField.disabled, o && l.urlField.error],
+        accessibilityLabel: e.options.label
+      }
+    ),
+    e.options.helpText && /* @__PURE__ */ n(u, { style: l.urlField.helpText, children: e.options.helpText })
+  ] }) : /* @__PURE__ */ x(F, { children: [
+    /* @__PURE__ */ n(f, { style: l.urlField.readOnlyValue, children: /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: h || "—" }) }),
+    e.options.helpText && /* @__PURE__ */ n(u, { style: l.urlField.helpText, children: e.options.helpText })
+  ] }) : /* @__PURE__ */ x(F, { children: [
+    /* @__PURE__ */ n(
+      D,
+      {
+        nativeID: e.key,
+        editable: !e.options.disabled,
+        placeholder: e.options.placeholder,
+        placeholderTextColor: "#9ca3af",
+        defaultValue: e.options.defaultValue,
+        keyboardType: "url",
+        autoCapitalize: "none",
+        onChangeText: (c) => t.setValue(e.key, c, { shouldValidate: !0 }),
+        onBlur: () => t.trigger(e.key),
+        style: [
+          l.urlField.input,
+          e.options.disabled && l.urlField.disabled,
+          o && l.urlField.error
+        ],
+        accessibilityLabel: e.options.label
+      }
+    ),
+    e.options.helpText && /* @__PURE__ */ n(u, { style: l.urlField.helpText, children: e.options.helpText })
+  ] });
+}
+function Ye({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v(), a = e.options.readOnly ?? i, p = e.options.readOnlyStyle ?? s, h = t.getValues(e.key) ?? "";
+  return a ? p === "disabled" ? /* @__PURE__ */ n(
+    D,
+    {
+      nativeID: e.key,
+      editable: !1,
+      value: h,
+      style: [l.phoneField.input, l.phoneField.disabled, o && l.phoneField.error],
+      accessibilityLabel: e.options.label
+    }
+  ) : /* @__PURE__ */ n(f, { style: l.phoneField.readOnlyValue, children: /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: h == null || h === "" ? "—" : h }) }) : /* @__PURE__ */ x(F, { children: [
+    /* @__PURE__ */ n(
+      D,
+      {
+        nativeID: e.key,
+        editable: !e.options.disabled,
+        placeholder: e.options.placeholder,
+        placeholderTextColor: "#9ca3af",
+        defaultValue: e.options.defaultValue,
+        keyboardType: "phone-pad",
+        autoComplete: "tel",
+        onChangeText: (c) => t.setValue(e.key, c, { shouldValidate: !0 }),
+        onBlur: () => t.trigger(e.key),
+        style: [
+          l.phoneField.input,
+          e.options.disabled && l.phoneField.disabled,
+          o && l.phoneField.error
+        ],
+        accessibilityLabel: e.options.label
+      }
+    ),
+    e.options.helpText && /* @__PURE__ */ n(u, { style: l.phoneField.helpText, children: e.options.helpText })
+  ] });
+}
+function Ze({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v(), a = e.options.readOnly ?? i, p = e.options.readOnlyStyle ?? s, h = t.getValues(e.key) ?? "";
+  if (a)
+    return p === "disabled" ? /* @__PURE__ */ n(
+      D,
+      {
+        nativeID: e.key,
+        editable: !1,
+        value: String(h),
+        keyboardType: "decimal-pad",
+        style: [l.numberField.input, l.numberField.disabled, o && l.numberField.error],
+        accessibilityLabel: e.options.label
+      }
+    ) : /* @__PURE__ */ n(f, { style: l.numberField.readOnlyValue, children: /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: h == null || h === "" ? "—" : String(h) }) });
+  const c = (d) => {
+    const y = d.replace(/[^0-9.-]/g, ""), S = y === "" || y === "-" ? y : parseFloat(y);
+    t.setValue(e.key, S === "" || isNaN(S) ? "" : S, { shouldValidate: !0 });
+  }, b = () => {
+    const d = t.getValues(e.key);
+    if (d !== "" && d !== void 0) {
+      let y = typeof d == "string" ? parseFloat(d) : d;
+      isNaN(y) || (e.options.min !== void 0 && y < e.options.min && (y = e.options.min), e.options.max !== void 0 && y > e.options.max && (y = e.options.max), t.setValue(e.key, y));
+    }
+    t.trigger(e.key);
+  };
+  return /* @__PURE__ */ x(F, { children: [
+    /* @__PURE__ */ n(
+      D,
+      {
+        nativeID: e.key,
+        editable: !e.options.disabled,
+        placeholder: e.options.placeholder,
+        placeholderTextColor: "#9ca3af",
+        defaultValue: e.options.defaultValue !== void 0 ? String(e.options.defaultValue) : void 0,
+        keyboardType: "decimal-pad",
+        onChangeText: c,
+        onBlur: b,
+        style: [
+          l.numberField.input,
+          e.options.disabled && l.numberField.disabled,
+          o && l.numberField.error
+        ],
+        accessibilityLabel: e.options.label
+      }
+    ),
+    e.options.helpText && /* @__PURE__ */ n(u, { style: l.numberField.helpText, children: e.options.helpText })
+  ] });
+}
+function _e({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v(), a = qe(e.options.currency, e.options.customCurrency), p = e.options.readOnly ?? i, h = e.options.readOnlyStyle ?? s, c = t.getValues(e.key) ?? "", b = e.options.hideSymbolWhenEmpty ?? !0, [d, y] = B(!!c);
+  E(() => {
+    const g = t.getValues(e.key);
+    y(!!g);
+  }, [t, e.key]);
+  const m = !b || d ? /* @__PURE__ */ x(u, { style: l.moneyField.currencySymbol, children: [
+    a.symbol,
+    e.options.showCurrencyCode && /* @__PURE__ */ x(u, { style: { fontSize: 12, opacity: 0.75 }, children: [
+      " ",
+      a.code
+    ] })
+  ] }) : null;
+  if (p) {
+    if (h === "disabled")
+      return /* @__PURE__ */ x(f, { style: l.moneyField.container, children: [
+        a.symbolPosition === "before" && m,
+        /* @__PURE__ */ n(
+          D,
+          {
+            nativeID: e.key,
+            editable: !1,
+            value: String(c),
+            keyboardType: "decimal-pad",
+            style: [l.moneyField.input, l.moneyField.disabled, o && l.moneyField.error],
+            accessibilityLabel: e.options.label
+          }
+        ),
+        a.symbolPosition === "after" && m
+      ] });
+    const g = q(c, a, {
+      showSymbol: !0,
+      showCode: e.options.showCurrencyCode
+    });
+    return /* @__PURE__ */ n(f, { style: l.moneyField.readOnlyValue, children: /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: g || "—" }) });
+  }
+  return /* @__PURE__ */ x(f, { style: l.moneyField.container, children: [
+    a.symbolPosition === "before" && m,
+    /* @__PURE__ */ n(
+      D,
+      {
+        nativeID: e.key,
+        editable: !e.options.disabled,
+        placeholder: e.options.placeholder,
+        placeholderTextColor: "#9ca3af",
+        defaultValue: e.options.defaultValue !== void 0 ? String(e.options.defaultValue) : void 0,
+        keyboardType: "decimal-pad",
+        onChangeText: (g) => {
+          const k = g.replace(/[^0-9.-]/g, ""), T = k === "" ? "" : parseFloat(k);
+          y(!!k), t.setValue(e.key, T === "" || isNaN(T) ? "" : T, { shouldValidate: !0 });
+        },
+        onBlur: () => t.trigger(e.key),
+        style: [
+          l.moneyField.input,
+          e.options.disabled && l.moneyField.disabled,
+          o && l.moneyField.error
+        ],
+        accessibilityLabel: e.options.label
+      }
+    ),
+    a.symbolPosition === "after" && m
+  ] });
+}
+let Se = null;
+try {
+  Se = require("expo-checkbox").default;
+} catch {
+}
+function Je({ value: t, onValueChange: e, disabled: o, color: i }) {
+  return /* @__PURE__ */ n(
+    H,
+    {
+      onPress: () => !o && e(!t),
+      style: {
+        width: 22,
+        height: 22,
+        borderWidth: 2,
+        borderColor: t ? i || "#0284c7" : "#d1d5db",
+        borderRadius: 4,
+        backgroundColor: t ? i || "#0284c7" : "transparent",
+        justifyContent: "center",
+        alignItems: "center",
+        opacity: o ? 0.5 : 1
+      },
+      accessibilityRole: "checkbox",
+      accessibilityState: { checked: t, disabled: o },
+      children: t && /* @__PURE__ */ n(u, { style: { color: "#ffffff", fontSize: 14, fontWeight: "700" }, children: "✓" })
+    }
+  );
+}
+function Xe(t) {
+  const { field: e, form: o, hasError: i, errorMessage: s, formReadOnly: l = !1, formReadOnlyStyle: a = "value" } = t, p = e.options, c = v().checkbox, b = p.readOnly ?? l, d = p.readOnlyStyle ?? a, y = o.getValues(e.key), S = Se || Je;
+  return b ? d === "disabled" ? /* @__PURE__ */ x(f, { style: c.wrapper, children: [
+    /* @__PURE__ */ x(f, { style: c.row, children: [
+      /* @__PURE__ */ n(
+        S,
+        {
+          value: !!y,
+          onValueChange: () => {
+          },
+          disabled: !0
+        }
+      ),
+      p.label && /* @__PURE__ */ n(u, { style: [c.label, c.disabled], children: p.label })
+    ] }),
+    p.helpText && /* @__PURE__ */ n(u, { style: c.helpText, children: p.helpText })
+  ] }) : /* @__PURE__ */ n(f, { style: c.wrapper, children: /* @__PURE__ */ n(u, { style: c.readOnly, children: y ? "Yes" : "No" }) }) : /* @__PURE__ */ n(
+    z,
+    {
+      name: e.key,
+      control: o.control,
+      defaultValue: p.defaultValue,
+      rules: { required: p.required ? X : !1 },
+      render: ({ field: m }) => /* @__PURE__ */ x(f, { style: c.wrapper, children: [
+        /* @__PURE__ */ x(f, { style: c.row, children: [
+          /* @__PURE__ */ n(
+            S,
+            {
+              value: !!m.value,
+              onValueChange: (g) => m.onChange(g),
+              disabled: p.disabled,
+              color: m.value ? "#0284c7" : void 0
+            }
+          ),
+          p.label && /* @__PURE__ */ x(u, { style: [c.label, p.disabled && c.disabled], children: [
+            p.label,
+            p.required && /* @__PURE__ */ n(u, { style: { color: "#dc2626" }, children: " *" })
+          ] })
+        ] }),
+        p.helpText && /* @__PURE__ */ n(u, { style: c.helpText, children: p.helpText }),
+        i && s && /* @__PURE__ */ n(u, { style: c.errorMessage, children: s })
+      ] })
+    }
+  );
+}
+function Qe({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v(), a = e.options.readOnly ?? i, p = e.options.readOnlyStyle ?? s, h = t.getValues(e.key);
+  return a ? p === "disabled" ? /* @__PURE__ */ x(f, { style: l.switchField.container, children: [
+    /* @__PURE__ */ x(u, { style: l.switchField.label, children: [
+      e.options.label,
+      e.options.required && /* @__PURE__ */ n(u, { style: { color: "#dc2626" }, children: " *" })
+    ] }),
+    /* @__PURE__ */ n(
+      ie,
+      {
+        value: !!h,
+        disabled: !0,
+        trackColor: { false: "#d1d5db", true: "#7dd3fc" },
+        thumbColor: h ? "#0284c7" : "#f3f4f6"
+      }
+    )
+  ] }) : /* @__PURE__ */ n(u, { style: l.switchField.readOnlyValue, children: h ? "On" : "Off" }) : /* @__PURE__ */ n(
+    z,
+    {
+      name: e.key,
+      control: t.control,
+      defaultValue: e.options.defaultValue,
+      render: ({ field: { onChange: c, value: b } }) => /* @__PURE__ */ x(f, { children: [
+        /* @__PURE__ */ x(f, { style: l.switchField.container, children: [
+          /* @__PURE__ */ x(u, { style: [l.switchField.label, e.options.disabled && l.switchField.disabled], children: [
+            e.options.label,
+            e.options.required && /* @__PURE__ */ n(u, { style: { color: "#dc2626" }, children: " *" })
+          ] }),
+          /* @__PURE__ */ n(
+            ie,
+            {
+              value: !!b,
+              onValueChange: (d) => {
+                e.options.disabled || c(d);
+              },
+              disabled: e.options.disabled,
+              trackColor: { false: "#d1d5db", true: "#7dd3fc" },
+              thumbColor: b ? "#0284c7" : "#f3f4f6",
+              accessibilityLabel: e.options.label,
+              accessibilityRole: "switch"
+            }
+          )
+        ] }),
+        e.options.helpText && /* @__PURE__ */ n(u, { style: l.switchField.helpText, children: e.options.helpText })
+      ] })
+    }
+  );
+}
+function et({
+  children: t,
+  variant: e = "primary",
+  disabled: o,
+  loading: i = !1,
+  fullWidth: s = !1,
+  onPress: l,
+  style: a,
+  textStyle: p,
+  className: h,
+  accessibilityLabel: c
+}) {
+  const d = v().button, y = o || i, S = () => {
+    switch (e) {
+      case "danger":
+        return d.dangerText;
+      case "secondary":
+        return d.secondaryText;
+      default:
+        return d.primaryText;
+    }
+  };
+  return /* @__PURE__ */ n(
+    H,
+    {
+      onPress: y ? void 0 : l,
+      disabled: y,
+      style: [
+        d.base,
+        d[e],
+        y && d.disabled,
+        i && d.loading,
+        s && d.fullWidth,
+        a
+      ],
+      accessibilityRole: "button",
+      accessibilityState: { disabled: y },
+      accessibilityLabel: c,
+      ...h ? { className: h } : {},
+      children: i ? /* @__PURE__ */ n(Fe, { size: "small", color: e === "secondary" ? "#374151" : "#ffffff" }) : typeof t == "string" ? /* @__PURE__ */ n(u, { style: [d.text, S(), y && d.disabledText, p], children: t }) : t
+    }
+  );
+}
+function tt({
+  field: t,
+  form: e,
+  hasError: o
+}) {
+  const i = async () => {
+    t.options.disabled || (t.options.type === "submit" && e.handleSubmit((s) => {
+    })(), t.options.onClick && await t.options.onClick());
+  };
+  return /* @__PURE__ */ n(
+    et,
+    {
+      variant: t.options.variant,
+      loading: t.options.loading,
+      disabled: t.options.disabled,
+      fullWidth: t.options.fullWidth,
+      onPress: i,
+      accessibilityLabel: t.options.text ?? t.options.label ?? "Button",
+      children: t.options.text ?? t.options.label ?? "Button"
+    }
+  );
+}
+let ne = null;
+try {
+  ne = require("@react-native-community/datetimepicker").default;
+} catch {
+}
+function rt({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v().datePicker, a = e.options, p = a.readOnly ?? i, h = a.readOnlyStyle ?? s, c = t.getValues(e.key) ?? "", [b, d] = B(!1);
+  return ne ? p ? h === "disabled" ? /* @__PURE__ */ x(F, { children: [
+    /* @__PURE__ */ n(f, { style: [l.trigger, l.disabled], children: /* @__PURE__ */ n(u, { style: l.triggerText, children: c ? re(c) ?? c : "—" }) }),
+    a.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: a.helpText })
+  ] }) : /* @__PURE__ */ x(F, { children: [
+    /* @__PURE__ */ n(f, { style: l.readOnlyValue, children: /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: re(c) || "—" }) }),
+    a.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: a.helpText })
+  ] }) : /* @__PURE__ */ n(
+    z,
+    {
+      name: e.key,
+      control: t.control,
+      defaultValue: ge(a.defaultValue ?? ""),
+      rules: { required: a.required },
+      render: ({ field: y }) => {
+        const S = y.value ? new Date(y.value) : /* @__PURE__ */ new Date();
+        return /* @__PURE__ */ x(f, { children: [
+          /* @__PURE__ */ n(
+            H,
+            {
+              onPress: () => !a.disabled && d(!0),
+              style: [
+                l.trigger,
+                a.disabled && l.disabled,
+                o && l.error
+              ],
+              accessibilityLabel: a.label ?? "Select date",
+              accessibilityRole: "button",
+              children: /* @__PURE__ */ n(u, { style: y.value ? l.triggerText : l.placeholderText, children: y.value ? re(y.value) ?? y.value : a.placeholder || "Select date..." })
+            }
+          ),
+          b && /* @__PURE__ */ n(
+            ne,
+            {
+              value: S,
+              mode: "date",
+              display: L.OS === "ios" ? "spinner" : "default",
+              minimumDate: a.min ? new Date(a.min) : void 0,
+              maximumDate: a.max ? new Date(a.max) : void 0,
+              onChange: (m, g) => {
+                if (d(L.OS === "ios"), g) {
+                  const k = g.toISOString().split("T")[0];
+                  y.onChange(k);
+                }
+              }
+            }
+          ),
+          a.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: a.helpText })
+        ] });
+      }
+    }
+  ) : /* @__PURE__ */ n(f, { style: l.trigger, children: /* @__PURE__ */ n(u, { style: l.placeholderText, children: "Install @react-native-community/datetimepicker to use DatePickerField" }) });
+}
+let U = null;
+try {
+  U = require("@react-native-community/datetimepicker").default;
+} catch {
+}
+function lt({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v().dateTimePicker, a = e.options, p = a.readOnly ?? i, h = a.readOnlyStyle ?? s, c = t.getValues(e.key) ?? "", [b, d] = B(!1), [y, S] = B(!1), [m, g] = B(null);
+  return U ? p ? h === "disabled" ? /* @__PURE__ */ n(f, { style: [l.trigger, l.disabled], children: /* @__PURE__ */ n(u, { style: l.triggerText, children: c ? le(c) ?? c : "—" }) }) : /* @__PURE__ */ n(f, { style: l.readOnlyValue, children: /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: le(c) ?? "—" }) }) : /* @__PURE__ */ n(
+    z,
+    {
+      name: e.key,
+      control: t.control,
+      defaultValue: Le(a.defaultValue ?? ""),
+      rules: { required: a.required },
+      render: ({ field: k }) => {
+        const T = k.value ? new Date(k.value) : /* @__PURE__ */ new Date();
+        return /* @__PURE__ */ x(f, { children: [
+          /* @__PURE__ */ n(
+            H,
+            {
+              onPress: () => !a.disabled && d(!0),
+              style: [
+                l.trigger,
+                a.disabled && l.disabled,
+                o && l.error
+              ],
+              accessibilityLabel: a.label ?? "Select date and time",
+              accessibilityRole: "button",
+              children: /* @__PURE__ */ n(u, { style: k.value ? l.triggerText : l.placeholderText, children: k.value ? le(k.value) ?? k.value : a.placeholder || "Select date and time..." })
+            }
+          ),
+          b && /* @__PURE__ */ n(
+            U,
+            {
+              value: T,
+              mode: "date",
+              display: L.OS === "ios" ? "spinner" : "default",
+              minimumDate: a.min ? new Date(a.min) : void 0,
+              maximumDate: a.max ? new Date(a.max) : void 0,
+              onChange: (I, O) => {
+                d(!1), O && (g(O), S(!0));
+              }
+            }
+          ),
+          y && /* @__PURE__ */ n(
+            U,
+            {
+              value: m || T,
+              mode: "time",
+              display: L.OS === "ios" ? "spinner" : "default",
+              onChange: (I, O) => {
+                if (S(!1), O && m) {
+                  const V = new Date(m);
+                  V.setHours(O.getHours()), V.setMinutes(O.getMinutes());
+                  const R = V.toISOString().slice(0, 16);
+                  k.onChange(R);
+                }
+                g(null);
+              }
+            }
+          ),
+          a.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: a.helpText })
+        ] });
+      }
+    }
+  ) : /* @__PURE__ */ n(f, { style: l.trigger, children: /* @__PURE__ */ n(u, { style: l.placeholderText, children: "Install @react-native-community/datetimepicker to use DateTimePickerField" }) });
+}
+let oe = null;
+try {
+  oe = require("@react-native-community/datetimepicker").default;
+} catch {
+}
+function nt({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v().timePicker, a = e.options.readOnly ?? i, p = e.options.readOnlyStyle ?? s, h = t.getValues(e.key) ?? "", [c, b] = B(!1);
+  if (!oe)
+    return /* @__PURE__ */ n(f, { style: l.trigger, children: /* @__PURE__ */ n(u, { style: l.placeholderText, children: "Install @react-native-community/datetimepicker to use TimePickerField" }) });
+  if (a)
+    return p === "disabled" ? /* @__PURE__ */ x(F, { children: [
+      /* @__PURE__ */ n(f, { style: [l.trigger, l.disabled], children: /* @__PURE__ */ n(u, { style: l.triggerText, children: h || "—" }) }),
+      e.options.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: e.options.helpText })
+    ] }) : /* @__PURE__ */ x(F, { children: [
+      /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: h || "—" }),
+      e.options.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: e.options.helpText })
+    ] });
+  const d = (y) => {
+    const S = /* @__PURE__ */ new Date();
+    if (y) {
+      const [m, g] = y.split(":").map(Number);
+      S.setHours(m || 0), S.setMinutes(g || 0);
+    }
+    return S;
+  };
+  return /* @__PURE__ */ n(
+    z,
+    {
+      name: e.key,
+      control: t.control,
+      defaultValue: e.options.defaultValue,
+      rules: { required: e.options.required },
+      render: ({ field: y }) => /* @__PURE__ */ x(f, { children: [
+        /* @__PURE__ */ n(
+          H,
+          {
+            onPress: () => !e.options.disabled && b(!0),
+            style: [
+              l.trigger,
+              e.options.disabled && l.disabled,
+              o && l.error
+            ],
+            accessibilityLabel: e.options.label ?? "Select time",
+            accessibilityRole: "button",
+            children: /* @__PURE__ */ n(u, { style: y.value ? l.triggerText : l.placeholderText, children: y.value || "Select time..." })
+          }
+        ),
+        c && /* @__PURE__ */ n(
+          oe,
+          {
+            value: d(y.value || ""),
+            mode: "time",
+            display: L.OS === "ios" ? "spinner" : "default",
+            onChange: (S, m) => {
+              if (b(L.OS === "ios"), m) {
+                const g = m.getHours().toString().padStart(2, "0"), k = m.getMinutes().toString().padStart(2, "0");
+                y.onChange(`${g}:${k}`);
+              }
+            }
+          }
+        ),
+        e.options.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: e.options.helpText })
+      ] })
+    }
+  );
+}
+let K = null;
+try {
+  K = require("react-native-element-dropdown").Dropdown;
+} catch {
+}
+function xe({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v().selectField, a = e.options.options || [], p = e.options.readOnly ?? i, h = e.options.readOnlyStyle ?? s, c = t.getValues(e.key);
+  if (!K)
+    return /* @__PURE__ */ n(f, { style: l.container, children: /* @__PURE__ */ n(u, { style: l.placeholder, children: "Install react-native-element-dropdown to use SelectField" }) });
+  if (p) {
+    const b = a.find((d) => d.value === c);
+    return h === "disabled" ? /* @__PURE__ */ x(F, { children: [
+      /* @__PURE__ */ n(
+        K,
+        {
+          data: a.map((d) => ({ label: d.label, value: String(d.value) })),
+          labelField: "label",
+          valueField: "value",
+          value: c ? String(c) : null,
+          disable: !0,
+          placeholder: e.options.placeholder || "Select...",
+          style: [l.container, l.disabled, o && l.error],
+          placeholderStyle: l.placeholder,
+          selectedTextStyle: l.selectedText,
+          onChange: () => {
+          }
+        }
+      ),
+      e.options.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: e.options.helpText })
+    ] }) : /* @__PURE__ */ x(F, { children: [
+      /* @__PURE__ */ n(f, { style: l.readOnlyValue, children: /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: b?.label || "—" }) }),
+      e.options.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: e.options.helpText })
+    ] });
+  }
+  return /* @__PURE__ */ n(
+    z,
+    {
+      name: e.key,
+      control: t.control,
+      defaultValue: e.options.defaultValue,
+      rules: { required: e.options.required },
+      render: ({ field: b }) => /* @__PURE__ */ x(f, { style: l.wrapper, children: [
+        /* @__PURE__ */ n(
+          K,
+          {
+            data: a.map((d) => ({ label: d.label, value: String(d.value) })),
+            labelField: "label",
+            valueField: "value",
+            value: b.value ? String(b.value) : null,
+            onChange: (d) => {
+              b.onChange(d.value);
+            },
+            onBlur: b.onBlur,
+            disable: e.options.disabled,
+            placeholder: e.options.placeholder || "Select...",
+            style: [l.container, e.options.disabled && l.disabled, o && l.error],
+            placeholderStyle: l.placeholder,
+            selectedTextStyle: l.selectedText,
+            itemTextStyle: l.itemText,
+            activeColor: l.selectedItem?.backgroundColor,
+            accessibilityLabel: e.options.label
+          }
+        ),
+        e.options.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: e.options.helpText })
+      ] })
+    }
+  );
+}
+function ot({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = Object.entries(e.options.enum || {}).map(([p, h]) => ({
+    label: p,
+    value: String(h)
+  })), a = {
+    ...e,
+    type: C.Select,
+    options: {
+      ...e.options,
+      options: l
+    }
+  };
+  return /* @__PURE__ */ n(
+    xe,
+    {
+      form: t,
+      field: a,
+      hasError: o,
+      formReadOnly: i,
+      formReadOnlyStyle: s
+    }
+  );
+}
+let G = null;
+try {
+  G = require("react-native-element-dropdown").MultiSelect;
+} catch {
+}
+function at(t) {
+  return Array.isArray(t) ? t.map((e) => typeof e == "string" ? e : e && typeof e == "object" && "value" in e ? e.value : String(e)) : [];
+}
+function it({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v().multiSelect, a = (e.options.options || []).map((c) => ({ label: c.label, value: String(c.value) })), p = e.options.readOnly ?? i, h = e.options.readOnlyStyle ?? s;
+  if (e.options.submitTransform ??= at, !G)
+    return /* @__PURE__ */ n(f, { style: l.container, children: /* @__PURE__ */ n(u, { style: l.placeholder, children: "Install react-native-element-dropdown to use SelectFieldMulti" }) });
+  if (p) {
+    const c = t.getValues(e.key) ?? [], b = Array.isArray(c) ? c.map(String) : [], d = a.filter((y) => b.includes(y.value)).map((y) => y.label);
+    return h === "disabled" ? /* @__PURE__ */ n(
+      G,
+      {
+        data: a,
+        labelField: "label",
+        valueField: "value",
+        value: b,
+        disable: !0,
+        placeholder: e.options.placeholder || "Select...",
+        style: [l.container, l.disabled],
+        onChange: () => {
+        }
+      }
+    ) : /* @__PURE__ */ n(f, { style: l.readOnlyValue, children: /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: d.join(", ") || "—" }) });
+  }
+  return /* @__PURE__ */ n(
+    z,
+    {
+      name: e.key,
+      control: t.control,
+      defaultValue: e.options.defaultValue ?? [],
+      rules: { required: e.options.required },
+      render: ({ field: c }) => {
+        const b = Array.isArray(c.value) ? c.value.map((d) => typeof d == "string" ? d : d?.value ? String(d.value) : String(d)) : [];
+        return /* @__PURE__ */ x(f, { style: l.wrapper, children: [
+          /* @__PURE__ */ n(
+            G,
+            {
+              data: a,
+              labelField: "label",
+              valueField: "value",
+              value: b,
+              onChange: (d) => {
+                c.onChange(d);
+              },
+              disable: e.options.disabled,
+              placeholder: e.options.placeholder || "Select...",
+              style: [l.container, e.options.disabled && l.disabled, o && l.error],
+              placeholderStyle: l.placeholder,
+              selectedTextStyle: l.selectedItemText,
+              accessibilityLabel: e.options.label
+            }
+          ),
+          e.options.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: e.options.helpText })
+        ] });
+      }
+    }
+  );
+}
+function st(t) {
+  const e = v(), [o, i] = B(), [s, l] = B(""), a = t.field?.options;
+  E(() => {
+    const S = t.form.getValues(t.field.key);
+    if (a?.defaultValue !== void 0 && (S === void 0 || S === "")) {
+      const m = a?.radioOptions?.find((g) => g.value === a?.defaultValue);
+      m?.value && t.form.setValue(t.field.key, m.value), a?.defaultSubValue !== void 0 && m?.checkedSubOption && (i(m.checkedSubOption.key), l(a.defaultSubValue), t.form.setValue(m.checkedSubOption.key, a.defaultSubValue));
+    }
+  }, [a?.defaultValue, a?.defaultSubValue, t.field.key]);
+  const p = a.readOnly ?? t.formReadOnly, h = a.readOnlyStyle ?? t.formReadOnlyStyle, c = t.form.getValues(t.field.key), b = a.radioOptions?.find((S) => S.value === c), d = e.radioField;
+  function y(S, m) {
+    m(S.value), S?.checkedSubOption?.key ? (i(S.checkedSubOption.key), l(""), t.form.setValue(S.checkedSubOption.key, "")) : o && (t.form.setValue(o, ""), i(void 0), l(""));
+  }
+  return p ? h === "disabled" ? /* @__PURE__ */ n(f, { style: a.radioDirection === "row" ? d.containerRow : d.containerColumn, children: a?.radioOptions?.map((S) => /* @__PURE__ */ x(f, { style: d.optionContainer, children: [
+    /* @__PURE__ */ n(f, { style: [d.radio, S.value === c && d.radioSelected, d.disabled], children: S.value === c && /* @__PURE__ */ n(f, { style: d.radioInner }) }),
+    /* @__PURE__ */ n(u, { style: [d.label, d.disabled], children: S.label })
+  ] }, S.key)) }) : b ? /* @__PURE__ */ n(f, { style: d.readOnlySelected, children: /* @__PURE__ */ n(u, { style: d.label, children: b.label }) }) : /* @__PURE__ */ n(u, { style: d.readOnlyUnselected, children: "—" }) : /* @__PURE__ */ n(
+    z,
+    {
+      name: t.field.key,
+      control: t.form.control,
+      defaultValue: a?.defaultValue,
+      render: ({ field: { value: S, onChange: m } }) => /* @__PURE__ */ x(f, { children: [
+        a.helpText && /* @__PURE__ */ n(u, { style: d.helpText, children: a.helpText }),
+        /* @__PURE__ */ n(f, { style: a.radioDirection === "row" ? d.containerRow : d.containerColumn, children: a?.radioOptions?.map((g) => {
+          if (g.hidden) return null;
+          const k = g.value === S;
+          return /* @__PURE__ */ x(f, { children: [
+            /* @__PURE__ */ x(
+              H,
+              {
+                onPress: () => !a.disabled && y(g, m),
+                style: d.optionContainer,
+                accessibilityRole: "radio",
+                accessibilityState: { selected: k, disabled: a.disabled },
+                children: [
+                  /* @__PURE__ */ n(f, { style: [d.radio, k && d.radioSelected, a.disabled && d.disabled], children: k && /* @__PURE__ */ n(f, { style: d.radioInner }) }),
+                  /* @__PURE__ */ n(u, { style: [d.label, a.disabled && d.disabled], children: g.label })
+                ]
+              }
+            ),
+            k && g.checkedSubOption && /* @__PURE__ */ n(
+              D,
+              {
+                placeholder: g.checkedSubOption.label,
+                placeholderTextColor: "#9ca3af",
+                value: s,
+                onChangeText: (T) => {
+                  l(T), g.checkedSubOption?.key && t.form.setValue(g.checkedSubOption.key, T);
+                },
+                editable: !a.disabled,
+                style: d.subOptionInput
+              }
+            )
+          ] }, g.key);
+        }) })
+      ] })
+    }
+  );
+}
+let Ce = null;
+try {
+  Ce = require("expo-checkbox").default;
+} catch {
+}
+function dt({ value: t, onValueChange: e, disabled: o, color: i }) {
+  return /* @__PURE__ */ n(
+    H,
+    {
+      onPress: () => !o && e(!t),
+      style: {
+        width: 22,
+        height: 22,
+        borderWidth: 2,
+        borderColor: t ? i || "#0284c7" : "#d1d5db",
+        borderRadius: 4,
+        backgroundColor: t ? i || "#0284c7" : "transparent",
+        justifyContent: "center",
+        alignItems: "center",
+        opacity: o ? 0.5 : 1
+      },
+      accessibilityRole: "checkbox",
+      accessibilityState: { checked: t, disabled: o },
+      children: t && /* @__PURE__ */ n(u, { style: { color: "#ffffff", fontSize: 14, fontWeight: "700" }, children: "✓" })
+    }
+  );
+}
+const de = (t, e) => !t || t.trim() === "" ? [] : t.split(e).map((o) => o.trim()).filter((o) => o !== ""), ct = (t, e) => t.join(e);
+function ut({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const a = v().checkboxGroup, p = e.options, h = p.readOnly ?? i, c = p.readOnlyStyle ?? s, b = p.valueSeparator ?? ",", d = Ce || dt;
+  if (h) {
+    const y = t.getValues(e.key), S = de(y, b), m = p.checkboxOptions.filter(
+      (g) => S.includes(String(g.value))
+    );
+    return c === "disabled" ? /* @__PURE__ */ n(f, { style: a.wrapper, children: /* @__PURE__ */ n(f, { style: p.checkboxDirection === "row" ? a.containerRow : a.containerColumn, children: p.checkboxOptions.map((g) => {
+      const k = S.includes(String(g.value));
+      return /* @__PURE__ */ x(f, { style: a.optionContainer, children: [
+        /* @__PURE__ */ n(
+          d,
+          {
+            value: k,
+            onValueChange: () => {
+            },
+            disabled: !0,
+            color: k ? "#0284c7" : void 0
+          }
+        ),
+        /* @__PURE__ */ n(u, { style: [a.label, a.disabled], children: g.label })
+      ] }, g.key);
+    }) }) }) : /* @__PURE__ */ n(f, { children: m.length > 0 ? m.map((g) => /* @__PURE__ */ x(u, { style: a.readOnlySelected, children: [
+      "✓ ",
+      g.label
+    ] }, g.key)) : /* @__PURE__ */ n(u, { style: a.readOnlyUnselected, children: "No options selected" }) });
+  }
+  return /* @__PURE__ */ n(
+    z,
+    {
+      control: t.control,
+      name: e.key,
+      defaultValue: p.defaultValue || "",
+      rules: { required: p.required },
+      render: ({ field: { onChange: y, value: S } }) => {
+        const m = de(S, b), g = (k, T) => {
+          const I = String(k);
+          let O;
+          T ? O = m.includes(I) ? m : [...m, I] : O = m.filter((V) => V !== I), y(ct(O, b));
+        };
+        return /* @__PURE__ */ n(f, { style: a.wrapper, children: /* @__PURE__ */ n(f, { style: p.checkboxDirection === "row" ? a.containerRow : a.containerColumn, children: p.checkboxOptions.map((k) => {
+          if (k.hidden) return null;
+          const T = m.includes(String(k.value));
+          return /* @__PURE__ */ x(f, { style: a.optionContainer, children: [
+            /* @__PURE__ */ n(
+              d,
+              {
+                value: T,
+                onValueChange: (I) => g(k.value, I),
+                disabled: !!p.disabled,
+                color: T ? "#0284c7" : void 0
+              }
+            ),
+            /* @__PURE__ */ n(u, { style: [a.label, p.disabled && a.disabled], children: k.label })
+          ] }, k.key);
+        }) }) });
+      }
+    }
+  );
+}
+let Y = null;
+try {
+  Y = require("react-native-element-dropdown").Dropdown;
+} catch {
+}
+function pt({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v().searchSelect, a = e.options.options || [], p = e.options.readOnly ?? i, h = e.options.readOnlyStyle ?? s, c = t.getValues(e.key);
+  if (!Y)
+    return /* @__PURE__ */ n(f, { style: l.container, children: /* @__PURE__ */ n(u, { style: l.placeholder, children: "Install react-native-element-dropdown to use SelectFieldSearch" }) });
+  if (p) {
+    const b = a.find((d) => d.value === c);
+    return h === "disabled" ? /* @__PURE__ */ n(
+      Y,
+      {
+        data: a.map((d) => ({ label: d.label, value: d.value })),
+        labelField: "label",
+        valueField: "value",
+        value: c,
+        disable: !0,
+        search: !0,
+        placeholder: e.options.placeholder || "Search...",
+        style: [l.container, l.disabled],
+        onChange: () => {
+        }
+      }
+    ) : /* @__PURE__ */ n(f, { style: l.readOnlyValue, children: /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: b?.label || "—" }) });
+  }
+  return /* @__PURE__ */ n(
+    z,
+    {
+      name: e.key,
+      control: t.control,
+      defaultValue: e.options.defaultValue,
+      rules: { required: e.options.required },
+      render: ({ field: b }) => /* @__PURE__ */ x(f, { style: l.wrapper, children: [
+        /* @__PURE__ */ n(
+          Y,
+          {
+            data: a.map((d) => ({ label: d.label, value: d.value })),
+            labelField: "label",
+            valueField: "value",
+            value: b.value,
+            search: !0,
+            searchPlaceholder: "Search...",
+            onChange: (d) => {
+              b.onChange(d.value), t.trigger && t.trigger(e.key);
+            },
+            onBlur: b.onBlur,
+            disable: e.options.disabled,
+            placeholder: e.options.placeholder || "Search...",
+            style: [l.container, e.options.disabled && l.disabled, o && l.error],
+            placeholderStyle: l.placeholder,
+            inputSearchStyle: l.inputSearch,
+            accessibilityLabel: e.options.label
+          }
+        ),
+        e.options.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: e.options.helpText })
+      ] })
+    }
+  );
+}
+let Z = null;
+try {
+  Z = require("react-native-element-dropdown").Dropdown;
+} catch {
+}
+function ht(t) {
+  return t ? typeof t == "string" ? t : t && typeof t == "object" && "value" in t ? t.value : String(t) : null;
+}
+function bt({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v().searchSelect, a = e.options.readOnly ?? i, p = e.options.readOnlyStyle ?? s;
+  e.options.submitTransform ??= ht;
+  let h = [], c = () => {
+  };
+  try {
+    h = e.options.initialOptions ?? [];
+  } catch {
+  }
+  const b = pe({
+    control: t.control,
+    name: e.key
+  }), d = W(() => b ? b && typeof b == "object" && "value" in b && "label" in b ? b : typeof b == "string" ? h.find((S) => S.value === b) || { value: b, label: b } : { value: String(b), label: String(b) } : null, [b, h]);
+  return Z ? a ? p === "disabled" ? /* @__PURE__ */ n(
+    Z,
+    {
+      data: h,
+      labelField: "label",
+      valueField: "value",
+      value: d?.value,
+      disable: !0,
+      search: !0,
+      style: [l.container, l.disabled],
+      onChange: () => {
+      }
+    }
+  ) : /* @__PURE__ */ n(f, { style: l.readOnlyValue, children: /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: d?.label || "—" }) }) : /* @__PURE__ */ n(
+    z,
+    {
+      name: e.key,
+      control: t.control,
+      defaultValue: e.options.defaultValue,
+      rules: { required: e.options.required },
+      render: ({ field: y }) => /* @__PURE__ */ x(f, { style: l.wrapper, children: [
+        /* @__PURE__ */ n(
+          Z,
+          {
+            data: h,
+            labelField: "label",
+            valueField: "value",
+            value: d?.value,
+            search: !0,
+            searchPlaceholder: "Search...",
+            onChangeText: c,
+            onChange: (S) => {
+              y.onChange(S), t.trigger && t.trigger(e.key);
+            },
+            onBlur: y.onBlur,
+            disable: e.options.disabled,
+            placeholder: e.options.placeholder || "Search...",
+            style: [l.container, e.options.disabled && l.disabled, o && l.error],
+            placeholderStyle: l.placeholder,
+            inputSearchStyle: l.inputSearch,
+            accessibilityLabel: e.options.label
+          }
+        ),
+        e.options.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: e.options.helpText })
+      ] })
+    }
+  ) : /* @__PURE__ */ n(f, { style: l.container, children: /* @__PURE__ */ n(u, { style: l.placeholder, children: "Install react-native-element-dropdown to use SelectFieldSearchApollo" }) });
+}
+let _ = null;
+try {
+  _ = require("react-native-element-dropdown").MultiSelect;
+} catch {
+}
+function yt(t) {
+  return Array.isArray(t) ? t.map((e) => typeof e == "string" ? e : e && typeof e == "object" && "value" in e ? e.value : String(e)) : [];
+}
+function ft({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v().multiSelect, a = (e.options.options || []).map((c) => ({ label: c.label, value: c.value })), p = e.options.readOnly ?? i, h = e.options.readOnlyStyle ?? s;
+  if (e.options.submitTransform ??= yt, !_)
+    return /* @__PURE__ */ n(f, { style: l.container, children: /* @__PURE__ */ n(u, { style: l.placeholder, children: "Install react-native-element-dropdown to use SelectFieldMultiSearch" }) });
+  if (p) {
+    const c = t.getValues(e.key) ?? [], b = Array.isArray(c) ? c.map((y) => typeof y == "string" ? y : y?.value || String(y)) : [], d = a.filter((y) => b.includes(y.value)).map((y) => y.label);
+    return h === "disabled" ? /* @__PURE__ */ n(
+      _,
+      {
+        data: a,
+        labelField: "label",
+        valueField: "value",
+        value: b,
+        disable: !0,
+        search: !0,
+        style: [l.container, l.disabled],
+        onChange: () => {
+        }
+      }
+    ) : /* @__PURE__ */ n(f, { style: l.readOnlyValue, children: /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: d.join(", ") || "—" }) });
+  }
+  return /* @__PURE__ */ n(
+    z,
+    {
+      name: e.key,
+      control: t.control,
+      defaultValue: e.options.defaultValue ?? [],
+      rules: { required: e.options.required },
+      render: ({ field: c }) => {
+        const b = Array.isArray(c.value) ? c.value.map((d) => typeof d == "string" ? d : d?.value ? String(d.value) : String(d)) : [];
+        return /* @__PURE__ */ x(f, { style: l.wrapper, children: [
+          /* @__PURE__ */ n(
+            _,
+            {
+              data: a,
+              labelField: "label",
+              valueField: "value",
+              value: b,
+              search: !0,
+              searchPlaceholder: "Search...",
+              onChange: (d) => {
+                c.onChange(d), t.trigger && t.trigger(e.key);
+              },
+              disable: e.options.disabled,
+              placeholder: e.options.placeholder || "Search...",
+              style: [l.container, e.options.disabled && l.disabled, o && l.error],
+              placeholderStyle: l.placeholder,
+              accessibilityLabel: e.options.label
+            }
+          ),
+          e.options.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: e.options.helpText })
+        ] });
+      }
+    }
+  );
+}
+let J = null;
+try {
+  J = require("react-native-element-dropdown").MultiSelect;
+} catch {
+}
+function ke(t) {
+  return Array.isArray(t) ? t.map((e) => typeof e == "string" ? e : e && typeof e == "object" && "value" in e ? e.value : String(e)) : [];
+}
+const Kt = ke;
+function gt({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v().multiSelect, a = e.options.readOnly ?? i, p = e.options.readOnlyStyle ?? s;
+  e.options.submitTransform ??= ke;
+  const h = e.options.initialOptions ?? [], [c, b] = B(/* @__PURE__ */ new Map()), d = pe({ control: t.control, name: e.key }), y = W(() => {
+    const m = d ?? [];
+    return Array.isArray(m) ? m.map((g) => typeof g == "string" ? g : g && typeof g == "object" && "value" in g ? String(g.value) : String(g)) : [];
+  }, [d]);
+  E(() => {
+    h.length > 0 && b((m) => {
+      let g = !1;
+      for (const T of h)
+        if (!m.has(T.value)) {
+          g = !0;
+          break;
+        }
+      if (!g) return m;
+      const k = new Map(m);
+      return h.forEach((T) => k.set(T.value, T)), k;
+    });
+  }, [h]);
+  const S = W(() => {
+    const m = /* @__PURE__ */ new Map();
+    return c.forEach((g, k) => m.set(k, g)), h.forEach((g) => m.set(g.value, g)), Array.from(m.values());
+  }, [h, c]);
+  if (!J)
+    return /* @__PURE__ */ n(f, { style: l.container, children: /* @__PURE__ */ n(u, { style: l.placeholder, children: "Install react-native-element-dropdown to use SelectFieldMultiSearchApollo" }) });
+  if (a) {
+    const m = y.map((g) => S.find((k) => k.value === g)?.label ?? g);
+    return p === "disabled" ? /* @__PURE__ */ n(
+      J,
+      {
+        data: S,
+        labelField: "label",
+        valueField: "value",
+        value: y,
+        disable: !0,
+        search: !0,
+        style: [l.container, l.disabled],
+        onChange: () => {
+        }
+      }
+    ) : /* @__PURE__ */ n(f, { style: l.readOnlyValue, children: /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: m.join(", ") || "—" }) });
+  }
+  return /* @__PURE__ */ n(
+    z,
+    {
+      name: e.key,
+      control: t.control,
+      defaultValue: e.options.defaultValue ?? [],
+      rules: { required: e.options.required },
+      render: ({ field: m }) => /* @__PURE__ */ x(f, { style: l.wrapper, children: [
+        /* @__PURE__ */ n(
+          J,
+          {
+            data: S,
+            labelField: "label",
+            valueField: "value",
+            value: y,
+            search: !0,
+            searchPlaceholder: "Search...",
+            onChange: (g) => {
+              const k = g.map((T) => S.find((O) => O.value === T) || { value: T, label: T });
+              m.onChange(k), t.trigger && t.trigger(e.key);
+            },
+            disable: e.options.disabled,
+            placeholder: e.options.placeholder || "Search...",
+            style: [l.container, e.options.disabled && l.disabled, o && l.error],
+            placeholderStyle: l.placeholder,
+            accessibilityLabel: e.options.label
+          }
+        ),
+        e.options.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: e.options.helpText })
+      ] })
+    }
+  );
+}
+function ve({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v().customField, a = e.options, p = a.readOnly ?? i, h = a.readOnlyStyle ?? s, c = t.getValues(e.key) ?? a.defaultValue;
+  if (p) {
+    let d;
+    if (c == null || c === "")
+      d = "—";
+    else if (typeof c == "string")
+      d = c;
+    else
+      try {
+        d = JSON.stringify(c);
+      } catch {
+        d = String(c);
+      }
+    return h === "disabled" ? /* @__PURE__ */ n(f, { style: l.wrapper, children: /* @__PURE__ */ n(D, { editable: !1, value: d, style: { fontSize: 16, color: "#9ca3af" } }) }) : /* @__PURE__ */ n(f, { style: l.wrapper, children: /* @__PURE__ */ n(f, { style: l.readOnlyValue, children: /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: d }) }) });
+  }
+  const b = {
+    value: c,
+    onChange: (d) => {
+      t.setValue(e.key, d), t.trigger(e.key);
+    },
+    field: e
+  };
+  try {
+    const d = a.customField(b);
+    return a.customWrapper ? a.customWrapper(d) : /* @__PURE__ */ n(f, { style: l.wrapper, children: d });
+  } catch (d) {
+    return console.error("Error rendering custom field:", d), /* @__PURE__ */ n(f, { style: l.wrapper, children: /* @__PURE__ */ x(u, { style: l.errorText, children: [
+      "Error rendering custom field: ",
+      e.key
+    ] }) });
+  }
+}
+ve.displayName = "CustomField";
+function mt({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v().customCheckbox, a = e.options, p = a.readOnly ?? i, h = a.readOnlyStyle ?? s, c = t.getValues(e.key), b = a.checkedIcon ?? /* @__PURE__ */ n(u, { style: { fontSize: 20 }, children: "☑" }), d = a.uncheckedIcon ?? /* @__PURE__ */ n(u, { style: { fontSize: 20 }, children: "☐" }), y = a.label ? /* @__PURE__ */ x(u, { style: l.label, children: [
+    a.label,
+    a.required && /* @__PURE__ */ n(u, { style: { color: "#dc2626" }, children: " *" })
+  ] }) : null, S = a.helpText ? /* @__PURE__ */ n(u, { style: l.helpText, children: a.helpText }) : null;
+  return p ? h === "disabled" ? /* @__PURE__ */ x(f, { style: l.wrapper, children: [
+    /* @__PURE__ */ x(f, { style: l.row, children: [
+      /* @__PURE__ */ n(f, { style: [l.checkboxContainer, l.disabled], children: c ? b : d }),
+      y
+    ] }),
+    S
+  ] }) : /* @__PURE__ */ n(f, { style: l.wrapper, children: /* @__PURE__ */ n(u, { style: l.readOnly, children: c ? "Yes" : "No" }) }) : /* @__PURE__ */ n(
+    z,
+    {
+      name: e.key,
+      control: t.control,
+      defaultValue: a.defaultValue,
+      rules: { required: a.required },
+      render: ({ field: m }) => /* @__PURE__ */ x(f, { style: l.wrapper, children: [
+        /* @__PURE__ */ x(f, { style: l.row, children: [
+          /* @__PURE__ */ n(
+            H,
+            {
+              onPress: () => !a.disabled && m.onChange(!m.value),
+              style: [l.checkboxContainer, a.disabled && l.disabled],
+              accessibilityRole: "checkbox",
+              accessibilityState: { checked: !!m.value, disabled: a.disabled },
+              children: m.value ? b : d
+            }
+          ),
+          y
+        ] }),
+        S
+      ] })
+    }
+  );
+}
+let N = null;
+try {
+  N = require("react-native-markdown-display").default;
+} catch {
+}
+const St = [
+  { label: "B", syntax: "**", wrap: !0, title: "Bold" },
+  { label: "I", syntax: "*", wrap: !0, title: "Italic" },
+  { label: "H", syntax: "# ", wrap: !1, title: "Heading" },
+  { label: "—", syntax: `
+---
+`, wrap: !1, title: "Horizontal rule" },
+  { label: "•", syntax: "- ", wrap: !1, title: "List item" },
+  { label: "🔗", syntax: "[text](url)", wrap: !1, title: "Link" }
+];
+function xt({
+  form: t,
+  field: e,
+  hasError: o,
+  formReadOnly: i = !1,
+  formReadOnlyStyle: s = "value"
+}) {
+  const l = v().markdownEditor, [a, p] = B("edit"), h = e.options.readOnly ?? i, c = e.options.readOnlyStyle ?? s;
+  if (h) {
+    const b = t.getValues(e.key) ?? "";
+    return c === "disabled" ? /* @__PURE__ */ x(F, { children: [
+      /* @__PURE__ */ x(f, { style: [l.editor, l.disabled], children: [
+        /* @__PURE__ */ n(f, { style: l.toolbar, children: /* @__PURE__ */ n(u, { style: { fontSize: 13, color: "#9ca3af" }, children: "Markdown Editor (Disabled)" }) }),
+        /* @__PURE__ */ n(f, { style: [l.preview, { opacity: 0.5, minHeight: 200 }], children: /* @__PURE__ */ n(u, { style: { fontFamily: "monospace", fontSize: 14 }, children: b || "—" }) })
+      ] }),
+      e.options.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: e.options.helpText })
+    ] }) : /* @__PURE__ */ x(F, { children: [
+      /* @__PURE__ */ n(f, { style: l.readOnlyValue, children: N ? /* @__PURE__ */ n(N, { children: b || "—" }) : /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: b || "—" }) }),
+      e.options.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: e.options.helpText })
+    ] });
+  }
+  return /* @__PURE__ */ n(
+    z,
+    {
+      control: t.control,
+      name: e.key,
+      defaultValue: e.options.defaultValue ?? "",
+      rules: {
+        required: e.options.required,
+        maxLength: e.options.maxLength ? { value: e.options.maxLength, message: `Content must be less than ${e.options.maxLength} characters` } : void 0
+      },
+      render: ({ field: { onChange: b, value: d } }) => /* @__PURE__ */ x(f, { style: l.wrapper, children: [
+        /* @__PURE__ */ x(f, { style: [l.editor, o && l.error, e.options.disabled && l.disabled], children: [
+          /* @__PURE__ */ x(f, { style: l.toggleContainer, children: [
+            /* @__PURE__ */ n(
+              H,
+              {
+                onPress: () => p("edit"),
+                style: [l.toggleButton, a === "edit" && l.toggleButtonActive],
+                children: /* @__PURE__ */ n(u, { style: [l.toggleButtonText, a === "edit" && l.toggleButtonTextActive], children: "Edit" })
+              }
+            ),
+            /* @__PURE__ */ n(
+              H,
+              {
+                onPress: () => p("preview"),
+                style: [l.toggleButton, a === "preview" && l.toggleButtonActive],
+                children: /* @__PURE__ */ n(u, { style: [l.toggleButtonText, a === "preview" && l.toggleButtonTextActive], children: "Preview" })
+              }
+            )
+          ] }),
+          a === "edit" && /* @__PURE__ */ n(f, { style: l.toolbar, children: St.map((y) => /* @__PURE__ */ n(
+            H,
+            {
+              onPress: () => {
+                y.wrap ? b(`${d || ""}${y.syntax}text${y.syntax}`) : b(`${d || ""}${y.syntax}`);
+              },
+              style: l.toolbarButton,
+              accessibilityLabel: y.title,
+              children: /* @__PURE__ */ n(u, { style: l.toolbarButtonText, children: y.label })
+            },
+            y.label
+          )) }),
+          a === "edit" ? /* @__PURE__ */ n(
+            D,
+            {
+              multiline: !0,
+              value: d ?? "",
+              onChangeText: (y) => {
+                e.options.maxLength && y.length > e.options.maxLength || b(y);
+              },
+              placeholder: e.options.placeholder,
+              placeholderTextColor: "#9ca3af",
+              editable: !e.options.disabled,
+              style: [l.textInput, { minHeight: e.options.height ?? 200 }],
+              accessibilityLabel: e.options.label
+            }
+          ) : /* @__PURE__ */ n(Pe, { style: [l.preview, { minHeight: e.options.height ?? 200 }], children: N ? /* @__PURE__ */ n(N, { children: d || "" }) : /* @__PURE__ */ n(u, { style: { fontSize: 16, color: "#374151" }, children: d || "Nothing to preview" }) }),
+          e.options.maxLength && /* @__PURE__ */ x(u, { style: { fontSize: 13, color: "#6b7280", textAlign: "right", padding: 8 }, children: [
+            (d ?? "").length,
+            "/",
+            e.options.maxLength
+          ] })
+        ] }),
+        e.options.helpText && /* @__PURE__ */ n(u, { style: l.helpText, children: e.options.helpText })
+      ] })
+    }
+  );
+}
+function Ct({
+  field: t
+}) {
+  const e = v().contentField;
+  return /* @__PURE__ */ n(f, { style: e.wrapper, children: t.options.content });
+}
+function kt({
+  fieldKey: t,
+  label: e,
+  required: o,
+  unstyled: i,
+  containerStyle: s,
+  labelStyle: l,
+  requiredIndicatorStyle: a,
+  containerClassName: p,
+  labelClassName: h,
+  requiredIndicatorClassName: c
+}) {
+  const b = v();
+  return /* @__PURE__ */ x(
+    u,
+    {
+      nativeID: `${t}-label`,
+      style: [!i && b.label.base, l],
+      ...h ? { className: h } : {},
+      children: [
+        e,
+        o && /* @__PURE__ */ n(
+          u,
+          {
+            style: [!i && b.label.requiredIndicator, a],
+            ...c ? { className: c } : {},
+            children: " *"
+          }
+        )
+      ]
+    }
+  );
+}
+function vt(t, e, o, i) {
+  const s = !!t.formState.errors[e.key];
+  switch (e.type) {
+    case C.Text:
+      return /* @__PURE__ */ n(Ne, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.TextArea:
+      return /* @__PURE__ */ n($e, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.MarkdownEditor:
+      return /* @__PURE__ */ n(xt, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.Email:
+      return /* @__PURE__ */ n(Ue, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.Password:
+      return /* @__PURE__ */ n(Ke, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.Url:
+      return /* @__PURE__ */ n(Ge, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.Phone:
+      return /* @__PURE__ */ n(Ye, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.Number:
+      return /* @__PURE__ */ n(Ze, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.Currency:
+      return /* @__PURE__ */ n(_e, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.Select:
+      return /* @__PURE__ */ n(xe, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.EnumSelect:
+      return /* @__PURE__ */ n(ot, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.MultiSelect:
+      return /* @__PURE__ */ n(it, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.Checkbox:
+      return /* @__PURE__ */ n(
+        Xe,
+        {
+          form: t,
+          field: e,
+          hasError: s,
+          errorMessage: s ? t.formState.errors[e.key]?.message ?? X : void 0,
+          formReadOnly: o,
+          formReadOnlyStyle: i
+        }
+      );
+    case C.Switch:
+      return /* @__PURE__ */ n(Qe, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.Button:
+      return /* @__PURE__ */ n(tt, { field: e, form: t, hasError: s });
+    case C.DatePicker:
+      return /* @__PURE__ */ n(rt, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.DateTimePicker:
+      return /* @__PURE__ */ n(lt, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.TimePicker:
+      return /* @__PURE__ */ n(nt, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.Radio:
+      return /* @__PURE__ */ n(st, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.CheckboxGroup:
+      return /* @__PURE__ */ n(ut, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.SearchSelect:
+      return /* @__PURE__ */ n(pt, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.SearchSelectApollo:
+      return /* @__PURE__ */ n(bt, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.SearchSelectMulti:
+      return /* @__PURE__ */ n(ft, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.SearchSelectMultiApollo:
+      return /* @__PURE__ */ n(gt, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.Content:
+      return /* @__PURE__ */ n(Ct, { field: e });
+    case C.Custom:
+      return /* @__PURE__ */ n(ve, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    case C.CustomCheckbox:
+      return /* @__PURE__ */ n(mt, { form: t, field: e, hasError: s, formReadOnly: o, formReadOnlyStyle: i });
+    default:
+      return null;
+  }
+}
+function Tt({
+  field: t,
+  formReadOnly: e = !1,
+  formReadOnlyStyle: o = "value",
+  style: i,
+  className: s
+}) {
+  const l = ze(), { labelDisplay: a } = Ie(), p = v(), h = l.watch(), c = W(() => {
+    const { showWhen: P, requiredWhen: M, disabledWhen: te } = t.options;
+    try {
+      const j = P ? P(h) : !0, Te = M ? M(h) : !1, we = te ? te(h) : !1;
+      return { isVisible: j, isDynamicallyRequired: Te, isDynamicallyDisabled: we };
+    } catch (j) {
+      return console.warn(`Error evaluating conditional logic for field ${t.key}:`, j), { isVisible: !0, isDynamicallyRequired: !1, isDynamicallyDisabled: !1 };
+    }
+  }, [h, t.options, t.key]), b = Oe(void 0);
+  if (E(() => {
+    const P = t.options.required || c.isDynamicallyRequired;
+    if (b.current !== P) {
+      b.current = P;
+      try {
+        l.register(t.key, {
+          required: P ? X : !1
+        });
+      } catch (M) {
+        console.warn(`Error updating field registration for ${t.key}:`, M);
+      }
+    }
+  }, [c.isDynamicallyRequired, t.options.required, t.key, l]), !c.isVisible)
+    return null;
+  const d = l.formState.errors[t.key], y = d?.message ?? (d ? X : null), S = !!t.options.label;
+  let m = !1;
+  if (S)
+    switch (a) {
+      case "all":
+        m = !0;
+        break;
+      case "none":
+        m = !1;
+        break;
+      case "default":
+      default:
+        m = t.type !== C.Checkbox;
+        break;
+    }
+  const g = t.options.required || c.isDynamicallyRequired, k = t.options.disabled || c.isDynamicallyDisabled, T = {
+    ...t,
+    options: {
+      ...t.options,
+      disabled: k,
+      required: g
+    }
+  }, I = vt(l, T, e, o), O = m && /* @__PURE__ */ n(kt, { fieldKey: t.key, label: t.options.label ?? "", required: g }), R = (t.options.layout || "vertical") === "horizontal" ? /* @__PURE__ */ x(f, { style: { flexDirection: "row", alignItems: "center", gap: 12 }, children: [
+    O,
+    /* @__PURE__ */ x(f, { style: { flex: 1 }, children: [
+      I,
+      d && t.type !== C.Checkbox && /* @__PURE__ */ n(u, { style: p.global.errorText, children: y })
+    ] })
+  ] }) : /* @__PURE__ */ x(F, { children: [
+    O,
+    I,
+    d && t.type !== C.Checkbox && /* @__PURE__ */ n(u, { style: p.global.errorText, children: y })
+  ] });
+  return t.options.customWrapper ? t.options.customWrapper(R) : /* @__PURE__ */ n(
+    f,
+    {
+      style: [{ gap: 4 }, i],
+      ...s ? { className: s } : {},
+      children: R
+    }
+  );
+}
+function Gt({
+  id: t,
+  fields: e,
+  children: o,
+  submit: i,
+  defaultValues: s,
+  style: l,
+  className: a,
+  readOnly: p = !1,
+  readOnlyStyle: h = "value",
+  nativeTheme: c = {},
+  labelDisplay: b = "default",
+  schema: d,
+  validationGroup: y,
+  validationGroups: S
+}) {
+  const m = W(() => {
+    if (d || e?.some((V) => {
+      if (V?.type === C.Button) return !1;
+      const R = V?.options;
+      return R?.schema || R?.validateWithForm || R?.validate;
+    }))
+      return Ae(
+        d,
+        e?.filter((V) => V !== null).filter((V) => V.type !== C.Button).map((V) => ({
+          key: V.key,
+          options: V.options
+        }))
+      );
+  }, [d, e, y, S]), g = De({
+    defaultValues: s,
+    resolver: m,
+    mode: "onBlur",
+    reValidateMode: "onChange"
+  });
+  E(() => {
+    s && typeof s != "function" && g.reset(s);
+  }, [s, g]);
+  const k = W(() => he.parse({}), []), T = W(() => Ee(c), [c]), I = { labelDisplay: b };
+  return W(() => (O) => {
+    const V = {};
+    for (const [P, M] of Object.entries(O))
+      e?.some(
+        (j) => j && j.key === P && j.type === C.Button
+      ) || (V[P] = M);
+    if (!e)
+      return i(V);
+    const R = { ...V };
+    return e.filter((P) => P !== null).filter((P) => P.type !== C.Button).forEach((P) => {
+      P.options.submitTransform && P.key in R && (R[P.key] = P.options.submitTransform(R[P.key]));
+    }), i(R);
+  }, [e, i]), /* @__PURE__ */ n(ye.Provider, { value: I, children: /* @__PURE__ */ n(fe.Provider, { value: k, children: /* @__PURE__ */ n(me.Provider, { value: T, children: /* @__PURE__ */ n(be.Provider, { value: g, children: /* @__PURE__ */ x(
+    f,
+    {
+      nativeID: t,
+      style: [{ gap: 16 }, l],
+      ...a ? { className: a } : {},
+      children: [
+        e?.filter((O) => O !== null).map((O) => /* @__PURE__ */ n(
+          Tt,
+          {
+            field: O,
+            formReadOnly: p,
+            formReadOnlyStyle: h
+          },
+          O.key
+        )),
+        o
+      ]
+    }
+  ) }) }) }) });
+}
+export {
+  et as Button,
+  tt as ButtonField,
+  A as CURRENCY_CONFIGS,
+  Xe as CheckboxField,
+  ut as CheckboxGroupField,
+  Ct as ContentField,
+  mt as CustomCheckboxField,
+  ve as CustomField,
+  X as DEFAULT_REQUIRED_ERROR_MESSAGE,
+  rt as DatePickerField,
+  lt as DateTimePickerField,
+  Ue as EmailField,
+  ye as FormConfigContext,
+  be as FormContext,
+  It as FormFieldClass,
+  C as FormFieldType,
+  kt as FormLabel,
+  he as FormThemeSchema,
+  xt as MarkdownEditor,
+  _e as MoneyField,
+  Gt as NativeForm,
+  me as NativeThemeContext,
+  Ze as NumberField,
+  Ke as PasswordField,
+  Ye as PhoneField,
+  st as RadioField,
+  Tt as RenderFormField,
+  xe as SelectField,
+  ot as SelectFieldEnum,
+  it as SelectFieldMulti,
+  ft as SelectFieldMultiSearch,
+  gt as SelectFieldMultiSearchApollo,
+  pt as SelectFieldSearch,
+  bt as SelectFieldSearchApollo,
+  Qe as SwitchField,
+  $e as TextAreaField,
+  Ne as TextField,
+  fe as ThemeContext,
+  nt as TimePickerField,
+  Ge as UrlField,
+  Kt as apolloMultiSelectSubmitTransform,
+  $t as convertCurrency,
+  We as createFieldValidation,
+  Ee as createFinalNativeTheme,
+  Ae as createFormResolver,
+  $ as defaultNativeTheme,
+  q as formatCurrency,
+  Ut as formatCurrencyForDisplay,
+  re as formatDateFromDateTime,
+  le as formatDateTimeFromValue,
+  je as getCurrencyConfig,
+  Mt as getCurrencyOptions,
+  Et as getCurrencyStep,
+  ge as getDateFromDateTime,
+  Le as getDateTimeFromValue,
+  Wt as getFieldsInGroup,
+  qt as getPopularCurrencyOptions,
+  Ht as getValidationGroups,
+  Nt as isSupportedCurrency,
+  ke as multiSelectSubmitTransform,
+  Lt as parseCurrency,
+  qe as resolveCurrencyConfig,
+  At as shouldValidateField,
+  jt as useDebounce,
+  ae as useFieldValidation,
+  Ie as useFormConfig,
+  ze as useFormContext,
+  Rt as useFormTheme,
+  v as useNativeTheme,
+  Bt as validateGroup
+};