{"ast":null,"code":"import React from \"react\";\nimport Label from \"../label\";\nimport Input from \"../input\";\nimport Stack from \"../stack\";\nimport { useId } from \"@reach/auto-id\";\nimport { useFormContext } from \"../use-form\";\n\nfunction TextField(_ref) {\n  var id = _ref.id,\n      name = _ref.name,\n      label = _ref.label,\n      placeholder = _ref.placeholder,\n      type = _ref.type,\n      autoFocus = _ref.autoFocus;\n  id = useId(id);\n  var form = useFormContext();\n  var value = form.getValue(name);\n\n  var handleBlur = function handleBlur() {\n    form.setTouched(name);\n  };\n\n  var handleChange = function handleChange(event) {\n    var value = event.target.value;\n    form.setValue(name, value);\n  };\n\n  return /*#__PURE__*/React.createElement(Stack, {\n    spacing: 1\n  }, /*#__PURE__*/React.createElement(Label, {\n    htmlFor: id\n  }, label), /*#__PURE__*/React.createElement(Input, {\n    id: id,\n    autoFocus: autoFocus,\n    name: name,\n    value: value,\n    placeholder: placeholder,\n    type: type,\n    onBlur: handleBlur,\n    onChange: handleChange\n  }));\n}\n\nexport default TextField;","map":{"version":3,"sources":["/Users/silverdust/Projects/ConvertKit/convertkit-design/docs/node_modules/@convertkit/design/text-field/index.js"],"names":["React","Label","Input","Stack","useId","useFormContext","TextField","_ref","id","name","label","placeholder","type","autoFocus","form","value","getValue","handleBlur","setTouched","handleChange","event","target","setValue","createElement","spacing","htmlFor","onBlur","onChange"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,SAASC,KAAT,QAAsB,gBAAtB;AACA,SAASC,cAAT,QAA+B,aAA/B;;AAEA,SAASC,SAAT,CAAmBC,IAAnB,EAAyB;AACvB,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;AAAA,MAIIC,IAAI,GAAGL,IAAI,CAACK,IAJhB;AAAA,MAKIC,SAAS,GAAGN,IAAI,CAACM,SALrB;AAMAL,EAAAA,EAAE,GAAGJ,KAAK,CAACI,EAAD,CAAV;AACA,MAAIM,IAAI,GAAGT,cAAc,EAAzB;AACA,MAAIU,KAAK,GAAGD,IAAI,CAACE,QAAL,CAAcP,IAAd,CAAZ;;AAEA,MAAIQ,UAAU,GAAG,SAASA,UAAT,GAAsB;AACrCH,IAAAA,IAAI,CAACI,UAAL,CAAgBT,IAAhB;AACD,GAFD;;AAIA,MAAIU,YAAY,GAAG,SAASA,YAAT,CAAsBC,KAAtB,EAA6B;AAC9C,QAAIL,KAAK,GAAGK,KAAK,CAACC,MAAN,CAAaN,KAAzB;AACAD,IAAAA,IAAI,CAACQ,QAAL,CAAcb,IAAd,EAAoBM,KAApB;AACD,GAHD;;AAKA,SAAO,aAAaf,KAAK,CAACuB,aAAN,CAAoBpB,KAApB,EAA2B;AAC7CqB,IAAAA,OAAO,EAAE;AADoC,GAA3B,EAEjB,aAAaxB,KAAK,CAACuB,aAAN,CAAoBtB,KAApB,EAA2B;AACzCwB,IAAAA,OAAO,EAAEjB;AADgC,GAA3B,EAEbE,KAFa,CAFI,EAIT,aAAaV,KAAK,CAACuB,aAAN,CAAoBrB,KAApB,EAA2B;AACjDM,IAAAA,EAAE,EAAEA,EAD6C;AAEjDK,IAAAA,SAAS,EAAEA,SAFsC;AAGjDJ,IAAAA,IAAI,EAAEA,IAH2C;AAIjDM,IAAAA,KAAK,EAAEA,KAJ0C;AAKjDJ,IAAAA,WAAW,EAAEA,WALoC;AAMjDC,IAAAA,IAAI,EAAEA,IAN2C;AAOjDc,IAAAA,MAAM,EAAET,UAPyC;AAQjDU,IAAAA,QAAQ,EAAER;AARuC,GAA3B,CAJJ,CAApB;AAcD;;AAED,eAAeb,SAAf","sourcesContent":["import React from \"react\";\nimport Label from \"../label\";\nimport Input from \"../input\";\nimport Stack from \"../stack\";\nimport { useId } from \"@reach/auto-id\";\nimport { useFormContext } from \"../use-form\";\n\nfunction TextField(_ref) {\n  var id = _ref.id,\n      name = _ref.name,\n      label = _ref.label,\n      placeholder = _ref.placeholder,\n      type = _ref.type,\n      autoFocus = _ref.autoFocus;\n  id = useId(id);\n  var form = useFormContext();\n  var value = form.getValue(name);\n\n  var handleBlur = function handleBlur() {\n    form.setTouched(name);\n  };\n\n  var handleChange = function handleChange(event) {\n    var value = event.target.value;\n    form.setValue(name, value);\n  };\n\n  return /*#__PURE__*/React.createElement(Stack, {\n    spacing: 1\n  }, /*#__PURE__*/React.createElement(Label, {\n    htmlFor: id\n  }, label), /*#__PURE__*/React.createElement(Input, {\n    id: id,\n    autoFocus: autoFocus,\n    name: name,\n    value: value,\n    placeholder: placeholder,\n    type: type,\n    onBlur: handleBlur,\n    onChange: handleChange\n  }));\n}\n\nexport default TextField;"]},"metadata":{},"sourceType":"module"}