@radix-solid-js/form 0.1.0

package/dist/index.cjs

@@ -0,0 +1,454 @@
+'use strict';
+
+var solidJs = require('solid-js');
+var primitive = require('@radix-solid-js/primitive');
+var composeRefs = require('@radix-solid-js/compose-refs');
+var context = require('@radix-solid-js/context');
+var id = require('@radix-solid-js/id');
+var label = require('@radix-solid-js/label');
+var primitiveComponent = require('@radix-solid-js/primitive-component');
+
+// src/form.tsx
+var [createFormContext, createFormScope] = context.createContextScope("Form");
+var FORM_NAME = "Form";
+var [ValidationProvider, useValidationContext] = createFormContext(FORM_NAME);
+var [AriaDescriptionProvider, useAriaDescriptionContext] = createFormContext(FORM_NAME);
+function Form(props) {
+  const [local, rest] = solidJs.splitProps(props, [
+    "__scopeForm",
+    "ref",
+    "onClearServerErrors",
+    "onInvalid",
+    "onSubmit",
+    "onReset"
+  ]);
+  const onClearServerErrors = local.onClearServerErrors ?? (() => {
+  });
+  const [validityMap, setValidityMap] = solidJs.createSignal({});
+  const getFieldValidity = (fieldName) => validityMap()[fieldName];
+  const handleFieldValidityChange = (fieldName, validity) => {
+    setValidityMap((prev) => ({
+      ...prev,
+      [fieldName]: { ...prev[fieldName] ?? {}, ...validity }
+    }));
+  };
+  const handleFieldValiditionClear = (fieldName) => {
+    setValidityMap((prev) => ({ ...prev, [fieldName]: void 0 }));
+    setCustomErrorsMap((prev) => ({ ...prev, [fieldName]: {} }));
+  };
+  const [customMatcherEntriesMap, setCustomMatcherEntriesMap] = solidJs.createSignal({});
+  const getFieldCustomMatcherEntries = (fieldName) => customMatcherEntriesMap()[fieldName] ?? [];
+  const handleFieldCustomMatcherAdd = (fieldName, matcherEntry) => {
+    setCustomMatcherEntriesMap((prev) => ({
+      ...prev,
+      [fieldName]: [...prev[fieldName] ?? [], matcherEntry]
+    }));
+  };
+  const handleFieldCustomMatcherRemove = (fieldName, matcherEntryId) => {
+    setCustomMatcherEntriesMap((prev) => ({
+      ...prev,
+      [fieldName]: (prev[fieldName] ?? []).filter((entry) => entry.id !== matcherEntryId)
+    }));
+  };
+  const [customErrorsMap, setCustomErrorsMap] = solidJs.createSignal({});
+  const getFieldCustomErrors = (fieldName) => customErrorsMap()[fieldName] ?? {};
+  const handleFieldCustomErrorsChange = (fieldName, customErrors) => {
+    setCustomErrorsMap((prev) => ({
+      ...prev,
+      [fieldName]: { ...prev[fieldName] ?? {}, ...customErrors }
+    }));
+  };
+  const [messageIdsMap, setMessageIdsMap] = solidJs.createSignal({});
+  const handleFieldMessageIdAdd = (fieldName, id) => {
+    setMessageIdsMap((prev) => {
+      const fieldDescriptionIds = new Set(prev[fieldName]).add(id);
+      return { ...prev, [fieldName]: fieldDescriptionIds };
+    });
+  };
+  const handleFieldMessageIdRemove = (fieldName, id) => {
+    setMessageIdsMap((prev) => {
+      const fieldDescriptionIds = new Set(prev[fieldName]);
+      fieldDescriptionIds.delete(id);
+      return { ...prev, [fieldName]: fieldDescriptionIds };
+    });
+  };
+  const getFieldDescription = (fieldName) => Array.from(messageIdsMap()[fieldName] ?? []).join(" ") || void 0;
+  return /* @__PURE__ */ React.createElement(
+    ValidationProvider,
+    {
+      scope: local.__scopeForm,
+      getFieldValidity,
+      onFieldValidityChange: handleFieldValidityChange,
+      getFieldCustomMatcherEntries,
+      onFieldCustomMatcherEntryAdd: handleFieldCustomMatcherAdd,
+      onFieldCustomMatcherEntryRemove: handleFieldCustomMatcherRemove,
+      getFieldCustomErrors,
+      onFieldCustomErrorsChange: handleFieldCustomErrorsChange,
+      onFieldValiditionClear: handleFieldValiditionClear
+    },
+    /* @__PURE__ */ React.createElement(
+      AriaDescriptionProvider,
+      {
+        scope: local.__scopeForm,
+        onFieldMessageIdAdd: handleFieldMessageIdAdd,
+        onFieldMessageIdRemove: handleFieldMessageIdRemove,
+        getFieldDescription
+      },
+      /* @__PURE__ */ React.createElement(
+        primitiveComponent.Primitive.form,
+        {
+          ...rest,
+          ref: local.ref,
+          onInvalid: primitive.composeEventHandlers(local.onInvalid, (event) => {
+            const target = event.currentTarget;
+            const firstInvalidControl = getFirstInvalidControl(target);
+            if (firstInvalidControl === event.target) firstInvalidControl.focus();
+            event.preventDefault();
+          }),
+          onSubmit: primitive.composeEventHandlers(local.onSubmit, onClearServerErrors, {
+            checkForDefaultPrevented: false
+          }),
+          onReset: primitive.composeEventHandlers(local.onReset, onClearServerErrors)
+        }
+      )
+    )
+  );
+}
+var FIELD_NAME = "FormField";
+var [FormFieldProvider, useFormFieldContext] = createFormContext(FIELD_NAME);
+function FormField(props) {
+  const [local, rest] = solidJs.splitProps(props, ["__scopeForm", "name", "serverInvalid"]);
+  const validationContext = useValidationContext(FIELD_NAME, local.__scopeForm);
+  const validity = () => validationContext.getFieldValidity(local.name);
+  const id$1 = id.createId();
+  return /* @__PURE__ */ React.createElement(
+    FormFieldProvider,
+    {
+      scope: local.__scopeForm,
+      id: id$1,
+      name: local.name,
+      serverInvalid: local.serverInvalid ?? false
+    },
+    /* @__PURE__ */ React.createElement(
+      primitiveComponent.Primitive.div,
+      {
+        "data-valid": getValidAttribute(validity(), local.serverInvalid ?? false),
+        "data-invalid": getInvalidAttribute(validity(), local.serverInvalid ?? false),
+        ...rest
+      }
+    )
+  );
+}
+var LABEL_NAME = "FormLabel";
+function FormLabel(props) {
+  const [local, rest] = solidJs.splitProps(props, ["__scopeForm", "for"]);
+  const validationContext = useValidationContext(LABEL_NAME, local.__scopeForm);
+  const fieldContext = useFormFieldContext(LABEL_NAME, local.__scopeForm);
+  const htmlFor = () => local.for || fieldContext.id;
+  const validity = () => validationContext.getFieldValidity(fieldContext.name);
+  return /* @__PURE__ */ React.createElement(
+    label.Label,
+    {
+      "data-valid": getValidAttribute(validity(), fieldContext.serverInvalid),
+      "data-invalid": getInvalidAttribute(validity(), fieldContext.serverInvalid),
+      ...rest,
+      for: htmlFor()
+    }
+  );
+}
+var CONTROL_NAME = "FormControl";
+function FormControl(props) {
+  const [local, rest] = solidJs.splitProps(props, [
+    "__scopeForm",
+    "ref",
+    "name",
+    "id",
+    "onInvalid",
+    "onChange"
+  ]);
+  const validationContext = useValidationContext(CONTROL_NAME, local.__scopeForm);
+  const fieldContext = useFormFieldContext(CONTROL_NAME, local.__scopeForm);
+  const ariaDescriptionContext = useAriaDescriptionContext(CONTROL_NAME, local.__scopeForm);
+  let controlRef;
+  const name = () => local.name || fieldContext.name;
+  const id = () => local.id || fieldContext.id;
+  const customMatcherEntries = () => validationContext.getFieldCustomMatcherEntries(name());
+  const updateControlValidity = async (control) => {
+    if (hasBuiltInError(control.validity)) {
+      const controlValidity2 = validityStateToObject(control.validity);
+      validationContext.onFieldValidityChange(name(), controlValidity2);
+      return;
+    }
+    const formData = control.form ? new FormData(control.form) : new FormData();
+    const matcherArgs = [control.value, formData];
+    const syncCustomMatcherEntries = [];
+    const asyncCustomMatcherEntries = [];
+    customMatcherEntries().forEach((customMatcherEntry) => {
+      if (isAsyncCustomMatcherEntry(customMatcherEntry, matcherArgs)) {
+        asyncCustomMatcherEntries.push(customMatcherEntry);
+      } else if (isSyncCustomMatcherEntry(customMatcherEntry)) {
+        syncCustomMatcherEntries.push(customMatcherEntry);
+      }
+    });
+    const syncCustomErrors = syncCustomMatcherEntries.map(({ id: id2, match }) => {
+      return [id2, match(...matcherArgs)];
+    });
+    const syncCustomErrorsById = Object.fromEntries(syncCustomErrors);
+    const hasSyncCustomErrors = Object.values(syncCustomErrorsById).some(Boolean);
+    const hasCustomError = hasSyncCustomErrors;
+    control.setCustomValidity(hasCustomError ? DEFAULT_INVALID_MESSAGE : "");
+    const controlValidity = validityStateToObject(control.validity);
+    validationContext.onFieldValidityChange(name(), controlValidity);
+    validationContext.onFieldCustomErrorsChange(name(), syncCustomErrorsById);
+    if (!hasSyncCustomErrors && asyncCustomMatcherEntries.length > 0) {
+      const promisedCustomErrors = asyncCustomMatcherEntries.map(
+        ({ id: id2, match }) => match(...matcherArgs).then((matches) => [id2, matches])
+      );
+      const asyncCustomErrors = await Promise.all(promisedCustomErrors);
+      const asyncCustomErrorsById = Object.fromEntries(asyncCustomErrors);
+      const hasAsyncCustomErrors = Object.values(asyncCustomErrorsById).some(Boolean);
+      const hasCustomError2 = hasAsyncCustomErrors;
+      control.setCustomValidity(hasCustomError2 ? DEFAULT_INVALID_MESSAGE : "");
+      const controlValidity2 = validityStateToObject(control.validity);
+      validationContext.onFieldValidityChange(name(), controlValidity2);
+      validationContext.onFieldCustomErrorsChange(name(), asyncCustomErrorsById);
+    }
+  };
+  solidJs.createEffect(() => {
+    const control = controlRef;
+    if (control) {
+      const handleChange = () => updateControlValidity(control);
+      control.addEventListener("change", handleChange);
+      solidJs.onCleanup(() => control.removeEventListener("change", handleChange));
+    }
+  });
+  const resetControlValidity = () => {
+    const control = controlRef;
+    if (control) {
+      control.setCustomValidity("");
+      validationContext.onFieldValiditionClear(name());
+    }
+  };
+  solidJs.createEffect(() => {
+    const form = controlRef?.form;
+    if (form) {
+      form.addEventListener("reset", resetControlValidity);
+      solidJs.onCleanup(() => form.removeEventListener("reset", resetControlValidity));
+    }
+  });
+  solidJs.createEffect(() => {
+    const control = controlRef;
+    const form = control?.closest("form");
+    if (form && fieldContext.serverInvalid) {
+      const firstInvalidControl = getFirstInvalidControl(form);
+      if (firstInvalidControl === control) firstInvalidControl.focus();
+    }
+  });
+  const validity = () => validationContext.getFieldValidity(name());
+  return /* @__PURE__ */ React.createElement(
+    primitiveComponent.Primitive.input,
+    {
+      "data-valid": getValidAttribute(validity(), fieldContext.serverInvalid),
+      "data-invalid": getInvalidAttribute(validity(), fieldContext.serverInvalid),
+      "aria-invalid": fieldContext.serverInvalid ? true : void 0,
+      "aria-describedby": ariaDescriptionContext.getFieldDescription(name()),
+      title: "",
+      ...rest,
+      ref: composeRefs.mergeRefs(local.ref, (el) => controlRef = el),
+      id: id(),
+      name: name(),
+      onInvalid: primitive.composeEventHandlers(local.onInvalid, (event) => {
+        const control = event.currentTarget;
+        updateControlValidity(control);
+      }),
+      onChange: primitive.composeEventHandlers(local.onChange, () => {
+        resetControlValidity();
+      })
+    }
+  );
+}
+var DEFAULT_INVALID_MESSAGE = "This value is not valid";
+var DEFAULT_BUILT_IN_MESSAGES = {
+  badInput: DEFAULT_INVALID_MESSAGE,
+  patternMismatch: "This value does not match the required pattern",
+  rangeOverflow: "This value is too large",
+  rangeUnderflow: "This value is too small",
+  stepMismatch: "This value does not match the required step",
+  tooLong: "This value is too long",
+  tooShort: "This value is too short",
+  typeMismatch: "This value does not match the required type",
+  valid: void 0,
+  valueMissing: "This value is missing"
+};
+var MESSAGE_NAME = "FormMessage";
+function FormMessage(props) {
+  const [local, rest] = solidJs.splitProps(props, ["__scopeForm", "match", "name", "forceMatch", "children"]);
+  const fieldContext = useFormFieldContext(MESSAGE_NAME, local.__scopeForm);
+  const name = () => local.name ?? fieldContext.name;
+  if (local.match === void 0) {
+    return /* @__PURE__ */ React.createElement(FormMessageImpl, { ...rest, __scopeForm: local.__scopeForm, name: name() }, local.children || DEFAULT_INVALID_MESSAGE);
+  } else if (typeof local.match === "function") {
+    return /* @__PURE__ */ React.createElement(
+      FormCustomMessage,
+      {
+        match: local.match,
+        forceMatch: local.forceMatch,
+        ...rest,
+        __scopeForm: local.__scopeForm,
+        name: name()
+      },
+      local.children
+    );
+  } else {
+    return /* @__PURE__ */ React.createElement(
+      FormBuiltInMessage,
+      {
+        match: local.match,
+        forceMatch: local.forceMatch,
+        ...rest,
+        __scopeForm: local.__scopeForm,
+        name: name()
+      },
+      local.children
+    );
+  }
+}
+function FormBuiltInMessage(props) {
+  const [local, rest] = solidJs.splitProps(props, ["__scopeForm", "match", "forceMatch", "name", "children"]);
+  const validationContext = useValidationContext(MESSAGE_NAME, local.__scopeForm);
+  const validity = () => validationContext.getFieldValidity(local.name);
+  const matches = () => local.forceMatch || validity()?.[local.match];
+  return /* @__PURE__ */ React.createElement(solidJs.Show, { when: matches() }, /* @__PURE__ */ React.createElement(FormMessageImpl, { ...rest, __scopeForm: local.__scopeForm, name: local.name }, local.children ?? DEFAULT_BUILT_IN_MESSAGES[local.match]));
+}
+function FormCustomMessage(props) {
+  const [local, rest] = solidJs.splitProps(props, [
+    "__scopeForm",
+    "match",
+    "forceMatch",
+    "name",
+    "id",
+    "ref",
+    "children"
+  ]);
+  const validationContext = useValidationContext(MESSAGE_NAME, local.__scopeForm);
+  const _id = id.createId();
+  const id$1 = () => local.id ?? _id;
+  solidJs.createEffect(() => {
+    const customMatcherEntry = { id: id$1(), match: local.match };
+    validationContext.onFieldCustomMatcherEntryAdd(local.name, customMatcherEntry);
+    solidJs.onCleanup(() => validationContext.onFieldCustomMatcherEntryRemove(local.name, customMatcherEntry.id));
+  });
+  const validity = () => validationContext.getFieldValidity(local.name);
+  const customErrors = () => validationContext.getFieldCustomErrors(local.name);
+  const hasMatchingCustomError = () => customErrors()[id$1()];
+  const matches = () => local.forceMatch || validity() && !hasBuiltInError(validity()) && hasMatchingCustomError();
+  return /* @__PURE__ */ React.createElement(solidJs.Show, { when: matches() }, /* @__PURE__ */ React.createElement(
+    FormMessageImpl,
+    {
+      id: id$1(),
+      ref: local.ref,
+      ...rest,
+      __scopeForm: local.__scopeForm,
+      name: local.name
+    },
+    local.children ?? DEFAULT_INVALID_MESSAGE
+  ));
+}
+function FormMessageImpl(props) {
+  const [local, rest] = solidJs.splitProps(props, ["__scopeForm", "id", "name"]);
+  const ariaDescriptionContext = useAriaDescriptionContext(MESSAGE_NAME, local.__scopeForm);
+  const _id = id.createId();
+  const id$1 = () => local.id ?? _id;
+  solidJs.createEffect(() => {
+    ariaDescriptionContext.onFieldMessageIdAdd(local.name, id$1());
+    solidJs.onCleanup(() => ariaDescriptionContext.onFieldMessageIdRemove(local.name, id$1()));
+  });
+  return /* @__PURE__ */ React.createElement(primitiveComponent.Primitive.span, { id: id$1(), ...rest });
+}
+var VALIDITY_STATE_NAME = "FormValidityState";
+function FormValidityState(props) {
+  const [local] = solidJs.splitProps(props, ["__scopeForm", "name", "children"]);
+  const validationContext = useValidationContext(VALIDITY_STATE_NAME, local.__scopeForm);
+  const fieldContext = useFormFieldContext(VALIDITY_STATE_NAME, local.__scopeForm);
+  const name = () => local.name ?? fieldContext.name;
+  const validity = () => validationContext.getFieldValidity(name());
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, local.children(validity()));
+}
+function FormSubmit(props) {
+  const [, rest] = solidJs.splitProps(props, ["__scopeForm"]);
+  return /* @__PURE__ */ React.createElement(primitiveComponent.Primitive.button, { type: "submit", ...rest });
+}
+function validityStateToObject(validity) {
+  const object = {};
+  for (const key in validity) {
+    object[key] = validity[key];
+  }
+  return object;
+}
+function isHTMLElement(element) {
+  return element instanceof HTMLElement;
+}
+function isFormControl(element) {
+  return "validity" in element;
+}
+function isInvalid(control) {
+  return isFormControl(control) && (control.validity.valid === false || control.getAttribute("aria-invalid") === "true");
+}
+function getFirstInvalidControl(form) {
+  const elements = form.elements;
+  const [firstInvalidControl] = Array.from(elements).filter(isHTMLElement).filter(isInvalid);
+  return firstInvalidControl;
+}
+function isAsyncCustomMatcherEntry(entry, args) {
+  return entry.match.constructor.name === "AsyncFunction" || returnsPromise(entry.match, args);
+}
+function isSyncCustomMatcherEntry(entry) {
+  return entry.match.constructor.name === "Function";
+}
+function returnsPromise(func, args) {
+  return func(...args) instanceof Promise;
+}
+function hasBuiltInError(validity) {
+  let error = false;
+  for (const validityKey in validity) {
+    const key = validityKey;
+    if (key !== "valid" && key !== "customError" && validity[key]) {
+      error = true;
+      break;
+    }
+  }
+  return error;
+}
+function getValidAttribute(validity, serverInvalid) {
+  if (validity?.valid === true && !serverInvalid) return true;
+  return void 0;
+}
+function getInvalidAttribute(validity, serverInvalid) {
+  if (validity?.valid === false || serverInvalid) return true;
+  return void 0;
+}
+var Root = Form;
+var Field = FormField;
+var Label = FormLabel;
+var Control = FormControl;
+var Message = FormMessage;
+var ValidityState = FormValidityState;
+var Submit = FormSubmit;
+
+exports.Control = Control;
+exports.Field = Field;
+exports.Form = Form;
+exports.FormControl = FormControl;
+exports.FormField = FormField;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;
+exports.FormSubmit = FormSubmit;
+exports.FormValidityState = FormValidityState;
+exports.Label = Label;
+exports.Message = Message;
+exports.Root = Root;
+exports.Submit = Submit;
+exports.ValidityState = ValidityState;
+exports.createFormScope = createFormScope;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form.tsx"],"names":["createContextScope","splitProps","createSignal","Primitive","composeEventHandlers","id","createId","LabelPrimitive","controlValidity","hasCustomError","createEffect","onCleanup","mergeRefs","Show"],"mappings":"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","file":"index.cjs","sourcesContent":["import { type JSX, splitProps, createSignal, createEffect, onCleanup, Show } from 'solid-js';\nimport { composeEventHandlers } from '@radix-solid-js/primitive';\nimport { mergeRefs } from '@radix-solid-js/compose-refs';\nimport { createContextScope } from '@radix-solid-js/context';\nimport { createId } from '@radix-solid-js/id';\nimport { Label as LabelPrimitive, type LabelProps } from '@radix-solid-js/label';\nimport { Primitive, type PrimitiveProps } from '@radix-solid-js/primitive-component';\n\nimport type { Scope } from '@radix-solid-js/context';\n\ntype ScopedProps<P> = P & { __scopeForm?: Scope };\nconst [createFormContext, createFormScope] = createContextScope('Form');\n\n/* -------------------------------------------------------------------------------------------------\n * Form\n * -----------------------------------------------------------------------------------------------*/\n\nconst FORM_NAME = 'Form';\n\ntype ValidityMap = { [fieldName: string]: ValidityState | undefined };\ntype CustomMatcherEntriesMap = { [fieldName: string]: CustomMatcherEntry[] };\ntype CustomErrorsMap = { [fieldName: string]: Record<string, boolean> };\n\ntype ValidationContextValue = {\n  getFieldValidity(fieldName: string): ValidityState | undefined;\n  onFieldValidityChange(fieldName: string, validity: ValidityState): void;\n\n  getFieldCustomMatcherEntries(fieldName: string): CustomMatcherEntry[];\n  onFieldCustomMatcherEntryAdd(fieldName: string, matcherEntry: CustomMatcherEntry): void;\n  onFieldCustomMatcherEntryRemove(fieldName: string, matcherEntryId: string): void;\n\n  getFieldCustomErrors(fieldName: string): Record<string, boolean>;\n  onFieldCustomErrorsChange(fieldName: string, errors: Record<string, boolean>): void;\n\n  onFieldValiditionClear(fieldName: string): void;\n};\nconst [ValidationProvider, useValidationContext] =\n  createFormContext<ValidationContextValue>(FORM_NAME);\n\ntype MessageIdsMap = { [fieldName: string]: Set<string> };\n\ntype AriaDescriptionContextValue = {\n  onFieldMessageIdAdd(fieldName: string, id: string): void;\n  onFieldMessageIdRemove(fieldName: string, id: string): void;\n  getFieldDescription(fieldName: string): string | undefined;\n};\nconst [AriaDescriptionProvider, useAriaDescriptionContext] =\n  createFormContext<AriaDescriptionContextValue>(FORM_NAME);\n\ninterface FormProps extends PrimitiveProps<'form'> {\n  onClearServerErrors?(): void;\n}\n\nfunction Form(props: ScopedProps<FormProps>) {\n  const [local, rest] = splitProps(props, [\n    '__scopeForm',\n    'ref',\n    'onClearServerErrors',\n    'onInvalid',\n    'onSubmit',\n    'onReset',\n  ]);\n\n  const onClearServerErrors = local.onClearServerErrors ?? (() => {});\n\n  // native validity per field\n  const [validityMap, setValidityMap] = createSignal<ValidityMap>({});\n  const getFieldValidity = (fieldName: string) => validityMap()[fieldName];\n  const handleFieldValidityChange = (fieldName: string, validity: ValidityState) => {\n    setValidityMap((prev) => ({\n      ...prev,\n      [fieldName]: { ...(prev[fieldName] ?? {}), ...validity },\n    }));\n  };\n  const handleFieldValiditionClear = (fieldName: string) => {\n    setValidityMap((prev) => ({ ...prev, [fieldName]: undefined }));\n    setCustomErrorsMap((prev) => ({ ...prev, [fieldName]: {} }));\n  };\n\n  // custom matcher entries per field\n  const [customMatcherEntriesMap, setCustomMatcherEntriesMap] =\n    createSignal<CustomMatcherEntriesMap>({});\n  const getFieldCustomMatcherEntries = (fieldName: string) =>\n    customMatcherEntriesMap()[fieldName] ?? [];\n  const handleFieldCustomMatcherAdd = (fieldName: string, matcherEntry: CustomMatcherEntry) => {\n    setCustomMatcherEntriesMap((prev) => ({\n      ...prev,\n      [fieldName]: [...(prev[fieldName] ?? []), matcherEntry],\n    }));\n  };\n  const handleFieldCustomMatcherRemove = (fieldName: string, matcherEntryId: string) => {\n    setCustomMatcherEntriesMap((prev) => ({\n      ...prev,\n      [fieldName]: (prev[fieldName] ?? []).filter((entry) => entry.id !== matcherEntryId),\n    }));\n  };\n\n  // custom errors per field\n  const [customErrorsMap, setCustomErrorsMap] = createSignal<CustomErrorsMap>({});\n  const getFieldCustomErrors = (fieldName: string) => customErrorsMap()[fieldName] ?? {};\n  const handleFieldCustomErrorsChange = (fieldName: string, customErrors: Record<string, boolean>) => {\n    setCustomErrorsMap((prev) => ({\n      ...prev,\n      [fieldName]: { ...(prev[fieldName] ?? {}), ...customErrors },\n    }));\n  };\n\n  // messageIds per field\n  const [messageIdsMap, setMessageIdsMap] = createSignal<MessageIdsMap>({});\n  const handleFieldMessageIdAdd = (fieldName: string, id: string) => {\n    setMessageIdsMap((prev) => {\n      const fieldDescriptionIds = new Set(prev[fieldName]).add(id);\n      return { ...prev, [fieldName]: fieldDescriptionIds };\n    });\n  };\n  const handleFieldMessageIdRemove = (fieldName: string, id: string) => {\n    setMessageIdsMap((prev) => {\n      const fieldDescriptionIds = new Set(prev[fieldName]);\n      fieldDescriptionIds.delete(id);\n      return { ...prev, [fieldName]: fieldDescriptionIds };\n    });\n  };\n  const getFieldDescription = (fieldName: string) =>\n    Array.from(messageIdsMap()[fieldName] ?? []).join(' ') || undefined;\n\n  return (\n    <ValidationProvider\n      scope={local.__scopeForm}\n      getFieldValidity={getFieldValidity}\n      onFieldValidityChange={handleFieldValidityChange}\n      getFieldCustomMatcherEntries={getFieldCustomMatcherEntries}\n      onFieldCustomMatcherEntryAdd={handleFieldCustomMatcherAdd}\n      onFieldCustomMatcherEntryRemove={handleFieldCustomMatcherRemove}\n      getFieldCustomErrors={getFieldCustomErrors}\n      onFieldCustomErrorsChange={handleFieldCustomErrorsChange}\n      onFieldValiditionClear={handleFieldValiditionClear}\n    >\n      <AriaDescriptionProvider\n        scope={local.__scopeForm}\n        onFieldMessageIdAdd={handleFieldMessageIdAdd}\n        onFieldMessageIdRemove={handleFieldMessageIdRemove}\n        getFieldDescription={getFieldDescription}\n      >\n        <Primitive.form\n          {...rest}\n          ref={local.ref}\n          // focus first invalid control when the form is submitted\n          onInvalid={composeEventHandlers(local.onInvalid as any, (event: Event) => {\n            const target = event.currentTarget as HTMLFormElement;\n            const firstInvalidControl = getFirstInvalidControl(target);\n            if (firstInvalidControl === event.target) firstInvalidControl.focus();\n            // prevent default browser UI for form validation\n            event.preventDefault();\n          })}\n          // clear server errors when the form is re-submitted\n          onSubmit={composeEventHandlers(local.onSubmit as any, onClearServerErrors as any, {\n            checkForDefaultPrevented: false,\n          })}\n          // clear server errors when the form is reset\n          onReset={composeEventHandlers(local.onReset as any, onClearServerErrors as any)}\n        />\n      </AriaDescriptionProvider>\n    </ValidationProvider>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormField\n * -----------------------------------------------------------------------------------------------*/\n\nconst FIELD_NAME = 'FormField';\n\ntype FormFieldContextValue = {\n  id: string;\n  name: string;\n  serverInvalid: boolean;\n};\nconst [FormFieldProvider, useFormFieldContext] =\n  createFormContext<FormFieldContextValue>(FIELD_NAME);\n\ninterface FormFieldProps extends PrimitiveProps<'div'> {\n  name: string;\n  serverInvalid?: boolean;\n}\n\nfunction FormField(props: ScopedProps<FormFieldProps>) {\n  const [local, rest] = splitProps(props, ['__scopeForm', 'name', 'serverInvalid']);\n  const validationContext = useValidationContext(FIELD_NAME, local.__scopeForm);\n  const validity = () => validationContext.getFieldValidity(local.name);\n  const id = createId();\n\n  return (\n    <FormFieldProvider\n      scope={local.__scopeForm}\n      id={id}\n      name={local.name}\n      serverInvalid={local.serverInvalid ?? false}\n    >\n      <Primitive.div\n        data-valid={getValidAttribute(validity(), local.serverInvalid ?? false)}\n        data-invalid={getInvalidAttribute(validity(), local.serverInvalid ?? false)}\n        {...rest}\n      />\n    </FormFieldProvider>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormLabel\n * -----------------------------------------------------------------------------------------------*/\n\nconst LABEL_NAME = 'FormLabel';\n\ninterface FormLabelProps extends LabelProps {}\n\nfunction FormLabel(props: ScopedProps<FormLabelProps>) {\n  const [local, rest] = splitProps(props, ['__scopeForm', 'for']);\n  const validationContext = useValidationContext(LABEL_NAME, local.__scopeForm);\n  const fieldContext = useFormFieldContext(LABEL_NAME, local.__scopeForm);\n  const htmlFor = () => local.for || fieldContext.id;\n  const validity = () => validationContext.getFieldValidity(fieldContext.name);\n\n  return (\n    <LabelPrimitive\n      data-valid={getValidAttribute(validity(), fieldContext.serverInvalid)}\n      data-invalid={getInvalidAttribute(validity(), fieldContext.serverInvalid)}\n      {...rest}\n      for={htmlFor()}\n    />\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormControl\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTROL_NAME = 'FormControl';\n\ninterface FormControlProps extends PrimitiveProps<'input'> {}\n\nfunction FormControl(props: ScopedProps<FormControlProps>) {\n  const [local, rest] = splitProps(props, [\n    '__scopeForm',\n    'ref',\n    'name',\n    'id',\n    'onInvalid',\n    'onChange',\n  ]);\n\n  const validationContext = useValidationContext(CONTROL_NAME, local.__scopeForm);\n  const fieldContext = useFormFieldContext(CONTROL_NAME, local.__scopeForm);\n  const ariaDescriptionContext = useAriaDescriptionContext(CONTROL_NAME, local.__scopeForm);\n\n  let controlRef!: HTMLInputElement;\n  const name = () => local.name || fieldContext.name;\n  const id = () => local.id || fieldContext.id;\n  const customMatcherEntries = () => validationContext.getFieldCustomMatcherEntries(name());\n\n  const updateControlValidity = async (control: HTMLInputElement) => {\n    //--------------------------------------------------------------------------------------------\n    // 1. first, if we have built-in errors we stop here\n\n    if (hasBuiltInError(control.validity)) {\n      const controlValidity = validityStateToObject(control.validity);\n      validationContext.onFieldValidityChange(name(), controlValidity);\n      return;\n    }\n\n    //--------------------------------------------------------------------------------------------\n    // 2. then gather the form data to give to custom matchers for cross-comparisons\n\n    const formData = control.form ? new FormData(control.form) : new FormData();\n    const matcherArgs: CustomMatcherArgs = [control.value, formData];\n\n    //--------------------------------------------------------------------------------------------\n    // 3. split sync and async custom matcher entries\n\n    const syncCustomMatcherEntries: Array<SyncCustomMatcherEntry> = [];\n    const asyncCustomMatcherEntries: Array<AsyncCustomMatcherEntry> = [];\n    customMatcherEntries().forEach((customMatcherEntry) => {\n      if (isAsyncCustomMatcherEntry(customMatcherEntry, matcherArgs)) {\n        asyncCustomMatcherEntries.push(customMatcherEntry);\n      } else if (isSyncCustomMatcherEntry(customMatcherEntry)) {\n        syncCustomMatcherEntries.push(customMatcherEntry);\n      }\n    });\n\n    //--------------------------------------------------------------------------------------------\n    // 4. run sync custom matchers and update control validity / internal validity + errors\n\n    const syncCustomErrors = syncCustomMatcherEntries.map(({ id, match }) => {\n      return [id, match(...matcherArgs)] as const;\n    });\n    const syncCustomErrorsById = Object.fromEntries(syncCustomErrors);\n    const hasSyncCustomErrors = Object.values(syncCustomErrorsById).some(Boolean);\n    const hasCustomError = hasSyncCustomErrors;\n    control.setCustomValidity(hasCustomError ? DEFAULT_INVALID_MESSAGE : '');\n    const controlValidity = validityStateToObject(control.validity);\n    validationContext.onFieldValidityChange(name(), controlValidity);\n    validationContext.onFieldCustomErrorsChange(name(), syncCustomErrorsById);\n\n    //--------------------------------------------------------------------------------------------\n    // 5. run async custom matchers and update control validity / internal validity + errors\n\n    if (!hasSyncCustomErrors && asyncCustomMatcherEntries.length > 0) {\n      const promisedCustomErrors = asyncCustomMatcherEntries.map(({ id, match }) =>\n        match(...matcherArgs).then((matches) => [id, matches] as const),\n      );\n      const asyncCustomErrors = await Promise.all(promisedCustomErrors);\n      const asyncCustomErrorsById = Object.fromEntries(asyncCustomErrors);\n      const hasAsyncCustomErrors = Object.values(asyncCustomErrorsById).some(Boolean);\n      const hasCustomError = hasAsyncCustomErrors;\n      control.setCustomValidity(hasCustomError ? DEFAULT_INVALID_MESSAGE : '');\n      const controlValidity = validityStateToObject(control.validity);\n      validationContext.onFieldValidityChange(name(), controlValidity);\n      validationContext.onFieldCustomErrorsChange(name(), asyncCustomErrorsById);\n    }\n  };\n\n  // Listen to native 'change' event for validation (not Solid's onChange which fires on input)\n  createEffect(() => {\n    const control = controlRef;\n    if (control) {\n      const handleChange = () => updateControlValidity(control);\n      control.addEventListener('change', handleChange);\n      onCleanup(() => control.removeEventListener('change', handleChange));\n    }\n  });\n\n  const resetControlValidity = () => {\n    const control = controlRef;\n    if (control) {\n      control.setCustomValidity('');\n      validationContext.onFieldValiditionClear(name());\n    }\n  };\n\n  // reset validity and errors when the form is reset\n  createEffect(() => {\n    const form = controlRef?.form;\n    if (form) {\n      form.addEventListener('reset', resetControlValidity);\n      onCleanup(() => form.removeEventListener('reset', resetControlValidity));\n    }\n  });\n\n  // focus first invalid control when fields are set as invalid by server\n  createEffect(() => {\n    const control = controlRef;\n    const form = control?.closest('form');\n    if (form && fieldContext.serverInvalid) {\n      const firstInvalidControl = getFirstInvalidControl(form);\n      if (firstInvalidControl === control) firstInvalidControl.focus();\n    }\n  });\n\n  const validity = () => validationContext.getFieldValidity(name());\n\n  return (\n    <Primitive.input\n      data-valid={getValidAttribute(validity(), fieldContext.serverInvalid)}\n      data-invalid={getInvalidAttribute(validity(), fieldContext.serverInvalid)}\n      aria-invalid={fieldContext.serverInvalid ? true : undefined}\n      aria-describedby={ariaDescriptionContext.getFieldDescription(name())}\n      // disable default browser behaviour of showing built-in error message on hover\n      title=\"\"\n      {...rest}\n      ref={mergeRefs(local.ref, (el) => (controlRef = el as HTMLInputElement))}\n      id={id()}\n      name={name()}\n      onInvalid={composeEventHandlers(local.onInvalid as any, (event: Event) => {\n        const control = event.currentTarget as HTMLInputElement;\n        updateControlValidity(control);\n      })}\n      onChange={composeEventHandlers(local.onChange as any, () => {\n        // reset validity when user changes value\n        resetControlValidity();\n      })}\n    />\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormMessage\n * -----------------------------------------------------------------------------------------------*/\n\nconst _validityMatchers = [\n  'badInput',\n  'patternMismatch',\n  'rangeOverflow',\n  'rangeUnderflow',\n  'stepMismatch',\n  'tooLong',\n  'tooShort',\n  'typeMismatch',\n  'valid',\n  'valueMissing',\n] as const;\ntype ValidityMatcher = (typeof _validityMatchers)[number];\n\nconst DEFAULT_INVALID_MESSAGE = 'This value is not valid';\nconst DEFAULT_BUILT_IN_MESSAGES: Record<ValidityMatcher, string | undefined> = {\n  badInput: DEFAULT_INVALID_MESSAGE,\n  patternMismatch: 'This value does not match the required pattern',\n  rangeOverflow: 'This value is too large',\n  rangeUnderflow: 'This value is too small',\n  stepMismatch: 'This value does not match the required step',\n  tooLong: 'This value is too long',\n  tooShort: 'This value is too short',\n  typeMismatch: 'This value does not match the required type',\n  valid: undefined,\n  valueMissing: 'This value is missing',\n};\n\nconst MESSAGE_NAME = 'FormMessage';\n\ninterface FormMessageProps extends Omit<FormMessageImplProps, 'name'> {\n  match?: ValidityMatcher | CustomMatcher;\n  forceMatch?: boolean;\n  name?: string;\n}\n\nfunction FormMessage(props: ScopedProps<FormMessageProps>) {\n  const [local, rest] = splitProps(props, ['__scopeForm', 'match', 'name', 'forceMatch', 'children']);\n  const fieldContext = useFormFieldContext(MESSAGE_NAME, local.__scopeForm);\n  const name = () => local.name ?? fieldContext.name;\n\n  if (local.match === undefined) {\n    return (\n      <FormMessageImpl {...rest} __scopeForm={local.__scopeForm} name={name()}>\n        {local.children || DEFAULT_INVALID_MESSAGE}\n      </FormMessageImpl>\n    );\n  } else if (typeof local.match === 'function') {\n    return (\n      <FormCustomMessage\n        match={local.match}\n        forceMatch={local.forceMatch}\n        {...rest}\n        __scopeForm={local.__scopeForm}\n        name={name()}\n      >\n        {local.children}\n      </FormCustomMessage>\n    );\n  } else {\n    return (\n      <FormBuiltInMessage\n        match={local.match}\n        forceMatch={local.forceMatch}\n        {...rest}\n        __scopeForm={local.__scopeForm}\n        name={name()}\n      >\n        {local.children}\n      </FormBuiltInMessage>\n    );\n  }\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormBuiltInMessage\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FormBuiltInMessageProps extends FormMessageImplProps {\n  match: ValidityMatcher;\n  forceMatch?: boolean;\n  name: string;\n}\n\nfunction FormBuiltInMessage(props: ScopedProps<FormBuiltInMessageProps>) {\n  const [local, rest] = splitProps(props, ['__scopeForm', 'match', 'forceMatch', 'name', 'children']);\n  const validationContext = useValidationContext(MESSAGE_NAME, local.__scopeForm);\n  const validity = () => validationContext.getFieldValidity(local.name);\n  const matches = () => local.forceMatch || validity()?.[local.match];\n\n  return (\n    <Show when={matches()}>\n      <FormMessageImpl {...rest} __scopeForm={local.__scopeForm} name={local.name}>\n        {local.children ?? DEFAULT_BUILT_IN_MESSAGES[local.match]}\n      </FormMessageImpl>\n    </Show>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormCustomMessage\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FormCustomMessageProps extends FormMessageImplProps {\n  match: CustomMatcher;\n  forceMatch?: boolean;\n  name: string;\n}\n\nfunction FormCustomMessage(props: ScopedProps<FormCustomMessageProps>) {\n  const [local, rest] = splitProps(props, [\n    '__scopeForm',\n    'match',\n    'forceMatch',\n    'name',\n    'id',\n    'ref',\n    'children',\n  ]);\n  const validationContext = useValidationContext(MESSAGE_NAME, local.__scopeForm);\n\n  const _id = createId();\n  const id = () => local.id ?? _id;\n\n  // Register / unregister the custom matcher entry\n  createEffect(() => {\n    const customMatcherEntry: CustomMatcherEntry = { id: id(), match: local.match };\n    validationContext.onFieldCustomMatcherEntryAdd(local.name, customMatcherEntry);\n    onCleanup(() => validationContext.onFieldCustomMatcherEntryRemove(local.name, customMatcherEntry.id));\n  });\n\n  const validity = () => validationContext.getFieldValidity(local.name);\n  const customErrors = () => validationContext.getFieldCustomErrors(local.name);\n  const hasMatchingCustomError = () => customErrors()[id()];\n  const matches = () =>\n    local.forceMatch || (validity() && !hasBuiltInError(validity()!) && hasMatchingCustomError());\n\n  return (\n    <Show when={matches()}>\n      <FormMessageImpl\n        id={id()}\n        ref={local.ref}\n        {...rest}\n        __scopeForm={local.__scopeForm}\n        name={local.name}\n      >\n        {local.children ?? DEFAULT_INVALID_MESSAGE}\n      </FormMessageImpl>\n    </Show>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormMessageImpl\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FormMessageImplProps extends PrimitiveProps<'span'> {\n  name: string;\n}\n\nfunction FormMessageImpl(props: ScopedProps<FormMessageImplProps>) {\n  const [local, rest] = splitProps(props, ['__scopeForm', 'id', 'name']);\n  const ariaDescriptionContext = useAriaDescriptionContext(MESSAGE_NAME, local.__scopeForm);\n  const _id = createId();\n  const id = () => local.id ?? _id;\n\n  // Register / unregister the message ID for aria-describedby\n  createEffect(() => {\n    ariaDescriptionContext.onFieldMessageIdAdd(local.name, id());\n    onCleanup(() => ariaDescriptionContext.onFieldMessageIdRemove(local.name, id()));\n  });\n\n  return <Primitive.span id={id()} {...rest} />;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormValidityState\n * -----------------------------------------------------------------------------------------------*/\n\nconst VALIDITY_STATE_NAME = 'FormValidityState';\n\ninterface FormValidityStateProps {\n  children(validity: ValidityState | undefined): JSX.Element;\n  name?: string;\n}\n\nfunction FormValidityState(props: ScopedProps<FormValidityStateProps>) {\n  const [local] = splitProps(props, ['__scopeForm', 'name', 'children']);\n  const validationContext = useValidationContext(VALIDITY_STATE_NAME, local.__scopeForm);\n  const fieldContext = useFormFieldContext(VALIDITY_STATE_NAME, local.__scopeForm);\n  const name = () => local.name ?? fieldContext.name;\n  const validity = () => validationContext.getFieldValidity(name());\n  return <>{local.children(validity())}</>;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormSubmit\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FormSubmitProps extends PrimitiveProps<'button'> {}\n\nfunction FormSubmit(props: ScopedProps<FormSubmitProps>) {\n  const [, rest] = splitProps(props, ['__scopeForm']);\n  return <Primitive.button type=\"submit\" {...rest} />;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Helper types and functions\n * -----------------------------------------------------------------------------------------------*/\n\ntype ValidityStateKey = keyof ValidityState;\ntype SyncCustomMatcher = (value: string, formData: FormData) => boolean;\ntype AsyncCustomMatcher = (value: string, formData: FormData) => Promise<boolean>;\ntype CustomMatcher = SyncCustomMatcher | AsyncCustomMatcher;\ntype CustomMatcherEntry = { id: string; match: CustomMatcher };\ntype SyncCustomMatcherEntry = { id: string; match: SyncCustomMatcher };\ntype AsyncCustomMatcherEntry = { id: string; match: AsyncCustomMatcher };\ntype CustomMatcherArgs = [string, FormData];\n\nfunction validityStateToObject(validity: ValidityState) {\n  const object: any = {};\n  for (const key in validity) {\n    object[key] = validity[key as ValidityStateKey];\n  }\n  return object as Record<ValidityStateKey, boolean>;\n}\n\nfunction isHTMLElement(element: any): element is HTMLElement {\n  return element instanceof HTMLElement;\n}\n\nfunction isFormControl(element: any): element is { validity: ValidityState } {\n  return 'validity' in element;\n}\n\nfunction isInvalid(control: HTMLElement) {\n  return (\n    isFormControl(control) &&\n    (control.validity.valid === false || control.getAttribute('aria-invalid') === 'true')\n  );\n}\n\nfunction getFirstInvalidControl(form: HTMLFormElement): HTMLElement | undefined {\n  const elements = form.elements;\n  const [firstInvalidControl] = Array.from(elements).filter(isHTMLElement).filter(isInvalid);\n  return firstInvalidControl;\n}\n\nfunction isAsyncCustomMatcherEntry(\n  entry: CustomMatcherEntry,\n  args: CustomMatcherArgs,\n): entry is AsyncCustomMatcherEntry {\n  return entry.match.constructor.name === 'AsyncFunction' || returnsPromise(entry.match, args);\n}\n\nfunction isSyncCustomMatcherEntry(entry: CustomMatcherEntry): entry is SyncCustomMatcherEntry {\n  return entry.match.constructor.name === 'Function';\n}\n\nfunction returnsPromise(func: Function, args: Array<unknown>) {\n  return func(...args) instanceof Promise;\n}\n\nfunction hasBuiltInError(validity: ValidityState) {\n  let error = false;\n  for (const validityKey in validity) {\n    const key = validityKey as ValidityStateKey;\n    if (key !== 'valid' && key !== 'customError' && validity[key]) {\n      error = true;\n      break;\n    }\n  }\n  return error;\n}\n\nfunction getValidAttribute(validity: ValidityState | undefined, serverInvalid: boolean) {\n  if (validity?.valid === true && !serverInvalid) return true;\n  return undefined;\n}\n\nfunction getInvalidAttribute(validity: ValidityState | undefined, serverInvalid: boolean) {\n  if (validity?.valid === false || serverInvalid) return true;\n  return undefined;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Aliases\n * -----------------------------------------------------------------------------------------------*/\n\nconst Root = Form;\nconst Field = FormField;\nconst Label = FormLabel;\nconst Control = FormControl;\nconst Message = FormMessage;\nconst ValidityState = FormValidityState;\nconst Submit = FormSubmit;\n\nexport {\n  createFormScope,\n  //\n  Form,\n  FormField,\n  FormLabel,\n  FormControl,\n  FormMessage,\n  FormValidityState,\n  FormSubmit,\n  //\n  Root,\n  Field,\n  Label,\n  Control,\n  Message,\n  ValidityState,\n  Submit,\n};\n\nexport type {\n  FormProps,\n  FormFieldProps,\n  FormLabelProps,\n  FormControlProps,\n  FormMessageProps,\n  FormValidityStateProps,\n  FormSubmitProps,\n};\n"]}

package/dist/index.d.cts

@@ -0,0 +1,56 @@
+import * as _radix_solid_js_context from '@radix-solid-js/context';
+import { Scope } from '@radix-solid-js/context';
+import { JSX } from 'solid-js';
+import { LabelProps } from '@radix-solid-js/label';
+import { PrimitiveProps } from '@radix-solid-js/primitive-component';
+
+type ScopedProps<P> = P & {
+    __scopeForm?: Scope;
+};
+declare const createFormScope: _radix_solid_js_context.CreateScope;
+interface FormProps extends PrimitiveProps<'form'> {
+    onClearServerErrors?(): void;
+}
+declare function Form(props: ScopedProps<FormProps>): JSX.Element;
+interface FormFieldProps extends PrimitiveProps<'div'> {
+    name: string;
+    serverInvalid?: boolean;
+}
+declare function FormField(props: ScopedProps<FormFieldProps>): JSX.Element;
+interface FormLabelProps extends LabelProps {
+}
+declare function FormLabel(props: ScopedProps<FormLabelProps>): JSX.Element;
+interface FormControlProps extends PrimitiveProps<'input'> {
+}
+declare function FormControl(props: ScopedProps<FormControlProps>): JSX.Element;
+declare const _validityMatchers: readonly ["badInput", "patternMismatch", "rangeOverflow", "rangeUnderflow", "stepMismatch", "tooLong", "tooShort", "typeMismatch", "valid", "valueMissing"];
+type ValidityMatcher = (typeof _validityMatchers)[number];
+interface FormMessageProps extends Omit<FormMessageImplProps, 'name'> {
+    match?: ValidityMatcher | CustomMatcher;
+    forceMatch?: boolean;
+    name?: string;
+}
+declare function FormMessage(props: ScopedProps<FormMessageProps>): JSX.Element;
+interface FormMessageImplProps extends PrimitiveProps<'span'> {
+    name: string;
+}
+interface FormValidityStateProps {
+    children(validity: ValidityState | undefined): JSX.Element;
+    name?: string;
+}
+declare function FormValidityState(props: ScopedProps<FormValidityStateProps>): JSX.Element;
+interface FormSubmitProps extends PrimitiveProps<'button'> {
+}
+declare function FormSubmit(props: ScopedProps<FormSubmitProps>): JSX.Element;
+type SyncCustomMatcher = (value: string, formData: FormData) => boolean;
+type AsyncCustomMatcher = (value: string, formData: FormData) => Promise<boolean>;
+type CustomMatcher = SyncCustomMatcher | AsyncCustomMatcher;
+declare const Root: typeof Form;
+declare const Field: typeof FormField;
+declare const Label: typeof FormLabel;
+declare const Control: typeof FormControl;
+declare const Message: typeof FormMessage;
+declare const ValidityState: typeof FormValidityState;
+declare const Submit: typeof FormSubmit;
+
+export { Control, Field, Form, FormControl, type FormControlProps, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, FormSubmit, type FormSubmitProps, FormValidityState, type FormValidityStateProps, Label, Message, Root, Submit, ValidityState, createFormScope };

package/dist/index.d.ts

@@ -0,0 +1,56 @@
+import * as _radix_solid_js_context from '@radix-solid-js/context';
+import { Scope } from '@radix-solid-js/context';
+import { JSX } from 'solid-js';
+import { LabelProps } from '@radix-solid-js/label';
+import { PrimitiveProps } from '@radix-solid-js/primitive-component';
+
+type ScopedProps<P> = P & {
+    __scopeForm?: Scope;
+};
+declare const createFormScope: _radix_solid_js_context.CreateScope;
+interface FormProps extends PrimitiveProps<'form'> {
+    onClearServerErrors?(): void;
+}
+declare function Form(props: ScopedProps<FormProps>): JSX.Element;
+interface FormFieldProps extends PrimitiveProps<'div'> {
+    name: string;
+    serverInvalid?: boolean;
+}
+declare function FormField(props: ScopedProps<FormFieldProps>): JSX.Element;
+interface FormLabelProps extends LabelProps {
+}
+declare function FormLabel(props: ScopedProps<FormLabelProps>): JSX.Element;
+interface FormControlProps extends PrimitiveProps<'input'> {
+}
+declare function FormControl(props: ScopedProps<FormControlProps>): JSX.Element;
+declare const _validityMatchers: readonly ["badInput", "patternMismatch", "rangeOverflow", "rangeUnderflow", "stepMismatch", "tooLong", "tooShort", "typeMismatch", "valid", "valueMissing"];
+type ValidityMatcher = (typeof _validityMatchers)[number];
+interface FormMessageProps extends Omit<FormMessageImplProps, 'name'> {
+    match?: ValidityMatcher | CustomMatcher;
+    forceMatch?: boolean;
+    name?: string;
+}
+declare function FormMessage(props: ScopedProps<FormMessageProps>): JSX.Element;
+interface FormMessageImplProps extends PrimitiveProps<'span'> {
+    name: string;
+}
+interface FormValidityStateProps {
+    children(validity: ValidityState | undefined): JSX.Element;
+    name?: string;
+}
+declare function FormValidityState(props: ScopedProps<FormValidityStateProps>): JSX.Element;
+interface FormSubmitProps extends PrimitiveProps<'button'> {
+}
+declare function FormSubmit(props: ScopedProps<FormSubmitProps>): JSX.Element;
+type SyncCustomMatcher = (value: string, formData: FormData) => boolean;
+type AsyncCustomMatcher = (value: string, formData: FormData) => Promise<boolean>;
+type CustomMatcher = SyncCustomMatcher | AsyncCustomMatcher;
+declare const Root: typeof Form;
+declare const Field: typeof FormField;
+declare const Label: typeof FormLabel;
+declare const Control: typeof FormControl;
+declare const Message: typeof FormMessage;
+declare const ValidityState: typeof FormValidityState;
+declare const Submit: typeof FormSubmit;
+
+export { Control, Field, Form, FormControl, type FormControlProps, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, FormSubmit, type FormSubmitProps, FormValidityState, type FormValidityStateProps, Label, Message, Root, Submit, ValidityState, createFormScope };

package/dist/index.js

@@ -0,0 +1,438 @@
+import { splitProps, createSignal, createEffect, Show, onCleanup } from 'solid-js';
+import { composeEventHandlers } from '@radix-solid-js/primitive';
+import { mergeRefs } from '@radix-solid-js/compose-refs';
+import { createContextScope } from '@radix-solid-js/context';
+import { createId } from '@radix-solid-js/id';
+import { Label as Label$1 } from '@radix-solid-js/label';
+import { Primitive } from '@radix-solid-js/primitive-component';
+
+// src/form.tsx
+var [createFormContext, createFormScope] = createContextScope("Form");
+var FORM_NAME = "Form";
+var [ValidationProvider, useValidationContext] = createFormContext(FORM_NAME);
+var [AriaDescriptionProvider, useAriaDescriptionContext] = createFormContext(FORM_NAME);
+function Form(props) {
+  const [local, rest] = splitProps(props, [
+    "__scopeForm",
+    "ref",
+    "onClearServerErrors",
+    "onInvalid",
+    "onSubmit",
+    "onReset"
+  ]);
+  const onClearServerErrors = local.onClearServerErrors ?? (() => {
+  });
+  const [validityMap, setValidityMap] = createSignal({});
+  const getFieldValidity = (fieldName) => validityMap()[fieldName];
+  const handleFieldValidityChange = (fieldName, validity) => {
+    setValidityMap((prev) => ({
+      ...prev,
+      [fieldName]: { ...prev[fieldName] ?? {}, ...validity }
+    }));
+  };
+  const handleFieldValiditionClear = (fieldName) => {
+    setValidityMap((prev) => ({ ...prev, [fieldName]: void 0 }));
+    setCustomErrorsMap((prev) => ({ ...prev, [fieldName]: {} }));
+  };
+  const [customMatcherEntriesMap, setCustomMatcherEntriesMap] = createSignal({});
+  const getFieldCustomMatcherEntries = (fieldName) => customMatcherEntriesMap()[fieldName] ?? [];
+  const handleFieldCustomMatcherAdd = (fieldName, matcherEntry) => {
+    setCustomMatcherEntriesMap((prev) => ({
+      ...prev,
+      [fieldName]: [...prev[fieldName] ?? [], matcherEntry]
+    }));
+  };
+  const handleFieldCustomMatcherRemove = (fieldName, matcherEntryId) => {
+    setCustomMatcherEntriesMap((prev) => ({
+      ...prev,
+      [fieldName]: (prev[fieldName] ?? []).filter((entry) => entry.id !== matcherEntryId)
+    }));
+  };
+  const [customErrorsMap, setCustomErrorsMap] = createSignal({});
+  const getFieldCustomErrors = (fieldName) => customErrorsMap()[fieldName] ?? {};
+  const handleFieldCustomErrorsChange = (fieldName, customErrors) => {
+    setCustomErrorsMap((prev) => ({
+      ...prev,
+      [fieldName]: { ...prev[fieldName] ?? {}, ...customErrors }
+    }));
+  };
+  const [messageIdsMap, setMessageIdsMap] = createSignal({});
+  const handleFieldMessageIdAdd = (fieldName, id) => {
+    setMessageIdsMap((prev) => {
+      const fieldDescriptionIds = new Set(prev[fieldName]).add(id);
+      return { ...prev, [fieldName]: fieldDescriptionIds };
+    });
+  };
+  const handleFieldMessageIdRemove = (fieldName, id) => {
+    setMessageIdsMap((prev) => {
+      const fieldDescriptionIds = new Set(prev[fieldName]);
+      fieldDescriptionIds.delete(id);
+      return { ...prev, [fieldName]: fieldDescriptionIds };
+    });
+  };
+  const getFieldDescription = (fieldName) => Array.from(messageIdsMap()[fieldName] ?? []).join(" ") || void 0;
+  return /* @__PURE__ */ React.createElement(
+    ValidationProvider,
+    {
+      scope: local.__scopeForm,
+      getFieldValidity,
+      onFieldValidityChange: handleFieldValidityChange,
+      getFieldCustomMatcherEntries,
+      onFieldCustomMatcherEntryAdd: handleFieldCustomMatcherAdd,
+      onFieldCustomMatcherEntryRemove: handleFieldCustomMatcherRemove,
+      getFieldCustomErrors,
+      onFieldCustomErrorsChange: handleFieldCustomErrorsChange,
+      onFieldValiditionClear: handleFieldValiditionClear
+    },
+    /* @__PURE__ */ React.createElement(
+      AriaDescriptionProvider,
+      {
+        scope: local.__scopeForm,
+        onFieldMessageIdAdd: handleFieldMessageIdAdd,
+        onFieldMessageIdRemove: handleFieldMessageIdRemove,
+        getFieldDescription
+      },
+      /* @__PURE__ */ React.createElement(
+        Primitive.form,
+        {
+          ...rest,
+          ref: local.ref,
+          onInvalid: composeEventHandlers(local.onInvalid, (event) => {
+            const target = event.currentTarget;
+            const firstInvalidControl = getFirstInvalidControl(target);
+            if (firstInvalidControl === event.target) firstInvalidControl.focus();
+            event.preventDefault();
+          }),
+          onSubmit: composeEventHandlers(local.onSubmit, onClearServerErrors, {
+            checkForDefaultPrevented: false
+          }),
+          onReset: composeEventHandlers(local.onReset, onClearServerErrors)
+        }
+      )
+    )
+  );
+}
+var FIELD_NAME = "FormField";
+var [FormFieldProvider, useFormFieldContext] = createFormContext(FIELD_NAME);
+function FormField(props) {
+  const [local, rest] = splitProps(props, ["__scopeForm", "name", "serverInvalid"]);
+  const validationContext = useValidationContext(FIELD_NAME, local.__scopeForm);
+  const validity = () => validationContext.getFieldValidity(local.name);
+  const id = createId();
+  return /* @__PURE__ */ React.createElement(
+    FormFieldProvider,
+    {
+      scope: local.__scopeForm,
+      id,
+      name: local.name,
+      serverInvalid: local.serverInvalid ?? false
+    },
+    /* @__PURE__ */ React.createElement(
+      Primitive.div,
+      {
+        "data-valid": getValidAttribute(validity(), local.serverInvalid ?? false),
+        "data-invalid": getInvalidAttribute(validity(), local.serverInvalid ?? false),
+        ...rest
+      }
+    )
+  );
+}
+var LABEL_NAME = "FormLabel";
+function FormLabel(props) {
+  const [local, rest] = splitProps(props, ["__scopeForm", "for"]);
+  const validationContext = useValidationContext(LABEL_NAME, local.__scopeForm);
+  const fieldContext = useFormFieldContext(LABEL_NAME, local.__scopeForm);
+  const htmlFor = () => local.for || fieldContext.id;
+  const validity = () => validationContext.getFieldValidity(fieldContext.name);
+  return /* @__PURE__ */ React.createElement(
+    Label$1,
+    {
+      "data-valid": getValidAttribute(validity(), fieldContext.serverInvalid),
+      "data-invalid": getInvalidAttribute(validity(), fieldContext.serverInvalid),
+      ...rest,
+      for: htmlFor()
+    }
+  );
+}
+var CONTROL_NAME = "FormControl";
+function FormControl(props) {
+  const [local, rest] = splitProps(props, [
+    "__scopeForm",
+    "ref",
+    "name",
+    "id",
+    "onInvalid",
+    "onChange"
+  ]);
+  const validationContext = useValidationContext(CONTROL_NAME, local.__scopeForm);
+  const fieldContext = useFormFieldContext(CONTROL_NAME, local.__scopeForm);
+  const ariaDescriptionContext = useAriaDescriptionContext(CONTROL_NAME, local.__scopeForm);
+  let controlRef;
+  const name = () => local.name || fieldContext.name;
+  const id = () => local.id || fieldContext.id;
+  const customMatcherEntries = () => validationContext.getFieldCustomMatcherEntries(name());
+  const updateControlValidity = async (control) => {
+    if (hasBuiltInError(control.validity)) {
+      const controlValidity2 = validityStateToObject(control.validity);
+      validationContext.onFieldValidityChange(name(), controlValidity2);
+      return;
+    }
+    const formData = control.form ? new FormData(control.form) : new FormData();
+    const matcherArgs = [control.value, formData];
+    const syncCustomMatcherEntries = [];
+    const asyncCustomMatcherEntries = [];
+    customMatcherEntries().forEach((customMatcherEntry) => {
+      if (isAsyncCustomMatcherEntry(customMatcherEntry, matcherArgs)) {
+        asyncCustomMatcherEntries.push(customMatcherEntry);
+      } else if (isSyncCustomMatcherEntry(customMatcherEntry)) {
+        syncCustomMatcherEntries.push(customMatcherEntry);
+      }
+    });
+    const syncCustomErrors = syncCustomMatcherEntries.map(({ id: id2, match }) => {
+      return [id2, match(...matcherArgs)];
+    });
+    const syncCustomErrorsById = Object.fromEntries(syncCustomErrors);
+    const hasSyncCustomErrors = Object.values(syncCustomErrorsById).some(Boolean);
+    const hasCustomError = hasSyncCustomErrors;
+    control.setCustomValidity(hasCustomError ? DEFAULT_INVALID_MESSAGE : "");
+    const controlValidity = validityStateToObject(control.validity);
+    validationContext.onFieldValidityChange(name(), controlValidity);
+    validationContext.onFieldCustomErrorsChange(name(), syncCustomErrorsById);
+    if (!hasSyncCustomErrors && asyncCustomMatcherEntries.length > 0) {
+      const promisedCustomErrors = asyncCustomMatcherEntries.map(
+        ({ id: id2, match }) => match(...matcherArgs).then((matches) => [id2, matches])
+      );
+      const asyncCustomErrors = await Promise.all(promisedCustomErrors);
+      const asyncCustomErrorsById = Object.fromEntries(asyncCustomErrors);
+      const hasAsyncCustomErrors = Object.values(asyncCustomErrorsById).some(Boolean);
+      const hasCustomError2 = hasAsyncCustomErrors;
+      control.setCustomValidity(hasCustomError2 ? DEFAULT_INVALID_MESSAGE : "");
+      const controlValidity2 = validityStateToObject(control.validity);
+      validationContext.onFieldValidityChange(name(), controlValidity2);
+      validationContext.onFieldCustomErrorsChange(name(), asyncCustomErrorsById);
+    }
+  };
+  createEffect(() => {
+    const control = controlRef;
+    if (control) {
+      const handleChange = () => updateControlValidity(control);
+      control.addEventListener("change", handleChange);
+      onCleanup(() => control.removeEventListener("change", handleChange));
+    }
+  });
+  const resetControlValidity = () => {
+    const control = controlRef;
+    if (control) {
+      control.setCustomValidity("");
+      validationContext.onFieldValiditionClear(name());
+    }
+  };
+  createEffect(() => {
+    const form = controlRef?.form;
+    if (form) {
+      form.addEventListener("reset", resetControlValidity);
+      onCleanup(() => form.removeEventListener("reset", resetControlValidity));
+    }
+  });
+  createEffect(() => {
+    const control = controlRef;
+    const form = control?.closest("form");
+    if (form && fieldContext.serverInvalid) {
+      const firstInvalidControl = getFirstInvalidControl(form);
+      if (firstInvalidControl === control) firstInvalidControl.focus();
+    }
+  });
+  const validity = () => validationContext.getFieldValidity(name());
+  return /* @__PURE__ */ React.createElement(
+    Primitive.input,
+    {
+      "data-valid": getValidAttribute(validity(), fieldContext.serverInvalid),
+      "data-invalid": getInvalidAttribute(validity(), fieldContext.serverInvalid),
+      "aria-invalid": fieldContext.serverInvalid ? true : void 0,
+      "aria-describedby": ariaDescriptionContext.getFieldDescription(name()),
+      title: "",
+      ...rest,
+      ref: mergeRefs(local.ref, (el) => controlRef = el),
+      id: id(),
+      name: name(),
+      onInvalid: composeEventHandlers(local.onInvalid, (event) => {
+        const control = event.currentTarget;
+        updateControlValidity(control);
+      }),
+      onChange: composeEventHandlers(local.onChange, () => {
+        resetControlValidity();
+      })
+    }
+  );
+}
+var DEFAULT_INVALID_MESSAGE = "This value is not valid";
+var DEFAULT_BUILT_IN_MESSAGES = {
+  badInput: DEFAULT_INVALID_MESSAGE,
+  patternMismatch: "This value does not match the required pattern",
+  rangeOverflow: "This value is too large",
+  rangeUnderflow: "This value is too small",
+  stepMismatch: "This value does not match the required step",
+  tooLong: "This value is too long",
+  tooShort: "This value is too short",
+  typeMismatch: "This value does not match the required type",
+  valid: void 0,
+  valueMissing: "This value is missing"
+};
+var MESSAGE_NAME = "FormMessage";
+function FormMessage(props) {
+  const [local, rest] = splitProps(props, ["__scopeForm", "match", "name", "forceMatch", "children"]);
+  const fieldContext = useFormFieldContext(MESSAGE_NAME, local.__scopeForm);
+  const name = () => local.name ?? fieldContext.name;
+  if (local.match === void 0) {
+    return /* @__PURE__ */ React.createElement(FormMessageImpl, { ...rest, __scopeForm: local.__scopeForm, name: name() }, local.children || DEFAULT_INVALID_MESSAGE);
+  } else if (typeof local.match === "function") {
+    return /* @__PURE__ */ React.createElement(
+      FormCustomMessage,
+      {
+        match: local.match,
+        forceMatch: local.forceMatch,
+        ...rest,
+        __scopeForm: local.__scopeForm,
+        name: name()
+      },
+      local.children
+    );
+  } else {
+    return /* @__PURE__ */ React.createElement(
+      FormBuiltInMessage,
+      {
+        match: local.match,
+        forceMatch: local.forceMatch,
+        ...rest,
+        __scopeForm: local.__scopeForm,
+        name: name()
+      },
+      local.children
+    );
+  }
+}
+function FormBuiltInMessage(props) {
+  const [local, rest] = splitProps(props, ["__scopeForm", "match", "forceMatch", "name", "children"]);
+  const validationContext = useValidationContext(MESSAGE_NAME, local.__scopeForm);
+  const validity = () => validationContext.getFieldValidity(local.name);
+  const matches = () => local.forceMatch || validity()?.[local.match];
+  return /* @__PURE__ */ React.createElement(Show, { when: matches() }, /* @__PURE__ */ React.createElement(FormMessageImpl, { ...rest, __scopeForm: local.__scopeForm, name: local.name }, local.children ?? DEFAULT_BUILT_IN_MESSAGES[local.match]));
+}
+function FormCustomMessage(props) {
+  const [local, rest] = splitProps(props, [
+    "__scopeForm",
+    "match",
+    "forceMatch",
+    "name",
+    "id",
+    "ref",
+    "children"
+  ]);
+  const validationContext = useValidationContext(MESSAGE_NAME, local.__scopeForm);
+  const _id = createId();
+  const id = () => local.id ?? _id;
+  createEffect(() => {
+    const customMatcherEntry = { id: id(), match: local.match };
+    validationContext.onFieldCustomMatcherEntryAdd(local.name, customMatcherEntry);
+    onCleanup(() => validationContext.onFieldCustomMatcherEntryRemove(local.name, customMatcherEntry.id));
+  });
+  const validity = () => validationContext.getFieldValidity(local.name);
+  const customErrors = () => validationContext.getFieldCustomErrors(local.name);
+  const hasMatchingCustomError = () => customErrors()[id()];
+  const matches = () => local.forceMatch || validity() && !hasBuiltInError(validity()) && hasMatchingCustomError();
+  return /* @__PURE__ */ React.createElement(Show, { when: matches() }, /* @__PURE__ */ React.createElement(
+    FormMessageImpl,
+    {
+      id: id(),
+      ref: local.ref,
+      ...rest,
+      __scopeForm: local.__scopeForm,
+      name: local.name
+    },
+    local.children ?? DEFAULT_INVALID_MESSAGE
+  ));
+}
+function FormMessageImpl(props) {
+  const [local, rest] = splitProps(props, ["__scopeForm", "id", "name"]);
+  const ariaDescriptionContext = useAriaDescriptionContext(MESSAGE_NAME, local.__scopeForm);
+  const _id = createId();
+  const id = () => local.id ?? _id;
+  createEffect(() => {
+    ariaDescriptionContext.onFieldMessageIdAdd(local.name, id());
+    onCleanup(() => ariaDescriptionContext.onFieldMessageIdRemove(local.name, id()));
+  });
+  return /* @__PURE__ */ React.createElement(Primitive.span, { id: id(), ...rest });
+}
+var VALIDITY_STATE_NAME = "FormValidityState";
+function FormValidityState(props) {
+  const [local] = splitProps(props, ["__scopeForm", "name", "children"]);
+  const validationContext = useValidationContext(VALIDITY_STATE_NAME, local.__scopeForm);
+  const fieldContext = useFormFieldContext(VALIDITY_STATE_NAME, local.__scopeForm);
+  const name = () => local.name ?? fieldContext.name;
+  const validity = () => validationContext.getFieldValidity(name());
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, local.children(validity()));
+}
+function FormSubmit(props) {
+  const [, rest] = splitProps(props, ["__scopeForm"]);
+  return /* @__PURE__ */ React.createElement(Primitive.button, { type: "submit", ...rest });
+}
+function validityStateToObject(validity) {
+  const object = {};
+  for (const key in validity) {
+    object[key] = validity[key];
+  }
+  return object;
+}
+function isHTMLElement(element) {
+  return element instanceof HTMLElement;
+}
+function isFormControl(element) {
+  return "validity" in element;
+}
+function isInvalid(control) {
+  return isFormControl(control) && (control.validity.valid === false || control.getAttribute("aria-invalid") === "true");
+}
+function getFirstInvalidControl(form) {
+  const elements = form.elements;
+  const [firstInvalidControl] = Array.from(elements).filter(isHTMLElement).filter(isInvalid);
+  return firstInvalidControl;
+}
+function isAsyncCustomMatcherEntry(entry, args) {
+  return entry.match.constructor.name === "AsyncFunction" || returnsPromise(entry.match, args);
+}
+function isSyncCustomMatcherEntry(entry) {
+  return entry.match.constructor.name === "Function";
+}
+function returnsPromise(func, args) {
+  return func(...args) instanceof Promise;
+}
+function hasBuiltInError(validity) {
+  let error = false;
+  for (const validityKey in validity) {
+    const key = validityKey;
+    if (key !== "valid" && key !== "customError" && validity[key]) {
+      error = true;
+      break;
+    }
+  }
+  return error;
+}
+function getValidAttribute(validity, serverInvalid) {
+  if (validity?.valid === true && !serverInvalid) return true;
+  return void 0;
+}
+function getInvalidAttribute(validity, serverInvalid) {
+  if (validity?.valid === false || serverInvalid) return true;
+  return void 0;
+}
+var Root = Form;
+var Field = FormField;
+var Label = FormLabel;
+var Control = FormControl;
+var Message = FormMessage;
+var ValidityState = FormValidityState;
+var Submit = FormSubmit;
+
+export { Control, Field, Form, FormControl, FormField, FormLabel, FormMessage, FormSubmit, FormValidityState, Label, Message, Root, Submit, ValidityState, createFormScope };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form.tsx"],"names":["LabelPrimitive","controlValidity","id","hasCustomError"],"mappings":";;;;;;;;;AAWA,IAAM,CAAC,iBAAA,EAAmB,eAAe,CAAA,GAAI,mBAAmB,MAAM;AAMtE,IAAM,SAAA,GAAY,MAAA;AAmBlB,IAAM,CAAC,kBAAA,EAAoB,oBAAoB,CAAA,GAC7C,kBAA0C,SAAS,CAAA;AASrD,IAAM,CAAC,uBAAA,EAAyB,yBAAyB,CAAA,GACvD,kBAA+C,SAAS,CAAA;AAM1D,SAAS,KAAK,KAAA,EAA+B;AAC3C,EAAA,MAAM,CAAC,KAAA,EAAO,IAAI,CAAA,GAAI,WAAW,KAAA,EAAO;AAAA,IACtC,aAAA;AAAA,IACA,KAAA;AAAA,IACA,qBAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,mBAAA,GAAsB,KAAA,CAAM,mBAAA,KAAwB,MAAM;AAAA,EAAC,CAAA,CAAA;AAGjE,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,YAAA,CAA0B,EAAE,CAAA;AAClE,EAAA,MAAM,gBAAA,GAAmB,CAAC,SAAA,KAAsB,WAAA,GAAc,SAAS,CAAA;AACvE,EAAA,MAAM,yBAAA,GAA4B,CAAC,SAAA,EAAmB,QAAA,KAA4B;AAChF,IAAA,cAAA,CAAe,CAAC,IAAA,MAAU;AAAA,MACxB,GAAG,IAAA;AAAA,MACH,CAAC,SAAS,GAAG,EAAE,GAAI,IAAA,CAAK,SAAS,CAAA,IAAK,EAAC,EAAI,GAAG,QAAA;AAAS,KACzD,CAAE,CAAA;AAAA,EACJ,CAAA;AACA,EAAA,MAAM,0BAAA,GAA6B,CAAC,SAAA,KAAsB;AACxD,IAAA,cAAA,CAAe,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,SAAS,GAAG,MAAA,EAAU,CAAE,CAAA;AAC9D,IAAA,kBAAA,CAAmB,CAAC,IAAA,MAAU,EAAE,GAAG,IAAA,EAAM,CAAC,SAAS,GAAG,EAAC,EAAE,CAAE,CAAA;AAAA,EAC7D,CAAA;AAGA,EAAA,MAAM,CAAC,uBAAA,EAAyB,0BAA0B,CAAA,GACxD,YAAA,CAAsC,EAAE,CAAA;AAC1C,EAAA,MAAM,+BAA+B,CAAC,SAAA,KACpC,yBAAwB,CAAE,SAAS,KAAK,EAAC;AAC3C,EAAA,MAAM,2BAAA,GAA8B,CAAC,SAAA,EAAmB,YAAA,KAAqC;AAC3F,IAAA,0BAAA,CAA2B,CAAC,IAAA,MAAU;AAAA,MACpC,GAAG,IAAA;AAAA,MACH,CAAC,SAAS,GAAG,CAAC,GAAI,KAAK,SAAS,CAAA,IAAK,EAAC,EAAI,YAAY;AAAA,KACxD,CAAE,CAAA;AAAA,EACJ,CAAA;AACA,EAAA,MAAM,8BAAA,GAAiC,CAAC,SAAA,EAAmB,cAAA,KAA2B;AACpF,IAAA,0BAAA,CAA2B,CAAC,IAAA,MAAU;AAAA,MACpC,GAAG,IAAA;AAAA,MACH,CAAC,SAAS,GAAA,CAAI,IAAA,CAAK,SAAS,CAAA,IAAK,EAAC,EAAG,MAAA,CAAO,CAAC,KAAA,KAAU,KAAA,CAAM,OAAO,cAAc;AAAA,KACpF,CAAE,CAAA;AAAA,EACJ,CAAA;AAGA,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,YAAA,CAA8B,EAAE,CAAA;AAC9E,EAAA,MAAM,uBAAuB,CAAC,SAAA,KAAsB,iBAAgB,CAAE,SAAS,KAAK,EAAC;AACrF,EAAA,MAAM,6BAAA,GAAgC,CAAC,SAAA,EAAmB,YAAA,KAA0C;AAClG,IAAA,kBAAA,CAAmB,CAAC,IAAA,MAAU;AAAA,MAC5B,GAAG,IAAA;AAAA,MACH,CAAC,SAAS,GAAG,EAAE,GAAI,IAAA,CAAK,SAAS,CAAA,IAAK,EAAC,EAAI,GAAG,YAAA;AAAa,KAC7D,CAAE,CAAA;AAAA,EACJ,CAAA;AAGA,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,YAAA,CAA4B,EAAE,CAAA;AACxE,EAAA,MAAM,uBAAA,GAA0B,CAAC,SAAA,EAAmB,EAAA,KAAe;AACjE,IAAA,gBAAA,CAAiB,CAAC,IAAA,KAAS;AACzB,MAAA,MAAM,mBAAA,GAAsB,IAAI,GAAA,CAAI,IAAA,CAAK,SAAS,CAAC,CAAA,CAAE,IAAI,EAAE,CAAA;AAC3D,MAAA,OAAO,EAAE,GAAG,IAAA,EAAM,CAAC,SAAS,GAAG,mBAAA,EAAoB;AAAA,IACrD,CAAC,CAAA;AAAA,EACH,CAAA;AACA,EAAA,MAAM,0BAAA,GAA6B,CAAC,SAAA,EAAmB,EAAA,KAAe;AACpE,IAAA,gBAAA,CAAiB,CAAC,IAAA,KAAS;AACzB,MAAA,MAAM,mBAAA,GAAsB,IAAI,GAAA,CAAI,IAAA,CAAK,SAAS,CAAC,CAAA;AACnD,MAAA,mBAAA,CAAoB,OAAO,EAAE,CAAA;AAC7B,MAAA,OAAO,EAAE,GAAG,IAAA,EAAM,CAAC,SAAS,GAAG,mBAAA,EAAoB;AAAA,IACrD,CAAC,CAAA;AAAA,EACH,CAAA;AACA,EAAA,MAAM,mBAAA,GAAsB,CAAC,SAAA,KAC3B,KAAA,CAAM,KAAK,aAAA,EAAc,CAAE,SAAS,CAAA,IAAK,EAAE,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,IAAK,MAAA;AAE5D,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,OAAO,KAAA,CAAM,WAAA;AAAA,MACb,gBAAA;AAAA,MACA,qBAAA,EAAuB,yBAAA;AAAA,MACvB,4BAAA;AAAA,MACA,4BAAA,EAA8B,2BAAA;AAAA,MAC9B,+BAAA,EAAiC,8BAAA;AAAA,MACjC,oBAAA;AAAA,MACA,yBAAA,EAA2B,6BAAA;AAAA,MAC3B,sBAAA,EAAwB;AAAA,KAAA;AAAA,oBAExB,KAAA,CAAA,aAAA;AAAA,MAAC,uBAAA;AAAA,MAAA;AAAA,QACC,OAAO,KAAA,CAAM,WAAA;AAAA,QACb,mBAAA,EAAqB,uBAAA;AAAA,QACrB,sBAAA,EAAwB,0BAAA;AAAA,QACxB;AAAA,OAAA;AAAA,sBAEA,KAAA,CAAA,aAAA;AAAA,QAAC,SAAA,CAAU,IAAA;AAAA,QAAV;AAAA,UACE,GAAG,IAAA;AAAA,UACJ,KAAK,KAAA,CAAM,GAAA;AAAA,UAEX,SAAA,EAAW,oBAAA,CAAqB,KAAA,CAAM,SAAA,EAAkB,CAAC,KAAA,KAAiB;AACxE,YAAA,MAAM,SAAS,KAAA,CAAM,aAAA;AACrB,YAAA,MAAM,mBAAA,GAAsB,uBAAuB,MAAM,CAAA;AACzD,YAAA,IAAI,mBAAA,KAAwB,KAAA,CAAM,MAAA,EAAQ,mBAAA,CAAoB,KAAA,EAAM;AAEpE,YAAA,KAAA,CAAM,cAAA,EAAe;AAAA,UACvB,CAAC,CAAA;AAAA,UAED,QAAA,EAAU,oBAAA,CAAqB,KAAA,CAAM,QAAA,EAAiB,mBAAA,EAA4B;AAAA,YAChF,wBAAA,EAA0B;AAAA,WAC3B,CAAA;AAAA,UAED,OAAA,EAAS,oBAAA,CAAqB,KAAA,CAAM,OAAA,EAAgB,mBAA0B;AAAA;AAAA;AAChF;AACF,GACF;AAEJ;AAMA,IAAM,UAAA,GAAa,WAAA;AAOnB,IAAM,CAAC,iBAAA,EAAmB,mBAAmB,CAAA,GAC3C,kBAAyC,UAAU,CAAA;AAOrD,SAAS,UAAU,KAAA,EAAoC;AACrD,EAAA,MAAM,CAAC,KAAA,EAAO,IAAI,CAAA,GAAI,UAAA,CAAW,OAAO,CAAC,aAAA,EAAe,MAAA,EAAQ,eAAe,CAAC,CAAA;AAChF,EAAA,MAAM,iBAAA,GAAoB,oBAAA,CAAqB,UAAA,EAAY,KAAA,CAAM,WAAW,CAAA;AAC5E,EAAA,MAAM,QAAA,GAAW,MAAM,iBAAA,CAAkB,gBAAA,CAAiB,MAAM,IAAI,CAAA;AACpE,EAAA,MAAM,KAAK,QAAA,EAAS;AAEpB,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,OAAO,KAAA,CAAM,WAAA;AAAA,MACb,EAAA;AAAA,MACA,MAAM,KAAA,CAAM,IAAA;AAAA,MACZ,aAAA,EAAe,MAAM,aAAA,IAAiB;AAAA,KAAA;AAAA,oBAEtC,KAAA,CAAA,aAAA;AAAA,MAAC,SAAA,CAAU,GAAA;AAAA,MAAV;AAAA,QACC,cAAY,iBAAA,CAAkB,QAAA,EAAS,EAAG,KAAA,CAAM,iBAAiB,KAAK,CAAA;AAAA,QACtE,gBAAc,mBAAA,CAAoB,QAAA,EAAS,EAAG,KAAA,CAAM,iBAAiB,KAAK,CAAA;AAAA,QACzE,GAAG;AAAA;AAAA;AACN,GACF;AAEJ;AAMA,IAAM,UAAA,GAAa,WAAA;AAInB,SAAS,UAAU,KAAA,EAAoC;AACrD,EAAA,MAAM,CAAC,OAAO,IAAI,CAAA,GAAI,WAAW,KAAA,EAAO,CAAC,aAAA,EAAe,KAAK,CAAC,CAAA;AAC9D,EAAA,MAAM,iBAAA,GAAoB,oBAAA,CAAqB,UAAA,EAAY,KAAA,CAAM,WAAW,CAAA;AAC5E,EAAA,MAAM,YAAA,GAAe,mBAAA,CAAoB,UAAA,EAAY,KAAA,CAAM,WAAW,CAAA;AACtE,EAAA,MAAM,OAAA,GAAU,MAAM,KAAA,CAAM,GAAA,IAAO,YAAA,CAAa,EAAA;AAChD,EAAA,MAAM,QAAA,GAAW,MAAM,iBAAA,CAAkB,gBAAA,CAAiB,aAAa,IAAI,CAAA;AAE3E,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAACA,OAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,iBAAA,CAAkB,QAAA,EAAS,EAAG,aAAa,aAAa,CAAA;AAAA,MACpE,cAAA,EAAc,mBAAA,CAAoB,QAAA,EAAS,EAAG,aAAa,aAAa,CAAA;AAAA,MACvE,GAAG,IAAA;AAAA,MACJ,KAAK,OAAA;AAAQ;AAAA,GACf;AAEJ;AAMA,IAAM,YAAA,GAAe,aAAA;AAIrB,SAAS,YAAY,KAAA,EAAsC;AACzD,EAAA,MAAM,CAAC,KAAA,EAAO,IAAI,CAAA,GAAI,WAAW,KAAA,EAAO;AAAA,IACtC,aAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,iBAAA,GAAoB,oBAAA,CAAqB,YAAA,EAAc,KAAA,CAAM,WAAW,CAAA;AAC9E,EAAA,MAAM,YAAA,GAAe,mBAAA,CAAoB,YAAA,EAAc,KAAA,CAAM,WAAW,CAAA;AACxE,EAAA,MAAM,sBAAA,GAAyB,yBAAA,CAA0B,YAAA,EAAc,KAAA,CAAM,WAAW,CAAA;AAExF,EAAA,IAAI,UAAA;AACJ,EAAA,MAAM,IAAA,GAAO,MAAM,KAAA,CAAM,IAAA,IAAQ,YAAA,CAAa,IAAA;AAC9C,EAAA,MAAM,EAAA,GAAK,MAAM,KAAA,CAAM,EAAA,IAAM,YAAA,CAAa,EAAA;AAC1C,EAAA,MAAM,oBAAA,GAAuB,MAAM,iBAAA,CAAkB,4BAAA,CAA6B,MAAM,CAAA;AAExF,EAAA,MAAM,qBAAA,GAAwB,OAAO,OAAA,KAA8B;AAIjE,IAAA,IAAI,eAAA,CAAgB,OAAA,CAAQ,QAAQ,CAAA,EAAG;AACrC,MAAA,MAAMC,gBAAAA,GAAkB,qBAAA,CAAsB,OAAA,CAAQ,QAAQ,CAAA;AAC9D,MAAA,iBAAA,CAAkB,qBAAA,CAAsB,IAAA,EAAK,EAAGA,gBAAe,CAAA;AAC/D,MAAA;AAAA,IACF;AAKA,IAAA,MAAM,QAAA,GAAW,QAAQ,IAAA,GAAO,IAAI,SAAS,OAAA,CAAQ,IAAI,CAAA,GAAI,IAAI,QAAA,EAAS;AAC1E,IAAA,MAAM,WAAA,GAAiC,CAAC,OAAA,CAAQ,KAAA,EAAO,QAAQ,CAAA;AAK/D,IAAA,MAAM,2BAA0D,EAAC;AACjE,IAAA,MAAM,4BAA4D,EAAC;AACnE,IAAA,oBAAA,EAAqB,CAAE,OAAA,CAAQ,CAAC,kBAAA,KAAuB;AACrD,MAAA,IAAI,yBAAA,CAA0B,kBAAA,EAAoB,WAAW,CAAA,EAAG;AAC9D,QAAA,yBAAA,CAA0B,KAAK,kBAAkB,CAAA;AAAA,MACnD,CAAA,MAAA,IAAW,wBAAA,CAAyB,kBAAkB,CAAA,EAAG;AACvD,QAAA,wBAAA,CAAyB,KAAK,kBAAkB,CAAA;AAAA,MAClD;AAAA,IACF,CAAC,CAAA;AAKD,IAAA,MAAM,gBAAA,GAAmB,yBAAyB,GAAA,CAAI,CAAC,EAAE,EAAA,EAAAC,GAAAA,EAAI,OAAM,KAAM;AACvE,MAAA,OAAO,CAACA,GAAAA,EAAI,KAAA,CAAM,GAAG,WAAW,CAAC,CAAA;AAAA,IACnC,CAAC,CAAA;AACD,IAAA,MAAM,oBAAA,GAAuB,MAAA,CAAO,WAAA,CAAY,gBAAgB,CAAA;AAChE,IAAA,MAAM,sBAAsB,MAAA,CAAO,MAAA,CAAO,oBAAoB,CAAA,CAAE,KAAK,OAAO,CAAA;AAC5E,IAAA,MAAM,cAAA,GAAiB,mBAAA;AACvB,IAAA,OAAA,CAAQ,iBAAA,CAAkB,cAAA,GAAiB,uBAAA,GAA0B,EAAE,CAAA;AACvE,IAAA,MAAM,eAAA,GAAkB,qBAAA,CAAsB,OAAA,CAAQ,QAAQ,CAAA;AAC9D,IAAA,iBAAA,CAAkB,qBAAA,CAAsB,IAAA,EAAK,EAAG,eAAe,CAAA;AAC/D,IAAA,iBAAA,CAAkB,yBAAA,CAA0B,IAAA,EAAK,EAAG,oBAAoB,CAAA;AAKxE,IAAA,IAAI,CAAC,mBAAA,IAAuB,yBAAA,CAA0B,MAAA,GAAS,CAAA,EAAG;AAChE,MAAA,MAAM,uBAAuB,yBAAA,CAA0B,GAAA;AAAA,QAAI,CAAC,EAAE,EAAA,EAAAA,GAAAA,EAAI,KAAA,OAChE,KAAA,CAAM,GAAG,WAAW,CAAA,CAAE,KAAK,CAAC,OAAA,KAAY,CAACA,GAAAA,EAAI,OAAO,CAAU;AAAA,OAChE;AACA,MAAA,MAAM,iBAAA,GAAoB,MAAM,OAAA,CAAQ,GAAA,CAAI,oBAAoB,CAAA;AAChE,MAAA,MAAM,qBAAA,GAAwB,MAAA,CAAO,WAAA,CAAY,iBAAiB,CAAA;AAClE,MAAA,MAAM,uBAAuB,MAAA,CAAO,MAAA,CAAO,qBAAqB,CAAA,CAAE,KAAK,OAAO,CAAA;AAC9E,MAAA,MAAMC,eAAAA,GAAiB,oBAAA;AACvB,MAAA,OAAA,CAAQ,iBAAA,CAAkBA,eAAAA,GAAiB,uBAAA,GAA0B,EAAE,CAAA;AACvE,MAAA,MAAMF,gBAAAA,GAAkB,qBAAA,CAAsB,OAAA,CAAQ,QAAQ,CAAA;AAC9D,MAAA,iBAAA,CAAkB,qBAAA,CAAsB,IAAA,EAAK,EAAGA,gBAAe,CAAA;AAC/D,MAAA,iBAAA,CAAkB,yBAAA,CAA0B,IAAA,EAAK,EAAG,qBAAqB,CAAA;AAAA,IAC3E;AAAA,EACF,CAAA;AAGA,EAAA,YAAA,CAAa,MAAM;AACjB,IAAA,MAAM,OAAA,GAAU,UAAA;AAChB,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,MAAM,YAAA,GAAe,MAAM,qBAAA,CAAsB,OAAO,CAAA;AACxD,MAAA,OAAA,CAAQ,gBAAA,CAAiB,UAAU,YAAY,CAAA;AAC/C,MAAA,SAAA,CAAU,MAAM,OAAA,CAAQ,mBAAA,CAAoB,QAAA,EAAU,YAAY,CAAC,CAAA;AAAA,IACrE;AAAA,EACF,CAAC,CAAA;AAED,EAAA,MAAM,uBAAuB,MAAM;AACjC,IAAA,MAAM,OAAA,GAAU,UAAA;AAChB,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,OAAA,CAAQ,kBAAkB,EAAE,CAAA;AAC5B,MAAA,iBAAA,CAAkB,sBAAA,CAAuB,MAAM,CAAA;AAAA,IACjD;AAAA,EACF,CAAA;AAGA,EAAA,YAAA,CAAa,MAAM;AACjB,IAAA,MAAM,OAAO,UAAA,EAAY,IAAA;AACzB,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,IAAA,CAAK,gBAAA,CAAiB,SAAS,oBAAoB,CAAA;AACnD,MAAA,SAAA,CAAU,MAAM,IAAA,CAAK,mBAAA,CAAoB,OAAA,EAAS,oBAAoB,CAAC,CAAA;AAAA,IACzE;AAAA,EACF,CAAC,CAAA;AAGD,EAAA,YAAA,CAAa,MAAM;AACjB,IAAA,MAAM,OAAA,GAAU,UAAA;AAChB,IAAA,MAAM,IAAA,GAAO,OAAA,EAAS,OAAA,CAAQ,MAAM,CAAA;AACpC,IAAA,IAAI,IAAA,IAAQ,aAAa,aAAA,EAAe;AACtC,MAAA,MAAM,mBAAA,GAAsB,uBAAuB,IAAI,CAAA;AACvD,MAAA,IAAI,mBAAA,KAAwB,OAAA,EAAS,mBAAA,CAAoB,KAAA,EAAM;AAAA,IACjE;AAAA,EACF,CAAC,CAAA;AAED,EAAA,MAAM,QAAA,GAAW,MAAM,iBAAA,CAAkB,gBAAA,CAAiB,MAAM,CAAA;AAEhE,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA,CAAU,KAAA;AAAA,IAAV;AAAA,MACC,YAAA,EAAY,iBAAA,CAAkB,QAAA,EAAS,EAAG,aAAa,aAAa,CAAA;AAAA,MACpE,cAAA,EAAc,mBAAA,CAAoB,QAAA,EAAS,EAAG,aAAa,aAAa,CAAA;AAAA,MACxE,cAAA,EAAc,YAAA,CAAa,aAAA,GAAgB,IAAA,GAAO,MAAA;AAAA,MAClD,kBAAA,EAAkB,sBAAA,CAAuB,mBAAA,CAAoB,IAAA,EAAM,CAAA;AAAA,MAEnE,KAAA,EAAM,EAAA;AAAA,MACL,GAAG,IAAA;AAAA,MACJ,KAAK,SAAA,CAAU,KAAA,CAAM,KAAK,CAAC,EAAA,KAAQ,aAAa,EAAuB,CAAA;AAAA,MACvE,IAAI,EAAA,EAAG;AAAA,MACP,MAAM,IAAA,EAAK;AAAA,MACX,SAAA,EAAW,oBAAA,CAAqB,KAAA,CAAM,SAAA,EAAkB,CAAC,KAAA,KAAiB;AACxE,QAAA,MAAM,UAAU,KAAA,CAAM,aAAA;AACtB,QAAA,qBAAA,CAAsB,OAAO,CAAA;AAAA,MAC/B,CAAC,CAAA;AAAA,MACD,QAAA,EAAU,oBAAA,CAAqB,KAAA,CAAM,QAAA,EAAiB,MAAM;AAE1D,QAAA,oBAAA,EAAqB;AAAA,MACvB,CAAC;AAAA;AAAA,GACH;AAEJ;AAoBA,IAAM,uBAAA,GAA0B,yBAAA;AAChC,IAAM,yBAAA,GAAyE;AAAA,EAC7E,QAAA,EAAU,uBAAA;AAAA,EACV,eAAA,EAAiB,gDAAA;AAAA,EACjB,aAAA,EAAe,yBAAA;AAAA,EACf,cAAA,EAAgB,yBAAA;AAAA,EAChB,YAAA,EAAc,6CAAA;AAAA,EACd,OAAA,EAAS,wBAAA;AAAA,EACT,QAAA,EAAU,yBAAA;AAAA,EACV,YAAA,EAAc,6CAAA;AAAA,EACd,KAAA,EAAO,MAAA;AAAA,EACP,YAAA,EAAc;AAChB,CAAA;AAEA,IAAM,YAAA,GAAe,aAAA;AAQrB,SAAS,YAAY,KAAA,EAAsC;AACzD,EAAA,MAAM,CAAC,KAAA,EAAO,IAAI,CAAA,GAAI,UAAA,CAAW,KAAA,EAAO,CAAC,aAAA,EAAe,OAAA,EAAS,MAAA,EAAQ,YAAA,EAAc,UAAU,CAAC,CAAA;AAClG,EAAA,MAAM,YAAA,GAAe,mBAAA,CAAoB,YAAA,EAAc,KAAA,CAAM,WAAW,CAAA;AACxE,EAAA,MAAM,IAAA,GAAO,MAAM,KAAA,CAAM,IAAA,IAAQ,YAAA,CAAa,IAAA;AAE9C,EAAA,IAAI,KAAA,CAAM,UAAU,MAAA,EAAW;AAC7B,IAAA,uBACE,KAAA,CAAA,aAAA,CAAC,eAAA,EAAA,EAAiB,GAAG,IAAA,EAAM,WAAA,EAAa,KAAA,CAAM,WAAA,EAAa,IAAA,EAAM,IAAA,EAAK,EAAA,EACnE,KAAA,CAAM,QAAA,IAAY,uBACrB,CAAA;AAAA,EAEJ,CAAA,MAAA,IAAW,OAAO,KAAA,CAAM,KAAA,KAAU,UAAA,EAAY;AAC5C,IAAA,uBACE,KAAA,CAAA,aAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,OAAO,KAAA,CAAM,KAAA;AAAA,QACb,YAAY,KAAA,CAAM,UAAA;AAAA,QACjB,GAAG,IAAA;AAAA,QACJ,aAAa,KAAA,CAAM,WAAA;AAAA,QACnB,MAAM,IAAA;AAAK,OAAA;AAAA,MAEV,KAAA,CAAM;AAAA,KACT;AAAA,EAEJ,CAAA,MAAO;AACL,IAAA,uBACE,KAAA,CAAA,aAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,OAAO,KAAA,CAAM,KAAA;AAAA,QACb,YAAY,KAAA,CAAM,UAAA;AAAA,QACjB,GAAG,IAAA;AAAA,QACJ,aAAa,KAAA,CAAM,WAAA;AAAA,QACnB,MAAM,IAAA;AAAK,OAAA;AAAA,MAEV,KAAA,CAAM;AAAA,KACT;AAAA,EAEJ;AACF;AAYA,SAAS,mBAAmB,KAAA,EAA6C;AACvE,EAAA,MAAM,CAAC,KAAA,EAAO,IAAI,CAAA,GAAI,UAAA,CAAW,KAAA,EAAO,CAAC,aAAA,EAAe,OAAA,EAAS,YAAA,EAAc,MAAA,EAAQ,UAAU,CAAC,CAAA;AAClG,EAAA,MAAM,iBAAA,GAAoB,oBAAA,CAAqB,YAAA,EAAc,KAAA,CAAM,WAAW,CAAA;AAC9E,EAAA,MAAM,QAAA,GAAW,MAAM,iBAAA,CAAkB,gBAAA,CAAiB,MAAM,IAAI,CAAA;AACpE,EAAA,MAAM,UAAU,MAAM,KAAA,CAAM,cAAc,QAAA,EAAS,GAAI,MAAM,KAAK,CAAA;AAElE,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,QAAK,IAAA,EAAM,OAAA,sBACV,KAAA,CAAA,aAAA,CAAC,eAAA,EAAA,EAAiB,GAAG,IAAA,EAAM,WAAA,EAAa,MAAM,WAAA,EAAa,IAAA,EAAM,MAAM,IAAA,EAAA,EACpE,KAAA,CAAM,YAAY,yBAAA,CAA0B,KAAA,CAAM,KAAK,CAC1D,CACF,CAAA;AAEJ;AAYA,SAAS,kBAAkB,KAAA,EAA4C;AACrE,EAAA,MAAM,CAAC,KAAA,EAAO,IAAI,CAAA,GAAI,WAAW,KAAA,EAAO;AAAA,IACtC,aAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACD,CAAA;AACD,EAAA,MAAM,iBAAA,GAAoB,oBAAA,CAAqB,YAAA,EAAc,KAAA,CAAM,WAAW,CAAA;AAE9E,EAAA,MAAM,MAAM,QAAA,EAAS;AACrB,EAAA,MAAM,EAAA,GAAK,MAAM,KAAA,CAAM,EAAA,IAAM,GAAA;AAG7B,EAAA,YAAA,CAAa,MAAM;AACjB,IAAA,MAAM,qBAAyC,EAAE,EAAA,EAAI,IAAG,EAAG,KAAA,EAAO,MAAM,KAAA,EAAM;AAC9E,IAAA,iBAAA,CAAkB,4BAAA,CAA6B,KAAA,CAAM,IAAA,EAAM,kBAAkB,CAAA;AAC7E,IAAA,SAAA,CAAU,MAAM,iBAAA,CAAkB,+BAAA,CAAgC,MAAM,IAAA,EAAM,kBAAA,CAAmB,EAAE,CAAC,CAAA;AAAA,EACtG,CAAC,CAAA;AAED,EAAA,MAAM,QAAA,GAAW,MAAM,iBAAA,CAAkB,gBAAA,CAAiB,MAAM,IAAI,CAAA;AACpE,EAAA,MAAM,YAAA,GAAe,MAAM,iBAAA,CAAkB,oBAAA,CAAqB,MAAM,IAAI,CAAA;AAC5E,EAAA,MAAM,sBAAA,GAAyB,MAAM,YAAA,EAAa,CAAE,IAAI,CAAA;AACxD,EAAA,MAAM,OAAA,GAAU,MACd,KAAA,CAAM,UAAA,IAAe,QAAA,EAAS,IAAK,CAAC,eAAA,CAAgB,QAAA,EAAW,CAAA,IAAK,sBAAA,EAAuB;AAE7F,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,OAAA,EAAQ,EAAA,kBAClB,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,IAAI,EAAA,EAAG;AAAA,MACP,KAAK,KAAA,CAAM,GAAA;AAAA,MACV,GAAG,IAAA;AAAA,MACJ,aAAa,KAAA,CAAM,WAAA;AAAA,MACnB,MAAM,KAAA,CAAM;AAAA,KAAA;AAAA,IAEX,MAAM,QAAA,IAAY;AAAA,GAEvB,CAAA;AAEJ;AAUA,SAAS,gBAAgB,KAAA,EAA0C;AACjE,EAAA,MAAM,CAAC,KAAA,EAAO,IAAI,CAAA,GAAI,UAAA,CAAW,OAAO,CAAC,aAAA,EAAe,IAAA,EAAM,MAAM,CAAC,CAAA;AACrE,EAAA,MAAM,sBAAA,GAAyB,yBAAA,CAA0B,YAAA,EAAc,KAAA,CAAM,WAAW,CAAA;AACxF,EAAA,MAAM,MAAM,QAAA,EAAS;AACrB,EAAA,MAAM,EAAA,GAAK,MAAM,KAAA,CAAM,EAAA,IAAM,GAAA;AAG7B,EAAA,YAAA,CAAa,MAAM;AACjB,IAAA,sBAAA,CAAuB,mBAAA,CAAoB,KAAA,CAAM,IAAA,EAAM,EAAA,EAAI,CAAA;AAC3D,IAAA,SAAA,CAAU,MAAM,sBAAA,CAAuB,sBAAA,CAAuB,MAAM,IAAA,EAAM,EAAA,EAAI,CAAC,CAAA;AAAA,EACjF,CAAC,CAAA;AAED,EAAA,uBAAO,KAAA,CAAA,aAAA,CAAC,UAAU,IAAA,EAAV,EAAe,IAAI,EAAA,EAAG,EAAI,GAAG,IAAA,EAAM,CAAA;AAC7C;AAMA,IAAM,mBAAA,GAAsB,mBAAA;AAO5B,SAAS,kBAAkB,KAAA,EAA4C;AACrE,EAAA,MAAM,CAAC,KAAK,CAAA,GAAI,UAAA,CAAW,OAAO,CAAC,aAAA,EAAe,MAAA,EAAQ,UAAU,CAAC,CAAA;AACrE,EAAA,MAAM,iBAAA,GAAoB,oBAAA,CAAqB,mBAAA,EAAqB,KAAA,CAAM,WAAW,CAAA;AACrF,EAAA,MAAM,YAAA,GAAe,mBAAA,CAAoB,mBAAA,EAAqB,KAAA,CAAM,WAAW,CAAA;AAC/E,EAAA,MAAM,IAAA,GAAO,MAAM,KAAA,CAAM,IAAA,IAAQ,YAAA,CAAa,IAAA;AAC9C,EAAA,MAAM,QAAA,GAAW,MAAM,iBAAA,CAAkB,gBAAA,CAAiB,MAAM,CAAA;AAChE,EAAA,uBAAO,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,KAAA,CAAM,QAAA,CAAS,QAAA,EAAU,CAAE,CAAA;AACvC;AAQA,SAAS,WAAW,KAAA,EAAqC;AACvD,EAAA,MAAM,GAAG,IAAI,CAAA,GAAI,WAAW,KAAA,EAAO,CAAC,aAAa,CAAC,CAAA;AAClD,EAAA,2CAAQ,SAAA,CAAU,MAAA,EAAV,EAAiB,IAAA,EAAK,QAAA,EAAU,GAAG,IAAA,EAAM,CAAA;AACnD;AAeA,SAAS,sBAAsB,QAAA,EAAyB;AACtD,EAAA,MAAM,SAAc,EAAC;AACrB,EAAA,KAAA,MAAW,OAAO,QAAA,EAAU;AAC1B,IAAA,MAAA,CAAO,GAAG,CAAA,GAAI,QAAA,CAAS,GAAuB,CAAA;AAAA,EAChD;AACA,EAAA,OAAO,MAAA;AACT;AAEA,SAAS,cAAc,OAAA,EAAsC;AAC3D,EAAA,OAAO,OAAA,YAAmB,WAAA;AAC5B;AAEA,SAAS,cAAc,OAAA,EAAsD;AAC3E,EAAA,OAAO,UAAA,IAAc,OAAA;AACvB;AAEA,SAAS,UAAU,OAAA,EAAsB;AACvC,EAAA,OACE,aAAA,CAAc,OAAO,CAAA,KACpB,OAAA,CAAQ,QAAA,CAAS,UAAU,KAAA,IAAS,OAAA,CAAQ,YAAA,CAAa,cAAc,CAAA,KAAM,MAAA,CAAA;AAElF;AAEA,SAAS,uBAAuB,IAAA,EAAgD;AAC9E,EAAA,MAAM,WAAW,IAAA,CAAK,QAAA;AACtB,EAAA,MAAM,CAAC,mBAAmB,CAAA,GAAI,KAAA,CAAM,IAAA,CAAK,QAAQ,CAAA,CAAE,MAAA,CAAO,aAAa,CAAA,CAAE,MAAA,CAAO,SAAS,CAAA;AACzF,EAAA,OAAO,mBAAA;AACT;AAEA,SAAS,yBAAA,CACP,OACA,IAAA,EACkC;AAClC,EAAA,OAAO,KAAA,CAAM,MAAM,WAAA,CAAY,IAAA,KAAS,mBAAmB,cAAA,CAAe,KAAA,CAAM,OAAO,IAAI,CAAA;AAC7F;AAEA,SAAS,yBAAyB,KAAA,EAA4D;AAC5F,EAAA,OAAO,KAAA,CAAM,KAAA,CAAM,WAAA,CAAY,IAAA,KAAS,UAAA;AAC1C;AAEA,SAAS,cAAA,CAAe,MAAgB,IAAA,EAAsB;AAC5D,EAAA,OAAO,IAAA,CAAK,GAAG,IAAI,CAAA,YAAa,OAAA;AAClC;AAEA,SAAS,gBAAgB,QAAA,EAAyB;AAChD,EAAA,IAAI,KAAA,GAAQ,KAAA;AACZ,EAAA,KAAA,MAAW,eAAe,QAAA,EAAU;AAClC,IAAA,MAAM,GAAA,GAAM,WAAA;AACZ,IAAA,IAAI,QAAQ,OAAA,IAAW,GAAA,KAAQ,aAAA,IAAiB,QAAA,CAAS,GAAG,CAAA,EAAG;AAC7D,MAAA,KAAA,GAAQ,IAAA;AACR,MAAA;AAAA,IACF;AAAA,EACF;AACA,EAAA,OAAO,KAAA;AACT;AAEA,SAAS,iBAAA,CAAkB,UAAqC,aAAA,EAAwB;AACtF,EAAA,IAAI,QAAA,EAAU,KAAA,KAAU,IAAA,IAAQ,CAAC,eAAe,OAAO,IAAA;AACvD,EAAA,OAAO,MAAA;AACT;AAEA,SAAS,mBAAA,CAAoB,UAAqC,aAAA,EAAwB;AACxF,EAAA,IAAI,QAAA,EAAU,KAAA,KAAU,KAAA,IAAS,aAAA,EAAe,OAAO,IAAA;AACvD,EAAA,OAAO,MAAA;AACT;AAMA,IAAM,IAAA,GAAO;AACb,IAAM,KAAA,GAAQ;AACd,IAAM,KAAA,GAAQ;AACd,IAAM,OAAA,GAAU;AAChB,IAAM,OAAA,GAAU;AAChB,IAAM,aAAA,GAAgB;AACtB,IAAM,MAAA,GAAS","file":"index.js","sourcesContent":["import { type JSX, splitProps, createSignal, createEffect, onCleanup, Show } from 'solid-js';\nimport { composeEventHandlers } from '@radix-solid-js/primitive';\nimport { mergeRefs } from '@radix-solid-js/compose-refs';\nimport { createContextScope } from '@radix-solid-js/context';\nimport { createId } from '@radix-solid-js/id';\nimport { Label as LabelPrimitive, type LabelProps } from '@radix-solid-js/label';\nimport { Primitive, type PrimitiveProps } from '@radix-solid-js/primitive-component';\n\nimport type { Scope } from '@radix-solid-js/context';\n\ntype ScopedProps<P> = P & { __scopeForm?: Scope };\nconst [createFormContext, createFormScope] = createContextScope('Form');\n\n/* -------------------------------------------------------------------------------------------------\n * Form\n * -----------------------------------------------------------------------------------------------*/\n\nconst FORM_NAME = 'Form';\n\ntype ValidityMap = { [fieldName: string]: ValidityState | undefined };\ntype CustomMatcherEntriesMap = { [fieldName: string]: CustomMatcherEntry[] };\ntype CustomErrorsMap = { [fieldName: string]: Record<string, boolean> };\n\ntype ValidationContextValue = {\n  getFieldValidity(fieldName: string): ValidityState | undefined;\n  onFieldValidityChange(fieldName: string, validity: ValidityState): void;\n\n  getFieldCustomMatcherEntries(fieldName: string): CustomMatcherEntry[];\n  onFieldCustomMatcherEntryAdd(fieldName: string, matcherEntry: CustomMatcherEntry): void;\n  onFieldCustomMatcherEntryRemove(fieldName: string, matcherEntryId: string): void;\n\n  getFieldCustomErrors(fieldName: string): Record<string, boolean>;\n  onFieldCustomErrorsChange(fieldName: string, errors: Record<string, boolean>): void;\n\n  onFieldValiditionClear(fieldName: string): void;\n};\nconst [ValidationProvider, useValidationContext] =\n  createFormContext<ValidationContextValue>(FORM_NAME);\n\ntype MessageIdsMap = { [fieldName: string]: Set<string> };\n\ntype AriaDescriptionContextValue = {\n  onFieldMessageIdAdd(fieldName: string, id: string): void;\n  onFieldMessageIdRemove(fieldName: string, id: string): void;\n  getFieldDescription(fieldName: string): string | undefined;\n};\nconst [AriaDescriptionProvider, useAriaDescriptionContext] =\n  createFormContext<AriaDescriptionContextValue>(FORM_NAME);\n\ninterface FormProps extends PrimitiveProps<'form'> {\n  onClearServerErrors?(): void;\n}\n\nfunction Form(props: ScopedProps<FormProps>) {\n  const [local, rest] = splitProps(props, [\n    '__scopeForm',\n    'ref',\n    'onClearServerErrors',\n    'onInvalid',\n    'onSubmit',\n    'onReset',\n  ]);\n\n  const onClearServerErrors = local.onClearServerErrors ?? (() => {});\n\n  // native validity per field\n  const [validityMap, setValidityMap] = createSignal<ValidityMap>({});\n  const getFieldValidity = (fieldName: string) => validityMap()[fieldName];\n  const handleFieldValidityChange = (fieldName: string, validity: ValidityState) => {\n    setValidityMap((prev) => ({\n      ...prev,\n      [fieldName]: { ...(prev[fieldName] ?? {}), ...validity },\n    }));\n  };\n  const handleFieldValiditionClear = (fieldName: string) => {\n    setValidityMap((prev) => ({ ...prev, [fieldName]: undefined }));\n    setCustomErrorsMap((prev) => ({ ...prev, [fieldName]: {} }));\n  };\n\n  // custom matcher entries per field\n  const [customMatcherEntriesMap, setCustomMatcherEntriesMap] =\n    createSignal<CustomMatcherEntriesMap>({});\n  const getFieldCustomMatcherEntries = (fieldName: string) =>\n    customMatcherEntriesMap()[fieldName] ?? [];\n  const handleFieldCustomMatcherAdd = (fieldName: string, matcherEntry: CustomMatcherEntry) => {\n    setCustomMatcherEntriesMap((prev) => ({\n      ...prev,\n      [fieldName]: [...(prev[fieldName] ?? []), matcherEntry],\n    }));\n  };\n  const handleFieldCustomMatcherRemove = (fieldName: string, matcherEntryId: string) => {\n    setCustomMatcherEntriesMap((prev) => ({\n      ...prev,\n      [fieldName]: (prev[fieldName] ?? []).filter((entry) => entry.id !== matcherEntryId),\n    }));\n  };\n\n  // custom errors per field\n  const [customErrorsMap, setCustomErrorsMap] = createSignal<CustomErrorsMap>({});\n  const getFieldCustomErrors = (fieldName: string) => customErrorsMap()[fieldName] ?? {};\n  const handleFieldCustomErrorsChange = (fieldName: string, customErrors: Record<string, boolean>) => {\n    setCustomErrorsMap((prev) => ({\n      ...prev,\n      [fieldName]: { ...(prev[fieldName] ?? {}), ...customErrors },\n    }));\n  };\n\n  // messageIds per field\n  const [messageIdsMap, setMessageIdsMap] = createSignal<MessageIdsMap>({});\n  const handleFieldMessageIdAdd = (fieldName: string, id: string) => {\n    setMessageIdsMap((prev) => {\n      const fieldDescriptionIds = new Set(prev[fieldName]).add(id);\n      return { ...prev, [fieldName]: fieldDescriptionIds };\n    });\n  };\n  const handleFieldMessageIdRemove = (fieldName: string, id: string) => {\n    setMessageIdsMap((prev) => {\n      const fieldDescriptionIds = new Set(prev[fieldName]);\n      fieldDescriptionIds.delete(id);\n      return { ...prev, [fieldName]: fieldDescriptionIds };\n    });\n  };\n  const getFieldDescription = (fieldName: string) =>\n    Array.from(messageIdsMap()[fieldName] ?? []).join(' ') || undefined;\n\n  return (\n    <ValidationProvider\n      scope={local.__scopeForm}\n      getFieldValidity={getFieldValidity}\n      onFieldValidityChange={handleFieldValidityChange}\n      getFieldCustomMatcherEntries={getFieldCustomMatcherEntries}\n      onFieldCustomMatcherEntryAdd={handleFieldCustomMatcherAdd}\n      onFieldCustomMatcherEntryRemove={handleFieldCustomMatcherRemove}\n      getFieldCustomErrors={getFieldCustomErrors}\n      onFieldCustomErrorsChange={handleFieldCustomErrorsChange}\n      onFieldValiditionClear={handleFieldValiditionClear}\n    >\n      <AriaDescriptionProvider\n        scope={local.__scopeForm}\n        onFieldMessageIdAdd={handleFieldMessageIdAdd}\n        onFieldMessageIdRemove={handleFieldMessageIdRemove}\n        getFieldDescription={getFieldDescription}\n      >\n        <Primitive.form\n          {...rest}\n          ref={local.ref}\n          // focus first invalid control when the form is submitted\n          onInvalid={composeEventHandlers(local.onInvalid as any, (event: Event) => {\n            const target = event.currentTarget as HTMLFormElement;\n            const firstInvalidControl = getFirstInvalidControl(target);\n            if (firstInvalidControl === event.target) firstInvalidControl.focus();\n            // prevent default browser UI for form validation\n            event.preventDefault();\n          })}\n          // clear server errors when the form is re-submitted\n          onSubmit={composeEventHandlers(local.onSubmit as any, onClearServerErrors as any, {\n            checkForDefaultPrevented: false,\n          })}\n          // clear server errors when the form is reset\n          onReset={composeEventHandlers(local.onReset as any, onClearServerErrors as any)}\n        />\n      </AriaDescriptionProvider>\n    </ValidationProvider>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormField\n * -----------------------------------------------------------------------------------------------*/\n\nconst FIELD_NAME = 'FormField';\n\ntype FormFieldContextValue = {\n  id: string;\n  name: string;\n  serverInvalid: boolean;\n};\nconst [FormFieldProvider, useFormFieldContext] =\n  createFormContext<FormFieldContextValue>(FIELD_NAME);\n\ninterface FormFieldProps extends PrimitiveProps<'div'> {\n  name: string;\n  serverInvalid?: boolean;\n}\n\nfunction FormField(props: ScopedProps<FormFieldProps>) {\n  const [local, rest] = splitProps(props, ['__scopeForm', 'name', 'serverInvalid']);\n  const validationContext = useValidationContext(FIELD_NAME, local.__scopeForm);\n  const validity = () => validationContext.getFieldValidity(local.name);\n  const id = createId();\n\n  return (\n    <FormFieldProvider\n      scope={local.__scopeForm}\n      id={id}\n      name={local.name}\n      serverInvalid={local.serverInvalid ?? false}\n    >\n      <Primitive.div\n        data-valid={getValidAttribute(validity(), local.serverInvalid ?? false)}\n        data-invalid={getInvalidAttribute(validity(), local.serverInvalid ?? false)}\n        {...rest}\n      />\n    </FormFieldProvider>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormLabel\n * -----------------------------------------------------------------------------------------------*/\n\nconst LABEL_NAME = 'FormLabel';\n\ninterface FormLabelProps extends LabelProps {}\n\nfunction FormLabel(props: ScopedProps<FormLabelProps>) {\n  const [local, rest] = splitProps(props, ['__scopeForm', 'for']);\n  const validationContext = useValidationContext(LABEL_NAME, local.__scopeForm);\n  const fieldContext = useFormFieldContext(LABEL_NAME, local.__scopeForm);\n  const htmlFor = () => local.for || fieldContext.id;\n  const validity = () => validationContext.getFieldValidity(fieldContext.name);\n\n  return (\n    <LabelPrimitive\n      data-valid={getValidAttribute(validity(), fieldContext.serverInvalid)}\n      data-invalid={getInvalidAttribute(validity(), fieldContext.serverInvalid)}\n      {...rest}\n      for={htmlFor()}\n    />\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormControl\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTROL_NAME = 'FormControl';\n\ninterface FormControlProps extends PrimitiveProps<'input'> {}\n\nfunction FormControl(props: ScopedProps<FormControlProps>) {\n  const [local, rest] = splitProps(props, [\n    '__scopeForm',\n    'ref',\n    'name',\n    'id',\n    'onInvalid',\n    'onChange',\n  ]);\n\n  const validationContext = useValidationContext(CONTROL_NAME, local.__scopeForm);\n  const fieldContext = useFormFieldContext(CONTROL_NAME, local.__scopeForm);\n  const ariaDescriptionContext = useAriaDescriptionContext(CONTROL_NAME, local.__scopeForm);\n\n  let controlRef!: HTMLInputElement;\n  const name = () => local.name || fieldContext.name;\n  const id = () => local.id || fieldContext.id;\n  const customMatcherEntries = () => validationContext.getFieldCustomMatcherEntries(name());\n\n  const updateControlValidity = async (control: HTMLInputElement) => {\n    //--------------------------------------------------------------------------------------------\n    // 1. first, if we have built-in errors we stop here\n\n    if (hasBuiltInError(control.validity)) {\n      const controlValidity = validityStateToObject(control.validity);\n      validationContext.onFieldValidityChange(name(), controlValidity);\n      return;\n    }\n\n    //--------------------------------------------------------------------------------------------\n    // 2. then gather the form data to give to custom matchers for cross-comparisons\n\n    const formData = control.form ? new FormData(control.form) : new FormData();\n    const matcherArgs: CustomMatcherArgs = [control.value, formData];\n\n    //--------------------------------------------------------------------------------------------\n    // 3. split sync and async custom matcher entries\n\n    const syncCustomMatcherEntries: Array<SyncCustomMatcherEntry> = [];\n    const asyncCustomMatcherEntries: Array<AsyncCustomMatcherEntry> = [];\n    customMatcherEntries().forEach((customMatcherEntry) => {\n      if (isAsyncCustomMatcherEntry(customMatcherEntry, matcherArgs)) {\n        asyncCustomMatcherEntries.push(customMatcherEntry);\n      } else if (isSyncCustomMatcherEntry(customMatcherEntry)) {\n        syncCustomMatcherEntries.push(customMatcherEntry);\n      }\n    });\n\n    //--------------------------------------------------------------------------------------------\n    // 4. run sync custom matchers and update control validity / internal validity + errors\n\n    const syncCustomErrors = syncCustomMatcherEntries.map(({ id, match }) => {\n      return [id, match(...matcherArgs)] as const;\n    });\n    const syncCustomErrorsById = Object.fromEntries(syncCustomErrors);\n    const hasSyncCustomErrors = Object.values(syncCustomErrorsById).some(Boolean);\n    const hasCustomError = hasSyncCustomErrors;\n    control.setCustomValidity(hasCustomError ? DEFAULT_INVALID_MESSAGE : '');\n    const controlValidity = validityStateToObject(control.validity);\n    validationContext.onFieldValidityChange(name(), controlValidity);\n    validationContext.onFieldCustomErrorsChange(name(), syncCustomErrorsById);\n\n    //--------------------------------------------------------------------------------------------\n    // 5. run async custom matchers and update control validity / internal validity + errors\n\n    if (!hasSyncCustomErrors && asyncCustomMatcherEntries.length > 0) {\n      const promisedCustomErrors = asyncCustomMatcherEntries.map(({ id, match }) =>\n        match(...matcherArgs).then((matches) => [id, matches] as const),\n      );\n      const asyncCustomErrors = await Promise.all(promisedCustomErrors);\n      const asyncCustomErrorsById = Object.fromEntries(asyncCustomErrors);\n      const hasAsyncCustomErrors = Object.values(asyncCustomErrorsById).some(Boolean);\n      const hasCustomError = hasAsyncCustomErrors;\n      control.setCustomValidity(hasCustomError ? DEFAULT_INVALID_MESSAGE : '');\n      const controlValidity = validityStateToObject(control.validity);\n      validationContext.onFieldValidityChange(name(), controlValidity);\n      validationContext.onFieldCustomErrorsChange(name(), asyncCustomErrorsById);\n    }\n  };\n\n  // Listen to native 'change' event for validation (not Solid's onChange which fires on input)\n  createEffect(() => {\n    const control = controlRef;\n    if (control) {\n      const handleChange = () => updateControlValidity(control);\n      control.addEventListener('change', handleChange);\n      onCleanup(() => control.removeEventListener('change', handleChange));\n    }\n  });\n\n  const resetControlValidity = () => {\n    const control = controlRef;\n    if (control) {\n      control.setCustomValidity('');\n      validationContext.onFieldValiditionClear(name());\n    }\n  };\n\n  // reset validity and errors when the form is reset\n  createEffect(() => {\n    const form = controlRef?.form;\n    if (form) {\n      form.addEventListener('reset', resetControlValidity);\n      onCleanup(() => form.removeEventListener('reset', resetControlValidity));\n    }\n  });\n\n  // focus first invalid control when fields are set as invalid by server\n  createEffect(() => {\n    const control = controlRef;\n    const form = control?.closest('form');\n    if (form && fieldContext.serverInvalid) {\n      const firstInvalidControl = getFirstInvalidControl(form);\n      if (firstInvalidControl === control) firstInvalidControl.focus();\n    }\n  });\n\n  const validity = () => validationContext.getFieldValidity(name());\n\n  return (\n    <Primitive.input\n      data-valid={getValidAttribute(validity(), fieldContext.serverInvalid)}\n      data-invalid={getInvalidAttribute(validity(), fieldContext.serverInvalid)}\n      aria-invalid={fieldContext.serverInvalid ? true : undefined}\n      aria-describedby={ariaDescriptionContext.getFieldDescription(name())}\n      // disable default browser behaviour of showing built-in error message on hover\n      title=\"\"\n      {...rest}\n      ref={mergeRefs(local.ref, (el) => (controlRef = el as HTMLInputElement))}\n      id={id()}\n      name={name()}\n      onInvalid={composeEventHandlers(local.onInvalid as any, (event: Event) => {\n        const control = event.currentTarget as HTMLInputElement;\n        updateControlValidity(control);\n      })}\n      onChange={composeEventHandlers(local.onChange as any, () => {\n        // reset validity when user changes value\n        resetControlValidity();\n      })}\n    />\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormMessage\n * -----------------------------------------------------------------------------------------------*/\n\nconst _validityMatchers = [\n  'badInput',\n  'patternMismatch',\n  'rangeOverflow',\n  'rangeUnderflow',\n  'stepMismatch',\n  'tooLong',\n  'tooShort',\n  'typeMismatch',\n  'valid',\n  'valueMissing',\n] as const;\ntype ValidityMatcher = (typeof _validityMatchers)[number];\n\nconst DEFAULT_INVALID_MESSAGE = 'This value is not valid';\nconst DEFAULT_BUILT_IN_MESSAGES: Record<ValidityMatcher, string | undefined> = {\n  badInput: DEFAULT_INVALID_MESSAGE,\n  patternMismatch: 'This value does not match the required pattern',\n  rangeOverflow: 'This value is too large',\n  rangeUnderflow: 'This value is too small',\n  stepMismatch: 'This value does not match the required step',\n  tooLong: 'This value is too long',\n  tooShort: 'This value is too short',\n  typeMismatch: 'This value does not match the required type',\n  valid: undefined,\n  valueMissing: 'This value is missing',\n};\n\nconst MESSAGE_NAME = 'FormMessage';\n\ninterface FormMessageProps extends Omit<FormMessageImplProps, 'name'> {\n  match?: ValidityMatcher | CustomMatcher;\n  forceMatch?: boolean;\n  name?: string;\n}\n\nfunction FormMessage(props: ScopedProps<FormMessageProps>) {\n  const [local, rest] = splitProps(props, ['__scopeForm', 'match', 'name', 'forceMatch', 'children']);\n  const fieldContext = useFormFieldContext(MESSAGE_NAME, local.__scopeForm);\n  const name = () => local.name ?? fieldContext.name;\n\n  if (local.match === undefined) {\n    return (\n      <FormMessageImpl {...rest} __scopeForm={local.__scopeForm} name={name()}>\n        {local.children || DEFAULT_INVALID_MESSAGE}\n      </FormMessageImpl>\n    );\n  } else if (typeof local.match === 'function') {\n    return (\n      <FormCustomMessage\n        match={local.match}\n        forceMatch={local.forceMatch}\n        {...rest}\n        __scopeForm={local.__scopeForm}\n        name={name()}\n      >\n        {local.children}\n      </FormCustomMessage>\n    );\n  } else {\n    return (\n      <FormBuiltInMessage\n        match={local.match}\n        forceMatch={local.forceMatch}\n        {...rest}\n        __scopeForm={local.__scopeForm}\n        name={name()}\n      >\n        {local.children}\n      </FormBuiltInMessage>\n    );\n  }\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormBuiltInMessage\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FormBuiltInMessageProps extends FormMessageImplProps {\n  match: ValidityMatcher;\n  forceMatch?: boolean;\n  name: string;\n}\n\nfunction FormBuiltInMessage(props: ScopedProps<FormBuiltInMessageProps>) {\n  const [local, rest] = splitProps(props, ['__scopeForm', 'match', 'forceMatch', 'name', 'children']);\n  const validationContext = useValidationContext(MESSAGE_NAME, local.__scopeForm);\n  const validity = () => validationContext.getFieldValidity(local.name);\n  const matches = () => local.forceMatch || validity()?.[local.match];\n\n  return (\n    <Show when={matches()}>\n      <FormMessageImpl {...rest} __scopeForm={local.__scopeForm} name={local.name}>\n        {local.children ?? DEFAULT_BUILT_IN_MESSAGES[local.match]}\n      </FormMessageImpl>\n    </Show>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormCustomMessage\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FormCustomMessageProps extends FormMessageImplProps {\n  match: CustomMatcher;\n  forceMatch?: boolean;\n  name: string;\n}\n\nfunction FormCustomMessage(props: ScopedProps<FormCustomMessageProps>) {\n  const [local, rest] = splitProps(props, [\n    '__scopeForm',\n    'match',\n    'forceMatch',\n    'name',\n    'id',\n    'ref',\n    'children',\n  ]);\n  const validationContext = useValidationContext(MESSAGE_NAME, local.__scopeForm);\n\n  const _id = createId();\n  const id = () => local.id ?? _id;\n\n  // Register / unregister the custom matcher entry\n  createEffect(() => {\n    const customMatcherEntry: CustomMatcherEntry = { id: id(), match: local.match };\n    validationContext.onFieldCustomMatcherEntryAdd(local.name, customMatcherEntry);\n    onCleanup(() => validationContext.onFieldCustomMatcherEntryRemove(local.name, customMatcherEntry.id));\n  });\n\n  const validity = () => validationContext.getFieldValidity(local.name);\n  const customErrors = () => validationContext.getFieldCustomErrors(local.name);\n  const hasMatchingCustomError = () => customErrors()[id()];\n  const matches = () =>\n    local.forceMatch || (validity() && !hasBuiltInError(validity()!) && hasMatchingCustomError());\n\n  return (\n    <Show when={matches()}>\n      <FormMessageImpl\n        id={id()}\n        ref={local.ref}\n        {...rest}\n        __scopeForm={local.__scopeForm}\n        name={local.name}\n      >\n        {local.children ?? DEFAULT_INVALID_MESSAGE}\n      </FormMessageImpl>\n    </Show>\n  );\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormMessageImpl\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FormMessageImplProps extends PrimitiveProps<'span'> {\n  name: string;\n}\n\nfunction FormMessageImpl(props: ScopedProps<FormMessageImplProps>) {\n  const [local, rest] = splitProps(props, ['__scopeForm', 'id', 'name']);\n  const ariaDescriptionContext = useAriaDescriptionContext(MESSAGE_NAME, local.__scopeForm);\n  const _id = createId();\n  const id = () => local.id ?? _id;\n\n  // Register / unregister the message ID for aria-describedby\n  createEffect(() => {\n    ariaDescriptionContext.onFieldMessageIdAdd(local.name, id());\n    onCleanup(() => ariaDescriptionContext.onFieldMessageIdRemove(local.name, id()));\n  });\n\n  return <Primitive.span id={id()} {...rest} />;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormValidityState\n * -----------------------------------------------------------------------------------------------*/\n\nconst VALIDITY_STATE_NAME = 'FormValidityState';\n\ninterface FormValidityStateProps {\n  children(validity: ValidityState | undefined): JSX.Element;\n  name?: string;\n}\n\nfunction FormValidityState(props: ScopedProps<FormValidityStateProps>) {\n  const [local] = splitProps(props, ['__scopeForm', 'name', 'children']);\n  const validationContext = useValidationContext(VALIDITY_STATE_NAME, local.__scopeForm);\n  const fieldContext = useFormFieldContext(VALIDITY_STATE_NAME, local.__scopeForm);\n  const name = () => local.name ?? fieldContext.name;\n  const validity = () => validationContext.getFieldValidity(name());\n  return <>{local.children(validity())}</>;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * FormSubmit\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FormSubmitProps extends PrimitiveProps<'button'> {}\n\nfunction FormSubmit(props: ScopedProps<FormSubmitProps>) {\n  const [, rest] = splitProps(props, ['__scopeForm']);\n  return <Primitive.button type=\"submit\" {...rest} />;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Helper types and functions\n * -----------------------------------------------------------------------------------------------*/\n\ntype ValidityStateKey = keyof ValidityState;\ntype SyncCustomMatcher = (value: string, formData: FormData) => boolean;\ntype AsyncCustomMatcher = (value: string, formData: FormData) => Promise<boolean>;\ntype CustomMatcher = SyncCustomMatcher | AsyncCustomMatcher;\ntype CustomMatcherEntry = { id: string; match: CustomMatcher };\ntype SyncCustomMatcherEntry = { id: string; match: SyncCustomMatcher };\ntype AsyncCustomMatcherEntry = { id: string; match: AsyncCustomMatcher };\ntype CustomMatcherArgs = [string, FormData];\n\nfunction validityStateToObject(validity: ValidityState) {\n  const object: any = {};\n  for (const key in validity) {\n    object[key] = validity[key as ValidityStateKey];\n  }\n  return object as Record<ValidityStateKey, boolean>;\n}\n\nfunction isHTMLElement(element: any): element is HTMLElement {\n  return element instanceof HTMLElement;\n}\n\nfunction isFormControl(element: any): element is { validity: ValidityState } {\n  return 'validity' in element;\n}\n\nfunction isInvalid(control: HTMLElement) {\n  return (\n    isFormControl(control) &&\n    (control.validity.valid === false || control.getAttribute('aria-invalid') === 'true')\n  );\n}\n\nfunction getFirstInvalidControl(form: HTMLFormElement): HTMLElement | undefined {\n  const elements = form.elements;\n  const [firstInvalidControl] = Array.from(elements).filter(isHTMLElement).filter(isInvalid);\n  return firstInvalidControl;\n}\n\nfunction isAsyncCustomMatcherEntry(\n  entry: CustomMatcherEntry,\n  args: CustomMatcherArgs,\n): entry is AsyncCustomMatcherEntry {\n  return entry.match.constructor.name === 'AsyncFunction' || returnsPromise(entry.match, args);\n}\n\nfunction isSyncCustomMatcherEntry(entry: CustomMatcherEntry): entry is SyncCustomMatcherEntry {\n  return entry.match.constructor.name === 'Function';\n}\n\nfunction returnsPromise(func: Function, args: Array<unknown>) {\n  return func(...args) instanceof Promise;\n}\n\nfunction hasBuiltInError(validity: ValidityState) {\n  let error = false;\n  for (const validityKey in validity) {\n    const key = validityKey as ValidityStateKey;\n    if (key !== 'valid' && key !== 'customError' && validity[key]) {\n      error = true;\n      break;\n    }\n  }\n  return error;\n}\n\nfunction getValidAttribute(validity: ValidityState | undefined, serverInvalid: boolean) {\n  if (validity?.valid === true && !serverInvalid) return true;\n  return undefined;\n}\n\nfunction getInvalidAttribute(validity: ValidityState | undefined, serverInvalid: boolean) {\n  if (validity?.valid === false || serverInvalid) return true;\n  return undefined;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Aliases\n * -----------------------------------------------------------------------------------------------*/\n\nconst Root = Form;\nconst Field = FormField;\nconst Label = FormLabel;\nconst Control = FormControl;\nconst Message = FormMessage;\nconst ValidityState = FormValidityState;\nconst Submit = FormSubmit;\n\nexport {\n  createFormScope,\n  //\n  Form,\n  FormField,\n  FormLabel,\n  FormControl,\n  FormMessage,\n  FormValidityState,\n  FormSubmit,\n  //\n  Root,\n  Field,\n  Label,\n  Control,\n  Message,\n  ValidityState,\n  Submit,\n};\n\nexport type {\n  FormProps,\n  FormFieldProps,\n  FormLabelProps,\n  FormControlProps,\n  FormMessageProps,\n  FormValidityStateProps,\n  FormSubmitProps,\n};\n"]}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@radix-solid-js/form",
+  "version": "0.1.0",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@radix-solid-js/primitive": "workspace:*",
+    "@radix-solid-js/compose-refs": "workspace:*",
+    "@radix-solid-js/context": "workspace:*",
+    "@radix-solid-js/id": "workspace:*",
+    "@radix-solid-js/label": "workspace:*",
+    "@radix-solid-js/primitive-component": "workspace:*"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.8.0"
+  },
+  "devDependencies": {
+    "@repo/tsconfig": "workspace:*",
+    "tsup": "^8.3.6",
+    "typescript": "^5.7.3",
+    "solid-js": "^1.9.3",
+    "vitest": "^2.1.8"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ljho01/shadcn-solid-js.git",
+    "directory": "packages/solid/form"
+  }
+}