@multiplatform.one/components 5.0.1 → 5.0.7

package/dist/cjs/forms/Checkbox/FieldCheckbox.spec.cjs

@@ -0,0 +1,146 @@
+var import_config = require("@tamagui/config"),
+  import_react_form = require("@tanstack/react-form"),
+  import_react = require("@testing-library/react"),
+  import_tamagui = require("tamagui"),
+  import_vitest = require("vitest"),
+  import_SubmitButton = require("../Button/SubmitButton.cjs"),
+  import_Form = require("../Form.cjs"),
+  import_FieldCheckbox = require("./FieldCheckbox.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const tamaguiConfig = (0, import_tamagui.createTamagui)(import_config.config);
+(0, import_vitest.describe)("FieldCheckbox", () => {
+  const renderWithProviders = ui => (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.TamaguiProvider, {
+    config: tamaguiConfig,
+    defaultTheme: "light",
+    children: ui
+  }));
+  (0, import_vitest.describe)("without form context", () => {
+    (0, import_vitest.it)("should render with label and helper text correctly", () => {
+      const {
+          getByText,
+          getByRole
+        } = renderWithProviders(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, {
+          label: "Hello",
+          helperText: "please check this box",
+          name: "test",
+          defaultValue: !1
+        })),
+        checkbox = getByRole("checkbox"),
+        label = getByText("Hello"),
+        helperText = getByText("please check this box");
+      (0, import_vitest.expect)(label).toBeDefined(), (0, import_vitest.expect)(helperText).toBeDefined(), (0, import_vitest.expect)(checkbox).not.toBeChecked(), (0, import_vitest.expect)(checkbox).toBeEnabled();
+    }), (0, import_vitest.it)("should handle checkbox state changes", () => {
+      const onCheckedChange = import_vitest.vi.fn(),
+        {
+          getByRole
+        } = renderWithProviders(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, {
+          label: "Hello",
+          name: "test",
+          onCheckedChange,
+          defaultValue: !1
+        })),
+        checkbox = getByRole("checkbox");
+      (0, import_vitest.expect)(checkbox).not.toBeChecked(), import_react.fireEvent.click(checkbox), (0, import_vitest.expect)(onCheckedChange).toHaveBeenCalledWith(!0);
+    });
+  }), (0, import_vitest.describe)("with form context", () => {
+    const FormExample = ({
+      defaultValue = !1,
+      name = "foo",
+      onSubmit = async _value => {}
+    }) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Form.Form, {
+      defaultValues: {
+        [name]: defaultValue
+      },
+      onSubmit: async ({
+        value
+      }) => {
+        await onSubmit(value);
+      },
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, {
+        label: "Accept",
+        name
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SubmitButton.SubmitButton, {
+        children: "Submit"
+      })]
+    });
+    (0, import_vitest.it)("should render with form context and handle form submission", async () => {
+      const onSubmit = import_vitest.vi.fn(),
+        {
+          getByText,
+          getByRole
+        } = renderWithProviders(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {
+            onSubmit
+          })
+        })),
+        checkbox = getByRole("checkbox"),
+        submitButton = getByText("Submit");
+      (0, import_vitest.expect)(checkbox).not.toBeChecked(), await (0, import_react.act)(async () => {
+        import_react.fireEvent.click(submitButton);
+      }), (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+        foo: !1
+      }), await (0, import_react.act)(async () => {
+        import_react.fireEvent.click(checkbox), import_react.fireEvent.click(submitButton);
+      }), (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+        foo: !0
+      });
+    }), (0, import_vitest.it)("should handle disabled state in form context", () => {
+      const onCheckedChange = import_vitest.vi.fn(),
+        {
+          getByRole
+        } = renderWithProviders(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+          defaultValues: {
+            terms: !1
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, {
+            label: "Accept",
+            name: "terms",
+            disabled: !0,
+            onCheckedChange
+          })
+        })),
+        checkbox = getByRole("checkbox");
+      import_react.fireEvent.click(checkbox), (0, import_vitest.expect)(onCheckedChange).not.toHaveBeenCalled(), (0, import_vitest.expect)(checkbox).not.toBeChecked(), (0, import_vitest.expect)(checkbox).toBeDisabled();
+    });
+  }), (0, import_vitest.describe)("with useForm hook directly", () => {
+    (0, import_vitest.it)("should handle form submission with useForm", async () => {
+      const onSubmitMock = import_vitest.vi.fn(),
+        TestComponent = () => {
+          const form = (0, import_react_form.useForm)({
+            defaultValues: {
+              terms: !1
+            },
+            onSubmit: async ({
+              value
+            }) => {
+              onSubmitMock(value);
+            }
+          });
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Form.Form, {
+            form,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, {
+              label: "Accept Terms",
+              name: "terms"
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SubmitButton.SubmitButton, {
+              children: "Submit"
+            })]
+          });
+        },
+        {
+          getByRole,
+          getByText
+        } = renderWithProviders(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {})),
+        checkbox = getByRole("checkbox"),
+        submitButton = getByText("Submit");
+      await (0, import_react.act)(async () => {
+        import_react.fireEvent.click(submitButton);
+      }), (0, import_vitest.expect)(onSubmitMock).toHaveBeenCalledWith({
+        terms: !1
+      }), await (0, import_react.act)(async () => {
+        import_react.fireEvent.click(checkbox), import_react.fireEvent.click(submitButton);
+      }), (0, import_vitest.expect)(onSubmitMock).toHaveBeenCalledWith({
+        terms: !0
+      });
+    });
+  });
+});

package/dist/cjs/forms/Checkbox/FieldCheckbox.spec.js

@@ -0,0 +1,103 @@
+var import_config = require("@tamagui/config"), import_react_form = require("@tanstack/react-form"), import_react = require("@testing-library/react"), import_tamagui = require("tamagui"), import_vitest = require("vitest"), import_SubmitButton = require("../Button/SubmitButton"), import_Form = require("../Form"), import_FieldCheckbox = require("./FieldCheckbox"), import_jsx_runtime = require("react/jsx-runtime");
+const tamaguiConfig = (0, import_tamagui.createTamagui)(import_config.config);
+(0, import_vitest.describe)("FieldCheckbox", () => {
+  const renderWithProviders = (ui) => (0, import_react.render)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TamaguiProvider, { config: tamaguiConfig, defaultTheme: "light", children: ui })
+  );
+  (0, import_vitest.describe)("without form context", () => {
+    (0, import_vitest.it)("should render with label and helper text correctly", () => {
+      const { getByText, getByRole } = renderWithProviders(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_FieldCheckbox.FieldCheckbox,
+          {
+            label: "Hello",
+            helperText: "please check this box",
+            name: "test",
+            defaultValue: !1
+          }
+        )
+      ), checkbox = getByRole("checkbox"), label = getByText("Hello"), helperText = getByText("please check this box");
+      (0, import_vitest.expect)(label).toBeDefined(), (0, import_vitest.expect)(helperText).toBeDefined(), (0, import_vitest.expect)(checkbox).not.toBeChecked(), (0, import_vitest.expect)(checkbox).toBeEnabled();
+    }), (0, import_vitest.it)("should handle checkbox state changes", () => {
+      const onCheckedChange = import_vitest.vi.fn(), { getByRole } = renderWithProviders(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_FieldCheckbox.FieldCheckbox,
+          {
+            label: "Hello",
+            name: "test",
+            onCheckedChange,
+            defaultValue: !1
+          }
+        )
+      ), checkbox = getByRole("checkbox");
+      (0, import_vitest.expect)(checkbox).not.toBeChecked(), import_react.fireEvent.click(checkbox), (0, import_vitest.expect)(onCheckedChange).toHaveBeenCalledWith(!0);
+    });
+  }), (0, import_vitest.describe)("with form context", () => {
+    const FormExample = ({
+      defaultValue = !1,
+      name = "foo",
+      onSubmit = async (_value) => {
+      }
+    }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_Form.Form,
+      {
+        defaultValues: {
+          [name]: defaultValue
+        },
+        onSubmit: async ({ value }) => {
+          await onSubmit(value);
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, { label: "Accept", name }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SubmitButton.SubmitButton, { children: "Submit" })
+        ]
+      }
+    );
+    (0, import_vitest.it)("should render with form context and handle form submission", async () => {
+      const onSubmit = import_vitest.vi.fn(), { getByText, getByRole } = renderWithProviders(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormExample, { onSubmit }) })
+      ), checkbox = getByRole("checkbox"), submitButton = getByText("Submit");
+      (0, import_vitest.expect)(checkbox).not.toBeChecked(), await (0, import_react.act)(async () => {
+        import_react.fireEvent.click(submitButton);
+      }), (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({ foo: !1 }), await (0, import_react.act)(async () => {
+        import_react.fireEvent.click(checkbox), import_react.fireEvent.click(submitButton);
+      }), (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({ foo: !0 });
+    }), (0, import_vitest.it)("should handle disabled state in form context", () => {
+      const onCheckedChange = import_vitest.vi.fn(), { getByRole } = renderWithProviders(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Form.Form, { defaultValues: { terms: !1 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_FieldCheckbox.FieldCheckbox,
+          {
+            label: "Accept",
+            name: "terms",
+            disabled: !0,
+            onCheckedChange
+          }
+        ) })
+      ), checkbox = getByRole("checkbox");
+      import_react.fireEvent.click(checkbox), (0, import_vitest.expect)(onCheckedChange).not.toHaveBeenCalled(), (0, import_vitest.expect)(checkbox).not.toBeChecked(), (0, import_vitest.expect)(checkbox).toBeDisabled();
+    });
+  }), (0, import_vitest.describe)("with useForm hook directly", () => {
+    (0, import_vitest.it)("should handle form submission with useForm", async () => {
+      const onSubmitMock = import_vitest.vi.fn(), TestComponent = () => {
+        const form = (0, import_react_form.useForm)({
+          defaultValues: {
+            terms: !1
+          },
+          onSubmit: async ({ value }) => {
+            onSubmitMock(value);
+          }
+        });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Form.Form, { form, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, { label: "Accept Terms", name: "terms" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SubmitButton.SubmitButton, { children: "Submit" })
+        ] });
+      }, { getByRole, getByText } = renderWithProviders(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TestComponent, {})), checkbox = getByRole("checkbox"), submitButton = getByText("Submit");
+      await (0, import_react.act)(async () => {
+        import_react.fireEvent.click(submitButton);
+      }), (0, import_vitest.expect)(onSubmitMock).toHaveBeenCalledWith({ terms: !1 }), await (0, import_react.act)(async () => {
+        import_react.fireEvent.click(checkbox), import_react.fireEvent.click(submitButton);
+      }), (0, import_vitest.expect)(onSubmitMock).toHaveBeenCalledWith({ terms: !0 });
+    });
+  });
+});
+//# sourceMappingURL=FieldCheckbox.spec.js.map

package/dist/cjs/forms/Checkbox/FieldCheckbox.spec.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Checkbox/FieldCheckbox.spec.tsx"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/forms/Checkbox/FieldCheckbox.spec.native.js

@@ -0,0 +1,118 @@
+"use strict";
+var import_jsx_runtime = require("react/jsx-runtime"), import_config = require("@tamagui/config"), import_react_form = require("@tanstack/react-form"), import_react = require("@testing-library/react"), import_tamagui = require("tamagui"), import_vitest = require("vitest"), import_SubmitButton = require("../Button/SubmitButton"), import_Form = require("../Form"), import_FieldCheckbox = require("./FieldCheckbox"), tamaguiConfig = (0, import_tamagui.createTamagui)(import_config.config);
+(0, import_vitest.describe)("FieldCheckbox", function() {
+  var renderWithProviders = function(ui) {
+    return (0, import_react.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TamaguiProvider, {
+      config: tamaguiConfig,
+      defaultTheme: "light",
+      children: ui
+    }));
+  };
+  (0, import_vitest.describe)("without form context", function() {
+    (0, import_vitest.it)("should render with label and helper text correctly", function() {
+      var { getByText, getByRole } = renderWithProviders(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, {
+        label: "Hello",
+        helperText: "please check this box",
+        name: "test",
+        defaultValue: !1
+      })), checkbox = getByRole("checkbox"), label = getByText("Hello"), helperText = getByText("please check this box");
+      (0, import_vitest.expect)(label).toBeDefined(), (0, import_vitest.expect)(helperText).toBeDefined(), (0, import_vitest.expect)(checkbox).not.toBeChecked(), (0, import_vitest.expect)(checkbox).toBeEnabled();
+    }), (0, import_vitest.it)("should handle checkbox state changes", function() {
+      var onCheckedChange = import_vitest.vi.fn(), { getByRole } = renderWithProviders(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, {
+        label: "Hello",
+        name: "test",
+        onCheckedChange,
+        defaultValue: !1
+      })), checkbox = getByRole("checkbox");
+      (0, import_vitest.expect)(checkbox).not.toBeChecked(), import_react.fireEvent.click(checkbox), (0, import_vitest.expect)(onCheckedChange).toHaveBeenCalledWith(!0);
+    });
+  }), (0, import_vitest.describe)("with form context", function() {
+    var FormExample = function(param) {
+      var { defaultValue = !1, name = "foo", onSubmit = async function(_value) {
+      } } = param;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Form.Form, {
+        defaultValues: {
+          [name]: defaultValue
+        },
+        onSubmit: async function(param2) {
+          var { value } = param2;
+          await onSubmit(value);
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, {
+            label: "Accept",
+            name
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SubmitButton.SubmitButton, {
+            children: "Submit"
+          })
+        ]
+      });
+    };
+    (0, import_vitest.it)("should render with form context and handle form submission", async function() {
+      var onSubmit = import_vitest.vi.fn(), { getByText, getByRole } = renderWithProviders(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormExample, {
+          onSubmit
+        })
+      })), checkbox = getByRole("checkbox"), submitButton = getByText("Submit");
+      (0, import_vitest.expect)(checkbox).not.toBeChecked(), await (0, import_react.act)(async function() {
+        import_react.fireEvent.click(submitButton);
+      }), (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+        foo: !1
+      }), await (0, import_react.act)(async function() {
+        import_react.fireEvent.click(checkbox), import_react.fireEvent.click(submitButton);
+      }), (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+        foo: !0
+      });
+    }), (0, import_vitest.it)("should handle disabled state in form context", function() {
+      var onCheckedChange = import_vitest.vi.fn(), { getByRole } = renderWithProviders(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Form.Form, {
+        defaultValues: {
+          terms: !1
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, {
+          label: "Accept",
+          name: "terms",
+          disabled: !0,
+          onCheckedChange
+        })
+      })), checkbox = getByRole("checkbox");
+      import_react.fireEvent.click(checkbox), (0, import_vitest.expect)(onCheckedChange).not.toHaveBeenCalled(), (0, import_vitest.expect)(checkbox).not.toBeChecked(), (0, import_vitest.expect)(checkbox).toBeDisabled();
+    });
+  }), (0, import_vitest.describe)("with useForm hook directly", function() {
+    (0, import_vitest.it)("should handle form submission with useForm", async function() {
+      var onSubmitMock = import_vitest.vi.fn(), TestComponent = function() {
+        var form = (0, import_react_form.useForm)({
+          defaultValues: {
+            terms: !1
+          },
+          onSubmit: async function(param) {
+            var { value } = param;
+            onSubmitMock(value);
+          }
+        });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Form.Form, {
+          form,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, {
+              label: "Accept Terms",
+              name: "terms"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SubmitButton.SubmitButton, {
+              children: "Submit"
+            })
+          ]
+        });
+      }, { getByRole, getByText } = renderWithProviders(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TestComponent, {})), checkbox = getByRole("checkbox"), submitButton = getByText("Submit");
+      await (0, import_react.act)(async function() {
+        import_react.fireEvent.click(submitButton);
+      }), (0, import_vitest.expect)(onSubmitMock).toHaveBeenCalledWith({
+        terms: !1
+      }), await (0, import_react.act)(async function() {
+        import_react.fireEvent.click(checkbox), import_react.fireEvent.click(submitButton);
+      }), (0, import_vitest.expect)(onSubmitMock).toHaveBeenCalledWith({
+        terms: !0
+      });
+    });
+  });
+});
+//# sourceMappingURL=FieldCheckbox.spec.js.map

package/dist/cjs/forms/Checkbox/FieldCheckbox.spec.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/Checkbox/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/forms/Checkbox/FieldCheckbox.spec.tsx"],
+  "mappings": "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",
+  "names": ["tamaguiConfig", "createTamagui", "config", "describe", "renderWithProviders", "ui", "render", "_jsx", "TamaguiProvider", "defaultTheme", "it", "getByText", "getByRole", "FieldCheckbox", "label", "helperText", "name", "defaultValue", "checkbox", "expect", "toBeDefined", "not", "toBeChecked", "toBeEnabled", "onCheckedChange", "vi", "fn", "fireEvent", "click", "toHaveBeenCalledWith", "FormExample", "onSubmit", "_value", "_jsxs", "Form", "defaultValues", "param", "value", "SubmitButton", "YStack", "submitButton", "act", "foo", "terms", "disabled", "toHaveBeenCalled", "toBeDisabled", "onSubmitMock", "TestComponent", "form", "useForm"]
+}

package/dist/cjs/forms/Checkbox/FieldCheckbox.stories.cjs

@@ -0,0 +1,79 @@
+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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var FieldCheckbox_stories_exports = {};
+__export(FieldCheckbox_stories_exports, {
+  default: () => FieldCheckbox_stories_default,
+  form: () => form,
+  main: () => main
+});
+module.exports = __toCommonJS(FieldCheckbox_stories_exports);
+var import_addon_actions = require("@storybook/addon-actions"),
+  import_react_form = require("@tanstack/react-form"),
+  import_tamagui = require("tamagui"),
+  import_FieldCheckbox = require("./FieldCheckbox.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime"),
+  FieldCheckbox_stories_default = {
+    title: "forms/FieldCheckBox",
+    component: import_FieldCheckbox.FieldCheckbox,
+    parameters: {
+      status: {
+        type: "beta"
+      }
+    }
+  };
+const main = args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, {
+    onCheckedChange: (0, import_addon_actions.action)("onCheckedChange"),
+    ...args
+  }),
+  mainArgs = {
+    label: "Hello",
+    error: void 0,
+    helperText: "please check this box",
+    checked: void 0
+  };
+main.args = mainArgs;
+const form = () => {
+  const form2 = (0, import_react_form.useForm)({
+    defaultValues: {
+      foo: !1,
+      bar: !0
+    },
+    onSubmit: async ({
+      value
+    }) => {
+      (0, import_addon_actions.action)("onSubmit")(value);
+    }
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, {
+      label: "Accept",
+      name: "foo",
+      form: form2
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FieldCheckbox.FieldCheckbox, {
+      label: "Accept",
+      name: "bar",
+      form: form2
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+      onPress: form2.handleSubmit,
+      children: "Submit"
+    })]
+  });
+};

package/dist/cjs/forms/Checkbox/FieldCheckbox.stories.js

@@ -19,7 +19,7 @@ __export(FieldCheckbox_stories_exports, {
   main: () => main
 });
 module.exports = __toCommonJS(FieldCheckbox_stories_exports);
-var import_tamagui = require("tamagui"), import_FieldCheckbox = require("./FieldCheckbox"), import_addon_actions = require("@storybook/addon-actions"), import_react_form = require("@tanstack/react-form"), import_jsx_runtime = require("react/jsx-runtime"), FieldCheckbox_stories_default = {
+var import_addon_actions = require("@storybook/addon-actions"), import_react_form = require("@tanstack/react-form"), import_tamagui = require("tamagui"), import_FieldCheckbox = require("./FieldCheckbox"), import_jsx_runtime = require("react/jsx-runtime"), FieldCheckbox_stories_default = {
   title: "forms/FieldCheckBox",
   component: import_FieldCheckbox.FieldCheckbox,
   parameters: { status: { type: "beta" } }

package/dist/cjs/forms/Checkbox/FieldCheckbox.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/Checkbox/FieldCheckbox.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBA,qBAA+B,oBAC/B,uBAA8B,4BAC9B,uBAAuB,qCACvB,oBAAwB,iCAQM,mDANvB,gCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,CAAC,SAAS,4CAAC,sCAAc,qBAAiB,6BAAO,iBAAiB,GAAI,GAAG,MAAM,GAC7F,WAA+B;AAAA,EACnC,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AACX;AACA,KAAK,OAAO;AAEL,MAAM,OAAO,MAAM;AACxB,QAAMA,YAAO,2BAAQ;AAAA,IACnB,eAAe;AAAA,MACb,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,IACA,UAAU,OAAO,EAAE,MAAM,MAAM;AAC7B,uCAAO,UAAU,EAAE,KAAK;AAAA,IAC1B;AAAA,EACF,CAAC;AACD,SACE,6CAAC,yBACC;AAAA,gDAAC,sCAAc,OAAM,UAAS,MAAK,OAAM,MAAMA,OAAM;AAAA,IACrD,4CAAC,sCAAc,OAAM,UAAS,MAAK,OAAM,MAAMA,OAAM;AAAA,IACrD,4CAAC,yBAAO,SAASA,MAAK,cAAc,oBAAM;AAAA,KAC5C;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA,2BAAuB,qCACvB,oBAAwB,iCACxB,iBAA+B,oBAE/B,uBAA8B,4BAS5B,mDAPK,gCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,CAAC,SACnB,4CAAC,sCAAc,qBAAiB,6BAAO,iBAAiB,GAAI,GAAG,MAAM,GAEjE,WAA+B;AAAA,EACnC,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AACX;AACA,KAAK,OAAO;AAEL,MAAM,OAAO,MAAM;AACxB,QAAMA,YAAO,2BAAQ;AAAA,IACnB,eAAe;AAAA,MACb,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,IACA,UAAU,OAAO,EAAE,MAAM,MAAM;AAC7B,uCAAO,UAAU,EAAE,KAAK;AAAA,IAC1B;AAAA,EACF,CAAC;AACD,SACE,6CAAC,yBACC;AAAA,gDAAC,sCAAc,OAAM,UAAS,MAAK,OAAM,MAAMA,OAAM;AAAA,IACrD,4CAAC,sCAAc,OAAM,UAAS,MAAK,OAAM,MAAMA,OAAM;AAAA,IACrD,4CAAC,yBAAO,SAASA,MAAK,cAAc,oBAAM;AAAA,KAC5C;AAEJ;",
   "names": ["form"]
 }