@axenstudio/axen-form 0.1.17 → 0.1.18

package/dist/core/formStore.js

@@ -1,4 +1,15 @@
 import { get, set } from "./pathUtils.js";
+function valuesEqual(a, b) {
+  if (Object.is(a, b)) return true;
+  if (a instanceof Date || b instanceof Date) return a instanceof Date && b instanceof Date && a.getTime() === b.getTime();
+  if (a === null || b === null || typeof a !== "object" || typeof b !== "object") return false;
+  if (Array.isArray(a) !== Array.isArray(b)) return false;
+  const left = a;
+  const right = b;
+  const keys = Object.keys(left);
+  if (keys.length !== Object.keys(right).length) return false;
+  return keys.every((key) => Object.prototype.hasOwnProperty.call(right, key) && valuesEqual(left[key], right[key]));
+}
 function createFormStore(options) {
   const {
     initialValues,
@@ -18,6 +29,9 @@ function createFormStore(options) {
   const subscribers = /* @__PURE__ */ new Set();
   const fieldSubscribers = /* @__PURE__ */ new Map();
   let validationSchema = options.validationSchema;
+  let valuesRevision = 0;
+  let formRequest = 0;
+  const fieldRequests = /* @__PURE__ */ new Map();
   if (validationAdapter && options.fields && !validationSchema) {
     validationSchema = validationAdapter.buildSchema(options.fields);
   }
@@ -46,16 +60,30 @@ function createFormStore(options) {
     var _a;
     (_a = fieldSubscribers.get(name)) == null ? void 0 : _a.forEach((fn) => fn());
   }
-  function setFieldValue(name, value) {
-    state = {
-      ...state,
-      values: set(state.values, name, value),
-      dirty: true
-    };
-    notifyField(name);
+  function notifyAllFields() {
+    for (const name of fieldSubscribers.keys()) notifyField(name);
+    notify();
+  }
+  function notifyValuePath(path) {
+    const related = (key) => key === path || key.startsWith(`${path}.`) || key.startsWith(`${path}[`) || path.startsWith(`${key}.`) || path.startsWith(`${key}[`);
+    for (const key of fieldSubscribers.keys()) if (related(key)) notifyField(key);
     notify();
+  }
+  function setFieldValue(name, value) {
+    const nextValues = set(state.values, name, value);
+    valuesRevision += 1;
+    state = { ...state, values: nextValues, dirty: !valuesEqual(nextValues, state.initialValues) };
+    for (const field of options.fields ?? []) {
+      if (field.hidden && state.errors[field.name] && (typeof field.hidden === "function" ? field.hidden(nextValues) : field.hidden)) {
+        setFieldError(field.name, void 0);
+      }
+    }
+    notifyValuePath(name);
     if (validateOnChange && validationAdapter && validationSchema) {
-      runFieldValidation(name);
+      const revision = valuesRevision;
+      void runFieldValidation(name).catch((error) => {
+        if (revision === valuesRevision) setFieldError(name, error instanceof Error ? error.message : "Validation failed");
+      });
     }
   }
   function setFieldTouched(name, touched = true) {
@@ -66,7 +94,10 @@ function createFormStore(options) {
     notifyField(name);
     notify();
     if (validateOnBlur && touched && validationAdapter && validationSchema) {
-      runFieldValidation(name);
+      const revision = valuesRevision;
+      void runFieldValidation(name).catch((error) => {
+        if (revision === valuesRevision) setFieldError(name, error instanceof Error ? error.message : "Validation failed");
+      });
     }
   }
   function setFieldError(name, error) {
@@ -81,13 +112,47 @@ function createFormStore(options) {
     notify();
   }
   function setValues(values) {
-    state = { ...state, values, dirty: true };
-    notify();
-    subscribers.forEach((fn) => fn());
+    valuesRevision += 1;
+    state = { ...state, values, dirty: !valuesEqual(values, state.initialValues) };
+    notifyAllFields();
   }
   function setErrors(errors) {
     state = { ...state, errors };
-    notify();
+    notifyAllFields();
+  }
+  function setFieldArrayValue(name, items, origins) {
+    const remap = (entries) => {
+      const result = {};
+      for (const [path, value] of Object.entries(entries)) {
+        if (!path.startsWith(name)) {
+          result[path] = value;
+          continue;
+        }
+        const suffix = path.slice(name.length);
+        const match = /^(?:\.(\d+)|\[(\d+)\])(?=\.|\[|$)/.exec(suffix);
+        if (!match) {
+          result[path] = value;
+          continue;
+        }
+        const oldIndex = Number(match[1] ?? match[2]);
+        const tail = suffix.slice(match[0].length);
+        for (let i = 0; i < origins.length; i++) {
+          if (origins[i] !== oldIndex) continue;
+          result[`${name}${match[1] !== void 0 ? `.${i}` : `[${i}]`}${tail}`] = value;
+        }
+      }
+      return result;
+    };
+    const values = set(state.values, name, items);
+    valuesRevision += 1;
+    state = {
+      ...state,
+      values,
+      dirty: !valuesEqual(values, state.initialValues),
+      errors: remap(state.errors),
+      touched: remap(state.touched)
+    };
+    notifyValuePath(name);
   }
   function resetForm(nextValues) {
     const newValues = nextValues ? { ...state.initialValues, ...nextValues } : structuredClone(state.initialValues);
@@ -98,26 +163,40 @@ function createFormStore(options) {
       dirty: false,
       isSubmitting: false,
       submitCount: state.submitCount,
-      initialValues: state.initialValues
+      initialValues: nextValues ? structuredClone(newValues) : state.initialValues
     };
-    notify();
+    valuesRevision += 1;
+    notifyAllFields();
   }
   async function validateForm() {
     if (!validationAdapter || !validationSchema) return {};
+    const revision = valuesRevision;
+    const request = ++formRequest;
     const errors = await validationAdapter.validate(validationSchema, state.values);
+    if (revision !== valuesRevision || request !== formRequest) return state.errors;
     state = { ...state, errors };
     notify();
-    for (const name of fieldSubscribers.keys()) {
-      notifyField(name);
-    }
+    for (const name of fieldSubscribers.keys()) notifyField(name);
     return errors;
   }
   async function validateField(name) {
+    var _a;
     if (!(validationAdapter == null ? void 0 : validationAdapter.validateField) || !validationSchema) return void 0;
+    const revision = valuesRevision;
+    const request = (fieldRequests.get(name) ?? 0) + 1;
+    fieldRequests.set(name, request);
+    const config = (_a = options.fields) == null ? void 0 : _a.find((field) => field.name === name);
+    if ((config == null ? void 0 : config.hidden) && (typeof config.hidden === "function" ? config.hidden(state.values) : config.hidden)) {
+      setFieldError(name, void 0);
+      return void 0;
+    }
     const fieldValue = get(state.values, name);
     const error = await validationAdapter.validateField(validationSchema, name, fieldValue);
-    setFieldError(name, error);
-    return error;
+    if (revision === valuesRevision && request === fieldRequests.get(name)) {
+      setFieldError(name, error);
+      return error;
+    }
+    return state.errors[name];
   }
   async function runFieldValidation(name) {
     if (validationAdapter == null ? void 0 : validationAdapter.validateField) {
@@ -127,27 +206,18 @@ function createFormStore(options) {
     }
   }
   async function submitForm(onSubmit) {
+    if (state.isSubmitting) return;
     state = { ...state, isSubmitting: true, submitCount: state.submitCount + 1 };
     notify();
-    touchAllFields();
-    const errors = await validateForm();
-    for (const name of Object.keys(state.touched)) {
-      notifyField(name);
-    }
-    if (Object.keys(errors).length > 0) {
-      state = { ...state, isSubmitting: false };
-      notify();
-      return;
-    }
-    const handler = onSubmit ?? options.onSubmit;
-    if (handler) {
-      try {
-        await handler(state.values);
-      } finally {
-        state = { ...state, isSubmitting: false };
-        notify();
-      }
-    } else {
+    try {
+      touchAllFields();
+      const revision = valuesRevision;
+      const errors = await validateForm();
+      for (const name of Object.keys(state.touched)) notifyField(name);
+      if (revision !== valuesRevision || Object.keys(errors).length > 0) return;
+      const handler = onSubmit ?? options.onSubmit;
+      if (handler) await handler(state.values);
+    } finally {
       state = { ...state, isSubmitting: false };
       notify();
     }
@@ -186,6 +256,7 @@ function createFormStore(options) {
     setFieldError,
     setValues,
     setErrors,
+    setFieldArrayValue,
     resetForm,
     validateForm,
     validateField,

package/dist/core/numberUtils.d.ts

@@ -23,4 +23,3 @@ export declare function getGroupSeparator(locale?: string): string;
  * then finds the same position in the formatted string.
  */
 export declare function calculateCursorPosition(rawValue: string, formattedValue: string, cursorPos: number, locale?: string): number;
-//# sourceMappingURL=numberUtils.d.ts.map

package/dist/core/pathUtils.d.ts

@@ -12,4 +12,3 @@ export declare function set<T extends Record<string, unknown>>(obj: T, path: str
 export declare function toPathArray(path: string): string[];
 /** Convert path segments back to dot-path string */
 export declare function pathToString(segments: string[]): string;
-//# sourceMappingURL=pathUtils.d.ts.map

package/dist/core/payloadUtils.d.ts

@@ -19,4 +19,3 @@ export declare function pickFields<T extends Record<string, unknown>>(values: T,
  * Useful for debugging / UI display.
  */
 export declare function getStrippedFields<T extends Record<string, unknown>>(values: T, fieldMap: string[] | Record<string, string[]>, discriminatorKey?: string): string[];
-//# sourceMappingURL=payloadUtils.d.ts.map

package/dist/core/semanticValidation.cjs

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const pathUtils = require("./pathUtils.cjs");
+function isHidden(field, values) {
+  return typeof field.hidden === "function" ? Boolean(field.hidden(values)) : Boolean(field.hidden);
+}
+function validateSemanticValue(field, value, policy) {
+  var _a;
+  if (field.validation) return void 0;
+  const rules = field.rules;
+  const inferred = field.type === "tel" ? "phone" : field.type;
+  const format = (rules == null ? void 0 : rules.format) ?? ((policy == null ? void 0 : policy.mode) === "standard" && (inferred === "email" || inferred === "phone" || inferred === "url") ? inferred : void 0);
+  if (!format || value === void 0 || value === null || value === "") return void 0;
+  if (typeof value !== "string") return (rules == null ? void 0 : rules.message) ?? "Invalid value";
+  const input = value.trim();
+  if (!input) return void 0;
+  let valid = true;
+  if (format === "email") {
+    valid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/u.test(input) && input.length <= 254;
+  } else if (format === "url") {
+    try {
+      const parsed = new URL(input);
+      valid = (parsed.protocol === "http:" || parsed.protocol === "https:") && Boolean(parsed.hostname);
+    } catch {
+      valid = false;
+    }
+  } else if (format === "phone") {
+    const clean = input.replace(/[().\s-]/g, "");
+    const region = ((rules == null ? void 0 : rules.region) ?? "").toUpperCase();
+    valid = region === "ID" ? /^(?:\+62|62|0)8\d{7,11}$/u.test(clean) : /^\+[1-9]\d{7,14}$/u.test(clean);
+  } else if (format === "postalCode") {
+    const country = ((rules == null ? void 0 : rules.country) ?? "").toUpperCase();
+    const patterns = {
+      ID: /^\d{5}$/u,
+      US: /^\d{5}(?:-\d{4})?$/u,
+      SG: /^\d{6}$/u
+    };
+    valid = Boolean((_a = patterns[country]) == null ? void 0 : _a.test(input));
+  }
+  return valid ? void 0 : (rules == null ? void 0 : rules.message) ?? `Invalid ${format}`;
+}
+function withValidationPolicy(adapter, policy) {
+  return {
+    buildSchema(fields) {
+      return { base: adapter.buildSchema(fields), fields };
+    },
+    async validate(schema, values) {
+      const { base, fields } = schema;
+      const errors = { ...await adapter.validate(base, values) };
+      for (const field of fields) {
+        if (isHidden(field, values)) {
+          delete errors[field.name];
+        } else if (!errors[field.name]) {
+          const error = validateSemanticValue(field, pathUtils.get(values, field.name), policy);
+          if (error) errors[field.name] = error;
+        }
+      }
+      return errors;
+    },
+    async validateField(schema, name, value) {
+      var _a;
+      const { base, fields } = schema;
+      const error = await ((_a = adapter.validateField) == null ? void 0 : _a.call(adapter, base, name, value));
+      return error ?? validateSemanticValue(fields.find((f) => f.name === name) ?? { type: "text" }, value, policy);
+    }
+  };
+}
+exports.validateSemanticValue = validateSemanticValue;
+exports.withValidationPolicy = withValidationPolicy;

package/dist/core/semanticValidation.d.ts

@@ -0,0 +1,5 @@
+import { FieldConfig, ValidationAdapter, ValidationPolicy } from '../types';
+/** Optional semantics: custom Yup/Zod field schemas retain precedence. */
+export declare function validateSemanticValue(field: FieldConfig, value: unknown, policy?: ValidationPolicy): string | undefined;
+/** Adapter-independent policy wrapper. No mandatory Yup, Zod, or UI dependencies. */
+export declare function withValidationPolicy(adapter: ValidationAdapter, policy?: ValidationPolicy): ValidationAdapter;

package/dist/core/semanticValidation.js

@@ -0,0 +1,69 @@
+import { get } from "./pathUtils.js";
+function isHidden(field, values) {
+  return typeof field.hidden === "function" ? Boolean(field.hidden(values)) : Boolean(field.hidden);
+}
+function validateSemanticValue(field, value, policy) {
+  var _a;
+  if (field.validation) return void 0;
+  const rules = field.rules;
+  const inferred = field.type === "tel" ? "phone" : field.type;
+  const format = (rules == null ? void 0 : rules.format) ?? ((policy == null ? void 0 : policy.mode) === "standard" && (inferred === "email" || inferred === "phone" || inferred === "url") ? inferred : void 0);
+  if (!format || value === void 0 || value === null || value === "") return void 0;
+  if (typeof value !== "string") return (rules == null ? void 0 : rules.message) ?? "Invalid value";
+  const input = value.trim();
+  if (!input) return void 0;
+  let valid = true;
+  if (format === "email") {
+    valid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/u.test(input) && input.length <= 254;
+  } else if (format === "url") {
+    try {
+      const parsed = new URL(input);
+      valid = (parsed.protocol === "http:" || parsed.protocol === "https:") && Boolean(parsed.hostname);
+    } catch {
+      valid = false;
+    }
+  } else if (format === "phone") {
+    const clean = input.replace(/[().\s-]/g, "");
+    const region = ((rules == null ? void 0 : rules.region) ?? "").toUpperCase();
+    valid = region === "ID" ? /^(?:\+62|62|0)8\d{7,11}$/u.test(clean) : /^\+[1-9]\d{7,14}$/u.test(clean);
+  } else if (format === "postalCode") {
+    const country = ((rules == null ? void 0 : rules.country) ?? "").toUpperCase();
+    const patterns = {
+      ID: /^\d{5}$/u,
+      US: /^\d{5}(?:-\d{4})?$/u,
+      SG: /^\d{6}$/u
+    };
+    valid = Boolean((_a = patterns[country]) == null ? void 0 : _a.test(input));
+  }
+  return valid ? void 0 : (rules == null ? void 0 : rules.message) ?? `Invalid ${format}`;
+}
+function withValidationPolicy(adapter, policy) {
+  return {
+    buildSchema(fields) {
+      return { base: adapter.buildSchema(fields), fields };
+    },
+    async validate(schema, values) {
+      const { base, fields } = schema;
+      const errors = { ...await adapter.validate(base, values) };
+      for (const field of fields) {
+        if (isHidden(field, values)) {
+          delete errors[field.name];
+        } else if (!errors[field.name]) {
+          const error = validateSemanticValue(field, get(values, field.name), policy);
+          if (error) errors[field.name] = error;
+        }
+      }
+      return errors;
+    },
+    async validateField(schema, name, value) {
+      var _a;
+      const { base, fields } = schema;
+      const error = await ((_a = adapter.validateField) == null ? void 0 : _a.call(adapter, base, name, value));
+      return error ?? validateSemanticValue(fields.find((f) => f.name === name) ?? { type: "text" }, value, policy);
+    }
+  };
+}
+export {
+  validateSemanticValue,
+  withValidationPolicy
+};

package/dist/core/validation.cjs

@@ -16,7 +16,7 @@ const simpleValidator = {
       const isHidden = typeof rule.hidden === "function" ? rule.hidden(values) : rule.hidden;
       if (isHidden) continue;
       const value = getNestedValue(values, rule.name);
-      if (isEmpty(value)) {
+      if (isEmpty(value, rule.type)) {
         errors[rule.name] = rule.message;
       }
     }
@@ -26,10 +26,11 @@ const simpleValidator = {
     const rules = schema;
     const rule = rules.find((r) => r.name === name);
     if (!rule) return void 0;
-    return isEmpty(value) ? rule.message : void 0;
+    return isEmpty(value, rule.type) ? rule.message : void 0;
   }
 };
-function isEmpty(value) {
+function isEmpty(value, type) {
+  if (type === "checkbox" || type === "switch") return value !== true;
   if (value == null) return true;
   if (typeof value === "string") return value.trim() === "";
   if (Array.isArray(value)) return value.length === 0;

package/dist/core/validation.d.ts

@@ -4,4 +4,3 @@ import { ValidationAdapter } from '../types';
  * No external library dependency.
  */
 export declare const simpleValidator: ValidationAdapter;
-//# sourceMappingURL=validation.d.ts.map

package/dist/core/validation.js

@@ -14,7 +14,7 @@ const simpleValidator = {
       const isHidden = typeof rule.hidden === "function" ? rule.hidden(values) : rule.hidden;
       if (isHidden) continue;
       const value = getNestedValue(values, rule.name);
-      if (isEmpty(value)) {
+      if (isEmpty(value, rule.type)) {
         errors[rule.name] = rule.message;
       }
     }
@@ -24,10 +24,11 @@ const simpleValidator = {
     const rules = schema;
     const rule = rules.find((r) => r.name === name);
     if (!rule) return void 0;
-    return isEmpty(value) ? rule.message : void 0;
+    return isEmpty(value, rule.type) ? rule.message : void 0;
   }
 };
-function isEmpty(value) {
+function isEmpty(value, type) {
+  if (type === "checkbox" || type === "switch") return value !== true;
   if (value == null) return true;
   if (typeof value === "string") return value.trim() === "";
   if (Array.isArray(value)) return value.length === 0;

package/dist/fields/AutocompleteField/AutocompleteField.d.ts

@@ -2,5 +2,4 @@ import { AutocompleteOption, FieldComponentProps } from '../../types';
 export declare function AutocompleteField({ name, value, onChange: _onChange, onBlur, error, helperText, label, placeholder, disabled, readOnly, required, options: staticOptions, fetchOptions, optionLabel, icon, form, }: FieldComponentProps & {
     fetchOptions?: (query: string, signal?: AbortSignal) => Promise<AutocompleteOption[]>;
     optionLabel?: string;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AutocompleteField.d.ts.map
+}): import("react").JSX.Element;

package/dist/fields/AutocompleteMultiField/AutocompleteMultiField.d.ts

@@ -2,5 +2,4 @@ import { AutocompleteOption, FieldComponentProps } from '../../types';
 export declare function AutocompleteMultiField({ name, value, onChange: _onChange, onBlur, error, helperText, label, placeholder, disabled, readOnly, required, options: staticOptions, fetchOptions, optionLabel, icon, form, }: FieldComponentProps & {
     fetchOptions?: (query: string, signal?: AbortSignal) => Promise<AutocompleteOption[]>;
     optionLabel?: string;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AutocompleteMultiField.d.ts.map
+}): import("react").JSX.Element;

package/dist/fields/AutocompletePredictField/AutocompletePredictField.d.ts

@@ -6,5 +6,4 @@ import { AutocompleteOption, FieldComponentProps } from '../../types';
 export declare function AutocompletePredictField({ name, value, onChange: _onChange, onBlur, error, helperText, label, placeholder, disabled, readOnly, required, options: staticOptions, fetchOptions, optionLabel, icon, form, }: FieldComponentProps & {
     fetchOptions?: (query: string, signal?: AbortSignal) => Promise<AutocompleteOption[]>;
     optionLabel?: string;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AutocompletePredictField.d.ts.map
+}): import("react").JSX.Element;

package/dist/fields/CheckboxField/CheckboxField.d.ts

@@ -1,3 +1,2 @@
 import { FieldComponentProps } from '../../types';
-export declare function CheckboxField({ name, value, onChange: _onChange, onBlur, error, helperText, label, disabled, readOnly, required, form, }: Readonly<FieldComponentProps>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CheckboxField.d.ts.map
+export declare function CheckboxField({ name, value, onChange: _onChange, onBlur, error, helperText, label, disabled, readOnly, required, form, }: Readonly<FieldComponentProps>): import("react").JSX.Element;

package/dist/fields/ColorField/ColorField.d.ts

@@ -1,3 +1,2 @@
 import { FieldComponentProps } from '../../types';
-export declare function ColorField({ name, value, onChange: _onChange, onBlur, error, helperText, label, disabled, readOnly, required, form, }: Readonly<FieldComponentProps>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ColorField.d.ts.map
+export declare function ColorField({ name, value, onChange: _onChange, onBlur, error, helperText, label, disabled, readOnly, required, form, }: Readonly<FieldComponentProps>): import("react").JSX.Element;

package/dist/fields/CurrencyField/CurrencyField.d.ts

@@ -6,5 +6,4 @@ export declare function CurrencyField({ name, value, onChange: _onChange, onBlur
     suffix?: string;
     locale?: string;
     currency?: string;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CurrencyField.d.ts.map
+}): import("react").JSX.Element;

package/dist/fields/DateField/DateField.d.ts

@@ -3,5 +3,4 @@ export declare function DateField({ name, value, onChange, onBlur, error, helper
     min?: string;
     max?: string;
     locale?: string;
-}>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DateField.d.ts.map
+}>): import("react").JSX.Element;

package/dist/fields/DateField/DatePicker.d.ts

@@ -6,6 +6,5 @@ interface DatePickerProps {
     onApply: (isoDate: string) => void;
     onClose: () => void;
 }
-export declare function DatePicker({ value, min, max, pickerId, onApply, onClose, }: Readonly<DatePickerProps>): import("react/jsx-runtime").JSX.Element;
+export declare function DatePicker({ value, min, max, pickerId, onApply, onClose, }: Readonly<DatePickerProps>): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=DatePicker.d.ts.map

package/dist/fields/DateTimeField/DateTimeField.d.ts

@@ -5,5 +5,4 @@ export declare function DateTimeField({ name, value, onChange, onBlur, error, he
     locale?: string;
     ampm?: boolean;
     showSeconds?: boolean;
-}>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DateTimeField.d.ts.map
+}>): import("react").JSX.Element;

package/dist/fields/EmailField/EmailField.d.ts

@@ -1,3 +1,2 @@
 import { FieldComponentProps } from '../../types';
-export declare function EmailField({ name, value, onChange, onBlur, error, helperText, label, placeholder, disabled, readOnly, required, icon, }: Readonly<FieldComponentProps>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=EmailField.d.ts.map
+export declare function EmailField({ name, value, onChange, onBlur, error, helperText, label, placeholder, disabled, readOnly, required, icon, }: Readonly<FieldComponentProps>): import("react").JSX.Element;

package/dist/fields/NumberField/NumberField.d.ts

@@ -6,5 +6,4 @@ export declare function NumberField({ name, value, onChange: _onChange, onBlur,
     prefix?: string;
     suffix?: string;
     locale?: string;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=NumberField.d.ts.map
+}): import("react").JSX.Element;

package/dist/fields/PasswordField/PasswordField.d.ts

@@ -1,3 +1,2 @@
 import { FieldComponentProps } from '../../types';
-export declare function PasswordField({ name, value, onChange, onBlur, error, helperText, label, placeholder, disabled, readOnly, required, icon, }: Readonly<FieldComponentProps>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PasswordField.d.ts.map
+export declare function PasswordField({ name, value, onChange, onBlur, error, helperText, label, placeholder, disabled, readOnly, required, icon, }: Readonly<FieldComponentProps>): import("react").JSX.Element;

package/dist/fields/PhoneField/PhoneField.d.ts

@@ -1,3 +1,2 @@
 import { FieldComponentProps } from '../../types';
-export declare function PhoneField({ name, value, onChange, onBlur, error, helperText, label, placeholder, disabled, readOnly, required, icon, }: Readonly<FieldComponentProps>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PhoneField.d.ts.map
+export declare function PhoneField({ name, value, onChange, onBlur, error, helperText, label, placeholder, disabled, readOnly, required, icon, }: Readonly<FieldComponentProps>): import("react").JSX.Element;

package/dist/fields/RadioField/RadioField.d.ts

@@ -1,3 +1,2 @@
 import { FieldComponentProps } from '../../types';
-export declare function RadioField({ name, value, onChange: _onChange, onBlur, error, helperText, label, disabled, readOnly, required, options, form, }: Readonly<FieldComponentProps>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=RadioField.d.ts.map
+export declare function RadioField({ name, value, onChange: _onChange, onBlur, error, helperText, label, disabled, readOnly, required, options, form, }: Readonly<FieldComponentProps>): import("react").JSX.Element;

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

@@ -1,3 +1,2 @@
 import { FieldComponentProps } from '../../types';
-export declare function SelectField({ name, value, onChange, onBlur, error, helperText, label, placeholder, disabled, readOnly, required, options, }: Readonly<FieldComponentProps>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SelectField.d.ts.map
+export declare function SelectField({ name, value, onChange, onBlur, error, helperText, label, placeholder, disabled, readOnly, required, options, }: Readonly<FieldComponentProps>): import("react").JSX.Element;

package/dist/fields/SliderField/SliderField.d.ts

@@ -3,5 +3,4 @@ export declare function SliderField({ name, value, onChange: _onChange, onBlur,
     min?: number;
     max?: number;
     step?: number;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SliderField.d.ts.map
+}): import("react").JSX.Element;

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

@@ -1,3 +1,2 @@
 import { FieldComponentProps } from '../../types';
-export declare function SwitchField({ name, value, onChange: _onChange, onBlur, error, helperText, label, disabled, readOnly, required, form, }: Readonly<FieldComponentProps>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SwitchField.d.ts.map
+export declare function SwitchField({ name, value, onChange: _onChange, onBlur, error, helperText, label, disabled, readOnly, required, form, }: Readonly<FieldComponentProps>): import("react").JSX.Element;

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

@@ -1,3 +1,2 @@
 import { FieldComponentProps } from '../../types';
-export declare function TextField({ name, value, onChange, onBlur, error, helperText, label, placeholder, disabled, readOnly, required, icon, }: Readonly<FieldComponentProps>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TextField.d.ts.map
+export declare function TextField({ name, value, onChange, onBlur, error, helperText, label, placeholder, disabled, readOnly, required, icon, }: Readonly<FieldComponentProps>): import("react").JSX.Element;

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

@@ -1,5 +1,4 @@
 import { FieldComponentProps } from '../../types';
 export declare function TextareaField({ name, value, onChange, onBlur, error, helperText, label, placeholder, disabled, readOnly, required, rows, }: FieldComponentProps & {
     rows?: number;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TextareaField.d.ts.map
+}): import("react").JSX.Element;

package/dist/fields/TimeField/TimeField.d.ts

@@ -3,5 +3,4 @@ export declare function TimeField({ name, value, onChange, onBlur, error, helper
     locale?: string;
     ampm?: boolean;
     showSeconds?: boolean;
-}>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TimeField.d.ts.map
+}>): import("react").JSX.Element;

package/dist/fields/TimeField/TimePicker.d.ts

@@ -6,6 +6,5 @@ interface TimePickerProps {
     onApply: (isoTime: string) => void;
     onClose: () => void;
 }
-export declare function TimePicker({ value, showSeconds, ampm, pickerId, onApply, onClose, }: Readonly<TimePickerProps>): import("react/jsx-runtime").JSX.Element;
+export declare function TimePicker({ value, showSeconds, ampm, pickerId, onApply, onClose, }: Readonly<TimePickerProps>): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=TimePicker.d.ts.map

package/dist/fields/defaultComponentMap.cjs

@@ -24,6 +24,9 @@ const defaultComponentMap = {
   email: EmailField.EmailField,
   password: PasswordField.PasswordField,
   phone: PhoneField.PhoneField,
+  // HTML type aliases retained for existing consumer configurations.
+  tel: PhoneField.PhoneField,
+  url: TextField.TextField,
   textarea: TextareaField.TextareaField,
   number: NumberField.NumberField,
   currency: CurrencyField.CurrencyField,

package/dist/fields/defaultComponentMap.d.ts

@@ -4,4 +4,3 @@ import { FieldTypeComponentMap } from '../types';
  * Pass to AxenForm's `components` prop or use as base to extend with custom types.
  */
 export declare const defaultComponentMap: FieldTypeComponentMap;
-//# sourceMappingURL=defaultComponentMap.d.ts.map

package/dist/fields/defaultComponentMap.js

@@ -22,6 +22,9 @@ const defaultComponentMap = {
   email: EmailField,
   password: PasswordField,
   phone: PhoneField,
+  // HTML type aliases retained for existing consumer configurations.
+  tel: PhoneField,
+  url: TextField,
   textarea: TextareaField,
   number: NumberField,
   currency: CurrencyField,

package/dist/fields/defaultPlaceholders.d.ts

@@ -1,3 +1,2 @@
 import { BuiltInFieldType } from '../types';
 export declare const defaultPlaceholders: Partial<Record<BuiltInFieldType, string>>;
-//# sourceMappingURL=defaultPlaceholders.d.ts.map