@multiplatform.one/forms 6.0.0

package/dist/cjs/Form/form.spec.native.js

@@ -0,0 +1,367 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_form = require("@tanstack/react-form");
+var import_react = require("@testing-library/react");
+var import_tamagui = require("tamagui");
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_Button = require("../Button/index.native.js");
+var import_Input = require("../fields/Input/index.native.js");
+var import_index = require("./index.native.js");
+var mockSetUrlState = import_vitest.vi.fn();
+import_vitest.vi.mock("@multiplatform.one/router", function () {
+  return {
+    useUrlState: import_vitest.vi.fn(function () {
+      return [{
+        name: "From URL"
+      }, mockSetUrlState];
+    })
+  };
+});
+(0, import_vitest.describe)("Form", function () {
+  (0, import_vitest.describe)("basic rendering", function () {
+    (0, import_vitest.it)("should render form with aria-label", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Form, {
+        onSubmit: import_vitest.vi.fn(),
+        "aria-label": "Test Form",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          children: "Content"
+        })
+      }));
+      var formElement = result.container.querySelector('[aria-label="Test Form"]');
+      (0, import_vitest.expect)(formElement === null || formElement === void 0 ? void 0 : formElement.getAttribute("aria-label")).toBe("Test Form");
+    });
+  });
+  (0, import_vitest.describe)("form submission", function () {
+    (0, import_vitest.it)("should handle form submission with default values", async function () {
+      var onSubmit = import_vitest.vi.fn();
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Form, {
+        formOptions: {
+          defaultValues: {
+            name: "John",
+            email: "john@example.com"
+          }
+        },
+        onSubmit,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+          action: "submit",
+          testID: "submit-button",
+          children: "Submit"
+        })
+      }));
+      var submitButton = result.container.querySelector('[data-testid="submit-button"]');
+      await (0, import_react.act)(async function () {
+        if (submitButton) {
+          import_react.fireEvent.click(submitButton);
+        }
+      });
+      await (0, import_react.waitFor)(function () {
+        (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+          name: "John",
+          email: "john@example.com"
+        });
+      });
+    });
+    (0, import_vitest.it)("should handle form submission with provided form instance", async function () {
+      var onSubmit = import_vitest.vi.fn();
+      var TestComponent = function TestComponent2() {
+        var form = (0, import_react_form.useForm)({
+          defaultValues: {
+            name: "Jane"
+          },
+          onSubmit: async function onSubmit1(param) {
+            var {
+              value
+            } = param;
+            onSubmit(value);
+          }
+        });
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Form, {
+          form,
+          onSubmit: function onSubmit2() {},
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            action: "submit",
+            testID: "submit-button",
+            children: "Submit"
+          })
+        });
+      };
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
+      var button = result.container.querySelector('[data-testid="submit-button"]');
+      await (0, import_react.act)(async function () {
+        if (button) {
+          import_react.fireEvent.click(button);
+        }
+      });
+      await (0, import_react.waitFor)(function () {
+        (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+          name: "Jane"
+        });
+      });
+    });
+    (0, import_vitest.it)("should include readOnly field values in submit payload", async function () {
+      var onSubmit = import_vitest.vi.fn();
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Form, {
+        formOptions: {
+          defaultValues: {
+            editable: "editable value",
+            readOnlyField: "readonly value"
+          }
+        },
+        onSubmit,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Input.Input, {
+          name: "editable",
+          label: "Editable"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Input.Input, {
+          name: "readOnlyField",
+          label: "Read only",
+          readOnly: true
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+          action: "submit",
+          testID: "submit-button",
+          children: "Submit"
+        })]
+      }));
+      var submitButton = result.container.querySelector('[data-testid="submit-button"]');
+      await (0, import_react.act)(async function () {
+        if (submitButton) {
+          import_react.fireEvent.click(submitButton);
+        }
+      });
+      await (0, import_react.waitFor)(function () {
+        (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith(import_vitest.expect.objectContaining({
+          editable: "editable value",
+          readOnlyField: "readonly value"
+        }));
+      });
+    });
+    (0, import_vitest.it)("should keep disabled field values in submit payload", async function () {
+      var _onSubmit_mock_calls_;
+      var onSubmit = import_vitest.vi.fn();
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Form, {
+        formOptions: {
+          defaultValues: {
+            editable: "editable value",
+            disabledField: "disabled value"
+          }
+        },
+        onSubmit,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Input.Input, {
+          name: "editable",
+          label: "Editable"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Input.Input, {
+          name: "disabledField",
+          label: "Disabled",
+          disabled: true
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+          action: "submit",
+          testID: "submit-button",
+          children: "Submit"
+        })]
+      }));
+      var submitButton = result.container.querySelector('[data-testid="submit-button"]');
+      await (0, import_react.act)(async function () {
+        if (submitButton) {
+          import_react.fireEvent.click(submitButton);
+        }
+      });
+      await (0, import_react.waitFor)(function () {
+        (0, import_vitest.expect)(onSubmit).toHaveBeenCalled();
+      });
+      var payload = (_onSubmit_mock_calls_ = onSubmit.mock.calls[0]) === null || _onSubmit_mock_calls_ === void 0 ? void 0 : _onSubmit_mock_calls_[0];
+      (0, import_vitest.expect)(payload).toEqual(import_vitest.expect.objectContaining({
+        editable: "editable value",
+        disabledField: "disabled value"
+      }));
+    });
+  });
+  (0, import_vitest.describe)("form context", function () {
+    (0, import_vitest.it)("should provide form context to children", function () {
+      var TestConsumer = function TestConsumer2() {
+        var form = (0, import_index.useFormContext)();
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          "data-testid": "form-context",
+          children: form ? "Has Context" : "No Context"
+        });
+      };
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Form, {
+        onSubmit: import_vitest.vi.fn(),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TestConsumer, {})
+      }));
+      var formContext = result.container.querySelector('[data-testid="form-context"]');
+      (0, import_vitest.expect)(formContext === null || formContext === void 0 ? void 0 : formContext.textContent).toBe("Has Context");
+    });
+  });
+  (0, import_vitest.describe)("edge cases", function () {
+    (0, import_vitest.it)("should handle undefined onSubmit", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Form, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+          action: "submit",
+          testID: "submit-button",
+          children: "Submit"
+        })
+      }));
+      var submitButton = result.container.querySelector('[data-testid="submit-button"]');
+      (0, import_vitest.expect)(function () {
+        if (submitButton) {
+          import_react.fireEvent.click(submitButton);
+        }
+      }).not.toThrow();
+    });
+    (0, import_vitest.it)("should handle async onSubmit", async function () {
+      var onSubmit = import_vitest.vi.fn().mockResolvedValue(void 0);
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Form, {
+        onSubmit,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+          action: "submit",
+          testID: "submit-button",
+          children: "Submit"
+        })
+      }));
+      var button = result.container.querySelector('[data-testid="submit-button"]');
+      await (0, import_react.act)(async function () {
+        if (button) {
+          import_react.fireEvent.click(button);
+        }
+      });
+      await (0, import_react.waitFor)(function () {
+        (0, import_vitest.expect)(onSubmit).toHaveBeenCalled();
+      });
+    });
+  });
+  (0, import_vitest.describe)("accessibility", function () {
+    (0, import_vitest.it)("should support aria attributes", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Form, {
+        onSubmit: import_vitest.vi.fn(),
+        "aria-label": "Test Form",
+        "aria-describedby": "form-description",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          children: "Test Content"
+        })
+      }));
+      var form = result.container.querySelector('[aria-label="Test Form"]');
+      (0, import_vitest.expect)(form === null || form === void 0 ? void 0 : form.getAttribute("aria-label")).toBe("Test Form");
+      (0, import_vitest.expect)(form === null || form === void 0 ? void 0 : form.getAttribute("aria-describedby")).toBe("form-description");
+    });
+  });
+  (0, import_vitest.describe)("form validation", function () {
+    (0, import_vitest.it)("should handle form validation errors", async function () {
+      var onSubmit = import_vitest.vi.fn();
+      var formOptions = {
+        defaultValues: {
+          name: ""
+        },
+        validators: {
+          onSubmit: function onSubmit2(param) {
+            var {
+              value
+            } = param;
+            if (!value.name) {
+              return "Name is required";
+            }
+            return void 0;
+          }
+        }
+      };
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Form, {
+        formOptions,
+        onSubmit,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+          action: "submit",
+          testID: "submit-button",
+          children: "Submit"
+        })
+      }));
+      var button = result.container.querySelector('[data-testid="submit-button"]');
+      await (0, import_react.act)(async function () {
+        if (button) {
+          import_react.fireEvent.click(button);
+        }
+      });
+      (0, import_vitest.expect)(onSubmit).not.toHaveBeenCalled();
+    });
+    (0, import_vitest.it)("should submit when validation passes", async function () {
+      var onSubmit = import_vitest.vi.fn();
+      var formOptions = {
+        defaultValues: {
+          name: "Valid Name"
+        },
+        validators: {
+          onSubmit: function onSubmit2(param) {
+            var {
+              value
+            } = param;
+            if (!value.name) {
+              return "Name is required";
+            }
+            return void 0;
+          }
+        }
+      };
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Form, {
+        formOptions,
+        onSubmit,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+          action: "submit",
+          testID: "submit-button",
+          children: "Submit"
+        })
+      }));
+      var button = result.container.querySelector('[data-testid="submit-button"]');
+      await (0, import_react.act)(async function () {
+        if (button) {
+          import_react.fireEvent.click(button);
+        }
+      });
+      await (0, import_react.waitFor)(function () {
+        (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+          name: "Valid Name"
+        });
+      });
+    });
+  });
+  (0, import_vitest.describe)("form state management", function () {
+    (0, import_vitest.it)("should maintain form state between renders", async function () {
+      var onSubmit = import_vitest.vi.fn();
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Form, {
+        formOptions: {
+          defaultValues: {
+            name: "Initial"
+          }
+        },
+        onSubmit,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+          action: "submit",
+          testID: "submit-button",
+          children: "Submit"
+        })
+      }));
+      result.rerender(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Form, {
+        formOptions: {
+          defaultValues: {
+            name: "Initial"
+          }
+        },
+        onSubmit,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+          action: "submit",
+          testID: "submit-button",
+          children: "Submit"
+        })
+      }));
+      var button = result.container.querySelector('[data-testid="submit-button"]');
+      await (0, import_react.act)(async function () {
+        if (button) {
+          import_react.fireEvent.click(button);
+        }
+      });
+      await (0, import_react.waitFor)(function () {
+        (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+          name: "Initial"
+        });
+      });
+    });
+  });
+});
+//# sourceMappingURL=form.spec.native.js.map

package/dist/cjs/Form/form.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_react_form","import_react","import_tamagui","import_vitest","import_test_utils","import_Button","import_Input","import_index","mockSetUrlState","vi","fn","mock","useUrlState","name","describe","it","result","renderWithProviders","jsx","Form","onSubmit","children","YStack","formElement","container","querySelector","expect","getAttribute","toBe","formOptions","defaultValues","email","Button","action","testID","submitButton","act","fireEvent","click","waitFor","toHaveBeenCalledWith","TestComponent","TestComponent2","form","useForm","onSubmit1","param","value","onSubmit2","button","jsxs","editable","readOnlyField","Input","label","readOnly","objectContaining","_onSubmit_mock_calls_","disabledField","disabled","toHaveBeenCalled","payload","calls","toEqual","TestConsumer","TestConsumer2","useFormContext","formContext","textContent","not","toThrow","mockResolvedValue","validators"],"sources":["../../../src/Form/form.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Form/index.cjs

@@ -0,0 +1,96 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Form_exports = {};
+__export(Form_exports, {
+  Form: () => Form,
+  FormContext: () => FormContext,
+  useFormContext: () => useFormContext
+});
+module.exports = __toCommonJS(Form_exports);
+var import_router = require("@multiplatform.one/router");
+var import_react_form = require("@tanstack/react-form");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+const FormContext = (0, import_react.createContext)(void 0);
+function useFormContext() {
+  return (0, import_react.useContext)(FormContext);
+}
+function Form({
+  children,
+  form: providedForm,
+  formOptions,
+  onSubmit,
+  syncWithUrl = false,
+  urlDebounceMs = 500,
+  submitText: _submitText,
+  ...tamaguiFormProps
+}) {
+  const [urlState, setUrlState] = (0, import_router.useUrlState)(formOptions?.defaultValues || {}, {
+    debounceMs: urlDebounceMs
+  });
+  const onSubmitRef = (0, import_react.useRef)(onSubmit);
+  (0, import_react.useEffect)(() => {
+    onSubmitRef.current = onSubmit;
+  }, [onSubmit]);
+  const defaultForm = (0, import_react_form.useForm)(providedForm ? {} : {
+    ...formOptions,
+    defaultValues: syncWithUrl ? urlState : formOptions?.defaultValues,
+    onSubmit: async ({
+      value,
+      formApi
+    }) => {
+      if (onSubmitRef.current) {
+        await onSubmitRef.current(value);
+      } else if (formOptions?.onSubmit) {
+        await formOptions.onSubmit({
+          value,
+          formApi,
+          meta: {}
+        });
+      }
+    }
+  });
+  const form = providedForm || defaultForm;
+  (0, import_react.useEffect)(() => {
+    if (!syncWithUrl) return;
+    const subscription = form.store.subscribe(() => {
+      const values = form.store.state.values;
+      setUrlState(values);
+    });
+    return () => subscription.unsubscribe();
+  }, [form, syncWithUrl, setUrlState]);
+  const handleSubmit = (0, import_react.useMemo)(() => e => {
+    e?.preventDefault();
+    e?.stopPropagation();
+    void form.handleSubmit();
+  }, [form]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormContext.Provider, {
+    value: form,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Form, {
+      onSubmit: handleSubmit,
+      ...tamaguiFormProps,
+      children
+    })
+  });
+}

package/dist/cjs/Form/index.native.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Form_exports = {};
+__export(Form_exports, {
+  Form: () => Form,
+  FormContext: () => FormContext,
+  useFormContext: () => useFormContext
+});
+module.exports = __toCommonJS(Form_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_router = require("@multiplatform.one/router");
+var import_react_form = require("@tanstack/react-form");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var FormContext = /* @__PURE__ */(0, import_react.createContext)(void 0);
+function useFormContext() {
+  return (0, import_react.useContext)(FormContext);
+}
+function Form(param) {
+  var {
+    children,
+    form: providedForm,
+    formOptions,
+    onSubmit,
+    syncWithUrl = false,
+    urlDebounceMs = 500,
+    submitText: _submitText,
+    ...tamaguiFormProps
+  } = param;
+  var [urlState, setUrlState] = (0, import_router.useUrlState)((formOptions === null || formOptions === void 0 ? void 0 : formOptions.defaultValues) || {}, {
+    debounceMs: urlDebounceMs
+  });
+  var onSubmitRef = (0, import_react.useRef)(onSubmit);
+  (0, import_react.useEffect)(function () {
+    onSubmitRef.current = onSubmit;
+  }, [onSubmit]);
+  var defaultForm = (0, import_react_form.useForm)(providedForm ? {} : {
+    ...formOptions,
+    defaultValues: syncWithUrl ? urlState : formOptions === null || formOptions === void 0 ? void 0 : formOptions.defaultValues,
+    onSubmit: async function onSubmit2(param2) {
+      var {
+        value,
+        formApi
+      } = param2;
+      if (onSubmitRef.current) {
+        await onSubmitRef.current(value);
+      } else if (formOptions === null || formOptions === void 0 ? void 0 : formOptions.onSubmit) {
+        await formOptions.onSubmit({
+          value,
+          formApi,
+          meta: {}
+        });
+      }
+    }
+  });
+  var form = providedForm || defaultForm;
+  (0, import_react.useEffect)(function () {
+    if (!syncWithUrl) return;
+    var subscription = form.store.subscribe(function () {
+      var values = form.store.state.values;
+      setUrlState(values);
+    });
+    return function () {
+      return subscription.unsubscribe();
+    };
+  }, [form, syncWithUrl, setUrlState]);
+  var handleSubmit = (0, import_react.useMemo)(function () {
+    return function (e) {
+      e === null || e === void 0 ? void 0 : e.preventDefault();
+      e === null || e === void 0 ? void 0 : e.stopPropagation();
+      void form.handleSubmit();
+    };
+  }, [form]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormContext.Provider, {
+    value: form,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Form, {
+      onSubmit: handleSubmit,
+      ...tamaguiFormProps,
+      children
+    })
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/Form/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Form_exports","__export","Form","FormContext","useFormContext","module","exports","import_jsx_runtime","require","import_router","import_react_form","import_react","import_tamagui","createContext","useContext","param","children","form","providedForm","formOptions","onSubmit","syncWithUrl","urlDebounceMs","submitText","_submitText","tamaguiFormProps","urlState","setUrlState","useUrlState","defaultValues","debounceMs","onSubmitRef","useRef","useEffect","current","defaultForm","useForm","onSubmit2","param2","formApi","meta","subscription","store","subscribe","values","state","unsubscribe","handleSubmit","useMemo","e","preventDefault","stopPropagation"],"sources":["../../../src/Form/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAA,IAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAA4B,CAAAK,YAAA;AAC5B,IAAAO,kBAAA,GAAwDC,OAAA;AACxD,IAAAC,aAAA,GAQOD,OAAA;AACP,IAAAE,iBAAwE,GAAAF,OAAA;AAyGlE,IAAAG,YAAA,GAAAH,OAAA;AAvGC,IAAAI,cAAM,GAAAJ,OAAc;AAIpB,IAAAL,WAAS,kBAAqD,IAAAQ,YAAA,CAAAE,aAAA;AACnE,SAAAT,cAAOA,CAAA;EAcT,WAAAO,YAAA,CAAAG,UAAA,EAAAX,WAAA;AAeO;AAA2E,SAChFD,KAAAa,KAAA;EACA;IAAMC,QAAA;IAAAC,IAAA,EAAAC,YAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC,aAAA;IAAAC,UAAA,EAAAC,WAAA;IAAA,GAAAC;EAAA,IAAAV,KAAA;EACN,KAAAW,QAAA,EAAAC,WAAA,QAAAlB,aAAA,CAAAmB,WAAA,GAAAT,WAAA,aAAAA,WAAA,uBAAAA,WAAA,CAAAU,aAAA;IACAC,UAAA,EAAAR;EACA;EACA,IAAAS,WAAA,GAAgB,IAAApB,YAAA,CAAAqB,MAAA,EAAAZ,QAAA;EAChB,IAAAT,YAAY,CAAAsB,SAAA;IACZF,WAAG,CAAAG,OAAA,GAAAd,QAAA;EACL,CAAyC,GAEvCA,QAAO,CAAyB,CAC9B;EAAgC,IAC9Be,WAAA,GAAY,IAAAzB,iBAAc,CAAA0B,OAAA,EAAAlB,YAAA;IAC9B,GAAAC,WAAA;IAGAU,aAAM,EAAAR,WAAc,GAAAK,QAAA,GAAAP,WAAe,aAAAA,WAAA,uBAAAA,WAAA,CAAAU,aAAA;IACnCT,QAAA,iBAAAiB,SAAgBA,CAAAC,MAAA;MACd;QAAAvC,KAAY;QAAAwC;MAAU,IAAAD,MAAA;MACpB,IAAAP,WAAS,CAAAG,OAAA;QAIP,MAAAH,WAAA,CAAcG,OAAA,CAAAnC,KAAA;MAClB,WAAAoB,WAEI,aAAAA,WAAA,uBAAAA,WAAA,CAAAC,QAAA;QACE,MAAGD,WAAA,CAAAC,QAAA;UACHrB,KAAA;UACAwC,OAAU;UAERC,IAAI;QACF;MAA+B;IAI/B;EAA8D;EAChE,IACFvB,IAAA,GAAAC,YAAA,IAAAiB,WAAA;EAAA,EACF,EAAAxB,YAAA,CAAAsB,SAAA;IACN,KAAAZ,WAAA;IAEA,IAAMoB,YAAO,GAAAxB,IAAA,CAAAyB,KAAgB,CAAAC,SAAA;MAG7B,IAAAC,MAAA,GAAA3B,IAAA,CAAAyB,KAAA,CAAUG,KAAA,CAAMD,MAAA;MACdjB,WAAK,CAAAiB,MAAa;IAElB;IACE,mBAAe;MACf,OAAAH,YAAkB,CAAAK,WAAA;IACpB,CAAC;EAED,IACF7B,IAAI,EAEJI,WAAM,EACJM,WAAO,CACL;EACA,IAAAoB,YAAG,OAAgBpC,YAAA,CAAAqC,OAAA;IAEnB,OAAK,UAAKC,CAAA;MACZA,CAAA,aAAAA,CAAA,uBAAAA,CAAA,CAAAC,cAAA;MACCD,CAAA,KAAI,QAAAA,CAAA,uBAAAA,CAAA,CAAAE,eAAA;MACP,KAAAlC,IAAA,CAAA8B,YAAA;IAEA;EAOF,I","ignoreList":[]}

package/dist/cjs/FormGrid.cjs

@@ -0,0 +1,61 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FormGrid_exports = {};
+__export(FormGrid_exports, {
+  FormGrid: () => FormGrid
+});
+module.exports = __toCommonJS(FormGrid_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function FormGrid({
+  columns = 2,
+  gap = 16,
+  children
+}) {
+  if (import_tamagui.isWeb) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+      style: {
+        display: "grid",
+        gridTemplateColumns: `repeat(${columns}, 1fr)`,
+        gap: `${gap}px`
+      },
+      children
+    });
+  }
+  const childArray = import_react.Children.toArray(children);
+  const rows = [];
+  for (let i = 0; i < childArray.length; i += columns) {
+    rows.push(childArray.slice(i, i + columns));
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    gap,
+    children: rows.map((row, rowIndex) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      gap,
+      children: row.map((child, colIndex) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        flex: 1,
+        children: child
+      }, colIndex))
+    }, rowIndex))
+  });
+}