@multiplatform.one/components 5.0.1 → 5.0.7

package/dist/esm/forms/Checkbox/FieldCheckbox.native.js

@@ -1,113 +1,46 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Field, useForm } from "@tanstack/react-form";
 import { useId } from "react";
+import { Label, Paragraph, XStack, YStack, useProps } from "tamagui";
 import { CheckRegular, MinusRegular } from "../../icons";
+import { useFormContext } from "../Form";
 import { Checkbox } from "./Checkbox";
-import { Field, useForm } from "@tanstack/react-form";
-import { useProps, XStack, Label, Paragraph, YStack } from "tamagui";
-function _define_property(obj, key, value) {
-  return key in obj ? Object.defineProperty(obj, key, {
-    value,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : obj[key] = value, obj;
-}
-function _object_spread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
-    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), ownKeys2.forEach(function(key) {
-      _define_property(target, key, source[key]);
-    });
-  }
-  return target;
-}
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _object_spread_props(target, source) {
-  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-  }), target;
-}
-function _object_without_properties(source, excluded) {
-  if (source == null) return {};
-  var target = _object_without_properties_loose(source, excluded), key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++)
-      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
-  }
-  return target;
-}
-function _object_without_properties_loose(source, excluded) {
-  if (source == null) return {};
-  var target = {}, sourceKeys = Object.keys(source), key, i;
-  for (i = 0; i < sourceKeys.length; i++)
-    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
-  return target;
-}
 function FieldCheckbox(props) {
-  var _useProps = useProps(props), asyncAlways = _useProps.asyncAlways, asyncDebounceMs = _useProps.asyncDebounceMs, checkboxProps = _useProps.checkboxProps, checked = _useProps.checked, children = _useProps.children, defaultMeta = _useProps.defaultMeta, defaultValue = _useProps.defaultValue, error = _useProps.error, form = _useProps.form, helperText = _useProps.helperText, label = _useProps.label, labelProps = _useProps.labelProps, mode = _useProps.mode, name = _useProps.name, onBlur = _useProps.onBlur, onCheckedChange = _useProps.onCheckedChange, preserveValue = _useProps.preserveValue, required = _useProps.required, size = _useProps.size, validatorAdapter = _useProps.validatorAdapter, validators = _useProps.validators, fieldProps = _object_without_properties(_useProps, [
-    "asyncAlways",
-    "asyncDebounceMs",
-    "checkboxProps",
-    "checked",
-    "children",
-    "defaultMeta",
-    "defaultValue",
-    "error",
-    "form",
-    "helperText",
-    "label",
-    "labelProps",
-    "mode",
-    "name",
-    "onBlur",
-    "onCheckedChange",
-    "preserveValue",
-    "required",
-    "size",
-    "validatorAdapter",
-    "validators"
-  ]);
-  form = form || useForm();
+  var { asyncAlways, asyncDebounceMs, checkboxProps, checked, children, defaultMeta, defaultValue, error, form, helperText, label, labelProps, mode, name, onBlur, onCheckedChange, preserveValue, required, size, validatorAdapter, validators, disabled, ...fieldProps } = useProps(props), formContext = useFormContext();
+  form = form || formContext || useForm();
   var id = fieldProps.id || useId();
-  return helperText = error && typeof error == "string" ? error : helperText, !form || !name ? /* @__PURE__ */ _jsxs(YStack, _object_spread_props(_object_spread({
-    theme: error ? "red" : void 0
-  }, fieldProps), {
+  return helperText = error && typeof error == "string" ? error : helperText, !form || !name ? /* @__PURE__ */ _jsxs(YStack, {
+    theme: error ? "red" : void 0,
+    ...fieldProps,
     onBlur,
     children: [
       /* @__PURE__ */ _jsxs(XStack, {
         gap: "$2",
         alignItems: "center",
         children: [
-          /* @__PURE__ */ _jsx(Checkbox, _object_spread_props(_object_spread({}, checkboxProps), {
-            onCheckedChange,
+          /* @__PURE__ */ _jsx(Checkbox, {
+            ...checkboxProps,
+            disabled,
+            onCheckedChange: function(checked2) {
+              if (!disabled)
+                return onCheckedChange?.(checked2);
+            },
             checked: checked ?? defaultValue,
             id,
             children: children ?? /* @__PURE__ */ _jsx(Checkbox.Indicator, {
               children: (checked ?? defaultValue) === "indeterminate" ? /* @__PURE__ */ _jsx(MinusRegular, {}) : /* @__PURE__ */ _jsx(CheckRegular, {})
             })
-          })),
-          label && /* @__PURE__ */ _jsxs(Label, _object_spread_props(_object_spread({
+          }),
+          label && /* @__PURE__ */ _jsxs(Label, {
             htmlFor: id,
             size: size || "$3",
-            color: error ? "$red10" : void 0
-          }, labelProps), {
+            color: error ? "$red10" : void 0,
+            ...labelProps,
             children: [
               label,
               required && " *"
             ]
-          }))
+          })
         ]
       }),
       helperText && /* @__PURE__ */ _jsx(Paragraph, {
@@ -117,7 +50,7 @@ function FieldCheckbox(props) {
         children: helperText
       })
     ]
-  })) : /* @__PURE__ */ _jsx(Field, {
+  }) : /* @__PURE__ */ _jsx(Field, {
     asyncAlways,
     asyncDebounceMs,
     defaultMeta,
@@ -129,37 +62,40 @@ function FieldCheckbox(props) {
     validatorAdapter,
     validators,
     children: function(field) {
-      return error = field.state.meta.errors.length ? field.state.meta.errors.join(", ") : error, helperText = typeof error == "string" ? error : helperText, /* @__PURE__ */ _jsxs(YStack, _object_spread_props(_object_spread({
-        theme: error ? "red" : void 0
-      }, fieldProps), {
+      return error = field.state.meta.errors.length ? field.state.meta.errors.join(", ") : error, helperText = typeof error == "string" ? error : helperText, /* @__PURE__ */ _jsxs(YStack, {
+        theme: error ? "red" : void 0,
+        ...fieldProps,
         onBlur: function(e) {
-          return field.handleBlur(), onBlur == null ? void 0 : onBlur(e);
+          return field.handleBlur(), onBlur?.(e);
         },
         children: [
           /* @__PURE__ */ _jsxs(XStack, {
             gap: "$2",
             alignItems: "center",
             children: [
-              /* @__PURE__ */ _jsx(Checkbox, _object_spread_props(_object_spread({}, checkboxProps), {
+              /* @__PURE__ */ _jsx(Checkbox, {
+                ...checkboxProps,
+                disabled,
                 checked: checked ?? field.state.value,
                 id,
                 onCheckedChange: function(checked2) {
-                  return field.handleChange(checked2), onCheckedChange == null ? void 0 : onCheckedChange(checked2);
+                  if (!disabled)
+                    return field.handleChange(checked2), onCheckedChange?.(checked2);
                 },
                 children: children ?? /* @__PURE__ */ _jsx(Checkbox.Indicator, {
                   children: (checked ?? field.state.value) === "indeterminate" ? /* @__PURE__ */ _jsx(MinusRegular, {}) : /* @__PURE__ */ _jsx(CheckRegular, {})
                 })
-              })),
-              label && /* @__PURE__ */ _jsxs(Label, _object_spread_props(_object_spread({
+              }),
+              label && /* @__PURE__ */ _jsxs(Label, {
                 htmlFor: id,
                 size: size || "$3",
-                color: error ? "$red10" : void 0
-              }, labelProps), {
+                color: error ? "$red10" : void 0,
+                ...labelProps,
                 children: [
                   label,
                   required && " *"
                 ]
-              }))
+              })
             ]
           }),
           helperText && /* @__PURE__ */ _jsx(Paragraph, {
@@ -169,7 +105,7 @@ function FieldCheckbox(props) {
             children: helperText
           })
         ]
-      }));
+      });
     }
   });
 }

package/dist/esm/forms/Checkbox/FieldCheckbox.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/forms/Checkbox/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/forms/Checkbox/FieldCheckbox.tsx"],
-  "mappings": "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",
-  "names": ["useId", "CheckRegular", "MinusRegular", "Checkbox", "Field", "useForm", "useProps", "XStack", "Label", "Paragraph", "YStack", "FieldCheckbox", "props", "asyncAlways", "asyncDebounceMs", "checkboxProps", "checked", "children", "defaultMeta", "defaultValue", "error", "form", "helperText", "label", "labelProps", "mode", "name", "onBlur", "onCheckedChange", "preserveValue", "required", "size", "validatorAdapter", "validators", "fieldProps", "id", "theme", "undefined", "gap", "alignItems", "Indicator", "htmlFor", "color", "paddingLeft", "field", "state", "meta", "errors", "length", "join", "e", "handleBlur", "value", "handleChange"]
+  "sources": ["../../../../src/forms/Checkbox/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/forms/Checkbox/FieldCheckbox.tsx"],
+  "mappings": ";AAsBA,SAASA,OAAqBC,eAAe;AAC7C,SAASC,aAAa;AAEtB,SAASC,OAAOC,WAAWC,QAAQC,QAAQC,gBAAgB;AAC3D,SAASC,cAAcC,oBAAoB;AAC3C,SAASC,sBAAsB;AAI/B,SAASC,gBAAgB;AAmClB,SAASC,cAWdC,OAMC;AAED,MAAI,EACFC,aACAC,iBACAC,eACAC,SACAC,UACAC,aACAC,cACAC,OACAC,MACAC,YACAC,OACAC,YACAC,MACAC,MACAC,QACAC,iBACAC,eACAC,UACAC,MACAC,kBACAC,YACAC,UACA,GAAGC,WAAAA,IACD7B,SAASM,KAAAA,GACPwB,cAAc3B,eAAAA;AACpBY,SACEA,QAASe,eAAwDpC,QAAAA;AACnE,MAAMqC,KAAKF,WAAWE,MAAMpC,MAAAA;AAE5B,SADAqB,aAAaF,SAAS,OAAOA,SAAU,WAAWA,QAAQE,YACtD,CAACD,QAAQ,CAACK,OAEV,sBAACrB,QAAAA;IAAOiC,OAAOlB,QAAQ,QAAQmB;IAAY,GAAGJ;IAAYR;;MACxD,sBAACvB,QAAAA;QAAOoC,KAAI;QAAKC,YAAW;;UAC1B,qBAAC/B,UAAAA;YACE,GAAGK;YACJmB;YACAN,iBAAiB,SAACZ,UAAAA;AAChB,kBAAIkB;AACJ,uBAAON,kBAAkBZ,QAAAA;YAC3B;YACAA,SAASA,WAAYG;YACrBkB;sBAECpB,YACC,qBAACP,SAASgC,WAAS;yBACf1B,WAAYG,kBACd,kBACE,qBAACX,cAAAA,CAAAA,CAAAA,IAED,qBAACD,cAAAA,CAAAA,CAAAA;;;UAKRgB,SACC,sBAACrB,OAAAA;YACCyC,SAASN;YACTN,MAAMA,QAAQ;YACda,OAAOxB,QAAQ,WAAWmB;YACzB,GAAGf;;cAEHD;cACAO,YAAY;;;;;MAIlBR,cACC,qBAACnB,WAAAA;QACC0C,aAAY;QACZd;QACAa,OAAOxB,QAAQ,WAAWmB;kBAEzBjB;;;OAOT,qBAACvB,OAAAA;IACCc;IACAC;IACAI;IACAC;IACAE;IACAI;IACAC;IACAG;IACAG;IACAC;cAEC,SAACa,OAAAA;AACA1B,qBAAQ0B,MAAMC,MAAMC,KAAKC,OAAOC,SAC5BJ,MAAMC,MAAMC,KAAKC,OAAOE,KAAK,IAAA,IAC7B/B,OACJE,aAAa,OAAOF,SAAU,WAAWA,QAAQE,YAE/C,sBAACjB,QAAAA;QACCiC,OAAOlB,QAAQ,QAAQmB;QACtB,GAAGJ;QACJR,QAAQ,SAACyB,GAAAA;AACPN,uBAAMO,WAAU,GACT1B,SAASyB,CAAAA;QAClB;;UAEA,sBAAChD,QAAAA;YAAOoC,KAAI;YAAKC,YAAW;;cAC1B,qBAAC/B,UAAAA;gBACE,GAAGK;gBACJmB;gBACAlB,SAASA,WAAY8B,MAAMC,MAAMO;gBACjCjB;gBACAT,iBAAiB,SAACZ,UAAAA;AAChB,sBAAIkB;AACJY,iCAAMS,aAAavC,QAAAA,GACZY,kBAAkBZ,QAAAA;gBAC3B;0BAECC,YACC,qBAACP,SAASgC,WAAS;6BACf1B,WAAY8B,MAAMC,MAAMO,WAC1B,kBACE,qBAAC9C,cAAAA,CAAAA,CAAAA,IAED,qBAACD,cAAAA,CAAAA,CAAAA;;;cAKRgB,SACC,sBAACrB,OAAAA;gBACCyC,SAASN;gBACTN,MAAMA,QAAQ;gBACda,OAAOxB,QAAQ,WAAWmB;gBACzB,GAAGf;;kBAEHD;kBACAO,YAAY;;;;;UAIlBR,cACC,qBAACnB,WAAAA;YACC0C,aAAY;YACZd;YACAa,OAAOxB,QAAQ,WAAWmB;sBAEzBjB;;;;IAKX;;AAGN;",
+  "names": ["Field", "useForm", "useId", "Label", "Paragraph", "XStack", "YStack", "useProps", "CheckRegular", "MinusRegular", "useFormContext", "Checkbox", "FieldCheckbox", "props", "asyncAlways", "asyncDebounceMs", "checkboxProps", "checked", "children", "defaultMeta", "defaultValue", "error", "form", "helperText", "label", "labelProps", "mode", "name", "onBlur", "onCheckedChange", "preserveValue", "required", "size", "validatorAdapter", "validators", "disabled", "fieldProps", "formContext", "id", "theme", "undefined", "gap", "alignItems", "Indicator", "htmlFor", "color", "paddingLeft", "field", "state", "meta", "errors", "length", "join", "e", "handleBlur", "value", "handleChange"]
 }

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

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

package/dist/esm/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/esm/forms/Checkbox/FieldCheckbox.spec.mjs

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

package/dist/esm/forms/Checkbox/FieldCheckbox.spec.mjs.map

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

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

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

package/dist/esm/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": ["config", "useForm", "act", "fireEvent", "render", "TamaguiProvider", "YStack", "createTamagui", "describe", "expect", "it", "vi", "SubmitButton", "Form", "FieldCheckbox", "tamaguiConfig", "renderWithProviders", "ui", "defaultTheme", "getByText", "getByRole", "label", "helperText", "name", "defaultValue", "checkbox", "toBeDefined", "not", "toBeChecked", "toBeEnabled", "onCheckedChange", "fn", "click", "toHaveBeenCalledWith", "FormExample", "onSubmit", "_value", "defaultValues", "param", "value", "submitButton", "foo", "terms", "disabled", "toHaveBeenCalled", "toBeDisabled", "onSubmitMock", "TestComponent", "form"]
+}