{"ast":null,"code":"import React from \"react\";\nimport Checkbox from \"../checkbox\";\nimport { useId } from \"@reach/auto-id\";\nimport { useFormContext } from \"../use-form\";\n\nfunction CheckboxField(_ref) {\n  var id = _ref.id,\n      name = _ref.name,\n      label = _ref.label,\n      placeholder = _ref.placeholder;\n  id = useId(id);\n  var form = useFormContext();\n  var value = form.getValue(name); // TODO: handle arrays\n\n  var checked = value;\n\n  var handleBlur = function handleBlur() {\n    form.setTouched(name);\n  };\n\n  var handleChange = function handleChange(event) {\n    var checked = event.target.checked;\n    form.setValue(name, checked);\n  };\n\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex items-center\"\n  }, /*#__PURE__*/React.createElement(Checkbox, {\n    id: id,\n    name: name,\n    placeholder: placeholder,\n    onBlur: handleBlur,\n    onChange: handleChange,\n    checked: checked\n  }), /*#__PURE__*/React.createElement(\"label\", {\n    className: \"ml-2 mb-0 font-sans text-black\",\n    htmlFor: id\n  }, label));\n}\n\nexport default CheckboxField;","map":{"version":3,"sources":["/Users/silverdust/Projects/ConvertKit/convertkit-design/docs/node_modules/@convertkit/design/checkbox-field/index.js"],"names":["React","Checkbox","useId","useFormContext","CheckboxField","_ref","id","name","label","placeholder","form","value","getValue","checked","handleBlur","setTouched","handleChange","event","target","setValue","createElement","className","onBlur","onChange","htmlFor"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,SAASC,KAAT,QAAsB,gBAAtB;AACA,SAASC,cAAT,QAA+B,aAA/B;;AAEA,SAASC,aAAT,CAAuBC,IAAvB,EAA6B;AAC3B,MAAIC,EAAE,GAAGD,IAAI,CAACC,EAAd;AAAA,MACIC,IAAI,GAAGF,IAAI,CAACE,IADhB;AAAA,MAEIC,KAAK,GAAGH,IAAI,CAACG,KAFjB;AAAA,MAGIC,WAAW,GAAGJ,IAAI,CAACI,WAHvB;AAIAH,EAAAA,EAAE,GAAGJ,KAAK,CAACI,EAAD,CAAV;AACA,MAAII,IAAI,GAAGP,cAAc,EAAzB;AACA,MAAIQ,KAAK,GAAGD,IAAI,CAACE,QAAL,CAAcL,IAAd,CAAZ,CAP2B,CAOM;;AAEjC,MAAIM,OAAO,GAAGF,KAAd;;AAEA,MAAIG,UAAU,GAAG,SAASA,UAAT,GAAsB;AACrCJ,IAAAA,IAAI,CAACK,UAAL,CAAgBR,IAAhB;AACD,GAFD;;AAIA,MAAIS,YAAY,GAAG,SAASA,YAAT,CAAsBC,KAAtB,EAA6B;AAC9C,QAAIJ,OAAO,GAAGI,KAAK,CAACC,MAAN,CAAaL,OAA3B;AACAH,IAAAA,IAAI,CAACS,QAAL,CAAcZ,IAAd,EAAoBM,OAApB;AACD,GAHD;;AAKA,SAAO,aAAab,KAAK,CAACoB,aAAN,CAAoB,KAApB,EAA2B;AAC7CC,IAAAA,SAAS,EAAE;AADkC,GAA3B,EAEjB,aAAarB,KAAK,CAACoB,aAAN,CAAoBnB,QAApB,EAA8B;AAC5CK,IAAAA,EAAE,EAAEA,EADwC;AAE5CC,IAAAA,IAAI,EAAEA,IAFsC;AAG5CE,IAAAA,WAAW,EAAEA,WAH+B;AAI5Ca,IAAAA,MAAM,EAAER,UAJoC;AAK5CS,IAAAA,QAAQ,EAAEP,YALkC;AAM5CH,IAAAA,OAAO,EAAEA;AANmC,GAA9B,CAFI,EAShB,aAAab,KAAK,CAACoB,aAAN,CAAoB,OAApB,EAA6B;AAC5CC,IAAAA,SAAS,EAAE,gCADiC;AAE5CG,IAAAA,OAAO,EAAElB;AAFmC,GAA7B,EAGdE,KAHc,CATG,CAApB;AAaD;;AAED,eAAeJ,aAAf","sourcesContent":["import React from \"react\";\nimport Checkbox from \"../checkbox\";\nimport { useId } from \"@reach/auto-id\";\nimport { useFormContext } from \"../use-form\";\n\nfunction CheckboxField(_ref) {\n  var id = _ref.id,\n      name = _ref.name,\n      label = _ref.label,\n      placeholder = _ref.placeholder;\n  id = useId(id);\n  var form = useFormContext();\n  var value = form.getValue(name); // TODO: handle arrays\n\n  var checked = value;\n\n  var handleBlur = function handleBlur() {\n    form.setTouched(name);\n  };\n\n  var handleChange = function handleChange(event) {\n    var checked = event.target.checked;\n    form.setValue(name, checked);\n  };\n\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: \"flex items-center\"\n  }, /*#__PURE__*/React.createElement(Checkbox, {\n    id: id,\n    name: name,\n    placeholder: placeholder,\n    onBlur: handleBlur,\n    onChange: handleChange,\n    checked: checked\n  }), /*#__PURE__*/React.createElement(\"label\", {\n    className: \"ml-2 mb-0 font-sans text-black\",\n    htmlFor: id\n  }, label));\n}\n\nexport default CheckboxField;"]},"metadata":{},"sourceType":"module"}