{"version":3,"sources":["jsdelivr-header.js","/npm/nonquia@1.5.0/src/index.js"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,4yBCJA,SAAS,SAAS,GAChB,IACE,EAuBE,EAvBF,YACA,EAsBE,EAtBF,aACA,EAqBE,EArBF,YACA,EAoBE,EApBF,YACA,EAmBE,EAnBF,SACA,EAkBE,EAlBF,UACA,EAiBE,EAjBF,QACA,EAgBE,EAhBF,SACA,EAeE,EAfF,mBACA,EAcE,EAdF,eACA,EAaE,EAbF,MACA,EAYE,EAZF,eACA,EAWE,EAXF,WACA,EAUE,EAVF,KACA,EASE,EATF,SACA,EAQE,EARF,UACA,EAOE,EAPF,MACA,EAME,EANF,KACA,EAKE,EALF,MACA,EAIE,EAJF,MACA,EAGE,EAHF,KACA,EAEE,EAFF,SACG,EAvBL,8BAwBI,EAxBJ,WAyBA,EAA0B,eAAS,GAA5B,EAAP,EAAA,GAAc,EAAd,EAAA,GAEM,EAAS,SAAC,GAEd,GADA,EAAE,iBACE,EACF,OAAO,KAET,GAAU,GACV,GAAY,GAAU,EAAO,EAC9B,EAMD,OAJA,iBAAU,WACR,EAAS,EACV,GAAE,CAAC,IAGF,sCACE,MAAK,SAAA,CACH,QAAS,OACT,WAAY,UACT,GAEL,UAAW,EACX,QAAS,SAAC,GAAD,OAAO,EAAO,EAAd,GAEP,GAAS,GACT,qCAAM,UAAW,EAAgB,MAAO,GACrC,IAGH,KACD,GACC,yCACE,oCACE,MAAK,SAAA,CACH,OAAQ,EACR,MAAO,EACP,YAAa,EACb,YAAa,EACb,YAAa,EACb,aAAc,GACX,EAPA,CAQH,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,OAAQ,EAAW,cAAgB,KAErC,SAAU,EAGV,UAAW,SAAC,GACI,UAAV,EAAE,KAA6B,MAAV,EAAE,KAAyB,aAAV,EAAE,KAC1C,EAAO,EAEV,EACD,UAAW,GAET,GAAS,GAAS,KACpB,iDACM,EADN,CAEE,IAAK,EACL,KAAK,WACL,KAAM,EACN,QAAS,EACT,MAAO,EACP,SAAU,EACV,SAAU,EACV,QAAM,QAKX,GAAS,GACV,qCAAM,UAAW,EAAgB,MAAO,GACrC,IAGH,KAGP,CACD,SAAS,aAAe,CACtB,YAAa,UACb,YAAa,QACb,YAAa,EACb,aAAc,EACd,SAAS,EACT,UAAU,EACV,OAAO,EACP,KAAM,GACN,KAAM,GACN,MAAO,GACP,UAAW,GACX,WAAY,CAAE,WAAY,GAC1B,eAAgB,GAChB,eAAgB,GAChB,mBAAoB,GACpB,MAAO,GACP,SAAU,KACV,KACE,oCAAK,MAAO,CAAE,gBAAiB,UAAW,aAAc,EAAG,QAAS,M","file":"/npm/nonquia@1.5.0/dist/index.js","sourceRoot":"","sourcesContent":["/**\n * Minified by jsDelivr using Terser v5.39.0.\n * Original file: /npm/nonquia@1.5.0/dist/index.js\n *\n * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files\n */\n","import React, { useState, useEffect } from \"react\";\n\nfunction Checkbox(props) {\n  const {\n    borderColor,\n    borderRadius,\n    borderStyle,\n    borderWidth,\n    checkbox,\n    className,\n    checked,\n    disabled,\n    containerClassName,\n    containerStyle,\n    label,\n    labelClassName,\n    labelStyle,\n    name,\n    onChange,\n    reference,\n    right,\n    size,\n    style,\n    value,\n    icon,\n    tabIndex,\n    ...rest\n  } = props;\n  const [check, setCheck] = useState(checked);\n\n  const toggle = (e) => {\n    e.preventDefault();\n    if (disabled) {\n      return null;\n    }\n    setCheck(!check);\n    onChange && onChange(!check, e);\n  };\n\n  useEffect(() => {\n    setCheck(checked);\n  }, [checked]);\n\n  return (\n    <label\n      style={{\n        display: \"flex\",\n        alignItems: \"center\",\n        ...containerStyle,\n      }}\n      className={containerClassName}\n      onClick={(e) => toggle(e)}\n    >\n      {(right && label && (\n        <span className={labelClassName} style={labelStyle}>\n          {label}\n        </span>\n      )) ||\n        null}\n      {checkbox || (\n        <span>\n          <div\n            style={{\n              height: size,\n              width: size,\n              borderWidth: borderWidth,\n              borderColor: borderColor,\n              borderStyle: borderStyle,\n              borderRadius: borderRadius,\n              ...style,\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              cursor: disabled ? \"not-allowed\" : \"\",\n            }}\n            tabIndex={tabIndex}\n            // onKeyPress={(e) => (!disabled ? toggle(e) : null)}\n            // toggle checkbox on press enter or space\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar') {\n                toggle(e);\n              }\n            }}\n            className={className}\n          >\n            {(check && icon) || null}\n            <input\n              {...rest}\n              ref={reference}\n              type=\"checkbox\"\n              name={name}\n              checked={check}\n              value={value}\n              onChange={toggle}\n              disabled={disabled}\n              hidden\n            />\n          </div>\n        </span>\n      )}\n      {(!right && label && (\n        <span className={labelClassName} style={labelStyle}>\n          {label}\n        </span>\n      )) ||\n        null}\n    </label>\n  );\n};\nCheckbox.defaultProps = {\n  borderColor: \"#D7C629\",\n  borderStyle: \"solid\",\n  borderWidth: 2,\n  borderRadius: 5,\n  checked: false,\n  disabled: false,\n  right: false,\n  name: \"\",\n  size: 18,\n  style: {},\n  className: \"\",\n  labelStyle: { marginLeft: 5 },\n  labelClassName: \"\",\n  containerStyle: {},\n  containerClassName: \"\",\n  value: \"\",\n  onChange: null,\n  icon: (\n    <div style={{ backgroundColor: \"#D7C629\", borderRadius: 5, padding: 5 }} />\n  ),\n};\nexport default Checkbox;"]}