{"ast":null,"code":"var _s = $RefreshSig$();\n\nimport React from \"react\";\nimport Label from \"../label\";\nimport SelectMenu from \"../select-menu\";\nimport Stack from \"../stack\";\nimport { useId } from \"@reach/auto-id\";\nimport { useFormContext } from \"../use-form\";\n\nfunction SelectField(_ref) {\n  _s();\n\n  var id = _ref.id,\n      name = _ref.name,\n      label = _ref.label,\n      options = _ref.options,\n      placeholder = _ref.placeholder,\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(SelectMenu, {\n    id: id,\n    className: \"w-full\",\n    autoFocus: autoFocus,\n    name: name,\n    value: value,\n    placeholder: placeholder,\n    options: options,\n    onBlur: handleBlur,\n    onChange: handleChange\n  }));\n}\n\n_s(SelectField, \"v9p9CmmBU3UPSLDPfwgLWX3a1T0=\", false, function () {\n  return [useId, useFormContext];\n});\n\n_c = SelectField;\nexport default SelectField;\n\nvar _c;\n\n$RefreshReg$(_c, \"SelectField\");","map":{"version":3,"sources":["/Users/silverdust/Projects/ConvertKit/convertkit-design/docs/node_modules/@convertkit/design/select-field/index.js"],"names":["React","Label","SelectMenu","Stack","useId","useFormContext","SelectField","_ref","id","name","label","options","placeholder","autoFocus","form","value","getValue","handleBlur","setTouched","handleChange","event","target","setValue","createElement","spacing","htmlFor","className","onBlur","onChange"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,SAASC,KAAT,QAAsB,gBAAtB;AACA,SAASC,cAAT,QAA+B,aAA/B;;AAEA,SAASC,WAAT,CAAqBC,IAArB,EAA2B;AAAA;;AACzB,MAAIC,EAAE,GAAGD,IAAI,CAACC,EAAd;AAAA,MACIC,IAAI,GAAGF,IAAI,CAACE,IADhB;AAAA,MAEIC,KAAK,GAAGH,IAAI,CAACG,KAFjB;AAAA,MAGIC,OAAO,GAAGJ,IAAI,CAACI,OAHnB;AAAA,MAIIC,WAAW,GAAGL,IAAI,CAACK,WAJvB;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,UAApB,EAAgC;AACtDM,IAAAA,EAAE,EAAEA,EADkD;AAEtDkB,IAAAA,SAAS,EAAE,QAF2C;AAGtDb,IAAAA,SAAS,EAAEA,SAH2C;AAItDJ,IAAAA,IAAI,EAAEA,IAJgD;AAKtDM,IAAAA,KAAK,EAAEA,KAL+C;AAMtDH,IAAAA,WAAW,EAAEA,WANyC;AAOtDD,IAAAA,OAAO,EAAEA,OAP6C;AAQtDgB,IAAAA,MAAM,EAAEV,UAR8C;AAStDW,IAAAA,QAAQ,EAAET;AAT4C,GAAhC,CAJJ,CAApB;AAeD;;GAnCQb,W;UAOFF,K,EACMC,c;;;KARJC,W;AAqCT,eAAeA,WAAf","sourcesContent":["import React from \"react\";\nimport Label from \"../label\";\nimport SelectMenu from \"../select-menu\";\nimport Stack from \"../stack\";\nimport { useId } from \"@reach/auto-id\";\nimport { useFormContext } from \"../use-form\";\n\nfunction SelectField(_ref) {\n  var id = _ref.id,\n      name = _ref.name,\n      label = _ref.label,\n      options = _ref.options,\n      placeholder = _ref.placeholder,\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(SelectMenu, {\n    id: id,\n    className: \"w-full\",\n    autoFocus: autoFocus,\n    name: name,\n    value: value,\n    placeholder: placeholder,\n    options: options,\n    onBlur: handleBlur,\n    onChange: handleChange\n  }));\n}\n\nexport default SelectField;"]},"metadata":{},"sourceType":"module"}